Vanaryon and 45 unknown users

 Word :   Username :  
 
 Page :  1  2  3  4  5  6  7  8  9  10  11  12
Previous 
Author
 Thread :

[Photoshop tutorial] Steel and glass icon tutorial

 
n°114
k_millio
Profil: Modo
Avatar
profil
Posted on 10-16-2005 at 04:07:30 PM  
 

Hi, first of all, this tutorial is very long so you'll have to be patient before the end :wink:

 

Oh and here's the final result :

 

http://www.armatronic.com/imagetuto/acierverrexemple.png

 


Now let's start :mdr:

 


1. Create a new document, which size is 128x128 pixels, and with a transparent background.

 

2. Use the elliptical marquee tool to draw a round selection in the center of the canvas.

 

TIP: holding Shift while you're drawing the selection will make a perfect circle.

 

3. Fill the selection with black and deselect by pressing Ctrl+D. Then, dupliacte "Layer 1" twice so that you see 3 layers.

 

4.Make the "Layer 1 copy" and "Layer 1 copy 2" layer become invisible by clicking on the little eye next to their thumbnails, and select "Layer 1".

 

5. Then enter the following settings, after double-clicking on the layer's thumbnail :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/1.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/2.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/3.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/4.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/5.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/6.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/7.jpg

 

6. Now, re-click on the little eye next to the "Layer 1 copy" layer's thumbnail, and select this layer.

 

7. Then enter the following settings, after double-clicking on the layer' thumbnail :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/8.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/9.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/10.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/11.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/12.jpg

 

8. Make the "Layer 1 copy 2" layer become visible by clicking on its little eye, and select it

 

9. Enter these setting in the layer style window :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/13.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/14.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/15.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/16.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/17.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/18.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/19.jpg

 

10. Then select the custom shape tool, as shown on the image bellow.

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/20.jpg

 

11. Now select the cat print shape.

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/21.jpg

 

12. Draw this shape, then rasterize the layer, as shown bellow :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/22.jpg

 

13. The enter the following settings in the layer style window :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/23.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/24.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/25.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/26.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/27.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/28.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/29.jpg

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Steel-and-glass/30.jpg

 


It was long but the result is not bad, is it ? :mdr:

answer
mood
GoogleAds
profil
Posted on 10-16-2005 at 04:07:30 PM  
 

answer
n°120
Didas
le soleil se lève avant moi, je me couche après lu
Profil: God of Penguins
Avatar
profil
Posted on 10-16-2005 at 09:14:19 PM  
 

Great work, k_millio :great:

 

thanks a lot for this translation :jap:

answer
n°121
k_millio
Profil: Modo
Avatar
profil
Posted on 10-16-2005 at 10:05:01 PM  
 

Didas wrote :

Great work, k_millio :great:

 

thanks a lot for this translation :jap:


You're welcome :jap:

answer
n°129
Tessy
Profil: Big Penguin
Avatar
profil
Posted on 10-23-2005 at 09:45:28 PM  
 

k_millio wrote :

You're welcome :jap:

 

Hey Man! Good job! I definetely will work on translating this to spanish! (with kavel's permission of course)

answer
n°210
drdermann
Profil: New Penguin
Avatar
profil
Posted on 01-20-2006 at 11:48:49 AM  
 

Great work, k_millio

Quote :

Great work, k_millio

answer
n°211
Finntroll
Profil: New Penguin
Avatar
profil
Posted on 01-21-2006 at 12:25:35 PM  
 

Thanx bro! Very useful, that's for shure.

answer
n°216
Funny Monkey
Profil: New Penguin
Avatar
profil
Posted on 01-23-2006 at 06:34:08 PM  
 

красивая лапка получилась =)
 :na:

answer
n°229
gc28
Profil: New Penguin
Avatar
profil
Posted on 01-25-2006 at 05:00:48 AM  
 

Very nice

answer
n°230
acidtux
Profil: Penguin
Avatar
profil
Posted on 01-25-2006 at 10:12:18 AM  
 

very good translation

answer
n°235
Linon
Profil: Big Penguin
Avatar
profil
Posted on 02-03-2006 at 10:32:08 PM  
 

Nothing to repeat, super work :cool:

answer
n°236
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-04-2006 at 03:13:09 AM  
 

Great Work!

 

I never knew you could do so much with Photoshop!

 

Keep up the great work!

 


Draginol

answer
n°240
r4zR
Profil: New Penguin
Avatar
profil
Posted on 02-05-2006 at 10:37:20 PM  
 

Thanks :biggrin:

 

Very nice tutorial

answer
n°241
az0NE
Profil: New Penguin
Avatar
profil
Posted on 02-06-2006 at 09:46:34 PM  
 

super.thanks :boulay:

answer
n°255
zohair
Profil: New Penguin
Avatar
profil
Posted on 02-21-2006 at 06:44:34 PM  
 

Awesome!

answer
n°283
headerguard
Profil: Penguin
Avatar
profil
Posted on 04-02-2006 at 09:03:55 AM  
 

Would it be possible to adapt it for The Gimp?

 

But great work

answer
n°286
find3r
Profil: New Penguin
Avatar
profil
Posted on 04-08-2006 at 03:26:00 AM  
 

the result was a little diferent for me, because im really newbie, but i loved anyway,thanks a lot!!!
look what i got! i saw that i did someting wrong, so i started changing the layers up and down and saving the ones i most liked!  :lol:

 

http://img236.imageshack.us/img236/3269/glass1ym.pnghttp://img205.imageshack.us/img205/2762/glass12zu.png
http://img236.imageshack.us/img236/3677/glass20kk.pnghttp://img236.imageshack.us/img236/6328/glass30vd.png

answer
n°287
Skunkie
Profil: Penguin Pro
Avatar
profil
Posted on 04-08-2006 at 03:48:01 AM  
 

Find3r, I like this one:

 

http://img236.imageshack.us/img236/3677/glass20kk.png

 

:loveit:

 


Great job, sometimes it just takes a litle bit of an accident to create a work of art.  :wink:

answer
n°294
Waylander
Profil: New Penguin
Avatar
profil
Posted on 04-26-2006 at 09:42:01 PM  
 

Very good job !

 

My création

 

http://lafoutry.guillaume.free.fr/images/way_icone.png

answer
n°347
Phactor
Profil: New Penguin
Avatar
profil
Posted on 06-08-2006 at 10:16:33 AM  
 

Nice Tuto, thank you!

 

i could not get step 7 to look anything close to whats in the pic, but it all came together nicely,I think :smile:

 

http://img.photobucket.com/albums/v233/BigJim101/f5dcb7d7.png

answer
n°368
serggelovescrystal
Profil: New Penguin
Avatar
profil
Posted on 06-22-2006 at 08:09:17 AM  
 

Thank you so much, but I changed the shape by accident, look what i got  :lol:

 

http://www.subir-fotos.com/uploads/18747e84da.png

answer
n°382
alyxxs
Profil: New Penguin
Avatar
profil
Posted on 07-02-2006 at 11:30:43 AM  
 

my result  :lol:

 

http://i81.photobucket.com/albums/j232/Asia_album/CRYSTAL/steelglass_iconcopy.png

answer
n°400
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 07-06-2006 at 10:16:44 AM  
 

Good Work alyxxs :smile:

answer
n°440
chikitito
Profil: New Penguin
Avatar
profil
Posted on 07-22-2006 at 11:54:42 AM  
 

hey k_millio... im using photoshop 7... i was doin ur tutorial on this but in the layer 1 copy contour part i wasnt able to find the glass in the contour editor... any idea where i could get myself one?

 

thnx in advance :he:

 

here's my results:
http://i28.photobucket.com/albums/c215/chikitito05/tsg.png
http://i28.photobucket.com/albums/c215/chikitito05/tsg2.png

answer
n°489
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 07-28-2006 at 12:44:35 PM  
 

chikitito wrote :

hey k_millio... im using photoshop 7... i was doin ur tutorial on this but in the layer 1 copy contour part i wasnt able to find the glass in the contour editor... any idea where i could get myself one?

 

Oh that was just a preset he called 'Glass'.  You just place the points where he put his to acheive the effect, you can then save it as a preset so you don't have to move the points again :great:

 

By the way you acheived a nice result.

answer
n°497
chikitito
Profil: New Penguin
Avatar
profil
Posted on 07-29-2006 at 05:39:57 AM  
 

Draginol wrote :

Oh that was just a preset he called 'Glass'.  You just place the points where he put his to acheive the effect, you can then save it as a preset so you don't have to move the points again :great:

 

ahh i see.now i know why i couldnt find it. :lol:

 
Draginol wrote :

By the way you acheived a nice result.

 

just doin my best to read carefully :lol:

 

the others did great too :he:

answer
 Page :  1  2  3  4  5  6  7  8  9  10  11  12
Previous 
Top 

Go to:
Add a reply