sosoe222 and 22 unknown users

 Word :   Username :  
 
 Page :  1  2  3
Previous 
Author
 Thread :

[Photoshop tutorial] Make a G1 Tux

 
n°73
k_millio
Profil: Modo
Avatar
profil
Posted on 08-16-2005 at 10:43:04 PM  
 

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

 

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)

 

http://testsamples.free.fr/CrXP/Patron.png

 

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

 

Part I : builting up the tux

 

First of all open the model in photoshop

 

After that, use the zoom tool http://testsamples.free.fr/CrXP/Loupe.jpg (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 http://testsamples.free.fr/CrXP/select-outils.jpg

 

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:

 

3. Then make an ellipse like this one :

 

http://testsamples.free.fr/CrXP/select-1.jpg

 

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

 

http://testsamples.free.fr/CrXP/select-2.jpg

 

5. Use the fill tool (http://testsamples.free.fr/CrXP/Fill.jpg), 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
http://testsamples.free.fr/CrXP/vis-invis-layer.jpg

 

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)

 

http://testsamples.free.fr/CrXP/Select-3.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Degrade-TB.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/forme-termin-otbcorps.jpg

 

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 (http://testsamples.free.fr/CrXP/Degrade-select.jpg).

 

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 (http://testsamples.free.fr/CrXP/Link.jpg), 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 :

 

http://testsamples.free.fr/CrXP/select-bec.jpg

 

Fill it with any color, and reduce its opacity to 25% (http://testsamples.free.fr/CrXP/Opacity.jpg)

 

24. Select the Polygonal Lasso tool (http://testsamples.free.fr/CrXP/polygon-select.jpg) by pressing L a few times.
Make a selection with a shape like this one :

 

http://testsamples.free.fr/CrXP/Coupe-bec.jpg

 

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.

 

http://testsamples.free.fr/CrXP/select-aile.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/partie1end.jpg

answer
mood
GoogleAds
profil
Posted on 08-16-2005 at 10:43:04 PM  
 

answer
n°74
k_millio
Profil: Modo
Avatar
profil
Posted on 08-16-2005 at 10:43:32 PM  
 

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:

 

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

 

http://http://testsamples.free.fr/CrXP/select-reflet-corps.jpg

 

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.

 

http://testsamples.free.fr/CrXP/reflet-corps.jpg

 

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

 

http://testsamples.free.fr/CrXP/Place-reflet-corps.jpg

 

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

 

http://testsamples.free.fr/CrXP/reflet-TB.jpg

 

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

 

http://testsamples.free.fr/CrXP/reflet-TB.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Fin-reflet-TB.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/select-reflet-bec.jpg

 

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

 

http://testsamples.free.fr/CrXP/reflet-bec.jpg

 

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

 

http://testsamples.free.fr/CrXP/Coupe-du-reflet-bec.jpg

 

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

 

http://testsamples.free.fr/CrXP/select-reflet-oeilG.jpg

 

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

 

http://testsamples.free.fr/CrXP/Place-reflet-OG.jpg

 

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

 

http://testsamples.free.fr/CrXP/select-reflet-oeilD.jpg

 

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

 

http://testsamples.free.fr/CrXP/Place-reflet-OD.jpg

 

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

 

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

 

http://testsamples.free.fr/CrXP/select-reflet-pupiG.jpg

 

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 :

 

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

 

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 :

 

http://testsamples.free.fr/CrXP/select-reflet-pied.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Place-reflet-pieds.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Cut-reflet-Aile.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Fin-reflet-ailes.jpg

 

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

 

http://testsamples.free.fr/CrXP/Select-ombre.jpg

 

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 :

 

http://testsamples.free.fr/CrXP/Tux-termine.jpg

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

nothing is to say... :xeyes:

 

it's really a GREAT translation! :great:
thanks for your help, K-millio :jap:

 

it will be very usefull for english people :pen:

answer
n°76
dlb
q|p
Profil: Admin
Avatar
profil
Posted on 08-17-2005 at 08:35:33 AM  
 

Great translation  :jap:  thanks

answer
n°77
Tessy
Profil: Big Penguin
Avatar
profil
Posted on 08-17-2005 at 10:01:21 AM  
 

Cool :idea:  It's soo necesary!

answer
n°82
Overlord59
Profil: Penguin Pro
Avatar
profil
Posted on 08-17-2005 at 07:02:14 PM  
 

Great translation k_millio,thank's  :great:

answer
n°84
k_millio
Profil: Modo
Avatar
profil
Posted on 08-17-2005 at 07:12:45 PM  
 

Thanks everybody :mdr:

answer
n°97
Sophal
Profil: New Penguin
Avatar
profil
Posted on 09-06-2005 at 09:24:26 AM  
 

thanx for this useful tutorial. you must hav bin2 a lot of trouble.

answer
n°101
Doffy90
Profil: New Penguin
Avatar
profil
Posted on 09-22-2005 at 11:55:06 PM  
 

Awsome tutorial, thanks a lot :biggrin:

answer
n°102
Jodie.au
Profil: New Penguin
Avatar
profil
Posted on 09-24-2005 at 04:04:05 AM  
 

This is an amazing site, congratulations to everyone involved.
A million thanks for all your time and hard work - much appreciated.

answer
n°103
Tessy
Profil: Big Penguin
Avatar
profil
Posted on 09-24-2005 at 06:25:59 AM  
 

Jodie.au wrote :

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:

answer
n°109
streetpc
Profil: New Penguin
Avatar
profil
Posted on 10-01-2005 at 12:54:11 PM  
 

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:
http://streetpc.free.fr/img/Tux.png

 

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:

 

PS: I appologize for English mistakes

answer
n°110
Tessy
Profil: Big Penguin
Avatar
profil
Posted on 10-02-2005 at 06:28:17 AM  
 

streetpc wrote :

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:

 

PS: I appologize for English mistakes

 

You are welcome to do it! The diversity is the thing that characterizes CrystalXp :great:

answer
n°113
Squ1rr3l
Profil: New Penguin
Avatar
profil
Posted on 10-16-2005 at 04:05:32 PM  
 

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

 

http://home.planet.nl/~roeth019/Tux_Shizzle.jpg

 

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

answer
n°116
k_millio
Profil: Modo
Avatar
profil
Posted on 10-16-2005 at 04:16:49 PM  
 

Squ1rr3l wrote :

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

 

http://home.planet.nl/~roeth019/Tux_Shizzle.jpg

 

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


Thanks and welcome on crystal XP :jap:

 

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

answer
n°118
Squ1rr3l
Profil: New Penguin
Avatar
profil
Posted on 10-16-2005 at 08:52:54 PM  
 

k_millio wrote :

Thanks and welcome on crystal XP :jap:

 

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

 

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

 

BTW : The pictures in the G2 tutorial doesn't work :frown:

answer
n°132
maxim
Profil: New Penguin
Avatar
profil
Posted on 10-24-2005 at 03:18:00 AM  
 

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

 

http://maximhome.no-ip.org/icons/tux1.png

answer
n°133
k_millio
Profil: Modo
Avatar
profil
Posted on 10-26-2005 at 05:42:16 PM  
 

Welcome on Crystal XP maxim :jap:

 

Your tux is good, but there're little aliassing problems on the wings and on the beak :wink:

answer
n°137
TVL!_Corp
Avatar
profil
Posted on 10-27-2005 at 09:26:29 PM  
 

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: it would be great. without can can make....

answer
n°138
k_millio
Profil: Modo
Avatar
profil
Posted on 10-28-2005 at 06:14:04 PM  
 

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:

answer
n°139
TVL!_Corp
Avatar
profil
Posted on 10-30-2005 at 03:34:06 PM  
 

what about this? i found photoshop cs2 version 8.01

 

http://i4.photobucket.com/albums/y106/tvledden/mijnTux.jpg

 

i hope its good. i like it...

answer
n°140
Schmoerker-101
Profil: New Penguin
Avatar
profil
Posted on 10-30-2005 at 07:05:46 PM  
 

http://img365.imageshack.us/img365/2227/tuxzelfgemaaktcopy3dz.jpg

 

that is the mine....

answer
n°141
batux
Profil: Penguin Pro
Avatar
profil
Posted on 10-30-2005 at 08:08:28 PM  
 

Heel goed :great:
Maar je vergeet het reflet op het gezicht :jap:

answer
n°143
Gmaster
Profil: New Penguin
Avatar
profil
Posted on 10-31-2005 at 09:32:59 PM  
 

I made 1 version, and didn't like the right eye, so I made even eyes. Here are my 2 versions.

 

http://i11.photobucket.com/albums/a200/mysignaturebucket/eb42f440.png

 

http://i11.photobucket.com/albums/a200/mysignaturebucket/43d3020a.png

answer
n°212
PingunZ
Profil: New Penguin
Avatar
profil
Posted on 01-22-2006 at 08:54:43 PM  
 

There is a french tuto about this for gimp ( on this site :wink: )
the only problem is,I don't speak french :tongue:
Could anyone pleeease translate this tuto ?

 

TY :tongue:

 

Grtz PingunZ

answer
 Page :  1  2  3
Previous 
Top 

Go to:
Add a reply