Online Test Banks
Score higher
See Online Test Banks
eLearning
Learning anything is easy
Browse Online Courses
Mobile Apps
Learning on the go
Explore Mobile Apps
Dummies Store
Shop for books and more
Start Shopping

Layout Presets in Adobe Edge Animate

Adobe Edge Animate CC conveniently provides Layout presets. You can select different Layout presets instead of configuring the settings yourself. There are different Layout presets depending on the type of element that you select from the Stage. There are different presets for the two major types of elements used in your animation:

  • Text boxes and other drawn elements have their own presets.

  • Images: Different settings appear depending on if the image is an img or a div.

Layout presets make more sense when the Stage's width and height are formatted by percent.

Text boxes and drawn elements

The different Layout presets for text boxes and drawn elements such as rectangles and ellipses include these:

  • Scale position: Sets elements to use % instead of px for the position (as shown).

  • Scale size: Sets elements to use % instead of px for the size (as shown).

    Using the Scale Position layout preset.
    Using the Scale Position layout preset.
    Using the Scale Size layout preset.
    Using the Scale Size layout preset.

Images

If you have your image set as an img, then different options appear under Layout presets than if you set the image as a div. Both img and div provide the same Layout presets — scale position and scale size — as drawn elements.

Img sets the image as a regular image on the Stage. Div sets the image as a background image.

For regular images, you can select a Scale Image Layout preset (as described in this figure).

Layout presets for images set as img from the Properties panel.
Layout presets for images set as img from the Properties panel.

Images set as div that act as background images have even more options, as shown.

You can choose from four different background Image Layout presets.
You can choose from four different background Image Layout presets.

To get an idea of what each different Preset Layout does, simply click the box for the description, then click Apply.

There's one more place to configure default layouts up near the main menu. If you click the Layout Defaults icon (as shown), a menu appears that enables you to select a default setting for relative positioning, px (pixels), or percent; you also get to choose how to use images.

image4.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.