www. Photoshop : Imageready

by Simsic, Greg

ISBN13: 9780789725516

ISBN10: 0789725517

Format: Paperback

Pub. Date: 2001-01-01

Publisher(s): Que

Other versions by this Author

Free Shipping on all Orders Over $35!*

*excludes Marketplace items.

List Price: ~~$45.00~~

Rent Book

Select for Price

Add to Cart

There was a problem. Please try again later.

New Book

We're Sorry
Sold Out

Used Book

We're Sorry
Sold Out

eBook

We're Sorry
Not Available

Buy from our Marketplace starting at $12.76

Summary

Creating graphics for Web sites is one of the most common uses of Photoshop and the addition of ImageReady to the application adds a whole new range of possibilities. Rollovers, animations, image slices, and optimization for the Web are now much easier and faster, and Photoshop's tools have been expanded to offer improved functionality for Web-focused work.Beginning users and experienced Photoshop professionals alike will find that the practical guidance and complete exercises are a more efficient and effective way to learn Photoshop 6 and ImageReady 3 or just to get up to speed on the new features in these newest versions. The tips, notes, and sidebars are filled with expert advice and supplemental information and together with the chapter material provide the reader with an invaluable resource that they can return to time and again.Not only will the reader learn the ins and outs of using the tools and interface of Photoshop and ImageReady but will also understand the artistic and creative reasons behind when and why to use those tools and features.

Introduction

xxiv

I. Jumping In

About Photoshop 6 and ImageReady 3

(10)

Why Use Photoshop for Web Graphics?

(1)

The New and Improved ImageReady/Photoshop Combo

(1)

Exactly What Do These Applications Do?

(1)

What They Don't Do and What's Not in This Book

(1)

Photoshop Versus ImageReady

(1)

Photoshop Is Better at

(1)

ImageReady Is Better at

(1)

What If I Have an Older Version of Photoshop?

(1)

New to Photoshop 6 and ImageReady 3

(1)

Interface

(1)

Type Features

(1)

Layer Operations

(1)

Extras

(1)

Web Features

(2)

Learning Photoshop and ImageReady

(1)

step-by-step exercises

(1)

Interacting with the Web Site

(1)

Preparing Photoshop and ImageReady for Web Work

(16)

Why Bother with This Chapter?

(1)

Photoshop and ImageReady Synchronicity

(1)

At the Bottom of the Edit Menu Lurks . . .

(1)

Preferences

(1)

Photoshop and ImageReady Preferences: General

(2)

Photoshop Preferences: Saving Files

(1)

Photoshop and ImageReady Preferences: Display & Cursors

(1)

Painting

(1)

Other

(1)

Photoshop Preferences: Units & Rulers

(1)

Photoshop Preferences: Guides & Grid

(1)

ImageReady Preferences: Slices

(1)

ImageReady Preferences: Image Maps

(1)

ImageReady Preferences: Optimization

(1)

Preset Manager

(1)

Color Settings

(1)

The Color Settings Dialog Box

(1)

Calibrate Your Monitor

(1)

Palettes

(1)

Info Palette

(1)

change the color of Photoshop's background (works in ImageReady, too)

(1)

Color Palette

(1)

Swatches Palette

(1)

Palette Icon Sizes

(1)

reset palettes

(1)

Get Your Ducks in a Row-Reset Palettes

(1)

More Setup Info

(1)

Jumping to Other Applications

(1)

Setting the Preview Browsers

(1)

Setting ImageReady As the Default Image Editor

(1)

Making the Eyedropper Behave

(1)

Photoshop and ImageReady Basics

(20)

Opening a New File

(1)

Opening an Old File

(1)

Image Size and Canvas Size

(1)

Automatic Canvas Resizing: Reveal All and Trim

(1)

Viewing Environment

(1)

Palettes

(1)

The Toolboxes

(1)

Photoshop's Toolbox

(1)

ImageReady-Specific Tools

(1)

The Options Bar

(1)

The History Palette

(1)

Jumping Between Applications

(1)

Making Selections

(1)

Working with Layers

(1)

Layer Content Types

(1)

Rendering Layers

(1)

Layer Sets

(1)

Layer Alterations: Opacity, Blending Modes, and Effects

(1)

Aligning Layers

(1)

Snapping Layers

(1)

Transparency Masks for Layers

(1)

add a layer mask

(1)

The Notes Tools

(1)

create a note (Photoshop only)

(1)

The Measure Tool

(1)

use the measure tool (Photoshop only)

(1)

Taking Advantage of Context-Sensitive Menus

(1)

Keyboard Shortcuts

(1)

Laying Out Web Pages

(22)

So, You're Designing a Web Page

(1)

The Design Process

(1)

Preview in Browser

(1)

Photoshop Then ImageReady

(1)

Design Tips

(1)

Setting Up the Design

(1)

Web Page Dimensions

(2)

Perfect Matches

(1)

Steal Stuff

(1)

Design for Flexibility

(1)

Using Color Palettes

(2)

build a swatch palette

(1)

load a swatch palette

(1)

Color Palette Files

(1)

Keeping Things in Line

(1)

Rulers, Guides, and Grids

(1)

Rulers

(1)

Guides

(1)

Grid (Photoshop only)

(1)

Snapping

(1)

snapping layers to guides

(1)

Organizing the Layers Palette

(1)

Temporary Layers

(1)

Finishing It Right

(1)

Slicing a Design

(2)

The HTML File

(1)

Updating HTML

(1)

Replacing Individual Graphics

(1)

Photoshop Sketches

(1)

The End

(3)

II. Web Essentials

Web Color

(24)

Web Color Issues

(1)

RGB: The Web Color Mode

(1)

Bit Depth: Available Color

(1)

Web-Safe: 216 Universal Colors

(1)

Dither: The Colors Between

(1)

Hexadecimal Color: The Triple-Double

(1)

The Real World: A Rainbow of Colors

(1)

Gamma: Platform Values

(1)

Just the Facts

(1)

Choosing Web-Safe Colors

(1)

Method 1

(1)

Method 2

(1)

choose a Web-safe color: the color picker (ImageReady and Photoshop)

(1)

Choosing a Web-Safe Color: Using Swatches

(1)

choose a Web-safe color: the color palette (ImageReady and Photoshop)

(1)

choose a Web-safe color: color swatches (ImageReady and Photoshop)

(1)

Mixing Colors

(1)

mix a Web-safe color: the DitherBox filter (ImageReady and Photoshop)

(1)

Web-Safe Color Ramps

(1)

mix a Web-safe color: the DitherBox filter (ImageReady and Photoshop)

(1)

Custom Dithered Patterns

(4)

mix a Web-safe color: custom pattern (ImageReady and Photoshop)

(2)

copy color as HTML: the eyedropper tool (Photoshop)

(1)

copy color as HTML: the color palette (ImageReady and Photoshop)

(1)

copy color as HTML: the eyedropper tool (ImageReady)

(1)

Color Correcting a Non-Web-Safe Image

(2)

color correct a non-Web-safe image

(2)

Selective and Permanent Changes

(1)

color correct a non-Web-safe image

(1)

The Color Picker

(1)

The Color Table

(1)

Previewing Browser Color Effects

(1)

preview Windows/Mac OS color differences

(1)

preview browser dither

(1)

Previewing and Correcting Gamma

(1)

adjust the gamma of an image (ImageReady only)

(1)

Using Color Tables

(1)

build a color table (ImageReady)

(1)

Apply a Color Table

(1)

build a color table

(1)

Saving Files for the Web

(14)

What's Different About Saving Files for the Web?

(1)

Is the HTML File Necessary?

(1)

What's in the HTML File?

(1)

The Saved Files

(1)

Save and Save Optimized

100

(1)

Photoshop or ImageReady?

100

(1)

Save Preferences: Output Settings

100

(1)

HTML

101

(1)

Background

102

(1)

Saving Files

102

(1)

Slices

103

(2)

Saving the Images and Files

103

(1)

save a file

104

(1)

Getting the HTML Code into an Editor

105

(1)

Copying HTML

106

(1)

copy HTML (ImageReady only)

106

(1)

Updating HTML

107

(1)

update HTML (ImageReady only)

107

(1)

The Export Original Command

108

(1)

export original

108

(1)

Saving Files for Adobe GoLive

109

(1)

Optimizing Graphics

110

(24)

Optimizing Versus Saving

112

(1)

The Battle: Speed Versus Quality

112

(1)

The Contenders

113

(1)

JPEG

113

(1)

GIF

113

(1)

PNG

113

(1)

Choosing a Format

114

(1)

Images Suitable for GIF and PNG-8 File Formats

114

(1)

If You Want to Make a Smaller GIF:

114

(1)

Images Suitable for JPEG and PNG-24 File Formats

115

(1)

If You Want to Make a Smaller JPEG:

115

(1)

Optimizing and Color

116

(1)

Optimizing a Multiple Slice Image

116

(1)

Resizing an Image While Optimizing

117

(1)

resize an image in Photoshop

117

(1)

Browser Preview:

118

(1)

Hidden in the Optimize Palette Menu:

119

(1)

Hidden in the Color Table Palette Menu:

119

(4)

optimize a photograph as a JPEG

120

(3)

Selective Compression Techniques: JPEG

123

(5)

use selective JPEG compression

123

(1)

optimize a graphic as a GIF

124

(4)

Selective Compression Techniques: GIF

128

(2)

use selective GIF compression

128

(2)

Compressing an Image to a File Size

130

(1)

compress an image to a file size

130

(1)

Saving Settings

131

(3)

save optimize settings

131

(3)

III. Web Graphics

Type on the Web

134

(22)

Type Types

136

(1)

Type in HTML Code: Body Text

136

(1)

Type in Photoshop and ImageReady: Heads

137

(1)

The Type Tool

137

(1)

Antialiasing and Readable Type

138

(4)

set antialiasing options

138

(1)

Entering Text

139

(1)

entering text: point type

139

(3)

Entering Text: Paragraph Text

142

(4)

entering text: paragraph type

142

(4)

Editing Type Layers

146

(1)

edit type layers

146

(1)

Rendering Type Layers

147

(1)

Saving Type Images

147

(1)

render a type layer

147

(1)

Browserlike Text in Photoshop

148

(1)

create browserlike text

148

(1)

Setting Up an Editable Text File

149

(1)

Layer Effects and Type

150

(1)

Create a Drop Shadow

150

(2)

Type and Special Effects

152

(2)

create block type (Photoshop)

152

(1)

create block type

153

(1)

Vertical Text

154

(1)

create vertical text

154

(1)

Warped Text

155

(1)

create warped text

155

(1)

Graphic Effects

156

(14)

Creating Depressed Buttons

158

(3)

create depressed buttons

158

(3)

Arrows

161

(1)

create arrows

161

(1)

Striped Images

162

(2)

add patterned stripes to a photo

162

(2)

Stripes

164

(1)

create striped backgrounds

164

(1)

Dotted Lines

165

(1)

create dotted lines (Photoshop only)

165

(1)

Pixelized Type

166

(1)

create pixelized type

166

(1)

Grids

167

(3)

create a grid

167

(3)

Backgrounds

170

(22)

What Is a Background?

172

(1)

What's So Special About Backgrounds?

172

(1)

Saving Backgrounds

173

(1)

Previewing Backgrounds

173

(2)

preview a background image

174

(1)

ImageReady Is Your Tile-Making Friend

175

(1)

What Kinds of Background Images Can ImageReady Help Make?

175

(1)

Solid Color Backgrounds

175

(2)

mix a new background color with the DitherBox filter

176

(1)

More DitherBox Tiles: Subtle Patterns

177

(1)

mix a new background color with the DitherBox filter

177

(1)

Making Patterned Tile Backgrounds

178

(1)

Choosing a Size for the Tile

178

(1)

create a grid of repeated objects

178

(1)

Overlapping Tiles

179

(2)

create a grid of repeated objects

179

(1)

create a diamond grid of repeated objects

180

(1)

All-Over Patterns of Objects

181

(2)

create an all-over pattern

181

(2)

An All-Over Hand-Drawn Tile

183

(1)

create an all-over pattern

183

(1)

Repeating Photographic Textures

184

(5)

create a photographic texture tile

184

(1)

create a kaleidoscopic background tile

185

(1)

Making Unidirectional Backgrounds

186

(1)

create a unidirectional horizontal tile

186

(1)

create a unidirectional vertical tile

187

(1)

Making Full Window Background Images

188

(1)

create a full window graphic background

188

(1)

File Size Worry

189

(3)

create a full window photographic background

189

(3)

IV. Web Elements

Slices

192

(20)

What Is a Slice?

194

(1)

What You Do with Slices

194

(1)

Slices Versus Image Maps

195

(1)

The Shape of Slices

195

(1)

view slices

195

(1)

Slice Types

196

(1)

change an auto-slice to a user-slice (ImageReady)

196

(1)

Creating Slices

197

(3)

select a slice

197

(1)

create a slice

197

(3)

Layer-Based Slices

200

(1)

create a layer-based slice (ImageReady)

200

(1)

No Image Slices

201

(1)

convert a slice to a no image slice

201

(1)

Manipulating Slices

202

(1)

Copy and Paste Slices

202

(1)

Combine Slices

202

(1)

Align Slices

202

(1)

Divide Slices

202

(1)

Adding HTML Attributes to Slices

203

(1)

Optimizing Slices

204

(1)

Link Slices (ImageReady)

204

(1)

Saving Slices

205

(1)

Access Output Settings

205

(1)

Slicing a Design

206

(6)

slice a design

206

(6)

Rollovers

212

(24)

What Is a Rollover?

214

(1)

How Do Rollovers Work?

214

(1)

How Are Rollovers Used?

215

(1)

Rollovers Versus Image Maps

215

(4)

create a rollover

217

(2)

OptimizedSlices

219

(1)

Some Typical Rollover Adjustments

220

(1)

Testing and Previewing Rollover Effects

221

(2)

preview rollovers in a browser

221

(1)

preview rollovers in ImageReady

221

(2)

Some Facts About Slices to Keep in Mind:

223

(1)

Image Map Rollovers: A Tighter Fit

224

(1)

create an image map rollover

224

(1)

Understanding Rollover States, Layers, and Styles

225

(1)

What-You-See-Is-What-You-Get

225

(1)

Rollover-State-Specific Versus Global Layer Changes

226

(1)

Some Basic Rules About How Changes to Layers Affect Rollover States

226

(1)

Changing the Color of a Layer

227

(1)

The United States of Rollovers

228

(1)

Rollover Styles

229

(3)

create a rollover style

229

(2)

apply a rollover style

231

(1)

Remote Rollovers

232

(1)

create a remote rollover

232

(1)

Saving Rollovers

233

(1)

Dynamic Rollover Structures

234

(1)

Design

234

(1)

Slice

234

(1)

Define Rollover States

235

(1)

Add Animations

235

(1)

Sorry. No, You Can't.

235

(1)

Image Maps

236

(18)

What Is an Image Map?

238

(1)

Image Map Basics

239

(1)

Modifying the HTML

239

(1)

Tool-Based Image Maps

240

(1)

create a polygon image map

240

(1)

Editing Tool-Based Image Map Areas

241

(1)

create a polygon image map

241

(1)

Add

241

(1)

Subtract

241

(1)

Move a Point

241

(1)

Move

241

(1)

Select

241

(1)

Layer-Based Image Maps

242

(1)

create a layer-based image map

242

(1)

Editing Layer-Based Image Map Areas

243

(1)

Layer-Based Image Maps

244

(1)

Tool-Based Image Maps

244

(2)

Organizing Image Map Areas

246

(1)

Align Image Maps

246

(1)

Distribute Image Maps

246

(1)

Converting Image Map Types

247

(1)

convert a layer-based image map

247

(1)

Overlapping Image Map Areas and Stacking Order

248

(1)

change the stacking order of an image map

248

(1)

Image Map Rollovers

249

(1)

add a rollover effect to an image map area

249

(1)

Previewing Image Map Areas in a Browser

250

(1)

add a rollover effect to an image map area

250

(1)

Saving Image Maps

251

(1)

Creating Dynamic Graphics

252

(2)

create a dynamic graphic

252

(2)

Animated GIFs

254

(20)

How Do Animations Work?

256

(1)

GIFs and File Size

257

(1)

Animation Strategy

257

(1)

In the Animation palette menu:

258

(1)

Building Animations

259

(3)

create an animation

259

(3)

Previewing Animations

262

(1)

preview an animation

262

(1)

Global Layer Changes Versus Frame-Specific Layer Changes

263

(1)

Some Basic Rules About How Changes to Layers Affect Frames

263

(1)

Tweening

264

(3)

create a tweened animation

265

(2)

Optimizing Animations

267

(1)

Saving Animations

267

(1)

turn on optimize options

267

(1)

Layers into Frames

268

(1)

Folders into Frames

268

(1)

turn layers into frames

268

(1)

Animating Image Adjustments

269

(2)

animate image adjustments

269

(2)

Rollovers and Animations

271

(2)

add an animation to a rollover state

271

(2)

More Animations Stuff

273

(1)

add an animation to a rollover state

273

(1)

Transparency

274

(22)

Rectangles, Rectangles, Rectangles

276

(1)

Image Transparency Versus Layer Transparency

276

(1)

Types of Transparency

277

(1)

Transparency Fakery

277

(1)

Hard-Edged Transparency

277

(1)

Multiple Levels of Transparency

278

(1)

Comparing Edges: The File Formats

278

(1)

When to Use Transparency

279

(1)

Basic Transparent Image

280

(2)

create simple hard-edged transparency

280

(2)

Layer Transparency and Opacity

282

(1)

Deleting Filling Layers and Selections

282

(1)

The Eraser Tools

283

(1)

Fake Transparency in JPEGs and PNG-24s

284

(2)

use the matte function in JPEGs and PNG-24s

284

(2)

Smooth Edges

286

(2)

create smooth edges for solid backgrounds (GIF and PNG-8)

286

(2)

Handling Complex Backgrounds

288

(4)

create smooth edges for complex backgrounds (GIF and PNG-8)

288

(4)

Multiple Levels of Transparency: PNG-24s

292

(4)

create multiple levels of transparency

292

(4)

V. The Bigger Picture

Styles

296

(20)

Is That Style or Just Effect?

298

(1)

Photoshop Versus ImageReady

298

(1)

Manual or Automatic?

299

(1)

Working with Styles

299

(1)

Applying Effects

300

(2)

apply a layer effect: ImageReady

300

(1)

apply a layer effect: Photoshop

301

(1)

A Rundown of the Layer Effects

302

(4)

More Ways to Apply Effects and Styles

306

(1)

Global Light

307

(1)

set the global light

307

(1)

Scaling Effects

308

(1)

scale an effect

308

(1)

Creating Layers from Effects

309

(1)

create layers from effects

309

(1)

Using Styles

310

(1)

apply a preset style

310

(1)

Built-In Styles and Custom Styles

311

(1)

load a set of styles

311

(1)

Creating Custom Styles

312

(3)

create a custom style (Photoshop)

312

(3)

Saving Styles

315

(1)

save styles

315

(1)

Automation

316

(22)

What Types of Things Can Be Automated?

318

(1)

Actions

318

(1)

Predefined Actions

318

(1)

Making Actions

318

(1)

Action Uses

319

(1)

ImageReady Versus Photoshop

319

(1)

Some Action Tips

319

(2)

Applying Actions

320

(1)

play an action

320

(1)

Playback Speed

321

(1)

Button Mode and Keyboard Shortcuts

321

(1)

Useful Features Accessed from the Actions Palette Menus:

322

(1)

Droplets

322

(1)

Predefined Actions

323

(1)

load a set of actions (Photoshop only)

323

(1)

A Selection of the Predefined Photoshop Actions

324

(1)

Actions Previews

324

(1)

Recording an Action: Photoshop

325

(5)

record an action: photoshop

325

(5)

Recording an Action: ImageReady

330

(2)

record an action: Imageready

330

(2)

Set Up and Run a Batch

332

(1)

process a batch (Photoshop only)

332

(1)

Some Batch Processing Tips

333

(1)

Creating Droplets

334

(2)

create a droplet: photoshop

334

(1)

create a droplet: imageready

335

(1)

Using Droplets

336

(1)

use a droplet

336

(1)

Creating Web Photo Galleries

337

(1)

create a Web photo gallery (Photoshop only)

337

(1)

Making a Web Page

338

(22)

The Downloadable Photoshop File

340

(1)

64 Easy Steps to Bliss

340

(1)

To Begin-The End

341

(1)

Taking a Look at the Initial Photoshop File

342

(1)

Adding the Menu

343

(2)

building the navigation menu

343

(2)

Building the Animation

345

(2)

making graphics for an animation

345

(2)

Slicing the Design

347

(4)

defining the slices

347

(4)

Rollovers

351

(4)

adding the rollover effects

351

(2)

adding the animated rollover

353

(2)

Optimizing

355

(3)

optimizing the slices

355

(3)

Previewing and Saving

358

(2)

previewing and saving

358

(2)

A Web Resources

360

(2)

The Top Six

362

(1)

General Photoshop Sites

363

(1)

Tips and Techniques

364

(1)

General Web Info Sites

365

(2)

Actions

367

(1)

Plug-Ins

367

(1)

File Formats

367

(1)

Color

368

(1)

GIF Animation

369

(1)

Backgrounds

370

(1)

Clip Art

371

(1)

Stock Photos

372

(1)

Fonts

372

(1)

Message Boards and E-Mail Lists

373

www. Photoshop : Imageready

Rent Book

New Book

Used Book

eBook

Summary

Table of Contents