Animated Dashed Border Tutorial

Yes, most of my tutorials are noobish...but i dont care lmai


Do this first!!!
1) Open a new image that is 8x8 pixels
2) Use the pencil tool (Right Click on the brush tool and selet Pencil".
3) Now, draw a patern like this:


4) Go to Edit -> Define Patern, and just click OK

Now do this
1) Create a new image, or open an existing image you wish to put the border on.
2) Hit "Ctrl+Shift+N" to create a new layer or Layer -> New -> Layer....


3) With the new layer selected hit "Ctrl+A" or go to Select -> All.
4) Now, go to Edit -> Stroke, and apply the following settings, But pick a color of your choice..



5) Right click on the new layer and select Blending Options
6) Now tick the box, Patern Overlay and apply the following settings with the 8x8 image you selected.





Now for the second part..

Do this first!!!
1) Open a new image that is 8x8 pixels
2) Use the pencil tool (Right Click on the brush tool and selet Pencil".
3) Now, draw a patern like this:


4) Go to Edit -> Define Patern, and just click OK

Next Part

1) Create a new layer by going to Layer-->New-->Layer or hitting (Ctrl+Shift+N)


2) With the new layer highlighted, go to Select-->All or just hit (Ctrl+A)

4) Now go to Edit-->Stroke and apply the following settings


5) Right click on the newest layer and go to blending options

6) tick the box, Patern Overlay and apply the following settings with the 8x8 image you created in the beginning of the second part.



Now to go to ImageReady you can either go to File-->Edit In ImageReady or hit (Ctrl+Shift+M)

1) Make sure the animation window is up if it isn't go to Window-->Animation
2) In the animation window, Duplicate the one frame that is there..


3) On frame number one, go to the layer window and on one of the layers, make it invisible (you do this by clicking on the eye so the eye is no longer there)
4) Now click on the second frame in the animation window
5) go back to the layer window, and make it to where the the OPPOSITE layer is invisible (opposite meaning the layer that is invisible in frame 1)
6) You are done!! now all you need to do is save it, and you dont just click Save as you need to go to File-->Save Optimized As then you are done

Here is the sig that i created using this animated dashed border!

oh yes! A) You will not! be able to see the dashed borders in Image Ready, but they are there, B)You will not be able to see the animation if you look at it while its saved on your computer, but you will see it once you upload it somewhere (its weird)

another thing, if you are not happy with the speed of the border:

1) in the animation window where it says 0 sec clcik there and it gives you a list of multiple speeds, just keep changing them, saving the image, and uploading it to see if you like the new speed.


this is my final product