2pxBorder, 41
Add Anchor Point tool, for modifying shapes, 49
Ades, Dawn, 128
adjustment layers
for hue, saturation, and brightness, 116–117, 171, 177–178
levels adjustment layer, 103–106, 172
nondestructive editing and, 156
Adobe Bridge
digital photography and, 67
organizing digital photos, 80–81
arranging stacking order of elements, 45
creating circles, 10
creating text boxes, 247
Pathfinder panel, 188
typographic treatment with, 208
Adobe InDesign
creating document for sharing on web, 261
placing text in text frames, 270–271
preparing files for placement, 275
scaling images, 268
typographic treatment with, 208
Airey, David, 42
alignment
Align panel, 19
left, right, centered, justified, 238–239
of text boxes, 252
typographic styles and, 273–274
alpha channels, 184. See also layer masks
analog, combining with digital techniques, 285
anchor points
creating shapes, 44
defining circle edges, 14
moving, 232
Pen tool and, 154
tracing an image with Pen tool, 162–164
aperture size, 72
appropriation practice, 133
apps, screen resolution for, 183
Arnheim, Rudolf, 39
artboard
Artboard tool, 232
features of, 12
artists/designers, communication with clients, 281
ascenders, of a letter, 203
Atkins, Anna, 128
augmented reality, 182
Azzarella, Josh, 137
background
creating background layers, 136, 140
backward compatibility, 37
Barthes, Roland, 42
baseline, of a letter, 203
Bauhaus school, of art and design, 113, 234
Bayard, Hippolyte, 128
Bézier handles
controlling curves, 43
creating curved paths, 154
tracing an image with Pen tool, 162–163
bitmap graphics
digital photography and, 61
pixels in, 10
bits, 4
black-and-white photo, applying color to, 125
Blank, Harrod, 65
blended images
adding gradients and layer masks, 197–199
articulating the design challenge, 186
combining vector shapes, 187–189
creating basic button, 193–194
creating layer groups, 195–196
networked technologies and, 180–182
overview of, 179
screen resolution, 183
vector shapes, 183
blending modes, color, 120–121
blogjects, 180
boardstorming, at Jovenville, 293–296
branding, guidelines for design, 282–284
Braque, Georges, 133
Brautigan, Richard, 256
Breton, André, 131
Bringhurst, Robert, 238
brushes
adding brushwork texture, 285
Brush tool, 10
pattern brush, 17
Spot Healing Brush, 136, 140–142, 146–147
buttons, creating basic, 193–194
Cairns, Jonathan, 157
cap height, of letters, 203
circles. See also paths
scaling, 16
clients
communication with, 281
coping with, 294
Clone Stamp tool
cloning with, 136
exercise adding extra mummy finger, 147–149
softening cloned edges, 150–152
Closure, Gestalt laws, 236
CMYK (cyan, magenta, yellow, and black), 110, 216
Cole, Tracey, 73
fair use of public domain materials, 132
collage, creating Dada-style
applying Magic Wand to, 173–176
converting a path to a selection to layer mask, 167–170
copying layer to document, 172–173
modifying paths created with Pen tool, 164–167
scaling, adjusting, and organizing, 170–171
selecting, copying, pasting, 176–178
setting up workspace for, 158–160
tracing an image contour with Pen tool, 160–164
color
adding to master pages, 275–276
additive processes, 109
CMYK (cyan, magenta, yellow, and black), 110–111
default foreground and background colors, 175
modes in typography, 216
overview of, 107
primary and complementary, 110
RGB (red, green, black), 109–111
simultaneous contrast, 113, 117–120
as subject of art, 112
subtractive processes, 108
of text, 249
warm and cool hues, 113
white balance setting and color cast, 72
Color panel
filling a path, 15
gradient settings, 34
Invert option on, 56
stroke values, 36
Common Fate, Gestalt laws, 236
communication, clarity and openness of, 280–281
complementary color relationships, 110
compression settings, for digital cameras, 70
consistency, in design, 255–256
Content area, of Adobe Bridge, 80–81
Continuity, Gestalt laws, 236, 250, 255–258
contours
creating with Pen tool, 154
contrast
color correction, 123
in typographic design, 210–212
Convert Anchor Point tool, 48–50
cool hues, 113
copy/paste
Copy button, 52
selections for, 144
Create New Layer button, 29
cropping
curve adjustment, for increasing contrast, 123
curves
Bézier handles for, 43
DeLappe, Joseph, 5
Delete Cropped Pixels button, 78
depth, contrasting values creating, 35–36
depth of field setting, for digital cameras, 73
derivative works, fair use and, 132–133
descenders, of letters, 203
digital cameras
zone system for, 93
digital manipulation
appropriation practice, 133
combining analog with, 285
new tools for, 132
photomontage and collage and, 129–131
repairs and hoaxes. See repairs and hoaxes
surrealism, 131
verisimilitude, 134
digital noise, 71
bracketing technique in, 75–76
creating PDFs of images, 85–88
light measurement, 66
pixels, 61
preparatory considerations, 76–77
as specialized craft, 65
digital technologies
qualities of, 2
Direct Selection tool
making final adjustments, 229
Dobson, Kelly, 180
Doctorow, Cory, 180
documents
creating with one artboard, 43–45
sharing on web, 261
dots
computer graphics and, 2
Doyle, Christopher, 280
editing. See also revision practices
color editing, 108
layer masks, 156
no editing vs. editing as every stage, 285
Edwards, Mark, 155
effects
Eisenstein, Sergei, 131
elements, working with on master pages, 266
Ellipse tool
loading from Tools panel, 12
Eraser tool, 156
Essentials, setting workspace to, 27, 43, 77
ethics, of digital manipulation, 136–137
Expand Appearance option, converting lines to shapes, 54
eyeball icon, making layers visible/invisible, 187
Eyedropper tool, adding Fill colors, 228
Ezer, Oded, 232
fair use, copyright law and, 132–133
faktura (Rodchenko), 129
Faludi, Rob, 181
families, typographic, 207
files
digital camera settings, 70
naming/saving, 25
utilizing master/shared, 36–38
fills/filling
adding with Eyedropper tool, 228
filling circle with color, 119
filling rectangle with color, 275
icons for, 14
fonts. See also typefaces
creating typographic styles, 274
personality of, 202
selecting point size of type, 220
f-stop values
depth of field and, 73
Gestalt laws, 234, 236–237, 250, 255–258
Gilliam, Terry, 131
glyphs, 202
Gomez, Dr. L. Hernandez, 289
Good Gestalt, Gestalt laws, 236
gradients
applying to layer masks, 184–185
grids
guide placement, 242–243, 250–251
using, 252
Grosz, George, 130
establishing on master pages, 262–263, 266
hiding/deleting, 52
horizontal, 188
placing on grid, 242–243, 250–251
scaling and, 170
snapping to, 269
gutter, between text and images, 264
hardness setting brushes, 148
Hartman, Kate, 181
Heartfield, John, 130
Helvetica typeface, 206
highlights
adjusting exposure value, 145
levels adjustment layer and, 105
History panel, Photoshop, 141
hoax creation, 137
hues
adding layer for, 177
color correction, 122
HSL (hue, saturation, and luminosity), 107–108, 116–117
Hue/Saturation adjustment tool, 108
primary and complementary, 109–110
warm and cool hues, 113
Hughes, Jack, 112
adding/saving background color, 55–57
brushing details into treetop, 53–54
creating shape combinations, 46–47
logos as, 42
reflect/copy profile icon, 51–52
Illustrator. See Adobe Illustrator
image frames (InDesign), 270
images
adding gradient backgrounds, 33–34
creating borders, 31
creating gutter between text and images, 264
measuring block for placing, 263–264
prepping, 270
previewing, 268
relationship between type and, 206
scaling, 276
utilizing master/shared files, 36–38
Info panel, 103
iPad screen resolution, 183
ISO settings, for digital cameras, 71
James, Christopher, 92
Johnson, Chris, 93
Johnson, D. Wayne, 280
JPG quality slider, 98
juxtaposition
in creating collages, 176
in Mark Edwards design, 155
photomontage and, 153
kaleidolism.com, 41
adjusting horizontal space between letters, 213–215
adjusting letters to a guide, 251
for line spacing, 239
Key command, becoming efficient with, 245
Kodak’s Brownie camera, 59, 60
Lasso tool, 143
Lavers, Annette, 42
Add Layer Mask button, 150–152
applying gradients to, 184–185
fundamentals of working with, 156
layers
clipping, 177
copying between documents, 172–173
creating background layer, 136, 140
creating for working on eyes, 144–146
creating for working on fingers, 148, 150–151
creating for working on forehead, 146–147
creating layer groups, 195–196
creating new, 148
flattening, 217
keeping copy of original, 140
moving, 225
naming, 148
rearranging stack order of, 145–146
Layers panel
gradients layer in, 33
rectangle path on top of, 55
selecting images within, 32
understanding, 29
LCD screen, for framing photographs, 69–70
Le, David, 74
leading
adjusting, 224
for letter spacing, 213–215, 239
placeholders for virtual, 244
The League of Imaginary Scientists, 289–292
legibility, of type, 205
letters
kerning. See kerning
letterforms, 202
parts of, 203
levels adjustment layer, 103–106, 122
Library of Congress (LOC), 139, 159
light meters, for digital photography, 66
complexity of, 22
creating with Pencil tool, 29–31
drawing intersecting, 31
leading for spacing, 239
length in typographic design, 237–238
varying contrast to create depth, 35–36
linking
Link button for image placement, 27
Load Path, 167
logos, 42
London, Kati, 181
Lorem Ipsum, placeholder or dummy text, 246–247
luminosity (lightness), 107–108, 116–117
Lupton, Ellen, 202–203, 234, 236
Macnab, Maggie, 22
Majoor, Martin, 204
Man, Ray, 128
Marks and Bleeds, 253
marqueeing shapes
circles, 16
rectangles, 54
masks. See layer masks
master pages
accessing and applying, 259
adding color and drop shadows, 275–276
establishing guides on, 262–263, 266
measuring blocks
meetings, standing up at, 287
Méliès, Georges, 131
Metadata Placard, in Adobe Bridge, 81
Miedinger, Max, 206
Miller, J. Abbott, 234
Minus Front button, 54
Moholy-Nagy, László, 128
montage, 129–131. See also collage
Move tool
adjusting image position, 171
centering content, 194
moving layers, 225
utilizing zone scale and, 99–101
Müller-Brockmann, Josef, 237
multipage layouts, 255–256, 259
multistability, 8
Museum of Contemporary Art (MOCA), 289–292
Myers, Tiffini, 113
negative space
creating virtual leading and, 244
example of use of, 242
in typographic design, 236
Negroponte, Nicholas, 1–2, 4–5
networked technologies, 180–182
New Document dialog box, 12, 43–44
New Filenames field, in Batch Rename tool, 82–84
nondestructive editing, 156–158
opacity settings. See transparency/opacity settings
orphans, typographic design and, 240–241
Outer Glow effect, layer effects, 190
overflow text, text boxes and, 247–248
packaging, design of Hot Wheels packaging, 286–287
Pages panel
adding color and drop shadows to master pages, 275–276
creating master pages, 263
navigating documents, 262
placing images in documents, 266
paper, selecting size for printing, 242
paragraph styles
applying, 277
for consistent typographic treatment, 259
paragraphs
working with paragraph breaks, 249
Past Experience, Gestalt laws, 236
Patch tool, 136
Path mode, vector tools, 187
Pathfinder panel
Adobe Illustrator, 188
for joining shapes, 48
unwanted effects from, 53
converting to a selection and then to layer mask, 167–170
creating curved, 154
creating elliptical, 14
making copies of, 15
Patrick, Bryan, 137
pattern brush, 17
PDFs
creating PDF Portfolio, 208
designing for reading on a screen, 259
placing images in, 268
sharing on web, 261
of thumbnail-sized images, 85–88
trim marks on, 253
Peirce, Charles Sanders, 42
modifying paths created with, 164–167
for precision selection, 154–155
tracing image contours, 160–164
vector-based tools in Photoshop, 187
Pencil tool
accessing Selection tool from, 31
petroglyph, 200
photograms, 91
photography
in color, 62
digital. See digital photography
vector illustration vs., 60
zone system and, 61
Piana, Brian, 112
Picasso, Pablo, 133
pixels
applying pixel masks, 167
in bitmap graphics, 10
development of, 2
in digital photography, 61
nondestructive editing and, 156
pixel-based layer masks, 184
resampling, 90
UI designs and, 132
vector tools and, 187
point sizes, of type, 219, 248
Prägnanz, Law of, 234
previewing images, 268
previewing layout, 276
printing
CMYK color and, 110
color modes and, 216
paper size for, 242
Proximity, Gestalt laws, 236
PSD files, 268
Rectangle tool
adding shape for framing composition, 227–229
creating and positioning rectangular shapes, 263
creating borders, 31
filling rectangle with color, 275
using in Shape mode, 187
Rectangular Marquee tool, 114–115
Red Eye tool, 136
redistributing pixels, for resolution, 90, 95–96
Rejlander, Oscar Gustav, 128
adding extra mummy finger with Clone Stamp tool, 147–149
creating hoaxes, 137
making tonal repairs with dodge and burn, 143–145
reducing wrinkles with Spot Healing Brush, 146–147
removing dust and blemishes from photograph, 139–142
softening cloned edges, 150–152
Resample Image check box, 159–160
resolution
DPI (dots per inch) settings, 159
redistributing pixels for, 90, 95–96
screen resolution, 183
boardstorming at Jovenville, 293–296
clarity and openness of communication and, 280–281
collaboration with institution scientists at MOCA, 289–292
overview of, 279
Pencilbox Studios Mission Hospital project, 281–284
Pencilbox Studios Perception of the Princess project, 284–285
reworking package design at Mattel, 286
working with game time and real time in Elder Scroll IV:Oblivion, 287–289
RGB (red, green, black)
color modes and, 216
converting from gray scale to, 115
primary and complementary color and, 110–111
rhythm, in typographic design, 210–212
Robinson, Henry Peach, 128
rotating
with Free Transform tool, 174
images, 172
text boxes, 223
Rounded Rectangle tool, 193–194
Rubin, Edgar, 8
rule of thirds
cropping by, 122
in postproduction editing, 77–79
rulers. See guides
RYB (red-yellow-blue) color model, 108
saccadic movement, of eyes, 237–238
Sagmeister, Stefan (and team), 212
sans serif typefaces, 205–206, 259
saturation
adding layer for, 177
adjusting, 171
HSL (hue, saturation, and luminosity), 107–108, 116–117
Hue/Saturation adjustment tool, 108
saving files, 25
scaling
Non-Uniform Scale option, 244
Schad, Christian, 128
Schwitters, Kurt, 130
screen
color modes and, 216
designing typography for, 259
selection boxes, in zone scale analysis, 99–102
selections
adding text boxes, 218
adding to/deleting from, 144
choosing circle properties, 14
converting from a path and to a layer, 167–170
creating figure/ground, 20
dragging, 118
features of Selection tool, 13
Pen tool for precision selection, 154–155
serifs, of a letter, 203
shadows
adding drop shadow to master pages, 275–276
levels adjustment layer and, 105
lightening, 144
Shape mode, vector tools, 187
shapes
creating rectangle with shape tools, 187–189
as iconic designs. See iconic graphics
as psychological tools, 39
Shift key, for constraining proportions, 14
shift-clicking circles, 17
shutter speed priority, 66, 77
Signac, Paul, 3
Similarity, Gestalt laws, 236, 255–258
Simon, Scott, 280
simultaneous contrast, 113, 117–120
Sketchpad, 4
Smart Guides, for aligning shapes, 46–47
snapping, to guides, 269
Spiekermann, Erik, 202, 210, 280–281
spimes (Sterling), 180
Spot Healing Brush
digital repairs with, 136
removing dust and blemishes, 140–142
Sriskandaraja, Sai, 181
stacking order, in Illustrator, 45
Sterling, Bruce, 180
strokes
creating basic button, 193–194
Ellipse tool options for, 12
filling rectangle with color and, 275
icons for, 14
styles, creating typographic, 271–274
subtractive processes, color, 108
Sutherland, Ivan, 4
Swiss international style, 236–237
Symmetry, Gestalt laws, 236
Talbot, William Henry Fox, 127–128
Template button, 27
templates, master pages as, 259
Terror, Diogo, 237
text
changing color of, 249
creating gutter between text and images, 264
creating typographic styles, 274
leading, kerning, and tracking, 213–215
placeholder or dummy text (Lorem Ipsum), 246–247
placing in text frames, 270–271
text boxes
creating, 252
rotating, 223
Type tool and, 213
text frames (InDesign)
for cover page, 277
modifying or aligning content in, 274
repositioning, 276
texture, adding brushwork texture, 285
Thinking with Type (Lupton), 236
Thompson, Lauren, 73
TIFF images, 159
Tingley, Ashley, 74
tonal range
Tools panel
loading tools from, 12
stroke/fill icons on, 14
“tear off” arrow on, 48
tracking (letter spacing), 213–215, 273
transformations
centering content and, 194
with Free Transform tool, 174
rotating images, 172
adding color and drop shadows to master page, 275
brush values, 148
filling circle with color and, 119
locking, 120
for type, 223
trim marks, on PDFs, 253
Tschichold, Jan, 237
Turkle, Sherry, 180
tweetjects, 180
Type tool
adjusting kerning, tracking and leading, 213–215
changing point size of type, 248
creating text boxes, 247
resizing and kerning type, 220–225
selecting typeface, 194
vector-based tools in Photoshop, 187
ways of using, 213
designing PDFs for reading on a screen, 259
families of, 207
selecting, 218
typography
adding vector shapes for framing composition, 227–229
classifications of type, 204–205
color modes in, 216
contrast and rhythm in designing, 210–212
designing for screen, 259
grid for aligning composition, 233
Illustrator vs. InDesign, 208
kerning, 213–215, 220–225, 239
letter parts, 203
letterforms, 202
negative space in design, 236
placing/relinking images, 217–218
relationship between type and images, 206
replacing type with an image, 225–227
sentences and paragraphs, 237–241
serif vs. sans serif typefaces, 205–206
Swiss international style, 236–237
text boxes, 213
typeface families, 207
Tzara, Tristan, 129
Unite button, combining multiple shapes, 52
values, in photographic images, 91–92
Van Deusen, Thomas, 71
vector graphics
anchor points in, 10
in app user interface, 183
Bézier handles and, 43
developing with vector shape tools, 183
photography vs., 60
vector shapes
designing vector graphics, 183
framing composition with, 227–229
UI designs and, 132
vector-based layer masks, 184–185
vector-based tools in Photoshop, 187
verisimilitude, 134
Vertical Align Top button, 17
viewfinder, for framing photographs, 69–70
virtual environments, 180
visual images
dots in, 3
pixels for, 2
Walsh, Jessica, 212
Warhol, Andy, 133
warm hues, 113
Web, sharing documents on, 261
white balance settings, for digital cameras, 72
white space, adjusting kerning and, 214
Widener, Jeff, 137
widows, typographic design and, 240–241
Willow, Simon, 133
workspace(s)
x-height, of a letter, 203
Zellen, Jody, 258
zone system
analyzing photographs with, 98–103
for digital cameras, 93
overview of, 61
3.136.154.103