{"id":933,"date":"2018-04-01T16:45:39","date_gmt":"2018-04-01T23:45:39","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=933"},"modified":"2023-09-09T17:52:20","modified_gmt":"2023-09-10T00:52:20","slug":"photoshop-introduction-melted-and-warped-face","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshop-introduction-melted-and-warped-face\/","title":{"rendered":"Photoshop Introduction: Melted and Warped face"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">GOAL<\/h2>\n\n\n\n<p>Find and distort a large image of someone&#8217;s face.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TOOLS<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google Image Search<\/li>\n\n\n\n<li>Photoshop melted and warped filter<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">INSTRUCTIONS<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Google images (<a href=\"https:\/\/images.google.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/images.google.com\/<\/a>)<\/li>\n\n\n\n<li>Search for a picture of a famous face. No politicians, gamers, or YouTubers, please. Instead, pick an actor or singer.<\/li>\n\n\n\n<li>Select Tools, then Size, then Large to make sure you&#8217;re only looking at large images.<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-tool-bar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-934\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-tool-bar.png\" alt=\"\" width=\"837\" height=\"369\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-tool-bar.png 837w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-tool-bar-300x132.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-tool-bar-768x339.png 768w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/a><\/li>\n\n\n\n<li>Choose a picture that clearly shows the face. Don&#8217;t worry about the body- we&#8217;re only looking at the head.<\/li>\n\n\n\n<li>Hold down control and click the image (on a Windows machine, right click). A menu will pop up.<\/li>\n\n\n\n<li>Let go of control if you&#8217;re still holding it.<\/li>\n\n\n\n<li>Select &#8220;Open image in new tab.&#8221;<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-936\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu.png\" alt=\"\" width=\"390\" height=\"414\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu.png 390w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu-283x300.png 283w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/a><\/li>\n\n\n\n<li>A new tab will appear at the top of Chrome. If the tab is empty, the image is blocked- try again with a different image. If the tab show the picture, hold down control and click the image (Windows users, right click) Select &#8220;Save Image As&#8221; and save the image where you can find it (the desktop will work).<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-937\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu-2.png\" alt=\"\" width=\"396\" height=\"321\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu-2.png 396w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/google-images-context-menu-2-300x243.png 300w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><\/a><\/li>\n\n\n\n<li>Open Photoshop. You can find it several ways, but the easiest is probably by using the launchpad (the rocket on your dock).<\/li>\n\n\n\n<li>Open your image in Photoshop. Select <strong>File<\/strong> at the top of the screen, then <strong>open<\/strong>. Find your file and select the open button.<\/li>\n\n\n\n<li>Your screen will look something like this:<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-939\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file-1024x669.png\" alt=\"\" width=\"604\" height=\"395\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file-1024x669.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file-300x196.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file-768x502.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/photoshop-opened-file.png 1432w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><br \/><\/a>You&#8217;ll see a tool bar on the left side of the screen. These are all the basic tools for editing an image. On the top of the screen is the options bar. It lets you adjust how each tool works. Above the options bar is the menu bar (it&#8217;s all words).<\/li>\n\n\n\n<li>From the menu bar, select Filter, then Liquify:<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/filter-menu-liquify.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-941\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/filter-menu-liquify.png\" alt=\"\" width=\"308\" height=\"474\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/filter-menu-liquify.png 308w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/filter-menu-liquify-195x300.png 195w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/a><\/li>\n\n\n\n<li>You&#8217;ll see the liquify screen:<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-942\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen-1024x538.png\" alt=\"\" width=\"604\" height=\"317\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen-1024x538.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen-300x158.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen-768x403.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-screen.png 1920w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n\n\n\n<li>For this filter, the tool menu is on the right (just like the main screen), but the settings menu is on the right.<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-943\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/liquify-menu.png\" alt=\"\" width=\"40\" height=\"337\"\/><\/a><br \/>Here&#8217;s what each tool does (in order listed):\n<ul class=\"wp-block-list\">\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2070\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/forward-warp.png\" alt=\"Forward warp icon\"\/> <strong>Forward Warp<\/strong> &#8211; pushes whatever is under the cursor in the direction of movement. If you move up, everything goes up.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"95\" class=\"wp-image-2085\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/warp.gif\" alt=\"Forward warp sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2071\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/reconstruct.png\" alt=\"Reconstruct icon\"\/> <strong>Reconstruct<\/strong>: Moves whatever is under the cursor back to its original position. You can also put things back by using the Reconstruct and Restore All buttons at the bottom right of the window.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"127\" class=\"wp-image-2086\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/reconstruct.gif\" alt=\"Reconstruct sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2072\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/smooth.png\" alt=\"Smooth icon\"\/> <strong>Smooth<\/strong>: tries to make the transitions between the original picture and any changes you&#8217;ve made look more natural\/smoother.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"98\" class=\"wp-image-2087\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/smooth.gif\" alt=\"Smooth sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2073\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/clockwise-twirl.png\" alt=\"Clockwise twirl icon\"\/> <strong>Twirl Clockwise<\/strong>: spins whatever is under the cursor.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"114\" class=\"wp-image-2088\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/twirl.gif\" alt=\"Twirl tool\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2074\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/pucker.png\" alt=\"Pucker icon\"\/> <strong>Pucker<\/strong>: pulls everything under the cursor toward the center.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"114\" class=\"wp-image-2089\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/pucker.gif\" alt=\"Pucker tool\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2075\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/bloat.png\" alt=\"Bloat icon\"\/> <strong>Bloat<\/strong>: Pushes everything under the cursor away from the center.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"118\" class=\"wp-image-2090\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/bloat.gif\" alt=\"Bloat tool\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2076\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/push-left.png\" alt=\"Push left icon\"\/> <strong>Push left<\/strong>: moves everything under the cursor to the left IN THE DIRECTION OF MOVEMENT. If you move up, it pushes to your left. If you move down, it pushes to your right. Move left, it pushes up; move right and it pushes down.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"117\" class=\"wp-image-2091\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/push-left.gif\" alt=\"Push left sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2077\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/freeze-mask.png\" alt=\"Freeze mask icon\"\/><strong> Freeze mask<\/strong>: marks an area so it won&#8217;t change.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"100\" class=\"wp-image-2092\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/freeze.gif\" alt=\"Freeze mask sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2078\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/thaw-mask.png\" alt=\"Thaw mask icon\"\/> <strong>Thaw mask<\/strong>: removes the freeze mask.<br \/><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"100\" class=\"wp-image-2094\" style=\"width: 150px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/thaw.gif\" alt=\"Thaw mask sample\"\/><br \/><\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2080\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/face.png\" alt=\"Face icon\"\/> <strong>Face<\/strong>: if Photoshop detects a face, this tool is active. It allows custom adjustments of the size and positioning of face parts.<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2081\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/hand.png\" alt=\"Hand icon\"\/> <strong>Hand<\/strong>: if you picture is zoomed so it&#8217;s larger than the screen, the hand will let you move the image around.<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"93\" height=\"81\" class=\"wp-image-2082\" style=\"width: 93px;\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2023\/09\/magnify.png\" alt=\"Magnify icon\"\/> <strong>Magnify<\/strong>: click to zoom in.\u00a0 hold down Option and click to zoom in.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Your goal is to war the face so it looks strange, BUT IS STILL RECOGNIZABLE AS A FACE. Don&#8217;t do something like this:<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/BAD-WARP.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-944\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/BAD-WARP-1024x768.jpg\" alt=\"\" width=\"604\" height=\"453\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/BAD-WARP.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/BAD-WARP-300x225.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/BAD-WARP-768x576.jpg 768w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><br \/>Instead, do something like this:<br \/><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/good-warp.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-945\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/good-warp-1024x768.jpg\" alt=\"\" width=\"604\" height=\"453\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/good-warp.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/good-warp-300x225.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/good-warp-768x576.jpg 768w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><br \/>You can distort the image more, but make sure we can clearly see the eyes, nose, mouth and ears.<\/li>\n\n\n\n<li><strong>Take your time.<\/strong> Play with the properties of each tool to see how they work.<\/li>\n\n\n\n<li>When you like what you&#8217;ve created, select the OK button at the bottom of the screen.<\/li>\n\n\n\n<li>Save your work.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>GOAL Find and distort a large image of someone&#8217;s face. TOOLS INSTRUCTIONS<\/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-933","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/933","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=933"}],"version-history":[{"count":8,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/933\/revisions"}],"predecessor-version":[{"id":2095,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/933\/revisions\/2095"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}