1 / 11

Adobe Animation: Flashlab Session with Mr. Asyraf for Web & Presentation Design

Learn Adobe Animation basics with Mr. Asyraf in this Flashlab session. Explore tools, timelines, stage properties, and more for web and presentation design applications.

heinz
Download Presentation

Adobe Animation: Flashlab Session with Mr. Asyraf for Web & Presentation Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flashlab session with mr. asyraf Adobe Animation, transition, web design, presentation design, etc…

  2. Tools Timeline Panels Stage Properties Panel Floating panels ??

  3. Cs4Staging Area Same and more improval

  4. Document Properties • Choose ‘create new flash document’ • Select the bottom tab that says: ‘properties’. • Then click on size, if you want to specify another size. • Then, publish -> settings.

  5. Frame rate • 12 fps is pretty slow and not smooth. • For a smooth animation, you’ll need 15 or above, depending on , what you are working on. • Moviesuse how many fps?? • 18-24fps shall do just fine for 2D animations

  6. Tools Overview • Selection tool add capabilities to edit and manipulate objects and shapes. • Subselection tool offers the same features, but adds control over anchors and control points. • We can try and experiment those abovementioned tools with the line tool, where the latter draws line as in illustrator. • Notice the differences as we go. (selection moves in one direction whereas subselection lets u do more)

  7. Tools Overview (II) • Line tool lets u draw lines, and have some added features (refer to properties) • Window - > properties - > properties • Free transform tool; transforms objects such as scaling / rotating • Gradient transform tool; lets u alter the presetting gradient (moving, widening, proportional scaling and rotating)

  8. Tools Overview (III) • Pen tool; similar as in Photoshop and illustrator programs. Define a shape by drawing and manipulating anchors & control points. (even for tracing) • Text tool; the simplest tool, but inside flash, other options bring more flexibility to designers. • Static text is for normal text to be displayed within the movie. • Dynamic text is used for loading text from an external file (.txt, .xml) • Input text, where the user types in. (used on flash websites)

  9. Tools Overview (IV) • Oval and rectangle tools for basic shapes drawing. • Polystartool draws shape with n sides (n. of sides) - > check properties - > options • Pencil tool and that of brush tools allow you to create freehand lines • Paint bucket tool lets you paint any closed-paths, either with basic shapes or drawn. (tricky - > when lines intersect and create a closed section, you can paint it)

  10. Timeline • You can create layers independently and work on them accordingly. • When you have several layers, management becomes hard, thus organize your layers into appropriate folders. • Meaning of eye, padlock and outlines icons. • Moreover, you can edit scenes or symbols, based on what you are, supposed to work on. (icons are laid on the top-right corner)

  11. Library • Stores all graphics or shapes you have converted. Why the need? • For the ability to re-use files (instancing)and thus restricting a large file size as result.

More Related