T-Shirt Forums banner

1 - 4 of 4 Posts

·
Registered
Joined
·
6 Posts
Discussion Starter #1
On mysoti website the shirt colors are changed through the use of CSS color codes. On top is an overlay that creates the effect of a shirt with wrinkles. How do you create this kind of file that is transparent.

This is the actually file that causes the transparency.
[media]http://www.mysoti.com/assets2/images/overlay-CLO-GUY-AAA.png[/media]
 

·
Registered
Joined
·
1,455 Posts
I did it in Photoshop buy taking a photo of a colored garment, desaturating it, setting the layer mode to overlay, bringing down the opacity to 25%, creating a normal white layer for the border and saving it all as a png.

Mine shows darker here on the forum, but if you put a color behind it, it works pretty good. It may be that your pic is link to a site and my pic is an attachment here on the forum that makes my png darker when expanded on the forum page.

I spent 5 minutes playing with it and was able to get close so it would be a way to get very close to what they have done.
 

Attachments

  • Like
Reactions: Rodney

·
Registered
Joined
·
7 Posts
Here is a tutorial if you have photoshop: watchteev.com/index.php/jimiyo-tshirt-template-tutorial/

Or a free online version: shirtmockup.com
Hey - stop jacking my work! ;)

Only joking - You're right, thats how I did it.

You have to get the alpha channels just right for both light AND dark shirts though and its pretty tricky.

I found that taking a photo of your desired garment in a 'baby pink' colour really helped when trying to get both highlights and shadows on the final image.

Hope this helps?

Steve - MySoti dude
 
1 - 4 of 4 Posts
Top