Cylinderize an image

Follow

PO Tran

• August 23, 2018 12:34

I see in documentation that it is possible to use the displace effect to apply an image on a mug, just like this  :

 

but I was wondering, is it possible to apply this effect on both directions ? So that we can get this kind of effect: 

 

0

• 

  Ido

  • August 27, 2018 09:45

  Hi

   

  In all of the examples that were used on this thread where the original question was posted we used the below displacement map to curve the image:

  http://res.cloudinary.com/demo/image/upload/radial_ipdlli

  A different map could curve that more according to what you are especially looking for.

  Does that make sense?

  0

  Comment actions Permalink
• 

  PO Tran

  • August 27, 2018 11:16

  Hi, I'm not sure to understand how this map thing works, would you care to explain ? 

  0

  Comment actions Permalink
• 

  Shirly Manor

  • August 27, 2018 16:28

  You can change the direction of an image by adding the transformation `a_vflip.180` 

  For example, for this image:

  http://res.cloudinary.com/demo/image/upload/c_scale,w_302/c_pad,h_2.0,w_1.0/e_displace,l_radial_ipdlli,y_-8/e_trim/c_scale,u_left_mug,w_690,x_-13/sample.jpg

  flipping it:

  http://res.cloudinary.com/demo/image/upload/c_scale,w_302,a_vflip.180/c_pad,h_2.0,w_1.0/e_displace,l_radial_ipdlli,y_-8/e_trim/c_scale,u_left_mug,w_690,x_-13,a_vflip.180/sample.jpg

   

  Please let me know if that answered your question,

  0

  Comment actions Permalink
• 

  PO Tran

  • August 31, 2018 12:15

  Unfortunately not, as you can see on the 2nd picture, it's not about flipping it, it's about applying i different transformation : I'd like my image to be displaced in both directions.

  0

  Comment actions Permalink
• 

  Ido

  • September 03, 2018 08:46

  Hi

   

  Thanks for letting us know.

  The changes in displacement happen when applying a different displacement map to the image.

  Displacement maps are images that are used as gradient maps. In a gradient map the stronger the intensity of each pixel in the gradient map, the bigger the displacement of the corresponding pixel in the base image.

  So in order to create a different curvature, a new displacement map would need to be created, and then uploaded to Cloudinary, so the original image would be curved according to it.

  After uploading the displacement map, you could use that as an overly to curve the original image

  Does that make more sense?

  0

  Comment actions Permalink
• 

  Ido

  • September 06, 2018 13:48

  Hi

   

  For your reference, you could try using the below displacement map:

  http://demo-res.cloudinary.com/wicked_mask

   

  In that map, the green is up and to the right and the red is down and to the left. this creates a displacement in both directions:

  http://demo-res.cloudinary.com/l_wicked_mask,e_displace,x_10,y_10/sample

   

  You could take that map and change to fit a cylinder.

  0

  Comment actions Permalink

Post is closed for comments.