Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Change shape of PNG image

For a commercial, I have a PNG image of food packaging. I'd like to first change (distort) the shape and after that bring it back to its original shape.

Any idea what tool can use or what direction to look at?



You can picture a boxing bag. When you punch it, the shape changes and quickly returns to its previous shape.

Mac mini 2018 or later

Posted on Feb 16, 2022 11:55 PM

Reply
Question marked as Top-ranking reply

Posted on Feb 17, 2022 3:08 PM

If I understand you correctly, you want a look something like this?



It is possible to make this a little more extreme...


To the image I applied a Filters > Distortion > Bulge. Normally you would think bulge would "blow up" (bulge out) the image, but this particular version, if you go with a Scale greater than 1.0, the image is actually collapsed.


I tried different behaviors with this, but it was better just to keyframe the Scale parameter.


This is the general shape of the keyframes to emulate a "punch":



The first (leftmost) keyframe is set with Bulge > Scale = 1.0.

The second (middle) keyframe is set with Bulge > Scale = 1.55

The third (rightmost) keyframe is set with Bulge > Scale = 1.0.


The "reflexive" animation is created by making all three keyframes Bézier interposition.


The left side control points make almost a square corner. The right size has a little bit of a "bounce" applied — Control point from middle point pulled far under the 1.0 "level" of value and the right Control point is upward at about a 45º angle so there is a small oscillation.


The Bulge Amount value for my example is set at 455 and the Center is 0,0.


To make this more extreme, you can set the middle keyframe to values > 1.55 to about 2.0. I wouldn't go much further than that. You can slow down the animation by spacing out the 3 keyframes a few frames more... but the relationship between the three should probably maintain proportion.


HTH


2 replies
Sort By: 
Question marked as Top-ranking reply

Feb 17, 2022 3:08 PM in response to SOURCEDBLACK

If I understand you correctly, you want a look something like this?



It is possible to make this a little more extreme...


To the image I applied a Filters > Distortion > Bulge. Normally you would think bulge would "blow up" (bulge out) the image, but this particular version, if you go with a Scale greater than 1.0, the image is actually collapsed.


I tried different behaviors with this, but it was better just to keyframe the Scale parameter.


This is the general shape of the keyframes to emulate a "punch":



The first (leftmost) keyframe is set with Bulge > Scale = 1.0.

The second (middle) keyframe is set with Bulge > Scale = 1.55

The third (rightmost) keyframe is set with Bulge > Scale = 1.0.


The "reflexive" animation is created by making all three keyframes Bézier interposition.


The left side control points make almost a square corner. The right size has a little bit of a "bounce" applied — Control point from middle point pulled far under the 1.0 "level" of value and the right Control point is upward at about a 45º angle so there is a small oscillation.


The Bulge Amount value for my example is set at 455 and the Center is 0,0.


To make this more extreme, you can set the middle keyframe to values > 1.55 to about 2.0. I wouldn't go much further than that. You can slow down the animation by spacing out the 3 keyframes a few frames more... but the relationship between the three should probably maintain proportion.


HTH


Reply

Change shape of PNG image

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.