Smashing Photoshop CS5: 100 Professional Techniques (Smashing Magazine Book Series)

434 Pages·2010·27.26 MB·English

by  Sue Jenkins

SMASHING
Photoshop
CS5
01_661536-ffirs.indd i01_661536-ffirs.indd i 8/25/10 11:57 PM8/25/10 11:57 PM
PUBLISHER’S ACKNOWLEDGMENTS
Some of the people who helped bring this book to market include the following:
Editorial and Production
VP Consumer and Technology Publishing Director: Michelle Leete
Associate Director— Book Content Management: Martin Tribe
Associate Publisher: Chris Webb
Publishing Assistant: Ellie Scott
Project Editor: Juliet Booker
Development Editor: Kezia Endsley
Technical Editor: Tom Ross
Copy Editor: Abigail Saff rey
Marketing
Senior Marketing Manager: Louise Breinholt
Marketing Executive: Katherine Parrett
Composition Services
Compositor: Indianapolis Composition Services
Proof Reader: Gareth Haman
Indexer: Potomac Indexing LLC
01_661536-ffirs.indd ii01_661536-ffirs.indd ii 8/25/10 11:57 PM8/25/10 11:57 PM
SMASHING
Photoshop
CS5
100 PROFESSIONAL TECHNIQUES
Sue Jenkins
A John Wiley and Sons, Ltd, Publication
01_661536-ffirs.indd iii01_661536-ffirs.indd iii 8/25/10 11:57 PM8/25/10 11:57 PM
Th is edition fi rst published 2010
© 2010 John Wiley & Sons, Ltd.
Registered offi ce
John Wiley & Sons Ltd, Th e Atrium, Southern Gate, Chichester, West Sussex, PO19 8SQ,
United Kingdom
For details of our global editorial offi ces, for customer services and for information about
how to apply for permission to reuse the copyright material in this book please see our
website at www.wiley.com.
Th e right of the author to be identifi ed as the author of this work has been asserted in
accordance with the Copyright, Designs and Patents Act 1988.
All rights reserved. No part of this publication may be reproduced, stored in a retrieval
system, or transmitted, in any form or by any means, electronic, mechanical, photocopy-
ing, recording or otherwise, except as permitted by the UK Copyright, Designs and
Patents Act 1988, without the prior permission of the publisher.
Wiley also publishes its books in a variety of electronic formats. Some content that
appears in print may not be available in electronic books.
Adobe and Photoshop are registered trademarks of Adobe Systems, Inc.
Designations used by companies to distinguish their products are oft en claimed as
trademarks. All brand names and product names used in this book are trade names,
service marks, trademarks or registered trademarks of their respective owners. Th e
publisher is not associated with any product or vendor mentioned in this book. Th is
publication is designed to provide accurate and authoritative information in regard to
the subject matter covered. It is sold on the understanding that the publisher is not
engaged in rendering professional services. If professional advice or other expert
assistance is required, the services of a competent professional should be sought.
978-0-470-66153-6
A catalogue record for this book is available from the British Library.
Printed in the USA by CJ Krehbiel Company
01_661536-ffirs.indd iv01_661536-ffirs.indd iv 8/25/10 11:57 PM8/25/10 11:57 PM
To Phil and Kyle for their laughter, patience, and frequent squeezes. — Sue Jenkins
01_661536-ffirs.indd v01_661536-ffirs.indd v 8/25/10 11:57 PM8/25/10 11:57 PM
Acknowledgments
A generous heaping helping of thanks to my literary agent Matt Wagner and associate
publisher Chris Webb; to project editor Juliet Booker, development editor Kezia Endsley, and
technical editor Tom Ross; to publishing assistant Ellie Scott; and to everyone in marketing
and composition services at Wiley/Smashing Magazine who helped with the production of
this gorgeous full-color edition.
About the Author
Sue Jenkins is a web designer, graphic designer, illustrator, fi ne art photographer (www.
suejenkinsphotography.com), soft ware instructor, writer, and the owner of the Luckychair
(www.luckychair.com), a professional design studio serving companies across the U.S.A. since
1997. Sue is the author of several books on Adobe soft ware and design including
Dreamweaver All-in-One For Dummies, Web Design All-in-One For Dummies, Web Design: Th e
L-Line, Th e Express Line to Learning, and How To Do Everything Illustrator. She is also the
award-winning soft ware instructor in six of ClassOnDemand’s (www.classondemand.com)
Adobe Training DVDs: Dreamweaver for Designers (winner of a 2007 Bronze Telly Award),
Designer’s Guide to Photoshop, Designer’s Guide to Illustrator (winner of a 2009 Annual
Communicator Award of Distinction), Fundamentals of Photoshop Elements (winner of a 2009
DV Magazine Award of Excellence), Complete Training for Adobe Dreamweaver CS5, and
Complete Training for Adobe Photoshop CS5. In addition, Sue is an Adobe Certifi ed Expert/
Adobe Certifi ed Instructor teaching three-day courses in Dreamweaver, Illustrator, and
Photoshop at Noble Desktop (www.nobledesktop.com) in New York City, and is currently
working toward her MFA in Photography. Sue lives with her husband and son in Pennsylva-
nia, U.S.A.
01_661536-ffirs.indd vi01_661536-ffirs.indd vi 8/25/10 11:57 PM8/25/10 11:57 PM
Contents
PART I: WEB LAYOUT AND OPTIMIZATION 1
Technique 1: Setting Up a Grid 3
Technique 2: Making Custom Patterns 8
Technique 3: Creating Background Tiles 12
Technique 4: Creating Semi-Transparent Ribbons 17
Technique 5: Creating Inset Lines 21
Technique 6: Cutting a ZigZag Edge 24
Technique 7: Creating a Favicon 30
Technique 8: Creating an Animated Favicon 34
Technique 9: Working With Smart Objects 38
Technique 10: Using Smart Filters and Eff ects 43
Technique 11: Grabbing a Still from a Video Clip 46
Technique 12: Using the Pattern Maker 49
Technique 13: Designing a Blog Header 53
Technique 14: Creating Data-Driven Graphics 58
Technique 15: Building a Simple Web Layout 62
Technique 16: Creating a Lined Notebook Layout 67
Technique 17: Optimizing to Size 72
Technique 18: Generating CSS Layers with Optimized Graphics 75
Technique 19: Exporting Large Images to Zoomify™ 78
Technique 20: Image Processing to Resize and Optimize 82
Technique 21: Creating Frame-Based GIF Animations 85
Technique 22: Building Timeline-Based Animated GIF Banner Ads 88
Technique 23: Designing CSS Buttons 92
PART II: PHOTOSHOP CS4 AND CS5 TECHNIQUES 97
Technique 24: Editing with Adjustment Layer Masks 99
Technique 25: Using Content-Aware Scaling 103
Technique 26: Correcting Image Distortion 107
Technique 27: Extending Depth of Field 110
Technique 28: Editing with the Vanishing Point 113
02_661536-ftoc.indd vii02_661536-ftoc.indd vii 8/25/10 11:58 PM8/25/10 11:58 PM
CONTENTS
Technique 29: Making Panoramas with Photomerge 117
Technique 30: Faking High Dynamic Range with HDR Toning 120
Technique 31: Creating 3D Objects from 2D Art 123
Technique 32: Correcting Exposure with Tone-Protected Dodge and Burn 127
Technique 33: Adjusting Shadows and Highlights 131
Technique 34: Mastering the Puppet Warp 136
Technique 35: Using the Mixer Brush and Bristle Tips 140
Technique 36: Using Adobe 3D Repoussé 143
Technique 37: Merging Exposures with Auto-Blend 147
Technique 38: Using Content-Aware Fill and Spot Healing 150
PART III: TEXT EFFECTS 155
Technique 39: Adding Type in a Shape 157
Technique 40: Using Type on a Path 161
Technique 41: Creating Shiny Plastic Text 165
Technique 42: Arching Text Around a Center Point 169
Technique 43: Emulating Type Exploding in Space 174
Technique 44: Clipping Posterized Pictures with Text 178
Technique 45: Simulating Engraved Type 182
viii Technique 46: Photo Masking with Type 186
Technique 47: Making Glass Text 190
Technique 48: Using Knockout Shapes 194
Technique 49: Making Text with 3D Perspective 197
Technique 50: Creating Worn and Weathered Text 200
PART IV: STUDIO AND COMMERCIAL EFFECTS 205
Technique 51: Making Magical Refl ected Surfaces 207
Technique 52: Making Dream-Like Photo Composites 213
Technique 53: Creating Motion at Warp Speed 219
Technique 54: Building Mock Studio Lighting 223
Technique 55: Enhancing Editorials with Patterns 227
Technique 56: Melting Objects 231
Technique 57: Creating Retro Halft ones 235
Technique 58: Making Trippy Rainbow Psychedelic Swirls 240
Technique 59: Converging Horizon Lines 243
Technique 60: Creating a Screen Printing Eff ect 246
Technique 61: Twisting the Kaleidoscope 250
02_661536-ftoc.indd viii02_661536-ftoc.indd viii 8/25/10 11:58 PM8/25/10 11:58 PM