{"id":1279,"date":"2019-04-25T13:39:48","date_gmt":"2019-04-25T20:39:48","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=1279"},"modified":"2025-02-02T17:56:39","modified_gmt":"2025-02-03T00:56:39","slug":"photoshop-project-frankenface-2019","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshop-project-frankenface-2019\/","title":{"rendered":"Photoshop project: Frankenface (2019)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/lbmslab.org\/lab\/photoshop-project-frankenface-2024\/\" data-type=\"page\" data-id=\"2216\">There&#8217;s a different version of this project that sometimes works really well, and sometimes doesn&#8217;t work at all. You can find that version here.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">GOAL<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use Photoshop or Photopea to combine two celebrities into a single face. The instructions for the two programs are very similar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Photoshop\/Photopea tools you will use:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform<\/li>\n\n\n\n<li>Polygonal lasso<\/li>\n\n\n\n<li>Brush<\/li>\n\n\n\n<li>Mask<\/li>\n\n\n\n<li>Layer<\/li>\n\n\n\n<li>Hue\/Saturation<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Photopea instructions<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Let&#039;s Make Stuff - Photopea: Frankenface\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/vcErbJOqi_0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Photoshop instructions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use Google image search to find large (school appropriate!) pictures of two famous people. Make sure they are both looking in the same direction at the same (or nearly the same) angle. Here\u2019s how:<br \/>Go to http:\/\/images.google.com<br \/>Enter the name of a famous person. Google will show a LOT of pictures, but most of them won\u2019t work.  You need a picture that is large and mostly face. The good news: Google will let us search for only large images!<br \/>Under the search bar, click Search Tools. A new submenu will appear. Click Size on the new menu and select Large.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"217\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/get-large-image-2.png\" alt=\"Selecting a large image in google search\" class=\"wp-image-1288\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/get-large-image-2.png 732w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/get-large-image-2-300x89.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Find a picture that clearly shows the person\u2019s face. Choose an image where they are not being silly- you will be adding the silly!<br \/>Click on the picture. A larger version of the picture will appear. <br \/>Hold down control and click the image. A menu will appear.<br \/>Click Save Image As. <br \/>Change the name of the file to the name of the person and save the image.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"396\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/save-image-prompt-1.png\" alt=\"The context menu with the Save Image As prompt.\" class=\"wp-image-1289\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/save-image-prompt-1.png 331w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/save-image-prompt-1-251x300.png 251w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Repeat the above instructions to find a second famous face. Remember, they should both be facing the same direction. Look at the ears and nose of each face- it will help you check that they are looking in the same direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I chose these faces. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1800\" src=\"https:\/\/i2.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image003.jpg?fit=604%2C378\" alt=\"\" class=\"wp-image-1290\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image003.jpg 2880w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image003-300x188.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image003-768x480.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image003-1024x640.jpg 1024w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/i0.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image004-1.jpg?fit=604%2C453\" alt=\"\" class=\"wp-image-1292\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image004-1.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image004-1-300x225.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image004-1-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You don\u2019t have to chose a man and a woman, but you should choose faces that are different enough that changes will be noticed. Remember that large differences in skin tone will make blending the two images more difficult. Also, it\u2019s more difficult to blend faces with glasses or facial hair.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open Photoshop.<\/li>\n\n\n\n<li>Open the pictures of the famous people.<\/li>\n\n\n\n<li>Choose the move tool.<\/li>\n\n\n\n<li>Decide which face will be the \u201cmain face,\u201d and which one you will be using for parts.<\/li>\n\n\n\n<li>Select the crop tool.<\/li>\n\n\n\n<li>Select \u201cW x H x Resolution\u201d for the crop method.<\/li>\n\n\n\n<li>Set the Width to 7.5, the Height to 10, and the resolution to 200 pixels per inch.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Select part of the other face.<br \/> I\u2019m going to take one of her eyes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"294\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image005.png\" alt=\"\" class=\"wp-image-1293\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image005.png 400w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image005-300x221.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make the second face the active image.<\/li>\n\n\n\n<li>Select the lasso tool. <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"608\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image006.png\" alt=\"\" class=\"wp-image-1294\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image006.png 574w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image006-283x300.png 283w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lasso the section you want to copy. Don\u2019t try to get close to the eye. Give yourself some space. <\/li>\n\n\n\n<li>Press command-c to copy the selection.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Copy the selection to the new image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make the main face the active window.<\/li>\n\n\n\n<li>Press command-v to paste in the selection as a new layer. Rename the layer to match what you\u2019ve added. I\u2019m calling this layer \u201cleft eye.\u201d<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1052\" height=\"960\" src=\"https:\/\/i1.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image007.png?fit=604%2C551\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image007.png 1052w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image007-300x274.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image007-768x701.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image007-1024x934.png 1024w\" sizes=\"auto, (max-width: 1052px) 100vw, 1052px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Resize the selection. Use the transform tool (command-t) to make the eye the right size and in the right location. The skin won\u2019t match, but that\u2019s okay.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fix the skin tone<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1312\" src=\"https:\/\/i0.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image008.png?fit=604%2C413\" alt=\"\" class=\"wp-image-1296\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image008.png 1920w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image008-300x205.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image008-768x525.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image008-1024x700.png 1024w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select Image, Adjustments, Hue\/Saturation. You\u2019ll get this menu.<\/li>\n\n\n\n<li>Hue adjusts the base color (red\/green\/blue)<\/li>\n\n\n\n<li>Saturation adjusts the amount of color<\/li>\n\n\n\n<li>Lightness adjusts the brightness\/darkness of the image<\/li>\n\n\n\n<li>Adjust the sliders to get the skin tones close to each other. They don\u2019t need to be exact. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1908\" height=\"1372\" src=\"https:\/\/i1.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image009.png?fit=604%2C434\" alt=\"\" class=\"wp-image-1297\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image009.png 1908w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image009-300x216.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image009-768x552.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image009-1024x736.png 1024w\" sizes=\"auto, (max-width: 1908px) 100vw, 1908px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use a layer mask and the brush tool to blend the skin.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"304\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image010.png\" alt=\"\" class=\"wp-image-1298\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image010.png 868w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image010-300x105.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image010-768x269.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select layer mask (the circle inside the rectangle at the bottom of the list of layers). A new white box will appear on the selected layer. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"304\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image011.png\" alt=\"\" class=\"wp-image-1299\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image011.png 764w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image011-300x119.png 300w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A layer mask is exactly what it sounds like: a mask that hides part of the layer.  The darker the mask, the more it hides.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"68\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image013.png\" alt=\"\" class=\"wp-image-1300\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the brush tool (on the left).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2148\" height=\"180\" src=\"https:\/\/i2.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image014.png?fit=604%2C51\" alt=\"\" class=\"wp-image-1301\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image014.png 2148w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image014-300x25.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image014-768x64.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image014-1024x86.png 1024w\" sizes=\"auto, (max-width: 2148px) 100vw, 2148px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the top of the screen, adjust the size, hardness and opacity of the brush:<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the opacity somewhere between 50% and 70%. That makes the brush slightly clear. <\/li>\n\n\n\n<li>Set the brush hardness to 0.<\/li>\n\n\n\n<li>Set the brush size to a fairly large size- around 125.<\/li>\n\n\n\n<li>Set the brush color to black. <\/li>\n\n\n\n<li>Brush around the edges of the pasted in shape to make it blend in. If you accidentally hide something you meant to keep, switch the brush color to white and brush over it to make it reappear.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">My final product:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1125\" height=\"1500\" src=\"https:\/\/i1.wp.com\/www.lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image015.jpg?fit=604%2C805\" alt=\"\" class=\"wp-image-1302\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image015.jpg 1125w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image015-225x300.jpg 225w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2019\/04\/image015-768x1024.jpg 768w\" sizes=\"auto, (max-width: 1125px) 100vw, 1125px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>There&#8217;s a different version of this project that sometimes works really well, and sometimes doesn&#8217;t work at all. You can find that version here. GOAL Use Photoshop or Photopea to combine two celebrities into a single face. The instructions for the two programs are very similar. Photoshop\/Photopea tools you will use: Photopea instructions Photoshop instructions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1279","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/comments?post=1279"}],"version-history":[{"count":9,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1279\/revisions"}],"predecessor-version":[{"id":2427,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/1279\/revisions\/2427"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=1279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}