mediaarts


	dm/is	grading info	syllabus	blog/gallery	cool2film	west valley

WELCOME TO DM/ISWELCOME TO DM/IS 10D Digital Images: Advanced Photoshop 10C Digital Images: Photoshop

LESSONS: (each number below is a link)

1	2	3	4	5	6	7 M-Term	8	9	10	11	12	13	14	15 - FINAL

WEEK ONE: {Jan 30-Feb. 3}
Lesson 1: GETTING STARTED + HOW CHANNELS WORK

Read:

CLASS SYLLABUS and the grading information

READ all of the information on the class wesbite, including lesson 1.

WATCH:
OVERVIEW VIDEOS ON CS5:
Photoshop CS5 Overview

overview of new features for designers

Adobe's Terry white and his demo of five new cs5 features
The most important tools covered in this video are the refine edge, content aware fill, puppet warp, and mini bridge. We will deal with HDR later on in Lesson 14.

101 TIPS by Deke

VIDEOS - Watch/practice:

CS5 VIDEOS

A REVIEW OF CHANNELS:
Channel Basics (print info)
Alpha Channels for Masking
Design With Alpha Channel

Channel mixer (print info)
A few different videos working with the channel mixer to adjust value range/ luminousity and contrast:
Channel Mixer
Channel Mixer for Black and White Images
Channel Mixing
Using the Channel Mixer for Boosting Contrast

CHANNELS AND COMPOSITING:
Review of Alpha Channels & Layer Masks

Compositing Images Using Channels - Part 1
Compositing Images Using Channels - Part 2

Tutorials:

These videos are based from CS2 but are a good overview of how channels work. Watch the videos and complete the worksheet for Home Work 1.

Channels Are Everything...............................

The channels Palette

Channels in Color

RGB Color

Single Channel Grey Scale

LAB color

CMYK COlor

The Weird World of Muntichannels

duotones, tritones, and quadtones

16-bit advantages

homework:

Homework Week 1
PART 1 due: Wed. Feb. 8
PART 2 due: Feb. 15

WEEK TWO: {Feb. 6-10}
Lesson 2: Channels and Design Principals for Composing Visual Layouts

Read:

Principals of Design:
Principals of design - Terms - PART 1

Principals of Design - Video Introduction

PHOTOGRAPHIC Composition:
10 Top Photography Composition Rules

Things to Avoid in Composition

VIDEOS - Watch/practice:

CS5 VIDEOS:

More about Photoshop and Channels:
Calculations to Create An Alpha Channel

CS5 Digital Compositing

Selecting Based on a Channel

ET cetera

Using Channels to Mask Out Difficult Areas

homework:

Homework Week 1 PART 2
PART 2 due: Feb. 15

PLEASE NOTE that your homework for this week has been updated - see requirements or click on:

WEEK THREE: {feb.13-17}
LESSON 3: HOW MASKS WORK

Read:

article on Digital art

article on Electronic Art

ARTICLE ON Conceptual Art

VIDEOS - Watch/practice:

LAYER Masking Techniques in CS5:
Masks vs Selections

Layer Mask 1
Layer Mask 2
Layer Mask 3
Layer Mask 4

REVIEW OF QUICK MASK:
Quick Mask Tool video

ADVANCED MASKING IN CS5:
The videos below feature making masks when selecting hair. This technqiue can also be used for creating any selection that has a soft edge such as fur.

Masking Basics in Photoshop CS5

Compositing and Selecting Hair in Photoshop CS5

CS5 Hair Masking

Here is one more take on masking and selecting:
Using Improved Masking and Selecting

MASKING Tutorials:

These videos are from an earlier version of Photoshop, but provide a good overview of how masks work. I promise that this is the last of deke's videos!!

The Non-Color Bearing Channel

The Alpha Channel

The Anatomy of a Mask

Making an Alpha Channel

Saving Both Image and Alpha Channel........

Loading an Alpha CHannel

Putting a Mask in Play

Viewing a Mask as a Translucent Overlay

Modifying a Mask

Combining Masks

The Lossless Translation

homework:

Homework Week 3

due: Feb. 22

WEEK FOUR: {Feb. 21-24}
LESSON 4: WORKING WITH AND MANAGING COLOR

Read:

1. COLOR MANAGEMENT:
Color Management Work Sheet
Read first: This work sheet is based on the following article and videos:
Color Management Primer (article)
Printing Color Space Settings (video)
Printing Color Space Settings 2 (video)
Colour Space and ICC Profiles
(video featuring Aperture - but you can apply info to Photoshop.)

2. CALIBRATION RESOURCES:
How To Calibrate Your Monitor (pc)
Calibration Aider (mac + pc)
Monitor Calibration for the Mac
Apple Display Calibration Utility (mac)

3. Color Theory:
Color Work Sheet
*Read first - This work sheet is based on the following article:
Color Theory For A Designer:
Creating Your Own Color Palettes

A Review of the Color Wheel and Color Theory Terms (for your reference)

VIDEOS - Watch/practice:

This weeks videos work with color masking techniques and the Color Replacement Tool.

adjusting color with MASKS:
(see Color Theory Tutorial in the READ section)
Video 1: Color Enhancement
Video 2: Color Enhancement
Video 3: Color Deepen
Video 4: Multiple Adjustment Layers

Color Replacement Tool
Replace the Color of Objects (article)
(Includes Hue/Saturation Adjustment, Replace Color Dialogue Box & Color Replacement Tool)

*Practice the above techniques so that you become familiar with them. Your home work this week does not require you to demonstrate these techniques but future homeworks will!

Tutorial TECHNIQUES:

Autocorrections In Photoshop

REFINE EDGE REVIEW:
Refine Radius Tool in Refine Edge

homework:

Homework 4
due: Feb. 29

WEEK FIVE: {Feb. 28-March 2}
LESSON 5: DIGITAL PAINTING

Read

Paint Tool Options
Painting Images

Portfolios:
Raphael Lacoste
Jeri Holt
www.imaginismstudios.com
Ursula Freer.com

FREE RESOURCES:
Free Photoshop Brushes
Free Photoshop Textures
Grunge Brushes
Brick Wall Brushes

MFA Thesis on Digital Painting
& Aesthetics:
Digital Brushstrokes: Diverse Techniques in Contemporary Digital Painting by Michelle Tavano
Wacom Tablet Information:
WACOM Tablet Information
WACOM Intuos Tablet
WACOM Bamboo Tablet (entry level)
Reviews of Wacom Tablets
How to Choose a Graphics Tablet that Fits Your Needs
Mixer Brush technique with a Tablet (video)

VIDEOS - Watch/practice

CS5 videos:
Experiment with the following tools and techniques so that you arm yourself with lots of ways to approach your painting home works this week.

Painting in Photoshop CS5 Part 1
Painting in Photoshop CS5 Part 2

More Videos on Brushes:
Painting-New Mixer Brush and Bristle Tips
Painting Technique with Natural Media Brushes
Using Bristle Tip Brushes
Make A Custom Brush

Secrets of the Art History Brush

Handouts:
Custom Brushes in Photoshop

Photoshop Short Cut Commands for Painting

Photoshop Tips and Shortcuts

Tutorials

The following techniques focus on how to work from a photograph to realize a digital painting:

PAINTING FROM A PHOTOGRAPH:
Tutorial 1:
Use the Mixer Brush To Turn A Photo Into A Realistic Painting
Tutorial 2:
Paint a Landscape from a Photograph
Tutorial 3:
Sketch From a Photograph and Paint the Details and Texture

STUDENT work:
Painting Gallery

Student Notes on Painting in Photoshop

homework 5

due: March 7
For all of the homeworks work in a higher resolution (minimum 200) so that you can capture good detail and texture, and then you can reduce the dpi in the jpg you send to me.

PAINTING #1:
Tutorial 1:
Use the Mixer Brush To Turn A Photo Into A Realistic Painting
Complete this tutorial using the graphic supplied and submit a jpg version to me.

PAINTING #2:
Using a photo of your choice create a digital painting using techniques featured in this weeks videos and tutorials, and/or other inspiration. Submit both the original photo (jpg) and your painted version (jpg).

PAINTING #3:
Using a photograph of an insect or a small
creature develop a painting from a photograph as featured in:
Tutorial 3:
Sketch From a Photograph and Paint the Details and Texture
Submit just the painted version as a jpg file.

Write a few sentences explaining your findings about working with the paint tools and techniques, and send to: dmis10d@gmail.com (In the email subject put:
Your last name-HW5)

WEEK SIX: {March 5-9}
LESSON 6: Developing Images with the Pen Tool/Paths, and Lines


Read: Pen Tool/Vector Shapes Review: The below links provide a review of the pen tool. Refer to this before going to other material if you need to refresh your pen tool skills: http://www.photoshopessentials.com/basics/pen-tool-selections/ http://www.elated.com/articles/editing-paths-in-photoshop/ Introduction to the Pen Tool DMIS 10C See Lesson 10	VIDEOS - Watch/practice: This week's videos cover line drawing with the pen tool and texture enhancing techniques. These techniques are useful for taking a photographic image and rendering it with more line detail and painterly like texture. video 1: introduction video 2: background video 3: background 2 video 4: line drawing video 5: line detail See notes to Lesson 6 videos that document the steps in the above videos. Here is the graphic that you can use in practicing the above video tutorials:

TEXT Tutorials: This week there is a pdf tutorial from the text: ONE ON ONE CS4 CHannels and Masks Lesson 11: Vector Based Shapes (pdf 29 mgb) Review the following tutorials in the attached PDF (pdf 29 mgb): Drawing a Freeform Polygon P. 400- Editing and Deleting Anchor Points P. 404- Converting a Path to a Selection or a Mask. P.408- Control Handles, Smooth Points, and Cusps. P. 411- Vector Masks, Shape Layers and Layer Masks. P. 414- Editing Character Outlines as Paths. P. 422- Tutorial Graphics: All But the Text Photographs & Paths Polygonal Vector Mask (Saved as a pdf - open up in Photoshop via File Menu>Open and save immediately as a psd file)	homework 6: due: MARCH 14 PART 1: LINE ENHANCED IMAGE Based on the tutorials in the video section (and other techniques of your choice) use photographic imagery and create a line enhanced picture. *For this home work you need to show evidence of the pen tool, but, also experiment with line and texture to create an interesting visual effect. Here are some student examples: Write a few sentences explaining your findings of working with the pen tool and techniques, and send a nicely optimized jpg of your graphics to: dmis10d@gmail.com

WEEK SEVEN: {March 12-16}
LESSON 7: MID-TERM PART 1

Read:
The Maturing of Street Art in Cairo
Kinds and Styles of Graffiti

ADDITIONAL RESOURCES:
tutorials/spray-paint-pixel

tutorials/design-japanese-style-graffiti

www.photoshopstar.com/effects/an-interesting-graffiti-effect/

www.computerarts.co.uk/tutorials/virtual-murals

www.computerarts.co.uk/tutorials/create-your-own-graffiti-fonts

www.computerarts.co.uk/tutorials/design-experimental-typeface

VIDEOS - Watch/practice:
There are no videos this week.

photoshop BRUSH RESOURCES:
www.brusheezy.com/

krakografik.canalblog.com/

bestdesignoptions.com/?p=854

FONT SOURCES/INSPIRATION:
www.graffitifonts.com/fonts.shtml

www.psdeluxe.com/freebies/50-free-graffiti-fonts-for-urban-artworks/

slodive.com/freebies/graffiti-fonts/

Tutorials:
www.webdesign.org/photoshop/photo-editing/free-manipulation-style.15172.html

www.avivadirectory.com/photoshop/creating-and-implementing-graffiti

www.webdesign.org/photoshop/text-effects/graffiti-text.3939.html

www.dreamdealer.nl/tutorials/graffiti_with_
photoshop.html

www.adobetutorialz.com/articles/922/1/Photoshop-Graffiti-Tutorial

www.adobetutorialz.com/articles/2823/1/Graffiti-Art-With-Balls

www.webdesign.org/photoshop/drawing-techniques/digital-graffiti.10389.html

**Realistic Graffiti Effect Photoshop Tutorial

http://www.graffiticreator.net/
After generating your name in 'graffiticreator software' do a screen capture of it and then work with it in Photoshop.

homework 7:

MAKE a blog
DUE: MArch 21

Part 1 Mid-Term
due: March 21

PART 2 MID-TERM
DUE: April 4

Mid-term Student Work

WEEK EIGHT: {March 19-23} + SPRING BREAK March 26-30

LESSON 8:
MID-TERM PART 2
Work on your mid-term
PART 2 MID-TERM
DUE: April 4

Class Blog
Please make a blog and post graphics from:
HW 1-part 2, HW 3, HW 4, HW 5, HW 6 and the mid-term.
DUE: April 4
Go to www.blogger.com or www.tumblr.com or wordpress.com (or any blogging software
that you prefer) and make a blog. Include with each home work posted a brief design log.
A design log is typically a couple of sentences that highlight some aspect of the work, such
as tips, an unexpected outcome, or an interesting finding.

PLEASE EMAIL ME THE URL FOR YOUR BLOG to: dmis10d@gmail.com
I will post a link with a list of all student blogs on the class website.

WEEK NINE: {April 2-6}
LESSON 9: Last Info on Blending + Using Actions to Automate Your Workflow

Read:

ACTIONS & Scripting in CS4:
What you need to know about Actions

rEAD:
The following excerpts are from the 'help' adobe web site. This info may be helpful or may not :-) Read the instructions and the comments from users who have tried working with actions. This is an overview - so you understand the potential - but you may not need to employ all of the various features outlined below:

Recording Actions
Record an Action
Changing Settings When Playing an Action
Exclude Commands from an Action
Insert a non-recordable menu command
Edit and Re-record Actions

More info on batch processing:
How to resize an Image Batch in CS4

VIDEOS - Watch/practice:

photoshop actions
http://www.youtube.com/watch?v=S4mV6sD0GVA

Another video on actions:
http://www.youtube.com/watch?v=
CGmOmVUpN44&feature=related

TRY downloading and installing an action:
Action to Remove Red Eye

Creating a DROPLET From an action:
How to make a Droplet (text tutorial)
How to Make a Droplet (video tutorial)

Video: 25 Standard Blend Modes
+ Graphic to go with tutorial

Luminance Blending Video
Luminance blending allows you to drop out luminance levels in the active layer or force the display of levels from the composite view of the layers below. Luminance blending gives you specific control over the visibility of shadows and highlights in a layer.

photoshop tutorials:

http://www.deke.com/dekepod
This is a nice link with tutorials for future learning.

homework:

Homework 9
due: April 11

While working on this week's homework or when you can steal a few minutes, you may like to listen to an interview (18 mins) recorded with photographer Roy DeCarava who passed away in 2009 at age 89.

WEEK TEN: {April 9-13}
LESSON 10: My Dinner With...

Read:

First Research the person that you would like to have dinner with. Research where an appropriate meeting could take place, what kind of environment would best suit the person, and what kind of menu suitably reflects the time period, place, and appropriateness to the individual. Additional research for graphic images is also required.

Menu design
I'll Have That Typeface on the Menu

Beautiful Menus from "Mucca Design" of New York

40 Most Beautifully Designed Restaurant Menu's Cards

VIDEOS - Watch/practice:

Lesson 10 Information Video:
Layout Considerations for My Dinner With...

Tutorials:

Sharpening with an Edge Mask

Deke Video on Smoothing Skin Texture with an Anti-Edge Mask

homework:

Homework 10
due: April 18

Examples of HW 10:

WEEK ELEVEN: {April 16-20}
LESSON 11: High Dynamic Range Imaging Using Camera Raw

Read:

Introduction to HDR Imaging:
High Dynamic Range Imaging article at Wikipedia

Information Regarding HDR settings

VIDEOS :

Using Camera Raw Files:
HDR video 1
HDR video 2

Faux HDR Photoshop technique using jpg files:
HDR Toning

TEXT Tutorials:

Adobe Tutorials:
HDR Imaging In Photoshop

homework:

Homework 11
due: April 25

If you have a camera that shoots Raw format try shooting in various exposures and work to create an HDR image. Once you have a final HDR image adjust resolution/size so it is a nominal size to send as a jpg via email.

If you do not have a camera that shoots RAW format use the Faux HDR technique.

Email your single HDR image or two jpgs that have been adjusted with Photoshop's HDR Toning to:
dmis10d@gmail.com

BLOG POSTING:
Post homework 11 on your blog. Include a design log briefly describing the tools and any findings that you would like to share.

WEEK twelve: {April 23-27}
LESSON 12: WORKING WITH 3D IN PHOTOSHOP


Read/DO: Jean's Tutorial: CreatE an Isoline Drawing What is an Isoline? A line connecting points of equal value, especially on a map. The prefix "iso" means equal. Examples of Isoline Maps/Images Source Image: Finished Example WITH SOURCE IMAGE: This isoline technique works very well with hand rendered scanned illustrations. You might like to try this technique with photographic elements, or you can search for illustrations on google. The following is an example of various gradient colors used to make three different isoline renderings of the same drawing. HAVE FUN!	VIDEOS - Watch/practice: Introducing 3d Tools: Intro to working with 3d and text Easy 3d Excrusions CS5 VIDEOS Video 1: Working With a Simple Pen Tool Shape in 3D Video 2: This video captures the meltdown of my pc, but, still may be helpful in terms of seeing some 3D examples.

WEB TutorialS: CS5 Very COOL Tutorial 3D Type with Repousse Tutorial Source Images: EXAMPLE WITH SOURCE IMAGES you can add your own graphic of choice on top of the '3D' CS4 TUTORIAL Converting from 2d to 3d	homework: Homework 12: due: May 2 Do the tutorial: 'Working With a Simple Pen Tool shape in 3D and integrate into a 2d background, plus one other tutorial demonstrated in this lesson (isoline drawing or 3d type with repousse) for a total of two completed graphics. CS4 users may use the tutorial featured in this lesson to complete two graphics (Converting from 2D to 3D) plus one additional technique of your choice. Please send your graphics (rastorized and optimized) to: dmis10d@gmail.com CHAT: We will have chat Wed. April 24@ 7 pm. Please see the commmunity page to see how we do chat. BLOG POSTING: Post homework 12 on your blog. Include a design log briefly describing the tools and any findngs that you would like to share.

WEEK thirteen: {April 30 - May 4}
LESSON 13: Working with Translucent Objects

Resources:

http://www.photoshopuser.com/

http://kelbytv.com/photoshopusertv/

Crayoloa Crayons:
All 120 Color Names, Color Codes and Fun Facts

VIDEOS - Watch/practice:

Advanced Technique for Masking Glassware - Russell Brown Video
(see HW link for source photo)

How to Create an Inspiring Light Bulb Photo Manipulation in Photoshop

Tutorials:
There are no tutorials in this section this week.

homework:

Homework 13
Post both tutorials on your blog.
due: May 9

WEEK fourteen: {May 7-11}
LESSON 14: PHOTOSHOP AND VIDEO

Read:

There are no assigned readings this week.

VIDEOS - Watch/practice:

These videos are by Jeff Rascov who teaches digital video editing in dm/is at West Valley:

MAKING A QUICK TIME MOVIE WITH PHOTOS IN PHOTOSHOP:

Photoshop for Video - Part 1

Photoshop for Video - Part 2

Photoshop for Video - Part 3

Photoshop for Video - Part 4

Photoshop for Video - Part 5

TEXT Tutorials:

There are no assigned text tutorials this week.

homework:

Homework 14
Based on the above video tutorials make a video of at least a half a dozen photographs of your choice including a title, and, any other textual or visual elements you choose to include for your piece.

This homework is optional. You may submit and earn extra credit.

due: May 16

FINAL Project (20 points)

WEEK fifteen: {May 14-18} SEMESTER REVIEW
LESSON 15

Review:

There is no new material this week - work on your final and review any material that will help you complete the final assignment.

VIDEOS - Watch/practice:

PHOTOSHOP CS5 Bridge Output FEATURES:
Using Adobe bridge to make a contact sheet and a web gallery.

TEXT Tutorials:
There are no text tutorials this week.

homework:

FINAL - PART 1:
Photo Posting or Contact Sheet
due: May 16

FINAL - PART 2
Diptych Project
due: May 23

BLOG POSTING:
Post your final on your blog. Include a design log briefly describing your project, and any findings that you think are interesting to share.

FINAL Diptych Due: May 23

course | lessons | community | instructor | help