| #1 |
TITLE: Mama Says, "Use a Channel Mask!" SUBJECT: Using Channel Masks for difficult selections such as "HAIR." This is a 10 page / 18 Step tutorial that has many instructional screen shots. The folder also includes the working TIFF image. There is also a 10-Question Review for you to test yourself. (09-2002) This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). ©2001 photo by Shan |
|
TITLE: From Black & White to Color SUBJECT: Painting with adjustment layers in Photoshop 6.0. The basics of setting up adjustment layers, masking, and more are covered in this 6 page, 15 step tutorial. This optional tutorial is used in my Intro to Digital Imaging class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). ©1996 photo by Shan |
|
|
TITLE: Built in Scan Lines & Moire SUBJECT: Let filters do the work for you in Photoshop 6.0! Filters for scan lines & moire, colorizing a B&W using gradients & dynamic fills, naming layers efficiently, cycling the blending modes & opacity are most of the topics covered in this 5 page, 28 step tutorial. ©1996 photo by Shan |
|
|
#4 |
TITLE: Shadow Exercise 2.4 MB SUBJECT: This 11 page tutorial shows you how to preserve some of the natural shadows around a model while blowing out the background to pure white. Also included are masking, adjustment layers and cropping & rotating. Discussion on color working spaces along with the correct way to set resolution for offset press and prepare this file for a CMYK conversion are included. Inspired by Ben Wilmore's Studio Techniques. This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). ©2001 Megan photo by my good friend, Pam Hawkins |
|
#5
|
TITLE: Pencil Sketch 18 K SUBJECT: This 1 page tutorial shows you how to turn a photo into a pencil sketch. The following tip is NOT in the PDF tutorial--I added the drop shadow by making a clipping path around girl and used that selection asthe layermask for her and as the selection to fill a layer below with the shape in black. Then I blurred, rotated and lowered the Opacity of that Shadow layer. Also see Tutorial #24 (scroll down) for alternative and additional tips for this effect in Chore#1-Preliminary Sketch Check out my Photo Retouch Gallery for a large version of my final illustration for this technique. This tutorial is used in my Advanced Digital Imaging for Designers & Photographers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). ©2001 Megan photo by my good friend, Pam Hawkins |
| #6
|
TITLE: Wow Spot Color Alternate Instructions 80 K SUBJECT: These are alternate instructions for the Wow Photoshop 6, exercise on page 100 "Spot Color Overlays." (07-2002) |
| #7
|
TITLE: Photo Realism /Exercise: Film Container 2.86 MB SUBJECT: This 37 page tutorial is all about Shape Tools, Layer Styles, Gradients, and colorizing with the Lighting Effects filter. This project will take you from start to finish, breaking down the object subject into simple component shapes. Layer Masking techniques, filters & the Free Transform tool are also covered for creating realistic shadows and a reflection. No Airbrushing involved in this tutorial–everything is created from Shape Layers, Gradients & Layer Styles. (07-2002) This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #8
|
TITLE: Vector Shapes & Visual Clues 42 K SUBJECT: This 3 page tutorial is mainly a study chart or guide to assist you in identifying the tools & their functions, the cursor clues, and various phases of the Options bar, that are all particular to working shape layers and paths, in Photoshop 6.0. This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #9
|
303 K TITLE: Shape Layer Tutorial Part I SUBJECT: This 29 page tutorial will acquaint you with some of the various tools and methods for working with vector data (shape layers) in Adobe Photoshop 6.0. You will configure these applying tessellation principles. Shows how to save and output file preserving vector data for placement in a page layout program (QuarXPress) and from within Photoshop. 2003 Addendum: Use the Presets Manager to manage, save, name, and load your custom shapes! This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #10
|
TITLE: Shape Tutorial Part II 2.6 MB SUBJECT: This 47 step tutorial covers instructions for creating interlocking shapes (tessellation) to cover a surface area. In depth coverage of use and functions of tools used for creating, editing shape layers and paths in Photoshop 6.0. Designed for on-screen presentation or print. Designed with large type and screen captures for the visually challenged. 2003 Addendum: Use the Presets Manager to manage, save, name, and load your custom shapes! This tutorial is used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #11
|
PDF Flashcards 85K TITLE: Cursor Clues, tools & icons SUBJECT: This is a 37 page document, that is printer ready if you'd like 36 different 5 x 7 flash cards to help improve visual awareness of the the cursor dances, in Photoshop 6.0. You can also view in Acrobat, in Full Screen mode, after setting the Full Screen mode preferences to advance on click, cursor always visible. After that, pressing Command L [PCs: Control L], will take you in & out of the full screen mode. They will appear 2up to a page. Click mouse for next page and test yourself! Answers are in the last half of the PDF. These flashcards are used in my Advanced Digital Imaging for Designers class. Other educators are welcome to print these for their own classroom use. |
| #12
For Explorer: Press mousedown& hold on Shapes link, select "Download link to disk" For Netscape:Press mousedown& hold on Shapes link, select, "Save link target as..." |
Custom Tessellating Shapes 230 K SUBJECT: Download by clicking one of the icons on the left. It contains a set of my custom shapes (shanztess.csh). Load them into Photoshop's Presets Shapes folder. When you open Photoshop, select them from the Custom Shapes flyout tab. Be sure to hold the Shift key down when you drag, to constrain proportions of the shapes! Start tessellating by duplicating. How you get it to fit, depends on the shape!Various combinations of translating, glide and rotation, may apply! You'll have to figure it out. The angles of rotation are always even multiples of 360. Like 30, 60, 90, 120, 180. Use the options bar to fine tune if you've started with a free rotation. You can also use a glide on some, which involves using the flip horizontal or vertical transformation command. |
|
#13 |
TITLE: Action that Copyright SUBJECT: This 4 page tutorial shows you how add your copyright and URL info to your images. Also how to create an action and automate batch your files adding your copyright info to all your files in nano seconds. This tutorial is used in my Advanced Digital Imaging for Photographers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
|
#14 |
TITLE: Color Correction Part1–Correcting underexposed photos SUBJECT: This detailed 15 page 63 steps tutorial takes you on the road from the underexposed digital shot to the final cropped print. You will color correct using Adjustment layers and their built in masks. You will selectively focus by using a layer mask. You will also learn how to eliminate those pixelated noise artifacts by taking a trip to the Lab mode. Canvas Size and the Crop tool will help you put white borders on the photo. This optional tutorial is used in my Advanced Digital Imaging for Photographers class. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). ©2000 photo by Shan |
|
#15
|
Printing & file formats 48K MODE • IMAGE SIZE • PRINT SIZE • RESOLUTION This article is for ALL Digital Imaging classes. |
| #16
|
US Postal Regulations for Postcards 244K This 2 page PDF includes current sizes for postcard rate and templates for correct layout on back, according to regulations set as of July 2002 Sizes bigger than standards are charged first class but still subject to layout regulations. (07-2002) |
| #17
|
Browser PDF Plugin vs Acrobat Applications 613K If you are like me, you don’t like the PDF plugin. The function of this plugin opens PDF documents in the browser window, which I find confining and sometimes it does not work properly. Here’s how to set up your Internet browser configuration to use the Application Adobe Acrobat or Acrobat Reader to open these files in the actual Application window. These instructions are for a Mac but they are probably similar for the PC, as well. |
| #18
.
|
TITLE: Techie, Trickery & Trivia
(tests by Shan) SUBJECT: Test your Photoshop knowledge. Following are some test questions that are 90% based on Ben Willmore's Studio Techniques book and 10% on our class lectures and Photoshop Modules Workbook by Shan Canfield & Pam Hawkins. If you own Ben's book you can email me for the answer key. (10-2002) Chapter 4-Resolution Solutions-25 questions 70K Chapter 6-Optimizing Grayscales-100 questions 262K |
| #19
instructions 1.8MB |
TITLE: Nora Sepia Demo Action3.5MB For Photoshop v.6 & v.7 SUBJECT: Transform your RGB images to enhanced sepia prints. Download a blue folder, which contains both "nora1.tiff"& "norasepia.atn" action. Click on the PDF icon first and READ the instructions before attempting to run this Action, which is an "Actorial." This Action is set to demonstrate step by step the transformation of this plain image to a dramatic atmospheric sepia toned image. Besides the instructions, the PDF includes encouragement for critical thinking and insights on creating Actions. It also includes the list of the 103 steps of the recorded action from this demo. ©2001 photo by Shan |
| #20
For Explorer: Press mousedown& hold on Gradients link, select "Download link to disk" For Netscape:Press mousedown& hold on Gradient link, select, "Save link target as..." |
TITLE: ShanzGradients For Photoshop v.6 &7 SUBJECT: Here's a super easy way to apply sepia or old tones to photos in RGB mode. Just download this folder with a bunch of custom gradients in one library preset; "ShanzGradients.grd" and load them into your Gradient Editor. All are in the that one file with the ".grd" appended to it. STEP 1: Open up a photo and don't do any "adjustments" to it. If the photo is in grayscale mode, change it to RGB mode. STEP 2: If your image is color, click on the Adjustment/Fill shortcut button at the bottom of Layers and choose "Gradient Map" When the first box opens click in the preview window and select Black to White. Click OK. If you're image is already grayscale look, then go to Step 3. STEP 3: Now you will load my custom gradients. You can do this by selecting the Gradient Tool and then click in the top Options bar on the little downward black triangle, next to the gradient preview window. The gradient palette opens showing the swatches of gradients. In this box click on the flyout tab (sideways black triangle in a circle) and choose "Load" from the flyout menu. Navigate to where you stored ShanzGradients.grd and load them into the palette. Once that is done, click OK. STEP 4: Go back to the Layers palette and ADD another Gradient Map Adjustment Layer above the Black & White Gradient Map. When the Gradient Map box opens click in the preview bar and click on the new gradients one at a time. (they will be the last set in the palette) Your image will update with the preview of how these will affect the image. Don't worry if your image looks too dark, you can adjust that after you've made your sepia choice. Click OK. STEP 5: If your image is too dark, set your foreground color to black, background to white and double click on the first Gradient Map adjustment's thumbnail to reopen it. Click in the gradient bar window so that the big Gradient Editor box opens. Click on the lower left color stop, the roof will turn black. Now click below that in the color swatch window. The big Color Picker box will open. Now click your cursor in the "B" window of the "HSB" field. To lighten just press your Up arrow key and this will increase the Brightness level of the Shadow point. You should move your windows so you can view this on-the-fly "remapping" in the image window. Click Ok and your done. NOTE: Just a note on the OldTone gradients; this simulates those real old pictures of great great grandpa but you can also use it and then change that Gradient Map's adjusment layer blending mode to "Soft Light" for a really nice Sepia tones. These tones only work above a "grayscale" looking version of a photo. So think in 2's when using this method. There should be 2 Gradient Map Adjustment Layers. The first Black to White Gradient Map will set your shadow/highlight endpoints, and the second Map applies the tone. |
| #21 |
TITLE: Scan Stiching For Photoshop v.6 &v.7 SUBJECT: Here's a super easy way seamlessly blend and piece scans together. Whether you're trying to build a panoramic or just piece together an oversized image that you had to scan in sections (tiles) on your flatbed scanner. (11/23/2002) |
| #22
To Blonde instructions 4.1 MB |
TITLE: Mama Says, "Blondes have more fun!" For Photoshop v.6 &v.7 SUBJECT: This 11 page/13-Step tutorial will walk you through a procedure for changing a dark hair color to lighter colors. Actually, this technique, will "blonde" anything! Click on the PDF icon, for instructions. Click on one of the blue folders to download the image and the custom gradient you'll need, in order to complete this tutorial. (11/27/02) |
| #23
These may be purchased from the Products Page of Photoshop Mama.net |
Photo by Ron Hepworh. TITLE: Shanz CrossProcess Actions For Photoshop v.6 thru CS SUBJECT: Load "ShanzXPActions©2002" into your Actions Palette. Use the Presets Manager or drag and drop it into the Actions Folder. There are 3 variations included in this folder; XP#1, XP#2, XP3. After running one of them on your image, you will have a layered file, and can further adjust your cross processed image, by changing the opacity of the layer(s), the blend mode, or just duplicate the crossprocessed layer for a more intense look. You may also have to add a "Curves or Adjustment Layer." "XP" is my abreviation for "Cross Process" and is NOT referring to the Operating system. This Action works on both Mac & PC. The above animation demonstrates the actions, as is-with no adjustments! Have fun! (11/28/2002) Thanks to Ron for allowing me to use his wonderful images, which work beautifully, for this process! |
| #24 | 
TITLE: Mama Says, "Charcoal that photo!" For Photoshop v.6 & v.7 SUBJECT: This tutorial shows you how to apply very artistic effects to a photo and turn it into a fine art charcoal rendering. Mama has divided this tutorial into three chores, each PDF file will have to be downloaded separately. Mac's Control click on the PDF link and choose "Download link to disk"; PC's Right Click and do the same. The web browser plugin takes-forever! This way you can save it to your desktop, open it, and read it before the browser plug-in even makes it visible! Click on the "zac image" link (on the left,under the #24) to copy my photo used for this tutorial. The tutorial also incudes Review Questions & Answer keys for each "Chore." (01/01/2003) Check out my Photo Retouch Gallery for a large version of my final illustration for this technique. Chore #1–Preliminary Pencil Sketch 2.3MB PDF (filename:mschar1v4.pdf) Chore #2–Applying Charcoal (coming later than sooner) Chore #3–Brush Stroking (coming later than sooner) |
| #24 |
TITLE: Mama Says, "You better know your modes, outputs & formats!" SUBJECT: This is a simple chart to guide you in deciding which color mode goes where and in what format! |
| #25 |
TITLE: Adobe PDF format for Postscript Type, Layers & Vector Data" SUBJECT: This tutorial will show you how to do it and why! This tutorial was written for all my digital imaging classes. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #26 | TITLE: Fun Stuff for Designs
SUBJECT: This tutorial will give you some insights and ideas for creating quick and fun designs. It is a pot pourri of stuff and I will periodically be adding more stuff to it. So check back for new additions. (02/19/2003) This tutorial was written for my Advanced Digital Imaging for Desigers classes. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #27 | 
TITLE: Painting a Photo Realistic Pear SUBJECT: This tutorial will show you one of my techiques how to render in a painterly photo realistic way, from scratch! Covers a huge amount of ground in Photoshop's features and functions.(02/24/2003) This tutorial was written for my Advanced Digital Imaging for Desigers classes. Other educators are welcome to print this and configure it for their own classroom particulars (computers & printers). |
| #28
For Explorer: Press mousedown& hold on Shapes link, select "Download link to disk" For Netscape:Press mousedown& hold on Shapes link, select, "Save link target as..."
Right click on icon (PC), Control Click (Mac) and select "Save Target or Link to Disk" Then unzip the folder before using contents. |
TITLE: Golden Section, Rectangle, Spiral SUBJECT: Design grid templates for arranging design elements and type using this magically proportioned rectangle. This has long been used as a standard for design layout. I've provided Custom Shapes for Photoshop versions 6&7 Mac/Windows. Also have provided an Illustrator EPS file for version 9+ which, in addition to the rectangle sections, has the golden spiral focus point (the red rectangle). The EPS file may be brought into any program that accepts EPS files by using that program's File Place command. INSTRUCTIONS for Photoshop Custom Shapes (.csh) : After downloading, load the Custom Shape (.csh) file into Photoshop by using the Edit> Presets Manager, if Photoshop is open; or drag and drop file into Photoshop's Presets Custom Shapes folder, before launching Photoshop. Click on the Custom Shape icon in the Toolbox, then from the top Options bar click the Custom Shapes Picker to open palette, click the flyout menu (triangle in a circle); ShanzGoldenSection.csh should be at the bottom of the flyout menu list. Select it and choose "Append" to add to the current palette. Then select the Shape from the palette and drag the shape while holding the Shift key (to constrain proportion) into the Canvas area. You can use the Free Transform command to rotate and flip this graphic according to your needs. Create new layers above the grid for placement of design elements and/or type. Delete the Golden Section layer before flattening your file. INSTRUCTIONS for Illustrator (.ai) After downloading and unzipping the file, the eps file will be located inside of that folder. Open in Illustrator or use Photoshop's (or DTP program's) File Place command to import the graphic. Proportionately Resize (hold Shift while dragging corner handle) while bounding box is active to maintain highest quality scale. You can use Illustrator's reflect, rotate and scale commands to resize the graphic according to your needs. Just be sure to scale proportionately, in order to maintain the golden rectangle's true proportion. You can throw away the Title Layer in the Illustrator file and resave. You can either copy (select the graphic) and paste directly into Photoshop or use Photoshop's File>Place command, to bring into Photoshop. The small red rectangle in this graphic is the optimum focus point for this arrangement in any orientation according to the natural spiral. (06/25/2003) (ammended 05/24/06) |
| #29
|
TITLE: Mama's Top 33 Shortcuts Chart for Photoshop ® SUBJECT: A 2-page printable PDF chart of Photoshop® shortcuts–one chart for Windows and one for Mac. The 33 Shortcuts are categorized into separate Tables; Selection Functions, Toolbox Functions, Editing Functions, and View Functions. I suggest printing on both sides of a brightly colored sheet of paper (like yellow). Laminate for yourself or your students to use as a quick reference.(02/20/2004) |
| #30 |
TITLE: Photo Art
SUBJECT: This 10 step 1 page PDF tutorial will show you how to stylize & transform photos into poster or cd art. Download the pdf and the "bigtunes.jpg" image used in tutorial.(05/26/2004) |
| #31 |
SUBJECT: This 4 page PDF tutorial provides instructions and templates for creating a simple yet effective guide to visually explaining the abstraction of resizing that little critter called a pixel. The PDF also explains Resizing vs. Resampling. Instructors should love this! (02/20/2005). |
| #32
Click HERE to download the Action Retouching Tutorial PDF. (923K) |
new
SUBJECT: This 7 page PDF tutorial provides instructions for building an action to apply one of Mama's digital makeup techniques. Kill two Photoshop birds with one stone because you will learn how to create Actions, to speed up your retouching workflow! (written Oct-2003). *This is NOT a "how-to" for creating my commercial product, Mama's Powder Action, contrary to a couple of others' (who do not reveal their true identities) false, ignorant, and misleading claims that it is. This tutorial method I share for free. As it is a "violation" of my intellectual property rights for anyone to copy, publish steps, or create derivative forms of my commercial product. It would be quite stupid of me to divulge it here. In addition, it would also be a violation for anyone to create the Base Make UP action, shown in this tutorial, for sale, or even publish this tutorial, as this is also my property that I give freely to the Photoshop community, from within the confines of this Web site! Mama's Powder Action has a unique formula that has been tested on thousands of images over the past several years and is far superior to the method I instruct in this PDF tutorial. However, the Action Retouching tutorial's main intent was and is to show you how to construct an action for a retouching workflow. It's a good tutorial and a good method. Enjoy! *Addendum- 02/04/2007 |
| #33
Click for file: Click HERE to see a Flash Video of these steps. |
SUBJECT:
Open the "hair_101.jpg" file. This file should be in the Adobe RGB 1998 color space, to match what you see here. METHOD ONE: Toner = Airbrush on Soft Light Mode Layer Step One: Create a blank layer abo Step Two: Grab a Soft Round 65 Airbrush with the tools top Options Opacity and Pressure set to 100%. Use the numeric keypad to vary the Opacity percentage, if using a mouse. If using a Wacom Pen, set the Other Dynamics to Pen Pressure. Sample a lighter shade from the existing hair by [Mac: Option click on hair], [PC: Alt left click on hair] to sample the color, which will set the foreground color. With the Soft Light layer highlighted, start painting the dark roots in the image window. METHOD TWO: Editable Toner = Solid Color Adjustment Layer/Mask in Soft Light Mode Step One: Create a solid color Adjustment Hold down the Option Key [PC:Alt key] as you select "Solid Color" from the Fill/Adjustment shortcut at the bottom of the Layers palette. When the Color Picker opens, move your cursor to the image window to sample (click) a lighter shade from the existing hair. Click OK, to close the Color Picker. Step Two: Since you preset the mask the image will not look any different but next to the Adjustment Layer thumbnail in the palette the mask thumbnail will be filled with black. Set this layer's blending mode to Soft Light. Step Three: Grab a Soft Round 65 Airbrush with the tools top Options Opacity and Pressure set to 100%. Use the numeric keypad to vary the Opacity percentage, if using a mouse. If using a Wacom Pen, set the Other Dynamics to Pen Pressure. Set the foreground color in the Tool box to White. With the Solid Color Fill/Adjustment layer still highlighted in the Layer's palette, begin painting in the dark roots in the image window. Don't worry if the color isn't exactly what you want—you can easily edit the whole thing by double clicking on the Color Fill thumbnail of the layer. This will open the Color Picker. Just click your cursor in the big color box, dial in a different hue by using the vertical gradient bar slider and/or drag your cursor to different saturations of the hue in the big color box. While you're doing this your image window will update with the new value. This is my favorite way to get the toner to match the roots perfectly with an existing lighter shade of the hair. OPTIONAL: This may be used with Method One or Method Two. To tone down the newly dyed hair, just pop another Adjustment Layer, but pick Hue and Saturation. Slide the Saturation slider to the left just a tad. To change the tone hue or lightness, adjust those sliders. Click OK and Group this layer with the Solid Color Adjustment layer or the painted layer, by pressing [Mac: Command G], [PC: Control G]. I havto fix Chez Photoshop Mama's! |
2.8MB
4.0MB
594K
958K
(96K)
22K
.
ve the Background. Set the blank layer's blending mode to Soft Light. 
Layer above the Background with a Mask. 