CoMotion is a student-led motion graphics conference at the Savannah College of Art and Design. Conductor is about the process from death to rebirth. Even if the pandemic affects our lives, it will not affect our enthusiasm. The story begins with many dead musical instruments. The conductor directs them to play a grand symphony in the SCAD museum.
Procedural plant growth
The biggest challenge we faced in this project was trying to cut down on the cel animation to be done as it takes too much time especially for the growing plants elements. My teammate Daee Kim had produced five high quality cel motion tests below but we still needed more for not just the title sequence, but also the title card animations as well.
To solve this problem, I came up with a procedural way of generating and animating plant shapes using Expressions and Shape Layers in After Effects. Below you can see a sample of the motion test I shown to my team as a proof of concept before implementation, the procedural plant algorithm I written, and a simplified tutorial I made using this technique.
Cel motion tests by Daee Kim
// Stem path l = effect("length")("Slider")/2; arr = [[0,0],[0,-l]]; createPath(arr,,,0) // Branch path var ctrl = thisLayer; var seed = ctrl.effect("seed")("Slider"); var stem = ctrl.effect("length")("Slider"); var sym = effect("symmetrical")("Checkbox"); var sides = 2; sym==1? sides=2:sides=1; // data var myIndex = thisProperty.propertyGroup(3).propertyIndex-2; var dir = myIndex%2 // yields 1 - left, 0 - Right var rowIndex = Math.floor(myIndex/sides)+1; // start at row 1 //User Variables var base = effect("base")("Slider"); var spacing = base + effect("spacing")("Slider")*rowIndex; var xRange = effect("xRange")("Point"); var yRange = effect("yRange")("Point"); // Begin expression seedRandom(seed,true); var fork_x =random(xRange,xRange)//rowIndex // rand x gets smaller as rows increase dir==1? fork_x*=-1:fork_x*=1; // switch direction based on index var rand_y =random(yRange,yRange); fork_y = spacing+rand_y; // execute arr = [[0,0],[0,-spacing],[fork_x,-fork_y]]; createPath(arr,,,0)
Aside from the plant generation rig, I created other setups, such as the wave and blobs as seen below, to be deployed for the title sequence and title cards.
I would set up my animation rigs with Master Properties, and would do demonstrations on how to operate them to the Graphic Design team who was responsible for the title card animations. Each of my AEP includes a Read Me file so that artist can reference my instructions in my absence.
Creative Direction: Yuying Herr
Art Direction: Freya Yeh
Producer: Kagan Marks & Scott Sandifer
Lead Designer: Kathie Yang
Lead Animator: Desmond Du
Lead Graphic Designer: Mel Petzold
Designers: Anna Yang, Auralee Mayfield, Ghia Villasin, Kathie Yang, Obi Nwosisi, Olivia Trotter, Yu Xin King, Yuying Herr
Animators: DaAe Kim, Desmond Du, Freya Yeh, Greg Markman, Kathie Yang, Kagan Marks, Leah Evans, Lirio Ramirez, Olivia Trotter, Pranay Parekh, Wendy Huang, Yuying Herr
Graphic Designers: Alaijah Hampton, Alyssa Kalbus, Anna Yang, Erica Kim, Ghia Villasin, Mel Petzoldt, Yorlieth Avila
Experiential: Alex Campbell, Riley Carson
Sound Design: Tzuying Wang
Web Developers: Andrew Goodridge, Eric Flatt
Special Thanks to: MOME Love, Our Professors, SCAD Motion Media, Kelly Carlton, Duff Yong, Minho Shin, Anna Vallario, Krysta Coates, Carly Johnson