[Tutorial] How to make a dotted border GFX tutorial (photoshop)

Khallil

Kage in the Making 👑
Legendary
Joined
Dec 8, 2012
Messages
14,783
Reaction score
653

How to make a dotted border!

Hey guys, some ppl wondered how they had to make a dotted border picture or avatar, and someone requested me to make a tutorial... So I'm making a very easy tutorial for this ;) It looks like it's a very long, or a hard tutorial, but it isn't long at al, and it's really easy!
I used Photoshop Cs6

Step 1:
choose a picture
You must be registered for see images

Step 2:
Go to edit>Stroke.. and choose a white border, (i'm personally using center, 3 px)
(you could also do this with blending options.)
You must be registered for see images
^this step is optional, but I recommend it

Step 3:
Choose a foreground colour you want for the dotted border
You must be registered for see images

Step 4:
press F5, or go to Window>Brush..
and a window, for your brush settings will pop-up
uncheck every box, except Shape Dynamics, and use this settings for the Brush tip shape and for the Shape dynamics
Brush tip shade:
You must be registered for see images
Shape dynamics:
You must be registered for see images

Step 5:
now, you've actually created a small dotted brush, go to the border (edge) of the picture, press on shift, and drag the brush from all above to beneath, and from left to right, beneath to above and right to left... Just like this
You must be registered for see images

After you've performed all these steps, you should be able to end up with something like this:
You must be registered for see images

You could always experiment yourself, and try different stuff out with the brush settings, roundness, size, brush type, spacing, colour... just see what you like. you could also skip step 2, so you'll have a direct dotted border, but it doesn't look very pretty with avatars ;)

Hope you liked this easy tutorial!

P.S. plzz, leave a tutorial request! ;)





 

Uchiha Josephus

Sannin of the Scrolls 📜
Elite
Joined
Oct 13, 2011
Messages
7,783
Reaction score
851
... OR paste the picture into Microsoft Word, right click, choose border, done. :D

xd j/k dude, nice tutorial ;)
 

Khallil

Kage in the Making 👑
Legendary
Joined
Dec 8, 2012
Messages
14,783
Reaction score
653
... OR paste the picture into Microsoft Word, right click, choose border, done. :D

xd j/k dude, nice tutorial ;)

yeah lol, I should've called the thread: how to make a dotted border with photoshop..
it's very easy with illustrator and shizz, but it's gfx,

Thnx bro
 

Saikyokami

Kage in the Making 👑
Legendary
Joined
Dec 11, 2012
Messages
16,811
Reaction score
943
Yoo kahllil I never knew this, Thanks so much bro :rolleyes:
 

Hei

Supreme
Joined
Aug 22, 2011
Messages
23,898
Reaction score
1,601
There are also some other ways to do dotted border on photoshop...just saying
 

Kristjan

Leaf Village Regular 🍃
Regular
Joined
Mar 5, 2012
Messages
540
Reaction score
38
shadeing in photoshop and how to make line art :)
 

Wanheda

Sannin of the Scrolls 📜
Elite
Joined
Jan 25, 2013
Messages
5,381
Reaction score
199
As Hei said there is a easier and quicker way to to it and its actually the right way :p
 

Yellow Spark

Jōnin Strategist 🧠
Regular
Joined
May 17, 2012
Messages
1,314
Reaction score
80
Thanx...
I want to know hnw to fade line at the ends... Like, when i stroke a line it should be thick at the centre but thin at the sides.
 
Top