Computer Graphics

854 FNDS COMPUTER GRAPHICS

1 Semester – ½ credit 

Grades 9,10,11,12 – Elective – Fee – Prerequisite: None

This class is required before taking Intermediate Computer Graphics. Foundations in Computer Graphics is a course for those interested in developing art skills with the aid of a computer. Students will use multiple programs to create original art on the computer. They will learn to scan, create, and manipulate their own artwork on the computer. Skills learned will help the student enhance written reports through the use of borders, illustrations, and graphic arts. There are a limited number of sections offered. If the number of students needs to be reduced, upperclassmen will have the priority.

Central Art YouTube Channel

CLASS SYLLABUS

FCG Syllabus.pdf

GETTING STARTED

1.  FREE SOFTWARE

All these programs are 'open source'. This means that they are legally free to download. They will work on Chromebooks, Macs and PC computers.

Photopea - Use this as your at Photoshop

gimp.org/ An open-source version of Photoshop.

GIMP Layer Effect

http://code.google.com/p/gps-gimp-paint-studio/ This is added to GIMP to make it a painter

Adobe Draw - App used in vector drawing portraits

3. GENERAL RESOURCES AND NOTES

ASSIGNMENTS

1.1 TEXT ART

Students will be asked to create an image out of text. Students will choose a HQ image that has strong visual presence, nice line, shape, and value.  NO BLACK AND WHITE IMAGES. Students will be introduced to design elements, the type tool, and how to download fonts.

Phrase Art Handout Photoshop CC

PHOTOSHOP CC VERSION

1. Phrase 1:Setting up your project.

2. Phrase 2: Placing your text

3. Phrase 3: Transform>Distort

4. Phrase 4: Complex Forms

5. Phrase 5: Completion and Saving

6. Phrase: Fitting text to complex hair

7. Phrase: Fitting text to spheres (Soccer/basketballs)

PHOTOPEA

GIMP VERSION

1. Setting up your project.

2. Fitting your text to your photo.

3. Advanced text shapes and text groups

Finalizing Phrase Art

1.2 COLLAGE

Students will be asked to create a collage of high res photographs that relate to a particular theme. Students will learn the in's and out's of the selection tools in Photoshop with an emphasis on composition, focal points, and balance.


Collage Handout Instructions

Collage Write Up and Rubric

FP-BAL FLOW CHART (1).pdf

FOCAL POINT/BALANCE.pdf


PHOTOSHOP CC VERSION

1. Placing Background and Focal Point

2. Using the Magic Wand

3. Quick Mask Cut Out

4. Cleaning Up Cut Outs

MAKING AND MANIPULATING BRUSHES: The first 4 minutes show you how to make your own custom brush. After that, it shows you have to manipulate brushes in a bunch of cool ways. 


PHOTOPEA

Basic Cut Outs With Photopea

GIMP

GIMP SELECTION TOOLS DEMO

1.3 CREATED CREATURES

Students will be asked to blend a minimum of three real creatures together to create a new species of creature. Creatures must be from a real source. Students will work more with the selection tools, as well as learn the clone stamp, and other various tools for blending photos.

Creature Card

Monster Manual

Alternate Cards

CREATED CREATURES.docx

Examples

Bird Wing Collection


PHOTO MERGING SKILLS WITH JOHN CENTAUR

These videos will show you how to combine different photos together, change the pose, match colors of different objects, and even map textures over top of body parts.

1. Download This: Fant Land Skills.psd

Watch the videos to make John Centaur :)

Skill 1: Merging Objects Together

Skill 2: Adjusting Poses with Puppet Warp

Skill 3: Matching Colors with Adjustment Layers

Skill 4: Shaping Textures with the Liquify Tool

PHOTOSHOP CC VERSION

Getting Your Card

Step 1: Making a rough cut of your project

Step 2: Carefully cutting out body parts using selection tools

Step 3: Merging body parts (head)

Step 4: Merging body parts (tail)

Step 5: Color matching body parts

Step 6: Creating a cast shadow

GIMP VERSION

Step 1: Making a 'Rough Draft' of your animal.

Step 2: Cutting out your animal parts

Step 3: BLENDING/MORPHING ANIMAL PARTS TOGETHER

Step 4: ATTACHING CRITTERS TO BACKGROUNDS

2.1 COMIC COLORING:

Students will be asked to find a black and white comic and color it. NOT OLD SCHOOL CRAYONS! This will be done in such a manner that the comic will have a finished professional look complete with light sources, textures, highlights and shadows.Comic Instruction Sheet

COMIC COLORING IN PHOTOSHOP CC

STEP 1: IMAGE CHOICE AND PREP

STEP 2: LAYER SETUP AND BASE COLORS

STEP 3: SHADOWS/HIGHLIGHTS ON FIGURES

STEP 4: PHOTO BACKGROUNDS, PHOTOGRAPHIC TEXTURE OVERLAYS, CAST SHADOWS


COMIC COLORING IN PHOTOPEA 

STEP 1: SETTING UP COMIC IN PS/PHOTOPEA

STEP 2: STARTING TO COLOR IN PHOTOPEA

STEP 3: FINDING REALISM 


COMIC COLORING IN GIMP 2.8

STEP 1. CARTOON SETUP

STEP 2. COMBINING IMAGES

STEP 3. SETTING UP LAYERS FOR COLOR

STEP 4. ADDING SHADOWS AND HIGHLIGHTS

Tutorial

2.3 ADOBE DRAW PORTRAITS

Adobe Draw is a idea generating drawing program that can also be used to create some pretty fantastic surreal drawings. Students will be introduced to the program and all the tools it has available to it. They will then be asked to create a drawing of a surreal type portrait.

Adobe Draw Set Up:

Digital Portraits Adobe Draw Handout

VIDEOS

1. Setting up your project,

2. Images and Brushes.

3. Picking Colors.

4. Adding Darks.

5. Midtones and Lights.

6. Eyes and Mouth.

7. Hair and Clothes.


2.4 Collage Self Portrait 

Students will be asked to create a self portrait collage that shows their personality. This is not your typical high school senior pictures. The artwork should show the student but in an artistic manner that includes all facets of the individual's personality. All art elements, styles, and tools should be used in this project.

DigitalCollageProject.ppt

Digital Collage Reflection and Evaluation.doc

CollageQuestionaire2013.doc

This will use many of the same skills that we used in the collage project: