Creating Halftone Pattern effect in Photoshop and Illustrator for Vectors Tutorial

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



Your post must be written in English

Related image searches
Illustrator related image searches