[attisb]

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]

 

[bornover]

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.

 

[splathead]

Here is a tutorial if you have photoshop: watchteev.com/index.php/jimiyo-tshirt-template-tutorial/

Or a free online version: shirtmockup.com

 

[Bountee]

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