Highlighted

How Can i achieve such an animation of sphere with an image in animate

Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

I want to make an image move like the sphere , i have shared the link in this post

https://codepen.io/juliangarnier/pen/LMrRNW

You should look elsewhere. Animate is not your tool for that.

(You can do masking and layering in Animate, but that will not produce optimal results.)

TOPICS
Discussions

Views

201

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How Can i achieve such an animation of sphere with an image in animate

Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

I want to make an image move like the sphere , i have shared the link in this post

https://codepen.io/juliangarnier/pen/LMrRNW

You should look elsewhere. Animate is not your tool for that.

(You can do masking and layering in Animate, but that will not produce optimal results.)

TOPICS
Discussions

Views

202

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 29, 2019 0
Guide ,
Apr 29, 2019

Copy link to clipboard

Copied

This is just a bunch of wobbly ellipses with 3 keys timed with an offset.

To achieve this, animate one cycle, duplicate the layer as many times as you like and adjust position and scale to make the overall combined shape look like a sphere.

Then start each of the symbols with one or two frames delay.

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 1
Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

Thanks for your response so for the wobbly effect i want to use it on this image300x250.jpg. do you think it can work for this

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Guide ,
Apr 29, 2019

Copy link to clipboard

Copied

Can't see your image, mate.

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

Screenshot (237).png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

the banner is 300 by 250

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

been looking on line how to create the wobbly effect frame by frame

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Guide ,
Apr 29, 2019

Copy link to clipboard

Copied

Well... if you have never animated you will need to learn the basics, I'm afraid.

It's very simple but you need to understand timing, offset timing and how to use Animate.

I assume you want to have the letters do a wave wobble.

Each has to be on its own layer.

As I said in my first post. You need 3 keys. 1st and 3rd are the same. Second is scaled up.

Animation of all letters is done in sync at first and then offset by a frame to create the effect of a rhythmic flow.

At some point the duplicate frame has to be removed.

The cycles have to warp and loop endlessly.

Hope this helps

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 1
Explorer ,
Apr 29, 2019

Copy link to clipboard

Copied

I want the whole banner to do the wooble

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0
Guide ,
Apr 29, 2019

Copy link to clipboard

Copied

You should look elsewhere. Animate is not your tool for that.

(You can do masking and layering in Animate, but that will not produce optimal results.)

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 29, 2019 0