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

Creating Animations in Adobe InDesign One Step at a Time

Book Description

This is the Rough Cut version of the printed book.

Designers or other creative professionals who create digital documents are always looking for ways to make their products more appealing to the user. One way of doing that is to increase reader engagement by building interactive animated effects into their designs. Creating Animations in Adobe InDesign One Step at a Time teaches the reader not only how to add animation to their InDesign documents (via step-by-step exercises) but also helps the reader to choose among the various digital format options for export– ePub (concentrating on the new Fixed-Layout variety), DPS , and PDF. Clear explanations and plenty of full-color graphics will guide the reader through the potentially confusing digital publishing landscape.

Adding animated effects in InDesign documents is a field set to grow. The practice was given a big push in the 2014 release of the Adobe Creative Cloud, when InDesign introduced the new Fixed-Layout EPUB export format. EPUBS exported in this format preserve the layout of the InDesign document, and can include animated effects as well as media, such as audio and video.

Fixed-Layout EPUB has gathered a large following in a short time for a number of reasons. They allow ePubs such as children’s books to display fun animations to enhance the child’s reading experience. They provide businesses a way to create all the interactivity of PDF documents PLUS animations not supported by PDFs. They are a viable replacement for Single Edition DPS folios which Adobe longer supports.

The book will cover over two hundred different effects you can create using the animation features of InDesign. These include animations that don’t appear in the regular animation controls. Each chapter will have four or more exercises that the reader can follow along. The chapter exercises will start very basic and then work up. So the last exercise in each chapter will take more time than the first. This means someone can go through the book doing only the easy exercises in each chapter and come back later to get more involved.

Some of the exercises will use basic shapes. Other exercises will use more advanced artwork. All the artwork, including the basic shapes, will be available for download by the reader so they can follow along with the exercises. In addition, the finished artwork for each exercise will also be provided to allow the readers to see how the animation is supposed to work.

Written a longtime publishing expert, the book thoroughly covers the theory and best practices for creating animations in InDesign CC.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication Page
  4. Table of Contents
  5. Introduction
    1. Introduction of CC 2014
    2. Animations were back!
    3. A book on animations
    4. How to use this book
    5. EASY or ADV
    6. Using the files
    7. Fonts
    8. 2014, 2015, and beyond?
    9. About the art
    10. License Terms and Conditions
    11. My special thanks
    12. How to Download the Exercise Files
  6. Chapter 1. Setting Up
    1. Exercise-1-1 Creating an animation workspace
    2. Exercise-1-2 Creating the animation encyclopedia
    3. Exercise-1-3 Previewing a single page
    4. Exercise-1-4 Previewing multiple pages
    5. Exercise-1-5 Using the Animation or Timing panels to open the EPUB Interactivity Preview (EIP) panel
    6. Exercise-1-6 Changing the pasteboard size
    7. Exercise-1-7 Creating an animation document preset
  7. Chapter 2. Basic Animation Settings
    1. Exercise-2-1 Applying the default Appear preset
    2. Exercise-2-2 Looping and playing more than once
    3. Exercise-2-3 Changing the duration of the animation
    4. Exercise-2-4 Applying the Disappear animation preset
    5. Exercise-2-5 Removing an animation from an object
    6. Exercise-2-6 Turning one object into another
    7. Exercise-2-7 Renaming an object
    8. Exercise-2-8 Creating a fade in slideshow
    9. Exercise-2-9 Creating a stacked slideshow
    10. Exercise-2-10 Creating flip cards
    11. Exercise-2-11 Reversing the order of a slideshow
    12. Exercise-2-12 Swapping one animation for another
    13. Exercise-2-13 Saving a custom preset
  8. Chapter 3. Motion Paths
    1. Exercise-3-1 Applying a motion path
    2. Exercise-3-2 Changing the length of a motion path
    3. Exercise-3-3 Editing the shape of a motion path
    4. Exercise-3-4 Creating custom paths to shoot hoops
    5. Exercise-3-5 Showing the proxy shadow
    6. Exercise-3-6 Reversing a motion path
    7. Exercise-3-7 Changing the acceleration of an object
    8. Exercise-3-8 Circular motion paths
  9. Chapter 4. Growth and Rotation
    1. Exercise-4-1 Applying the Grow preset
    2. Exercise-4-2 Growing into the current appearance
    3. Exercise-4-3 Growing, twisting, and unfolding objects
    4. Exercise-4-4 Applying a rotation preset
    5. Exercise-4-5 Creating custom rotations
    6. Exercise-4-6 Changing the rotation point
    7. Exercise-4-7 Setting a custom, external rotation point
    8. Exercise-4-8 Creating an animation proxy
  10. Chapter 5. Timing
    1. Exercise-5-1 Setting objects to play together
    2. Exercise-5-2 Looping objects or groups
    3. Exercise-5-3 Setting objects to play at different times
    4. Exercise-5-4 Looping and setting a delay for a group
    5. Exercise-5-5 Adding a pause to an animation
  11. Chapter 6. Special Effects Presets
    1. Exercise-6-1 Applying the Bounce Right presets
    2. Exercise-6-2 Bounce Vertical or Bounce and Smoosh
    3. Exercise-6-3 Using the Dance preset
    4. Exercise-6-4 When pigs pause or stop
    5. Exercise-6-5 Gallop
    6. Exercise-6-6 Making a heart pulse
    7. Exercise-6-7 Spin, spin, spin
    8. Exercise-6-8 Creating a swoosh
    9. Exercise-6-9 Catching a wave
  12. Chapter 7. Masks, Layers, and Effects
    1. Exercise-7-1 Pasting animations inside a frame
    2. Exercise-7-2 Revealing objects along a curve
    3. Exercise-7-3 Using opacity and transparency effects
    4. Exercise-7-4 Applying transparency over an animation
  13. Chapter 8. Events, Buttons, and Multi-State Objects
    1. Exercise-8-1 Using the On Click (Self) event
    2. Exercise-8-2 Creating invisible prompts
    3. Exercise-8-3 Using the On Page Click event
    4. Exercise-8-4 Using a button to play animations
    5. Exercise-8-5 Understanding button actions
    6. Exercise-8-6 Buttons and MSO animations
  14. Chapter 9. Movies and Sounds
    1. Exercise-9-1 Adding a sound to an animation
    2. Exercise-9-2 Placing a movie and adding titles
    3. Exercise-9-3 Animating a movie
  15. Chapter 10. Business Graphics
    1. Exercise-10-1 Installing the Split Text SE script
    2. Exercise-10-2 Animating text characters
    3. Exercise-10-3 Animating a pie chart
    4. Exercise-10-4 Growing a bar graph
    5. Exercise-10-5 Extending lines in a line graph
    6. Exercise-10-6 Animating a line graph
    7. Exercise-10-7 Animating the routes on a map
    8. Exercise-10-8 Creating a bulleted text presentation
  16. Chapter 11. Advanced Animations
    1. Exercise-11-1 Creating a compound animation
    2. Exercise-11-2 Creating a sequence of animations
    3. Exercise-11-3 Timing for an alarm clock
    4. Exercise-11-4 Spinning and scaling fast
    5. Exercise-11-5 Setting advanced duration, timing, and delays
  17. Chapter 12. Exporting
    1. Exercise-12-1 Installing Adobe Digital Editions
    2. Exercise-12-2 FXL export: general options
    3. Exercise-12-3 FXL export: conversion settings
    4. Exercise-12-4 FXL export: CSS and JavaScript
    5. Exercise-12-5 FXL export: metadata
    6. Exercise-12-6 FXL export: viewing options
    7. Exercise-12-7 Previewing on a tablet
    8. Exercise-12-8 Exporting to Publish Online (Preview)
  18. Chapter 13. Geeky Stuff
    1. Exercise-13-1 Setting a custom opacity fade
    2. Exercise-13-2 Creating additional custom animations
    3. Exercise-13-3 Loading XML presets
  19. Index