Creating Halftone Pattern effect in Photoshop and Illustrator for Vectors Tutorial

posted on 1st of august, 2007

OK, after reading so many emails about how to create halftone brushes, I will write down 2 simple tutorials for it

There is two ways to create half tone patterns
1- Photoshop
2- Illustrator or any other vector editing program.

1- With Photoshop ( we will transfer the image to Illustrator later)
A- Open a 800X600 px file, white background
B -Try some gradients (black and white) could be circle or square on a different layer.
C- Apply Filter/Sketch/Halftone Pattern to your gradient layer
be sure your background color is black and foreground color is white, you can choose dots or lines
D- After applying the filter you have blury halftone pattern image
to make it sharp
E- Apply Image/Adjustments/Threshold
play with the levels so you see proper dots/lines
F- save the file as jpeg and open it at illustrator

at Illustrator, there is different trace options
Object / Live Trace
trace it as black and white , play with numbers to get exact look you want
and expand your image after that.
Now you have halftone pattern image

2 - With Illustrator
open a 800x600 px file ( white background)

draw a big black circle with no strokes
and in the same row draw another small black circle
be sure they are aligned but far away from eachother

click on Blend on toolbox
and choose specified steps ( here steps depends on how far you put your 2 circle so you need to find out by trying out)
My big circle was 30 x30 px and small one is 10x10 px and I aligned them as 6 other circles can fit in between with 2/3 px space.

put 6 at the step area
then your arrow button changed to blend tool arrow
click on big circle and then small one

now you have a lined up descending 8 circle
copy and past this line couple of times under your first line

final image should look like perfect halftone pattern dots.
You can align them as circle or any shape to create different looks.
Group all lines.

to make different shapes
align your first and second circles in different areas even add another smaller circle and then blend them together so you will have different pattterns
follow the steps above after blending.


First make a copy of your halftone pattern image outside of the canvas area ( optional)

expand the whole image drag and drop the image in brush library window ( it has already custom brushes on it, you can leave or delete them)

a new window asks you if you want this image as scatter, art or pattern brush

lets select art brush and click ok, Brush options window opens immediately, here you can pick direction of your brush, name it..etc, you play it later:)
click ok.
Now you have a new halftone pattern brush.

to try your new brush
select it from brush library
and draw a line or any shape with your brush tool

You can save this same image as different brushes to get different options, effects
as scatter, it will give you whole alot of options to create your halftone pattern brush
or as pattern brush, it duplicates itself as your lines goes

so try all of them to get what you really want.

I hope this tutorial was helpful for everybody who is desperately looking for Halftone vector effects.

If you need some examples please visit my Brush set page at
Mujka Brushes


No Comments

This article has been read 39563 times. 1 readers have found this article useful.

About me

I am available for freelance work.

Edmonton, CA

February (1)

Stock Photography that BLOGS!

Interact, make friends, share tips and techniques, have fun. Dreamstime wants your ideas and thoughts whether you are a photographer, designer or regular user. Create a blog to tell your story, promote favorite images and photographers, post tutorials or simply exchange opinions with your with fellow dreamstimers.

Don't forget words and pictures go great together so make sure you choose some Dreamstime favorite pics to brighten your article. For inspiration, check out the hottest or the most useful blogs on the left.

Create a blog to tell your story, promote favorite stock images and photographers

Create your blog

My favorite articles


More favorite articles

Related image searches

Halftone Pattern Vector Illustrator doteffect

Pattern related stock images