T-Shirt Forums banner

How does mysoti create this effect

1319 Views 3 Replies 4 Participants Last post by  Bountee
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]
1 - 4 of 4 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

See less See more
  • Like
Reactions: 1
Here is a tutorial if you have photoshop: watchteev.com/index.php/jimiyo-tshirt-template-tutorial/

Or a free online version: shirtmockup.com
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
See less See more
1 - 4 of 4 Posts
This is an older thread, you may not receive a response, and could be reviving an old thread. Please consider creating a new thread.
Top