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

How to create effect of shaking\drawing outlines ?

Community Beginner ,
Mar 18, 2020 Mar 18, 2020

Copy link to clipboard

Copied

May be I name it wrong, but i'm interesting how do ppl achieve such kind of effect? Is it an option in properties of instance or...?

The outline of a character in the video below is like it was drawn by hand (line is animated). Can u plz explain how to create this?

TOPICS
How to

Views

8.3K

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
community guidelines
Guru ,
Mar 18, 2020 Mar 18, 2020

Copy link to clipboard

Copied

Hi mate,

 

This is usually called 'boiling linework' and is usually done by 'optimizing' the line and looping through a bunch of states during holds.

 

So you copy your existing outline to a new frame and you apply some smoothing to it.

Clipboard-1.png

That's all.

 

Of course, if you want better control, you just redraw every time.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
community guidelines
LEGEND ,
Mar 19, 2020 Mar 19, 2020

Copy link to clipboard

Copied

Ah yes, Squigglevision.

https://www.youtube.com/watch?v=2GBbaOU1LJA

 

Votes

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
community guidelines
Community Expert ,
Mar 19, 2020 Mar 19, 2020

Copy link to clipboard

Copied

Hi.

 

There's also an extension on Adobe Exchange that will help you achieve this effect.

https://exchange.adobe.com/creativecloud.details.101161.html

 

 

 

Regards,

JC

Votes

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
community guidelines
Community Expert ,
Mar 19, 2020 Mar 19, 2020

Copy link to clipboard

Copied

LATEST

I worked on "Squigglevision" back in the day - Dr. Katz (Comedy Central) and Home Movies (Cartoon Network) and we initially used Autodesk's Animator Pro on DOS machines (google that kids) and eventually Flash V4 when it was released because it supported audio. We typically redrew our outlines by hand. At one point we recorded a macro that used a "smear" tool in Animator Pro to disrupt the initial drawing over 5 frames.

In Animate, redrawing with onionskin on will give you the most control - or you could draw your image, hit F6 to insert a keyframe containing the copy of the drawing and select all, click the "smooth" tool. But that will only get you so far across multiple keyframes.

If you draw using the pencil tool (strokes), you can insert keyframes and use the Selection tool to push/pull your lines to create the effect.


Animator and content creator for Animate CC

Votes

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
community guidelines