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:
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