Product mockup with multiple smart object layers

[Jillkm]

I am trying to do a mockup of a dog bow tie. I have copied the main layer so I have 3 layers of the bow tie and then selected the part of the bow tie I want to change in each layer. I have attached an image.

Now I have my problems. I know I need to do a displacement map for each layer and then save as smart object.

So what I am looking for is a tutorial somewhere online for making a product mockup with multiple smart objects where each object requires a displacement map. Then having the smart object on top with the design to go on the product.

I have hunted and hunted online. I have found thousand to do t-shirts, etc. I have gone through Udemy, Skillshare, Lynda, and YouTube.

Can anyone here point me in the right direction where I can find such a tutorial?

Jill

 

[IamSam]

I know I need to do a displacement map for each layer

Hello and welcome. What's the displacement map for? Like polka dots or some other patterns to form to the shape of the tie?

What is the ultimate goal for the mock-up?

 

[Jillkm]

I sell on my own site and on Etsy. I want to be able to change the pattern on the bow tie without having to make 500 bow ties and photograph and edit 500 images. I have mockups for some of my collars, pillows, and mugs. Some I bought and a couple I had designed for me. I can do a mockup of a single image changeover, it's the multiple smart objects that have me perplexed.

Attached sample of a finished bow tie.

The previous image is of a white bow tie I made specifically for doing a product mockup.

Jill

 

[IamSam]

it's the multiple smart objects that have me perplexed.

Are you just having problems understanding how to use a smart object in a mock-up?

 

[Jillkm]

No, I use them all the time. It's doing the mockup with multiple smart objects, with displacement map on each object. I'm thinking my issue is with my displacement maps. I'll work on those.

But if anyone know of a tutorial somewhere out there on making a mockup with multiple smart objects using displacement maps, I'd love to see it.

Jill

 

[IamSam]

Have you watched this?

 

[IamSam]

It's doing the mockup with multiple smart objects

If you can do one, you can do multiples. You can also nest smart objects.

with displacement map on each object.

Not sure why this would be a problem, just open the smart object and go through the process of adding a displacement map.

I truely apologize if I'm not understanding your issue.

 

[Jillkm]

I only seem to have the issue with my displacement map when using the multiple smart objects. No problem if only working on a mockup with one smart object. I know I'm obviously doing something wrong, that is why it would be nice if there were a tutorial on doing a mockup with more than one smart object layer. I shall slog along, and sooner or later I'll figure out what I am doing wrong. Thanks for the help.

I had watched that video, along with about 100 others.

Jill

 

[IamSam]

This was done with two SO layers and no displacement map.

 

[IamSam]

I know I'm obviously doing something wrong,

Not necessarily.

that is why it would be nice if there were a tutorial on doing a mockup with more than one smart object layer.

You have stated this several times without explaining.

What are you trying to do with the (multiple) smart objects specifically?? I'm not asking about changing the fabrics on the bow, this part I understand. Explain exactly.

 

[Jillkm]

Making product mockup of my bowtie broken into 3 smart objects. One for the left side of the bow tie, one for the right side of the bowtie, and one for the centre of the bowie.

The first uploaded image in my first post shows the bowtie I am working on with the 3 different layers before they have been changed to smart objects.

I want one smart object on top that when clicked on opens in separate window, I add whatever image I want on the bowtie, save the change, and then when I go back to the mockup I have a finished looking bowtie and all the smart objects have changed to the image I have added.

When I do it now, the image does not change any of the smart objects. I tried changing one of the bow tie layers by iteself, and that didn't work either.

Jill

 

[IamSam]

One for the left side of the bow tie, one for the right side of the bowtie, and one for the centre of the bowie.

OK, I understand. However, while I get that you may want to separate the center knot of the Bow Tie, why would you need two SO's for the right and left sides of the Bow Tie? Are you planning to place different patterns on the two sides of the Bow Tie? If so, these SO's would have to function independently of one another. You won't be able to update all with one SO.......you would need 2.

I propose one nested SO for everything.

I have one Bow Tie with the center section removed and on a separate layer.





I select these two layers and then convert them to a SO.


I open the SO which opens a PSB file, and add a texture layer above the Bow Tie w/o knot layer........sized to fit (free transform)
I convert this texture layer to a SO and duplicate.

I set both of the duplicated SO texture layers to "multiply"
I clip one of the duplicated texture SO layers to the Bow Tie w/o knot layer.

I clip the other duplicated texture SO layer to the Bow Tie knot layer.
I then rotate and resize this layer to fit in the knot.



Now I have a SO nested within a SO.

If I want to change the texture, all I need to do is open (double click) the texture 1 SO layer
which opens another PSB file
Drag, drop, and resize a new texture
Turn the other off (note: you can leave them both on, the top layer will be the texture that shows after update)
Close and save


Close and save the first PSB

Everything is updated.
From this....


to this!

 

[Jillkm]

Thank you so much for this. In all the videos and tutorials I have watched, haven't seen this method. I will try it out tomorrow and see how it goes. You did a lot of work to help me out, I so appreciate it. How does it get that folded look without using either warp or a displacement map?

Jill

 

[IamSam]

You're very welcome.

How does it get that folded look without using either warp or a displacement map?

By setting your blend mode to "Multiply" for the texture layer.

I set both of the duplicated SO texture layers to "multiply"

 

[Jillkm]

Came out great. Here is my result. The only issue I have is that the multiply filter darkens the image. But I could lighten it after. Haven't done that here.

Jill

 

[IamSam]

Great job!

Multiply does darken slightly, but you can add a Curves adjustment layer to even things out.

 

[Jillkm]

Thanks a lot, will save me a lot on buying premade mockups. I have about 1,000 designs, so sure make life easier than having to make one of each design. I do love Photoshop.

Jill

 

[IamSam]

Your very welcome. If you have any other issues or challenging projects, let us know!