{"id":2323,"date":"2013-03-25T19:48:05","date_gmt":"2013-03-26T02:48:05","guid":{"rendered":"http:\/\/eloine.com\/blog\/?p=2323"},"modified":"2016-03-22T12:35:13","modified_gmt":"2016-03-22T19:35:13","slug":"flag-wrapped-gun-with-displace-filter","status":"publish","type":"post","link":"https:\/\/eloine.com\/blog\/archives\/2323","title":{"rendered":"Flag wrapped gun with displace filter"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" src=\"http:\/\/www.losmedanos.edu\/smallad\/guns.jpg\" alt=\"\" width=\"219\" height=\"299\" \/><\/p>\n<p>Ok so this is not my usual cute little fluffy kitten or flowers photo. I assure you there are more of those to come!<\/p>\n<p>For now the pressing issue of the day seems to be guns and violence. Not making a stand either way on that issue but as a graphic designer you have to illustrate anything. Here is a little web banner I had to whip out for a college debate on the subject.<\/p>\n<p>My idea was rather typical but often typical gets the point across of what is really at the heart of the issue: the constitution and our rights as US citizens. What better symbols than a gun (duh!), the constitution and the US flag?<\/p>\n<p>I could have just made a collage of all three symbols but just to make it a little more eye catching I decided to merge the two with a very old Photoshop trick.<\/p>\n<p>I still don&#8217;t know a better way to do this but if you do please feel free to share. For now though here is how I do it using the displace filter.<\/p>\n<p>Start with good black and white image that you want to wrap that has lots of contrast:<!--more--><\/p>\n<p><a href=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2328\" src=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/1.png\" alt=\"1\" width=\"574\" height=\"389\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/1.png 574w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/1-300x203.png 300w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/1-140x94.png 140w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/a><br \/>\nThen do a &#8220;<b>save as<\/b>&#8221; of that image as a photoshop PSD file. You are going to need it later so remember where you saved it!<\/p>\n<p>TIP: give the above image a slight bit of blur\u00a0 with the blur filter so the edges appear smooth when you apply the later effect. You can try it first without it and if it looks too choppy try this method again with the blur.<\/p>\n<p>Then find a flag. This is what I chose:<\/p>\n<p><a href=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2329\" src=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/2.png\" alt=\"2\" width=\"572\" height=\"388\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/2.png 572w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/2-300x203.png 300w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/2-140x94.png 140w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/a><\/p>\n<p>Paste that image in it&#8217;s own later above the gun so you now have two layers. One with the gun and one without.<\/p>\n<p>Select the layer with the flag above the gun and go to Filter &gt; Distort &gt; Displace<\/p>\n<p>I chose the default 10 and 10 for the shift and &#8220;Stretch to fit&#8221; and &#8220;wrap around&#8221; for the other two radio buttons.<\/p>\n<p>This will make it look all wiggly but its still does not look quite right:<\/p>\n<p><a href=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2330\" src=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/3.png\" alt=\"3\" width=\"572\" height=\"389\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/3.png 572w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/3-300x204.png 300w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/3-140x94.png 140w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/a><\/p>\n<p>Select white area around the gun layer and then inverse to delete the areas of the flag you don&#8217;t want.<\/p>\n<p><a href=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2332\" src=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/4.png\" alt=\"4\" width=\"574\" height=\"393\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/4.png 574w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/4-300x205.png 300w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/a><\/p>\n<p>Here is the magic part where you can really see how it wraps around the object&#8230;<br \/>\nSelect the flag layer and then from the drop down menu select &#8220;Overlay&#8221; for the blend mode.<\/p>\n<p><a href=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2333\" src=\"http:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/5.png\" alt=\"5\" width=\"574\" height=\"388\" srcset=\"https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/5.png 574w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/5-300x202.png 300w, https:\/\/eloine.com\/blog\/wp-content\/uploads\/2013\/03\/5-140x94.png 140w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/a><\/p>\n<p>That is basically it! All that is left is playing with the gray tones and levels to get things looking the way you want it. This same technique can be used to apply a fake tattoo to a model, &#8220;paint&#8221; a graphic on a building, put a logo on a package or make a fake road sign. The possibilities are endless!<\/p>\n<div>\n<div>\n<div><span style=\"font-size: xx-small;\">\u00a0<\/span><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ok so this is not my usual cute little fluffy kitten or flowers photo. I assure you there are more of those to come! For now the pressing issue of the day seems to be guns and violence. Not making a stand either way on that issue but as a graphic designer you have to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3449,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[143,13,141,123,124],"tags":[],"class_list":["post-2323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-graphic-design","category-illustration","category-tutorial","category-tutorials"],"_links":{"self":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/2323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/comments?post=2323"}],"version-history":[{"count":9,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/2323\/revisions"}],"predecessor-version":[{"id":3438,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/2323\/revisions\/3438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/media\/3449"}],"wp:attachment":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/media?parent=2323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/categories?post=2323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/tags?post=2323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}