 [Photoshop tutorial] Make a porthole !, Symon's tutorial translation !!! |
Welcome to the Graphic Tutorials Section !
How does the Tutorial section works?
Want to learn how to use applications such as Photoshop, TheGimp or Blender? You'll find in this section tutorials written by our members.
You've written your own tutorial? Use an explicit title and create a new topic.
Please note that a Tutorial has to be well written, easy to read, well-presented and illustrated with as much pictures as needed (or the Team will delete it).
You can't post a tutorial if you aren't the author or without the author's authorization.
Warning :
Want to request a graphic? -
Need some advices about your current drawing ? -
A Problem using a BricoPack? -
You've just arrived to our forums? -
In our Gallery : Icons & PNGs - Wallpapers - Visual Styles - Software
- Skins
- 3D Animations - Miscellaneous
  |
 Dec 29 2005, 10:24:24 PM
Post
#1
|
|
 Pingouin au H5N1  Group: Team CrystalXP Posts: 2,511 Joined: 16-February 05 From: Nevers, France Member No.: 1,033  |
Hi everybody
 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 :  And you can find the french version of the tutorial in this topic  Let's start  1. Create a new 250x250 pixel document and use the vectorial ellipse tool to draw a black shape like on the image :  2. Double-click on the thumbnail of the layer to open its blending options window. Enter these settings : Drop shadow:  Bevel and emboss :  Gradient overlay :  Using this Gradient :  Stroke :  Using this gradient :  You should obtain this :  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 :  4. Then, double-click on the thumbnail of the layer to make its blending options window appear. Then, enter these settings : Inner shadow :  Outter glow :  Inner glow :  Bevel and emboss :  Gradient overlay :  Using this gradient :  Stroke :  Using this gradient :  You should obtain this :  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 :  6. Create a new layer and fill the same selection with white :  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 :  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 :  9. Deselect (Ctrl+D), and reduce the opacity of the layer to 20%. You should obtain this :  10. Put an image between layers 2 and 3, and reduce its opacity to 50% to 70%. Here's the final result : Here are two other examples of what you can do by following this tutorial : 
|
 |
 
|
|
Dec 29 2005, 10:27:00 PM
Post
#2
|
|
 Cherche un pseudo  Group: Members Posts: 3,355 Joined: 27-July 05 From: Tu vois où c' est Paris? et bah c' est pas là... Member No.: 2,821 |
This is a very good translation for this tutorial
 Thank you Kmilio! This post has been edited by Hora: Dec 29 2005, 10:27:38 PM |
|
|
|
|
Dec 31 2005, 11:43:24 AM
Post
#3
|
|
|
New Penguin Group: Members Posts: 2 Joined: 26-December 05 Member No.: 6,550 |
i have not finished
 send you me psd file ? thanks 
|
|
|
|
|
Dec 31 2005, 03:02:47 PM
Post
#4
|
|
 Gribouilleur Group: Members Posts: 2,922 Joined: 11-December 04 From: France - Nancy Member No.: 647 |
Great translation thank you k_millio
|
|
|
|
|
Jan 23 2006, 10:02:38 PM
Post
#5
|
|
|
New Penguin Group: Members Posts: 7 Joined: 6-November 05 From: Leipzig, Germany Member No.: 4,901 |
I've some troubles to finish that tut. Is it possible to upload the psd?
Thanks... |
|
|
|
|
Jan 23 2006, 10:39:35 PM
Post
#6
|
|
 McCALS Group: Team CrystalXP Posts: 5,928 Joined: 5-October 05 From: Juan-les-Pins Member No.: 4,212 |
It's so beautiful ! I like it so much !
|
|
|
|
|
Jan 24 2006, 12:52:43 PM
Post
#7
|
|
 New Penguin Group: Members Posts: 7 Joined: 22-January 06 Member No.: 12,325 |
|
|
|
|
|
Jan 24 2006, 08:09:34 PM
Post
#8
|
|
|
New Penguin Group: Members Posts: 7 Joined: 6-November 05 From: Leipzig, Germany Member No.: 4,901 |
^^Yeah really nice... can someone upload the psd??
Thanks... I wana also do good looking stuff... |
|
|
|
|
Jan 24 2006, 11:09:18 PM
Post
#9
|
|
|
New Penguin Group: Members Posts: 1 Joined: 24-January 06 Member No.: 12,827 |
great work.
thanx |
|
|
|
 Feb 10 2006, 07:25:15 AM
Post
#10
|
|
 Penguin Groupie Group: English Moderator Posts: 1,304 Joined: 2-February 06 From: Australia Member No.: 14,373 |
That was the best!
 I used Rol's Mushroom Graphic Image... Thank you!
Attached File(s)
|
|
|
|
|
Feb 10 2006, 07:48:12 AM
Post
#11
|
|
|
Penguin Groupie Group: English Moderator Posts: 1,304 Joined: 2-February 06 From: Australia Member No.: 14,373 |
I also made this a little later on using your Glass Icon Tutorial...
Attached File(s)
|
|
|
|
|
Feb 10 2006, 08:09:23 AM
Post
#12
|
|
 Grand Gourou  Group: Admin Posts: 8,000 Joined: 2-June 04 From: France - Dijon Member No.: 1 |
Good
|
|
|
|
|
Feb 10 2006, 11:50:33 AM
Post
#13
|
|
 °vIcOnCo° Group: Members Posts: 2,571 Joined: 30-June 05 From: 91 Essonne Member No.: 2,512 |
QUOTE(Draginol @ Feb 10 2006, 07:49:12 AM)  I also made this a little later on using your Glass Icon Tutorial... I think it'll be better with the pic under the crystalisation 
|
|
|
|
|
Feb 11 2006, 03:12:38 AM
Post
#14
|
|
|
Penguin Groupie Group: English Moderator Posts: 1,304 Joined: 2-February 06 From: Australia Member No.: 14,373 |
Thanks for the feed back but what exactly do you mean because I will give it ago?
|
|
|
|
|
Feb 11 2006, 10:15:37 AM
Post
#15
|
|
 God of Penguins Group: Members Posts: 4,249 Joined: 21-November 05 From: France - Caux Member No.: 5,224 |
well thank you for your tuto
|
|
|
|
|
Feb 15 2006, 06:37:58 AM
Post
#16
|
|
|
Penguin Groupie Group: English Moderator Posts: 1,304 Joined: 2-February 06 From: Australia Member No.: 14,373 |
Thank's dlb for your feedback
|
|
|
|
|
Feb 21 2006, 05:08:44 PM
Post
#17
|
|
 New Penguin Group: Members Posts: 24 Joined: 21-February 06 Member No.: 18,390 |
|
|
|
|
|
Apr 5 2006, 09:25:18 PM
Post
#18
|
|
|
New Penguin Group: Members Posts: 4 Joined: 28-March 06 Member No.: 25,302 |
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?
|
|
|
|
|
Apr 11 2006, 02:05:24 AM
Post
#19
|
|
 New Penguin Group: Members Posts: 20 Joined: 23-March 06 Member No.: 24,002 |
Cool!! Worked for me!
Thankss!! 
|
|
|
|
|
May 17 2006, 03:52:56 AM
Post
#20
|
|
|
New Penguin Group: Members Posts: 3 Joined: 15-May 06 Member No.: 35,489 |
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.
|
|
|
|
|
|
Lo-Fi Version | Time is now: 30th August 2008 - 11:54 AM |