Vector Animation – Instructions

For this project, you will expand on your storytelling, animation, and After Effects knowledge from Graphic Design & Marketing. This time, you’ll create a 30–60-second video incorporating vector animation. Vector animation is a new set of skills that you’ll learn in this class.

Vector animations are popular to help illustrate and deliver simple-to-complex messages, stories, and instructions. Another name for them is explainer videos.

Most vector animations are either 16:9 or 1:1 ratio.

For this project, you’ll:

  1. Choose a client (I hope you choose our real client and class partner, Habitat for Humanity. It’s a great opportunity to work for a real client. It will look good in our portfolio too.)
  2. See detailed instructions for Habitat’s animation below
  3. Create one video incorporating vector animation
  4. Have your work critiqued by peers and your instructor
  5. Present your work to class
  6. Upload your final video .mp4 to the OneDrive folder link shown in Blackboard > Assignments

You can Design for La Crosse’s Habitat for Humanity & ReStore!

We have a wonderful real-world partner in our class that you can design for. You’ll create a 30–60-second video and a 1080×1080 social media graphic for them.

Choose one of these five different marketing messages for Habitat:

  1. Your ReStore donation helps Habitat for Humanity build homes for families in our community. Donate to the ReStore today! habitatlacrosse.org/restore
  2. Volunteer at Habitat for Humanity. Help on a building site. Help at the ReStore. Help at an event. Help at the office. Do good. Feel good. Contact the volunteer coordinator: (608) 785-2373 Ext: 103. volunteer@habitatlacrosse.org
  3. Shop the ReStore for your next home improvement project. Building materials, tools, hardware, and furniture at affordable prices.
  4. Need help with home repairs? Call Habitat. Our RePair program offers home repair services, regardless of income level.
  5. Let Habitat help with your next home renovation. ReClaim crews can salvage and remove unwanted materials. Cabinets, flooring, appliances, and more. Free service that benefits Habitat.

Please follow the wording above as close as possible.

Download Habitat’s Logos

Download the files below and carefully read and understand the brand user guide and its guidelines. Like my video, you can deviate a little from these, but make sure you use the correct logos, font, and colors.

Habitat-and-ReStore-logos.zipDownload

Download Habitat’s Typefaces

Habitat-Typeface.zipDownload

Download Habitat’s Brand User Guide

Habitat-ReStore-Brand-User-Guide.zipDownload

Video Grading Checklist

  • Create one animated video
  • Habitat
    • Use 1080 x 1080 or 1920 x 1080 pixels
    • 30–60 seconds long
    • Vector drawing and animation
  • Comp in Illustrator and Photoshop
  • Animate in After Effects and render in Adobe Media Encoder
  • Participate in class presentations and critiques
  • Upload final .mp4 video to Blackboard assignment area

Student Vector animation examples

https://www.behance.net/gallery/146543725/Student-Videos-for-Habitat

Examples: Behance Collection of Vector animations

Here’s a link to a Behance.net collection of cool vector animations.

Behance Vector Illustrations Collection

A powerful marketing and educational tool

Animated videos can:

  • Show how to do something
  • Convey a message or idea
  • Tell a story
  • Illustrate a process
  • Make a sensitive or boring subject lighthearted

They are effective marketing tools in: