Download The Artist's Guide to GIMP: Creative Techniques for Photographers, Artists, and Designers (Covers PDF

TitleThe Artist's Guide to GIMP: Creative Techniques for Photographers, Artists, and Designers (Covers
Author
Tags
LanguageEnglish
File Size38.1 MB
Total Pages324
Table of Contents
                            Acknowledgments
Introduction
	What This Book Is About
	What This Book Is Not About
	How This Book Is Organized
	A Few More Hints
		A Useful Package
		About the Canvas
1: Fundamental Techniques
	Multi-Window vs. Single-Window Mode
		The GIMP Toolbox
			The Tool Options Dialog
			Color Swatches and Tool Previews
			Brush, Pattern, and Gradient Previews
			Active Image Preview Window
			Docking
		The Image Window
			Menus
			Additional Features
		The Preferences Dialog
			Shortcuts
			Undo Levels and Other Environment Options
			Resource Folders
	1.1 Drawing and Painting
		Paint Tools and Features
			The Pencil Tool
			The Paintbrush Tool
			The Airbrush Tool
			The Eraser Tool
			The Ink Tool
		Brushes
			Creating Ordinary and Colored Brushes
			Creating Parametric Brushes
	1.2 Layers and Modes
		The Layers Dialog
		Paint Modes
		Layer Modes
		Using a Layer Mode to Colorize an Image
		Using a Layer Mask to Colorize an Image
		Layer and Layer Mode Tips
	1.3 Color Modes
	1.4 Selections
		Selection Tools
		Editing Selections
		Selection Constraints
		Selection Modes
		Oddly Shaped Selections
			The Free Select Tool
			The Fuzzy Select Tool
			The Select by Color Tool
			The Scissors Tool
			The Foreground Select Tool
		Creating Masks from Selections
			Feathering Selections
			Using the Quick Mask
		Discarding Selections
		Working with Selections
		Selection Tips
	1.5 Paths
	1.6 Drawing Basic Shapes
		Drawing a Straight Line
		Drawing Simple Shapes
		Drawing Irregular Shapes
		Drawing Predefined Shapes
		Basic Shape Tips
	1.7 Patterns and Gradients
		Patterns
			Concrete Texture
			Simulated Cloth
			Creating Tileable Patterns
		Gradients
			Using the Shape Setting with Gradients
			Using the Gradient Editor
		Pattern and Gradient Design Tips
	1.8 Working with Text
		Creating Text
		The Tool Options Dialog
		The Text Editor
		Text, Paths, and the Context Menu
		Text Tips
	1.9 Digital Cameras
		A Digital Camera Primer
		File Formats
		Camera Metadata: EXIF
		GIMP Photo Processing
		Digital Camera Tips
	1.10 Basic Tutorials
		Clouds
			The Plasma Filter
			The Solid Noise Filter
			Difference Clouds
			Fog
			Combining the Filters
			Creating a Steam Effect
			Cloud Tips
		Rips and Cracks
			Ripping an Image’s Edges
			Ripping Tips
2: Photographic Effects
	2.1 Soft Focus
		Getting Started
		Preparing the High Pass Filter
		Merging Layers
		Adjusting Light and Shadow in the 
High Pass Layer
		Blending Layers
		Fine Tuning
		Further Exploration
	2.2 Photo to Sketch
		Getting Started
		Converting the Image to a Sketch
		Adding Depth to the Sketch
		Adding the Finishing Touches
		Further Exploration
	2.3 Antiquing with Sepia Tones
		Getting Started
		Increasing the Middle Grays
		Adding the Sepia Tone
		Further Exploration
	2.4 Color Swap
		A Simple Color Swap
			Isolating the Object
			Choosing the Destination Color
		A More Complex Color Swap
			Creating a Complex Selection
			Changing the Quick Mask Color
			Painting the Selection
			Working in a Duplicate Layer
		Further Exploration
	2.5 Changing Depth of Field
		Getting Started
		Isolating the Foreground
		Adding Depth of Field
		Further Exploration
	2.6 Reflections on Glass
		Getting Started
		Preparing the Image
		Creating the Reflection
		Adding a Surface for the Reflection
		Placing the Reflection on the Surface
		Adding a Shadow
		Further Exploration
	2.7 Lake Reflection
		Getting Started
		Creating the Initial Reflection
		Adding Ripples
		Adding Waves
		Further Exploration
	2.8 Photo Restoration
		Getting Started
		Enhancing the Scanned Image
		Correcting with a Single Patch
		Correcting with Multiple Patches
		Correcting Facial Blemishes
		Cleaning Up the Background
		Further Exploration
	2.9 Casting Light Through a Window
		Getting Started
		Setting Up the Shadow Mask
		Increasing the Light
		Further Exploration
	2.10 Light Streaks
		Getting Started
		Adding an Outer Glow
		Adding an Inner Glow
		Enhancing the Initial Streak
		Further Exploration
	2.11 Miniaturizing a Scene
		Getting Started
		Blurring to Miniaturize
		Further Exploration
	Tips for Photographic Effects
		Autolevel Option
		Sharp Scans
		Selections, Selections, Selections
		Add More Contrast
		Soft Light and Overlay Modes
		Sepia Means Brown
		The Color of Kelvin
		Experimentation
3: Web Design
	Working in a Native Medium
		GIMP Tools for Web Design
	3.1 Gel Buttons
		Getting Started
		Adding Colored Layers
		Adding a Lower Highlight
		Adding an Upper Highlight
		Stretching the Upper Highlight
		Adding Text to the Button
		Further Exploration
	3.2 Metal Buttons
		Getting Started
		Adding More Reflections
		Adding Color
		Further Exploration
	3.3 Tabs
		Getting Started
		Adding a Gradient
		Giving the Tab Some Depth
		Adding Color and Highlights
		Adding Text
		Creating More Tabs
		Further Exploration
	3.4 Website Banners
		Getting Started
		Cropping the Background Graphic
		Enhancing the Glow
		Adding a Foreground Graphic
		Colorizing the Laptop
		Opening a Window on the Trees
		Exporting and Saving
		Further Exploration
	3.5 Simple Logos
		Getting Started
		Creating Text
		Adding Borders and Clipart
		Adding a Watermark
		Centering the Text
		Further Exploration
	3.6 Icons
		Getting Started
		Adding a Gradient Fill
		Creating a Checkered Pattern
		Adding a Pattern
		Masking the Bottom of the Icon
		Creating the Application Sphere
		Adding Highlights
		Adding the Application ID
		Further Exploration
	Tips for Web Design
		Use GIMP for Images, CSS for Design
		The Right Units
		Add Contrast Where Necessary
		Avoid Busy Backgrounds
		Choose File Formats Wisely
		Scan for the Web
		Subtle Gradients
		Transparency in Web Design
		Choosing the Right Colors
		Export Safely
4: Advertising and Special Effects
	Print vs. Web
		Stock Images
		Color, Contrast, and Grayscale
		It’s Up to You
	4.1 Creative Text Design
		Selecting a Stock Image
		Choosing a Font
		Adding a Vignette
		Adding a Text Layer
		Creating a Mask Layer
		Further Exploration
	4.2 3-D Package Designs
		Preparing the Front of the Box
		Creating a Patch
		Adding Text to the Front of the Box
		Creating the Side of the Box
		Merging the Front and Side Panels
		Cleaning Up the Edges
		Further Exploration
	4.3 Reflective Glass
		Getting Started
		Adding a Border
		Creating a Glassy Surface
		Adding Reflective Highlights on the Right
		Adding Reflective Highlights on the Left
		Adding Text and a Drop Shadow
		Further Exploration
	4.4 Popping an Image
		Getting Started
		Isolating the Boarder
		Enhancing the Board Details
		Removing the Background
		Adding a Drop Shadow
		Replacing the Background
		Adding Text
		Further Exploration
	4.5 Shiny Emblem
		Getting Started
		Creating a Metallic Border
		Creating an Emblem
		Adding an Inner Border
		Adding Raised Lettering
		Further Exploration
	4.6 Wine Bottle
		Drawing the Bottle Shape
		Adding Highlights
		Making a White Label with Gold Trim
		Making a Blue Stripe and Gold Wrapper
		Further Exploration
	4.7 Gears
		Making the Gear Cogs
		Creating the Outer Ring
		Connecting the Disk and Ring
		Adding Depth and Texture
		Further Exploration
	4.8 Cube City
		Getting Started
		Creating the Building’s Face
		Making the Face a Cube
		Multiplying the Buildings
		Adding Color
		Adding Highlights
		Further Exploration
	4.9 Underwater
		Getting Started
		Creating Waves
		Adding Diffused Light
		Adding Rays of Light
		Intensifying the Light
		Further Exploration
	4.10 Colored Lighting
		Getting Started
		Adding Cool Lighting
		Adding Warm Lighting
		Adding a Highlight
		Softening the Image
		Further Exploration
	4.11 iPod
		Getting Started
		Adding the iPod
		Placing the iPod in a Pocket
		Drawing the Earphones
		Placing the Final Shadow
		Further Exploration
	Tips for Advertising and Special Effects
		Create 3-D Effects
		Add Texture
		Use Layer Modes
		Reflect with Gradients
		Emboss the Easy Way
		Eliminate the Jaggies
		Don’t Worry About Horizontal Alignment
		Watch Your Canvas Size
5: Type Effects
	GIMP’s Text Tools
		Predefined Text Effects
		Creating Your Own Type Effects
	5.1 Chrome and Metal Text
		Brushed Metal
			Creating the Text
			Extruding the Text with the Bump Map Filter
			Adding a Metallic Finish
		Heavy Metal
			Creating the Text
			Adding Depth
			Adding a Metallic Finish
		Liquid Metal
			Creating the Text
			Liquefying the Letters
			Adding Depth and Polish
		Further Exploration
	5.2 Gel Type
		Creating the Text
		Rounding the Surface of the Text
		Adding Lighting Effects
		Lightening the Text and Adding a Drop Shadow
		Further Exploration
	5.3 Distressed Text
		Creating the Text
		Creating a Distressed Layer
		Applying the Distressed Effect to the Text
		Further Exploration
	5.4 Frost
		Creating the Background and Text
		Bringing the Text Forward
		Adding Snow
		Creating Falling Snow
		Further Exploration
	5.5 Neon Signs
		Experimenting with the Built-in Neon Effect
		Creating the Background
		Preparing the Neon Tubes
		Adding the Glow
		Adding a Glass-Edged Reflection
		Further Exploration
	5.6 Spray Paint
		Creating the Background
		Adding a Text Outline
		Converting the Text to Spray Paint
		Further Exploration
	Tips for Type Effects
		Make Alignment Easier
		Find Good Fonts
		Use Only the Fonts You Need
		Use Large Type and High Resolution for Print Projects
		Remember That All GIMP Text Is Rasterized
		Practice Copyfitting Manually
		Edit Text Layers Wisely
		Plan Ahead
		Create Font Maps
6: Creative Inspiration
	6.1 Fire Girl
		Isolating the Girl from the Background
		Edge-Detecting the Girl to Create Multiple Layers
		Blending in Ornamental Elements
		Blending to Remove Excess Details
		Adding Flame Coloring
		Creating the Crown of Flames
		Further Exploration
	6.2 Star Field
		Starting Small
		Growing Bigger Stars
		Working at a Larger Scale
		Adding Space Voids
		Clustering
		Coloring
		Using Lens and Gradient Flares for Highlights
		Adding Space Dust
		Further Exploration
	6.3 Creamsicle Love
		Creating a Custom Gradient
		Creating Temporary Grassy Hills
		Adding a Background Sun
		Giving It the Retro Feel: Sunbeams
		Adding the Lovers’ Silhouette
		Finishing Off the Grassy Hills
		Further Exploration
	6.4 Mobsterville
		Establishing the Base Image
		Making It Rain
		Adding a Background Building and Lamp Posts
		Adding Lamps and Lights
		Retrieving a Red Tie
		Further Exploration
Index
Blank Page
Blank Page
                        
Document Text Contents
Page 162

140 Chapter 3: Web Design

8. The letter kerning in the second line will need adjust-
ment. The line should still be selected, so set the kerning
field to 2.5 and hit enter. The letters will spread out slightly,
nearly (though not exactly) aligning with the left and right
ends of the first line.

9. Select just the first letter of the second line. Change the kerning
value to −5 and hit enter. Now the ends of the second line
should align with the first.

10. Optionally, adjust the line spacing for this text layer by set-
ting the Line Spacing to −20 in the Tool Options dialog.
Notice that changes to this field in the Tool Options apply
to all lines in the text layer, not just the selected lines.

The amount of kerning adjustments is tied directly to the font and font sizes
you choose. Your project may require different kerning settings.

Adding Borders and Clipart
1. Add a new transparent layer by choosing Layer4New Layer

and setting the Layer Fill Type to Transparency. Name the
new layer Borders.

2. Add two new horizontal guides at 15 percent and 85 percent
by choosing Image4Guides4New Guide (By Percent).
Then add two vertical guides at 5 percent and 95 percent.

3. Click the Paintbrush tool and choose Calligraphic from the
Brushes dialog. In the Tool Options set the Size to 10. Click
once at the upper-left intersection of the new guides. Hold
down the shift key and click the upper-right intersection to
draw a straight line between the two intersections. Repeat
this process with the lower-left and lower-right intersections.
We’ll adjust the text layer position later.

Use guides and a small brush to draw the horizontal borders in a sepa-
rate layer.

4. Remove all guides (Image4Guides4Remove All Guides).

5. For the leaf icon that appears behind the logo text, you’ll
use clipart. Open any appropriate clipart file (there are many
freely available on the Internet, but be sure to check the copy-
right license for their use in your projects). Be sure the clip-
art is a black-on-white image.

6. Copy the clipart into the logo project canvas as a new layer.
Make sure the Lock Alpha Channel box in the Layers dialog

Page 163

3.5 Simple Logos 141

is checked for this new layer. You may need to scale down
the art to fit the available space. In this example, the space
between the two borders comfortably fits a clipart image
that’s 90 pixels high.

7. Desaturate that layer (Colors4Desaturate).

8. Choose the Bucket Fill tool and in the Tool Options dialog
set the Mode to Screen, the Opacity to 100 percent, the Fill
Type to FG color fill, and the Affected Area to Fill whole
selection.

9. Open the Change Foreground Color dialog again, make
sure the RGB values are set to 207/0/0 to match the red
used for the text, then close the dialog.

10. Click the layer to colorize the clipart.

11. Assuming an original clipart of black-on-white, set the layer
mode to Multiply. Otherwise, either choose a more appropriate
layer mode to mask the background or select the background
by color, add a layer mask, and fill the selection in the mask
with black to mask the background of the clipart.

12. Use the Move tool to manually align the clipart layer between
the top and bottom borders on the left side of the logo image.

A piece of clipart is scaled down to fit between the logo’s borders.

n o t e If you can’t find appropriate clipart on the Internet, try
looking for clipart books at your local bookstore. The Dover
collections, for example, offer many images that can be
photographed with your camera and easily cleaned up
with GIMP.

Adding a Watermark
1. Click the Background layer in the Layers dialog to make it

active.

2. Add a transparent layer by choosing Layer4New Layer and
setting the Layer Fill Type to Transparency. Name the new
layer Watermark.

3. Create a rectangular selection through the middle of this
layer. The size of the rectangle makes no difference.

4. In the Change Foreground Color dialog, set the RGB values
to 142/142/142 for a neutral gray and close the window.

5. Drag the foreground color into the selection, and then dese-
lect all (ctrl-shift-A).

The watermark starts as a gray selection in a layer placed above the Back-
ground layer but below all other layers.

Similer Documents