{"id":3155,"date":"2016-07-07T07:11:30","date_gmt":"2016-07-07T11:11:30","guid":{"rendered":"https:\/\/www.searchenginegenie.com\/web-design-blog\/?p=3155"},"modified":"2016-08-09T09:11:00","modified_gmt":"2016-08-09T13:11:00","slug":"turning-a-photo-in-to-a-colored-dot-pattern","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/turning-a-photo-in-to-a-colored-dot-pattern\/","title":{"rendered":"Turning photo – colored dot pattern photoshop effect"},"content":{"rendered":"

Step:1<\/p>\n

Open a document in Photoshop.Duplicate the background layer.Add a new layer above it and fill with black color.<\/p>\n

\"pattern\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-3156\"\r\n <\/div><\/a>
Background image<\/figcaption><\/figure>\n

Step:2<\/p>\n

Add a Mosaic filter with the value of 20 cells in Photoshop.Add a Layer mask in it.<\/p>\n

\"pattern\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-3157\"\r\n <\/div><\/a>
Mosaic filter<\/figcaption><\/figure>\n

Step:3<\/p>\n

Open a new document with height and width of 20 pixels.Draw a circle and fill with black color. Then invert the colors.Now the background will be in black color and circle will be in white.<\/p>\n

\"invert\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-3158\"\r\n <\/div><\/a>
circle<\/figcaption><\/figure>\n

Step:4<\/p>\n

Then go to edit -> define pattern and define as circle.then close this document.<\/p>\n

\"color<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-3159\"\r\n <\/div><\/a>
pattern<\/figcaption><\/figure>\n

Step:5<\/p>\n

Coming to the photo document go to edit and fill the layer mask with circle pattern. Add a hue\/saturation above this layer.<\/p>\n

\"hue\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-3160\"\r\n <\/div><\/a>
hue\/saturation<\/figcaption><\/figure>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Step:1 Open a document in Photoshop.Duplicate the background layer.Add a new layer above it and fill with black color. Step:2 Add a Mosaic filter with the value of 20 cells in Photoshop.Add a Layer mask in it. Step:3 Open a new document with height and width of 20 pixels.Draw a circle and fill with black […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,1],"tags":[166,165,163],"class_list":["post-3155","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-whats-trending-web-design","tag-designing","tag-graphic-design","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=3155"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3155\/revisions"}],"predecessor-version":[{"id":3250,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3155\/revisions\/3250"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}