Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Foundation Level Course
© 2009 Research In Motion Limited BlackBerry themes and animated graphics.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 3 Working with Symbols and Interactivity.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Business and Computing Deanery Multimedia Week 6 Animation.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Review 2 – Adobe Flash Lab Manual
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
Introduction to Flash CSC361/661 Digital Media Spring 2007 Burg.
1 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar buttons)
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Packages that we use Within ICT we primarily use Dreamweaver CS3 and Flash CS3 This is embedded in an Adobe Design Premium CS3 package (Go to Start >
Animation Part I: Interactive Multimedia Authoring with Flash
Background Information
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Computer presentation
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Working with Symbols and Interactivity
Final Study Guide Arts & Communications.
Develop Rich Internet Content and Applications
2.02D Computer Animation Software and Design Guidelines
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Presentation transcript:

Flash Flash. It’s components and usage

New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity to fit in a relatively small file size. Multimedia technology developed by Macromedia to allow much interactivity to fit in a relatively small file size.

What’s for? ► With the help of flash clips many designers create navigation panels, dynamic logotips, full-format clips wiht syncronized sound and even pages with rich contence. As flash clips are vector graphics elements they change theirs size in accordance with the monitor of a user. As flash clips are vector graphics elements they change theirs size in accordance with the monitor of a user.

Flash animation  Animation in flash program is created by changing contence of picture areas, which are placed in series.  You can move objects on a desk field, enlarge or miniaturize them, change color, make them appear or disappear wherever you want and also change it’s shape.  Changes of animation objects made in flash program can be made spontaneously in other layers. For example you can make an object which could appear and turn gradually on your desctop.

Flash creation methods Flash creation methods can be divided into two ones: “frame-by-frame” method: using this you have to make all the operations in each picture area manually. By this method you can also enlarge file size more then by “tweened” method. “frame-by-frame” method: using this you have to make all the operations in each picture area manually. By this method you can also enlarge file size more then by “tweened” method. “tweened” (automatic) method: using it you have to control manually only animation permanance ( you have to mark picture areas’ number ). “tweened” (automatic) method: using it you have to control manually only animation permanance ( you have to mark picture areas’ number ). All intermediate meanings are generated (interpolated) by Flash program itself.

“Tweened” (automatic) animation Motion-tweening: the best way to change objects’ coordinates on a desc field. Shape-tweening: this method is used for changing objects’ shape.

Flash layers  You can imagine a layer as a pile of transparent membranes, which are placed one on another. If a layer is empty, then you can see other layers through it.  When new flash clip is being created, it contains only 1 layer. You can add to this layer many other ones and with their help you can organize picture areas’ location and their animation in clip.

Flash layers The amount of layers is only limited by overall memory of your computer. Increasing the number of layers doesn’t lead to the enlargement of filesize. You can edit each layer separately from other layers. Besides, there is a possibility to create guide layers which make a process of drawing and editing easier. There are also mask layers.

Drawing and painting in Flash. When you draw a line through another line or a painted shape, other objects or shapes are created independently as if it were cut with a knife. Then the drawn line itself would be divided into parts. You can paste, move or change a form of each part independently.

Texts in Flash.  You can insert some text in flash clips.  Different operations suc as: choosing a font, font size, text style, colour of symbols etc.  You can also transform a text as an object – rotate, resize, move and reflect it, saving the possibility of editing symbols.  There is a possibility to work with each symbol separately.

Flash objects. Flash helps you to move objects, transform them, change their order and group them. Flash helps you to move objects, transform them, change their order and group them. Changing lines and peripheries you can at the same time amend some objectionable changes into other lines and peripheries on the same layer. Changing lines and peripheries you can at the same time amend some objectionable changes into other lines and peripheries on the same layer.

Flash form Flash form consists of two parts: Flash form consists of two parts: Flash elements that form interface; Flash elements that form interface; Program or a script that processes the submitted data and creates new output if needed. Program or a script that processes the submitted data and creates new output if needed.

Creation of forms.  Forms are meant for filling some kind of information by a user and consist of text buttons, animated clips and texts fields, which allow transfer data to local or remote server. All elements of the forms, such as radio buttons, drop down lists, check boxes etc. They can be created as animated clips or buttons, which act like standard HTML-design elements.

Sound in Flash. Flash allows you to use sounds in different ways. For example, you can add a sound, which plays permanantly no matter what user does or syncronize a sound with animation. If you create soundtracks you should change volume for many times to make a sound perfect.

Sound Types in Flash  Audio file: should be loaded completely, it has concrete size and plays as far as it ends itself or it’s not stopped.  Audio stream: begins playing when it has enough data for it; has no measure of length, syncronized with the timeline. Adding sound to a clip means creating a layer for this sound, tuning sound in “Sound” item in “Frame Properties”. Adding sound to a clip means creating a layer for this sound, tuning sound in “Sound” item in “Frame Properties”.

Sound Properties. Sampling rate and compression ratio influence a lot on quality and filesize. Control quality and size of sound fragments with the help of “Sound Properties”. You can also change settings in window “Publish Settings”.

Import of images in Flash. Flash allows to place images on many vector and raster formats. Flash allows to place images on many vector and raster formats. There are two ways of placing images in Flash: There are two ways of placing images in Flash: With the help of import; With the help of import; By clipboard. By clipboard.

Vector formats Bitmaps (bmp files) are imported as one object and are set on an active layer. Flash saves settings of transparence that are made for imported images. Each sequence of images (for example, pict or bmp one) are imported as sequent picture areas in an active layer.

Vector formats Vector images, created in FreeHand or Adobe Illustrator and also wmf files are imported as a group of objects in an active layer. Flash also allows to import audio files in aiff and wav formats.

New Possibilities Macromedia Common User Interface Macromedia Common User Interface Macromedia FreeHand® Import Macromedia FreeHand® Import Macromedia Generator™ Developer Edition Support Macromedia Generator™ Developer Edition Support Bezier Tools Bezier Tools Shared Symbol Libraries Shared Symbol Libraries Web-Native Printing Web-Native Printing Movie Explorer Movie Explorer ActionScript Development Tools ActionScript Development Tools XML Transfer Support XML Transfer Support HTML Text Support HTML Text Support