letseatthefetus and 24 unknown users

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

[Photoshop tutorial] Make a porthole !

 
n°191
k_millio
Profil: Modo
Avatar
profil
Posted on 12-29-2005 at 10:24:24 PM  
 

Hi everybody :meuh:

 

In this tutorial (First written by Symon in french), I'm going to show you how to create a beautyfull porthole like this one with Adobe Photoshop :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/Final-result.jpg

 

And you can find the french version of the tutorial in this topic :wink:

 

Let's start :mdr:

  

1. Create a new 250x250 pixel document and use the vectorial ellipse tool to draw a black shape like on the image :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/1.jpg

 


2. Double-click on the thumbnail of the layer to open its blending options window. Enter these settings :

 

Drop shadow:
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/2.jpg

 

Bevel and emboss :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/3.jpg

 

Gradient overlay :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/4.jpg

 

Using this Gradient :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/5.jpg

 

Stroke :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/6.jpg

 

Using this gradient :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/7.jpg

 


You should obtain this :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/8.jpg

 


3. Use a Ctrl+Click on the thumbnail of the "Layer 1" to have its shape as your selection. Then go to Select > Modify > Contract, and enter 7 in the newly appeared window.

 

Now create a new layer (Ctrl+Shift+N), and fill your selection with black. Then deselect (Ctrl+D). You should obtain this :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/9.jpg

 

4. Then, double-click on the thumbnail of the layer to make its blending options window appear. Then, enter these settings :

 

Inner shadow :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/10.jpg

 

Outter glow :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/11.jpg

 

Inner glow :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/12.jpg

 

Bevel and emboss :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/13.jpg

 

Gradient overlay :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/14.jpg

 

Using this gradient :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/15.jpg

 

Stroke :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/16.jpg

 

Using this gradient :
http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/17.jpg

 

You should obtain this :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/18.jpg

 


5. Ctrl+Click on thumbnail of the "Layer 2", then contract the selection by 4 pixels (Select > Modify > Contract) and choose the gradient tool. Then set white as your foreground color, and select the "Foreground to transparent" gradient. Now, draw a gradient in a new layer (Ctrl+Shift+N) as shown bellow :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/19.jpg

 


6. Create a new layer and fill the same selection with white :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/20.jpg

 


7. Use the elliptical marquee tool to draw a selection like on the image, and press delete. Reduce the opacity of the layer to 40%. You should obtain this :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/21.jpg

 


8. Then Ctrl+Click on "Layer 2"'s thumbnail, and contract the selection by 4 pixels. Create a new layer, and fill your selection with white. Now use the elliptical marquee tool to draw a selection like on the image and press delete :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/22.jpg

 


9. Deselect (Ctrl+D), and reduce the opacity of the layer to 20%. You should obtain this :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/23.jpg

 


10. Put an image between layers 2 and 3, and reduce its opacity to 50% to 70%. Here's the final result :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/Final-result.jpg

 

Here are two other examples of what you can do by following this tutorial :

 

http://kmillio.crystalxp.net/Tutorials/Photoshop/Porthole/Examples.jpg

answer
mood
GoogleAds
profil
Posted on 12-29-2005 at 10:24:24 PM  
 

answer
n°192
Hora
Profil: Penguin Pro
Avatar
profil
Posted on 12-29-2005 at 10:27:00 PM  
 

This is a very good translation for this tutorial :loveit:
Thank you Kmilio!

answer
n°193
memomeo
Profil: New Penguin
Avatar
profil
Posted on 12-31-2005 at 11:43:24 AM  
 

i have not finished :frown:
send you me psd file ? thanks :smile:

answer
n°194
Djtux
gribouilleur
Profil: Penguin Pro
Avatar
profil
Posted on 12-31-2005 at 03:02:47 PM  
 

Great translation thank you k_millio :smile:

answer
n°223
McTell
Profil: New Penguin
Avatar
profil
Posted on 01-23-2006 at 10:02:38 PM  
 

I've some troubles to finish that tut. Is it possible to upload the psd?

 

Thanks...

answer
n°224
Fagoon
Mac Cals
Profil: Modo
Avatar
profil
Posted on 01-23-2006 at 10:39:35 PM  
 

It's so beautiful ! I like it so much ! :great:

answer
n°225
Funny Monkey
Profil: New Penguin
Avatar
profil
Posted on 01-24-2006 at 12:52:43 PM  
 

:wink: Beautifull

answer
n°227
McTell
Profil: New Penguin
Avatar
profil
Posted on 01-24-2006 at 08:09:34 PM  
 

^^Yeah really nice... can someone upload the psd??

 

Thanks...

 

I wana also do good looking stuff...

answer
n°228
luigi
Profil: New Penguin
Avatar
profil
Posted on 01-24-2006 at 11:09:18 PM  
 

great work.
thanx

answer
n°243
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-10-2006 at 07:25:15 AM  
 

That was the best! :happy2:

 

I used Rol's Mushroom Graphic Image... Thank you!

answer
n°244
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-10-2006 at 07:48:12 AM  
 

I also made this a little later on using your Glass Icon Tutorial... :cool:

answer
n°245
dlb
q|p
Profil: Admin
Avatar
profil
Posted on 02-10-2006 at 08:09:23 AM  
 

Good  :cool:

answer
n°246
vIcO
Profil: Penguin Pro
Avatar
profil
Posted on 02-10-2006 at 11:50:33 AM  
 

Draginol wrote :

I also made this a little later on using your Glass Icon Tutorial... :cool:

 

I think it'll be better with the pic under the crystalisation  :oui:

answer
n°247
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-11-2006 at 03:12:38 AM  
 

Thanks for the feed back but what exactly do you mean because I will give it ago?

answer
n°248
Franatix
Certe, Tout est relatif ..
Profil: Penguin Pro
Avatar
profil
Posted on 02-11-2006 at 10:15:37 AM  
 

well thank you for your tuto  :cool:

answer
n°250
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-15-2006 at 06:37:58 AM  
 

Thank's dlb for your feedback :loveit:

answer
n°254
zohair
Profil: New Penguin
Avatar
profil
Posted on 02-21-2006 at 05:08:44 PM  
 

Damn that is so nice!

answer
n°284
Duque
Profil: New Penguin
Avatar
profil
Posted on 04-05-2006 at 10:25:18 PM  
 

That's a really nice icon, I'm newbie and I'm trying to made a porthole like this, but I can't, can you upload the psd file please?

answer
n°288
find3r
Profil: New Penguin
Avatar
profil
Posted on 04-11-2006 at 03:05:24 AM  
 

Cool!! Worked for me!
Thankss!!

 


http://img158.imageshack.us/img158/4525/portholetuxfind3r0wa.png

answer
n°304
Konimotsinui
Profil: New Penguin
Avatar
profil
Posted on 05-17-2006 at 04:52:56 AM  
 

That's awesome. I'm not sure if I have a use for it, but I might try it later.
I wonder why I haven't seen these tutorials on Good-Tutorials yet. :happy2:

answer
n°350
Phactor
Profil: New Penguin
Avatar
profil
Posted on 06-08-2006 at 10:46:37 PM  
 

Great Tuto! :great:

 

Heres my go at it:)

 

http://img.photobucket.com/albums/v233/BigJim101/9c110433.png

answer
n°351
k-net
Profil: Penguin Pro
Avatar
profil
Posted on 06-08-2006 at 11:03:34 PM  
 

Cool icon, Phactor :great:

answer
n°352
Phactor
Profil: New Penguin
Avatar
profil
Posted on 06-08-2006 at 11:10:40 PM  
 

Quote :

Cool icon, Phactor :great:

 

Thanks K-net!

answer
n°353
Neil
Everyday is a Countdown
Profil: Penguin Pro
Avatar
profil
Posted on 06-08-2006 at 11:27:03 PM  
 

Fantastic work Phactor, :loveit:

 

And a Brilliant tutorial K-millio :love:

answer
n°354
k_millio
Profil: Modo
Avatar
profil
Posted on 06-09-2006 at 01:53:13 AM  
 

Oh, it's not my tutorial, it's Symon's :wink:
I've only translted this tut from Symon's french version :oui:

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

Go to:
Add a reply