SlideShare una empresa de Scribd logo
1 de 8
FLASH
FLASH Flash was originally designed to be a tool for creating animations with your computer. Flash (or Future Splash, as it was once called) introduced frames and keyframes to the computer world and made it possible for millions of people all over the world to try their hand at animation. But as Macromedia began adding more and more features to Flash, it eventually became much more than a simple animation application. With the addition of ActionScript, Macromedia made Flash into a more interactive solution for the web. Flash designers and developers could now create cartoons, slideshows, and even full-fledged websites. Flash still has a lot of very exciting features for designers and animators. In fact, many animated television commercials, and even some Saturday morning cartoons, are created in Flash.
How Does Flash Work? There are two sides to the Flash development environment: the Flash Player, which is a simple browser plugin that allows the end users to see Flash files, and the Flash authoring environment, which is an application available from Adobe that allows developers to create Flash content. The Flash authoring environment also ships with an FLV encoder that allows you to import video files from other formats and convert them into FLV files.
Flash Animation Flash makes use of an innovative timeline that consists of frames and keyframes. In order to create a simple animation, for example, of an object moving across the stage, the Flash animator would create two separate keyframes. The first keyframe would store the beginning location of the object, and the second keyframe would contain the ending location. A motion tween would then be applied to the frames in between the two keyframes. With a motion tween, Flash looks at the beginning and ending keyframes, calculates the distance in between, and then creates all of the frames in between. This functionality also works for animating size, opacity (or transparency), and even color.
ActionScript ActionScript is Flash's native programming language. ActionScript allows you to make your Flash files more interactive. With ActionScript, you can add interactivity to buttons, create slideshows that run on a timer or interact with the user, create fully customized video players and audio players, or create fully functional websites that contain animation, music, etc. Using ActionScript, you can also tie Flash to XML files, or even to an entire database, in order to make truly dynamic web applications. In order to communicate with databases, Flash must interact through an intermediate server-side scripting language, such as PHP or ASP.
FLASH Flash can create two types of tweened animation using timeline: Motion Tween & Shape Tween Creation of Motion/Shape tween using timeline is the basics of Flash.Motion tween is nothing but tweening a Symbol's movement from one position to another. To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position.
PRACTICE Open a new flash file (Ctrl+N). New Document window will appearSelect General panel and choose Type: Flash Document . Press OK.  If your timeline window is not open, press (Ctrl+Alt+T). Now you can see a single Layer called "Layer1" in your timeline Window.Select the first frame. Import your image onto stage, upon which you would want to implement motion tween. File>Import>Import to Stage, or just press (Ctrl+R). Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape. Now select your object on the stage and press F8 to convert this image to a Symbol. Convert to Symbol window will pop-up. Name your Symbol what ever you like.Select Graphic behavior and press OK.
PRACTICE Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to insert a new keyframe. Still keeping playhead on frame 20, move your Symbol to any other position other than the present one. Select any frame between, 2 to 19 and select Motion from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below.  Now press (Ctrl+Enter) to view your motion tween.

Más contenido relacionado

La actualidad más candente

User guide to power point
User guide to power pointUser guide to power point
User guide to power point
mvandamme3
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
syncmaster92
 
How to make a POWERPOINT
How to make a POWERPOINTHow to make a POWERPOINT
How to make a POWERPOINT
zelinskimelissa
 

La actualidad más candente (20)

Training End Users - Daniel Allison - COMI 16901
Training End Users - Daniel Allison - COMI 16901Training End Users - Daniel Allison - COMI 16901
Training End Users - Daniel Allison - COMI 16901
 
Tutorial flash
Tutorial flashTutorial flash
Tutorial flash
 
Video Editing in Blender Workshop: 3D Text (DRAFT)
Video Editing in Blender Workshop: 3D Text (DRAFT)Video Editing in Blender Workshop: 3D Text (DRAFT)
Video Editing in Blender Workshop: 3D Text (DRAFT)
 
Christian kevin j_buot_how_to_use_prezi
Christian kevin j_buot_how_to_use_preziChristian kevin j_buot_how_to_use_prezi
Christian kevin j_buot_how_to_use_prezi
 
User guide to power point
User guide to power pointUser guide to power point
User guide to power point
 
OpenOffice.Org Impress Tutorial
OpenOffice.Org Impress TutorialOpenOffice.Org Impress Tutorial
OpenOffice.Org Impress Tutorial
 
3 d effect
3 d effect3 d effect
3 d effect
 
Adobe Photoshop Shortcuts اختصارات فوتوشوب
Adobe Photoshop Shortcuts اختصارات فوتوشوبAdobe Photoshop Shortcuts اختصارات فوتوشوب
Adobe Photoshop Shortcuts اختصارات فوتوشوب
 
How to create watermark effect
How to create watermark effectHow to create watermark effect
How to create watermark effect
 
Power Point training with audio
 Power Point training with audio Power Point training with audio
Power Point training with audio
 
Photoshop Layer Styles
Photoshop Layer StylesPhotoshop Layer Styles
Photoshop Layer Styles
 
Welcome to Training Video for Microsoft PowerPoint
Welcome to Training Video for Microsoft PowerPointWelcome to Training Video for Microsoft PowerPoint
Welcome to Training Video for Microsoft PowerPoint
 
Sequence describe how a tool works
Sequence describe how a tool worksSequence describe how a tool works
Sequence describe how a tool works
 
power point
power pointpower point
power point
 
Rule for creating power point slide
Rule for creating power point slideRule for creating power point slide
Rule for creating power point slide
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
 
How to Use Awesome Screenshot
How to Use Awesome ScreenshotHow to Use Awesome Screenshot
How to Use Awesome Screenshot
 
How to make a POWERPOINT
How to make a POWERPOINTHow to make a POWERPOINT
How to make a POWERPOINT
 
Image Recognition
Image RecognitionImage Recognition
Image Recognition
 
Official keyboard shortcuts for Windows 8 from Microsoft
Official keyboard shortcuts for Windows 8 from MicrosoftOfficial keyboard shortcuts for Windows 8 from Microsoft
Official keyboard shortcuts for Windows 8 from Microsoft
 

Similar a Flash

Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2
Zeeshan Ahmed
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
bhavanalm
 
Lesson 1 second quarter Office 2007 format
Lesson 1 second quarter Office 2007 formatLesson 1 second quarter Office 2007 format
Lesson 1 second quarter Office 2007 format
Cel Mallari
 
Flash Prototyping Workbook - Part 1 and 2
Flash Prototyping Workbook - Part 1 and 2Flash Prototyping Workbook - Part 1 and 2
Flash Prototyping Workbook - Part 1 and 2
Alexa Andrzejewski
 

Similar a Flash (20)

Foundation flash
Foundation flashFoundation flash
Foundation flash
 
Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula
 
Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2
 
Intro toflash
Intro toflashIntro toflash
Intro toflash
 
Intro to Adobe Flash
Intro to Adobe FlashIntro to Adobe Flash
Intro to Adobe Flash
 
crabs_1
crabs_1crabs_1
crabs_1
 
Apps in a Flash HCI
Apps in a Flash HCIApps in a Flash HCI
Apps in a Flash HCI
 
Adobe Animate CC: Tool for the Changing Tech Landscape
 Adobe Animate CC: Tool for the Changing Tech Landscape Adobe Animate CC: Tool for the Changing Tech Landscape
Adobe Animate CC: Tool for the Changing Tech Landscape
 
Ffd 05 2012
Ffd 05 2012Ffd 05 2012
Ffd 05 2012
 
New Introductionfor Flash Designers
New Introductionfor Flash DesignersNew Introductionfor Flash Designers
New Introductionfor Flash Designers
 
Basic silverlight
Basic silverlightBasic silverlight
Basic silverlight
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Smart apps creator 3 eng step by-step book
Smart apps creator 3 eng step by-step bookSmart apps creator 3 eng step by-step book
Smart apps creator 3 eng step by-step book
 
Evolution of flash platform
Evolution of flash platformEvolution of flash platform
Evolution of flash platform
 
Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash Introduction
 
Lesson 1 second quarter Office 2007 format
Lesson 1 second quarter Office 2007 formatLesson 1 second quarter Office 2007 format
Lesson 1 second quarter Office 2007 format
 
Firecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guideFirecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guide
 
Silverlight
SilverlightSilverlight
Silverlight
 
Flash Prototyping Workbook - Part 1 and 2
Flash Prototyping Workbook - Part 1 and 2Flash Prototyping Workbook - Part 1 and 2
Flash Prototyping Workbook - Part 1 and 2
 

Más de Dileysi

Html guide
Html guideHtml guide
Html guide
Dileysi
 
Science fair
Science fairScience fair
Science fair
Dileysi
 
Photoshop thunder
Photoshop thunderPhotoshop thunder
Photoshop thunder
Dileysi
 
Practicas EspañOl Iii E
Practicas EspañOl Iii EPracticas EspañOl Iii E
Practicas EspañOl Iii E
Dileysi
 
C I V I C A Y E T I C A R
C I V I C A  Y  E T I C A  RC I V I C A  Y  E T I C A  R
C I V I C A Y E T I C A R
Dileysi
 
Practicas EspañOl Ii N
Practicas EspañOl Ii NPracticas EspañOl Ii N
Practicas EspañOl Ii N
Dileysi
 
Civica Y Etica R
Civica Y Etica RCivica Y Etica R
Civica Y Etica R
Dileysi
 
Historia I Bloque Iv
Historia I Bloque IvHistoria I Bloque Iv
Historia I Bloque Iv
Dileysi
 
Historia Ii R
Historia Ii RHistoria Ii R
Historia Ii R
Dileysi
 
Practicas EspañOl 1 Tch
Practicas EspañOl 1 TchPracticas EspañOl 1 Tch
Practicas EspañOl 1 Tch
Dileysi
 
Practicas EspañOl Ii N
Practicas EspañOl Ii NPracticas EspañOl Ii N
Practicas EspañOl Ii N
Dileysi
 
Civica Y Etica R
Civica Y Etica RCivica Y Etica R
Civica Y Etica R
Dileysi
 

Más de Dileysi (14)

Html guide
Html guideHtml guide
Html guide
 
Science fair
Science fairScience fair
Science fair
 
Photoshop thunder
Photoshop thunderPhotoshop thunder
Photoshop thunder
 
Review
ReviewReview
Review
 
Review
ReviewReview
Review
 
Practicas EspañOl Iii E
Practicas EspañOl Iii EPracticas EspañOl Iii E
Practicas EspañOl Iii E
 
C I V I C A Y E T I C A R
C I V I C A  Y  E T I C A  RC I V I C A  Y  E T I C A  R
C I V I C A Y E T I C A R
 
Practicas EspañOl Ii N
Practicas EspañOl Ii NPracticas EspañOl Ii N
Practicas EspañOl Ii N
 
Civica Y Etica R
Civica Y Etica RCivica Y Etica R
Civica Y Etica R
 
Historia I Bloque Iv
Historia I Bloque IvHistoria I Bloque Iv
Historia I Bloque Iv
 
Historia Ii R
Historia Ii RHistoria Ii R
Historia Ii R
 
Practicas EspañOl 1 Tch
Practicas EspañOl 1 TchPracticas EspañOl 1 Tch
Practicas EspañOl 1 Tch
 
Practicas EspañOl Ii N
Practicas EspañOl Ii NPracticas EspañOl Ii N
Practicas EspañOl Ii N
 
Civica Y Etica R
Civica Y Etica RCivica Y Etica R
Civica Y Etica R
 

Flash

  • 2. FLASH Flash was originally designed to be a tool for creating animations with your computer. Flash (or Future Splash, as it was once called) introduced frames and keyframes to the computer world and made it possible for millions of people all over the world to try their hand at animation. But as Macromedia began adding more and more features to Flash, it eventually became much more than a simple animation application. With the addition of ActionScript, Macromedia made Flash into a more interactive solution for the web. Flash designers and developers could now create cartoons, slideshows, and even full-fledged websites. Flash still has a lot of very exciting features for designers and animators. In fact, many animated television commercials, and even some Saturday morning cartoons, are created in Flash.
  • 3. How Does Flash Work? There are two sides to the Flash development environment: the Flash Player, which is a simple browser plugin that allows the end users to see Flash files, and the Flash authoring environment, which is an application available from Adobe that allows developers to create Flash content. The Flash authoring environment also ships with an FLV encoder that allows you to import video files from other formats and convert them into FLV files.
  • 4. Flash Animation Flash makes use of an innovative timeline that consists of frames and keyframes. In order to create a simple animation, for example, of an object moving across the stage, the Flash animator would create two separate keyframes. The first keyframe would store the beginning location of the object, and the second keyframe would contain the ending location. A motion tween would then be applied to the frames in between the two keyframes. With a motion tween, Flash looks at the beginning and ending keyframes, calculates the distance in between, and then creates all of the frames in between. This functionality also works for animating size, opacity (or transparency), and even color.
  • 5. ActionScript ActionScript is Flash's native programming language. ActionScript allows you to make your Flash files more interactive. With ActionScript, you can add interactivity to buttons, create slideshows that run on a timer or interact with the user, create fully customized video players and audio players, or create fully functional websites that contain animation, music, etc. Using ActionScript, you can also tie Flash to XML files, or even to an entire database, in order to make truly dynamic web applications. In order to communicate with databases, Flash must interact through an intermediate server-side scripting language, such as PHP or ASP.
  • 6. FLASH Flash can create two types of tweened animation using timeline: Motion Tween & Shape Tween Creation of Motion/Shape tween using timeline is the basics of Flash.Motion tween is nothing but tweening a Symbol's movement from one position to another. To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position.
  • 7. PRACTICE Open a new flash file (Ctrl+N). New Document window will appearSelect General panel and choose Type: Flash Document . Press OK. If your timeline window is not open, press (Ctrl+Alt+T). Now you can see a single Layer called "Layer1" in your timeline Window.Select the first frame. Import your image onto stage, upon which you would want to implement motion tween. File>Import>Import to Stage, or just press (Ctrl+R). Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape. Now select your object on the stage and press F8 to convert this image to a Symbol. Convert to Symbol window will pop-up. Name your Symbol what ever you like.Select Graphic behavior and press OK.
  • 8. PRACTICE Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to insert a new keyframe. Still keeping playhead on frame 20, move your Symbol to any other position other than the present one. Select any frame between, 2 to 19 and select Motion from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below. Now press (Ctrl+Enter) to view your motion tween.