Hogwarts Magic :: Where Anything is Possible!

Home
About Us
Affiliates
Job Openings
Contact Us
History of HM
Affiliation
Privacy Policy
Editorials
Trophy Hall
HM Galleries
HM Reviews
HM Awards
HM Email

Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half-Blood Prince
Deathly Hallows
Other HP Books
Book Mistakes
Name Origins
Recipes

Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half Blood Prince
Contact the Cast
OoTP Trailer Page

Biography
Wizard of the Month
Official Site

Magical Decrees
Founders
Ghosts
Houses
Staff

Social Order
History of Magic
Quidditch
Ask Merlin
Wizard Money
Dumbledore's Army

Communication
Creatures
Transportation
Dark Arts
Animagus
Horcruxes
Spells
Wands

Azkaban
Diagon Alley
Leaky Cauldron
St. Mungos
Hogsmeade Village
Other Places

Ask the Webmaster
Helpful Websites
CSS Tutorial
PHP Includes
Hosting Guide
Photoshop Tutorials
HTML Tutorials

Animated Dashed Border

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

oh yes! A) You will not! be able to see the dashed borders in ImageReady, 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

if you are not happy with the speed of the border:
1) in the animation window where it says 0 sec click 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.

Final Product