by Prof. Hopkins

Updated Schedule

Tuesday, Oct. 29: NO CLASS PROFESSIONAL DEVELOPMENT DAY

Tuesday, Nov. 5: In class work day for Creative Animation + Intro to Character Animation

Tuesday, Nov. 12: CRITIQUE on Creative Animation + lab day to start Character Animation

Tuesday, Nov. 19: Work Day for Character Animation

Tuesday, Nov. 26: Work Day for Character Animation

Tuesday, Dec. 3: CRITIQUE on Character Animation + Last class

Advertisements
by Prof. Hopkins

Animate drawing tools: 101

Remember, we are using the drawing tools for this project. Be creative!

Resources:

Animate Shape Tweening

Adobe Animate Drawing Tools

Adobe Animate Custom Brushes

Remember, you can work extensively within Photoshop to select certain areas of your artwork, place the selection on a new layer, etc. Once you import your files into Animate, these different layers can be animated separately.

How to use masking and Animating masks

Shape Tweening: 1. Start? 2. End? 3. Apply Shape Tween 4. Consider Shape Hints

 

by Prof. Hopkins

Adding sound

https://helpx.adobe.com/animate/using/using-sounds.html

 

Supported sound file formats

You can import the following sound file formats into Animate:

  • Adobe Sound (.asnd). This is the native sound format of Adobe® Soundbooth™.
  • Wave (.wav)
  • AIFF (.aif, .aifc)
  • mp3
  • Sound Designer® II (.sd2)
  • Sun AU (.au, .snd)
  • FLAC (.flac)
  • Ogg Vorbis (.ogg, .oga)

 

Two great websites for free sound effects:

www.freesound.org

www.zapsplat.com

by Prof. Hopkins

Creative Animation

The goal for this next project is to have fun in a different way than our commercial project. The commercial project was about selling, branding, etc. This project is about being playful and creative.

Find your favorite painting, drawing, photograph from your OWN portfolio and add brushes, effects, motion, etc. You must have a cohesive (at least) 200 – frame animation.

Project due: Nov. 5

Video/tutorials to watch/read to prepare for this project: 

Shape Tweening

Brushes within Animate

Adding audio

Learning objectives:

  1. Using the drawing tools (paintbrush, pencil, shape tools), 3D rotation
  2.  Onion skinning + filters
  3. Filters and masking

 

Examples online:

Classic paintings, animated

Van Gogh, animated

Gorgeous Japanese woodblock prints

Greek sculpture

“The world is spinning” (3D tool possibilities)

https://www.behance.net/gallery/11828499/Camping-in-the-fall

Please watch the above videos and bring two ideas to class for this project. I will do some technical demos as help you get your idea executed.

by Prof. Hopkins

Easy easing

Easing allows you to control the speed of a tween to produce realistic motion with pleasing effects. Applying Eases on motion tweens allows you to manipulate the beginning and the end parts of an animation to cause a more natural movement of the object. For example, one of the many common uses of easing is to add realistic acceleration and deceleration at the ends of the motion path of an object. In a nut shell, Animate CC makes alters to the rate of change of the value of Property depending on the Ease applied to it.

What IS easing?

Adobe adding custom easing

Adobe – Easing with Motion Tweens

Adobe – Custom easing in Classic Tween

by Prof. Hopkins

Tuesday, Oct. 1 – Lab Day + Begin Banner Ad

We made great progress on our logo animations last week. Today is a lab day to refine, and continue working on them.

If you get to a good place with your logo… begin your animated banner design. (See below for specs)

To keep up with the “industry standard” we are going to follow Yahoo Ad Specs for this portion of the project. You may choose any size within the “Standard” banners. Choose one that suits your needs for your particular company and vision for the ad.

Your banner should include your logo but show additional elements of text, image and information about your company. Try to incorporate an additional image (s) – think of this as an ad for your company. . . What are you “selling”?

Behance

Classic Banners

Timeframe: 24 fps approx 200-400 frames

Kinds of Banners: 1. Simple 2. Expandable 3. Take Over 4. “Blocked Ads”

Ads Best Practices 

  1. Clearly define goals (click or engage?)
  2. Stick to publisher requirements (technical specs, size, etc.)
  3. Keep optimization in mind (beautiful graphics vs. file size.)
  4. Have a clear and prominent call to action (“Click Here for more”) – higher chance of
  5. Call to Action should be in the beginning of animation
  6. Use a border to separate it from the website it is appearing on

Goal: provide content in simple ad design

In class demo:

Reminder: Watch this in class: CLASSIC Tween VS. MOTION tween (6 min) and Adobe