Jump to content


Photo

Image with Windows Messenger Border


  • Please log in to reply
5 replies to this topic

#1 hoenic07

hoenic07
  • Newbies
  • 1 posts
  • LocationBad Mitterndorf
  • Reputation:0

Posted 16 April 2009 - 02:18 PM

Hi,

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

First you need this Plug-Ins:


DropshadowOutline Object (Extended Version)Gaussian Blur

Ok. Let's start!

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

Posted Image
Posted Image

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:

Posted Image
Posted Image

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

Posted Image
Posted Image

4)Next you make the BG layer untransparent:

Posted Image
Posted Image

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:

Posted Image
Posted Image

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:

Posted Image
Posted Image

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

Posted Image
Posted Image

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

Posted Image
Posted Image

9)Than you give a shadow to it:

Posted Image
Posted Image

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

Posted Image
Posted Image

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

Posted Image
Posted Image

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:

Posted Image
Posted Image

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

Posted Image
Posted Image

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:

Posted Image
Posted Image


Or like in the Vista Login:

Posted Image
Posted Image



Have fun with it!

EDIT: Subjectitle. thx Blai

#2 KidBoy140

KidBoy140
  • Members
  • 196 posts
  • LocationDundee, Scotland
  • Reputation:0

Posted 19 April 2009 - 03:04 PM

I like it, simple enough to follow and great outcome.

I'll post mine soon...

Posted Image


#3 Blai

Blai
  • Members
  • 20 posts
  • Reputation:0

Posted 26 April 2009 - 11:38 AM

:o its the windows messenger bored, around the DP :o
Posted Image

#4 Blai

Blai
  • Members
  • 20 posts
  • Reputation:0

Posted 26 April 2009 - 11:57 AM

Posted Image
Thats me, my dad and my brother in Cornwall :)
Posted Image

#5 drew

drew
  • Members
  • 144 posts
  • Reputation:0

Posted 26 May 2009 - 10:01 PM

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.
Posted Image

#6 Ondwak

Ondwak
  • Newbies
  • 6 posts
  • Reputation:0

Posted 18 July 2010 - 10:37 PM

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

Edited by Ondwak, 18 July 2010 - 11:28 PM.

Posted Image