COMPUTER

Department of Visual Arts | California State University, Fullerton

ART

483

GRAPHIC

ASSISTED

AGENDA:

(Dates and projects are subject to change)

 

 

WEEK 01 _ Jan 29_______________________________________________

 

 

 

Intro.

Syllabus

C4D Installation/License

Communication

Office hours

Tools

File naming NCSPD

...

 

 

 

 

 

Adobe After Effects 2D|3D

 

Rostrum Camera

Ken Burns

 

 

 

 

 

 

Watch on Lynda: After Effects CC 2019 Essential Training: The Basics by Mark Christiansen

For sure watch Introduction and Foundations chapter. (My suggestion: Watch all 2 hours.)

 

 

"Mask Up!"

 

- Only abstract shapes

- If referencing to flag it must be graphical. (no raw/realistic photo)

- Make sketch on storyboard template. (download from source page)

 

COPY ----------

“I may never have met you,
we don’t go way back.

Maybe we wouldn’t even be friends if we did,

But when you wear a mask, you have my respect.

Because your mask doesn’t protect you,

it protects me.

I wear my mask to protect you.

Be CA Tough, Mask Up, America.”

END COPY ----------

Credit: Mask Up America Campaign

 

 

Audio Source:

unminus.com

 

 

 

Introducing Project 1 [Here]

 

For next class:

Mask Up Clip.

Your song choices for Project 1  (3 playable songs+info )

 

 

 

WEEK 02 _ Feb 05_______________________________________________

 

How is Mask Up file?

Uploaded?

 

 

 

What song?

Project1 - Song Information [Here]

Project 1 | Create storyboard

 

Storyboards show your idea in detail according to the timeline. (actions, directions, texts, images, possible sync on chorus, ...)

 

If you need template for story board [Here]

 

Demo

TITAN'S Diner Download working file [Here]

 

Start a New Project

Create a New Composition

Adding Footage to a Composition

Resizing a Layer

Creating a Solid

Applying an Effect to a Layer

Applying a Blending Mode

Drawing a Mask with a Shape Tool

Animating Flashing Lights

Adding Text

Using Motion Blur

Using a Text Animator

Customizing Transformations

Nesting One Composition in Another

Using Illustrator Graphics in a Composition

Applying  Rotation

Parenting to Coordinate Two Layers

Adding Audio to a Composition

 

You will create your own version of Titan's Diner Splash.

As an examples:

> You can change how the "Eat" at Titan's Diner text in the corner appears on the screen;

You can make all of the text items rotate or slide into place, or you can fade them in by animating the Opacity property.

 

> You can  play with different ways to animate the lights. For example, instead of having them turn on and then turn off in turn, you can have them turn on in sequence and then all turn off at the same time, or have them all flash on and off together. Be playful and explore.

 

 

For next week Feb 12:

A. You have digital file of your song on your hard drive, import to AE.

Trim the song to the section you will use. no less than 30 sec, no more than 60 sec. (ideally around 45 seconds)

The selected portion of the song must have acceptable beginning and ending (Fade in? Fade out?)

In any case we may use fade-in and fade-out, make sure fade are not causing any missed lyrics.

B. You submit your storyboard as pdf with clear envision for each frame and duration.*

Storyboard should complete and clear enough, if you ask another motion designer to complete the job, they don't face any question.

C. You have your time line in WIP status. Ready to share you screen.

D. Submit "your" version of Titan's Diner. 5 seconds/with Audio.

 

 

 

 

WEEK 03 _ Feb 12_______________________________________________

 

Your version of Titans Diner > Upload to canvas

 

How is your storyboard?

Do you have your song on your hard drive?

Did you bring it into AE? trimmed?

 

Demo

Converting an audio file to visual key-frames

Adding expression to a property

Modifying the expression

 

 

Creating texture/pattern in Illustrator and use it in After Effects.
Type as pattern?

Safe zone in composition

 

Trim Paths

Stretch letters

LOVE <--> HATE

 

Online Sources:

bensound.com

unminus.com

coverr.co

 

* premiumbeat.com

 

For next week Feb 19:

 

A. A motion piece including video between 5-10 second (audio 5-10 second and text in minimum 3 shots.

HDTV 1080, FPS (your call according to your downloaded video 29.97 or 24).

Searching is the key. Fast paced pieces may fit better.

Theme: food, sport, tourism

 

You will match/sync the audio with your text.

(Interested to add a simple shape or line? Any creativity to use Trim Path ?!)

 

 

B-1. Submit screen shots from your project 1 from second 0, 1/2, 1, 3, 5, 10, 15, 20, 22, 25, 30, 35, ...,last second before end, -1/2, 0.

You'll arrange up to 16 screen shots in a horizontal tabloid sheet. Be a good designer and lay them out perfectly. Consider margins and header with your information; name, class, date, project title, song title, ...

 

B-2. Your project 1 file is playable on your machine and your are ready to share the screen with class.

 

 

WEEK 04 _ Feb 19_______________________________________________

 

 

Submitting your Sync to Beat?

Submitting your screenshots?

 

How is your Project 1? Next week is due!

 

Effect in After Effects

Fullerton Auction - Working files [Here]

 

 

 

Track footage using the 3D Camera Tracker.

Add camera and text elements to a tracked scene.

Set a ground plane and origin.

Create realistic shadows for new 3D elements.

 

 For next week Feb 26:

 

A. Your Auction promo by your footage.

Stage a scene and make your own auction.

Minimum 5 text-frames in different plane + Shadow + randomizer.

Alternative topic?

 

 

B. Project 1 - Final Version

 

 

 

WEEK 05 _ Feb 26_______________________________________________

 

Is Auction promo ready to upload?

Is Project 1 final version is ready to upload?

 

* Cinema 4D installed? License?

 

Green Screen / Masking / Reveal / 3D-Zaxis in After Effects

 

Green Screen Assets, Images [Here]

Green Screen Assets, Footages [Here]

Action Essential FX [Here]

 

More free online footage for practice [Here]

 

IG examples:

https://www.instagram.com/filmmakersturf/

https://www.instagram.com/cameralust/

https://www.instagram.com/momentum_productions/

 

 

Upload one example of green screen practice using provided footage/images before the end of class.
Your example must include: Green screen footage, Background video, Text.

Pay attention to Timing, Color Setting, Typography, first-frame and last-frame.

 

During the week you will shoot a short action in front of green screen (or any color screen) to create your own video/gif.

You can use a sheet of colored paper or card stock. Think about bed sheet, empty wall, etc.
Lighting is more important.

Keep the camera stable. Don't trust your shaky hand!

The act should last for 5-8 seconds.

The final composition can be vertical or horizontal according to your idea and original video.

 

Be Creative and plan before shooting.

What is the first frame? What is the last one?

How the subject/character is coming to the scene?
What kind of interaction is happening in the scene?

Are you creating any digital assets to interact with?

Create a virtual interaction with your clip.

Adding still image or another clip as background.

Shoot couple of seconds more beyond what you need.

 

           

 

Project 2 | Moster

Animated Poster/ Poster in Motion/ Moving Poster / Moster (?)

Typographic Poster in Motion

Theme: Movie, Graphic Design, Musical.

 

8-10 seconds,

750 x 1125 pixel

Format : mov, avi, mpeg, mp4

 

List American Typographers on Wiki [Here]

 

 

Mosters in movie industry must partly or fully use elements of the original
movie poster it is based on and can only take place within the poster, it cannot
use live action from the movie, must be under 20 seconds and must end with the same
still image of the original poster. They are also designed to give moviegoers a teaser with
regards to the movie and sometimes they carry Easter eggs as well!

 

 

WEEK 06 _ Mar 05_______________________________________________

 

Upload your green screen file.
Upload your final version of Moster file.

 

 

C4D | Here we go!

 

Cinema 4D R23

Interface

Primitives

Primitive's attribute

 

Download cheat sheet [Here]

 

For today:
Lets make something before forgetting!

 

 

 

For next week:

A. Bring your sushi bar to continue.

We are expecting more complex shapes using primitives in your scene.

 

B. Bring some photos of your 2 favorite spots. Preferably an exterior.

For example a local coffee shop?Your apartment? Your house? Your favorite chipotle? other restaurant?

We will pick one of them for next project.

 

 

 

 

 

WEEK 07 _ Mar 12_______________________________________________

 

 

Last week submissions: Green Screens and Mosters.

Upload your favorite spots photos to the canvas, we review them before your departure.

 

Lets see what we have so far in our restaurant practice.

 

We continue on our sushi bar:

Material,

Color,

Light,

Camera,

...

(Animating?)

 

 

For Next week:

A. You will upload your restaurant before next class 9am., March 19th.

Your restaurant includes Color material (Color+Luminance), Camera (Isometric projection), Light

 

B. Your clay file on YCS (Your Cherished Spot) , ready to share your screen.

We compare your structure with the chosen photo.

 

Extra:

You can create a short motion (less than 5s) by growing all objects in your restaurant.

The growth must happen logically in order. From bigger objects to smaller and bottom toward up.

 

 

 

 

WEEK 08 _ Mar 19_______________________________________________

 

Submit your C4D restaurant... Let's review.

Share your screen, YCS structure. Keep the photo(s) handy.

 

Continue on C4D - Your Cherished Spot!
Text, extrusion, splines, sweep, ...

Cheatsheet #2 [Here]

 

"Abstract World" with real world measurement.

 

For Today:

You will upload your restaurant by the end of the day.

Your restaurant includes Color material (Color+Luminance), Camera (Isometric projection), Light

Any motion?

 

For Next week:

Be ready to upload finished version of YCS as final render + your reference photo.

 

We will continue to work on Abstract World....Make your Abstract World in clay mode and ready to work on it  with 32 objects.
Objects must be in round and complete measurement, precise position.

 

Extra:

Similar to previous files, you can create a short motion (less than 5s) by growing all objects in YCS.

The growth must happen logically in order. From bigger objects to smaller.

 

 

IG account to explore:

petertarka

Look at early posts in 2019

 

 

WEEK 09 _ Mar 26_______________________________________________

 

 

Extra:

36 days of type

April 5th - May 10th

IG: https://www.instagram.com/36daysoftype/

 

 

How is your YCS?!

Ready to upload?

 

Question from last week :

Adding texture?

Found online JPG to practice [Here]

Import from Ai

 

 

Working on Abstract World

 

Spline continues...

Lathe

Atom Array

Chamfer

Spline wrapper

Boole

Bevel

Dissolve

...

(Cloner?)

 

Working with spline (Lathe, Loft) [Guide]

 

 

Material? Preset - [Here]

Materials/Textures Include:

- Aluminum

- Radial Brushed Aluminum

- Rough Cast Aluminum

- Warped Chrome

- Copper

- Radial Brushed Copper

- Rough Cast Copper

- Gold

- Rough Cast Gold

- Rough Cast Silver

- Steel Material

- Large, Medium, and Small Brush Steel

- Pitted Steel Material

- Rough Cast Steel

 

How to install:

 

1. Copy the `CVMetalMaterials.lib4d` file from the `Preset` folder in this .zip file

2. Open Cinema 4D

3. `Edit > Preferences > Open Preferences Folder`

4. Browse to: `library > browser`

5. Paste the .lib4d file.

6. Restart Cinema 4D

 

Due on April 9th:

Finished version of Abstract World (Any resubmissions, or missing files)

Take advantage of this Spring Break to catch up!

 

 

WEEK 10 _ Apr 02_______________________________________________

🏖🏖🏖

 

 

 

WEEK 11 _ Apr 09_______________________________________________

 

Due: Your Cherished Spot

 

We continue:

 

Deformer

MoGraph

Making with MoGraph

Cloner

Effector

 

Download working file [Here]

 

Make Your Fantasy City:

minimum 5 street (keep the number of street odd)

Use 20 different buildings from your classmates assets AND provided file and clone to build your city

Have 10 cars in your scene  ( we need them when we animate this scene)

Be creative and keep the city alive by adding green stuff.

Be a good urban planner/architect by building skyscrapers in different height.

 

The goal is using cloner/effector in effective way.

 

Upload your zip files to Google Drive
Make sure rename your file by your Lastname_Filename.zip [Here]

 

Bring the file ready to next class and we work during the class to animate it.

 

WEEK 12 _ Apr 16_______________________________________________

 

 

Text in action

Text in MoGraph

Motext

Shell, side, cap, ...

Deformer on text

Animate motext - no keyframe

 

Download working file - Donut Shop - 3D

[Here]

 

Next week due:

Fantasy City

 

Have a photo handy for lighting project...

 

 

 

WEEK 13 _ Apr 23_______________________________________________

 

Lighting in C4D

Omni, Spot, Infinite, Area

Falloff in Area light

Shadow

Color

3points lightning: Key,Fill, Rim

2 points side-lighting

Back-lighting

Noir lighting

Color in light/Color in shadow

 

 

Stage your scene

Requirement for the scene: Minimum 12 objects + CSUF logo and TV (Total 14 objects)

Geometric shapes can be use as fillers but don't count them as objects.

Feel free to use up to 10 objects from provided assets, but you are required to create at least 2 new objects for yourself.

Material: default gray/clay for all objects

 

Download working file - CSUF TV - 2D [Here]

Download working file - CSUF TV - 3D [Here]

Download Extra assets - 3D [Here]

 

Arrange  your reference/color inspiration with your C4D result in a composition similar to examples for final delivery.

 

Next week due:

Lighting

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

WEEK 14 _ Apr 30_______________________________________________

 

 

 

Cinema 4D | Animation

 

Key-frames

Power Slider

Timeline - Dope Sheet

Timeline - F Curve

Linear vs Spline

Squash & Stretch (weight, elasticity)

Animation on Material


Working File - Randy [Here]            

 

Project File - Roll The Ball Randy! [Here]

 

 

Recommended time for practicing file (Randy) at least  2 hours

Recommended time for Roll The Ball Randy at least 5 hours without lighting or texture

If you are planning to add light and texture expect an additional hour.

 

Due next week: 6-10 second animation - Roll The Ball Randy!

 

 

WEEK 15 _ May 07_______________________________________________

 

Continue on Animation...

 

Null concept in Animation

Spline / Rail

Smoothing the path

Adaptive motion vs Uniform motion

Wiggle/Vibrate Tag

Wind deformer

Displacer deformer

Emitter

 

 

Project file - Sit Tight [Here]

 

Due:

Minimum Required: 200 frame - fixed camera

Recommended: additional frames, extra loop, additional motion, extra camera, moving camera, audio.

 

 

WEEK 16 _ May 14_______________________________________________

 

We do not have mandatory class.

But I will go over how to render animation properly in sequence of PNG's.

I will start the class at 10am till noon.

 

Due date on Sit Tight and other projects May 18th, 11:59

You will have a separate folder on canvas to upload all original c4d files.

 

 

___________________________________________________________

NCSPD

LastFirst_Class_Semester_ProjectName_Date.xxx

SmithJohn_art483_sp21_serialkiller_mmddyy.jpg

 

CALIFORNIA STATE UNIVERSITY FULLERTON

OMID OROUJI  OMID.ART  OMID.STUDIO  | iOMID.COM