Cylinderize an image

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
• 

  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
• 

  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
• 

  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
• 

  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
• 

  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

Post is closed for comments.