10.16 | on-ground | p2 studio

Due Today: E3 Due at 4:45 (end of class)

For Today:

  • Discuss P3: Motion Infographic-Explainer. Next week, we will learn about writing a narrative script, research THREE topics, narrow to our top ONE direction, and write our first draft of our narrative script.
  • Studio

Due Next Class: 

  • Final Project 3
  • Consider P3 topics that might interest you over the weekend.

Due next Thursday (P3):

  • 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.

P3 Student Examples

Project 2 Schedule

10.16 – P2 Studio; Begin P3
10.21 – SUBMIT P2; Final Presentations;

10.14 | on-ground | p2 final crit, cameras + light layers

Due Today: 20-30s for Full Class Critique (posted to Vimeo before class)

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

 

For Today: AE Demo: Cameras + Light Layers, Full Class Critique

Secondary Sound: https://motionographer.com/2013/10/02/leftchannel-motion-2013-opener/

P2_Principles_of_Motion_Graphics-1
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?

Due Next Class: Exercise 3, Continue finalization of P2 for your deadline

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
  • All process work (PDFs, JPEGs, PNGs) needs to be on Medium post (not in zipped folder)
    • 20 themes
    • thumbnails/brainstorming/mindmaps/moodboard
    • storyboard
    • 3 style frames (resubmit in this folder)
    • motion iterations
Project 2 Schedule

10.14 – Crit #3 – 20–30s; AE Demo: Camera & Light Layers
10.16 – P2 Studio; Exercise 3 due; Begin P3
10.21 – SUBMIT P2; Final Presentations

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

10.9 | puppet pin, trim paths, repeaters


For Today: AE Demo: Puppet Pin tool, Repeaters, trim paths

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)
AE Resources

Today’s Resources

This block contains unexpected or invalid content.ResolveConvert to HTML

Due Next Class: 

  • P2: 20-30s of development for final critique
  • Watch #11 light layers demo under Video Demos above

Extended to end of class next Thursday: Exercise 3 (upload to D2l + Vimeo)

Project 2 Schedule

10.9  – AE Demo: Puppet Pin, Trim Paths, Repeaters
10.14 – Crit #3 – 20–30s; AE Demo: Camera & Light Layers
10.16 – P2 Studio; Exercise 3 due; Begin P3
10.21 – SUBMIT P2; Final Presentations

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)

10.7 | on-ground | image masks, adjustment layers, effects + p2 10s crit

Due Today: P2 7–10s

For Today:

AE Demo: Adjustment Layers/Masks on Images/Effects

  • 7–10s discussion “paper” crit
    • How do you want this to feel?
    • What is your concept? Could it be strengthened?
    • 3 areas that are most successful and 3 areas that could use further refinement.
    • If you do not have one, brainstorm an idea for ALL principles together.
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?

AE Demos

demo-filesDownload

After Effects Demo

Due Next Tuesday: 

  • P2 progress (30s next class with audio)

Due Next Tuesday: Exercise 3

Project 2 Schedule

10.7 –  Crit #2 – 10s / revised storyboard
AE Demo; Image Masks/Effects
10.9  – AE Demo: Puppet Pin, Trim Paths, Repeaters
10.14 – Crit #3 – 20–30s, Exercise 3 due; AE Demo: Camera & Light Layers
10.16 – P2 Studio; Begin P3
10.21 – SUBMIT P2; Final Presentations

10.2 |remote p2 styleframe crit

Due Today: P2 3 Styleframes + Rough Storyboard

Illustrator to After Effects

For Today:

Focus for Critique: 

TOPIC: What is the theme you are using to communicate the principles.What is the overarching idea (thinking, logic, thread) for your design? Brainstorm with your group a 1–2+ ideas for each of the principles with your theme. (for example: If your theme is a game of pool, alignment could show the balls aligning together. If your theme is a designer's process of creating, alignment could show the final works pinned on the wall together in alignment.)

STYLEFRAMES: Which styleframe is most successful in communicating the visual style for your theme? Type, color, imagery, etc. Is there unity throughout? Color coding? Suggestions for improvement. 

MOTION: Brainstorm ideas for how the motion could communicate the theme. (for example: A nature theme might connect the motion to the movement of growing. A magic show theme could connect the motion to the forms appear or disappearing.)

Due Next Class (10.7): 

  • Revised, completed Storyboards and first 7-10s (rough development – start with title scene (principles of design in motion) and first 1–2 principles.)
  • Render before class and bring headphones.

Due 9.30 (extended to 10.7 due to later deadline listed in another post) – Exercise 2
Due 10.14 – Exercise 3


Project 2 Schedule

10.2 – Remote Crit #1 – 3 Styleframes / rough Storyboard
10.7 –  Crit #2 – 7-10s / revised storyboard
AE Demo; Image Masks/Effects
10.9  – AE Demo: Puppet Pin, Trim Paths, Repeaters
10.14 – Crit #3 – 20–30s, Exercise 3 due; AE Demo: Camera & Light Layers
10.16 – P2 Studio; Begin P3
10.21 – SUBMIT P2; Final Presentations

9.30 | paths + studio

Due Today: P2 theme selection, ideation (brainstorming, sketches, mind maps, mood boards)

For Today:

  • AE Demo: Review Pen Tool/Bezier Shapes
  • Assign Exercise 3
  • Small Groups for P2 Ideation
  • Studio for Exercise #3 + P2 Styleframes

Transitions

After Effects Demo + Exercise

Raw Inspiration: 

E3

Exercise 3: The Power of Transformation (15pts)

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

This exercise challenges you to explore visual change over time—turning one thing into another in a way that feels intentional and connected.

Objective: Create a 5–10 second composition that clearly shows a transformation or evolution.
Transformation can be:

  • Literal: Object A becomes Object B (e.g., a caterpillar turning into a butterfly).
  • Conceptual: A feeling or idea changes (e.g., anger dissolving into calm).
  • Environmental: A scene changes over time (e.g., night becomes day, seasons shift).

Your goal is to show that change in a way the viewer can follow—avoid random image swaps. Every element should help tell the story of “before → after.”

Narrative: Define a clear visual story that shows the evolution of your objects and images. Avoid random placements—each element should have a purpose in the transformation process.

Tips: Think of this as a “mini-story”: beginning (current state), middle (change happening), and end (new state). No need for complex characters: focus on simple imagery that shows clear “before/after.” Less can be more: keep it simple, but make sure each step feels connected. Use transformation effects with purpose: don’t just add effects randomly—ask, “Does this help show the change?”

How to Show the Transformation:
You can create transitions in many ways, for example:

  • Opacity / Dissolve: one image slowly fades out while the next fades in
  • Morph-like Motion: scale, rotate, or warp elements so they appear to “become” something new
  • Color & Effects: use a color shift, blur, or distortion to signal change
  • Mask Reveals: animate masks or track mattes to reveal the next image underneath
  • Position / Motion Paths: slide one image out while the next slides in, making them overlap for continuity

Use transformation effects with purpose—ask, “Does this help show the change?”


Exercise 3 Instructions

Exercise 3 Rubric


Due Next Class: 

Project 2 Schedule

9.30– AE Demo: Animated Paths; P2 process small group Crit #1
10.2 – Remote Crit #1 – 3 Styleframes / rough Storyboard
10.7 –  Crit #2 – 10s / revised storyboard; Exercise 2 due (extended)
AE Demo; Image Masks/Effects
10.9  – AE Demo: Puppet Pin, Trim Paths, Repeaters
10.14 – Crit #3 – 20–30s, Exercise 3 due; AE Demo: Camera & Light Layers
10.16 – P2 Studio; Begin P3
10.21 – SUBMIT P2; Final Presentations

Exercise 2 (submit via D2L) is due Tuesday, Oct 7th

week 6 | online | 9.29–10.6

📌 Weekly Structure (applies every week)


Week 6 Links & Notes
(specific to this week)

Live Sessions This Week:

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

📺 Watch: Mon 9.29 Review → [Watch Here]

Looking Ahead (Week 7)

Weekly review will be pre-recorded, and week 7 will open Tues. Oct. 7th @noon due to In Service Day on Mon. October 6th.
Next live (recorded) session: Wed. Oct 8th @ noon (only live session in Week 7)


This week’s deadlines:
Tuesday, Oct. 7th @ noon

  • Due: Project 2 ideation (brainstorming, mindmaps, sketches) to Medium
  • 6. Rough 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 P2 Ideation Story on Medium
  • 5. Three Styleframes – Design in Illustrator or Photoshop. Export as JPEG and post to the bottom of recent Ideation Story on Medium. (also, post to D2L if you are not participating in live Zoom critique)
  • 7. D2L Critique Post to D2L Discussion “P2: 3 Styleframes & Storyboard”: IF you do not plan to participate in live Zoom critique (Tues–Thurs next week), you are required to post your 3 styleframes and rough storyboard to our critique in D2L “P2: Styleframes & Storyboard”.

  • Begin Exercise 3 (due Mon. Oct 13th)

Next week, we have Exercise 3, numerous AE demos, and continue our P2 development.

Next week, for P2, we will revise our storyboards, 2s motion test (Wednesday), and move on to developing our first 10–15s of P2 (Monday) for a Zoom or Discussion Board Critique. Next week includes additional AE Demos on Compound shapes, merge paths, trim paths, 3D shapes.


Weekly Content

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


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

    SECTION I – Transitions
  2. Review of Transition Resources

    SECTION II – P2
  3. Continue development of P2: Principles of Design in Motion
  4. Due next Tues 10.7: Project 2 ideation (brainstorming, mindmaps, sketches to Medium)
  5. Due next Tues 10.7: 3 Styleframes (post to Medium)
  6. Due next Tues 10.7: Rough Storyboard (post to Medium)
  7. Due next Tues 10.7: Post your 3 styleframes and storyboard to D2L “P2: Styleframes & Storyboard” by Tues @noon OR attend next Wednesday’s ZOOM Critique.

    Looking ahead (next Tues–Thurs): P2 Crit #1 – Styleframes -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
  8. Watch Demo AE Videos
  9. Review After Effects Resources
  10. Begin Exercise 3 (due Mon. Oct 13th)


SECTION I – TRANSITIONS


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 rough storyboard and 3 styleframes. This week, we will prepare for our critique on our 3 styleframes and storyboard. Next week, we will end by having a critique on our first 10–15s of motion development.

P2 Process Work

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

  • 4.Project 2 Initial Exploration:
    • Brainstorm 20 different themes. Then, select 8 principles and create 3 Mind Maps based on your top 3 themes; Consider the animation principles that may be used to correspond with each design principle. Research all principles and decide on a theme that can connect all of the ideas together and demonstrate the principles. Begin thumbnails for the top 3 themes.
    • Narrow to 1 concept after exploring and documenting 3 ideations.
    • Continue thumbnail sketches on 1 theme (brainstorm the animation principles that may be used to correspond with each design principle). Begin exploring concepts.
  • This image has an empty alt attribute; its file name is figure_10-850x207.jpg
  • 5. 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.
  • 6. 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 12 frames (title slide + 8 principles + consider transitions)
  • Optional: Create 1 moodboard on top 1 concept (include type exploration, image/illustration style, color, keywords).
  • 7. P2 Crit #1 –Post your 3 styleframes and rough storyboard to Discussion Board on D2L “P2: Styleframes” (post by next Tues @ noon / 3 comments by Thurs @ noon. In D2L, go to Communications > Discussions). You only need to participate in the D2L critique if you do attend next Wednesday’s noon Zoom Critique.

    Looking ahead (next Tues-Thurs): P2 Crit #1 -Comment on 3 others by Thursday@noon (if you do not attend Wednesday’s live ZOOM). You only need to participate in one or the other.

Focus for Critique: 

TOPIC: What is the theme you are using to communicate the principles? What is the overarching idea (thinking, logic, thread) for your design? Brainstorm on the principles within your theme. (for example: If your theme is a game of pool, alignment could show the balls aligning together. If your theme is a designer's process of creating, alignment could show the final works pinned on the wall together in alignment.)

STYLEFRAMES: Which styleframe is most successful in communicating the visual style for your theme? Type, color, imagery, etc. Is there unity throughout? Color coding? Suggestions for improvement. 

MOTION: How can the motion could communicate the theme? (for example: A nature theme might connect the motion to the movement of growing. A magic show theme could connect the motion to the forms appear or disappearing.)


SECTION III – AE

8. AE Demos

In After Effects, this week we will review Pen Tool, Bezier Shapes, Adjustment Layers, Masks on images, Effects + Presets

9. AE Resources

10.

Exercise 3: The Power of Transformation (15pts)

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

This exercise challenges you to explore visual change over time—turning one thing into another in a way that feels intentional and connected.

Objective: Create a 5–10 second composition that clearly shows a transformation or evolution.
Transformation can be:

  • Literal: Object A becomes Object B (e.g., a caterpillar turning into a butterfly).
  • Conceptual: A feeling or idea changes (e.g., anger dissolving into calm).
  • Environmental: A scene changes over time (e.g., night becomes day, seasons shift).

Your goal is to show that change in a way the viewer can follow—avoid random image swaps. Every element should help tell the story of “before → after.”

Narrative: Define a clear visual story that shows the evolution of your objects and images. Avoid random placements—each element should have a purpose in the transformation process.

Tips: Think of this as a “mini-story”: beginning (current state), middle (change happening), and end (new state). No need for complex characters: focus on simple imagery that shows clear “before/after.” Less can be more: keep it simple, but make sure each step feels connected. Use transformation effects with purpose: don’t just add effects randomly—ask, “Does this help show the change?”

How to Show the Transformation:
You can create transitions in many ways, for example:

  • Opacity / Dissolve: one image slowly fades out while the next fades in
  • Morph-like Motion: scale, rotate, or warp elements so they appear to “become” something new
  • Color & Effects: use a color shift, blur, or distortion to signal change
  • Mask Reveals: animate masks or track mattes to reveal the next image underneath
  • Position / Motion Paths: slide one image out while the next slides in, making them overlap for continuity

Use transformation effects with purpose—ask, “Does this help show the change?”


Exercise 3 Instructions

Exercise 3 Rubric

9.25 | principles of mg – p2

Due Today: Project 1

For Today:

  • P1 Final Presentations: Approx 1 minute—briefly describe concept (narrative, mood, contrast, and formal) and formal choices.
  • Introduce P2: Principles of Design in Motion

4-principles-of-motion-graphics

Today’s Resources:

P2 Examples

Project 2 Schedule

9.25 – Begin P2; Lecture: Principles of Motion Graphics
9.30 – E2 due; AE Demo: Animated Paths/Image Masks/Effects; Exercise 3 (due 10.14); P2 process small group Crit #1
10.2 – Crit #2 – 3 Styleframes / rough Storyboard
10.7 –  AE Demo: Cameras; Exercise 4 (due 10.21); Crit #2 – 10s / revised storyboard
10.9  – Crit #3 – 20–30s
10.14 – P2 Studio
10.16 – SUBMIT P2; Final Presentation; Begin P3

Due Next Class:

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