Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Explorer ,
Apr 29, 2019 Apr 29, 2019

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

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

1.1K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Valorous Hero , Apr 29, 2019 Apr 29, 2019

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.)

Translate
Valorous Hero ,
Apr 29, 2019 Apr 29, 2019

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 the Flanimate Power Tools team - extensions for character animation
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 29, 2019 Apr 29, 2019

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Valorous Hero ,
Apr 29, 2019 Apr 29, 2019

Can't see your image, mate.

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 29, 2019 Apr 29, 2019

Screenshot (237).png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 29, 2019 Apr 29, 2019

the banner is 300 by 250

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 29, 2019 Apr 29, 2019

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Valorous Hero ,
Apr 29, 2019 Apr 29, 2019

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 the Flanimate Power Tools team - extensions for character animation
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 29, 2019 Apr 29, 2019

I want the whole banner to do the wooble

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Valorous Hero ,
Apr 29, 2019 Apr 29, 2019
LATEST

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 the Flanimate Power Tools team - extensions for character animation
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines