• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Documenting Summer Marketing

May 14, 2025 By Marissa Devivar

Documenting Summer Marketing

Animated Reel:

This was my first time really creating something in After Effects from scratch (that wasn’t for training). I started with some sketches De’sha and I made– which were crucial in the initial steps of building out each animated segment. (Note: I also copied the style of our pre-existing animated pre-roll)

I created the elements in a way that would allow them to be animated (ex: tassle was separate from the cap, individual dollar bills, etc.) There was a lot of back and forth between Illustrator and After Effects to make sure certain elements were suitable to be animated.

After the elements were built out, I began animating. I think in the future it would be wiser to finalize the transitions between each segment and then individually animate, but whatever process is easiest and most efficient for you is probably fine. I would save the masking of text and certain elements towards the end, once you have the transitions and smaller animations of elements done.

Tips:

  • Think of creating a ‘pre-composition’ in the main Comp 1 panel as similar to creating a ‘group’ in Illustrator and Photoshop. Select a group of elements and right click -> Pre-compose… -> Enter a New composition name and click ‘OK’. Then, double click on your Pre-comp to see the individual files within it and apply edits.
  • I essentially made each segment into its own composition (Top 3 Reasons, Get ahead, Affordability/Save Money, Be Anywhere, Summer logo)
  • Applying Easy Ease/Ease in/Ease out can help objects appear to move more smoothly. Select your keyframes -> right click on the keyframes -> Keyframe assistant -> ‘Easy Ease’
  • To create a loop, hold the option key and click on the time clock next to the transformation (position, rotation, etc.) -> click where it says “transform.position” and type/replace with loopOut(). Then all of the keyframes in the transformation should loop infinitely, and you can make adjustments as needed.

Filed Under: Fall 2024 - Spring 2025, We are STAs

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits