Morphing

61 views
Skip to first unread message

desand...@gmail.com

unread,
Mar 12, 2018, 7:47:28 AM3/12/18
to OpenToonz Users Forum
Hello,
how can i morph two imported images (eyes)?
I need animated eyes like this: https://www.youtube.com/watch?v=Db17l8j-Ax0.

regards

joshua shute

unread,
Mar 13, 2018, 2:24:19 PM3/13/18
to OpenToonz Users Forum
1.the simplest way to achieve this would be to draw the eyes in vector in opentoonz and use auto-inbetweening..... especially because the eyes are black circles with white fills; very easy to do.

2.if, for whatever reason, they need to be made of imported images, you can achieve a similar effect using the matte out effect and some effect that creates an outline. see images

you can then keyframe the red matte shape to move giving the appearance of moving cheeks.


3. or if you plan ahead while creating your eyes assets, you can achieve this same effect using a "sandwich" technique while rigging. https://youtu.be/P9HXWF0_ZWM although, this approach for this application seems like it would be more work than it's worth.

go with option 1.



Jane Eyre

unread,
Mar 13, 2018, 2:42:01 PM3/13/18
to OpenToonz Users Forum
If you really want to use existing images, you could use the plastic tool as well.

Bob Bater

unread,
Aug 28, 2024, 9:01:31 PMAug 28
to OpenToonz Users Forum
Hi, total newbie here. This thread seems quite old. Did anyone find a way of morphing between two imported images (see mine attached)?
vote_share3-removebg-preview.png
vote_share1-removebg-preview.png

Rodney

unread,
Aug 28, 2024, 11:44:47 PMAug 28
to OpenToonz Users Forum
The key to any 'morph' is basically the same as any animation which consists of keys, breakdowns and inbetweens.
In the case of a pie chart opening and closing I can think of about 5 different approaches to achieving this in Opentoonz... but none of those were particularly useful... or simple.
So I thought of the process of breaking down the keys and that's where I saw that the smaller shape is part of the larger shape.
As such we could do a subtractive approach or an additive approach.
I went with an additive approach here and just duplicated the small shape, placed the center appropriately and rotated.
(Set the level to have white as transparent in the Level Settings as well)

Here in the attached gif animation I've left the larger shape slightly transparent (and tinted) to show where we are headed with the morph.
Then it's mostly just a mater of rotation of the second copy so that it traces the 'path' from the first key to the last.
You can see the tell tale signs of the moving shape as I haven't taken time to make sure the center of the circle is accurate or the image boundary aliased.

Other approaches will worth as well but that's the simplest I found.
If you want to use autoinbetweening then you might think in terms of two shapes... a full circle.... and a shape to cut out part of that circle.
This same approach would be used if using clip masking/mattes.

I did try this as autoinbetweened shapes (one circle and one mask shape) and it works but you have to allow for the motion of the autoinbetweened shapes to make sure it covers all appropriate parts of the circle.
SimpleMorph.gif
Reply all
Reply to author
Forward
0 new messages