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
Remember, we are using the drawing tools for this project. Be creative!
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
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)
- Sound Designer® II (.sd2)
- Sun AU (.au, .snd)
- FLAC (.flac)
- Ogg Vorbis (.ogg, .oga)
Two great websites for free sound effects:
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:
Brushes within Animate
- Using the drawing tools (paintbrush, pencil, shape tools), 3D rotation
- Onion skinning + filters
- Filters and masking
Classic paintings, animated
Van Gogh, animated
Gorgeous Japanese woodblock prints
“The world is spinning” (3D tool possibilities)
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.
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
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”?
Timeframe: 24 fps approx 200-400 frames
Kinds of Banners: 1. Simple 2. Expandable 3. Take Over 4. “Blocked Ads”
Ads Best Practices
- Clearly define goals (click or engage?)
- Stick to publisher requirements (technical specs, size, etc.)
- Keep optimization in mind (beautiful graphics vs. file size.)
- Have a clear and prominent call to action (“Click Here for more”) – higher chance of
- Call to Action should be in the beginning of animation
- 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