856 INTERMEDIATE COMPUTER GRAPHICS

FINE ARTS ELECTIVE

1 Semester – 1/2 credit

Grades 9,10,11,12 – Elective – Fee

Prerequisite:Foundations in Computer Graphics

Intermediate Computer Graphics will expand upon the basic skills learned in Foundations in Computer Graphics, as well as adding skills in new programs. Lessons will involve a mix of commercial graphics applications (magazine/web/poster design) as well as fine arts applications (digital painting/photo manipulation/illustration).

There are a limited number of sections offered. If the number of students needs to be reduced, upperclassmen will have the priority.

WORKING ON COMPUTER GRAPHICS AT HOME

Our main computer graphics platform is now Adobe's Creative Cloud. (CC) This contains all the industry standard programs used by digital designers/illustrators. However, since it is very expensive, working at home will probably require using open sourced software (legally free), or getting a trial version of Photoshop/Illustrator for a limited time. Programs on Adobe's Creative Cloud can be leased on a month by month basis for students who want extra time at home.

GIMP (open source software) will open up Photoshop documents and is also able to save as a Photoshop document. (.psd) However, there may be some loss of information. (For example, it will not save paths.)

You can go to any of the following sites and download the applications for free and get a start on the school work:) These are completely safe, and should work on both Macs and PCs. If you have older operating systems (Like Windows XP) you may need to download older versions of some programs. For example, you may need to download Gimp 2.6 for Windows XP.

gimp.org/

www.inkscape.org/

www.blender.org/

photopea

GENERAL RESOURCES

DESIGN AND COMPOSITION

• 5 PRINCIPLES OF DESIGN (PODs)

• FOCAL POINT-BALANCE FLOW CHART

COMMON PHOTOSHOP SKILLS/TOOLS

• REMOVING SKIN BLEMISHES

• A GAME FOR LEARNING TO DRAW FREEHAND WITH THE PEN TOOL

COMMON ILLUSTRATOR SKILLS/TOOLS

• PATHFINDER TOOL This tool allows you to join, divide, and otherwise manipulate touching shapes in a variety of ways.

• A GAME FOR LEARNING TO DRAW FREEHAND WITH THE PEN TOOL

PHOTOSHOP CC BRUSHES

• ADDING BRUSHES IN PS CC

• CREATING CUSTOM BRUSHES IN CC

INT COMP GRAPH : Photoshop

1.1 SILHOUETTE PROJECT

- Students will practice using design elements and photoshop tools to create a simple design as a class warm up project.

• PEN TOOL GAME: DO THIS, FIRST!

• SILHOUETTE INSTRUCTIONS.pdf

1.2 FANTASTICAL LANDSCAPE:

Photoshop - Students will create a surrealistic landscape that has at least 5 photo manipulations to reaffirm PS skills

This is a good example of what you will be doing. You're going to combine a number of images into your own, creative scene. You can find images, but taking your own image for specific needs can be very useful!

• STAR WARS WEDDING PHOTO

• STAR WARS 'FINISHER'

• FLYING PIRATE SHIP

• SECRET UFO

• ALICE IN WONDERLAND WEDDING

• FLOODING KITCHEN

• FLYING IN THE AIR

• LIFE'S PATH

INSTRUCTIONS FOR THE PROJECT:

• FANTASTICAL LANDSCAPE.pdf

• Selecting using the Mask tool

STEP 1: FUNDAMENTAL SKILLS PRACTICE WITH TUTORIALS

Fant Land Skills.psd

SKILL 1: MERGING OBJECTS TOGETHER

SKILL 2: ADJUSTING POSES WITH PUPPET WARP

SKILL 3: MATCHING COLORS WITH ADJUSTMENT LAYERS

SKILL 4: ADDING TEXTURES WITH THE LIQUEFY TOOL

STEP 2: COMING UP WITH A PLAN

Fantasy Landscape Generator.docx

EXTRA TUTORIALS

• CREATING STONE SKIN

• CREATING A WATER PERSON

• CREATING TREE SKIN

• CREATING WATER REFLECTIONS

• 300 MOVIE EFFECT

• MODIFYING FIGURE SHAPE

• PUPPET WARP-CONTENT AWARE FILL

2. PUNNY STREET SIGNS:

ILLUSTRATOR - This basic intro to illustrator will have students use basic shape and line to create a funny vector based street sign.

• Illustrator Sign Project.docx

• Creating Basic Shapes in Illustrator

• Adding Fonts Into Illustrator

2.1 RULE OF THIRDS:

ILLUSTRATOR - Students will create a series of 6 boards that show composition built around the rule of thirds.

Rule of Thirds Project.pdf

STEP 1. CREATING A RULE OF THIRDS GRID

STEP 2. IMAGE TRACING YOUR OBJECT IN CS6

• PEN TOOL BASICS IN CS6

• MORE PEN TOOL, WITH TERRY WHITE

• MAKING SHAPES RADIATE FROM A POINT

• CREATING A PATTERN

• CHANGING COLORS IN A PATTERN

• ADDING TEXT TO A PATH OR SHAPE

• ADDING GRADIENTS TO TEXT

• EXPORTING TO JPG FORMAT FOR TURNING IN

2.2 VECTOR NINJAS! ILLUSTRATOR

- Students will create a scene using antagonist and protagonist ninjas as a starting point for their narrative.

SCHOOL FRIENDLY VECTOR NINJAS.pdf

EXPORTING YOUR IMAGE AS A JPEG

• Setting Up Ninja

• Building and Coloring Ninjas

• Fill and Stroke Ninjas

• Moving and Copying Ninjas

• Overall Ninja Overview

2.3 PURE VECTOR ILLUSTRATION: ILLUSTRATOR -

Students will create a vector portrait from a photo that they have taken. Students must use rule of thirds, good lighting, and strong emotional content.

Vector Portrait RBK.docx

• Vector Portraits Step 1

• Vector Portraits Step 2

• Vector Portraits Step 3

• Finalizing Portraits

• Portrait Overview/Inspiration

2.4 LOGO DESIGN: ILLUSTRATOR/DIMENSION

TEXT ART SUPPORT

• TEXT TOOL CREATIVE OVERVIEW AI This gives you an overview of what you can do with text, including horizontal/vertical type, filling shapes, typing along paths, and the Touch Type tool.

• TOUCH TYPE TOOL AI The Touch Type tool allows you to manipulate individual letters within a word.

• TEXT TOOL IN DEPTH

  • 2:30 Typing on a path

  • 3:30 Vertical Type Tool

  • 4:35 Typing within objects/shapes

  • 5:20 Type>Character Palette

    • Bold, Italic, Size, Leading, Spacing, Kearning

  • 8:15 Text Effects

    • 3D, Bevels, etc.

      • Turn 3D to outlines. Com+Y, so that you can find anchors.

  • 12:30 Modifying the stroke to have different visual effects.

  • 13:20 Fonts with gradients

    • You must ‘create outlines’ making the font no longer text.

    • Making a different gradient on stroke and fill for your text.

    • 15:40 Adding reflections to text using a mask.

CREATIVE TEXT IN ILLUSTRATOR

Direct Select 1:15, Typing on a Path 2:30, Typing in an Object/Shape 4:20, Arranging Text 5:20, Special Effects (3D) 8:10, Non-Standard Outlines 12:35, Adding Gradients 13:15, Reflecting Text 16:35

WARPING TEXT SHAPES

WRAPPING TEXT AROUND AN IMAGE

ALTERNATE PROJECTS:

UNSUNG HEROES PROJECT