Content
Investigate the archives. Narrow your choices to at least 3 different posters or a designs in a vertical format. Choose designs that list the Creator and/or include a good description to provide context to the design. Conduct a brief amount of research about the designers and share with the class. Right-Click and Save Image As to download images.

Recreate an existing poster and animate the text and graphics. You may choose to recreate some of the poster elements or “cut it up” in order to animate the different assets. Focus on using Photoshop and spatial aspects in After Effects like 3D space.

If you need to recreate some type due to poor image quality – try identifying the font through What the Font or Fonts In Use.

Download Poster Frame
Go to Google Drive to Download the “moving poster” folder. The illustrator file includes a border that I want you to put over your poster in After Effects. Before you bring the illustrator file into After Effects however, you will change the “description” and the “designed by” text in the illustrator file. Make sure to install the typeface provided first.

Storyboard 3 different posters
Storyboard and brainstorm ideas for how to bring these posters to life. Which inspire motion? Which have a story to tell through motion? How can you deconstruct and reconstruct the image? What approach or method for the moving poster will you take?

Credit the Designer
Include the creator’s name in the poster/animation to provide credit. Change the info in the peoples_archive_border_1080x1920.ai file that is in the Google Drive Folder above.

Change Size of Poster
You will need to change the size of your poster to fit a 1080×1920 aspect ratio. Don’t stretch the image however – keep it proportional. Just increase the negative space around the design if you need to.

Make it Loop
Make the animation/poster loop. Ideas for looping: You can plan ahead for this in the design, have it start and begin on a clean slate, or you could have it go forwards and then backwards? In your timeline, have it loop around and play at least twice. So you would just Duplicate your Poster Comp and put them back to back in the timeline.

Read This
The Moving Poster – Click on Spectrum and read the various methods.
Identify which method on the moving poster spectrum you ended up choosing.

Poster Design is On the Move: But Where is it Going? – read this one to see a break down of what works well in a few different poster examples.

Size: Final export with provided poster frame is 1080×1920.
Frame Rate: 24fps
Length: 10-15 seconds
Loop: The poster animation needs to be a continuous seamless loop.
Content: Animate text and graphics from the existing poster. You may choose to recreate some of the poster to make it higher quality or cut it up to use the different assets. Focus on using Photoshop and spatial aspects in After Effects like 3D. Credit the Designer and Title on the provided peoples archive border.
Format:  H.264 .mp4 movie file uploaded to Vimeo or YouTube and linked to Slack Channel.

• Elements of Typography
• Return to Normality
• Cal Arts View 
• The Jimi Hendrix Experience
• American Airlines Ireland
• Seymour Chwast Retrospective
• Seishū Hanaoka’s Wife
• End Pollution, Bomb the Pentagon

• The Moving Poster
• Motion Posters Instagram
• Vintage Animated Book Covers
• Vintage Posters Motion Design
• Moving Posters Collection
• Josh Schaub
• Demo Moving Poster Festival
• Moving Poster Series
  
• Move the System
• Animated Album Covers
• Animated Posters on Dribble
• Moving Poster Designs – Cornish College
• Thonik animated posters

• The Moving Poster – Click on Spectrum
• Poster Design is On the Move: But Where is it Going?
• How Designers are Adapting Magazine Covers for the Digital Sphere
• A New Poster Movement
• The Animated Poster

• Learn and share information about underrepresented designers.
• Attention given to deconstruction/reconstruction of existing design without compromising the original composition and message.
• Communicate and enhance original message and design.
• Learning and exploring various methods of the moving poster design spectrum.
• Building upon technical skillset by utilizing Photoshop and 3D/spatial techniques in After Effects.
• Consider legibility and hierarchy in sequence.
• Create smooth natural motion using easing and graph editor.
• Explore temporal design through transitioning, pacing, and creating a seamless loop.

Pre-Production (6pts)

• moving poster inspiration examples & research on posters
• storyboards 

Project (25pts)

• communication and enhancement of original message/design
• quality of deconstruction/reconstruction of existing design 
• exploration of space and depth
• natural motion
• sequence (pacing, order of elements, transitioning, seamless loop)

10.26 – Project assigned.
For next class:

• Link to inspirational examples of Moving Posters.
• Share 3 poster choices and additional brief research about their designers from People’s Archive.
• Draw up rough storyboard ideas for 3 different posters.

10.28 – Look at inspiration, poster choices/research, and storyboards

11.2 – Show halfway progress on Exercise6 Slack Channel. 

11.4 – Exercise 6 due.

• Upload final Exercise 6 mp4 directly to Exercise6 Slack Channel.
  • 1080x1920px (with provided poster frame)
  • .mp4 file format
  • 10-15 seconds total
  • seamless loop

Preproduction work during project:

• Post inspiration, poster research, storyboards to Exercise6 Slack Channel.