Sign in to follow this  
hoenic07

Image with Windows Messenger Border

Recommended Posts

Hi,

this is my first Tutorial and I hope you understand my English!

First you need this Plug-Ins:

  • Dropshadow

  • Outline Object (Extended Version)

  • Gaussian Blur

Ok. Let's start!

1)First you have to Draw a BLACK Rounded Rectangle.

25840359.jpg

w815.png

2)Add a layer and make the first layer a little bit transparent, that you can see all the things you draw in the upper layer.

Next you have to make an Oval on the left side of the Rounded Rectangle. Copy this Oval to the right side of it.

Now it should look like this:

16703412.jpg

w757.png

3)Make the same things again on the top and the bottom of the rounded rectangle:

16703412.jpg

w757.png

4)Next you make the BG layer untransparent:

96931249.jpg

w749.png

5)Now the Color comes! First you merge the two layers. Than you select the black thing and make a gradient on it, as you can see it here:

94444547.jpg

w761.png

6)We need the selection of 5) again. Now you make a glossy effect with a oval, which has a transparency value of about 30-40. Now it should look like this:

37737218.jpg

w781.png

7)Now you give the graphic a Gaussion Blur with the value 1.

87099746.jpg

w767.png

8)Next you Outline the Object like in the Picture:

66460717.jpg

w844.png

9)Than you give a shadow to it:

15500619.jpg

w848.png

10)Now you have to add a layer and and make a black rounded rectangle:

66514799.jpg

w803.png

11)We have nearly finished! Outline the object with WHITE:

72582461.jpg

w828.png

12)Merge the layers, select the inner of the rectangle we made in step 10. Delete the inner of the rectangle. Don't delete the selection! It should look like this:

93187555.jpg

w805.png

13)Make a gradient (Mode 4) in the selection with two white colors (Transparency: 0 and 100). This should make a glossy effect:

92209408.jpg

w791.png

14)We have finished! Congratulations! Now you can add a layer under the object and put a image in it. Now it should look something in this way:

60320304.jpg

w558.png

Or like in the Vista Login:

finalxed.jpg

w800.png

Have fun with it!

EDIT: Subjectitle. thx Blai

Share this post


Link to post
Share on other sites

I think this is a pretty good tutorial but I think that the gloss should be applied in a layer OVER the picture you put inside the box. This will make the picture look like it belongs inside the box. Now it looks as if the picture and box are two separate items.

otherwise, great.

Share this post


Link to post
Share on other sites

I dont like using magic wand this way... alpha mask is much better, anyway, nice tutorial, my result here :

ironmanbuttonfinalresiz.png

Edited by Ondwak

Share this post


Link to post
Share on other sites
Sign in to follow this