
49
Create animations using the Timeline
Last updated 6/15/2014
5 Click the vertical offset and type 4.
6 Click the Blur radius and type 14.
7 Click Spread and type 2.
If you want one of the elements to look three dimensional, you can use the same settings but click the Inset button.
Ins
tead of appearing outside of the element, the shadow is created inside the element. As the name implies, the
Spread property controls the size of the shadow making it spread in all directions. As with any other property, you
can make the drop shadow change over time. With a little creativity, you can create the impression of the sun
changing position in the sky, with shadows moving and changing shape. Shadows are an important tool for text, too:
text is more readable over a busy background when separated by a shadow.
Importing Art
It’s easy enough to create basic shapes and text in Animate, but when it comes to complex artwork, you’ll probably turn
to your favorite art creation tools. For elaborate drawings and line art, that may be Adobe Illustrator. For photographs,
you may use Photoshop, Lightroom, or iPhoto. Adobe Fireworks may be the ideal companion tool for Animate because
both tools were designed to create Web content. No matter how you create JPEGs, GIFs, PNGs, or SVGs, you can
import them into Animate and then animate them by changing their position on the stage and their appearance.
Regardless of the file format, the process for importing artwork is the same. Go to File?Import and then find the file
you
wa
nt to bring into your project. The Missing CD folder 02-2_Sliding_Show has three photos in JPEG format. You
can practice by creating a new project complete with a new folder named 02-2_Sliding_Show and import each of the
photos. After you choose File?Import, a standard file/folder window opens for your PC or Mac. If you want to import
all three files at once, just Shift-click to select them. As usual, Animate imports the files and, as a handy timesaver,
names them based on the filenames. In this case, you’ll find squirrel, farmhouse, and bike in your Elements panel. Each
image is also automatically placed at the 0,0 position on the stage. You’ll only see one of the images though, because
they’re covering one another.
Choosing between GIF, JPG, PNG and SVG
The world of 2D computer graphics offers two systems for storing and displaying images: bitmaps (technically called
raster graphics) and vector graphics.
Computer programs store bitmaps as a bunch of pixels, identified by color and position. The term Bitmap graphics
doesn
’t refer to just files with the Windows bitmap (.bmp) extension; it refers to all images stored in bitmap format,
including .gif, .jpg, .tiff, and .png.
The good thing about bitmap graphics is that they let you create super-realistic detail with complex colors, gradients,
a
nd
subtle shadings. On the downside, uncompressed bitmaps typically take up a whopping amount of disk space, and
they’re not particularly scalable. For example, suppose you have a bitmap image of a car, and you tell a program to
increase the size by 500 percent.
The program has to create new pixels for the bigger image, so it duplicates the pixels (colored dots) already in the image.
The r
es
ults aren’t always pretty. The entire image is likely to appear blurry. The curved edges may become blocky or
pixelated.
Computers store vector graphics as a bunch of formulas. Compared to raster graphics, vector graphics are relatively
mo
dest
in size, and they’re scalable. In other words, if you draw a tiny car and decide to scale it 500 percent, your scaled
drawing will still have nice, crisp details.
Kommentare zu diesen Handbüchern