{"id":204,"date":"2020-05-07T01:10:49","date_gmt":"2020-05-07T01:10:49","guid":{"rendered":"https:\/\/garethmorgan.info\/?post_type=jetpack-portfolio&#038;p=204"},"modified":"2020-05-12T15:57:37","modified_gmt":"2020-05-12T14:57:37","slug":"creating-displacement-image-in-photoshop","status":"publish","type":"jetpack-portfolio","link":"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/","title":{"rendered":":: Image &#8211; creating a displacement image in Adobe Photoshop ::"},"content":{"rendered":"\n<p>This brief saw me needing to create an image for a training company, for their Photoshop courses. I already had the idea in my mind about this and used an image I photographed in a village called Corrie, in the beautiful Isle of Arran.<br><br>The image had a lot of texture and character and the idea was to create something that was vibrant in colour, but still very clean.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1292\" class=\"wp-image-188\" style=\"width: 1920px;\" src=\"https:\/\/garethmorgan.info\/wp-content\/uploads\/2020\/05\/Arran-Carving.jpg\" alt=\"\" srcset=\"https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving.jpg 1920w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving-300x202.jpg 300w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving-1024x689.jpg 1024w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving-768x517.jpg 768w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving-1536x1034.jpg 1536w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Arran-Carving-840x565.jpg 840w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><br><\/p>\n\n\n\n<p>I wanted to create the sense of the carving underwater, but didn&#8217;t want to saturate the image with blue. What I came up with is the image below showing a sense of oxygen bubbles being released from the carving&#8217;s mouth. I also added a mosaic trick to simulate light being refracted from the surface.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1292\" class=\"wp-image-192\" style=\"width: 1920px;\" src=\"https:\/\/garethmorgan.info\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image.jpg\" alt=\"\" srcset=\"https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image.jpg 1920w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image-300x202.jpg 300w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image-1024x689.jpg 1024w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image-768x517.jpg 768w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image-1536x1034.jpg 1536w, https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop_Course_Image-840x565.jpg 840w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This brief saw me needing to create an image for a training company, for their Photoshop courses. I already had the idea in my mind about this and used an image I photographed in a village called Corrie, in the beautiful Isle of Arran. The image had a lot of texture and character and the&hellip; <a href=\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/\">Continue reading <span class=\"screen-reader-text\">:: Image &#8211; creating a displacement image in Adobe Photoshop ::<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":367,"comment_status":"closed","ping_status":"closed","template":"","jetpack-portfolio-type":[31],"jetpack-portfolio-tag":[12],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>:: Image - creating a displacement image in Adobe Photoshop :: - Gareth Morgan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\":: Image - creating a displacement image in Adobe Photoshop :: - Gareth Morgan\" \/>\n<meta property=\"og:description\" content=\"This brief saw me needing to create an image for a training company, for their Photoshop courses. I already had the idea in my mind about this and used an image I photographed in a village called Corrie, in the beautiful Isle of Arran. The image had a lot of texture and character and the&hellip; Continue reading :: Image &#8211; creating a displacement image in Adobe Photoshop ::\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Gareth Morgan\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-12T14:57:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop-Course-copy.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#\/schema\/person\/788ba786b376d1bd8b2cd6fa488f4ef6\",\"name\":\"Gareth Morgan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9ad67a9c2a8df9e985546d68b548e04?s=96&d=mm&r=g\",\"caption\":\"Gareth Morgan\"},\"logo\":{\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#personlogo\"},\"sameAs\":[\"https:\/\/garethmorgan.info\"]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#website\",\"url\":\"https:\/\/old.garethmorgan.info\/creative-design\/\",\"name\":\"Gareth Morgan UX and Design\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#\/schema\/person\/788ba786b376d1bd8b2cd6fa488f4ef6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/old.garethmorgan.info\/creative-design\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/old.garethmorgan.info\/creative-design\/wp-content\/uploads\/2020\/05\/Photoshop-Course-copy.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/#webpage\",\"url\":\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/\",\"name\":\":: Image - creating a displacement image in Adobe Photoshop :: - Gareth Morgan\",\"isPartOf\":{\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/#primaryimage\"},\"datePublished\":\"2020-05-07T01:10:49+00:00\",\"dateModified\":\"2020-05-12T14:57:37+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.garethmorgan.info\/creative-design\/portfolio\/creating-displacement-image-in-photoshop\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/jetpack-portfolio\/204"}],"collection":[{"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/comments?post=204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/media\/367"}],"wp:attachment":[{"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=204"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/old.garethmorgan.info\/creative-design\/wp-json\/wp\/v2\/jetpack-portfolio-tag?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}