◊

AGENDA:

(Dates and projects are subject to change)

 

 

WEEK 01 |||| JAN 20 ||||||||||||||||||||||||

 

◊ WED

 

Intro.

 

-- "I bought a 4K TV!"

-- Photoshop vs Illustrator

-- Raster vs Vector

-- Quality and Resolution

 

 

 

 

 

WEEK 02 |||| JAN 27 ||||||||||||||||||||||||

 

◊ MON

 

-- Around Photoshop

-- Around Illustrator

-- New Documents

-- Native formats; psd, ai.

-- Export from Ps and Ai

-- Importing file: Copy-paste, Place, Import, drag,...

-- Quality and Resolution; 72, 150, 300

 

Let's make some lines. (or paths?)

Download [Ch1] file.

 

House Project (10 Point)

 

Take a good/straight/frontal photo of your building (home, house, dorm, ...).

Draw your house in Illustrator.

Keep your lines straight. No curves.

Use only flat/solid colors. No gradients or textures.

Try to be accurate and faithful to details.

 

In Illustrator first save your file as .ai format for your archive, then Export your file as JPG to use in Photoshop.

In Photoshop place your result from Illustrator AND the real photo in a letter size document/portrait orientation/screen quality/1" margin/ RGB mode

 

You will upload 2 files to your canvas BEFORE next class on Wednesday.

Format:

LastnameFirstname_Art140_Sp20_HouseDrawing_012720.jpg

LastnameFirstname_Art140_Sp20_HouseAndPhoto_012720.jpg

 

 

Make sure you finished a practice before leaving the class to make sure

you understand the assignment completely.

 

◊ WED

 

 

Value (Dark / Medium / Light)

 

Value (Dark / Medium / Light)  [Text 01]

Mondrian [Here]

 

Curves and paths

Tracing shapes.

Download [Ch2] file.

 

First we work on the tracing template file.

Then finish the shapes file and upload to Canvas before leaving the class.

Use solid color if need any. Do not use gradients.

 

 Format:

LastnameFirstname_Art140_Sp20_shapes_012920.jpg

 

Via Google search image/Unsplash find a good quality image of a sea creature! (at least 600px on short side)

Trace and create digital version of your creature (with strokes and fills) while you are modifying the details.

 

 

 

Add some background using pen tool behind the creature in different layers.

Export your file as 150ppi jpg, using artboard.

 

 Place your final result + actual photo in a single document, letter size, 150 ppi, 0.5" margin

You will upload 2 below files to the Canvas. (Pay attention to the formats and artboard)

 

 LastnameFirstname_Art140_Sp20_SeaCreature_mmddyy.jpg

LastnameFirstname_Art140_Sp20_SeaCreatureAndPhoto_mmddyy.jpg

 

 

Self-check before uploading to the Canvas:

 

Did I use a good quality image?

Did I use pen tool to trace?

Did I create all shape in smooth curve?

Is there any broken curve or bumpy path?

Did I add create background for my creature?

Is my digital file similar to original photo?

Is my final file has correct resolution/margin?

Did I save my file with right format/name?

 

Due Date: Before our next class time on Monday.

 

 

 

WEEK 03 |||| FEB 03 ||||||||||||||||||||||||

 

 

◊ MON

 

Due Today: Sea Creature

 

All about values

 

Download [Ch0304] file.

 

Download Slogan [Here]

Download Bench [Here]

Download lines template [Here]

 

Add your name to top-left corner of your file in red, Courier 15pt

 

Upload your files to the canvas.

Do the exercise Ch.03 by taking 6 photos (landscape) and following the instruction.

Open photos in photoshop and arrange them by following the instruction on canvas.

You will upload 2 files to the canvas.

For example:

LastnameFirstname_Art140_Sp20_DarkBG_mmddyy.jpg

LastnameFirstname_Art140_Sp20_LightBG_mmddyy.jpg

 

◊ WED

 

 

Composition and value

Rule of thirds

 

Files; Disk Space, Native files

 

Download [Ch0407]

 

Half-tone

Before next class create your half-tone image by following instruction on the Canvas.

 

 

 

WEEK 04 |||| FEB 10 ||||||||||||||||||||||||

 

 

◊ MON

 

Area Contrast:

Good contrast

Histogram

High Contrast

Low Contrast

Emphasis

 

Windy Northridge  [Here]

Edit path, Text on path, Adjust values in color

 

Try to create the same value as the template.

Include your name and last name in Courier 20/red over the wavy path.

Save your file as jpg (don't forget artboard)

Upload your file to the canvas.

 

 

 

◊ WED

 

Download - [Ch0811]

 

Pathfinder - Practice [Here]

 

Composition - Read [Here]

Negative space

Cropped

Symmetrical

Asymmetrical

 

File for exercise [Here]

Kitchen composition [Here]

 

Upload 2 Kitchen Compositions jpg format to the Canvas.

Pay attention to the focal point, balance, and eye movement in your compositions.

 

 

Homework:

Download template ch.8 [Here]

Download template ch.9 [Here]

 

Upload 12 jpg file before next class. (pay attention to the files name.)

 

 

WEEK 05 ||||| FEB 17 ||||||||||||||||||||||||

 

◊ MON

 

Contrast (low/hight)

Curve

Level

 

Area contrast vs Background Contrast

 

In-class working files [Here]

Ansel Adams Examples [Here]

 

Upload Sky and VideoGame file by the end of class by following the instruction.

 

 

◊ WED

 

Color

 

Color Theory

Paint vs Light

Contrast (low/hight)

 

Download [Ch1112]

 

Color Working file [Here]

Sample Image | Flower [Here]

Hue/Value worksheet [Here]

 

 

 

 

WEEK 06 |||| FEB 24 ||||||||||||||||||||||||

 

◊ MON

 

Value vs. Intensity

 

 

Download [Ch131415]

 

Color Intensity/Saturation Working files [Here]

Working file Leaf [Here]

 

Upload Cactus and Leaf file by the end of class.

 

Take 6 photos using complementary scheme.

Horizontal, no crop, no post production, no filter.

Arrange them by stacking over each other in a portrait document with one each spacing. upload to the canvas before next class.

 

 

◊ WED

 

Warm Color vs Cool Color

Triadic Scheme

 

 

Working files Ch14 [Here]

Working Files Ch15 [Here]

 

 

 

SKETCH!

Sketch your character!

3 sketches on WHITE paper. Letter size.

 

WEEK 07 |||| MAR 02 ||||||||||||||||||||||||

 

 

◊ MON

 

Geometric artwork / Geometric character

Download [Ch1617]

 

 Good shape

Iteration

Center of shape

Small scale detail

Proportion

Repetition / Variety

 

 Character Template [Here]

Upload your version as jpg to the canvas by the end of today.

 

Artist to review:

OSKAR SCHLEMMER

 

We start making sketches for a fictional character. As always the more the merrier.

We will select 3 sketches for your character to develop next class.

Make sure  we finalized your top 3 sketches before leaving the class.

 

 Practice chapter 16 and do the exercise. Whale Template [Here].

Save your file as jpg and upload to the canvas before next class.

READ chapter 17 before next class.

 

 

 

 ◊ WED

 

Geometric Character

 

Sketch 3 "different" ideas.

Be playful with the proportion of body, head, ...

Try to forget familiar anatomy of human body and known animal.

 

We take these 3 sketch to digital world and try to develop by iteration.

Image tracing technique and modification.

 

Import your 3 digital character to this [template] and save as jpg and upload to the canvas before next class.

 

 

WEEK 08 |||| MAR 09 ||||||||||||||||||||||||

 

 

◊ MON

 

Creating silhouette version of the character.

We picked the best sketch to develop the character.

 

Some common corrections. [Here]

 

Character Development

Iteration, Iteration, Iteration

 

Look at the scale of the head and body. Look at their ratio.

Try to avoid human scale/ratio.

Your final result shouldn't look like the first generation.

 

 

◊ WED

 

Working on color palette when you have final shape of the character.

For coloring don't forget:  Adobe Color [Link]

 

 

WEEK 09 |||| MAR 16 ||||||||||||||||||||||||

 

 

 

SPRING BREAK

🚿👇👐

 

 

TAKE CARE OF YOURSELF

 

 

 

WEEK 10 |||| MAR 23 ||||||||||||||||||||||||

 

 

How to document your character progress:

 

You gather all steps (including initial sketches, image tracing, developing, iterations, color testing and final version) and document them in a single pdf file.

Your final file will have 3 pages. (Letter size / portrait / 150ppi / RGB)

Page 1 : 3 initial digital sketches at the top following all evolution steps

Page 2:  Character in different color variations

Page 3: Final version of character including color stand-alone

 

Use the template and replace the information with yours.  [Here]

 

 

-----

 

Compound image / Good shape

(DADA - SURREALISM)

Download Ch20 [Here]

Freud Compound [Here]

 

 

Practice - Mr Dorgan - Working file [Here]

 

Photomontage

Montage/Collage

Layering/Clipping

 

Upload Mr. Dorgan to your canvas as jpg. Include your name at the bottom of the design in 12pt.

 

 

Upload the compound exercise Freud before next class.

Upload your character result before next class.

 

 

WEEK 11 |||| MAR 30 ||||||||||||||||||||||||

 

◊ MON

Contrast and Color

Color Balance

Cool Image vs Warm Image

Download Ch18-19 [Here]

 

Working files Ch1819 [Here]

 

Use the template and replace your photos with the template. [Here]

Make sure at the end delete the template layer (gray rectangles) before  saving your file as pdf.

3Photos :

a. Use rule of thirds

b. Use lines to frame/point to the main subject

c. Create cool and warm editions of your original photo using Color Balance, Hue/Saturation, ...

 

 

 

◊ WED

 

Collage/Montage Project

 

Working Files- In-Class  [Here]

 

 

Homework:

Document Size : Letter size Vertical or Horizontal / 150 dpi

Combine at least 5 photo/image/layer to create your Surreal/Dada project

 

Keep in mind:

General composition?

Color theme?

Subject matter?

Rhythm? repetition?

Using all the space? leaving some space blank?

Positive area vs. negative area?

 

Download the surreal project template. [Here] Save all the assets in a separate artboard.

 

 

 

Tips on selecting your assets------------------------

 

Common surrealist elements/themes:

Slow flying things (insects, birds, balloons, etc.)

Food

Hybrids (ordinary animals or objects spliced together)

Sensory organs (mouths, eyes, ears, fingers, noses, etc.)

Insect parts (wings, heads, legs, etc.)

Human parts (any)

Some whole animals (dogs, crabs, fish, turtles, etc.)

Astrological symbols

Cloudscapes

Vast landscapes

Golden color

Elements that have symbolic/referential meanin

Things that represent birth and death (skulls, skeletons, babies, etc.)

Things that show time (watches, clocks, calendars, sundials, etc.)

Changes in scale (giant ants, tiny elephants, etc.)

Replacements (birds in a fish tank, dogs driving cars, etc.)

Portals (doors, windows, gates, etc.)

Game pieces (chess, cards, etc.)

 

Consider using:

Floating objects

Bending the laws of physics

Mystical spaces

Transformed/hybrid creatures/objects

Changes of scale

Making interior into exterior

 

 

WEEK 12 |||| APR 06 ||||||||||||||||||||||||

 

◊ MON

 

Continue of Surreal ...

Technical tips  (select , blend, modify, ...)

Double image, double exposure...

Recorded video and working files on Canvas.

 

​

 

Due next class: The surreal project is done and ready to export. we do final touch during our zoom meeting and upload the result by the end of class on Wednesday.

 

◊ WED

 

Zoom Meeting on Surreal Project.

 

 

 

WEEK 13 |||| APR 13 ||||||||||||||||||||||||

 

◊ MON

Illusion of Space

 

Perspective

Atmospheric

One Point

Two Point

Vanishing Point

 

Working file [Here]

 

 

 

◊ WED

 

Continue on Perspective

3files due in class:

CL_02_Perspective_5type

CL_03_Perspective_9cube

HM_01_1point - vanishA

 

2files Homework:

HM_02_2point -1vanishOut

HM_03_1point - Street

 

 

WEEK 14 |||| APR 20 ||||||||||||||||||||||||

 

◊ MON

Depth

2 point Perspective in Illustrator.

 

Begin as In-class assignment and upload to the canvas before next class:

Create a design with at least 11 cubes in 2 point perspective, legal size/horizontal document in Illustrator.

Choose your favorite color in a monochromatic scheme and color your design logically.

You will pay attention to arrangement of the layers and atmospheric perspective.

 

We begin as in-class assignment and we will finish by the end of next class together:

Create a word with 3 characters or an acronym in a 2 point perspective by using all 3 plates (Left, right, and horizontal)

Use shade to define depth and dimension.

Pay attention to layer arrangements and overlap areas.

 

 

​        

◊ WED

 Continue on Perspective

Using Perspective tool/grid in illustrator and create letters in 3D

 

 

 

WEEK 15 |||| APR 27 ||||||||||||||||||||||||

 

◊ MON

 

Download CH26-27-28[Here]

​

 

Bilateral Symmetry

Working File Ch24 - Symmetrical Divisions [Here]

 

Upload your bilateral symmetry design

 

Take 3 photos which found grids create unity or adding focal point.

 

 

 

◊ WED

 

Creating Final Portfolio

New tool: Adobe InDesign

 

​  

 

 - Defining preset vs New Document

 - Facing pages vs Non-facing page

 - Working with master page

 - Grids and Guides

 - Creating Header / Footer / Folio / Page number

 - Importing image / working with image frame

 

 

Download working file Amazing Northridge [Here]

 

 

 

WEEK 16 |||| MAY 04 ||||||||||||||||||||||||

 

 

◊ MON

Continue on Adobe InDesign

Using Snippet

 

Design your Layout, Cover

 

Portfolio requirement

 

Size

Page

Content

Cover

 

 

Final Portfolio Brief [Here]

CSUN Logo for your Portfolio Cover in 3 color [Here]

Helpful Snippets for your Portfolio [Here]

 

◊ WED

 

The last day.

No Mandatory class.

 

I will be available to assist you to redo/resubmit any project since beginning of the semester.

or any question regarding your portfolio file.

 

Next week we will finish the semester by taking the exam and uploading the final portfolio to the canvas.

 

 

 

 

WEEK 17 |||| MAY 11 ||||||||||||||||||||||||

 

 

NCSPD

Name_Class_Semester_ProjectName_MMDDYY.xxx

SmithJohn_art140_sp20_House_012819.jpg