What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How to create dots pattern like this


Sywa

Member
Messages
5
Likes
2
Hi Gurus,
I really like this dots pattern on one shutterstock's image collection.
It seems been created by using halftone effect or bitmap halftone screen in PS, but I couldn't get the same look.
I meant on this picture, the dots are sitting nicely side by side (not overlapping).
Please advise, how to create dots pattern like this.
Really sorry if the issue has been posted before and I missed them.
Many thanks.
 

Attachments

  • stock-vector-map-of-new-zealand-45801934.jpg
    stock-vector-map-of-new-zealand-45801934.jpg
    21.1 KB · Views: 43
1. Choose your image and change it from RGB to Greyscale. Go to Image-->Mode-->click on Greyscale.
1.jpg
2.Fill the shape with a Grey color.
2.jpg

3. In the filter menu choose this. (Sorry German Photoshop).

4.jpg
put in these values
5.jpg

4. This is your result.

3.jpg
 
Construct, or make a shape on a conventional 8 bit per channel RGB canvas;
01
01-wiggly_shape.jpg

Uniformly fill it with ~40% gray;
02
02-fill_shape_with_40pct_gray.jpg

Blur edges to achieve a fade to white;
03
03-blur_edges.jpg

Crop to original shape (or slightly larger);

05
05-expand_orig_selection-use_as_layer_mask.jpg

At this point, you have two choices. You can either:

a)Convert to grayscale, then to bitmap with the following parameters:
input = output resolution = 72 ppi (halftone screen)
frequency = 1 line per inch
angle = 0 degrees
shape = round

...and you should get something close to this. If you don't want the circles to touch each other and look more like diamonds in the areas they are touching, just make the gray fill a bit lighter.

06a
06a-convert_to_bitmap_as_per_stated_settings.jpg
or

b) Leave it as an RGB image and use
Filter / Pixellate / color halftone
Maximum radius = 60 px
All angles = 0 degrees

...and you should get something close to this:
06b
06b-color_halftone_as_per_settings.jpg

HTH,

Tom M
 
Last edited:
Arghhh! I see you beat me to the punch, Chris! LOL. Great minds think alike. :-)

Tom M

PS - Great idea to use that map as the shape, Chris.
 
Last edited:
Great works there Chris & Tom, thank you.:thumbsup:
I got it now. By playing around with the grey percentage I can determine spaces between dots. And screen angles will affect the final look too.
As a final touch I erased some smaller & smallest dots to make the image looks tidier and simpler. Here are my samples. Thanks guys.
 

Attachments

  • Sywa2.jpg
    Sywa2.jpg
    408.1 KB · Views: 3
Last edited:

Back
Top