Make a G1 Tux(Photoshop Turtorial) - Game|Gravity

CycloneZ · 11-08-2008, 09:09 AM

Just want to get one thing clear, this wasn't made by me. Credit goes to k_millio from CrystalXP.net

And another thing is, that a post is limited to 4 images. The other images couldn't be shown on this post but a link is provided instead.

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)

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

(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:

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 :

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/form...n-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

CycloneZ · 11-08-2008, 09:13 AM

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

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

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/Plac...39;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