Displacement issue

Lurki

August 13, 2018 08:21

Hi there,

I'm currently trying to merge a TShirt + an image as an instant mockup solution. This already works (I can display the shirt and the image is positioned/scaled correctly on top).

I am however struggling with the next step, adding a displacement effect on the image. The Shirt mockups I use also have each an displacement layer, but I can't apply it. This is the closest I have come so far:

https://res.cloudinary.com/dlxqp6lom/l_displacement:G2000LF3Dis,e_displace,x_3,y_3/c_scale,g_center,a_-1,l_displacement:pumpkin.png,w_750,dn_72/displacement/G2000LF3.jpg

However, this is the same as before, without the displacement effect. 

In this post: https://support.cloudinary.com/hc/en-us/community/posts/360006284731-Perspective-Warp-through-Cloudinary-URL
I read that I might have to change my order a bit: the Mockup shirt is applied as a background image (u_) and the displacement map is applied on the "front" image, in this case the pumpkin. But whenever I do that, I struggle with the scaling (the mockup shirt is 1500x1500 while the pumpkin is 4500x5400).

0

• 

  Christian Strang

  August 23, 2018 08:06

  Any suggestions?

  0
• 

  Raya Straus

  August 27, 2018 11:46

  Hi,

  Thanks for reaching out.

  Here is one option to add the displacement:

  https://res.cloudinary.com/dlxqp6lom/o_0/w_750,l_displacement:pumpkin/e_displace,x_15,y_15,l_displacement:G2000LF3/u_displacement:G2000LF3,y_-50/displacement/G2000LF3

  If you want it to be fully displacement the image you can use:
  https://res.cloudinary.com/dlxqp6lom/o_0/w_750,l_displacement:pumpkin/e_displace,x_15,y_15,l_displacement:G2000LF3/u_displacement:G2000LF3,e_overlay,y_-50/displacement/G2000LF3

  Hope this helps, please let me know if you have any further questions.

  0

Post is closed for comments.