Adobe animate cc classroom in a book 2019 release free
You can listen to audiobooks purchased on Google Play using your computer’s web browser. To read on e-ink devices like Kobo eReaders, you’ll need to download a file and transfer it to your device. Follow the detailed Help Center instructions to transfer the files to supported eReaders. Adobe Animate Classroom in a Book release.
This document was uploaded by our user. The uploader already confirmed that they had the permission to publish it. Herbert School of Communication at Hofstra University. He has more than 20 years of experience in visual communication as a multimedia designer for the sciences and as a consultant to the news industry.
He is the published author of over a dozen technical books, interactive, and video products on multimedia software from Adobe, including their official training manuals. Pressing the Shift key lets you change the shape uniformly so that the oval maintains its aspect ratio.
The top edge of the coffee cup is in place. Select the Free Transform tool. Drag the oval over the rim of the coffee cup so that it overlaps the front lip. You can also press the Down Arrow key to nudge the selected oval down the Stage. Click outside the selection to deselect the oval. Select the lower portions of the smaller oval and the upper portions of the bottom oval and delete them.
Your coffee cup now is now complete! Changing shape contours With the Selection tool, you can push and pull lines and corners to change the overall contours of any shape. Move your mouse cursor close to one of the sides of the coffee cup. A curved line appears near your cursor, indicating that you can change the curvature of the stroke.
Drag the stroke outward. The side of the coffee cup bends, giving the cup a slight bulge. Drag the other side of the coffee cup outward slightly.
The coffee cup now has a more rounded body. Changing strokes and fills If you want to change the properties of any stroke or fill, you can use the Ink Bottle tool or the Paint Bucket tool. The Ink Bottle tool changes stroke colors; the Paint Bucket tool changes fill colors. In the Tools panel, select the Paint Bucket tool. In the Properties panel, choose a darker brown Fill color Click the top surface of the coffee that is inside the cup.
The fill of the top oval changes to the darker brown color. Tip If your Paint Bucket tool changes the fill in surrounding areas, there may be a small gap in the shape outline that allows the fill to spill over. Close the gap manually, or use the Gap Size menu at the bottom of the Tools panel to choose the gap size that Animate will close automatically.
In the Tools panel, select the Ink Bottle tool. In the Properties panel, choose a darker brown stroke color Click the top stroke above the surface of the coffee. Tip You can also select a stroke or a fill and change its color by using the Properties panel without selecting the Paint Bucket or Ink Bottle tool. The stroke around the surface of the coffee changes to a darker brown color.
Using gradient fills The fill is the interior of the drawn object. Currently, you have selected a solid brown fill color, but you can also use a gradient as a fill, or you can specify that the object have no fill at all.
In a gradient, one color gradually changes into another. Animate can create linear gradients, which change color horizontally, vertically, or diagonally, or radial gradients, which change color moving outward from a central focal point. By default, a linear gradient moves from one color to a second color, but you can use up to 15 color transitions in a gradient in Animate.
A color pointer determines where each color is defined, and smooth color changes happen between each of the pointers. Add color pointers beneath the gradient definition bar in the Color panel to add more colors and, hence, more gradients. Select the Selection tool and then select the fill that represents the front surface of the coffee cup.
The front surface of the coffee cup is filled with a color gradient that changes from left to right. In the Color panel, select the color pointer at the left end of the color gradient definition bar the triangle above it turns black when selected , and then type FFCCCC in the Hex value field to specify a light tan color.
You can also select a color from the Color Picker or double-click the color pointer to select a color from the color swatches. Select the far-right color pointer, and then enter B for a dark tan color. The gradient fill for the coffee cup changes from light tan to dark tan across its surface. Click beneath the gradient definition bar to create a new color pointer. Drag the new color pointer to the middle of the gradient. The gradient fill for the coffee cup now changes gradually from light tan through white to dark tan.
Deselect the fill on the Stage by clicking elsewhere on the Stage. Select the Paint Bucket tool and make sure the Lock Fill button at the bottom of the Tools panel is deselected. The Lock Fill option locks the current gradient to the first shape to which it was applied so that subsequent shapes extend the gradient. This allows multiple columns of tools to be shown.
With the Paint Bucket tool, select the back surface of the coffee cup. Animate applies the gradient to the back surface. Tip To delete a color pointer from the gradient definition bar, simply drag it off the bar.
Using the Gradient Transform tool In addition to choosing colors and positioning the color pointers for a gradient, you can adjust the size, direction, or center of a gradient fill. Select the Gradient Transform tool Free Transform tool. The Gradient Transform tool is grouped with the 2.
Click the front surface of the coffee cup. Transformation handles appear. Drag the square handle on the right side of the bounding box inward to squeeze the gradient tighter. Drag the center circle to move the gradient to the left so the white highlight is positioned slightly left of center. You can even rotate the gradient counterclockwise by dragging the round handle in the upper-right corner of the bounding box.
Drag slightly to the left so that the gradient tilts along the curve of the cup. Click the back surface of the coffee cup. Drag the round handle on the corner of the bounding box to rotate the gradient degrees so that the gradient fades from dark tan on the left to white to light tan on the right.
Narrow the gradient and move it to the right slightly so that the highlight falls on the right side of the inner surface. The coffee cup now looks more realistic because the shadows and highlights make it appear that the front surface is convex and the back surface is concave. Tip Move the center circle to change the center of the gradient, drag the round handle to rotate the gradient, or drag the square handle to stretch or compress the gradient. Select the top surface of the coffee with the Selection tool.
Open the Colors panel and choose Radial Gradient. For the left color pointer, choose a light brown color, and for the right color pointer, choose a deep, chocolate brown color. The top surface of the coffee is filled with a radial gradient that is lighter in the center and darker at the edges.
Select the Gradient Transform tool. Drag the center point handle of the gradient near the right edge of the cup. Drag the width handle to the right to flatten the elliptical gradient so that it is about twice as wide as high.
Drag the size handle to the left to shrink the ellipse so that the gradient just covers the surface of the coffee. The top surface of the coffee is complete!
With subtle variations to linear and radial gradients, you can achieve nice effects that give dimensionality and form to your objects. Rename the layer containing your completed drawing coffee cup. Tip You can also use the Gradient Transform tool to change the width, orientation, size, or rotation of a bitmap fill.
A group holds together a collection of shapes and other graphics to preserve their integrity. When the elements that compose the coffee cup are grouped, you can move them as a unit without worrying that the cup might merge with underlying shapes. Use groups to organize your drawing. Select all the shapes that make up the cup of coffee. The cup of coffee is now a single group. When you select it, a blue-green outline indicates its bounding box.
If you want to change any part of the cup of coffee, double-click the group to edit it. Notice that all the other elements on the Stage dim, and the Edit bar above the Stage displays Scene 1 Group. This indicates that you are now in a particular group and can edit its contents. Click the Scene 1 icon in the Edit bar at the top of the Stage, or double-click an empty part of the Stage, and return to the main scene. Using variable-width strokes You can make many different styles of lines for your strokes.
In addition to a solid line, you can choose dotted, dashed, or ragged, or even customize your own. In addition, you can create lines with variable widths and edit the variations with the Width tool.
Transparency is measured as a percentage and is referred to as alpha. In the Tools panel, select the Pencil tool.
Choose Smooth from the Pencil Mode menu at the bottom of the Tools panel. In the Properties panel, select a dark brown stroke color. In the Fill And Stroke section of the Properties panel, enter 15 for the stroke size. From the Style menu, choose Solid, and from the Width menu, choose the thick and thin profile, Width Profile 2.
Tip Edit variable-width lines as you would any other stroke. Use the Selection or Subselection tool to bend the curves or move the anchor points. Draw a few wavy lines above the coffee. Animate renders each line with a thick-and-thin width. Although it appears as a complicated shape, the entire object is a single selectable stroke.
Editing the width of lines You can finesse where the bulges appear in your lines, and how much of a bulge there is. Use the Width tool to make those edits. In the Tools panel, select the Width tool. Move your mouse pointer over one of your variable-width strokes.
Anchor points appear along the line to show you where the thick and thin portions of the line are located. Drag the handles at any anchor point to change the width of the line. Exaggerate some of the restrictions and bulges. Drag an anchor point along the stroke to move its location. Drag anywhere along the stroke to add a new anchor point and define the width at that location.
Animate displays a small plus sign next to your pointer to indicate that you can add an anchor point. Using swatches and tagged swatches Swatches are predefined samples of color. Tagged swatches are specially marked swatches that are linked to the graphics on your Stage that are using them.
If you change a tagged swatch in your Swatch panel, all your graphics that use the tagged swatch will be updated. Select the Selection tool and click one of the variable-width strokes above your coffee mug. The Swatches panel opens, showing the default colors with gradients in the bottom row.
A new swatch appears with the exact color of the coffee wisp that you selected. The Tagged Color Definition dialog box appears. Enter coffee steam in the Name field and click OK. The dialog box closes and a new tagged swatch appears in the Tagged Swatches section of the Swatches panel. Select the Selection tool and, holding down the Shift key, click every coffee wisp above the mug. Open the Swatches panel. Select the coffee steam tagged swatch.
The selected graphics use the tagged swatch as their color. In the Properties panel, a tagged swatch is indicated by the white triangle in the lower-right corner of the color. Updating tagged swatches The real power of tagged swatches is apparent when you have to make updates to your project. Since each wisp uses a tagged swatch, you can simply update the color of the tagged swatch and all graphics using that tagged swatch will update.
In the Tagged Swatches section of the Swatches panel, double-click the coffee steam tagged swatch. The Tagged Color Definition dialog box opens with the name and color information. Change the color to a different shade of brown and a different Alpha, or transparency, value. The new color appears in the top half of the color preview window. Click OK to close the dialog box. The new color information is saved and all the graphics using the tagged swatch update to the new color.
For more precise control, you can use the Pen tool. First, change the Stage background to a light brown color CC Drag the layer to the bottom of the layer stack and then lock all the other layers. In the Tools panel, select the Pen tool. Choose Hairline from the Style menu and Uniform from the Width menu. Begin your shape by clicking off the left edge of the Stage to establish the first anchor point.
Keep holding the mouse button and drag in the direction you want the line to continue. You will drag out a direction line from the new anchor point, and when you release the mouse button you will have created a smooth curve between the two anchor points.
Continue to move the mouse to the right across the Stage, pressing and dragging out direction lines to build the outline of the wave. Keep going past the right edge of the Stage and click once to set a corner point. You have drawn the top edge of your wave; now you need to complete the shape by drawing the bottom. Click once below the previous corner point, and then draw a wavy line back to the left across the Stage, similar but not exactly parallel to the first curved line.
Take care not to place your anchor points directly under the anchor points in the upper line so that the wave has a free-form outline.
Continue the lower wavy line past the left edge of the Stage and click below the initial anchor point to place another corner point. Close your shape by clicking the first anchor point. Select the Paint Bucket tool. Set the Fill color to a dark brown. Click inside the outline you just created to fill it with color. Select the Selection tool, and double-click the outline to select all of it. Press the Delete key to remove the stroke. It takes practice to get used to the Pen tool. Use the Selection tool or the Subselection tool to refine your curves.
Hover over a line segment and look at the arced line segment that appears near your pointer. This indicates that you can edit the curve. If a right-angle segment appears near your cursor, this indicates that you can edit the corner point.
Drag the curve to edit its shape. In the Tools panel, select the Subselection tool. Click the outline of the shape. Drag the anchor points to new locations or move the handles to refine the overall shape. Lengthening the handles makes the curve flatter. Tilting the handles changes the direction of the curve. Deleting or adding anchor points Use the hidden tools under the Pen tool to delete or add anchor points as needed.
Press and hold the Pen tool to access the hidden tools under it. Select the Delete Anchor Point tool. Click an anchor point on the outline of the shape to delete it. Select the Add Anchor Point tool. Click the curve to add an anchor point. Creating paths with the Pen tool You can use the Pen tool to create paths that are straight or curved, open or closed.
Understanding the elements of a path and how to create those elements with the Pen tool makes paths much easier to draw. Creating a straight line. To create a straight path, click the mouse button. The first time you click, you set the starting point. Each time that you click thereafter, a straight line is drawn between the previous point and the current point.
To draw complex straight-segment paths with the Pen tool, simply continue to add points. Creating a curved line. Curved line segment B. Direction point C. Direction line D. Selected anchor point E. Unselected anchor point Creating a closed path. To create a curved path, start by pressing the mouse button to place an anchor point, then drag to create a direction line for that point and release the mouse button. Then move the mouse to place the next anchor point and drag out another set of direction lines.
At the end of each direction line is a direction point; the positions of direction lines and points determine the size and shape of the curved segment. Moving the direction lines and points reshapes the curves in a path. Smooth curves are connected by anchor points called smooth points. Sharply curved paths are connected by corner points. When you move a direction line on a smooth point, the curved segments on both sides of the point adjust simultaneously, but when you move a direction line on a corner point, only the curve on the same side of the point as the direction line is adjusted.
When a path contains more than one segment, you can drag individual anchor points to adjust individual segments of the path, or select all of the anchor points in a path to edit the entire path. Use the Subselection tool to select and adjust an anchor point, a path segment, or an entire path. Closed paths differ from open paths in the way that you end each one. To end an open path, select the Selection tool or press Escape.
Closing a path automatically ends the path. You can apply transparency to either the stroke or the fill. Modifying the Alpha value of a fill 1. Select the Selection tool and select the shape in the dark brown wave layer. The Paste In Place command puts the copied item in the exact same position from where it was copied.
Move the pasted shape slightly to the left or to the right so the crests of the waves are somewhat offset. Select the fill of the shape in the light brown wave layer.
The color swatch in the Color panel previews your newly selected color. Transparency is indicated by the gray grid that you can see through the transparent color swatch. Tip You can also change the transparency of a shape from the Properties panel by clicking the Fill Color icon and changing the Alpha value in the pop-up color picker. For a more painterly approach, use the Paint Brush tool. The Paint Brush tool allows you to make shapes that are more organic and free-form as well as shapes with regularly repeating patterns for borders and decorations.
And, as with other graphics created with Animate, the shapes you create with the Paint Brush tool remain fully vector based. In the timeline, add a new layer on top of your other layers and rename it chalk. Select the Paint Brush tool. In this example, we chose a vibrant yellow. In the Fill And Stroke section, enter 15 for the stroke size. Now, to choose your brush style, click the Brush Library button to the right of the Style menu.
The Brush Library panel opens. Select a category to see the subcategories, and select a subcategory to view the individual brushes. The Charcoal — Thick brush is added to the Style menu in the Properties panel, and it becomes the currently active brush style. Select the Selection tool and move your coffee mug and its aroma to the side to make some room.
Select the chalk layer, and then select the Paint Brush tool. Now for the fun. If you double-click a letter with the Selection tool, you can edit the path of the letters. You can also use the Subselection tool to edit the vector path of the paintbrush mark.
Push and pull on the stroke, move, or edit it with the Transform tool just like you would any other vector shape. Create a new layer above all your other layers and rename it border. Select the Line tool.
Click the Stroke color swatch in the Properties panel and select a muted brown or orange color that would harmonize well with the rest of the background graphics. In the Properties panel, click the Brush Library button next to Style.
The Brush Library panel opens, unless it is already open. If you find something more appealing, feel free to select it instead. Double-click your choice. The Dashed Square 1. Create a long horizontal line at the top edge of the Stage and another one at the bottom of the Stage. Tip Hold Shift while drawing with the Line tool to constrain the tool to horizontal or vertical lines. The dashed regular pattern at the top and bottom of the Stage provides a nice contrast to the curves and chalk-style lettering.
Editing and creating your own Art or Pattern brush You might not find a brush to your liking in the Brush Library, or you may need something very specific for your project. In either case, you can edit an existing brush or you can create an entirely new one. Pattern brushes repeat a shape over the length of a stroke whereas Art brushes stretch the base art over the length of the stroke. The Paint Brush Options dialog box appears, with multiple controls for refining how the brush applies the base shapes.
Art brushes and Pattern brushes have different options. Experiment with different spacing, how the shapes repeat or stretch to fit, or how corners and overlaps are handled. To create an entirely new brush, first create some shapes on the Stage that you want to base your brush on. For example, if you want to create a train track, create the base art that repeats for a Pattern brush.
The Paint Brush Options dialog box appears. From the Type menu, you can choose either Art Brush or Pattern Brush, and then refine the brush options. The preview window shows you the results of your chosen options. Enter a name for your new brush and click Add. Your new brush will be added to your Style menu and available for you to use. Click the Manage Paint Brushes button in the Properties panel. Select the brushes you want to delete or save to your Brush Library.
You cannot delete a brush that is currently in use. Pressure-sensitive graphics tablets Animate supports input from pressure-sensitive tablets, such as the Wacom graphics tablets, to control variable-width strokes or the Art or Pattern brushes. Pressing harder with the stylus creates fatter strokes, whereas pressing lightly results in thinner strokes.
Adobe Animate Cc Classroom In A Book ( Release) [PDF] [1fji0in1o0og] – VIP classifieds
Get started with a FREE account. Adobe Animate CC Classroom in a Book ( Release). · MB · Downloads· English. by Russell Chun. Preview. With extensive controls for animation, intuitive and flexible drawing tools, and output options for HD video, HTML5, WebGL, SVG, mobile apps, desktop.
Adobe animate cc classroom in a book 2019 release free –
Page Creating curves Page Using transparency to create depth Page Being expressive with the Paint Brush tool Page Creating and editing text Page Aligning and distributing objects Page About symbols Page Creating symbols Page Managing symbol instances Page Applying filters for special effects Page Converting and exporting art Page Lesson overview Page Getting started Page About animation Page Animating position Page Changing the pacing and timing Page Animating transparency Page Animating filters Page Animating transformations Page Changing the path of the motion Page Swapping tween targets Page Creating nested animations Page Easing Page Frame-by-frame animation Please note that other Pearson websites and online products and services have their own separate privacy policies.
To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:. For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.
We use this information to address the inquiry and respond to the question. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes. Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary.
Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey. Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing.
Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.
If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit. On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information.
However, these communications are not promotional in nature. We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.
Pearson automatically collects log data to help ensure the delivery, availability and security of this site. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter. All buyers of the book get full access to the Web Edition: A Web-based version of the complete ebook enhanced with video and multiple-choice quizzes. Russell S. He is the published author of over a dozen technical books, interactive, and video products on multimedia software from Adobe, including their official training manuals.
Russell Chun. In this lesson, you use the Library panel, Tools panel, Properties panel, Transform panel, History panel, and Timeline panel. Because panels are such an integral part of the Animate workspace, it pays to know how to manage them.
To open any panel in Animate, choose its name from the Window menu. Individual panels float freely, and they can be combined in docks, groups, or stacks. A dock is a collection of panels or panel groups in a vertical column. Docks stick to the left or right edges of the user interface. A group is a collection of panels that can be placed within a dock or that can float freely.
A stack is similar to a dock but can be placed anywhere in the interface. In the default Essentials workspace, most of the panels are organized in three docks on the right side of the screen. The Timeline and Output panels are grouped at the bottom, and the Stage is on the top. However, you can move a panel to any position that is convenient for you.
To move a panel, drag it by its tab to a new location. To move a panel group or stack, drag it by the area next to the tabs. As the panel, group, or stack passes over other panels, groups, docks, or stacks, a blue highlighted drop zone will appear. If you release the mouse button while a drop zone is visible, the panel will be added to the group, dock, or stack. To dock a panel, drag it by its tab into a new position at the left or right edge of the screen.
If a vertical drop zone appears, dropping the panel will create a new dock. To group a panel, drag its tab onto the tab of another panel or the drop zone at the top of an existing group. To create a stack, drag a group out of a dock or an existing stack so it floats freely. Alternatively, drag one free-floating panel onto the tab of another floating panel. You also have the option of displaying most of the panels as icons to save space but still maintain quick access. Click the double arrowheads in the upper-right corner of a dock or stack to collapse the panels to icons.
Click the double arrowheads again to expand the icons into panels. Using the Tools panel The Tools panel—the long, narrow panel on the far right side of the work area—contains selection tools, drawing and type tools, painting and editing tools, navigation tools, and tool options.
When you select a tool, check the options area at the bottom of the panel for more options and other settings appropriate for your task.
Selecting and using a tool When you select a tool, the options available at the bottom of the Tools panel and the Properties panel change. When you select the Zoom tool, the Enlarge and Reduce options appear. The Tools panel contains too many tools to display all at once. Some tools are arranged in hidden groups in the Tools panel; only the tool you last selected from a group is displayed.
Press and hold the icon for the visible tool to see the other tools available, and then select one from the menu. Select the folder in the timeline, and then click the New Layer button. Name the new layer stars. That makes some of the tools and buttons invisible. In the timeline, move the playhead to frame 36 and select frame 36 in the stars layer. You will create star shapes to appear at frame 36 in this layer. In the Tools panel, select the PolyStar tool, which is indicated by the hexagon shape.
In the Properties panel, click the colored square next to the pencil icon, which indicates the color of the outline, or stroke, and select the red diagonal line. The red diagonal line represents a color of None for the stroke. Click the colored square next to the paint bucket icon, which indicates the color of the fill, and select a bright, cheery color such as yellow.
You can click the color wheel at the upper right to access the Adobe Color Picker, or you can change the Alpha percentage, which determines the level of opacity, also at the upper right. Choose Star from the Style menu. These options define the shape of your star. Make sure the empty keyframe in frame 36 of the stars layer is selected. Start dragging on the Stage where you want to add a star, and continue dragging to change the width of your star. Without releasing the drag, move your cursor around the center of the star to rotate it.
Make multiple stars of different sizes and with different angles of rotation. Exit the PolyStar tool by selecting the Selection tool. Use the Properties panel or the Transform panel to reposition or rotate selected stars on the Stage, if desired. Or select the Selection tool and simply click to select a star and drag it to a new position on the Stage.
The X and Y values in the Properties panel update as you drag the star around the Stage. Adding layer effects You can add interesting visual effects that change the appearance of objects in a particular layer. These layer effects include color effects and filters, both available in the Properties panel when a keyframe is selected.
Brightness controls the relative darkness or lightness of the layer. Tint controls how much color is added to the layer. Alpha controls the transparency of the layer.
A fourth option, Advanced, allows you to vary brightness, tint, and alpha together all at once. Filters are special effects that change or distort the appearance in more dramatic ways, such as adding a drop shadow or adding a blur.
Adding layer effects to a keyframe Layer effects are keyframe based. That is, a single layer can have different layer effects in different keyframes. Move the playhead to frame 12 on the timeline and select frames 12 in both the photo1 layer and the background layer by pressing Shift as you click each frame.
Frame 12 is the point at which photo2 appears in the slideshow. A keyframe appears in frame 12 in both layers. While the two keyframes are still selected, click the Add Filter button in the Properties panel and choose Blur to add a blur filter to the two selected keyframes. Increase the BlurX and BlurY values to 8 px. The background photo and the first photo become blurry, which accentuates the new photo that appears in the photo2 layer.
Select frame 24 in the photo2 layer; this is the moment when photo3 appears. This keyframe allows you to add a filter to the layer to change its appearance at that point in time. Click Add Filter in the Properties panel and choose Blur. Increase the Blur X and Blur Y to 8 px. The photo in the photo2 layer becomes blurry, helping your audience focus on the new photo that appears in the photo3 layer. Select frame 36 in the photo1, photo2, photo3, and background layers and insert a keyframe F6.
The selected layers become slightly darker, which adds drama to the bright yellow stars that appear at that moment in the stars layer. Undoing steps in Animate In a perfect world, everything would go according to plan.
But sometimes you need to move back a step or two and start over. You can undo steps in Animate using the Undo command or the History panel. Closing a document clears its history. Note If you remove steps from the History panel and then perform additional steps, the removed steps will no longer be available. You can choose the Undo command multiple times to move backward as many steps as are listed in the History panel.
Drag the History panel slider up to the step just before your mistake. Steps below that point are dimmed in the History panel and are removed from the project. To add a step back, move the slider back down. Finish by returning the History panel slider to its original position next to the bottom step in the panel.
Animate creates the required published files in the same location as your FLA file and opens and plays the animation in your default browser. Animate automatically loops your movie in this preview mode. Close the browser window and return to Animate. Modifying the content and Stage When you first started this lesson, you created a new file with the Stage set at pixels by pixels. However, your client may later tell you that they want the animation in several different sizes to accommodate different layouts.
Or they may want to create a version that will run on AIR for Android devices, which require specific dimensions. Fortunately, you can modify the Stage even after all your content is put in place. When you change the Stage dimensions, Animate provides the option of scaling the content with the Stage, automatically shrinking or enlarging all your content proportionally. In the Properties section of the Properties panel, note that the dimensions of the current Stage are set at x pixels.
Click the Advanced Settings button to open the Document Settings dialog box. In the Width and Height boxes, enter new pixel dimensions. You can click the link icon between the Width and Height fields to constrain the proportions of the Stage. With the link icon selected, changing one dimension will automatically change the other proportionately.
Select the Scale Content option. Leave the Anchor option as is. The Anchor option lets you choose the origin from which your content is resized, if the proportions of the new Stage are different. Animate modifies the dimensions of the Stage and automatically resizes all the content. If your new dimensions are not proportional to the original size, Animate will resize everything to maximize the content to fit.
Save the file. You now have two Animate files, identical in content but with different Stage dimensions. Animate can help alleviate much of the worry over lost work. The Auto-Recovery feature creates a backup file in case of a crash. Note If you have unsaved changes in your open document, Animate adds an asterisk to the end of its filename at the top of the document window as a friendly reminder.
Using Auto-Recovery to create a backup The Auto-Recovery feature is a preference setting that applies to all Animate documents. It saves a backup file, so in case of a crash, you have an alternate file to return to.
The Preferences dialog box appears. Select the General category from the left column. The file remains as long as the document is open. When you close the document or when you quit Animate safely, the file is deleted. Review questions 1 What is the Stage? Review answers 1 The Stage is the rectangular area viewers see when a movie is playing. Objects that you store on the pasteboard outside of the Stage do not appear in the movie. A keyframe is represented on the timeline with a circle and indicates a change in content on the Stage.
The tool you most recently used is the one shown. Small triangles appear on tool icons to indicate that hidden tools are available. To select a hidden tool, press and hold the tool icon for the tool that is shown, and then select the hidden tool from the menu. To undo multiple steps at once, drag the slider up in the History panel. Layer effects are added by selecting a keyframe and choosing a style or a filter from the Color Effect or Filter section of the Properties panel.
Modify the shape, color, and size of drawn objects. Understand fill and stroke settings. Create and edit curves and variable-width strokes. Apply gradients and transparencies. Use Art and Pattern brushes for expressive drawing. Create, edit text, and use web fonts. Distribute objects on the Stage. Create and edit symbols.
Understand symbols and instances. Apply filters to symbol instances. This lesson will take about 3 hours to complete. You can use rectangles, ovals, lines, and custom art or pattern brushes to create interesting, complex graphics and save them as symbols, which will be displayed in your Library panel.
Combine gradients, transparencies, text, and filters for even greater expressive possibilities. Getting started Note If you have not already downloaded the project files for this lesson to your computer from your Account page, make sure to do so now.
Double-click the 02End. The project is a simple static illustration for a banner ad. After all, you must learn to walk before you can run! And learning to create and modify graphics is an important step before doing any animation with Adobe Animate CC. In the Animate Start screen, select Web as the intended document presets category.
Make the Stage size pixels by pixels, and click Create. Understanding strokes and fills Every graphic created within Animate starts with a shape. A shape consists of two components: the fill, or the insides of the shape, and the stroke, or the outlines of the shape. The fill and the stroke function independently of each other, so you can modify or delete either without affecting the other. For example, you can create a rectangle with a blue fill and a red stroke, and then later change the fill to purple and delete the red stroke entirely.
You can also move the fill or stroke independently, so if you want to move the entire shape, make sure that you select both its fill and its stroke. Creating shapes Animate includes several drawing tools, which work in different drawing modes.
The six digits after the sign represent the red, green, and blue contributions to the color. Using the Rectangle tool The coffee cup is essentially a cylinder, which is a rectangle with an oval at the top and an oval at the bottom. In the Tools panel, select the Rectangle tool. Make sure the Object Drawing mode button at the bottom of the Tools panel is not selected.
Choose a stroke color and a fill color from the bottom of the Tools panel. Choose dark brown for the stroke and CC light brown for the fill. On the Stage, draw a rectangle that is a little taller than it is wide. Select the Selection tool.
Drag the Selection tool around the entire rectangle to select its stroke and its fill. When a shape is selected, Animate displays it with white dots. You can also double-click a shape, and Animate will select both the stroke and fill of the shape. In the Properties panel, Position And Size section, enter for the width and for the height. In the Tools panel, select the Oval tool. Make sure the Snap To Objects button is selected. This option forces shapes that you draw on the Stage to snap to each other to ensure that lines and corners connect to one another.
Drag from one side of the rectangle to the other to make an oval that touches both sides. Snap To Objects makes the sides of the oval connect to the sides of the rectangle. Note The last fill and stroke you used are applied to the next objects you create, unless you change the settings before you draw. Draw another oval near the bottom of the rectangle.
Animate drawing modes Animate provides three drawing modes that determine how objects interact with one another on the Stage and how you can edit them. Merge Drawing mode In this mode, Animate merges drawn shapes, such as rectangles and ovals, where they overlap, so that multiple shapes appear to be a single shape. If you move or delete a shape that has been merged with another, the overlapping portion is permanently removed. Object Drawing mode In this mode, Animate does not merge drawn objects; they remain distinct and separate, even when they overlap.
To enable Object Drawing mode, select the drawing tool you want to use, and then click the Object Drawing button at the bottom of the Tools panel. Primitive Drawing mode When you use the Rectangle Primitive tool or the Oval Primitive tool, Animate draws your rectangles or ovals as independent objects that maintain some editable features.
Unlike with regular objects, you can modify the corner radius and start and end angle of rectangle primitives, and adjust the inner radius of oval primitives using the Properties panel. Making selections To modify an object, you must first be able to select different parts of it. In Animate, you can make selections using the Selection, Subselection, or Lasso tool. Typically, you use the Selection tool to select an entire object or a section of an object.
The Subselection tool lets you select a specific point or line in an object. With the Lasso tool, you can make a free-form selection. In the Tools panel, select the Selection tool. Click the fill above the top oval to select it. The shape above the top oval is highlighted. The fill is cleared from the selected area. Animate deletes the individual strokes, leaving only the top oval connected to the rectangle. The remaining shape appears as a cylinder. The Free Transform tool, the Copy and Paste commands, and the Selection tool can help transform the plain cylinder into a coffee cup.
Using the Free Transform tool The coffee cup will look more realistic if you taper the bottom rim. In the Tools panel, select the Free Transform tool. Drag the Free Transform tool around the cylinder on the Stage to select it. Transformation handles appear on the cylinder. Holding these keys while dragging lets you move both corners the same distance simultaneously.
Click outside the shape to deselect it. The bottom of the cylinder is narrow, and the top is wide. It now looks more like a coffee cup. Tip If you press the Option or Alt key while moving one of the control points, Animate scales the selected object relative to its transformation point, represented by the circle icon.
You can move the transformation point anywhere, even outside the object. Press Shift to constrain the object proportions. Hold down the Shift key and select the top arc and bottom arc of the coffee cup opening.
The top strokes of the oval are copied. A duplicate oval appears on the Stage, exactly overlying the original that you copied. The duplicate remains selected. Transformation handles appear on the oval.