Create An Animation

Onion-skinning is an animation term that refers to making a drawing, then adding the next frame with the previous frame for you to trace from.

It's a litlle like making a flipbook.

 

 


Inspiration

Maybe you would like to create a physical flipbook. Watch the video below to get an idea of how onion-skinning works.





Resources

Card image cap

Animation Frames

https://www.freepik.com/free-photos-vectors/animation-frames

A collection of sprite sheets that you could use to help you with your animation.



Tools

Have a quick play with FlipAnim to get the idea of "onion-skinning".

If you want to do something more ambitious, download Pencil 2D and start animating. Mobile users can try Flip-a-Clip.

 

Advanced

Flare, Synfig and DragonBones are professional animation tools and although Krita is an open source graphics editor a lot like Photoshop, it also has the ability to do onion-skinning animations.

Card image cap

Toonator

https://toonator.com/

Nice flipbook animation tool, but NO EXPORT option. Also requires Flash.

Card image cap

FlipAnim

https://flipanim.com/

Lovely little flipbook animation maker (slight shame about the gridlines. See also Pencil, the desktop app)

Card image cap

Flare

https://rive.app/

Professional animation tool

Card image cap

Synfig

https://www.synfig.org/

Synfig is a professional animation tool.

Card image cap

Flip-a-Clip

https://www.visualblasters.com/download-flipaclip.html

Lovely free animation tool for Android or iOS.

Card image cap

Krita

https://krita.org/en/

Wonderful image editor

Card image cap

DragonBones

http://dragonbones.com/en/index.html#.XiBtZRf7RZI

Open-source animation tool for Mac and Windows

Card image cap

Plotoverse

https://plotaverse.com
A tool to create animations with motion. Limited trial

Card image cap

Pencil 2D

https://www.pencil2d.org/

Lovely desktop animation tool with onion skinning.



Learning

Card image cap

Onion-skinning with Pencil 2D

https://www.youtube.com/watch?v=OdcNjlGhL6M

Card image cap

Using Flip-a-Clip

https://www.youtube.com/watch?v=PJcTfA5_5rQ

Someone shares their process when creating animations with Flip-a-Clip.