IPB

Welcome Guest ( Log In | Register )

> 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

3 Pages V   1 2 3 >  
Reply to this topicStart new topic
> [Photoshop tutorial] Make a G1 Tux, Translation from Overlord's tutorial
k_millio
post Aug 16 2005, 09:43:04 PM
Post #1


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



Hi, i'm gonna translate overlord's tutorial to make a G1 tux, because the english section of the forum is dying frown.gif

So, let's start : this tutorial is composed of two parts, one to build up the tux's body and the second one concerns the reflects and the shadows.

Here's a model wich was made by overlord for photoshop beginners (and for the others)



If you want to make a bigger tux, you'll only have to increase the size of the model wink.gif

Part I : builting up the tux

First of all open the model in photoshop

After that, use the zoom tool (if you want to see bigger)

We are now going to create every part of the tux body.

1. Create a new layer by pressing Ctrl+Shift+N, and name it "Body"

2. Select the elliptical marquee tool

Tip: you can see little arrows next to some tools, that means that if you click on them and don't release your mouse botton, a little menu will appear Great.gif

3. Then make an ellipse like this one :



4. Now go to the select menu > Transform selction and drag the croners to have a selection wich will ressemble to this one :



5. Use the fill tool (), shift+F5 or Alt+Delete to fill the selection with black (your foreground color MUST be black unless you want a "special" tux)
Then make this layer invisible by clicking on the little eye next to the layer's thumbnail


6. Create a new layer, and name it "White stain"

7. Repeat steps 2 3 and 4 to have a selection like on the example, and fill it with white by pressing Ctrl+Delete with white as your background color (or with the fill tool with white as your foreground color)



8. Now Click on the "Body" layer's thumbnail with Ctrl pressed (Ctrl+Click) to have its shape as a selection. Then Invert the selection by pressing Ctrl+Shift+i and, be sure your're working on the white stain layer, press delete. After that, Ctrl+Click on the white stain layer, to have its shape selected.

9. Now double click on your foreground color and enter R:231 j'ai:231 B:231 (or #E7E7E7)
As for the background color enter R:190 j'ai:190 B:190 (or #BEBEBE)

10. Then select the gradient tool (by pressing j'ai). Your cursor must be a little cross now. Click on the top of the ellipse And drag the cross to the bottom

Tip: if you press Shift while doing this the gradient will be straight

You should now obtain this :



11. Create two more layers, the first one will be called "Left eye", and the second one "Left pupil"

12. Repeat steps 2, 3, 4, 9 and 10 for the left eye and repeat steps 2, 3 and 4 for the left pupil witch you have to fill with black.

13. Create two more layers. We will call them "Right eye" and "Right pupil". Then repeat step 12 on them.

14. Now, the body, the white stain, the eyes and the pupils should be created.

You should have this :



We are now going to make the feet and the beak.

15. To make the feet, do the same as you did on the body the stain (etc ...) but you only have to make one foot on one layer, wich will be called "Left foot", because we will duplicate it when it will be finished.

16. Double click on your foreground color and enter these values :
R:250 j'ai:194 B:0 (Or #FAC200)

Then fill your selection (which should represent the foot) with this color.

17. Create a new layer and name it "Glow effect".

18. Change your Foreground color to :
R:241 j'ai:250 B:0 (Or #F1FA00)

19. Then select the gradient tool and choose the gradient Foreground to Transparent ().

20. Drag the cursor from the bottom of your selection (it should be the foot) to the top/middle of it.

21. In photoshop CS2 > Link the "Left foot" and the "Glow effect" layers by Ctrl+clicking on their names, and press Ctrl+E to merge them.

In other Versions > Link the the "Left foot" and the "Glow effect" layers by clicking on the little square between the eye and the thumbnail. A little chain should appear (), then press Ctrl+E to merge them.

In all versions > if the "new" layer isn't called "Left foot", rename it.

22. Duplicate the "Left foot" layer by pressing Ctrl+J, or by Right clicking on it and then clicking on Duplicate layer, then rename the new layer "Right foot". Now you have to move the foot so it is over the model's right foot. Now make the body, the white stain, the eyes and the pupils invisible by clicking on the little eyes next to the thumbnails.

23. Create a new layer, and name it "Temp beak", we will delete in a few steps, make a new elliptical selection like this one :



Fill it with any color, and reduce its opacity to 25% ()

24. Select the Polygonal Lasso tool () by pressing L a few times.
Make a selection with a shape like this one :



And press delete

25. Ctrl+Click on "Temp beak" (to have its shape as a selection) and create a new layer and name it "Beak".

26. Set R:250 j'ai:194 B:0 (Or #FAC200) as your foreground color and R:241 j'ai:250 B:0 (Or #F1FA00) as your background color

27. Make a gradient on the "Beak" layer from the right tip to the left one. You can now delete the "Temp beak" layer.

28. We are now going to make the wings.

29. Create a new layer and call it "Left wing". Use the polygonal lasso tool to make a selection like this one and fill it with black.



30. Create a new layer and call it "Right wing", and do the same thing as in the previous step

31. Make every layer become visible exept for the model

The tux's body building up is now finished, if you followed the instructions correctly you should have this :

Go to the top of the page
 
+Quote Post
k_millio
post Aug 16 2005, 09:43:32 PM
Post #2


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



Part II : The reflects and shadows

This part will make your tux look more 3 dimensionnal, and it will learn you how to crystalize Great.gif

1. Click on the "Body" layer and create a new layer, called "Body reflect"

2. Select the elliptical marquee tool and make a selection as shown below



3. Set white as your foreground color then select the gradient tool and choose the gradient foreground to transparent.

4. Now make a gradient from the top of your selection to its bottom.



5. Deselect by pressing Ctrl+D and transform the grandient by pressing Ctrl+T to make it look like there :



6. Click on the "White stain" layer, then create a new layer called "White stain reflect"

7. Use the elliptical marquee to make a selection like this one



8. Now Drag a gradient from the top of the selection to its bottom



9. Ctrl+Click on the "White stain" layer's thumbnail to have its shape as a selection, then press Ctrl+shift+i to invert the selection and press delete (you must be working on the "White stain reflect" layer). Deselect by pressing Ctrl+D. You should now obtain this :



10. Click on the "Beak" layer and make a new layer, named "Beak reflect"

11. Make the beak's shape your selection by Ctrl+Clicking on the "Beak" layer's thumbnail. Now go to Select > Modify > Contract and then enter 2 in the dialog baox that had just appeared. You should see this :



12. Select the gradient tool and drag a line from the top to the bottom of the selection.



13. Select the polygonal lasso tool and create a shape like this one :



Delete and deselect by pressing Ctrl+D

14. Click on the "Left eye" layer and create a new layer. Name it "Left eye reflect".

15. Use the elliptical marquee tool to make a selection like this one



16. Make a gradient from the top of the selection to its bottom, then deselect and move the gradient to that position :



17. Click on the "Right eye" layer and make a new layer. Call it "Right eye reflect".

18. Use the ellipticall marquee tool to create a selection like shown below



19. Make a gradient from the top to the bottom of the selection and move the gradient in the position that is shown below :



20. Click on the "Left pupil" layer, create a new layer and name it "Left pupil reflect".
(Zooming is not a crime wink.gif )

21. Use the elliptical marquee tool to select a shape like this one :



22. Make a gradient from the top of the selection to its bottom. Deselect then click on the "Right pupil" layer, create a new layer and call it "Right pupil reflect". Repeat steps 21 and 22 on these layers. Then move the two gradients, you should obtain some thing like that :

[img]http://testsamples.free.fr/CrXP/Place-reflet-pupi-j'ai-et-D.jpg[/img]

23. Click on the "Left foot" layer, create a new layer, name it "Left foot reflect".

24. Use the elliptcall marquee tool to make a selection like this one :



25. Use the gradient tool to make a new ... gradient from the top to the bottom of the selection. Now copy the selection by pressing Ctrl+C, click on "Right foot" and press Ctrl+V to paste, rename the new layer "Right foot reflect". Then move the two reflects so that your cretion looks like this one :



26. Click on the "Left wing" layer and create a new one, and name it "Left wing reflect"

27. Ctrl+Click on the "Left wing" layer's thumbnail, then go to Select > Modify > Contract, and enter 2 in the dialog baox that should appear.

28. Now use the gradient tool to Make a gradient from the top of the selection to its bottoom. After that, deselect.

29. Use the polygonnal lasso tool to make a selection like this one :



Press delete, and press Ctrl+D.

30. Press Ctrl+J to duplicate the layer and rename it "Right wing reflect"

31. Go to Edit > Transform > Flip Horizontal to invert the layer's right and left, and move the gradient so that you obtain this :



We have almost finished our tux, we now only have to put some layer effects ...

32. Double click on the "Left eye" layer's thumbnail. Click on the inner glow section.
Double Click on the littl square witch represents the glow's color. Enter these values :
R:158 j'ai:158 B:158 (or #9E9E9E)
As for the blending mode, choose Multiply, and finally put 10 pixels for the size.

33. Right click on the layer's name and click on Copy layer style, then right click on the "Right eye" label and click on Paste layer style, do the same for the "White stain" layer

Paste the style on the "Left foot" layer, but change the glow's color to :
R:236 j'ai:155 B:0 (or #ec9b00)

Copy this layer style and paste it on the "Right foot" layer and on the "Beak" one, but for the beak change the size to 8 pixels instead of 10.

34. Finaly, we are going to put a shadow under our tux ...

35. Click on the model's layer and create a new layer, call it "Shadow".

36. Use the elliptical marquee tool to make a selection like this one



And fill it with black.

37. Now go to Filter > Blur > Gaussian blur, and enter 5.4 in the dialog box that appears. Finnaly, put the "Shadow" layer's opacity to 30%.

If you followed this tutorial correctly, you should see this :

Go to the top of the page
 
+Quote Post
Didas
post Aug 16 2005, 09:47:05 PM
Post #3


le plus rouge des boulays!
Group Icon

Group: Admin
Posts: 8,964
Joined: 23-June 04
From: Rouen
Member No.: 68



nothing is to say... xeyes.gif

it's really a GREAT translation! Great.gif
thanks for your help, K-millio jap.gif

it will be very usefull for english people pen.gif
Go to the top of the page
 
+Quote Post
dlb
post Aug 17 2005, 07:35:33 AM
Post #4


Grand Gourou
Group Icon

Group: Admin
Posts: 8,116
Joined: 2-June 04
From: France - Dijon
Member No.: 1



Great translation jap.gif thanks
Go to the top of the page
 
+Quote Post
Tessy
post Aug 17 2005, 09:01:21 AM
Post #5


Chic Chic
Group Icon

Group: Team CrystalXP
Posts: 461
Joined: 13-June 05
From: Guatemala
Member No.: 2,296



Cool idea.gif It's soo necesary!
Go to the top of the page
 
+Quote Post
Overlord59
post Aug 17 2005, 06:02:14 PM
Post #6


Le grand sage
Group Icon

Group: Team CrystalXP
Posts: 1,940
Joined: 21-August 04
Member No.: 194



Great translation k_millio,thank's Great.gif
Go to the top of the page
 
+Quote Post
k_millio
post Aug 17 2005, 06:12:45 PM
Post #7


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



Thanks everybody mdr.gif
Go to the top of the page
 
+Quote Post
Sophal
post Sep 6 2005, 08:24:26 AM
Post #8


New Penguin
*

Group: Members
Posts: 10
Joined: 6-September 05
Member No.: 3,563



thanx for this useful tutorial. you must hav bin2 a lot of trouble.
Go to the top of the page
 
+Quote Post
Doffy90
post Sep 22 2005, 10:55:06 PM
Post #9


New Penguin
*

Group: Members
Posts: 2
Joined: 22-September 05
Member No.: 3,916



Awsome tutorial, thanks a lot biggrin.gif
Go to the top of the page
 
+Quote Post
Jodie.au
post Sep 24 2005, 03:04:05 AM
Post #10


New Penguin
*

Group: Members
Posts: 1
Joined: 24-September 05
Member No.: 3,943



This is an amazing site, congratulations to everyone involved.
A million thanks for all your time and hard work - much appreciated.
Go to the top of the page
 
+Quote Post
Tessy
post Sep 24 2005, 05:25:59 AM
Post #11


Chic Chic
Group Icon

Group: Team CrystalXP
Posts: 461
Joined: 13-June 05
From: Guatemala
Member No.: 2,296



QUOTE(Jodie.au @ Sep 23 2005, 08:05 PM)
This is an amazing site, congratulations to everyone involved.
A million thanks for all your time and hard work - much appreciated.
*


Welcome Jodie.au! We hope you stick with us from this day on! Great.gif
Go to the top of the page
 
+Quote Post
streetpc
post Oct 1 2005, 11:54:11 AM
Post #12


New Penguin
*

Group: Members
Posts: 2
Joined: 1-October 05
From: Paris
Member No.: 4,109



Hi everyone !

I've had a bit of tougth time following this tutorial. Indeed, Adobe Photoshop is a bit expensive for me and I'm not interested in cracked software. So I work with Serif PhotoPlus 6, which is an old version of Serif PhotoPlus that Serif distribute for free with other old version softwares (if interested, freeserifsoftware.com).
The problem is, the release of this program takes place approximatively with the first versions of Win98 or Win98 SE... So there are LOADS of function that aren't here. For example, gradient fill tool can only handle the 2 values at the extremities...

Here's the result:


As you can see, there's some problems with the borders (eyes/corpse, foot/corpse, ...) and I couldn't complete shadow creation (still because of borders) AFTER working on the effects (should have done it first).

If you're interested, I could write a short tutorial on how to get basic crystalization effect with Serif PhotoPlus 6 when I get the time...
Anyway, congratulations for this website, keep going this way ! Great.gif

PS: I appologize for English mistakes
Go to the top of the page
 
+Quote Post
Tessy
post Oct 2 2005, 05:28:17 AM
Post #13


Chic Chic
Group Icon

Group: Team CrystalXP
Posts: 461
Joined: 13-June 05
From: Guatemala
Member No.: 2,296



QUOTE(streetpc @ Oct 1 2005, 04:55 AM)
If you're interested, I could write a short tutorial on how to get basic crystalization effect with Serif PhotoPlus 6 when I get the time...
Anyway, congratulations for this website, keep going this way ! Great.gif

PS: I appologize for English mistakes
*


You are welcome to do it! The diversity is the thing that characterizes CrystalXp Great.gif
Go to the top of the page
 
+Quote Post
Squ1rr3l
post Oct 16 2005, 03:05:32 PM
Post #14


New Penguin
*

Group: Members
Posts: 6
Joined: 16-October 05
Member No.: 4,467



Thanks for the great tutorial. I've just folowed it and it's great. Here's the result :



Thanks again.. Great site.. Still i would love to see more turorials in english wink.gif
Go to the top of the page
 
+Quote Post
k_millio
post Oct 16 2005, 03:16:49 PM
Post #15


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



QUOTE(Squ1rr3l @ Oct 16 2005, 03:06:32 PM)
Thanks for the great tutorial. I've just folowed it and it's great. Here's the result :



Thanks again.. Great site.. Still i would love to see more turorials in english wink.gif
*

Thanks and welcome on crystal XP jap.gif

For the english tutorials, I think that you're right, and we're going to translate more tutorials wink.gif
Go to the top of the page
 
+Quote Post
Squ1rr3l
post Oct 16 2005, 07:52:54 PM
Post #16


New Penguin
*

Group: Members
Posts: 6
Joined: 16-October 05
Member No.: 4,467



QUOTE(k_millio @ Oct 16 2005, 03:17:49 PM)
Thanks and welcome on crystal XP jap.gif

For the english tutorials, I think that you're right, and we're going to translate more tutorials wink.gif
*


Or learn me to speak french so i can translate them mdr.gif winktongue.gif

BTW : The pictures in the G2 tutorial doesn't work frown.gif
Go to the top of the page
 
+Quote Post
maxim
post Oct 24 2005, 02:18:00 AM
Post #17


New Penguin
*

Group: Members
Posts: 5
Joined: 18-October 05
Member No.: 4,506



heres mine, all good but ill probably re-do the beak

Go to the top of the page
 
+Quote Post
k_millio
post Oct 26 2005, 04:42:16 PM
Post #18


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



Welcome on Crystal XP maxim jap.gif

Your tux is good, but there're little aliassing problems on the wings and on the beak wink.gif
Go to the top of the page
 
+Quote Post
TVL!_Corp
post Oct 27 2005, 08:26:29 PM
Post #19


New Penguin
*

Group: Members
Posts: 14
Joined: 25-October 05
From: Rotterdam
Member No.: 4,651



i tried it with GIMP but that ctrl+shift+i and al that stuff dont work with GIMP plz can somebody make a tutorial for GIMP Great.gif it would be great. without can can make....
Go to the top of the page
 
+Quote Post
k_millio
post Oct 28 2005, 05:14:04 PM
Post #20


Pingouin au H5N1
Group Icon

Group: Team CrystalXP
Posts: 2,521
Joined: 16-February 05
From: Nevers, France
Member No.: 1,033



I do't know the Gimp at all but in the menu bar, there must be a object called select (or something like that) then look for an "Invert selection" line and that'll be it wink.gif
Go to the top of the page
 
+Quote Post

3 Pages V   1 2 3 >
Reply to this topicStart new topic

 

RSS Lo-Fi Version Time is now: 14th October 2008 - 09:39 PM