Announcement:

Project 3 : Presentations are on Class 29 (HARD Deadline).

Topic

  • Type in Motion
  • Continue Project 3: Edits to Posters and Social Media

Objectives

Evaluate and understand the differences between static type and type that moves. Let’s look at some examples


A note of thank you to Professors Kapusinki and Larkins


Today:

DEMO After Effects

New Composition in After Effects: 1080 x 1080 pixels. Enter: Duration 0;00;05;00 (this is 5 seconds). Add a background color.

Go to LAYER>NEW>TEXT> Add a word
again
Go to LAYER>NEW>TEXT> Add a second word
Make sure that you have two layers

Create a type Composition (design)

Now we will start creating the “animation” with the basic transform options of After Effects. We will only use POSITION and SCALE

Timeline and Time indicator /transform options /keyframe
Here I am moving my anchor point to the center of the WORD annoying. The anchor point determines the point from which transformation will happen in relationship to the object animated

We now have to add keyframes. I start by adding these to the end results of my animation. Move time indicator to second 5. Then add keyframes
I am adding a keyframe for POSITION (P) for AWESOME and ANNOYING and
a SCALE keyframe to ART EXHIBIT
Move time indicator all the way to the start of timeline

Once the time indicator all the way to the start of timeline, SELECT ANNOYING, We will transform its positioning again. Move it out of the composition. A keyframe should now be at the start of timeline.
HIT the SPACE BAR to PREVIEW

Do the Same for AWESOME, Hit THE SPACE BAR to PREVIEW
For ART EXHIBIT. I am transforming its scale. I am going to reduce its size.
Note that I am starting at 10% — HIT SPACE BAR to PREVIEW

How to render:

Composition> Add to Render QUEUE
Click over Go to lossless (Output Module Settings)
Format Quicktime and HIT FORMAT OPTIONS

Under CODEC: Apple Pro Res 422, hit ok
Under Output To: Name your File and saving location
Then hit RENDER. This will generate a .MOV file. It will likely be be large
Once in QuickTime go file Export as 1080. This will be a compressed version of the .MOV
(This is the one that you will give me)

Continue Edits


Presentation are CLASS 29

Project 3: Includes:

  • Two 11x 14 inches posters (as specifics of project)
  • Four 1080 x 1080 pixels/ static social media posts (as specifics of project)
  • One 1080 x 1080 pixels social media posting with Type in Motion
    Select one of the four posts designed. Create a new Illustrator file and divide in layers (will DEMO)

Final edits:

  • In addition to all corrections, it is your responsibility to check even if I did not marked them):
  • Correct use of the grid (margins, columns, rows, gutters)
  • Use of visual hierarchy, presentation and overall design aesthetics
  • Use of typefaces (limit 2 per poster and social media post).
  • Applying typographical concepts (alignment, leading pt size, tracking, kerning, variations, etc)
  • Color and legibility as per each item
  • Photograph/ART must have a credit even if it is yours (add credit to right column of social media post). As mentioned on previous classes, all photo or art must be on the public domain, or must have Creative Commons License
  • Check speed of text animation to allow viewer to see.

Assignment

Complete social media with animated typography.
lastname_compressed_1.mov

Place COMPRESSED MOVIE file in DROPBOX

Important NOTE
I have to see process.
Completed Projects without evidence of process will result on low/failing grade

Graphic Assignments are always due the day before class at 11:30 pm, and must be placed in class drive (COMD1127 DROP BOX link) unless indicated otherwise. Assignments uploaded during class on the day that they are due are marked as late.

Participation Activities (Scavenger Hunts, Type Talks and Type Challenges) are due during class or the day before class at 11:30 pm if indicated by the instructor.

Print this page