Share these FREE Courses! Why stuff your friend’s mailbox with a copy of this when we can do it for you! Just e-mail them the link info – http://www.trainingtools.com Make sure that you visit the site as well: • MORE FREE COURSES • Weekly Tool Tips • Updated course versions • New courses added regularly So don’t copy files or photocopy - Share! End User License Agreement Use of this package is governed by the following terms: A. License TrainingTools.com Inc, ("we", "us" or "our"), provides the Licensee ("you" or "your") with a set of digital files in electronic format (together called "the Package") and grants to you a license to use the Package in accordance with the terms of this Agreement. Use of the package includes the right to print a single copy for personal use. B. Intellectual Property Ownership of the copyright, trademark and all other rights, title and interest in the Package, as well as any copies, derivative works (if any are permitted) or merged portions made from the Package shall at all times remain with us or licensors to us. This Package is protected by local and international intellectual property laws, which apply but are not limited to our copyright and trademark rights, and by international treaty provisions. C. Single-User License Restrictions 1. You may not make copies of the files provided in the Package 2. You may not translate and/or reproduce the files in digital or print format 3. You may not rent, lease, assign or transfer the Package or any portion thereof 4. You may not modify the courseware Table of Contents Web development training http://www.xnu.com 1-877-644-3444 i CHAPTER 1 – DIGITAL GRAPHICS 1 The RGB Color Space 2 Image Resolution & Color Depth 2 Image Types 3 Bitmap Images 3 Vector Images 3 File Types 5 GIF Format 5 JPEG Format 6 PNG Format 6 Review Questions: Digital Graphics 7 CHAPTER 2 – THE PHOTOSHOP ENVIRONMENT 9 The Photoshop Workspace 10 Photoshop’s Menus 11 File 11 Edit 11 Image 11 Layer 11 Select 11 Filter 11 View 12 Window 12 Help 12 The Toolbox 13 Adobe Online 14 Painting Tools 14 Type Tool 15 Measure Tool 15 Gradient Tool 15 Paint Bucket Tool 15 Eyedropper Tool 15 Hand Tool 15 Zoom Tool 15 Foreground/Background Colors 15 Edit Mode 16 Screen Mode 16 Jump 16 Table of Contents ii Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com Palettes 17 Navigator Palette 17 Info Palette 18 Options Palette 18 Color Palette 18 Swatches Palette 19 Brushes Palette 19 History Palette 19 Actions Palette 20 Layers Palette 20 Channels Palette 20 Paths Palette 21 Setting Preferences 21 Preferences - Units & Rulers 22 Preferences – General 23 Preferences - Saving Files 25 Preferences - Display and Cursors 26 Preferences - Transparency & Gamut 27 Preferences - Guides and Grid 28 Preferences - Plug-Ins & Scratch Disks 29 Preferences - Memory & Image Cache 30 ImageReady 31 Review Questions: The Photoshop Environment 32 CHAPTER 3 – CREATING NEW IMAGES 34 Creating New Images 35 Name 35 Width & Height 35 Resolution 36 Mode 36 Contents 36 Image Window 37 Scanning Images into Photoshop 38 Importing Existing Images into Photoshop 39 Open Dialog Box 39 Image Mode 39 Magnification/Navigation Controls 41 Navigator Palette 41 Zoom Tool 42 Table of Contents Web development training http://www.xnu.com 1-877-644-3444 iii Hand Tool 42 The History Palette 42 The Snapshot 42 The State 42 Maximum History States 43 Automatically Create First Snapshot 43 Allow Non-Linear History 43 Review Questions: Creating New Images 45 CHAPTER 4 – USING SELECTIONS AND CHANNELS 47 Selections and Channels 48 Selection Tools 48 Marquee Tool 48 Multiple Selections 49 Modifying Selections 49 Info Palette 50 Moving Selections 50 Lasso Tool 51 Options Palette 52 Feather 52 Style 53 Lasso Width 54 Frequency 54 Edge Contrast 54 Magic Wand Tool 54 The Pen Tool 55 Direction Selection Tool 55 Convert Point Tool 55 Add/Delete Anchor Point Tools 56 Freeform Pen Tool 56 Magnetic Pen Tool 56 Creating a Selection from a Path 56 Creating Selections in Quick Mask Mode 57 Quick Mask Options 57 Creating a Selection with Color Range 58 Color Range Dialog-Box 58 Saving Selections with the Channel Palette 60 Table of Contents iv Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com Color Channels 60 Alpha Channels 61 Restoring Your Selection 62 Load Selection Dialog Box 62 Review Questions: Using Selections and Channels 64 CHAPTER 5 – USING LAYERS 67 Layers 68 Layers Palette 69 Layers 69 Using Layers 71 Transparency 71 Moving Layers 71 Blend Modes 71 Preserve Transparency 72 Layer Masks 72 Transforming Layers 74 Creating New Layers 74 Text and Layers 75 Layer Effects 76 Managing Layers 77 Changing the Stacking Order 77 Duplicating Layers 77 Merge Options 77 Review Questions: Using Layers 78 CHAPTER 6 – EDITING IMAGES 81 Using the Painting and Drawing Tools 82 Color Palette Group 82 Brushes 82 Swatches 83 Color Palette 83 Airbrush Tool 84 Airbrush Options 84 Table of Contents Web development training http://www.xnu.com 1-877-644-3444 v Paintbrush Tool 85 Paintbrush Options 85 Rubber Stamp Tool 86 Rubber Stamp Options 86 Pattern Stamp Tool 87 History Brush Tool 87 Art History Brush 89 Art History Brush Options 89 Eraser Tool 90 Eraser Tool Options 90 Background Eraser Tool 91 Background Eraser Options 91 Magic Eraser Tool 92 Pencil Tool 92 Line Tool 92 Line Tool Options 92 Blur Tool 93 Sharpen Tool 93 Smudge Tool 93 Dodge Tool 93 Burn Tool 93 Sponge Tool 93 Gradient Tool 94 Gradient Tool Options 94 Gradient Editor 95 Paint Bucket Tool 96 Using the Type Tool 96 Type Tool Dialog Box 96 Using Filters 99 Applying Filters 99 Table of Contents vi Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com Fine-Tuning Filters with Fade 100 Adjusting Images 101 Histogram 101 Channel 101 Mean, Std Dev, Median, Pixels 101 Level, Count, Percentile, Cache Level 102 Using Levels 103 Channel 103 Input Levels/Input Levels Sliders 103 Output Levels/Output Levels Sliders 104 Levels Eyedropper Tools 104 Auto 104 Preview 104 Auto Levels 104 Auto Contrast 104 Curves 105 Color Balance 107 Color Balance Fields and Sliders 107 Tone Balance 107 Preserve Luminosity 107 Brightness/Contrast 108 Hue/Saturation 108 Desaturate 108 Replace Color 109 Selective Color 110 Channel Mixer 110 Invert 110 Equalize 110 Threshold 111 Posterize 111 Variations 111 Table of Contents Web development training http://www.xnu.com 1-877-644-3444 vii Adjustment Layers 112 Using Guides and the Grid for Alignment 112 Using Guides 112 Using the Grid 113 Review Questions: Editing Images 114 CHAPTER 7 – CREATING STATIC IMAGES FOR THE INTERNET 118 Creating a Logo in Photoshop 119 Importing Vector Based Logo Files 119 Preparing the Logo for the Internet 121 Save for Web 123 Preview Windows 123 Compression Options 124 Building Compression Options 124 Compressing Photographic Images 125 JPEG Compression 126 Compression Levels 126 Creating a Custom Logo 127 Review Questions: Creating Static Images for the Internet 132 CHAPTER 8 – CREATING BANNERS AND ANIMATED GIFS 134 Banner Dimensions and Restrictions 135 Creating a Static Banner 135 Creating an Animated GIF Banner 138 The ImageReady Environment 138 The Animation Palette 139 Frame Thumbnails 139 Frame Controls 139 Animating in ImageReady 140 Review Questions: Creating Banners and Animated GIFs 143 CHAPTER 9 – CREATING BUTTONS AND ROLLOVERS 145 Table of Contents viii Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com Creating Buttons with ImageReady 146 Button Size 146 New Document 146 The Rectangle Tool 147 Rectangle Options 147 Rounded Rectangle Options 148 Ellipse Tool Options 148 Styles Palette 149 Creating Custom Styles 149 ImageReady’s Type Tool 150 Centering Layers 151 Creating Rollovers 152 Rollover Palette 152 HTML Options 154 Tags Case 155 Indent 155 Attribs Case 155 Line endings 155 Always Quote Attributes 155 TD W, H 155 Spacer Cells 155 Empty Cells 155 Include Comments 155 Image Maps 155 Code 156 Photoshop’s Menus 156 Compatibility 156 Background Image 156 Subfolder 156 Copyright 157 Review Questions: Creating Buttons and Rollovers 158 CHAPTER 10 – CREATING NAVIGATION BARS 160 Tables and HTML Layout 161 Creating a Navigation Bar 161 Slices 164 [...]... swatch at the top is the Foreground color and the swatch beneath it is the Background color, as in the Toolbox {Click} and drag the sliders side to side beneath either the R (Red), 18 Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com G (Green), and B (Blue) bar until you create the color you wish Alternately you can manually enter the color values in the text boxes beside the color bars The Swatches... image Web development training http://www.xnu.com 1-877-644-3444 17 The Info Palette As you pass the pointer over an image the Info Palette displays color and coordinate information When using any of the Selection Tools the Info Palette also displays the width and height of the selection The Options Palette The options listed in the Options Palette change depending on the Tool you are using For instance,... image file-types for the Internet Eye Candy 3.0 or Xenofex 1.0 for $99 each! www.alienskin.com 2 The Photoshop Environment This chapter introduces you to Photoshop s workspace Photoshop s tools, menus, palettes and preferences are summarized This section contains a lot of information It’s important to familiarize yourself with the Toolbox and the Palettes before proceeding with the rest of the material... Eyedropper over the color you wish to select The color you choose to sample becomes the current Foreground color Hand Tool The Hand Tool is used to move areas of a magnified image around For instance, Photoshop allows you to zoom in to specific areas of an image However, when you do that, other areas of the image are no longer visible By using the Hand Tool, you can grab and shift the image to bring other sections... under the magnified area Zoom Tool The Zoom Tool is used to get closer too or magnify particular areas of the image, useful for precise image editing and manipulation Foreground/Background Colors Web development training http://www.xnu.com 1-877-644-3444 15 The currently selected Foreground color, or color you are currently painting with is displayed in the Foreground Color box By default, the Foreground... extension On the Macintosh file extensions are not used to designate file types A file designating the file type and the application that created it is attached to the image file instead However, Web servers and browsers also use file type extensions so it is advisable that Macintosh users do the same for images generated for the web Web browsers currently support three image file types They are gif,... using the Airbrush Tool the Options Palette includes items to change the brush Pressure, the Paint mode, and how many Steps are used before the brush Pressure drops to a value of zero Options or modifiers for Tools are examined in Chapters 3 and 4 The Color Palette The Color Palette is used to create new colors Select the box (called a swatch) you wish to make the color change to by {Clicking} on it The. .. you select the Paintbrush tool you use the Brushes Palette to select the size of the brush and the Options Palette to modify or affect how the brush operates Palettes also contain other functions unrelated to Photoshop s tools, such as advanced image manipulation tools Photoshop s menus, like most standard applications, run along the top of the workspace 10 Eye Candy 3.0 or Xenofex 1.0 for $99 each!... Bicubic Options There are nine (9) Options in the Options box Anti-alias Postscript Check Anti-alias Postscript to make the edges of imported vector graphics appear smooth Anti-aliasing compares the color of the edge of an image, such as the outline around a circle, with the color the edge sits against and creates a color in between that makes the transition from one to the other smooth For instance,... and {Release} the mouse button To hide the Toolbox select “Window/Hide Tools.” Select “Window/Show Tools” to get the Toolbox back By default the Toolbox sits at the left side of the workspace Select a Tool by {Clicking} on it Some Tools have a small triangle at the bottom right corner of the Tool Icon {Click}, hold and drag to select other varieties of these Tools from a flyout window Web development . H 155 Spacer Cells 155 Empty Cells 155 Include Comments 155 Image Maps 155 Code 156 Photoshop s Menus 156 Compatibility 156 Background Image 156 Subfolder 156 Copyright 157 . Tool 150 Centering Layers 151 Creating Rollovers 152 Rollover Palette 152 HTML Options 154 Tags Case 155 Indent 155 Attribs Case 155 Line endings 155 Always Quote Attributes 155 TD. Selections 50 Lasso Tool 51 Options Palette 52 Feather 52 Style 53 Lasso Width 54 Frequency 54 Edge Contrast 54 Magic Wand Tool 54 The Pen Tool 55 Direction Selection Tool 55 Convert