Monday, Jan. 28: Intro to Animate

Hey students,

Last week we had a great discussion regarding the History of Animation as well as you created fun and fast flip books.

What IS Animate???

What IS the Timeline?

This week:

Commercial Animated Project:

Animated Logo + Animated Banner 

Logo: 700 x 700 (approx)

Web Banner Ad Specs: 728 x 90.

Frame rate: 24 fps.

Tentative DUE DATE: Feb. 18

Technical Demo: Intro to Animate interface, keyframes, tweens, etc.

We will have extensive lab time today for beginning your logos, etc in Photoshop or Illustrator. Be ready to work! 

I have created a few handouts on creating basic animations. Please look at them

1. Creating Animations in Flash,

2importing-to-flash + video: Importing assets from Photoshop or Illustrator to Animate

3.Frames FAQ

I’ll be doing some demonstrations in class. .. and then we will talk about your plan of action for your Commercial Animated Project

Here are some great links to start our discussion

Animated Logos: HOW Magazine

Dribble: Animated Logos

Love this handwritten logo animation

Dynamic Branding Campaign

This is a beautiful example of the animation process

For your animation:

Things to pay attention to:

  1. Color scheme – this should be unified with your overall branding campaign.
  2. Typefaces already used by your company.
  3. The style of copy used.  What voice is the writing in?
  4. Who is your audience who uses the product/your services?

Pre-visualization Steps:

  1. Determine your overall concept for the advertisement.  What aspects of your product do you want to communicate?  What will your copy (or text) say? What are some adjectives you could use to describe your product?
  2. Start a storyboard mockup.
  3. Import previously made graphics from Photoshop or Illustrator
  4. Begin altering keyframes and creating tweens!
  5. Create an animation comprised of 250 frames.
  6. Save two versions of your file: .fla and .swf

We will have a couple of weeks to work on these animations. Make it great! Get acquainted with Animate!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s