O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adobe Edge Preview 3: The Missing Manual

Adobe Edge Preview 3: The Missing Manual

by Chris Grover
Publisher: O'Reilly Media, Inc.
Release Date: December 2011
ISBN: 9781449322212
View table of contents
Start reading

Book Description

Want to use an Adobe tool to design animated web graphics that work on iPhone and iPad? You’ve come to the right book. Adobe Edge Preview 3: The Missing Manual shows you how to build HTML5 graphics using simple visual tools. No programming experience? No problem. Adobe Edge writes the underlying code for you. With this eBook, you’ll be designing great-looking web elements in no time.

  • Get to know the workspace. Learn how Adobe Edge Preview 3 performs its magic.
  • Create and import graphics. Make drawings with Edge’s tools, or use art you designed in other programs.
  • Work with text. Build menus, label buttons, provide instructions, and perform other tasks.
  • Jump into animation. Master Edge’s elements, properties, and timeline panels.
  • Make it interactive. Use triggers and actions to give users control over their web experience.
  • Peek behind the curtain. Understand how HTML and CSS documents work.
  • Dig into JavaScript. Customize your projects by tweaking your code.

Bestselling author Chris Grover has more than 25 years experience in graphic design and electronic media. He excels in making complex technology fun and easy to learn. In Adobe Edge Preview 3: The Missing Manual, he continues the winning formula of Flash CS5.5: The Missing Manual and Google SketchUp: The Missing Manual.

Table of Contents

  1. A Note Regarding Supplemental Files
  2. The Missing Credits
    1. About the Author
    2. About the Creative Team
    3. Acknowledgments
    4. The Missing Manual Series
  3. Introduction
    1. Why Use Adobe Edge?
    2. Where to Find Adobe Edge
    3. About This Book
      1. Macintosh and Windows
      2. About the Outline
    4. The Very Basics
      1. About→These→Arrows
    5. About the Online Resources
      1. Missing CD
      2. Registration
      3. Feedback
      4. Errata
      5. Newsletter
    6. Safari® Books Online
  4. 1. Working with the Stage
    1. 1. Introducing Adobe Edge
      1. Creating and Saving Edge Projects
      2. Tour the Edge Workspace
        1. Save a Custom Workspace
      3. Building Your First Edge Animation
        1. Viewing Your Animation in a Browser
    2. 2. Working with Art
      1. Setting the Stage
      2. Creating Art in Edge
        1. Rectangles: Building a Basic Box
        2. Selecting and Copying Elements
        3. Transforming Your Rectangle
      3. Aligning, Distributing, and Arranging Elements
        1. Arranging Elements: Z-Order
      4. A Rectangular Animation
        1. Animating by Adding Property Keyframes
        2. Reviewing and Troubleshooting Your Animation
      5. Rounded Rectangles: More than Meets the Eye
        1. A Circle Is a Very Rounded Rectangle
      6. Importing Art
        1. Showing and Hiding Elements
        2. The Sliding Show
    3. 3. Working with Text
      1. Adding Text to Your Project
        1. About Text Containers
      2. Changing Text-Specific Properties
        1. About Typefaces and Fonts
      3. Changing Other Text Properties
      4. Making That Headline Drop In
      5. Dealing with the Template
      6. Add Some Bounce
        1. Creating a Bounce Manually
        2. Using Edge’s Prebuilt Bounce
      7. Adding Links to Text
      8. HTML Tags in Edge
  5. 2. Animation with Edge
    1. 4. Learning Timeline and Transition Techniques
      1. Introducing the Timeline
        1. Choosing a Moment in Time
        2. Adding Labels to the Timeline
        3. Editing Labels
      2. Understanding Elements’ Timeline Controls
        1. Showing, Hiding, and Locking Elements
      3. Using Timeline Keyboard Shortcuts
      4. Creating Transitions
        1. Adding and Removing Property Keyframes
        2. Setting the Mark for a Smooth Transition
        3. Editing Transitions
        4. Adding Easing, Reversing Motion, and Fine-Tuning Transitions
    2. 5. Triggering Actions
      1. Elements, Triggers, and Actions
        1. Trigger Your First Action
      2. Triggering Actions in Other Elements
      3. Triggers and Actions for the Stage and Timeline
        1. Deleting Triggers and Actions
        2. Adding Triggers to the Stage
        3. Editing an Action
      4. Timeline Triggers and Tricks
        1. Adding a Trigger to Loop Your Animation
        2. Using Labels in Your Timeline Code
        3. Adding Triggers to a Point in Time
      5. Sliding Show Revisited
      6. Non-Linear Thinking and Design
      7. Triggers for iPhones and Androids
  6. 3. Edge with HTML5 and JavaScript
    1. 6. Understanding HTML and CSS
      1. Reading HTML Documents
        1. Playing Tag the HTML Way
        2. Creating a Hyperlink with HTML
      2. Reading CSS Files
        1. Applying CSS Styles to Element IDs and Classes
      3. Reading the HTML Edge Creates
      4. Opening an HTML Document in Edge
      5. Placing Your Composition in an HTML Document
    2. 7. Understanding JavaScript and jQuery
      1. A Very Brief History of JavaScript and jQuery
        1. JavaScript Versus ActionScript and Other Languages
      2. Sleuthing Through the JavaScript Edge Creates
        1. Adding a New Element to the Stage
      3. JavaScript and jQuery Basics
        1. Operators in JavaScript
        2. Conditional Statements in JavaScript
        3. Understanding the Document Object Model (DOM)
      4. Natural Selection the jQuery Way
      5. “this” is a Special Word
      6. Practical JavaScript/jQuery Tweaks for Edge
        1. More Showing and Hiding Tricks
        2. Delaying Action for Show, Hide, and Toggle
        3. Fading In and Out
        4. Slip Sliding Up and Down
        5. More Visual Effects with animate()
      7. Swapping Images in Edge
        1. Photo Gallery Revisited
      8. Other Uses for Rollovers
  7. 4. Appendix
    1. A. Installation and Help
      1. Edge System Requirements
      2. Installing Edge
      3. Uninstalling Edge
        1. Uninstalling Edge for Windows:
        2. Uninstalling Edge for Macs:
      4. Getting Help
        1. Books for HTML, CSS, JavaScript, and jQuery
        2. Online Help
  8. Index
  9. About the Author
  10. Copyright