{"id":636,"date":"2017-04-11T21:25:38","date_gmt":"2017-04-12T04:25:38","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=636"},"modified":"2026-02-26T14:43:01","modified_gmt":"2026-02-26T21:43:01","slug":"photoshop-project-mutant-zoo","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshop-project-mutant-zoo\/","title":{"rendered":"Photoshop Project: Mutant Zoo"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Goal<\/h2>\n\n\n\n<p><a href=\"https:\/\/lbmslab.org\/lab\/mutant-zoo-2026\/\" data-type=\"page\" data-id=\"2596\">NOTE: There is an updated version of this tutorial.<\/a><br \/>Merge two or more creatures into a new animal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/1Ho4TsbFN8s?si=RgaTyz8nHKMg3gUk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\n\n\n<p>You will be picking your own images which will not be the same as the ones here. You will have to judge when to change the instructions to better suit your images.<\/p>\n\n\n\n<p>I&#8217;m starting with these:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1024x683.jpg\" alt=\"\" class=\"wp-image-637\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1024x683.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-300x200.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-768x512.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/Rock_Pigeon_Columba_livia-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/Rock_Pigeon_Columba_livia-1-1024x683.jpg\" alt=\"\" class=\"wp-image-640\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/Rock_Pigeon_Columba_livia-1-1024x683.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/Rock_Pigeon_Columba_livia-1-300x200.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/Rock_Pigeon_Columba_livia-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Let&#8217;s&nbsp;copy the pigeon&#8217;s head and put it on the horse.<\/p>\n\n\n\n<p>Open &nbsp;both files.<\/p>\n\n\n\n<p>Lasso the head of the pigeon. Because the head is against a distinct background, I can use the magic lasso. If the object you are cutting out is similar in color to the background, you might want to use the polygonal lasso. You can switch lasso tools by clicking and briefly holding on the lasso tool.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lasso-tool.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"216\" height=\"88\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lasso-tool.jpg\" alt=\"\" class=\"wp-image-641\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/traced-head.png\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"475\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/traced-head.png\" alt=\"\" class=\"wp-image-642\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/traced-head.png 598w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/traced-head-300x238.png 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/a><\/figure>\n\n\n\n<p>Press command-c (Windows: Ctrl-c) to copy the head.<\/p>\n\n\n\n<p>Switch to the horse image and press command-v (Windows: Ctrl-v) to paste the head onto a new layer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer-1024x684.png\" alt=\"\" class=\"wp-image-643\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer-1024x684.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer-300x200.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer-768x513.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/new-head-layer.png 1281w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Rename the new layer &#8220;pigeon head.&#8221;<\/p>\n\n\n\n<p>Press command-t (windows: Ctrl-t) to open the transform tools, and transform the head so that it lines up fairly well&nbsp;on the horse&#8217;s body. DON&#8217;T PRESS RETURN\/ENTER YET!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1-1024x686.png\" alt=\"\" class=\"wp-image-644\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1-1024x686.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1-300x201.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1-768x514.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/head-on-horse-1.png 1283w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>If part of the image doesn&#8217;t line up correctly (like the front of the neck here), you can use transform&#8217;s warp tools to adjust it control-click (Windows: right-click) the image and choose &#8220;Warp&#8221; on the menu that appears.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/transform-menu.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"552\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/transform-menu.jpg\" alt=\"\" class=\"wp-image-645\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/transform-menu.jpg 744w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/transform-menu-300x223.jpg 300w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/a><\/figure>\n\n\n\n<p>Adjust the image by clicking and dragging wherever lines in the warp box cross.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/warp-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"436\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/warp-1.png\" alt=\"\" class=\"wp-image-646\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/warp-1.png 438w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/warp-1-150x150.png 150w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/warp-1-300x300.png 300w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/a><\/figure>\n\n\n\n<p>When the head lines up well, press return.<\/p>\n\n\n\n<p>It looks pretty good, but there are still a couple of problems: the neck doesn&#8217;t blend well, and part of the horse&#8217;s head is still visible.<\/p>\n\n\n\n<p>To fix the neck:<\/p>\n\n\n\n<p>Make sure the pigeon layer is active and click the mask button.<\/p>\n\n\n\n<p>Select the brush tool, and make your foreground color black.<\/p>\n\n\n\n<p>Set the hardness of the brush to 0, the size to somewhere around 100, and the opacity of the brush around 40%.<\/p>\n\n\n\n<p>Brush the rough edge of the neck with black to make it blend in. If you mask too much, you can make it reappear by changing your brush color to white.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/blended-neck.png\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"570\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/blended-neck.png\" alt=\"\" class=\"wp-image-648\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/blended-neck.png 696w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/blended-neck-300x246.png 300w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/a><\/figure>\n\n\n\n<p>Create a new layer between the background and the pigeon head and name it background patch.<\/p>\n\n\n\n<p>Select the clone stamp tool. On the context menu at the top of the screen, set the sample to &#8220;current &amp; below.&#8221;<\/p>\n\n\n\n<p>Hold down the option key and click an area that will blend with the background. I chose the area above and to the right of the head.<\/p>\n\n\n\n<p>Click on the area&#8217;s of the horse&#8217;s face that are still visible to patch over them. You only need to cover the visible parts.<\/p>\n\n\n\n<p>Here&#8217;s my patch:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patch.png\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"191\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patch.png\" alt=\"\" class=\"wp-image-650\"\/><\/a><\/figure>\n\n\n\n<p>Here&#8217;s my patch in place:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patched.png\"><img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"232\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patched.png\" alt=\"\" class=\"wp-image-649\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patched.png 308w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/patched-300x226.png 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/a><\/figure>\n\n\n\n<p>When that&#8217;s done, it looks pretty good!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done-1024x681.png\" alt=\"\" class=\"wp-image-651\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done-1024x681.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done-300x200.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done-768x511.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/nearly-done.png 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Still, there&#8217;s something odd: the light. On the original horse, the back of the horse is lighter than the front.On the pigeon it&#8217;s the other way around! Here&#8217;s one way to fix this.<\/p>\n\n\n\n<p>Create a new layer above pigeon head. Name it lighting. Set the mode of the layer to Overlay.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lighting-layer.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"336\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lighting-layer.jpg\" alt=\"\" class=\"wp-image-652\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lighting-layer.jpg 291w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/lighting-layer-260x300.jpg 260w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/figure>\n\n\n\n<p>Select the brush tool. Set the opacity somewhere between 40 and 50 percent.<\/p>\n\n\n\n<p>Brush with black where you want &nbsp;more shadow, and with white where you want it to look lighter. Here&#8217;s my final image:<a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-653\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1-1024x683.jpg\" alt=\"\" width=\"604\" height=\"403\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1-1024x683.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1-300x200.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1-768x512.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/dapped-gray-horse-1.jpg 1920w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n\n\n\n<p>Here&#8217;s another example: A frog with a parrot head.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0-1024x657.jpg\" alt=\"\" class=\"wp-image-657\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0-1024x657.jpg 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0-300x193.jpg 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0-768x493.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/04\/poison-dart-frogs-540357ef6eed0.jpg 1111w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>This was done nearly the same way, with a couple notable exceptions. The head was already cut out (which saved a lot of effort), and the hue &amp; saturation of the head were adjusted to more closely match the blue of the head with the blue of the body.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Goal NOTE: There is an updated version of this tutorial.Merge two or more creatures into a new animal. Instructions You will be picking your own images which will not be the same as the ones here. You will have to judge when to change the instructions to better suit your images. I&#8217;m starting with these: [&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-636","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/636","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=636"}],"version-history":[{"count":7,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/636\/revisions"}],"predecessor-version":[{"id":2619,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/636\/revisions\/2619"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}