How to Create Little Animation Borders

This is what you'll be learning how to make:

Not the animation .. but yeah XD

One. Create a new 100x100 white base. Then a 50x50. Fill the 50x50 background with black [well, actually, choose whatever image you like, just resize it to a smaller size]. Paste it on top of the white base (Select >> Select All. Then copy it).


Two. On the layer palette, right-click on the thumbnail of the black/image layer and choose select layer transparency.


Three. Now, your black/image will be selected. Go to select >> transform selection. And 'expand' the selection border.

Apply the transformation.

Four. Now, create a new layer and go to edit >> stroke. Choose any color you like. The width should be 1 px and the location is outside. Click okay and deselect the selection.

Five. Now, zoom in (if you need to) and take the selection tool and do this :

It was too hard to explain so yeah.

Six. Now go to select >> inverse. Add a layer mask. Now, go to filter >> blur >> gaussian blur. Set the radius to 2.5. Actually, adjust it to your liking. But I recommend 2.5 : )

And now, you're done : ) You should end up with something like this :


Hope this tutorial helps!

OMG i been looking for a tutorial with this thanks so much for sharing :D

ohhh haha cool

Just take the selection tool and create boxes around each side C:

Oh. Nevermind. I found it :D Great tutorial. Although for some reason I couldn't figure out how you did step five...? oh well.

I really like this effect but I have photoshop 7.0
Is there a substitute for the Select Layer Transparency?
Thanks :]]

Oh wait. I just figured it out, HAHA :D
Thanks for the great tut. ^_^

Ahh, I tried this tut so many times. T-T
I dunno why I can't get it. :[
For some reason when I inverse select,
it does the opposite. :o It makes the corners
all faded and stuff. >.> I dunno, I'm nub, haha.

i have a tut to make the icon thingy :D

I use Photoshop 7 and I don't have the 'Set Layer Transparency'.
Help please? >______>''

Ugh. It didn't show the other part of my comment -_- Anyways, great tutorial! Thank you

View all »

Author	cielxx
Submitted on	Jul 23, 2008
Page views	12,812
Favorites	76
Comments	12
Reviewer	manny-the-dino
Approved on	Jul 23, 2008

animation, borders, corners