{"id":1017,"date":"2012-10-05T08:00:44","date_gmt":"2012-10-05T16:00:44","guid":{"rendered":"http:\/\/ikedabarry.com\/InkTex\/?p=1017"},"modified":"2014-04-20T15:21:12","modified_gmt":"2014-04-20T23:21:12","slug":"tutorial-003","status":"publish","type":"post","link":"https:\/\/ikedabarry.com\/InkTex\/tutorial-003\/","title":{"rendered":"Tutorial 003"},"content":{"rendered":"<h1>Layer Blending and Smart Objects<\/h1>\n<p>You can use Photoshop&#8217;s Layer Blending options to combine textures and shapes for rich and colourful effects.<\/p>\n<p>Smart Objects will let you make changes without undoing existing work.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Plane.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-1037\" title=\"Tut-003-Plane\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Plane.jpg\" alt=\"\" width=\"600\" height=\"400\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Plane.jpg 600w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Plane-300x200.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Plane-462x308.jpg 462w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<p>Before beginning this tutorial on Layer Blending and Smart Objects, I first made three different images to use:<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-PNGs.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1036\" title=\"Tut-003-PNGs\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-PNGs.jpg\" alt=\"\" width=\"651\" height=\"217\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-PNGs.jpg 867w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-PNGs-300x99.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-PNGs-462x153.jpg 462w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<p>They are all PNGs with transparent backgrounds, and all documents are the same width and height.<\/p>\n<p>You can download them here:<\/p>\n<p><a href=\"http:\/\/iat.tuts.s3.amazonaws.com\/plane.png\">plane.png<\/a><\/p>\n<p><a href=\"http:\/\/iat.tuts.s3.amazonaws.com\/bird.png\">bird.png<\/a><\/p>\n<p><a href=\"http:\/\/iat.tuts.s3.amazonaws.com\/bike.png\">bike.png<\/a><\/p>\n<h1>Layer Blends<\/h1>\n<p>1) Let&#8217;s start with a texture. I chose <a href=\"http:\/\/ikedabarry.com\/InkTex\/texture-001\/\">this one<\/a>.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1018\" title=\"Tut 003 Step_01\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01.jpg\" alt=\"\" width=\"651\" height=\"395\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_01-462x280.jpg 462w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<p>2) Now add a layer of solid colour below the &#8216;Texture&#8217; layer.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1019\" title=\"Tut 003 Step_02\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_02-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>3) I set the texture layer Blending Mode to &#8216;Overlay&#8217;. You can choose any Blend Mode you like.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1020\" title=\"Tut 003 Step_03\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_03-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>4) Now paste in &#8216;Plane.png&#8217; on a layer above the &#8216;Texture&#8217; layer.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1021\" title=\"Tut 003 Step_04\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_04-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>5) With the &#8216;Plane&#8217; layer selected, right-click and select &#8216;Group Into New Smart Object&#8217;.<\/p>\n<p>Or go to the Layer menu, select Smart Objects&gt;Group Into New Smart Object.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1022\" title=\"Tut 003 Step_05\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_05-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>6) With the &#8216;Plane&#8217; layer selected, click on the &#8216;Create New Fill or Adjustment Layer&#8217; button (the black-and-white circle at the bottom of the Layers palette) and select Solid Colour&#8230;<\/p>\n<p>You could also go to Layer&gt;Fill Layer&#8230;&gt;Solid Colour&#8230; to do the same thing. I filled the layer with white.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1023\" title=\"Tut 003 Step_06\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_06-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>7) Hold down the Ctrl button and click on the &#8216;Plane&#8217; and &#8216;Colour Fill 1&#8217; layers to select them both.<\/p>\n<p>Drag them onto the &#8216;Create A New Layer&#8217; button (second from the right at the bottom of the Layers palette).<\/p>\n<p>Or, with both layers selected, go to Layer&gt;Duplicate&#8230;<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1024\" title=\"Tut 003 Step_07\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_07-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>8) We&#8217;re going to add a stroke to the &#8216;Plane Copy&#8217; layer by double-clicking on it to open the Layer Style palette.<\/p>\n<p>You can also go to Layer&gt;Layer Style&gt;Blending Options&#8230;<\/p>\n<p>With the Layer Style palette open, click on &#8216;Stroke&#8217; at the bottom of the Styles list.<\/p>\n<p>Set the Colour to white.<\/p>\n<p>The size depends on how big your image is. Start with something hefty and not too fine. You can always come back and adjust the Stroke Size later.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1025\" title=\"Tut 003 Step_08\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_08-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>9) Now select the &#8216;Plane Copy&#8217; layer and nudge it up and to the right, to off-set it from the &#8216;Plane&#8217; layer.<\/p>\n<p>Make sure the Move Tool (keystroke: v) is selected.<\/p>\n<p>You can hold down the Shift key and use the arrow keys to move in larger increments.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1026\" title=\"Tut 003 Step_09\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_09-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>10) Copy the &#8216;Texture&#8217; layer by using either method mentioned in Step 7.<\/p>\n<p>Drag the new &#8216;Texture Copy&#8217; layer to the top of the stack of layers.<\/p>\n<p>Set its Blending Mode to Exclusion (or any mode you like).<\/p>\n<p>Clip this layer to the &#8216;Colour Fill 1 Copy&#8217; layer by right-clicking and selecting &#8216;Create Clipping Mask&#8217; (keyboard shortcut Alt+Ctrl+G) or going to Layer&gt;Create Clipping Mask.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1027\" title=\"Tut 003 Step_10\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_10-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>The white coloured &#8216;Plane&#8217; layer is off-set from the &#8216;Plane Copy&#8217; layer, adding some weight to the white stroke.<\/p>\n<p>The Exclusion Blend Mode on the &#8216;Texture Copy&#8217; layer acts on the white of the &#8216;Colour Fill 1 Copy&#8217; layer.<\/p>\n<p>Take a minute to turn off\/on visibility of individual layers to see what happens.<\/p>\n<p>&nbsp;<\/p>\n<h1>Smart Objects<\/h1>\n<p>Now let&#8217;s take a look at the power of Smart Objects.<\/p>\n<p>11) Right click on the &#8216;Plane&#8217; layer and select &#8216;Replace Contents&#8230;&#8217; Navigate to where you saved &#8216;Bird.png&#8221;, select it and click on &#8216;Place&#8217;.<\/p>\n<p>You can also go to Layer&gt;Smart Objects&gt;Replace Contents&#8230;<\/p>\n<p>The &#8216;Plane&#8217; layer changes to the &#8216;Bird.png&#8217; image, complete with fill and any other effects.<\/p>\n<p>The &#8216;Plane Copy&#8217; layer changes, too, because it is a copy of\u00a0 the original &#8216;Plane&#8217; layer. It also retains its white stroke.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11.jpg\"><img loading=\"lazy\" class=\"aligncenter  wp-image-1028\" title=\"Tut 003 Step_11\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11.jpg\" alt=\"\" width=\"649\" height=\"394\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11.jpg 976w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11-300x182.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11-950x577.jpg 950w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_11-462x280.jpg 462w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/a><\/p>\n<p>12) I tried &#8216;Replace Contents&#8230;&#8217; with &#8216;Bike.png&#8217;. The areas of negative space work quite well with the off-set white fill and white stroke.<\/p>\n<p><a href=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_12.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-1032\" title=\"Tut-003-Step_12\" src=\"http:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_12.jpg\" alt=\"\" width=\"600\" height=\"400\" srcset=\"https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_12.jpg 600w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_12-300x200.jpg 300w, https:\/\/ikedabarry.com\/InkTex\/wp-content\/uploads\/2012\/10\/Tut-003-Step_12-462x308.jpg 462w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Post any questions, or links to your own attempts at Smart Objects and Layer Blends, in the Comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Layer Blends and Smart Objects in Photoshop<\/p>\n","protected":false},"author":1,"featured_media":1033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_links_to":"","_links_to_target":""},"categories":[13,81],"tags":[225,224,129,128,222,223,221,480,226],"_links":{"self":[{"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/posts\/1017"}],"collection":[{"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/comments?post=1017"}],"version-history":[{"count":16,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/posts\/1017\/revisions"}],"predecessor-version":[{"id":3208,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/posts\/1017\/revisions\/3208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/media\/1033"}],"wp:attachment":[{"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/media?parent=1017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/categories?post=1017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ikedabarry.com\/InkTex\/wp-json\/wp\/v2\/tags?post=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}