Home » Tutorials » Dotted Borders (2 Tuts)

Requirements:

Adobe Photoshop

A picture/image

This pattern between the arrows (IT IS AN IMAGE) --> <-- save the small diagonal as a pattern by defining it. edit > define pattern in adobe.

STEP 1: On the image for your desired dotted line border, right click the layer and choose blending options > stroke.

STEP 2: Set the size to 1. Set position to inside, and fill type to pattern.

STEP 3: Click the drop down menu near pattern, search for the dotted diagonal line you saved/defined earlier.

I Hope this helped, sorry if it was hard to understand.
Thank you for viewing this tutorial. If any questions, ask away in the site's Question Box.


Still don't understand the text tutorial above? here's an image tutorial of how to do it. Hope it is easier for you to understand. Click 'display' to expand the spoiler and click on the image if you cannot see the full size of the image; that will enlarge to see the steps/process better.



STEP 1: Once you have a new file open (i have the size of an avatar, 100x100), create a new layer above the original layer by Layer > New > Layer just like in the picture below.

Spoiler:

STEP 2: After you've created the new layer, go to Select > All.

Spoiler:

STEP 3: Once you have selected all in the new layer, go to Edit > Stroke.

Spoiler:

STEP 4: Make the px size 1, or else it won't look "dotted" if you put 2 or 3. Click okay.

Spoiler:

STEP 5: Right click on the same layer and choose Blending Options > Pattern.

Spoiler:

STEP 6: Once Pattern Overlay is checked and you're on it's options, find and click the diagonal lines you saved earlier (or you can do it now if you haven't).

Spoiler:

This is the pattern, between the arrows (IT IS AN IMAGE) --> <-- save the small diagonal as a pattern by defining it. edit > define pattern in adobe.

STEP 7: Click OK and then you're done! This is the result;

Spoiler:

Hope this helped and worked for you (: Thank you for viewing my tutorial(s)! ♥