week 16 | online | 12.8–12.10

Finals Week is here!

Read First:

This week is finals. Your project is due Wednesday at noon. All late submissions must be turned in before Thursday at midnight.

  • Cass will hold office hours for anyone who would like to meet with her to discuss your final project or anything concerning the course this term. If you would like to meet, please schedule office hours here
  • Tuesday 12/9:
    • 11:30am–12:00pm (Beehive Library 232)
    • 3:15pm–4:00pm (Beehive Library 232)(I can set up zoom on Tuesday, if needed)
  • Wednesday 12/10:
    • 1:00pm–3:00pm (remote)
  • Thursday 12/11:
    • 10:00am–11:00am (DH 211)

Week 16 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 12.8 @ noon – Final Weekly Review + Open Session for Critique→ [Join Here]

📺 Watch: Mon 12.8 Final Weekly Review → [Watch Here]


Our final deadlines

Monday, Dec. 8th @noon

  • 7. End Critique #2 — Complete all feedback in D2L.

Wednesday, Dec. 10th @noon

  • 8. Final P4 Submission to D2L (any late work must be submitted by Thursday, Dec. 11th @midnight).
    • Review P4 Submission Guidelines before submitting (due 12.10@noon)—rubric and more details for submission were posted in Week 14.
    • Final Presentation Rationale (post to Vimeo, or Medium)
    • Design Boards turn in PDF with P4 on D2L
    • .aep file, .gif file, video file
  • Complete Course Survey

Weekly Content

SECTION II – P4

P4 Final Submission Guidelines – For Review
  • Project 4 Final: Final motion design uploaded to Vimeo. Upload your final files in a ZIPPED folder named “lastname_p4_MotionPoster” to the assignments folder on D2L “Project 4”.
    • In zipped folder, FINAL .aep file
    • In zipped folder, FINAL movie rendering @1080p or 720p (do not need process renderings)
    • In zipped folder, pdf of rationale
    • .gif file (export in Adobe Media Encoder)
    • In zipped folder, Design Board- only 4 frames (the zipped file is revised for the different format and duration) PDF only please!
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • keyword/idea list/mood boards
    • brainstorming/sketches
    • 2 static posters
    • storyboard
    • motion test

Course Survey

Have a wonderful holiday break… see you in the Spring!

week 15 | online | 12.1–12.7

Read First:

📌 Weekly Structure (applies every week)


Week 15 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 12.1 @ noon – Weekly Review + Critique #1→ [Join Here]

👉 Join Live: Wed 12.3 @ 11AM – Extra Session for Critique #2 → [Join Here]

📺 Watch: Mon 12.1 Weekly Review Recording + Crit 1 → [Watch Here]

📺 Watch: Mon 12.3 Crit 2 → [Watch Here]

Looking Ahead (Week 16)

Next live (recorded) session: Mon Dec 8th @ noon (our last live session)


Our final deadlines

Monday, Dec. 1st @ noon

  • 3. Submit P4 Work to P4_Mosters_F25 (2 Static Posters (either 2 DIFFERENT posters from 1 concept / or, 1 poster for 2 events), Storyboards, Motion Test.
  • 5. Begin Critique #1 — In P4_Mosters_F25, Comment on 3 classmates, Note: most successful, least successful, suggestions for improvement, motion ideas.

Wednesday, Dec. 3rd @ noon

  • 5. End Critique #1 — Complete all feedback in the PPT.
  • 6. Begin Critique #2 — Post Motion Poster Work-In-Progress to D2L “P4: Motion poster” Discussion Board (Vimeo link or MP4 or GIF. Also add motion test to bottom of Medium ideation story.)

Monday, Dec. 8th @noon

  • 7. End Critique #2 — Complete all feedback in D2L.

Wednesday, Dec. 10th @noon

  • 8. Final P4 Submission to D2L (any late work must be submitted by Thursday, Dec. 11th @midnight).

Next week 16, is finals week and P4 is due on Wednesday @noon.


Weekly Content

Week 15 (though not required, it is recommended you move through in sequence. All items need to be complete by end of week):


  1. Attend or watch recording of Monday Zoom. We will review this week’s content.

    SECTION II – P4 DEVELOPMENT
  2. Continue Development of P4: Motion Poster
  3. Due Mon 12.1@noon: 2 Static Posters + storyboards + motion test (post to Medium and D2l Crit)
  4. P4 Static Poster Crit #1 –Post to Discussion Board on P4_Mosters_F25 by Monday 12.1 @noon.
  5. Due Wed 12.3: P4 Crit #1 feedback on 2 Static posters: P4_Mosters_F25. Comment on 3 others by Wednesday@noon.
  6. Due Wed 12.3: Begin P4 Motion Poster Critique #2 (final critique begin). Comment on 3 others by 12.8@noon.
  7. Due Mon. 12.8: P4 Crit #2–Participate in Wednesday @11AM Zoom Critique or Post/Comment to Discussion Board on D2L “P4: Motion Poster” by Wednesday @noon. Comment on 3 others by Monday@noon (if you do not attend Wednesday’s ZOOM). You only need to participate in one or the other.
  8. Review P4 Submission Guidelines before submitting (due 12.10@noon).
    • .pdf – Final Presentation Rationale (post to Vimeo, or Medium)
    • .pdf – Design Boards (file for download) turn in with P4 on D2L
    • .mp4, .aep, .gif – Moster Poster files

      SECTION III – AE
  9. Read through GIFs tips and How-To. Optional: Demo AE to GIF Video in Photoshop (we are using Adobe Media Encoder this year so this video is not required unless you’d like to learn how to also create a GIF in Photoshop).
  10. Review After Effects Resources

SECTION II – P4

2. Project 4: Motion Poster (5opts) –
due: Wednesday 12.10 @noon

Continue development of P4: Motion Poster. This week, we will critique our motion posters. Next week, I will hold an open studio / final critique on Monday @ noon. The following day project is due on Tuesday at midnight.

6. and 7. P4 Motion Poster Critique

Focus for Critique: 

CONCEPT/MOOD: What is the overarching idea (thinking, logic, thread) for your design? How does the poster feel? 

CONTENT/MESSAGE: Is the topic clear? Does the content hook us? Does the poster's content unfold in a purposeful way? 

TIMING: Look at speed and feel for "sticky spots." Does everything flow? Do any areas feel too slow/fast? 

TRANSITIONS: Does any content enter/exit at the wrong time? Are there any transitions that seem out of place or lacking? Looping considerations. 

FORMAL CHOICES: Then…how are your design choices communicating the above? Type, color, imagery, etc. Is the event content read clearly, quickly, and easily? Is there unity throughout? Color coding? How did the designer use repetition with variation through the sequence?

8. P4 Final Submission Guidelines – For Review

  • Project 4 Final: Final motion design uploaded to Vimeo. Upload your final files in a ZIPPED folder named “lastname_p4_MotionPoster” to the assignments folder on D2L “Project 4”.
    • In zipped folder, FINAL .aep file
    • In zipped folder, FINAL movie rendering @1080p or 720p (do not need process renderings)
    • In zipped folder, FINAL .pdf of rationale
    • .gif file (created in Photoshop – refer to last week’s demo)
    • In zipped folder, Design Boards (P4 file for download) PDF please – only 4 frames (the zipped file is revised for the different format and duration)
      Design Board Link: design_board_mosters.ai
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • keyword/idea list/mood boards
    • brainstorming/sketches
    • 2 static posters
    • storyboard (minimum of 3 frames)
    • motion test

Project 4 Rubric

*Keep in mind that project 4 is now worth 50 points (weighted grade in D2L), although the rubric is still based on the value of 100. Keep in mind, that the points will cut in half for everything below. For example: The animated GIF will be worth 2.5pts, as opposed to 5pts.

p4_mosters_rubric2

Final Presentations (rationale): For our final project, you will be writing a rationale of your concept for your final work and uploaded a PDF of your rationale to your submission folder. Clearly articulate the narrative, mood, and contrast elements of your design. Explain how these elements interplay to create a cohesive concept. Discuss the formal aspects of your design. This includes color schemes, imagery/illustration style, and any other visual elements that are crucial to your design. Detail your choice of typefaces. It’s important not just to name the typefaces used but also to explain why they were chosen. How do they complement or enhance your concept? Ensure that all the elements mentioned above are cohesively integrated into your rationale. Your explanation should make clear how each choice contributes to the overall feel and effectiveness of your work.

Create Design Boards (P4 file for download)



9. AE Demos

In After Effects, this week we will learn about creating animated GIFs from your motion files. This is a required component of your Project 4 final submission and is 5% of your final grade. Be sure to watch the demo, practice the techniques, and review the tips and resources below.

How to Render your GIF

1. Go to Composition > Add to Adobe Media Encoder Queue.
2. In Media Encoder, set Format to Animated GIF.
3. Click the Output File name to choose where to save it (select your desktop).
4. Click the green play button to render.
5. Test your GIF—congrats, you’ve made your gif! (hit spacebar to play)
6.
AME (Adobe Media Encoder) makes it easier than ever, but If you’d aslo like to know how to create a GIF in Photoshop, watch the video below.

GIF Tips

  • Color Palette Limitation: GIFs support a maximum of 256 colors. Simplify your design to work well within this limitation, focusing on essential elements and avoiding unnecessary color complexity.
  • Reduce Colors Strategically: Minimize the number of colors in your design to keep the file size smaller without sacrificing visual quality.
  • Mimimize Gradients: Gradients can create banding issues in GIFs due to the limited color palette. Use solid colors or subtle gradients.
  • Plan for the Seamless Loop: Ensure the last frame of your animation transitions naturally back to the first frame for a smooth, infinite loop. This often requires working backward from the end frame.
  • Frame Rate Reduction: Lower the frame rate (e.g., 12-15 fps) to reduce file size. However, avoid going too low, as this may result in choppy animation.
  • Timing and Flow: Adjust the timing of animations to ensure that looping does not appear abrupt. The transition should feel natural and continuous.
  • Dithering Options: If your GIF suffers from noticeable banding, try enabling dithering when exporting. Dithering smooths color transitions but may slightly increase file size.
  • Online Optimization Tools: Use online tools like Ezgif.com or TinyPNG for further optimization after exporting from After Effects.
  • Use Adobe Media Encoder: After Effects also lets you export GIFs directly. Use Adobe Media Encoder for better control over output settings.
  • Tap the spacebar: Preview your GIF to check the loop and ensure smooth playback. On Macs, tap the spacebar in Finder to quickly preview your GIF. On PCs, open in a web browser to preview.
  • Creative inspiration: Browse websites like Dribbble or Behance for examples of effective looping GIFs to spark ideas.

Optional Video: AE to GIF in Photoshop Demo Video 18:34

Demo File .mp4

10. AE Resources

week 14 | online | 11.24–11.30

Read First:

📌 Weekly Structure (applies every week)


Week 14 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 11.24 @ noon – Weekly Review → [Join Here]

📺 Watch: Mon 11.24 Weekly Review Recording → [Watch Here] 10m

Looking Ahead (Week 15)

Next live (recorded) session: Mon Dec 1st @ noon (only live session in Week 15)


This week’s deadlines:
Monday, Dec 1st @ noon

  • 2 mood boards (extended deadline: if not completed for last Monday)
  • 6. 2 Static Posters + storyboards + motion test (either 2 DIFFERENT posters from 1 concept / or, 1 poster for 2 events) to Medium and P4_Mosters_F25
    Note: For motion test, If you are using an analog process, you must attempt it. If you are using a digital, we should be able to clearly perceive the intended motion for critique feedback.
  • 7. P4 Rough Crit PPT Critique: (access P4_Mosters_F25) and give constructive feedback to both (2) rough posters. Which ones do you feel are most and least successful and why? Keeping in mind the motion will be under 20s, provide suggestions for motion, as well as ways to improve the design.

Next week 15, for P4, we will have our motion poster critique. If you are using an analog process, you must attempt it. If you are using a digital, we should be able to clearly perceive the intended motion for critique feedback. Week 16, your motion poster is due on Wednesday.


Weekly Content

Week 14:


  1. Watch recording of Monday’s (pre-recorded) Zoom below. Cass will review this week’s content.

    SECTION I – Motion GIFs
  2. Review Examples + Resources

    SECTION II – P4 DEVELOPMENT
  3. Continue development of P4: Motion Poster
  4. Due Mon. 12.1: P4 Process – 2 moodboards
  5. Due Mon 12.1@noon: 2 Static Posters + storyboards + motion test (post to Medium and D2l Crit)
  6. P4 Static Poster Crit –Post to Discussion Board on P4_Mosters_F25 by Monday 12.1 @noon.
  7. Due Wed 12.3: P4 Crit feedback on 2 Static posters: P4_Mosters_F25. Comment on 3 others by Wednesday@noon.
  8. Due Wed 12.3: P4 Motion Poster (final critique begin). Comment on 3 others by noon on 12.8.


SECTION I – MOTION GIFs

2. Motion GIFs

Note: Stop Motion Demo Video recorded last week on Wednesday

One of the most popular methods to share motion through social and web-based platforms is the animated GIF. The shorter duration makes them faster to digest than a video. They work well across mostly all browsers (HTML email included!). The GIF is limited to 256 colors, which means the color is very limited. While it isn’t always ideal for full animations, it can be a powerful vehicle for sharing a message and conveying emotion. It is important to note: sometimes the GIF format can grow to a very large size, and some sites choose to convert GIFs back to videos to decrease the load time.

7 Tips for Designing Animated GIFs
GIFs in Email Marketing

Next week we will learn how to create animated GIFs using our AE projects.


SECTION II – P4

Project 4: Motion Poster –
due: Wednesday 12.10 @noon

Continue development of P4: Motion Poster. Next week, we will critique our 2 static poster designs. Our motion poster critique (1000 x 1440px composition in AE) developed from 2 static poster designs.

P4 Process Work

Post/Post to a story called “Motion Poster” on Medium.

  • 7. and 8. Static Poster + storyboard + motion test Critique: P4 Crit  –Post/Comment to P4_Mosters_F25 (post by next Mon. 12.1 @ noon / 3 comments by Wed 12.3 @ noon.). Post your link to your uploaded Vimeo file and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific.
  • 8. P4 Crit Feedback: (access P4_Mosters_F25) and give constructive feedback to 2 rough posters. Which ones do you feel are most and least successful and why? Keeping in mind the motion will be under 20s, provide suggestions for motion, as well as ways to improve the design.

Post to P4_Mosters_F25 by Monday @noon.

Focus for Critique: 

CONCEPT + MOOD: What is the overarching idea (thinking, logic, thread) for your design? How does the poster feel? 

MESSAGE: Is the topic clear? Does the content hook us? Does the poster's content unfold in a purposeful way? 

FORMAL CHOICES: Then…how are your design choices communicating the above? Type, color, imagery, etc. Is the event content read clearly, quickly, and easily? Is there unity throughout? Color coding? How did the designer use repetition with variation through the sequence?

P4 Project Timeline

  • week 14 (Thanksgiving) After 11.24 process work, next deadline is Monday, December 1st@noon.
  • week 15
    • m 12.1@noon  2 static designs (narrow to 1 and do 2 variations OR 2 different events) + storyboards crit (3–9 frames depending on length) + initial motion test (test how your motion will play out)
    • Critique 2 static posters m 12.1–w 12.3 (critique 1)
    • w 12.3 due: Motion Poster (final critique begin)
    • m 12.8 due: Motion poster (final critique end)
  • week 16
    • m12.8 Final review / one-on-one w/Cass
    • w 12.10@noon – Final P4 deadline
      No late work for the course will be accepted beyond Thursday, 12.11 @midnight

SECTION III – AE

Have a wonderful holiday break!

Thanksgiving-Inspired Motion

HippieHouse, Argentina
Cale Bunker

week 13 | online | 11.17–11.23

Read First:

📌 Weekly Structure (applies every week)


Week 13 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 11.17 @ noon – Weekly Review → [Join Here]

📺 Watch: Mon 11.17 Weekly Review Recording → [Watch Here]

Looking Ahead (Week 14)

Next live (recorded) session: Mon Nov 24th @ noon (only live session in Week 14)
*There is no university class Wednesday–Friday next week


This week’s deadlines:
Monday, Nov 24th @ noon

  • 5.–11. P3 Final Submission – D2L Assignments Folder
  • 12.–14. P4 Process Brainstorm 2 events, 10 sketches -20 total (2 ideas) to Medium (note: 2 mood boards are also due today, but as it wasn’t listed here, I will extend this deadline through next Monday)

Next week 14: For P4, we will submit our 2 rough poster designs for critique. If you are using an analog process, you must attempt it. If you are using a digital, we should be able to clearly perceive the intended motion for critique feedback.


Weekly Content

Week 13 (though not required, it is recommended you move through in sequence. To stay on schedule, all items need to be completed by end of week):

  1. Attend live or watch a recording of Monday’s Zoom. We will review this week’s content and go over our final Project 4 (including a Keynote – 26–29 below).

    SECTION I – In the Field + Motion Unconstrained
  2. Review list of motion designers and studios.
  3. Watch Lecture Video – Lecture: Motion Unconstrained
  4. Read and Review Motion Resources

    SECTION II – P3 Development + P4 Development
  5. Finalize development of P3: Motion Infographic-Explainer
  6. Due Mon. 11.24: P3 Final Presentation Rationale (post to Vimeo, or Medium)
  7. Due Mon. 11.24: P3 Design Boards (file for download) turn in with P3 on D2L
  8. Due Mon. 11.24: P3 Finalize and turn in P3: Motion Infographic-Explainer
  9. Review P3 Submission Guidelines and Rubric before submitting.
  10. Review P3 Considerations and Rubric (week 12 post)
  11. Due Mon. 11.24: Final P3 Submission (@ noon on Vimeo and D2L Assignments)
  12. Begin P4: Motion Poster
  13. Due Mon. 11.24: P4 Process – Brainstorm 5 events, keyword lists, 2 moodboards
  14. Due Mon. 11.24: P4 Process – 20 sketches (10 per idea)

    SECTION III – AE
  15. Review Stop Motion Demo

SECTION I – MOTION IN THE FIELD

This week’s lecture and resources focus on motion in the world around us.

3. Motion Unconstrained

9-experiential-motion-23

(slides 26+ will be reviewed together during our Monday ZOOM)

4. Resources:

Motion Design Professionals

This week, we explore the work of creative professionals and studios shaping the motion design industry. These artists and organizations demonstrate diverse styles, techniques, and applications of motion design worldwide:

Stephen Ong (UK) – Playful and inventive animations
Devon Moodley (Amsterdam) – Cutting-edge motion graphics
Marta Anzana (UK) – Dynamic and visually stunning motion designs
Nuria Boj | podcast episode (Scotland)

Studios:

Tendril (Toronto, Canada) – Animation and design studio blending art and technology – created dynamic brand films for ESPN College Football Playoffs
Addict (Amsterdam & Mumbai)
Abstract Groove (Milan, Italy) – Known for storytelling through striking visuals and sound.
Imaginary Forces (Los Angeles, CA) – Iconic studio shaping the motion design landscape – produced iconic title sequences for films and television such as “Mad Men” and “Stranger Things“
Psyop (Los Angeles, CA) – Cutting-edge animation with a focus on narrative depth. – campaigns for brands including Coca-Cola, Nike, and Apple
Big Film Design (New York, NY) – Known for cinematic motion design solutions.
Brand New Schools (NYC & LA) – Multi-disciplinary studio fusing animation and live-action. Specializes in commercials, interactive media, branding consultation, and design. – projects include Google, Nike, and Starbucks
Territory Studios (London) – known for its visual effects, motion graphics, and design work. – on-screen graphics and user interfaces for sci-fi films like “Guardians of the Galaxy”
Digital Kitchen (Seattle, WA; Chicago, IL; New York, NY; Los Angeles, CA) – marketing company focusing on design, motion graphics, and film within the commercial, network, and entertainment industries. –recognized for title works such as “True Blood,” “Dexter,” and “Six Feet Under,” and have worked with clients like HBO, AT&T, and Microsoft.
Universal Everything (Sheffield, England) – studio utilizes modern technologies to create large-scale experiential works– collaborating with brands like Chanel, Nike, and Apple, and contributing to the moving image identity for the London Olympic Games 2012.

Detroit Studios:

Yeah Haus – animation meets motion design with an illustrative 2D style
Lunar North – graphic design meets 3D animation
Gunner – team-based approach // variety of animation and motion design // example work)


SECTION II – P3

5. Project 3: Motion Infographic/Explainer –
due: Monday 11.24

Continue development of P3: Motion Infographic-Explainer.

6. P3 Considerations (ask yourself)

  • Hook: Is there a strong hook (emotional, surprising statistic, relevant question or quote, metaphor, story, provocative statement, incite curiosity, intriguing visual, “imagine” statement)? Ways to improve.
  • Timing: Does the movement synchronize with music or voice overs? Identity moments out of sync or timed incorrectly.
  • Transitions: Do any scenes enter/exit at the wrong time? Are there any transitions that seem out of place or lacking?
  • Formal Considerations: Do the design choices connect with big idea? Does anything break the unity throughout?
  • Concept in Motion: Do the objects move in a way that connects with the concept? Identify how their motion moves. Choose a descriptive word and discuss whether it aligns.
P3_Infographic_Rubric (1)

7. Submit P3 by Monday @ noon (.aep, .mp4, .pdf of design board, .pdf of rationale)



SECTION II – P4

5. Project 4: Motion Poster –
due: Wednesday 12.10 @noon

50pts (half project)

Begin development of P4: Motion Poster. This week, we will begin our motion posters and start brainstorming ideas, creating mood boards, and sketching.

Next week, we will move into creating our 2 static poster designs, storyboard, and 2s initial motion test. We will have our static poster critique (1000 x 1440px) with 1 of 2 designs using an analog approach.

6. P4 Process Work

Post/Post to a story called “Motion Poster” or “Moster” on Medium. How to post on Medium.

  • Brainstorm 5 events. Narrow to your TOP two events and create a keyword list (how do you want it to feel?)
  • 2 mood boards – 1 for each event (2 total)
  • 10 sketches for each 2 events (20 total)
    Keep in mind we will need one of our 2 static poster designs (next week) to be created through an analog process. Include event name, location, dates, time, and any other pertinent information such as website, contact info, or event description. Consider the type of motion you will integrate into the final moving poster. 

P4 Analog Inspiration

Deadlines

  • week 13
    • w 11.19 due: 30s (crit end – comments due)
    • m 11.24 due: Final P3 deadline (100pts); p4 brainstorming / mood boards / 20 sketches
  • week 14 (Thanksgiving)
    • No deadlines until Monday, December 1st @noon.
  • week 15
    • m 12.1 11.21@noon  2 static designs (one should use an analog concept) + storyboards crit (3–9 frames depending on length) + initial motion test (test how your motion will play out)
    • w 12.3 due: Motion Poster (critique begin) – our critique will run wed-mon this week due to the holiday schedule and finals.
    • m 12.8 due: Motion poster (critique end comments due)
  • week 16
    • m 12.8 Final review live crit / one-on-one w/Cass
    • w 12.10@noon – Final P4 deadline

SECTION III – AE

12. Stop Motion

http://motion.cassreese.com/wp-content/uploads/2018/11/stop-motion-demo.zip

Demo Video

Steps for Stop Motion:

  1. Photograph stills in landscape. For a 6s stop motion, you will need to take 72–144 images. The more photos, the smoother the animation. Resize in Photoshop and lower resolution to 150 (review resizing notes below).
  2. In AE: Import all images simultaneously.
  3. Create a composition. Select (click + hold shift) all images. Drag onto composition and shorten the layers to desired length.
  4. Sequence Layers. Select all + right click > Keyframe Assistant >
    Sequence Layers
  5. Overlap settings. You can choose to overlap or not here. This is your choice.
  6. Adjust images independently (delete, adjust).
  7. Add time to composition if necessary.
  8. Pre-compose images.
  9. Layer > Time > Enable Time Remapping. Remap to adjust the timing.
  10. Add music.
  11. Render.

Bulk Resizing JPEG files: 1. In Photoshop, Select File > Scripts > Image Processor 2. In the Image Processor dialog box select the source and destination folders 3. Choose JPEG file type, quality:12 and resize to fit W:640 and/or H:640 4. Select Run

Stop Motion Examples + Resources:

week 12 | online | 11.10–11.16

📌 Weekly Structure (applies every week)


Week 12 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 11.10 @ noon – Weekly Review → [Join Here]

📺 Watch: Mon 11.10 Weekly Review Recording → [Watch Here]

Looking Ahead (Week 13)

Next live (recorded) session: Mon Nov 17th @ noon (only live session in Week 13)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Nov 17th @ noon

  • 30s of P3 development – Develop in AE. Render. Post to Vimeo + Import to the bottom of your Ideation Story on Medium (if you struggle posting to Medium, please just post to Vimeo)
  • Post 30s for Final Crit #3 – next Mon. Nov 17th–Wed. Nov 19th.
  • Exercise 4 (double-dip the direction of this assignment with P3).

This week, we have a P3 30 Critique that runs from Monday Nov 17th@noon–Wednesday Nov 19th@noon on D2L Discussions.


Weekly Content

Week 12 (though not required, it is recommended you move through in sequence. To stay on schedule, all items need to be completed by end of week):

  1. Attend or watch a recording of Monday Zoom. We will review this week’s content and have a p2 10s critique for those present.

    SECTION I – Motion Unconstrained
    Content moved to next week to focus on P3 development.

    SECTION II – P3 Development + P4 Introduction
  2. Continue development of P3: Motion Infographic-Explainer
  3. Due Mon..: 30s of P3 development for P3 Final Critique to ZOOM or D2L. Post your link to your uploaded Vimeo file and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific. (post by Mon 17th @ noon / 3 comments by next Wed 19th@ noon. In D2L, go to Communications > Discussions)
  4. Due Wed. 19th: 30s Critique: P3 Final Crit FEEDBACK – Participate in Monday Zoom Critique or Post/Comment to Discussion Board on D2L “P3: 30s of Development”. You only need to participate in the D2L critique if you do attend the Monday Zoom.
  5. Due Wed 12th: 10s Critique: P3 Crit #2 – Participate in Wednesday Zoom Critique or Post/Comment to Discussion Board on D2L “P3: 10s of Development” (post by Mon @ noon / 3 comments by Wed @ noon. In D2L, go to Communications > Discussions). You only need to participate in the D2L critique if you do attend the Monday Zoom. Post your link to your uploaded Vimeo file and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific.
  6. Due next Mon. 24th: Final Presentation Rationale (post to Vimeo, or Medium)
  7. Due next Mon. 24th: Design Boards (file for download) turn in with P3 on D2L
  8. Due next Mon. 24th: Finalize and turn in P3: Motion Infographic-Explainer
  9. Due next Mon. 24th: Review P3 Submission Guidelines and Rubric before submitting.
  10. Begin P4 Motion Poster

    SECTION III – AE
  11. Watch Demo AE Video on Motion Tracking (and follow along on demo)
  12. Review Motion Tracking Resources

SECTION I – MOTION UNCONSTRAINED

2. Motion Unconstrained

Content moved to next week to focus on P3 development.


SECTION II – P3

2. Project 3: Motion Infographic/Explainer –
due: Monday 11.24

Continue development of P3: Motion Infographic-Explainer. This week, we will work on our 30s. Finalize and Submit P3: Motion Infographic-Explainer for end of next week.

9. P3 Final Submission Guidelines – For Review

  • Project 3 Final: Final motion design uploaded to Vimeo. Upload your final files in a ZIPPED folder named “lastname_p3_Explainer” or “lastname_p3_Infographic” to the assignments folder on D2L “Project 3”.
    • In zipped folder, FINAL .aep file
    • In zipped folder, FINAL movie rendering @1080p or 720p (do not need process renderings)
    • In zipped folder, Design Boards (file for download)
    • In zipped folder, your rationale
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • brainstorming/sketches/moodboards
    • storyboard
    • 3 style frames (resubmit in this folder)

6. Final Presentations (rationale): You will be writing a rationale of your concept for your final work and posting it to D2L Discussion: P3 Final Presentations. If you run into issues within Vimeo, please post your rationale within Medium. For your rationale, describe concept (narrative, mood, contrast, and formal) and formal choices. Remember to include both the name of your typeface(s) and WHY they were selected to support your concept. All of your choices should support how you wanted your work to feel.

7. Create Design Boards (file for download) Reviewed during Week 5 Zoom.

P3_Infographic_Rubric (1)


SECTION II – P4

10. Project 4: Motion Poster –
due: Wednesday 12.10
@noon

Begin P4: Motion Poster. This project is a half project (50pts). This week, we will brainstorm event poster ideas and move into moodboards and sketches. Week 13, we will move into rough sketches. Week 14, we will move into digital, static posters. Week 15, we will have our motion critique. Week 16, the final project is due.

  • During Monday’s ZOOM, I will do a project introduction and Keynote.
  • Read: A New Poster Movement | AIGA

Examples:

P4 Student Examples

7. P4 Process Work – Due 2 weeks, Mon. 11.24

Post/Post to a story called “Motion Poster” or “Moster” on Medium. How to post on Medium.

  • Select 2 potential events for your posters
  • Ideate and brainstorm a list of 5 keywords for each event to describe the mood of each (i.e., tribal, ethereal, freedom, hipster, serenity, turmoil, dimensional, modular).
  • 2 comprehensive mood boards (1 for each event concept—include type, color, style, imagery, textures/illustration styles, 5 descriptive words) – You can either explore 2 different directions for the same event or 2 different events
  • 20 thumbnail sketches (10 per concept, 1-2 per concept should be stronger or more resolved) – You can either explore 2 different concepts for the same event or 2 different events

Course Schedule through Finals Week

  • week 12
    • w 11.12 due: 10s critique (crit end – comments due)
    • m 11.17 30s development (final critique begin); E4; Begin P4 (50pts)
  • week 13
    • w 11.19 due: 30s (crit end – comments due)
    • m 11.24 due: Final P3 deadline (100pts); p4 brainstorming / mood boards / 20 sketches
  • week 14 (Thanksgiving)
    • No deadlines until Monday, December 1st @noon.
  • week 15
    • m 12.1 11.21@noon  2 static designs (one should use an analog concept) + storyboards crit + initial motion test
    • w 12.3 due: Motion Poster (critique begin) – our critique will run wed-mon this week due to the holiday schedule and finals.
    • m 12.8 due: Motion poster (critique end comments due)
  • week 16
    • m 12.8 Final review live crit / one-on-one w/Cass
    • w 12.10@noon – Final P4 deadline

SECTION III – AE

This week, we will learn about motion tracking, complete our final Exercise 6, and learn about Stop Motion during our Monday ZOOM.

11. Motion Tracking

12. Motion Tracking Resources

Video Footage Resources

Motion Tracking Steps

Video Footage: Select, download, and integrate video footage of your choice (can use Pexels, Videovo, Pixabay, or from the CC Public Domain). Import video as footage into AE. Move video to composition space. 

Null Layer: Create a Null Layer above your video footage. (the type layer will parent to this layer once you are DONE setting up the motion tracking)

Motion Tracking: Select motion layer and go to Animation Menu > Track Motion. A Tracker Panel will appear on the right side of the interface. From this panel, select "position" from the checkboxes. The other two checkboxes can remain deselected. 
- Select "Edit Target" and select your null layer.
- Move the Track point to an area of high contrast. Adjust the inner and out box accordingly. Note: A larger area will take longer to process, but will result in a more fluid movement. 
- Click the play button next to analyze to allow the tracking to process.
- Once complete, click Apply. 

Video Effects: Apply a color effect(s) to the video layer. Any additional modifications can be made to adjust the hue, saturation, brightness, sharpness, etc. to achieve your desired effect and mood. 

Reminders

Flux Competition

Consider entering your work into the Flux Competition (deadline extended through this Friday)

https://fluxdesigncompetition.org

week 11 | online | 11.3–11.9

Read First:

📌 Weekly Structure (applies every week)


Week 11 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 11.3 @ noon – Weekly Review → [Join Here]

📺 Watch: Mon 11.3 Weekly Review Recording → [Watch Here]

Looking Ahead (Week 12)

Next live (recorded) session: Mon Nov 10th @ noon (only live session in Week 12)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Nov 10th @ noon

  • 5. P3 Narrative Draft Peer Reviews – D2L Feedback: Feedback on 3 drafts must be specific (avoid saying only positive remarks without any critical suggestions).P3_Narrative_scripts_F25.pptx by Wednesday 11.5@noon
  • Part 2: Following the peer review feedback, refine your narrative draft
  • 6. P3 Crit 1: Styleframes – Participate in Monday Zoom Critique or Post/Comment to Discussion Board on D2L “P3: 3 Styleframes Critique” by Monday @noon. Comment on 3 others by Wednesday @noon (if you do not attend Monday’s ZOOM). You only need to participate in one or the other.
  • 7. 15s of P3 development – Develop in AE. Render. Post to Vimeo + Import to the bottom of your Ideation Story on Medium (if you struggle to post to Medium, please just post to Vimeo).
  • Audio selection – Include a link to your audio choice (or upload) post to the bottom of your P3 Ideation Story on Medium – Final audio recording of your voice-over isn’t due until the following Wednesday.

Looking ahead: Exercise 4 is due Monday 11.17 @noon (double-dip the direction of this assignment with P3).

Next week 11, for P3, we will have our 10s crit.


Weekly Content

Week 11 (though not required, it is recommended you move through in sequence. To stay on schedule, it is recommended you have complete all items by end of the week):

  1. Attend or watch a recording of Monday’s Weekly Review ZOOM.

    SECTION I – Secondary Sound Effects
  2. Read + Watch: Form in Nature Process
  3. Review Free Sound Effect Resources

    SECTION II – P3 Development
  4. Continue development of P3: Motion Infographic-Explainer
  5. P3 Narrative Draft Peer Reviews – D2L Feedback: Feedback on 3 drafts must be specific (avoid saying only positive remarks without any critical suggestions).P3_Narrative_scripts_F25.pptx by Wednesday 11.5@noon
    Part 2: Following the peer review feedback, refine your narrative draft
  6. Mon 3th–Wed 5th @noon: Styleframe Critique: P3 Crit #1 – Participate in Monday Zoom Critique or Post/Comment to Discussion Board on D2L “P3: 10s” by Monday @noon. Comment on 3 others by Wednesday @noon (if you do not attend Monday’s ZOOM). You only need to participate in one or the other. Prioritize reviewing those drafts without reviews, or less reviews than others.
  7. Due Mon. 11.10: 10s of P3 development in AE (post to Vimeo – and medium, if possible). Post to D2L “P3: 10s of Development” for next week’s critique. (post by next Mon 11.10 @ noon / 3 comments by Wed 11.12 @ noon_. In D2L, go to Communications > Discussions)

SECTION III – AE

This week’s demos are to next week so you can focus on P3 development and our final E4.


SECTION I – Secondary Sound Effects

Secondary sound effects, often referred to as Foley sounds or SFX, play an essential role in enhancing the overall impact and immersion of a motion design piece. By supporting the visuals, they can make animations feel more tangible, relatable, and alive. Let’s delve deeper into how you can utilize secondary sound effects effectively in your projects:

  • Purpose Over Presence: Secondary sound effects are not there just for the sake of it. They give depth to a scene, reinforcing the visual elements or even filling in gaps where visuals might not tell the whole story. Think of them as a bridge between the viewer’s senses of sight and hearing.
  • Match the Mood: The sound effects you choose should complement the mood of the scene. A delicate flutter might be appropriate for a butterfly in a serene scene, whereas a more exaggerated flap could work for a comedic or exaggerated animation.
  • Subtlety is Key: While these sounds are vital, they should not overpower primary sounds or dialogues. It’s all about balance. Often, the subtlety makes them more effective.
  • Layer for Depth: Sometimes, a single sound effect might not do the job. By layering multiple sounds, you can create a more complex or unique sound that fits your scene better.
  • Prioritize Quality: Always make sure you’re using high-quality sound effects. Low-quality or poorly recorded sounds can detract from the overall experience. There are numerous libraries online where you can purchase or find free high-quality SFX. Check out Soundly and the list below.
  • Perfect Timing: The precise moment a sound effect plays can make all the difference. If a ball bounces on the screen, the associated sound should sync perfectly with the visual. Even a slight misalignment can feel jarring to the viewer.
  • Environment Matters: Sound changes based on surroundings. Match effects to the setting.
  • Seek Feedback: A fresh set of ears can catch inconsistencies or mismatches.
  • Serve the Story: While secondary sound effects can be a lot of fun to incorporate, always remember the story you are trying to tell. The sound should always serve the narrative, not distract from it.

In the “Form in Nature” with Chromosphere and David example, observe how secondary sound effects are used to emphasize movement, establish atmosphere, and bring elements to life. As you dissect it, think about how each sound effect adds to the overall experience and story being told.

2. Read + Watch: Form in Nature Process
More Sound Inspiration:
The Art of Sound Effects
Sound Design Example
Sound Design Example 2
Sound Design Example 3

3. Free Sound Effect Resources

SECTION II – P3

4. Project 3: Motion Infographic/Explainer –
due: Monday 11.24

Continue development of P3: Motion Infographic-Explainer. This week, we will work on our 10s (due Wednesday). 30s is due next Wednesday. If you haven’t already done so, be sure to record your voiceover before Wednesday of this week.

P3 Process Work

Post/Post to a story called “Motion Infographic or Motion Explainer” on Medium. How to post on Medium.

If you haven’t yet defined how to articulate your concept, clarify 3 Words to Describe your work | Resource 2 as we move into development.

5. Part 2: Following the peer review feedback, refine your narrative draft

6. Due Wed: 10s of Project 3 rendered and uploaded to Vimeo WITH your audio. If necessary, continue revising storyboard or styleframes per the feedback received in crits this past week.)

7. 10s Critique: P3 Crit #2 –Participate in Wednesday Zoom Critique or Post/Comment to Discussion Board on D2L “P3: 10s of Development” (post by Wed @ noon / 3 comments by Mon @ noon. In D2L, go to Communications > Discussions). You only need to participate in the D2L critique if you do attend the Wednesday Zoom. Post your link to your uploaded Vimeo file and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific.

P3 Considerations for Critique

  • Hook: Is there an engaging hook? Consider emotional appeals, surprising statistics, relevant questions or quotes, metaphors, stories, provocative statements, invocations of curiosity, captivating visuals, or “imagine” statements. Suggest ways to make the hook more compelling or relevant.
  • Timing: Synchronization: Is the animation’s movement well-synchronized with the music or voiceovers? Point out specific moments that appear out of sync or incorrectly timed.
  • Transitions: Ensure no scenes enter or exit prematurely. Identify any transitions that seem jarring, out of place, or feel lacking in fluidity.
  • Formal Considerations: Do the design elements reinforce the mograph’s main idea or theme? Point out any elements that break the visual or thematic unity throughout the video.
  • Concept in Motion: Does the manner in which objects move align with the overall concept or narrative? Describe the motion using descriptive words. Discuss if the motion aligns well with the video’s intent. For a list of descriptive motion words, refer to 51 Useful Words to Describe Motion

Deadlines

  • week 11
    • w 11.5 due: critique ends – on 3 styleframes, storyboard, 2s
    • m 11.10 due: 10s development (critique begin)
  • week 12
    • w 11.12 due: 10s critique (crit end – comments due)
    • m 11.17 30s development (final critique begin); E4; Begin P4 (50pts)
  • week 13
    • w 11.19 due: 30s critique comments due
    • m 11.24 due: Final P3 deadline (100pts); p4 brainstorming / mood boards / 20 sketches
  • week 14 (Thanksgiving)
    • No deadlines until Monday, December 1st @noon.
  • week 15
    • m 12.1 11.21@noon  2 static designs + storyboards crit + initial motion test
    • w 12.3 due: Motion Poster (critique begin) – our critique will run wed-mon this week due to the holiday schedule and finals.
    • m 12.8 due: Motion poster (critique end comments due)
  • week 16
    • m 12.8 Final review live crit / one-on-one w/Cass
    • w 12.10@noon – Final P4 deadline


SECTION III – AE


Begin development of Project 3 in After Effects. Consider how you will align Exercise 4 with Project 3.

week 10 | online | 10.27–11.2

Read First:

📌 Weekly Structure (applies every week)


Week 10 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 10.27 @ noon – Weekly Review → [Join Here]

📺 Watch: Mon 10.27 Weekly Review Recording → [Watch Here]

Looking Ahead (Week 11)

Next live (recorded) session: Mon Nov 3rd @ noon (only live session in Week 11)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Nov 3rd @ noon

  • Research 3 ideas for Project 3 – (collect statistics, facts, and credible info to support your topic). 30 minute review. Post IDEAS to new Medium Story for P3. Doesn’t have to be comprehensive.
  • P3 Big Idea
  • 8. Narrative Draft Peer Post for Review – Post for 3 Peer Reviews (start with scripts that do not already have any reviews) P3_Narrative_scripts_F25.pptx
  • 9. P3 Narrative Draft D2L Critique Feedback: Feedback on 3 drafts must be specific (avoid saying only positive remarks without any critical suggestions). P3_Narrative_scripts_F25.pptx
  • 10. P3 3 Styleframes – Design in Illustrator or Photoshop. Export as JPEG and post to the bottom of recent Ideation Story on Medium. (also post to D2L critique)
  • 11. P3 Storyboard – Create in a sketchbook, using index cards (ideal for this project), or in software. Take photo/export and post to the bottom of your P3 Ideation Story on Medium + Post to D2L
  • 13. P3 2s Motion Test – Develop in AE. Render. Post to D2L (Vimeo, if possible) + Import to the bottom of your P3 Ideation Story on Medium.

Next week 11, for P3, we will move on to developing our first 10s of P3. The following week we will have our 30s crit.


Weekly Content

Week 10 (though not required, it is recommended you move through in sequence. All items need to be completed by end of the week):


  1. Attend or watch recording of Monday Zoom. We will review this week’s content.

    SECTION I – Motion Infographics
  2. Watch Lecture Video – Lecture: Motion Infographics
  3. Review of Motion Infographics Resources + Inspiration Vids

    SECTION II – P3 DEVELOPMENT
  4. Begin: P3: Motion Infographic-Explainer
  5. Due Mon. 11.3: P3 Process Work – Research 3 Topics
  6. Due Mon. 11.3: P3 Process Work – Big Idea
  7. Due Mon. 11.3: P3 Process Work – First Draft of Script
  8. Due Mon.: (post) – Narrative Draft Post P3_Narrative_scripts_F25.pptx
  9. Due Wed. 11.5 (comment) – We will provide peer comments next week by P3_Narrative_scripts_F25.pptx
  10. Due Mon. 11.3: 3 Styleframes (post to Medium + D2L Critique)
  11. Due Mon. 11.3: Storyboard (post to Medium + D2L Critique)
  12. P3 Styleframe Crit #1 –Participate in next Monday’s 11.3 Zoom Critique or Post/Comment to the Discussion Board on D2L “P3: Styleframes” by Monday @noon. Comment on 3 others by Wednesday@noon (if you do not attend Monday’s ZOOM). You only need to participate in one or the other.
  13. Due Mon. 11.3.: 2s Motion Test
  14. Due end of week 11.: Audio Selection – Voice-Over or Instrument/Text (post to Medium)
  15. Review Schedule for Remainder of Term

    SECTION III – AE
  16. Watch Demo AE Videos
  17. Review After Effects Resources
  18. Due Mon 11.17.: Begin Exercise 4


SECTION I – MOTION INFOGRAPHICS

2. Motion Infographics

This week focuses on motion infographics as you move into designing your styleframes and storyboards.

6-motion-infographics

I am adding more extensive script content here to help guide you:

narrative-script

3. Motion Infographic Examples:

How to Write Sources in Motion:


SECTION II – P3

4. Project 3: Motion Infographic/Explainer –
due: Monday 11.24

P3 Process Work

Post/Post to a story called “Principles of Design in Motion: Ideation” on Medium. How to post on Medium.

  • 8. Draft Review Post (Mon 11.3) & 9. Comments (through next Wed. 11.5) – Comment to work of others on P3_Narrative_scripts_F25.pptx. Continue revising your narrative draft. Be pithy—use as few words as possible for voice-overs. Keep the script lean and let the visuals do most of the talking. Write and rewrite. Narrow your complete, outline your story in 5 sentences. (It is okay if you have more than 5 sentences to support your idea, but keep in mind the 60–90s duration).
  • 10. Due Mon: 3 Styleframes (1920px x 1080px): A single, STATIC frame that depicts the look and feel. Visual considerations coalesce with narrative, composition, and motion. All choices must be rooted in concept. Each styleframe should be a completely different visual direction and may pull from different conceptual directions. Using the same layout/composition, and simply changing the typeface will result in a grade deduction. Spend time creating three completely different visual directions, and avoid committing to “your favorite” too early on. Each direction should be strong. You will more than likely need to explore more than 3 visual directions to result in 3 strong directions. Consider breaking your design time into a minimum of two sessions (an initial sprint + a refinement session). Upload to the bottom of your Medium Process story you created last week.
  • 11. Due Mon: Rough Storyboard: (suggested methods: index cards OR .ai artboards OR storyboarding paper above): Brings together the script with the visuals. Indicate framing, as well as how elements will enter, exit, move throughout the frame. Minimum of 15 frames (title slide + content + consider transitions)
  • 12. Styleframes Critique: P3 Crit #1 – Post/Comment to Discussion Board on D2L “P3: Styleframes” (post by Mon @ noon / 3 comments by next Wed 11.5 @ noon. In D2L, go to Communications > Discussions).
  • 13. Due Mon: Text Animation Motion Test (2s+ test on initial motion). Develop 2s in AE. Select any scene in your storyboard for this motion test. Render. Post to Vimeo + Import to the bottom of your Ideation Story on Medium (if you struggle to post to Medium, please just post to Vimeo)
  • 14. Due end of week 11: For audio, decide whether your P3 will have:
    Guide to Creating a Strong Voice Over
    • (A) Voice-Over – can also include music behind the voice-over.
    • (B) Music Only – entire narrative needs to be written for the viewer to read. Post your decision to the bottom of your P3 Ideation Story on Medium.
      *This week, include the link to your audio choice (or upload) post to the bottom of your P3 Ideation Story on Medium. Use stock audio sites with a Creative Commons license. Careful when linking to any copyrighted on Youtube as it can flag your Medium post. Use Quicktime or another audio tool to record your music, but be mindful not to steal audio without the free use license.
Audio Resources

15. Course Schedule through Finals Week

  • week 10
    • m 11.3 due: narrative draft, big idea (narrative draft review begin), 3 styleframes, storyboard, 2s motion test (critique begin)
      due: (narrative draft review end)
  • week 11
    • w 11.5 due: critique ends – on 3 styleframes, storyboard, 2s
    • m 11.10 due: 10s development (critique begin)
  • week 12
    • w 11.12 due: 10s critique (crit end – comments due)
    • m 11.17 30s development (final critique begin); E4; Begin P4 (50pts)
  • week 13
    • w 11.19 due: 30s critique comments due
    • m 11.24 due: Final P3 deadline (100pts); p4 brainstorming / mood boards / 20 sketches
  • week 14 (Thanksgiving)
    • No deadlines until Monday, December 1st @noon.
  • week 15
    • m 12.1 11.21@noon  2 static designs + storyboards crit + initial motion test
    • w 12.3 due: Motion Poster (critique begin) – our critique will run wed-mon this week due to the holiday schedule and finals.
    • m 12.8 due: Motion poster (critique end comments due)
  • week 16
    • m 12.8 Final review live crit / one-on-one w/Cass
    • w 12.10@noon – Final P4 deadline

SECTION III – AE

16. AE Demos

18. Exercise 4: Animated Data Story (15pts) – 11.17

This is the last of 4 exercises in this course. Please review the requirements and rubric before beginning.

Objective: Create an 5-10 second animated infographic that visually communicates a statistic or fact. This exercise allows flexibility in animation techniques, supporting you in crafting a clear and engaging visual story that directly connects with Project 3.

1. File Setup and Management:
Create a Composition: Set the duration to 5-10 seconds with dimensions of 1920 x 1080 pixels.
Background: Create a background (solid, pictorial, texture) that best stages your content. It should enhance your "micro story".

2. Audio Integration:
Select an Audio Track: Choose a creative commons audio track from a site like Free Music Archive. The audio should complement the tone of your statistic or fact.
Fade In/Out: Integrate the audio track into your composition, with a fade in at the start and fade out at the end to ensure a smooth transition.

3. Data and Visual Representation:
Choose a Statistic or Fact: Pick a statistic or interesting fact that you find compelling. This could relate to a topic you're covering in your infographic/explainer video project. This data point will be the central focus of your animation.
Visualize the Data: Create a simple infographic element (e.g., bar chart, pie chart, icon, percentage) that illustrates the statistic. Choose a design that visually represents the data clearly and accurately.Use infographic elements like icons, charts, or text overlays to clearly and creatively represent the statistic.

4. Subject - Character and Image Integration:
Select a Subject - Character or Icon: Use a character, icon, vector, or masked image that complements your statistic or theme. This image can be a transparent PNG, vector graphic, or a masked element from a photo.
Animation Option: Choose between using the Puppet Pin tool for organic character motion (e.g., bending, walking, jumping) or traditional techniques like rotation, scaling, or position changes. The movement should enhance the storytelling without distracting from the data.

5. Motion and Timing:
Choreography and Sync: Ensure that each animated element—whether character, chart, or text—moves in harmony with the audio track’s rhythm. This includes attention to timing, rotation, scaling, or position changes, as well as subtle pauses or accelerations.
Flexibility in Animation: Use the Puppet Pin tool, basic transformations (e.g., rotation, scale, position), or a combination to create smooth and intentional motion.

6. Formal Design Qualities:
Design Principles: Apply formal design qualities, including typographic choices, color harmony, and layout structure. Ensure clarity of information through effective hierarchy, balance, and interaction with frame edges.
Consistent Visual Style: The design should look polished and cohesive, using positive/negative space thoughtfully to guide the viewer’s eye.

7. Rendering and Submission:
Render Your Composition: Render in H.264 format using the Vimeo 1080 preset. Upload to D2L + Vimeo (if possible). If possible, submit the link via D2L.

E4 CriteriaWEAK / MISSINGAVERAGEGOODEXCEPTIONALPoints
Audio Integration: Appropriate choice of audio track with smooth fade in/out transitions, enhancing the mood or message.00.512/ 2
Statistic Presentation: Clear and creative presentation of a relevant statistic or fact using infographic visuals (chart, icon, etc.).011.52/ 2
Source Attribution: Clear attribution of the statistic’s source, placed at the end, bottom, or in video comments.011.52/ 2
Character and Image Animation: Effective use of Puppet Pin or other animation techniques (e.g., rotation, scale, position) to create engaging movement that complements the statistic.0123/ 3
Motion and Timing: Well-timed, smooth animation synchronized with audio, demonstrating thoughtful pacing and smooth transitions.0123/ 3
Formal Design Qualities: Strong visual design with cohesive typography, color, layout, and use of space, ensuring clarity and polish.0123/ 3

9. AE – Adobe MAX Conference Sign-Up

Adobe MAX is THIS week October 28–30th. I encourage you to attend at least one session.

Adobe Max Guide

View the Session Catalog

https://max.adobe.com/max-online

week 9 | online | 10.20–10.26

📌 Weekly Structure (applies every week)


Week 9 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 10.20 @ noon – Weekly Review and 20s P2 development critique
→ [Join Here]

📺 Watch: Mon 10.20 Review + Live 30s Crit Recording → [Watch Here]

Looking Ahead (Week 10)

Next live (recorded) session: Mon Oct. 27th @ noon (only live session in Week 10)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Oct. 27th @ noon

  • 7. P2 Final Submission (.aep, .mp4, rationale pdf, design board .pdf on D2L)

  • (By Wednesday 10.22) – 4. D2L 30s Critique Feedback: If you did not participate in this Monday’s Zoom critique, you are required to post your feedback to 3 others in the class and review their Medium posts before giving feedback. Feedback must be specific (avoid saying only positive remarks without any critical suggestions).

  • Looking ahead, Due Monday 11.3:

Looking ahead (due 11.3): P3 Process Work: (1) Research and Post research for THREE ideas; (2) Narrow to ONE idea; (3) Write your Big Idea Sentence; (4) Rough Draft of Narrative Script. Post to your P3 Medium Story.

Next week 10, we will move on to Exercise 4 and Project 3 scripts, following by ideation, styleframes, rough storyboards.

Weekly Content

Week 9 (though not required, it is recommended you move through in sequence. All items need to be complete by the end of the week):


  1. Attend or watch recording of Monday Zoom. We will review this week’s content and have our live 30s critique.

    SECTION I – The Motion Narrative Script
  2. Watch Lecture Video – Lecture: The Motion Script
  3. Review of Motion Script Resources + Inspiration Vids

    SECTION II – P2 SUBMISSION + P3 DEVELOPMENT
  4. Due Wed. @noon: P2 Crit #3 –Participate in Monday Zoom Critique or Post/Comment to Discussion Board on 3 works in D2L “P2: 30s” by Wednesday @midnight. You only need to participate in one or the other.
  5. Due Mon.: Finalize and turn in P2: Principles of Design in Motion
  6. Review P2 Submission Guidelines before submitting.
  7. Due Mon.: P2 Design Board (file for download)
  8. Due Mon.: Final Presentation Rationale Video (on D2L—record video)
  9. Begin: P3: Motion Infographic-Explainer
  10. Due next Mon. 11.3: P3 Process Work – Research 3 Topics
  11. Due next Mon. 11.3: P3 Process Work – Big Idea
  12. Due next Mon. 11.3: P3 Process Work – First Draft of Script
  13. Due next Mon. 11.3 (narrative script post) and Due next Wed 11.5 (comment) – P3_Narrative_scripts_F25.pptx

    SECTION III – AE
    This week’s demos were moved to next week so you can focus on P2 development.


SECTION I – MOTION SCRIPTS

2. The Motion Narrative Script

This week focuses on how to write a motion narrative script. Next week, we will move into motion infographics.

narrative-script

3. Motion Script Resources:

Inspiration Resources:


SECTION II – P2

5. Project 2: Principles of Design in Motion – due: THIS Monday 10.27

Continue Development of P2: Principles of Design in Motion and turn in our final work.

6. P2 Final Submission Guidelines – For Review
  • Project 2 Final: Final motion design uploaded to Vimeo. Upload your final files in a ZIPPED folder named “lastname_p2_lastname_p2_PODinMotion” to the assignments folder on D2L “Project 2”.
    • In zipped folder, FINAL .aep file
    • In zipped folder, FINAL movie rendering @1080p (do not need process renderings)
    • 7. In zipped folder, Design Boards (file for download) *remember to revise subtext and save as PDF
      • edit subtext:
        Assistant Professor: Cass Reese
        Course: Motion Design
        Project: P2 Principles of Design in Motion
        Term: Fall 2025
    • 8. On D2L, recorded presentation of your final rationale
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • 20 themes
    • thumbnails/brainstorming/mindmaps
    • storyboard
    • 3 style frames (resubmit in this folder)
    • motion iterations

P2_Principles_of_Motion_Graphics-1

SECTION II – P3

9. Project 3: Motion Infographic/Explainer –
due: Monday 11.24

Begin P3: Motion Infographic-Explainer. This week, we will learn about writing a narrative script, and going into next week—research THREE topics, narrow to our top ONE direction, and write our first draft of our narrative script due NEXT WEEK.

http://motion.cassreese.com/wp-content/uploads/2023/10/P3_ExplainerVideo.pdf

P3 Student Examples

P3 Process Work – Due Next Week

Post/Post to a story called “Motion Infographic or Motion Explainer” on Medium. How to post on Medium.

10. Research 3 ideas for Project 3 – 3/2/1- (collect statistics, facts, and credible info to support your topic).

  • for 3 ideas – concept/visual brainstorming (in the past, I’ve required research on 3 topics, but this term, I’d like you to spend some time brainstorming/ideating on 3 directions you could go in with research as needed). Document rough sketches/brainstorming/ideation.
  • for 2 ideas – create 2 mind maps – 1 should be more robust as you narrow to 1 idea. Post 2 mind maps.
  • for 1 idea – sketches and research. For research, collect statistics, facts, and credible info to support your topic. Post more resolved sketches and research. It’s okay if you don’t have this step done, but do some initial research and bring in your ideas and prepare to discuss.

11. Write out your BIG IDEA (clarified in lecture): What is your topic, who is your audience, and what transformation do you want for them? This is the seed for your concept. Must include the 4 points below. Post your big idea to Medium.

  1. topic
  2. position
  3. audience
  4. transformation

12. Write your first draft of your narrative script. Be pithy—use as few words as possible for voice-overs. Keep the script lean and let the visuals do most of the talking. Write and rewrite. After your complete, outline your story in 5 sentences. Create entire narrative and condensed, 5-sentence narrative and post to Medium.

Storyboard (Looking ahead): While your storyboard isn’t due until next week, brainstorm your storyboard while writing your script. “One line doesn’t always equal a single frame.”

13. Draft Review – Post your draft to P3_Narrative_scripts_F25.pptx. Continue revising your narrative draft through next week. Be pithy—use as few words as possible for voice-overs. Keep the script lean and let the visuals do most of the talking. Write and rewrite. Narrow your complete, outline your story in 5 sentences. (It is okay if you have more than 5 sentences to support your idea, but keep in mind the 60–90s duration).


SECTION III – AE

This week’s demos were moved to next week so you can focus on finalizing P2 development and writing your P3 script. Next week, we will also begin Exercise 4.

week 8 | online | 10.13–10.19

📌 Weekly Structure (applies every week)


Week 8 Links & Notes
(specific to this week)

Live Sessions This Week:

👉 Join Live: Mon 10.13 @ noon – Weekly Review and 15s P2 development critique
→ [Join Here]

📺 Watch: Mon 10.13 Review + Live 15s Crit Recording → [Watch Here] – 15m

Looking Ahead (Week 9)

Next live (recorded) session: Mon Oct. 20th @ noon (only live session in Week 9)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Oct. 20th @ noon

  • Exercise 3 Turn in via D2L Assignments Folder (if possible, upload to Vimeo and turn in the link. Otherwise, upload the file).
  • 7. D2L P2 15s Critique Feedback: If you did not participate in this Monday’s Zoom critique, you are required to post your feedback to 3 others by Wednesday @noon in the class and review their Medium posts before giving feedback. Feedback must be specific (avoid saying only positive remarks without any critical suggestions). You only need to participate in the D2L critique if you do not attend the live Zoom critique.
  • 30s of P2 development – Develop in AE. Render. Post to Vimeo + Import to the bottom of your Ideation Story on Medium
  • D2L Critique Post to D2L Discussion “P2: 30s”: IF you do not plan to participate in next Monday’s Zoom critique, you are required to post your 30s to our critique in D2L “P2: 30s” by Mon. @noon.

Next week, Project 2 is due at the end of the week, and we will begin Project 3.


Weekly Content

Week 8 (though not required, it is recommended you move through in sequence. All items need to be completed by the end of the week):


  1. Attend or watch a recording of Monday Zoom. We will review this week’s content.

    SECTION I – The Motion Script (moved to next week)
  2. This content was moved to next week to allow less project overlap. Next week, we will ideate our P3 themes and write our first narrative draft, but we are using this week to focus fully on completing as much of P2 as possible. Keep in mind, there is an inevitable slight project overlap next week.

    SECTION II – P2 Development
  3. Continue development of P2: Principles of Design in Motion
  4. Review P2 Submission Guidelines.
  5. Due Wed.: P2 Crit #2 –Participate in Monday Zoom Critique or Post/Comment to Discussion Board on D2L “P2: 15s” by Monday @noon. Comment on 3 others by Wednesday @noon (if you do not attend Monday’s ZOOM). You only need to participate in one or the other.
  6. Due Mon. 10.20: 30s of P2 development in AE (post to Vimeo – and medium, if possible)
  7. Due Mon. 10.20: 30s Critique: P2 Crit #2: IF you do not plan to participate in next Monday’s Zoom critique, you are required to post your 30s to our critique
  8. Due next Wed. 10.22: (post by Mon @ noon / 3 comments by next Wed @ noon). Post your link to your uploaded motion or Vimeo file and describe your audio and how you want it to feel. Make a note if you are looking for feedback on anything specific.

    SECTION III – AE

    9. Due Mon 10.20: Complete and submit Exercise 3
    10. Watch Demo AE Videos
    11. Review AE Resources

SECTION II – P2

3. Project 2: Principles of Design in Motion – due: Monday 10.27 (extended)

Continue development of P2: Principles of Design in Motion (due at the end of week 9). This week, we will focus on the development of our motion designs with our final 30s critique.

4. P2 Final Submission Guidelines – For Review
  • Project 2 Final: Final motion design uploaded to Vimeo. Upload your final files in a ZIPPED folder named “lastname_p2_lastname_p2_PODinMotion” to the assignments folder on D2L “Project 2”.
    • In zipped folder, FINAL .aep file
    • In zipped folder, FINAL movie rendering @1080p or 720p (do not need process renderings)
    • In zipped folder, Design Boards (file for download) *remember to revise subtext and save as PDF
    • In zipped folder, final rationale
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • 20 themes
    • thumbnails/brainstorming/mindmaps
    • storyboard
    • 3 style frames (resubmit in this folder)
    • motion iterations

SECTION III – AE

10. AE Demos

In After Effects, this week we will review Cameras + Light Layers, 3D layers, compound shapes, merge paths

http://motion.cassreese.com/wp-content/uploads/2019/10/camera-demo-1.zip
11. AE Resources

Video Footage Resources

week 7 | online | 10.7–10.12

📌 Weekly Structure (applies every week)


Week 7 Links & Notes
(specific to this week)

📹 Watch Now: Week 7 Review (pre-recorded) → [Watch Here] 40m – required

Live Sessions This Week:

👉 Join Live: Wed 10.8 @ noon – Styleframe + Storyboard Critique
→ [Join Here]

📺 Watch: Mon 9.29 Review + Live Styleframe Crit Recording → [Watch Here]

Looking Ahead (Week 8)

Next live (recorded) session: Mon Oct. 13th @ noon (only live session in Week 8)
*non-holiday weeks we will meet on Mondays


This week’s deadlines:
Monday, Oct. 13th @ noon

  • 5. P2 Audio selection – Include a link to your audio choice (or upload) post to the bottom of your P2 Ideation Story on Medium
  • 7. D2L P2 Styleframe + Storyboard Critique Feedback: If you did not participate in this Wednesday’s Zoom critique, you are required to post your feedback to 3 others by Thursday @noon in the class and review their Medium posts before giving feedback. Feedback must be specific (avoid saying only positive remarks without any critical suggestions). You only need to participate in the D2L critique if you do not attend the live Zoom critique.
  • Note: As your storyboard / styleframes develop using feedback, please post changes to your Medium (do not delete earlier versions)
  • 4. 15s of P2 development– Develop in AE. Render. Post to Vimeo + Import to the bottom of your Ideation Story on Medium
  • 7. D2L Critique Post to D2L Discussion “P2: 15s”: IF you do not plan to participate in next Monday’s Zoom critique, you are required to post your 15s to our critique in D2L “P2: Styleframes & Storyboard” by next Monday at noon.

Extended to Monday, October 20th – Exercise 3 Turn in via D2L Assignments Folder (if possible, upload to Vimeo and turn in the link. Otherwise, upload the file).

Next week, for P2, we will work towards our 15s P2 crit on a Zoom or Discussion Board Critique. We will also begin discussing P3 so you can begin considering your topic. No process work will be due for P3 until after we complete P2.


Weekly Content

Week 7 (though not required, it is recommended you move through in sequence. All items need to be complete by the end of the week):


  1. Watch Weekly review recording (above). We will review this week’s content.

    SECTION I – Context
  2. Review of Context Resources

    SECTION II – P2
  3. Continue development of P2: Principles of Design in Motion
  4. Define 3 descriptive words. Post to or share to your 15s critique.
  5. Due Mon 10.13@noon: Audio Selection (post to Medium)
  6. Due Mon 10.13@noon: 15s of P2 development in AE (post to Vimeo – and medium, if possible)
  7. Due Mon 10.13@noon: 15s Critique: P2 Crit #2: IF you do not plan to participate in next Monday’s Zoom critique, you are required to post to our critique (post by Mon @ noon / 3 comments by next Wed @ noon). Post your link to your uploaded Vimeo file (or upload) and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific.
  8. Due Thurs 10.9 @noon: P2 Crit #1 – Styleframes+Storyboard -Comment on 3 others by Thursday@noon (if you do not attend Wednesday’s ZOOM). You only need to participate in one or the other.

    SECTION III – AE
  9. Watch Demo AE Videos
  10. Review After Effects Resources
  11. Due Mon 10.20@noon: Exercise 3

SECTION I – Context

2. Context Resources

Following up from last week’s content, let’s revisit the principles of design and animation together here. Watch:


SECTION II – P2

3.

Project 2: Principles of Design in Motion

due: Monday 10.27

Continue development of P2: Principles of Design in Motion. This week, we will continue with ideation and narrowing our ideas in the creation of a storyboard, 3 styleframes, and 2s motion test. This week, we will have a critique on our 3 styleframes and storyboard. Next week, we will have a critique on our first 15s of motion development.

Remember, we are using the principles of design (not animation) as our content for our project.

P2 Process Work

Post/Post to a story called “Principles of Design in Motion: Ideation” on Medium. How to post on Medium.

  • 5. Audio Selection – Include a link to your audio choice (or upload) post to the bottom of your P2 Ideation Story on Medium
  • 7. P2 Styleframe Critique Feedback – add more
  • 4. If you haven’t yet defined how to articulate your concept, clarify 3 Words to Describe your work as we move into development.
  • 6. 15s of Project 1 rendered and uploaded to Vimeo WITH your audio. If necessary, continue revising storyboard or styleframes per the feedback received in crits this past week.
  • 7. 15s Critique: P2 Crit #2 –Participate in Monday Zoom Critique or Post/Comment to Discussion Board on D2L “P2: 15s of Development” (post by Mon @ noon / 3 comments by Wed @ noon. In D2L, go to Communications > Discussions). You only need to participate in the D2L critique if you do attend the Monday Zoom. Post your link to your uploaded Vimeo file and describe your audio and how you want it to feel. Make note if you are looking for feedback on anything specific.

Focus for Critique: 

CONCEPT: What is the overarching idea (thinking, logic, thread) for your design? NARRATIVE: What is happening in each scene? Is each principles of motion graphics clear? Does the movie have a clear beginning/middle/end?

TIMING: Look at speed and feel for "sticky spots." Does everything flow? Do any areas feel too slow/fast?

TRANSITIONS: Do any scenes enter/exit at the wrong time? Are there any transitions that seem out of place or lacking?

FORMAL CHOICES: Then…how are your design choices communicating the above? Type, color, imagery, etc. Is there unity throughout? Color coding? How did the designer use repetition with variation through the sequence?

SECTION III – AE

9. AE Demos

In After Effects, this week we will learn about trim paths, repeaters, and the puppet pin tool. Please watch the video below and review the resources.

  • Download: bird.png (for “3. Puppet Pin Tool” Demo)