Download Adobe animation tools and management system. and more Assignments Computer Graphics and Animation in PDF only on Docsity!
PRACTICAL-
Student Name: Stanzin Deskong UID:18BCA Branch: BCA Section: Group A (5C) Semester:5th Sem Date of Performance: 28/07/ Subject Name: Animation and Multimedia Using 3D MAX Subject Code:CAC-
1. INTRODUCTION TO ADOBE ANIMATES CC , ITS INTERFACE
AND BASIC TOOLS
INTRODUCTION TO ADOBE ANIMATES CC:-
Adobe Animate is described as being an evolution of Flash Professional. With Adobe Animate creations such as cartoons, advertisements, games, and other interactive content can be published to familiar platforms like HTML5 Canvas, Flash Player & Air, WebGL, and even Snap SVG. Adobe Animate is a powerful tool for creating vector graphics. It’s also a great place to start learning 2D digital animation. Building on the legacy of Flash, Adobe Animate has positioned itself as an important player in the animation industry.
Despite its name, Animate can do so much more than just animate vector graphics. Advanced users could even work to create game assets or design their own video games. Like its predecessor, Adobe Animate was designed for easy-of-use. And while it doesn’t take long to pick up the basics you may still want some guidance. And while it doesn’t take long to pick up the basics you may still want some guidance video, sound, graphics and animation. Adobe Animate CC provides a comprehensive authoring environment for creating interactive and media-rich applications. Animate CC is widely used to create engaging project integration video, sound, graphics and animation. In Adobe Animate CC we can create original content in animate CC or import assets from other Adobe applications such as Photoshop or Illustrator. Animate CC can be easily design animation add video and sound, and then use a language to integrate sophisticated interactivity. With extension control for animation, intuitive and flexibility drawing tools, and a powerful object-oriented coding language, Flash delivers one of the only robust environments that let an imagination become reality.
ITS INTERFACE AND BASIC TOOLS:
Adobe Flash animation is an animated film that is created with the Adobe Flash platform or similar animation software and often distributed in the SWF file format. Each application includes several predefined workspaces that optimize the layout of panels for specific tasks. We can also create and customize your own workspaces by arranging panels in the layout that best suits your working style for specific tasks. We can drag panels to new locations, move panels into or out of a group, place panels alongside each other, and unlock a panel so that it floats in a new window above the application window. As you rearrange panels, the other panels resize automatically to fit the window. Flash is an incredibly powerful program that has seemingly endless potential. Flash can be used for creating games, making presentations, animations, visualizations, webpage components, and many other interactive applications. Some of the Flash interface components will look familiar to you, as they have the same functionality as other Adobe applications. However, Flash requires a certain mindset to work in it properly, especially when animating with vector graphics and coding.
To zoom in on or out of the entire Stage, select View > Zoom In or View > Zoom Out. To zoom in or out by a specified percentage, select View > Magnification, and select a percentage from the submenu or select a percentage from the Zoom control at the upper-right corner of the document window. To scale the Stage so that it fits completely in the application window, select View
Magnification > Fit in Window. To crop the content that flows outside the stage, click the Clip the Content Outside Stage icon. To show the contents of the current frame, select View > Magnification > Show All, or select Show All from the Zoom control at the upper-right side of the application window. If the scene is empty, the entire Stage appears. To show the entire Stage, select View > Magnification > Show Frame or select Show Frame from the Zoom control at the upper-right corner of the document window. To show the workspace surrounding the Stage, or to view elements in a scene that are partly or outside of the Stage area, select View > Pasteboard. The pasteboard appears in light gray. For example, to have a bird fly into a frame, initially position the bird outside of the Stage in the pasteboard and animate it into the Stage area.
Pasteboard color
Earlier, the Pasteboard colors were fixed based on the User Interface theme. From January 2017 release onwards, you can have the pasteboard same as that of Stage color. This feature enables you to work with an infinite canvas.
Fig. 1.2 (Before applying pasteboard) Fig. 1.3(After applying pasteboard) TIMELINE & PROPERTY
Property Inspector : The Properties tab of the Property inspector is context-sensitive,
changing to reflect the tool or element you have selected. To access the Properties tab of the Property inspector o Choose Window > Properties > Properties, or press -F3 (Mac) or Ctrl-F (Windows)
Timeline : The Timeline in Adobe Animate CC organizes and controls a document's
content over time in layers and frames. Like a movie film, Animate documents divide lengths of time into frames. Layers are like multiple filmstrips stacked on top of one another, each containing a different image that appears on the Stage. The major components of the Timeline are layers, frames, and the play head.
Layers : An animation and graphics software, layers refer to the different levels on which
you place your drawings, animations, and objects. The layers are stacked one on top of another. Each layer contains its own graphics or effects, which can be worked on and changed independently of the other layers. Create 3 layers and label them. Frames: In the timeline, you work with the frames to organize and control the content of your document. You place frames in the timeline in the order you want the objects in the frames to appear in your finished content. Key frame:
The frame rate (the speed at which the animation in Adobe Animate CC is played) is measured by the number of frames per second (FPS). A frame rate that is too slow makes the animation appear to stutter (stop and start), while a frame rate that is too fast blurs the details of the animation. TOOLBOX PALETTE Text tool Use Properties Palette to change color, size, and font
Selection Tool (Black Arrow): X Selection tools are designed to select regions from the active layer so you can work on them without affecting the unselected areas. Each tool has its own individual properties, but the selection tools also share a number of options and features in common. Select parts or all of an object. Click once on the outline to select the stroke only Click once in the center of the shape to select the fill only. Click TWICE to select the stroke and the fill. Drag marquee (square) around the object to select all elements (stroke and Fill). Select text and move it to another position on the stage Rectangle Tool : The Rectangle Selection tool is designed to select rectangular regions of the active layer: it is the most basic of the selection tools, but very commonly used. from the image menu bar Tools → Selection Tools → Rectangle Select, by clicking on the tool icon in the ToolBox, by using the keyboard shortcut R.
Lasso Tool: Allows you to select all or parts of an object, using curves. From the image menu bar Tools → Selection Tools → Free Select, by clicking on the tool icon in the ToolBox, by using the keyboard shortcut F. Line Tool: This tool does exactly what you would expect: it makes lines. The line color will vary depending on your Stroke Color. It can do little else but make lines from point A to point B, but it can be useful when making quick and simple perspective grids. Hold Shift to confine it to 45º angles. Allows you to create lines at an angle Use Shift to create perfect horizontal or vertical lines. Draw 3 diagonal lines, 3 horizontal lines, and 3 vertical lines.
Change the property to a “Dash” style. Make one more line. Save the file as “Line tool exercise” Below the Type Tool is the Line Tool (Shortcut: N) Pen Tool: The Pen tool works in Adobe Animate the same way it does in Illustrator or Photoshop. It works using the same anchor points and handles that are shown when you use the Subselection Tool. Allows you to make perfect curves. Uses the “Click, Move and Click” method Create 1 horizontal, 1 vertical and 1 curve line Create 1 closed shape Save the file as “Pen tool exercise” Pencil Tool: The Pencil Tool draws a line with the current Stroke color. You'll notice with the default settings that it Auto-snaps into perfectly straight lines if the line you created was fairly straight already. Allows you to create free-form lines. Usually, they are bumpy, imperfect, uncontrolled. Draw 2 free-form curvy lines
Draw 8 identical shapes and transform 4 of each shape: 1 rotated shape 1 skewed shape 1 scaled shape 1 distorted shape Save the file as “Free transform exercise” Paint Bucket Tool: The Paint Bucket Tool works much like the Paint Bucket Tool for all Adobe programs. A simple click will fill whatever enclosed area you choose with the color selected in the Fill Color area. Fills enclosed areas with color. It can fill empty areas and change the color of already painted areas.
Paint Bucket Tool ( Shortcut: K).
Hand Tool: Typing H will switch to the tool, while holding spacebar will temporarily toggle to the tool The
Hand Tool pans your view, moving the canvas around in your viewport.
Lets you move the Stage to change the view without having to change the magnification.
Hand Tool (Shortcut: H OR Hold Spacebar). Zoom Tool: The Zoom Tool is simple enough. To zoom into your canvas to get a better look, just click the area you wish to zoom in on. To view the entire Stage on the screen, or to view a particular area of your drawing at high magnification.
Hand Tool is the Zoom (Shortcut: Z).
Stroke and Fill Color: The S troke is the one with the pencil over it and the Fill is the one with the paint bucket over it. Both have menus that pop out when you click on them that should look like this: Eraser Tool: The Eraser tool does exactly what it says. It erases lines, shapes, and fills in your canvas. Make sure you are on the correct layer and keyframe. Erases Flash shapes and lines. Will not erase imported images. Eraser Tool (Shortcut: E)
