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: March 25 – mid class critique. 

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


20 Most Famous Paintings

Mark Rothko, Romare Beardon, Marcel Duchamp, Jackson Pollack, Munch

Do you have a favorite artist? Use this project to add your own creative touch to their classic work. Using the brush tools, simple shapes and effects, we will create a playful and animated version of a classic.

OR: animate one of your own paintings!

Examples online:

Classic paintings, animated

Van Gogh, animated

Mona Lisa, redrawn

Clever…(“running ants”)

Art History nudes + Photoshop

Gorgeous Japanese woodblock prints

Greek sculpture

“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.


Monday, Feb. 11 – 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”?


Classic Banners

Timeframe: 24 fps approx 200-400 frames

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

We are sticking to a simple ad at the moment… if you feel ambitious, see Chapter 8 for help with an Expandable ad.

Ads Best Practices (Taken from Chapter 2 – Flash Banners on

  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.)
    1. limit number of images
    2. optimize images before importing into Animate
    3. optimize your Animate file during and at the end of development
    4. avoid zooming or panning bitmaps
    5. use vector instead of bitmaps (smaller in file size)
    6. use simple fonts
  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
  7. Maximize “hot spot” surface area (User should be able to click in a large area)
  8. Keep flow going, keep users engaged
  9. Pay attention to close buttons

Goal: provide content in simple ad design

Watch this video Best Practices for Flash Banners – focusing on Chapters 1 , 4 and 5. (1.5 hours)

In class demo: Setting up a Flash Banner Ad and using Templates

ActionScript for Navigating to a Webpage when you hover over ad: (See Ch. 4)

Screen Shot 2015-09-21 at 10.55.37 AM

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


Fixing ActionScript3.0 Errors – FAQ (or try Googleing your “error”) Writing actions can be extremely tedious and the code has to be EXACT in order to work.