Microsoft Expression Blend Bible free download ebook

  

  

Microsoft

®

  Expression Blend ™

  

Bible

Gurdy Leete and Mary Leete

  

Microsoft

®

  

Expression Blend

™

  

Bible

  

Microsoft

®

  Expression Blend ™

  

Bible

Gurdy Leete and Mary Leete

  Expression Blend™ Bible Published by Wiley Publishing, Inc.

  10475 Crosspoint Boulevard Indianapolis, IN 46256 www.wiley.com Copyright © 2007 by Wiley Publishing, Inc., Indianapolis, Indiana Published simultaneously in Canada

  ISBN: 978-0-470-05503-8 Manufactured in the United States of America 10 9 8 7 6 5 4 3 2 1 No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means,

electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of

the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Legal Department, Wiley Publishing, Inc., 10475 Crosspoint Blvd., Indianapolis, IN 46256, (317) 572-3447, fax (317) 572-4355, or online at http://www.wiley.com/go/permissions.

  

REPRESENTATIONS OR WARRANTIES WITH RESPECT TO THE ACCURACY OR COMPLETENESS OF THE

CONTENTS OF THIS WORK AND SPECIFICALLY DISCLAIM ALL WARRANTIES, INCLUDING WITHOUT

LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE. NO WARRANTY MAY BE CREATED

OR EXTENDED BY SALES OR PROMOTIONAL MATERIALS. THE ADVICE AND STRATEGIES CONTAINED

HEREIN MAY NOT BE SUITABLE FOR EVERY SITUATION. THIS WORK IS SOLD WITH THE UNDERSTANDING

THAT THE PUBLISHER IS NOT ENGAGED IN RENDERING LEGAL, ACCOUNTING, OR OTHER

PROFESSIONAL SERVICES. IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE SERVICES OF A COMPETENT

PROFESSIONAL PERSON SHOULD BE SOUGHT. NEITHER THE PUBLISHER NOR THE AUTHOR SHALL BE

LIABLE FOR DAMAGES ARISING HEREFROM. THE FACT THAT AN ORGANIZATION OR WEBSITE IS

REFERRED TO IN THIS WORK AS A CITATION AND/OR A POTENTIAL SOURCE OF FURTHER INFORMATION

DOES NOT MEAN THAT THE AUTHOR OR THE PUBLISHER ENDORSES THE INFORMATION THE

ORGANIZATION OR WEBSITE MAY PROVIDE OR RECOMMENDATIONS IT MAY MAKE. FURTHER, READERS

SHOULD BE AWARE THAT INTERNET WEBSITES LISTED IN THIS WORK MAY HAVE CHANGED OR

  For general information on our other products and services or to obtain technical support, please contact our Customer Care Department within the U.S. at (800) 762-2974, outside the U.S. at (317) 572-3993 or fax (317) 572-4002.

  Library of Congress Control Number: 2007926001

Trademarks: Wiley, the Wiley logo, and related trade dress are trademarks or registered trademarks of John Wiley & Sons,

Inc. and/or its affiliates, in the United States and other countries, and may not be used without written permission.

  Microsoft and Expression Blend are trademarks or registered trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners. Wiley Publishing, Inc., is not associated with any product or vendor mentioned in this book.

Wiley also publishes its books in a variety of electronic formats. Some content that appears in print may not be available in

electronic books.

  About the Authors

Gurdy Leete is the coauthor of Macromedia Flash 8 For Dummies and four other popular books on

  Flash. He has also published 19 essays about the frontiers of computing, and his books on Flash have been translated into Arabic, Chinese, Dutch, French, German, Italian, Norwegian, Russian and Spanish. Gurdy teaches digital imaging, graphic design, Web design, video, and animation at Maharishi University of Management in Fairfield, Iowa, where he has been a pioneer in using digital media applications in undergraduate art and design classes for 15 years. Prior to joining faculty, he worked as a 3-D animator under the direction of magician Doug Henning. Gurdy is also an award- winning graphics software engineer and user interface designer, and has worked for clients such The Learning Company, Sierra, Scott Foresman, and numerous others. He holds a B.F.A. and M.F.A. in Film-making from the San Francisco Art Institute. Gurdy is the owner of Flying Haystacks Design, a digital media studio specializing in innovative Web design. You can view his work on the Web at www.flyinghaystacks.com, and you can reach him by email at gurdy@flyinghaystacks.com.

  

Mary Leete was a contributing author for Fifty Fast Macromedia Flash MX Techniques, and co-wrote

OpenOffice.org For Dummies. Her book Free Software For Dummies received highly favorable reviews

  in the Chicago Tribune, the Los Angeles Times and elsewhere. She has a B.S. in Computer Science and a Masters in Professional Writing, and lives to write code as well as write about it. Mary has extensive experience as a systems analyst and programmer with a multitude of software on way too many platforms.

  Mary is also a freelance Web designer and video producer, and an award-winning screenwriter, and she has written under contract for the producer of The Buddy Holly Story, among others. She’s the editor of the Web site www.interactivedesignertips.com, where you may download many of the files for the tutorials in this book, read the latest news on Interactive Designer, and more. You can contact her at mary@interactivedesignertips.com.

  To the artists and designers who are adding beauty to all aspects of our world through their dedicated service to their craft.

  Credits Acquisitions Editor Project Coordinator

  Tom Heine Kristie Rees

  

Project Editor Graphics and Production Specialists

  Katherine Dvorak Denny Hager Jennifer Mayberry

  Technical Editor

  Zach Szulaka Quality Control Technicians John Greenough

  Copy Editor

  Christine Pingleton Kim Heusel

  Proofreading and Indexing Editorial Manager

  Aptara Robyn Siesky

  Business Manager

  Amy Knies

  Vice President and Executive Group Publisher

  Richard Swadley

  Vice President and Executive Publisher

  Bob Ipsen

  Vice President and Publisher

  Barry Pruett e’d like to thank the many people who supported our vision for this book and helped us every step of the way. We’d especially like to thank our wonderful acquisitions edi- tor, Tom Heine, who’s moving on to exciting new ventures, and hope very much that

W we’ll have the chance to work with him again

  We also must thank our fantastic project editor, Katherine Dvorak, who always stayed on top of everything, and made it so much easier for us to write this book. Her superb competence and her constant helpfulness are an inspiration. And we thank our technical editor, Zach Szukala, for his outstanding work in reviewing so many details of our book so reliably and quickly, and for all his thoughtful and constructive advice.

  Finally, we’d like to thank our fabulous literary agent, Laura Lewin at Studio B, for all her work on our behalf.

  About the Authors ..........................................................................................................................v Acknowledgments ........................................................................................................................vii Introduction ..............................................................................................................................xxvii

  

Part I: Designing Next-Generation User Experiences . . . . . . . . . . 1

Chapter 1: Exploring New User Interface Techniques ....................................................................3 Chapter 2: Working with the Workspace ......................................................................................29 Chapter 3: Designing a Next-Generation Interface ........................................................................69 Chapter 4: Deploying Your Application Securely ........................................................................103 Part II: Creating and Transforming Vector Graphics . . . . . . . . . 129 Chapter 5: Drawing Shapes and Manipulating Paths ..................................................................131 Chapter 6: Manipulating Color, Fills, Gradients, and Transparency ............................................147 Chapter 7: Creating Styles and Using Resources ........................................................................183 Chapter 8: Using Principles of Graphic Design to Create Next-Generation Interfaces..................207 Part III: Designing with Type . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 Chapter 9: Creating Flow Documents and Formatting Text ........................................................229 Chapter 10: Styling Text and Using WPF Typographical Features................................................257 Chapter 11: Using Principles of Typographic Design to Enhance the User Experience ................287 Part IV: Creating Cinematic User Interfaces . . . . . . . . . . . . . . . 305 Chapter 12: Using 3D Models ....................................................................................................307 Chapter 13: Employing Principles of 3D Design to Add Depth to the User Experience ..............353 Chapter 14: Adding Audio, Video, and Animation ......................................................................359 Chapter 15: Applying Principles of Animation to User Interface Design ......................................407

  

Part V: Constructing Controls and Layouts . . . . . . . . . . . . . . . . 417

Chapter 16: Creating and Customizing Controls ........................................................................419 Chapter 17: Employing Principles of Usability in Next-Generation User Interface Construction ....469 Chapter 18: Arranging Layout Panels ..........................................................................................491 Chapter 19: Applying Principles of Usability to Panel Layout......................................................517 Part VI: Coding, Data Binding, and XAML . . . . . . . . . . . . . . . . 531 Chapter 20: Writing Code ..........................................................................................................533 Chapter 21: Data Binding............................................................................................................597 Chapter 22: More XAML ............................................................................................................635 Chapter 23: Putting It All Together ............................................................................................653 Glossary ......................................................................................................................................665 Index ..........................................................................................................................................687

  

About the Authors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v

Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vii

Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xxvii

  Part I: Designing Next-Generation User Experiences

  1 Chapter 1: Exploring New User Interface Techniques. . . . . . . . . . . . . . 3

  Building Rich Interactivity with Vector Graphics, Animation, 3D, Video, and Audio ............4 Designing your application with vector graphics ........................................................5 Designing with type ....................................................................................................6 Incorporating animation into your design....................................................................7 Including 3D models and animation............................................................................8 Playing video ............................................................................................................10 Using audio ..............................................................................................................10 Adding images ..........................................................................................................11

  Creating Innovative and Elegant User Interfaces..................................................................12 Choosing and customizing controls ..........................................................................13 Choosing layout panels..............................................................................................14 Nesting panels and controls for a hierarchical design ................................................16 Adding bitmap effects ..............................................................................................17 Using styles and templates ........................................................................................18 Linking to data ..........................................................................................................18

  Increasing Productivity by Increasing Collaboration ............................................................19 Exploring Examples of Innovative User Interfaces ..............................................................20

  Big windows ..............................................................................................................21 Rooms ......................................................................................................................22 Minimized interfaces ................................................................................................22 Drag-and-drop desktop tools ....................................................................................23 Visibility on demand ................................................................................................23 Mouse-overs ..............................................................................................................24 Memory dots ............................................................................................................24 Transparencies and shadows......................................................................................24 Metawindows, drawers, and scrapbooks....................................................................25 Even more ideas ........................................................................................................26

  Summary ............................................................................................................................27

  Contents

  Chapter 2: Working with the Workspace . . . . . . . . . . . . . . . . . . . . 29 Creating and Testing a Project ............................................................................................29 Viewing the code files ................................................................................................31 Resizing your window or page ..................................................................................33 Building and testing your application ........................................................................34 Customizing the Blend Workspace ......................................................................................34 Using the Artboard ..............................................................................................................36 Adding vector objects ................................................................................................37 Drawing simple paths ................................................................................................37 Adding controls ........................................................................................................38 Adding layout panels to the artboard ........................................................................38 Using object handles ................................................................................................39 Selecting objects with the Selection tool ....................................................................40 Selecting objects with the Direct Selection tool ..........................................................40 Positioning your object in the artboard......................................................................41 Adding text................................................................................................................41 Formatting text using the Text palette........................................................................42 Zooming the artboard................................................................................................46 Snapping objects to snap lines and grid lines ............................................................46 Using layers ..............................................................................................................48 Adding 3D objects ....................................................................................................48 Auto sizing ..............................................................................................................50 Your Panels and Palettes at a Glance ....................................................................................52 Using the Properties panel ........................................................................................52 The Results panel ......................................................................................................58 The Interaction panel ................................................................................................59 The Project panel ......................................................................................................61 The Resources panel ..................................................................................................63 Working with the Toolbox ..................................................................................................64 Using the Asset Library..............................................................................................65 Summary ............................................................................................................................66 Chapter 3: Designing a Next-Generation Interface . . . . . . . . . . . . . . 69 Conceptualizing the User Experience ..................................................................................69 Using Metaphors ................................................................................................................71 Moving from Thumbnail Sketches to Mockups ..................................................................72 Starting with thumbnail sketches ..............................................................................73 Creating the user interface ........................................................................................74 Inserting controls ......................................................................................................79 Adding Animation and Video ....................................................................................81 Data binding controls ................................................................................................83 Planning your navigation system ..............................................................................90 Assigning Hyperlinks ................................................................................................90 Adding frames into windows to navigate between pages............................................91

Contents

  Converting to Full Functionality ........................................................................................92 Adding and Editing XAML Code ..............................................................................93 Adding code to the code-behind files ........................................................................96

  Summary ..........................................................................................................................101

  

Chapter 4: Deploying Your Application Securely . . . . . . . . . . . . . . . 103

Considering Deployment Options ....................................................................................104 Quick and Easy Deployment of Your Standalone Applications ..........................................105 Deploying with ClickOnce ................................................................................................106 Deploying with XBAPs or Other Methods..........................................................................108 Using ClickOnce ..............................................................................................................109 Striving for a true ClickOnce experience ................................................................110 Trusted publishers ..................................................................................................111 Publishing your project using ClickOnce ................................................................111 Opening your project in Visual Studio ....................................................................112 Using the Security tab..............................................................................................112 Signing your application manifest and deployment manifest ..................................112 Choosing the options for updates ............................................................................114 Using the Publish Wizard ........................................................................................115 Creating an XBAP..............................................................................................................118 Creating the XBAP in Visual Studio ........................................................................118 Working with an XBAP in Blend..............................................................................121 Transforming a Standalone Application into an XBAP ......................................................122 Adding an XBAP or Loose XAML to Your Web Site............................................................123 Calling a XAML Browser Application from a Web page............................................123 Using Iframes ..........................................................................................................124 Creating and deploying loose XAML files ................................................................125 Summary ..........................................................................................................................127

Part II: Creating and Transforming Vector Graphics 129

Chapter 5: Drawing Shapes and Manipulating Paths . . . . . . . . . . . . . 131 Drawing and Combining Shapes ......................................................................................132 Drawing circles, squares, and rounding corners of rectangles ................................132 Combining shapes with other shapes or paths ........................................................133 Drawing Paths ..................................................................................................................134 Creating and adjusting curves using the Alt key ......................................................134 Creating and adjusting curves using control handles ..............................................135 Adding nodes, deleting nodes, or closing a path using the Pen tool ........................136 Converting shapes into paths ..................................................................................137 Editing Nodes with the Direct Selection Tool ....................................................................138 Transforming Objects Using Render Transform and Layout Transform ..............................139 Auto Sizing........................................................................................................................141

Contents

  Embellishing Strokes ........................................................................................................141 Assigning Stroke End Caps ......................................................................................141 Assigning Stroke Line Joins......................................................................................142

  Creating Complex Line Drawings ......................................................................................142 Creating vector art by tracing your photos and line drawings ..................................143 Drawing vector art from real life ..............................................................................144

  Summary ..........................................................................................................................145

  Chapter 6: Manipulating Color, Fills, Gradients, and Transparency . . . . . 147 Using Color Spaces............................................................................................................148 Creating and Using Color Resources and Brush Resources ................................................150 Applying system color resources..............................................................................151 Creating and using local color resources ..................................................................151 Applying a system brush resource ..........................................................................152 Creating and applying a local brush resource ..........................................................153 Editing color or brush resources ..............................................................................153 Creating and Applying Gradients ....................................................................................155 Adjusting gradients with the Brush Transform tool............................................................157 Repeating and reflecting the gradient ......................................................................158 Transferring Colors, Gradients and More ..........................................................................160 Using the Eyedropper ..............................................................................................160 Using the Paint Bucket ............................................................................................161 Using Images ....................................................................................................................161 Adding and linking images ......................................................................................162 Assigning the Stretch Property ................................................................................163 Adjusting the initial size and resizing using the Layout palette ................................164 Deleting or removing images from your project ......................................................165 Using Image, Drawing, and Visual Brushes........................................................................165 Creating and using an image brush..........................................................................166 Creating and using a drawing brush ........................................................................167 Creating and using a visual brush ............................................................................167 Editing your Drawing, Image or Visual brush resource ............................................167 Using the Tile Brush ..........................................................................................................168 Working with Bitmap Effects ............................................................................................169 Creating bitmap effects ............................................................................................169 Using BevelBitmapEffect ..........................................................................................171 Using BlurBitmapEffect............................................................................................171 Using DropShadowBitmapEffect..............................................................................172 Using EmbossBitmapEffect ......................................................................................172 Using OuterGlowBitmapEffect ................................................................................173 Combining Bitmap Effects ......................................................................................173 Changing Transparency ....................................................................................................174 Working with opacity masks ..................................................................................175 Setting the Opacity of an object ..............................................................................176

Contents

  Creating beams of light............................................................................................177 Creating spotlights ..................................................................................................178 Making your vector art glow....................................................................................179 Making shadows......................................................................................................180

  Summary ..........................................................................................................................181

  

Chapter 7: Creating Styles and Using Resources . . . . . . . . . . . . . . . 183

Creating, Applying, and Editing a Style ............................................................................184 Creating a new style ................................................................................................184 Applying a style as a resource ..................................................................................186 Editing a style..........................................................................................................186 Deleting a style ........................................................................................................186 Using Resources ................................................................................................................187 Advantages of using resources ................................................................................187 Importing and using an external resource dictionary ..............................................188 Copying and pasting resources ................................................................................189 Linking to resource dictionaries ..............................................................................189 Importing vector objects from Expression Design as resources ................................189 Using Expression Design ..................................................................................................194 Getting started with Expression Design ..................................................................194 Using the tools ........................................................................................................194 Applying colors and gradients ................................................................................197 Choosing the stroke ................................................................................................198 Combining objects ..................................................................................................200 Using blend modes..................................................................................................202 Applying filters and effects ......................................................................................203 Using Expression Media to Enhance your Images..............................................................204 Improving your images with Expression Media filters..............................................204 Exporting images from Expression Media ................................................................206 Summary ..........................................................................................................................206 Chapter 8: Using Principles of Graphic Design to Create Next-Generation Interfaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207 Increasing Usability Through the Aesthetic Usability Effect ..............................................207 Applying Universal Principles of Design ............................................................................208 Making form follow function, and more ..................................................................209 Optimizing figure/ground relationships ..................................................................209 Taking advantage of the picture superiority effect ....................................................212 Evoking archetypes..................................................................................................214 Using the rule of thirds............................................................................................215 Deploying color ......................................................................................................219 Creating meaning by grouping ................................................................................222 Summary ..........................................................................................................................226

Contents

  document ..........................................................................................................242 Adding hyphenation and optimal paragraph enabling in flow documents ..............242

  Wrapping text ..................................................................................................................243 Wrap and WrapWithOverflow ................................................................................244 Using a Figure or Floater to create a sidebar ............................................................244 Figures versus Floaters ............................................................................................246 Wrapping text around an image or UIElement ........................................................246

  Formatting your Flow Documents ....................................................................................246 Adjusting the spacing between paragraphs in your flow document..........................247 Specifying the column width in your flow documents ............................................248

  Setting Options for Flow Documents and other Text Controls ..........................................249 Making your text box focusable, assigning a cursor, and adding a tool tip ..............249 Assigning IsHitTestVisible and IsEnabled ................................................................250 Spell-checking ........................................................................................................250

  Adding Labels and Access Text ..........................................................................................251 Data binding a slider to enable text scaling in a RichTextBox, TextBox, and TextBlock ......252 Summary ..........................................................................................................................255

  Chapter 10: Styling Text and Using WPF Typographical Features . . . . . . 257 Advanced Typographical Features Available with Windows Presentation Foundation ........257 Adding Swashes ......................................................................................................259 Choosing from a variety of capital letters ................................................................260 Working with ligatures ............................................................................................262 Assigning Alternates ................................................................................................263 Assigning Variants ..................................................................................................265 Working with Numerical Styles ..............................................................................265 Customizing Text Controls ................................................................................................266 Scaling and stretching your text ..............................................................................268 Rotating, skewing, and flipping text ........................................................................268

Contents

  Auto sizing your text box ........................................................................................270 Setting maximum and minimum scaling values for your auto sizing........................271

  Converting Text into Vector Graphic Objects ....................................................................272 Applying Colors and Other Visual Effects to Text ..............................................................273

  Assigning solid colors and gradients to text ............................................................274 Assigning drawing and image brushes to text ..........................................................275 Using a visual brush to play animations inside text..................................................276 Using an opacity mask with text ..............................................................................277 Adding bitmap effects to your text ..........................................................................277

  Using the Powerful Text Tools of Expression Design..........................................................279 Creating text in Expression Design ..........................................................................279 Using the Text palette ..............................................................................................279 Applying strokes and fills with the Appearance palette ............................................281 Rotating text in 3D space ........................................................................................282 Warping text............................................................................................................282 Aligning text to a path ............................................................................................283 Creating Superscripts and Subscripts in Design and using them in Blend ................284 Considerations for importing text into Expression Blend ........................................284

  Summary ..........................................................................................................................286

Chapter 11: Using Principles of Typographic Design to Enhance the User Experience . . . . . . . . . . . . . . . . . . . . . . . . . 287 Creating Meaning by Thoughtful Selection of the Shape, Scale, Position, and Color

  of Letterforms ..............................................................................................................287 Choosing and applying the right font ......................................................................288 Finding fonts ..........................................................................................................293 Selecting Text Size and Color ..................................................................................297

  Positioning Text ................................................................................................................299 Taking Advantage of the Gutenberg Diagram ....................................................................300 Integrating Type and Message ............................................................................................301 Summary ..........................................................................................................................303

  

Part IV: Creating Cinematic User Interfaces 305

Chapter 12: Using 3D Models . . . . . . . . . . . . . . . . . . . . . . . . . 307 Getting Started with 3D ....................................................................................................308 Moving, Rotating, and Resizing 3D objects........................................................................308 Using the Camera Orbit tool ..................................................................................309 Working with the Transformation Handles ..............................................................310 Using the Transform palette to move, rotate and scale 3D objects ............................313 Importing 3D models ........................................................................................................313 Importing OBJ and MTL files ..................................................................................313 Importing Zam3D Models and Animations Into Blend ............................................314 Importing from other 3D programs ........................................................................316 Finding 3D Models on the Web ..............................................................................316

Contents

  Adding Materials and Applying Textures ..........................................................................316 Adding and editing the Diffuse Material ..................................................................317 Adding and editing the Specular Material and Emissive Material ............................319 Wrapping text onto a 3D model ..............................................................................319 Wrapping text onto the Back Material of a 3D model ..............................................321

  Adding and Editing Lights ................................................................................................323 Adding and deleting lights ......................................................................................324 Modifying spot lights ..............................................................................................326 Modifying point lights, directional lights, and ambient lights ..................................326

  Using and Positioning Cameras ........................................................................................327 Creating a dynamic reflection with the visual brush ................................................329

  Combining Models in a Viewport3D ................................................................................329 Adding Data Binding to Your 3D Model to Allow the User to Manipulate It ......................330 Using Zam 3D to Create Models and Animation................................................................334

  Creating and deleting models ..................................................................................335 Adding materials ....................................................................................................339 Positioning, rotating, and resizing models ..............................................................342 Advanced modeling ................................................................................................344 Adding and manipulating lights ..............................................................................345 Adding animation....................................................................................................347 Importing into Zam 3D from other 3D programs ....................................................350 Exporting 3D Models from Zam 3D ........................................................................351

  Summary ..........................................................................................................................351

  Chapter 13: Employing Principles of 3D Design to Add Depth to the User Experience . . . . . . . . . . . . . . . . . . . . . . . . . 353 Adding the Illusion of Depth ............................................................................................354 Taking Advantage of the Savanna Preference ....................................................................356 Creating Immersion ..........................................................................................................357 Summary ..........................................................................................................................357 Chapter 14: Adding Audio, Video, and Animation . . . . . . . . . . . . . . 359 Creating Simple Animations and Motion Paths..................................................................360 Animating linear movement ....................................................................................360 Adding a simple motion path ..................................................................................362 Editing Motion Paths ........................................................................................................363 Using the Timeline ............................................................................................................364 Timeline basics ........................................................................................................364 Manipulating Keyframes ..........................................................................................365 Adding Event Triggers ......................................................................................................367 Creating Additive and Handoff Animations ......................................................................368 Easing in, easing out, and assigning KeySpline values ......................................................369 Assigning Ease In, Ease Out, and Hold Out ............................................................370 Setting KeySpline values ..........................................................................................370