Page 1 of 1

T-shirt color change on mouseover

Posted: 2012-05-04T04:19:21-07:00
by seopower
Hi All,

I was building a t-shirt printing online shopping website using Opencart and I have done almost every possible changes but stucked at one feature:

I have design image with me and a mockup template to make real looking mockups but that I would like to do using php or imagemagick, so that it can automatically changes shirt colors on mouseovers, just like its done on Cafepress or Zazzle.

Can anyone here guide me how to do that using php?

A command line example is given at - http://www.imagemagick.org/Usage/photos/#chroma_key but I want it in php.

Thanks,

Re: T-shirt color change on mouseover

Posted: 2012-05-04T10:06:22-07:00
by fmw42
just put the command line in PHP exec(). See http://www.rubblewebs.co.uk/index.php

However, that does not keep the image in memory so doing things with a mouseover using IM will not be interactive speeds. Furthermore IM won't be on the user's computer it is on the server. I don't know much about using Javascript on the server or Java.

Re: T-shirt color change on mouseover

Posted: 2012-05-05T04:19:13-07:00
by seopower
Thanks for reply. I mean to say I want image generation thing using IMagick and PHP, the mouseover thing I can manage with some Ajax and image cache.

It can be exactly same as the Chrome Key stuff given at imagemagick website but apart from that I need to merge transparent design image over that with folds and swirls appear on design as well.

I searched net and found lot of people looking for this solution but none of them actually posted any possible solution or coding for that :(

Some youtube videos for that - http://www.youtube.com/watch?v=yQjstpvBw4s
Source files :
http://www.jimiyo.com/downloads/tattoo_guy.psd
http://www.jimiyo.com/downloads/brianna.psd

Please help !

Re: T-shirt color change on mouseover

Posted: 2012-09-04T10:06:20-07:00
by fmw42
http://www.rubblewebs.co.uk/index.php works fine for me. See the link to Imagemagick portion of the web site on the bottom of the home page