36 unknown users

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

[Photoshop tutorial] Make a shirt for your G1 Tux

 
n°78
k_millio
Profil: Modo
Avatar
profil
Posted on 08-17-2005 at 03:13:11 PM  
 

Hi all, this tutorial was fisrt made by overlord in french, so i'm going to translate it for those who don't read french :great:

 


How to make a shirt for your tux

 


Overlord tried to make this tutorial as simple as it could be, so he decided to give us the models which will compose the shirt like normal layers. He decided that because he thought that the most important things were the reflect and the shadows.

 

With these models, ,you will be able to create a shirt, a T-shirt, or any other clothes :great:

 

Here're the models :

 

http://perso.wanadoo.fr/overlord59/img/1%20Corp%20vet.png http://perso.wanadoo.fr/overlord59/img/1%20col%20vet.png

 


First of all, this tutorial will show you were to put the models on your tux

 

1. Open your tux (your psd or a png)

 

2. Open the models

 

3. If you're using a psd for your tux, be sure you're working on the top layer.
Then click on the thumbnails of the models layers and drag'n'drop them on your tux's canvas.

 

4. Rename the newly created layers "Body shirt model" and "Left collar model"

 

5. Duplicate the "Left collar model" layer and name the new one "Right collar model", then go to Edit > Transform > Flip horinzontal.

 

6. Now, move your three layers so that you see something like that :

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20vet.png

 


Now we are going to colorize the shirt, and put it in relief :great:

 

We'll start with the body :

 

1. Select the "Body shirt model" layer and create a new one, by pressing Ctrl+Shift+N, and name it "Body shirt".

 

2. Ctrl+Click on the "Body shirt model" layer's thumbnail to have its shape as your selection.

 

3. Double-click on your foreground color and enter these values :
R:101 j'ai:140 B:211 (or #658CD3)

 

And fill your selection with this new color by pressing Alt+Delete (this color is just an example, you can use any other color, just use your imgination :wink: )

 

4. Make the "Body shirt model" layer become invisible by clicking on the little eye next to it's thumbnail.

 

5. Be sure you're working on the "Body shirt" layer, create a new layer called "Body shirt shadow"

 

6. Select black as your foreground color.

 

7. Choose the gradient tool, and the Foreground to transparent gradient.
Select the reflected gradient, and check the Reverse checkbox.

 

8. Ctrl+click on the "Body shirt" layer's thumbnail to have its shape as a selection.

 

9. Make a grdient by clicking on A and relesing on B, like below :

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20degrad%20corp.png

 

Tip: holding Shift while you're drawing a gradient will make this gradient be straight

 

10. Put the "Body shirt shadow" layer's opacity to 40%.

 

You should have something like this :

 

http://perso.wanadoo.fr/overlord59/img/1%20degrade%20zone%20ombr%20corp.png

 

We are now going to create the reflmects on the sleeves.

 

11. Create a new layer called "Left sleeve reflect"

 

12. Choose the poly gonal lasso tool

 

13. Draw a selection which ressembles to this one (if you zoom, it will be easier)

 

http://perso.wanadoo.fr/overlord59/img/1%20select%20ref%20mg.png http://perso.wanadoo.fr/overlord59/img/1%20select%20ref%20mg%20zoom.png

 

14. Put white as your foreground color.

 

15. Select the gradient tool, uncheck the Reverse checkbox, choose a linear gradient (instead of a reflected one), and be sure you're still using the Foreground to transparent gradient.

 

16. Draw a gradient from A to B, like on this image :

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20degrad%20ref%20manche.png

 

17. Deselect by pressing Ctrl+D

 

You should obtain this :

 

http://perso.wanadoo.fr/overlord59/img/1%20degrad%20ref%20manche%20result.png

 

18. Re-select the polygonal lasso tool.

 

19. make a selection like this one :

 

http://perso.wanadoo.fr/overlord59/img/1%20select%20coup%20reflet.png

 

And hit delete.

 

20. Put the "Left sleeve reflect" layer's opacity to 50%

 

21. If you have all the layers that compose the tux, Ctrl+Click on the "Body" layer's thumbnail to have its shape as your selection.

 

If you're using a png, use the elliptical marquee tool and Select > transform selection, to have an selection that folows the tux's body :

 

http://perso.wanadoo.fr/overlord59/img/1%20select%20corps.png

 

22. Delete and deselect.

 

23. Duplicate the "Left sleeve reflect" layer, and name the new one "Right sleeve reflect.

 

24. Now go to Edit > Transform > Flip horizontal.

 

25. Move the right sleeve reflect on the right sleeve, like here :

 

http://perso.wanadoo.fr/overlord59/img/1%20plac%20reflet%20manch%20droit.png

 

26. Ctrl+Click on the "Body shirt" layer's thumbnail.

 

27. Click on the "Body shirt shadow" layer and create a new layer called "Body shirt reflect"

 

28. Choose the gradient tool and The radial gradient option.

 

29. draw a gradient from A to B like on the image :

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20reflet%20corp.png

 

30. Reduce the layer's opacity to 35%

 

You should see this :

 

http://perso.wanadoo.fr/overlord59/img/1%20reflet%20corps.png

 

If you want a T-shirt, you can stop here, and you only have to make the collars layers become invisible by clicking on the little eyes next to their thumbnail.

 

If you want a shirt, you have to continue  :wink:

 

31. Ctrl+Click on the "Left collar base" layer's thumbnail

 

32. Be sure you're working on the "Left collar base" layer, and cretae a new layer named "Left collar"

 

33. Change your foreground color to : R:101 j'ai:140 B:211 (or #658CD3)
And fill the selection with it.

 

34. Create a new layer called "Left collar shadow"

 

35. Change your foreground color to Black

 

36. Choose the grdient tool and the linear gradient mode

 

37. DRaw the gradient from A to B

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20degrad%20col.png

 

You should see that :

 

http://perso.wanadoo.fr/overlord59/img/1%20degrade%20col.png

 

38. Put the layer's opacity to 30%

answer
mood
GoogleAds
profil
Posted on 08-17-2005 at 03:13:11 PM  
 

answer
n°79
k_millio
Profil: Modo
Avatar
profil
Posted on 08-17-2005 at 06:52:03 PM  
 

We are now going to create the collar's reflect

 

39. Create a new layer called "Left collar reflect"

 

40. Ctrl+Click on the "Left collar" layer's thumbnail

 

41. Go to Select > Modify > Contract, and enter 2 pixels in the dialog box that should appear

 

42. Choose white as your foreground color

 

43. Draw a gradient From A to B like on the image :

 

http://perso.wanadoo.fr/overlord59/img/1%20placement%20reflet%20col.png

 

You should obtain this :

 

http://perso.wanadoo.fr/overlord59/img/1%20reflet%20col.png

 

44. Use the polygonal lasso tool to make a selection like this one :

 

http://perso.wanadoo.fr/overlord59/img/1%20coup%20reflet%20col.png

 

45. Reduce the layer's opacity to 40%

 

After the reflect, the shadow  :great:

 

46. Ctrl+Click on the "Left collar" Layer's thumbnail

 

47. Be sure you're working on the layer, that is situated just under the "Left collar" layer, and create a new layer called "Left collar drop shadow"

 

48. Fill the selection with black, deselect, and go to Filter > Blur > Gaussian blur and enter 3.7 pixels in the dialog box.

 

49. Move the shadow so that it is placed like on the example :

 

http://perso.wanadoo.fr/overlord59/img/1%20ombre%20col.png

 

For the right collar there're plenty of solutions, but the one that I prefer is to put the "Left collar drop shadow", "Left collar", "Left collar shadow" and "Left collar reflect in the same layer group (Link them all and hit Ctrl+j'ai), to duplicate this group (Right click > duplicate group) and to go to Edit > Transform > Flip horizontal and to move the group so that you obtain this :

 

http://perso.wanadoo.fr/overlord59/img/1%20plac%20col%20droit.png

 

We are now going to refine our shirt ...

 

50. Use the polygonal lasso tool to make a triangle selection as shown below :

 

http://perso.wanadoo.fr/overlord59/img/1%20ouvert%20chemise.png

 

51. Select the "Body shirt" layer and hit delete

 

52. Create a new layer named "Shirt opening"

 

53. Use the rectangular marquee tool to make a selection like on the example :

 

http://perso.wanadoo.fr/overlord59/img/1%20ombr%20ouv%20chemise.png

 

54. be sure your foreground color is black. Then use the grdient tool to make some thing like that :

 

http://perso.wanadoo.fr/overlord59/img/1%20degrad%20ouv%20chemise.png

 

55. Reduce the layer's opacity to 35%

 

We are now going to create some buttons for our shirt :great:

 

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

 

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

 

http://perso.wanadoo.fr/overlord59/img/1%20select%20boutton.png

 

Tip: holding shift while making a selection will make a perfect circle (if you're using the elliptical marquee tool) or a perfect square (if you're using the rectangular marquee tool)

 

58. Change your foreground color to : R:216 j'ai:216 B:216 (or #D8D8D8)
Then fill your selection with your new color.

 

59. Duplicate the "Button 1" layer, and called the new layer "Button 1 border"

 

60. Ctrl+Click on this layer'thumbnail, then go to Select > Modify > Contract, and enter 1 pixel in the newly appeared dialog box.
Now hit delete.

 

61. Double click on the layer's thumbnail. In the new window click on Drop shadow.
There, enter these settings :
Angle: 90°
Opacity: 75%
Blending mode: multiply
Distance: 1
Size: 2
Color: black

 

62. Merge the two layers by pressing Ctrl+E (be sure you're still working on Button 1 border)

 

63. Rename the layer "Button 1", then duplicate it twice and rename the new layers "Button 2" and "Button 3"

 

64. Move the three buttons so that you obtain this :

 

http://perso.wanadoo.fr/overlord59/img/1%20place%20noutons.png

 


This is it, this tutorial is finished, now you only have to use your imagination :wink:

answer
n°80
Overlord59
Profil: Penguin Pro
Avatar
profil
Posted on 08-17-2005 at 06:59:29 PM  
 

thank's k_millio very good job  :wink:

answer
n°81
k_millio
Profil: Modo
Avatar
profil
Posted on 08-17-2005 at 07:00:48 PM  
 

You're welcome, but it is YOUR tutorial not mine, I only translated it

answer
n°83
Overlord59
Profil: Penguin Pro
Avatar
profil
Posted on 08-17-2005 at 07:03:56 PM  
 

Ok but it's your translation :wink:

answer
n°94
Common
Profil: New Penguin
Avatar
profil
Posted on 09-05-2005 at 09:15:15 AM  
 

wow nice lol im gonna try it out sometime

answer
n°95
Didas
le soleil se lève avant moi, je me couche après lu
Profil: God of Penguins
Avatar
profil
Posted on 09-05-2005 at 02:17:19 PM  
 

Welcome, Common :pen:

 

I'm sure your Tux will look fine :great:

answer
n°112
paperboy
Profil: New Penguin
Avatar
profil
Posted on 10-10-2005 at 04:59:07 AM  
 

i love it  i made this from it
http://i2.photobucket.com/albums/y36/eddiesmurfy/Tux-terminecopy.png

answer
n°123
Josh
Profil: New Penguin
Avatar
profil
Posted on 10-19-2005 at 06:03:01 AM  
 

good tutorial, would have a possibility to create a area of Portuguese, u would call some desing's and to translate with forms the time therefore to many Brazilians who enter in the site but nor always they know to read English

answer
n°124
Didas
le soleil se lève avant moi, je me couche après lu
Profil: God of Penguins
Avatar
profil
Posted on 10-19-2005 at 01:12:17 PM  
 

there is already an english section, a french section and even a spanish one (Tessy translates some of our tutorials) but a portugese section would be harder : none of us can speak portugese...

answer
n°146
TVL!_Corp
Avatar
profil
Posted on 11-01-2005 at 02:52:29 PM  
 

it worked thanks for the tutorial
http://i4.photobucket.com/albums/y106/tvledden/Duckyshirttux.jpg

 

iam going 2 make a banner now
 :tongue:  :tongue:

answer
n°171
gameking66
Profil: New Penguin
Avatar
profil
Posted on 11-24-2005 at 03:04:03 AM  
 

Hi!!!Im a NewP(new penguin) I was wondering where to get the version of photoshop everyone is using,thanks in advance! :smile:

answer
n°178
Rc!
profil
Posted on 12-16-2005 at 07:52:42 PM  
 

I wanna do this but I cant see the pics :frown:
I could see the pics fine in your other tut on how to make the actual penguin but I cant see the pics for this :frown:
Help?

answer
n°179
k_millio
Profil: Modo
Avatar
profil
Posted on 12-16-2005 at 08:39:40 PM  
 

That's strange, you should normally be able to see them :ouch:
As for me, i can see them, even with an empty cache, so the problem must come for your computer.

 

Maybe the problem comes from a firewall if you're using one :wink:

answer
n°218
Vivanco
Profil: New Penguin
Avatar
profil
Posted on 01-23-2006 at 08:09:42 PM  
 

Well I Dont Got Photoshop Where U Get It ??
I Would Like To Give It A Try To Make A TUX LoL

answer
n°242
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 02-08-2006 at 11:05:56 AM  
 

Quote :

Well I Dont Got Photoshop Where U Get It ??
I Would Like To Give It A Try To Make A TUX LoL

 

You can buy it from heaps of places it's called 'Adobe Photoshop CS2' search it on Google or something...

 

By the way great Tutorial! :happy2:

 


Thanks, Draginol

answer
n°249
Dominican-Boy
Profil: New Penguin
Avatar
profil
Posted on 02-11-2006 at 09:31:09 PM  
 

English
Can you make a plain shirt like that for the g2 tux please

 

Français
Pouvez vous faire une chemise plate comme cela pour le tux g2 svp

answer
n°253
zohair
Profil: New Penguin
Avatar
profil
Posted on 02-21-2006 at 05:01:15 PM  
 

Awesome!

answer
n°261
New
Profil: New Penguin
Avatar
profil
Posted on 02-23-2006 at 02:49:39 AM  
 

Yeah, can you make a Shirt like that for G2 Tux and is there any tutorial on how to make models such as the grey t-shirt on the first post? if so, it would be very much appreciated, thanks!

 

Keep up the good work! :biggrin:

answer
n°267
Syotica
Profil: New Penguin
Avatar
profil
Posted on 03-17-2006 at 07:03:13 AM  
 

Nice work. :smile:

answer
n°373
Miso
Profil: New Penguin
Avatar
profil
Posted on 06-27-2006 at 02:43:57 PM  
 

Thanks for the tut.
Here's my G2-tux with an anime shirt:
http://img.photobucket.com/albums/v337/XMisoX/Tux/tux-g2-shirt-narutosaskuesoccer.png

answer
n°385
alyxxs
Profil: New Penguin
Avatar
profil
Posted on 07-04-2006 at 01:14:13 PM  
 

Thanks for this tut :happy2:

answer
n°1156
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 03-10-2007 at 01:08:55 AM  
 

I changed the shape of the shirt and added a sweatband, and now he's "athletic tux"  :lol:

answer
n°1157
sabchuphai
Profil: Big Penguin
Avatar
profil
Posted on 03-10-2007 at 01:35:44 AM  
 

Very good effort SimonXP... :oui:

 

Keep up the good effort.  :great:

answer
n°1163
Draginol
Profil: Penguin Pro
Avatar
profil
Posted on 03-10-2007 at 03:04:47 AM  
 

Hey that's aweomse!  And welcome :tongue:

answer
 Page :  1  2
Previous 
Top 

Go to:
Add a reply