This topic needs a title

I’m making a clothing site, and would like the pattern/color of the pieces of clothing to change when the customer clicks on the certain pattern/color they would like so that they can see what it would look like.

How would I go about doing this?

Would I have to mask the shape of the clothing item?

I’m setting it up so that they can click on the image, and the image pops up to the side in a larger view and then from there they can change the pattern/color.

Has anyone had to do this or come across something like this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m making a clothing site, and would like the pattern/color of the pieces of clothing to change when the customer clicks on the certain pattern/color they would like so that they can see what it would look like.

If I understand you correctly, you want a photo of the clothing item (being worn by a model perhaps?) that changes to show an alternate color or pattern when you click on a swatch. Yes?

The most straight forward way to do that would be to create multiple copies of the clothing photo and retouch each image with the different fabrics. And yes you would use a mask when doing this in Photoshop, but not Freeway. You will wind up with multiple copies of the photo that you can then switch between the pretty much the same way you are doing the popups.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m kind of not getting it. So I’m going to have to make that image in every pattern/color I have but then behind the scenes how does it match up each pattern/color to the right piece of clothing?

For example, If I have a red shirt and I want to see it in blue, how does it change it to a blue shirt and not a blue pair of pants?

Is the only thing changing, the color? If so, wouldn’t I have to somehow get that color to show up behind/through the image?

How do you do that? The same way as my pop ups?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Jan 16, 2009, at 4:42 PM, Ashleigh wrote:

I’m kind of not getting it. So I’m going to have to make that image
in every pattern/color I have but then behind the scenes how does it
match up each pattern/color to the right piece of clothing?

It’s much simpler than that. You open up your photo of a gray shirt in
Photoshop, and draw a mask around the shirt area (isolating it from
the rest of the photo) and you add a color adjustment layer to just
that part of the photo. Export a JPG of the photo, adjust the color to
make another color, lather, rinse, repeat.

In Freeway, stack the photos as layers, just like if you were making
any other sort of a remote rollover treatment, assign the Target Show/
Hide Image to each and set a unique mouseover number to each. Set up
your trigger elements, apply the matching number to their Rollover
action settings, and you’re all set.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just tried something for fun – I put a photo on the page, then used
Freeway’s path shape tool to draw a silhouette around it, and filled
it with a semi-transparent color. I set this path shape to be a 24-bit
PNG so the transparency worked, and then set that layer as a Target
Show/Hide layer. And repeated two times. So now I can turn my poodle
pink, blue, or green.

Not nearly as convincing as the fun you can get up to in Photoshop.
The Replace Color effect is like magic…

Walter

On Jan 16, 2009, at 5:17 PM, Walter Lee Davis wrote:

I’m kind of not getting it. So I’m going to have to make that image
in every pattern/color I have but then behind the scenes how does
it match up each pattern/color to the right piece of clothing?

It’s much simpler than that. You open up your photo of a gray shirt
in Photoshop, and draw a mask around the shirt area (isolating it
from the rest of the photo) and you add a color adjustment layer to
just that part of the photo. Export a JPG of the photo, adjust the
color to make another color, lather, rinse, repeat.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks guys!
I will try this out and see how it works out.
Thanks again :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options