Highlighted

Animate a bird to have flapping wings

New Here ,
Feb 20, 2020

Copy link to clipboard

Copied

Hi everyone, I am new to Animate, I have been asked to create an animated gif of a Hummingbird with flapping wings. The gif is to go on a charity website I volunteer for. I would love to help them out.  I have the Hummingbird in an Illustrator vector. Could someone point me in the right direction, please? Maybe some tutorials I could follow. Or perhaps there is another Adobe product that would also give me the effect. Many thanks, Sally 

TOPICS
How to

Views

555

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

Animate a bird to have flapping wings

New Here ,
Feb 20, 2020

Copy link to clipboard

Copied

Hi everyone, I am new to Animate, I have been asked to create an animated gif of a Hummingbird with flapping wings. The gif is to go on a charity website I volunteer for. I would love to help them out.  I have the Hummingbird in an Illustrator vector. Could someone point me in the right direction, please? Maybe some tutorials I could follow. Or perhaps there is another Adobe product that would also give me the effect. Many thanks, Sally 

TOPICS
How to

Views

556

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
Feb 20, 2020 0
Adobe Community Professional ,
Feb 20, 2020

Copy link to clipboard

Copied

You could use photoshop and its timelime for create the gif.

Since you are using illlustrator you could export the frame to png or if you have layers properly done you could import your AI file into photoshop. Then you could work with the timeline to show and hide the layers as needed.

In my view, Animate is not the correct tool.

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...
Feb 20, 2020 1
Guide ,
Feb 20, 2020

Copy link to clipboard

Copied

Hi Sally,

 

As resdesign pointed out for such a small job it may be an overkill to have to learn how to use Animate.

If you are familiar with Photoshop, you could do this simple task there.

 

A hummingbird in flight has literally blur for wings, so it's a matter of separating the body and creating some kind of blurry speed lines to get the effect.

In classic animation this type of fast movement used to be achieved by smearing paint with a dry brush.

Many years ago I wrote an article how to achieve a similar effect in Flash/Animate, but it can be applied to Illustrator or Photoshop as well.

Or you can just draw white speed lines and apply directional blur to them.

 

Good luck!

 

- 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...
Feb 20, 2020 0
Adobe Community Professional ,
Feb 22, 2020

Copy link to clipboard

Copied

Here is a tutorial for a bird flying. https://www.youtube.com/watch?v=4Kn8wyc7UnY

At the end of the video I run into a snag where the bird's wing continues flapping. The fix is to select the bird graphic when it has landed, go to your prop...

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...
Feb 22, 2020 0