{"id":2060,"date":"2010-01-07T04:24:53","date_gmt":"2010-01-07T08:24:53","guid":{"rendered":"http:\/\/www.planetneil.com\/tangents\/?p=2060"},"modified":"2018-07-03T01:37:35","modified_gmt":"2018-07-03T05:37:35","slug":"photoshop-tips-avoid-moire","status":"publish","type":"post","link":"https:\/\/neilvn.com\/tangents\/photoshop-tips-avoid-moire\/","title":{"rendered":"Photoshop tips – avoiding moir\u00e9 when resizing"},"content":{"rendered":"

\"\"<\/p>\n

Photoshop tips – avoiding moir\u00e9 when resizing<\/h1>\n

When you resize an image with repetitive patterns, you stand the chance that the pattern itself will form another pattern.\u00a0 This is called moir\u00e9.\u00a0 When I resized this image for web display, I had to take care to make sure the blue window shutters didn’t generate a moir\u00e9 pattern<\/strong>.<\/p>\n

By going from the original 12 megapizel image (4288 pixels wide), directly down to 600 pixels in a single adjustment ..<\/p>\n

\"\"<\/p>\n

.. I get an image where the detail looks like this:<\/p>\n

\"\"<\/p>\n

You can see the moir\u00e9 pattern<\/strong> there in the blue window blinds as a diagonal shaded pattern.\u00a0 You run the risk of this happening if you do a massive jump in resizing in one go.<\/p>\n

But by doing the resizing as 10% reduction steps<\/strong>, you can most often avoid that.\u00a0 Here is how it looks when resized as a sequence of resizing steps:<\/p>\n

\"\"<\/p>\n

Instead of changing the pixel dimension from 4288 pixels right down to 600 pixels wide,\u00a0 instead do it as approximately 10% jumps in size.\u00a0 You would now change from 4288 pixels (as an example), 3900 pixels wide.\u00a0 And from there you would change to 3500 pixels, all the way down to the size you want your image to be.\u00a0 The diagonal moir\u00e9 pattern has now\u00a0been nearly completely eliminated.<\/p>\n

Sharpening an image (as you have to\u00a0when you resize\u00a0an image for web use), also enhances the pattern.\u00a0\u00a0Therefore, with this image, I removed the sharpening\u00a0for the\u00a0window shutters to further reduce the effect.<\/p>\n

Of course, doing this kind of step-by-step resizing, is best done as an action.\u00a0 You can create your own, or use one of the many available on the internet.\u00a0 The best actions also provide some sharpening as an intermediate step for best results.<\/p>\n

A little bit about the post-processing of the image …<\/p>\n

<\/p>\n

For this image, I used Topaz Adjust<\/strong><\/a> as my post-production enhancement.\u00a0 Specifically the Spicify<\/strong> tool.\u00a0 I ran this at the default settings, and at 100% opacity.\u00a0 I then changed the Levels a little bit as a final step, to make the image a touch darker.<\/p>\n

Here is the original image, pre-Topaz:<\/p>\n

\"\"<\/a><\/p>\n

And here is the image with a little bit of Photoshop Fairy dust, courtesy of the Spicify<\/strong> tool in Topaz Adjust<\/a><\/strong>:<\/p>\n

\"\"<\/a><\/p>\n

This was a very easy adjust with Topaz, to give some needed snap to the image.<\/p>\n","protected":false},"excerpt":{"rendered":"

Photoshop tips – avoiding moir\u00e9 when resizing When you resize an image with repetitive patterns, you stand the chance that the pattern itself will form another pattern.\u00a0 This is called moir\u00e9.\u00a0 When I resized this image for web display, I had to take care to make sure the blue window shutters didn’t generate a moir\u00e9 Read more inside…<\/a><\/p>\n","protected":false},"author":1,"featured_media":29893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[11,32],"tags":[],"yst_prominent_words":[11066,11076,3921,11074,11072,11065,6371,1995,11079,11067,11086,11069,11087,11081,11083,11077,11064,8769,9197,11075],"class_list":{"0":"post-2060","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-digital-imaging","8":"category-photoshop","9":"entry"},"_links":{"self":[{"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/posts\/2060"}],"collection":[{"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/comments?post=2060"}],"version-history":[{"count":5,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/posts\/2060\/revisions"}],"predecessor-version":[{"id":45496,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/posts\/2060\/revisions\/45496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/media\/29893"}],"wp:attachment":[{"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/media?parent=2060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/categories?post=2060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/tags?post=2060"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/neilvn.com\/tangents\/wp-json\/wp\/v2\/yst_prominent_words?post=2060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}