Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 
 

 


GD 105 Class Page
For best results, open browser window at least as wide as the graphic (above) before proceeding

 

Syllabus | Course Outline | Class Calendar | Cuyamaca Calendar

 

About this Page
This page is hosted on Grossmont Union High School District servers to take advantage of control I might not otherwise be able to achieve (like uploading and linking to all the cool video tutorials I'm making for you). The information is intended for my GD 105 students at Cuyamaca College but this page will most likely be discovered by other good folk "out there" in the world outside of academia. My high school students will no doubt find this page as well but that's fine (and probably will be required for some) as it will only reinforce the skills they must master in order to receive college credit for our Digital Arts classes. You may reach me at mskocko@guhsd.net (please don't call).

 

About the Tutorials (and Your Responsibilities)
The following tutorials are intended to help you recall and retain the lectures, demonstrations, and guided practice — after the fact. You are expected to know each of these skills and to refer to the tutorials when in need of remediation. For more tutorials see http://maclab.guhsd.net/cs3/ or Google your specific need. Of course I am willing to help you in class but I'm also expecting you to keep up your end of the bargain by using these tutorials as your first resort, your fellow students second, and me as a last resort.

 

Using Online Tutorials
Command-Tab, Don't Drag <Required Watching> |

 

Illustrator Tutorials

Working With Text
Project Preview | Default Text | Saving Files | Leading | Tracking | Upper and Lower Case | Changing Font Weight, Color, etc. | Finishing Touches | The Challenge (or "Assignment" if you prefer) | Baseline Shift Preview | Baseline Shift | Making Bullets | Type to Vectors (Warning: Letterform manipulation seldom looks good unless you really know what you're doing!)

Illustrator Basics and Drawing Tools
New Document and Screen Mode Options | Panels, Saving Workspaces, and Help | Changing System Preferences | Where and How to Work (Learn to Scroll and Zoom In or Out with the Shortcuts) | The Rectangle Tool & Stroke and Fill | Stacking Order (The Z Axis) | The Bounding Box, Preview, and Outline| Modifications (Fill and Stroke) | Modifications (Size and Rotation) | Black and White Arrow (Thanks Deke!) |Modifications (Size and Shape) | Under the Rectangle Tool (The Evil that is the Flare Tool) | The Power of the Up and Down Arrows | The Power of the Click | The White Arrow Revisited | The Pencil Tool (Seemingly Useless) | The Pencil Tool (Madman Makes it an Incredible Drawing Tool!) | The Power of the Pencil Tool | Under the Pencil Tool | Smooth Tool Preferences | The Line Tool | Under the Line Tool | Warp, Twirl, Pucker, and the Rest of these Oddities | The Brush Tool (What's the Big Deal?) | The Brush Tool Panel | The Best Eraser Ever Invented! | The Extremely Basic Pen Tool Intro (Full-On Pen Tool Project Coming Soon) | Gradients Made Hard | Gradients Made Easy

The Pen Tool
Pen Tool Basics | Beginning the Maze | Finishing the Maze | Refining the Maze

 

Photoshop Tutorials

Intro to Photoshop
Function Keys | Changing System Preferences | Downloading Files | Download: Morning Glory | Opening Files (and the advantages of using Bridge) | Customizing Photoshop Preferences (Just the basics — more to follow) | Color Settings (at Cuyamaca) | Color Settings (at home or work) | What Percentage is Best for Me? | Zooming In and Out | Navigating Around the Image | Screen Mode Options | Where Did My Panels Go?

Image Enhancement Basics
The Quality of Digital Photos | Download: Morning Glory | The Move Tool | Resizing the Image | Levels Adjustment Layer | Curves Adjustment Layer | This Isn't Really Cheating | Hue and Saturation Adjustment Layer | The Dodge and Burn Layer | Paint Brush Size and Softness | Dodging 101 | Dodging Done Better | A Little Burn | Merge Visible on New Layer | Unsharp Mask | Edit > Fade Unsharp Mask > Luminosity | Comparisons | Saving Strategies | Real Time Replay | Final Words | Download: More Practice Images (Double-Click the zip file after it downloads)

Blur Experiments
IMPORTANT: Watch This First!
Please watch this introductory movie before trying the tutorials
The classroom challenge which started it all | Download: Starter file | Final psd | How it happened
Blurs and Blends | Download: Starter file | Final psd | Quick version | A bit of explanation (and yes, I left out one 5 in the 625 calculation)
Embarcadero Colorscape | Download:Starter file | Final psd | Bringing the image to life (I meant horizontal when I said vertical) | Improved version
Embarcadero Under/Overexposure | Download: Starter file | Final psd | Variations on a theme
Journey to Atlantis | Download:Starter file | Final psd | Another variation
Stairway to Bodie | Download: Starter file | Final psd | Yet another variation with an added touch

Camera Raw 101
Download Linked File As... | Starter Files | Change Default Color Settings | Open in Camera Raw | Enhancing in Camera Raw | Back to Photoshop and Saving Strategies | PNGs and Camera Raw (Save As JPG) | Camera Raw Revisited

Working for Print
Resolution 101 | Paper and Frame Sizes | Custom Framing | Download: Paper and Frame Sizes

A Different Look at the Beach
A Question of Resolution (that will be applicable to your photographs) | Project Preview | Download: Carmel Beach | Alternate JPG Version | Opening in Camera Raw and Creating a Smart Object | Straighten and Crop to Size | Working at Correct Percentage and Screen Mode | New Smart Object Via Copy and Enhancing in Camera Raw | Black & White Adjustment Layer and New Merged Layer | Experimenting with Blend Modes | The Power of Layer Comps | Variations and Layer Comps | Setting Up the Print Document | Toggling Between Multiple Open Photoshop Documents | Increasing Canvas Size | Adding Text | Adjusting Tracking and Leading | Vertical Centering Trick and Adding the Trim Line | Adjusting for the Print | Simulating the Frame and a Word About Fonts | The Patch Tool and Gritty Noise

Nitty Gritty Noise on Nitty Gritty Market Street
Project Preview (Includes changes made after the first movie was recorded) | Download: Market Street | Alternate JPG Version | Smart Objects, Smart Filters, and Experimentation | Threshold and Blending Modes | Review of Off-Camera Experimentation | The Gradient Tool and the Burn Layer Explained (with a few additional tips and tricks) | Repairing Broken Layer Comps | Utilizing Pre-Made Text | Final Text Adjustments

The Digital Rebel and the 12 x 12 Print
(Made after the Beach and Market Street tutorials but really should come first) Who Can Shoot with the Rebel? | Correction No. 1 | Download: IMG_0013.JPG | Open in Camera Raw and Working with Smart Objects | Enhance in Camera Raw | Revise Edits in Raw | Enhance in Photoshp and Sharpen | Oops! Forgot to Fade | Setting Up the Print

Working with the Grid — Multiple Images on One Poster
Project Preview | Oops! .225, not .3! | Getting Started | Correction on Layers | Selecting, Filling, and Aligning | Continuing the Process | Final Alignment Gotcha | Custom Grids and 3rd Grade Math | How to Crop and Move Onto Grid Without Destroying Your Original Image >> Kinda Improtant!

Shortcuts and Quick Tips
Zoom In and Out and Pan About |

 

InDesign Tutorials
I'll give you the links in class

 

Calendar
Subject to change as necessary
0128 – Project 01 – Network Awareness/Mac Basics
0130 – Project 02 – Typography Basics/Logo Design (Intro to Illustrator)
0204 – Project 02 – Typography Basics/Logo Design
0206 – Project 02 – Typography Basics/Logo Design
0208 – Last Day to Add or Drop without a "W"
0211 – Instructor Mistakenly Informs Students of Holiday that Wasn't (creates movies to replace missed class)
0213 – Project 03 – Drawing Basics
0218 – Actual Holiday (Honest!) President's Day
0220 – Project 04 – Intro to Elements and Principles of Design (Remaining Projects Must Use E and P of Design)
0225 – Project 05 – Public Service Posters
0227 – Project 05 – Public Service Posters
0303 – Project 05 – Public Service Posters
0305 – Project 06 – Pen Tool Intro
0310 – Project 06 – Pen Tool Practice
0312 – Project 06 – Pen Tool Mastery
0317 – Spring Recess
0319 – Spring Recess
0324 – Project 07 – Image Enhancement Basics (Intro to Photoshop)
0326 – Project 08 – Image Size vs Image Resolution
0331 – Project 09 – Selection Basics
0402 – Project 10 – Compositing Basics
0407 – Project 11 – Self Portrait Composition (Scanning and Photography are Required Elements)
0409 – Project 11 – Self Portrait Composition
0414 – Project 11 – Self Portrait Composition
0416 – Project 12 – Designing for Print
0421 – Project 12 – Designing for Print
0423 – Project 12 – Designing for Print
0425 – Last Day to Drop
0428 – Project 13 – Page Layout Basics (Intro to InDesign)
0430 – Project 14 – Newsletter
0505 – Project 14 – Newsletter
0507 – Project 14 – Newsletter
0512 – Project 15 – Brochure
0514 – Project 15 – Brochure
0519 – Project 16 – Morgue File Due (Last Edits)
0521 – Refine and/or Resubmit any Project to Raise Grade (Or Submit Extra Credit Work)
0602 – Final Exam 6:30


Inspiration
Get some inspiration from these great designs...
Matt Sherwood | Greg Martin | Liquid Chrome | Phil Brown | 247 Media | Theory 7 | Space FX | Ryan Terry

 

 

 
     

 

Required: Latest versions of plugins Suggested: 1024 x 768 minimum resolution

Mac Lab | Students | Parents | Visitors | Skocko | Valhalla High School