SlideShare ist ein Scribd-Unternehmen logo
1 von 18
March 25, 2008 Flash Is Your Friend An  introductory level guide for getting acquainted with Flash by Tom Krupka
March 25, 2008 A Brief History: Adobe Flash, which was previously called Macromedia Flash, is a set of multimedia technologies developed and distributed by Adobe Systems. First introduced in 1996, Flash technology has become a popular method for adding animation and interactivity to web pages, creating animations, advertisements , integrating video into web pages, and more recently, to develop rich Internet applications.
March 25, 2008 Flash Player Penetration: Flash as a format has become  the dominant desktop video player and become the player of choice, because of its streaming ability. Adobe has over a 98 percent market penetration for desktop users. Here is a chart  from the Adobe website, comparing it to other popular video streaming players. Millward Brown survey, conducted December 2007.
March 25, 2008 Version Penetration: “ Adobe's Flash player has done more to enable the current growth of interactive marketing and advances in design/interaction than any other plug-in in history. Penetration numbers have bounded to close to 100% for past versions of the player. “ Matt Dickman, Techno//Marketer.
March 25, 2008 Use of Flash with Video: Flash is increasingly used as a way to display and stream video clips on web pages. Flash is used as the basis for many popular video sites, including YouTube and Google Video.
March 25, 2008 Flash Advantages: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
March 25, 2008 Flash Interactive Website Example: http://www.wakeupyourphone.com/
March 25, 2008 Flash Interactive Game Example: http://www.scruffs-game.com/
March 25, 2008 Flash Interactive Banner Ads:
March 25, 2008 Flash Disadvantages: ,[object Object],[object Object],[object Object]
Using web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing those with better bandwidth or more advanced browser software an enhanced version of the page. March 25, 2008 Progressive Enhancement Example: With JavaScript On With JavaScript Off http://virtualtour.wayne.edu/
March 25, 2008 Embedding Flash into HTML: <html> <object  width=&quot;400&quot; height=&quot;300&quot; id=&quot;movie“>   <param name=&quot;movie&quot; value=&quot;movie.swf&quot;>    <embed src=&quot;movie.swf&quot; quality=&quot;high&quot; width=&quot;400&quot; height=&quot;300“ name=&quot;movie&quot; align=&quot;&quot; type=&quot;application/x-shockwave-flash&quot;>  </object> </html>
March 25, 2008 Flash Interface:
March 25, 2008 Flash Timeline:
March 25, 2008 Flash Symbols: Graphic symbols are reusable static images that are used mainly to create animations -  Any drawn vector/plain text/imported bitmap (photo), or combinations of these, can be converted into a single controllable object: as a graphic symbol. They have only one frame in their timeline.  Button symbols are used for timeline navigation  - They add interactivity to the movie and respond to mouse clicks, key press or rollovers/rollout, and other actions. You define the graphics associated with various button states (Up/Over/Down/Hit), and then assign actions to the instance of a button. They have 4 frames in their timeline - one each for the up, over and down states, and one to define the hit area of the button.  Movieclip symbols are reusable pieces of flash animation -  Consisting of one or more graphic/button symbols - thus they are flash movies within your flash movie. They have their own non-restricted Timeline (any number of layers and frames - just like the main timeline) that plays independent of the main movie's Timeline. The best thing about using movieclips is that you can control them from actionscript.
March 25, 2008 Flash Instances: ,[object Object],[object Object],[object Object],[object Object],Instances are like copies of your symbol. They can be placed throughout your flash movie and then easily changed.
March 25, 2008 Future of Flash: ,[object Object],[object Object],[object Object],[object Object],Kevin Lynch - Chief Software Architect at Adobe http://www.klynch.com/archives/000073.html
March 25, 2008 Flash Resources: http://www.kirupa.com/ http://www.flashkit.com/ http://www.bestflashanimationsite.com/resources/ Basic Flash Tutorials http://www.smartwebby.com/Flash/flash_symbols.asp http://www.kirupa.com/developer/flash8/tween.htm http://www.kirupa.com/developer/flash8/simple_animation.htm Flash Tenth Anniversary and future of flash info http://www.adobe.com/products/flash/special/flashanniversary/

Weitere ähnliche Inhalte

Was ist angesagt?

How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
bethanycaitlinnn
 
How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
bethanycaitlinnn
 
Technology
TechnologyTechnology
Technology
sb7640
 
Editing Process
Editing ProcessEditing Process
Editing Process
Briony136
 

Was ist angesagt? (15)

How To Use PowerPoint & SlideShare on Your Blog
How To Use PowerPoint & SlideShare on Your BlogHow To Use PowerPoint & SlideShare on Your Blog
How To Use PowerPoint & SlideShare on Your Blog
 
Wordpress customisation for travel blogs
Wordpress customisation for travel blogs Wordpress customisation for travel blogs
Wordpress customisation for travel blogs
 
How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013 How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013
 
Tools of the Trade: Morae
Tools of the Trade: MoraeTools of the Trade: Morae
Tools of the Trade: Morae
 
Question 4 - powerpoint
Question 4 - powerpointQuestion 4 - powerpoint
Question 4 - powerpoint
 
How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
 
How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...How did you use new media technologies in the construction and research, plan...
How did you use new media technologies in the construction and research, plan...
 
Computer Boot Camp
Computer Boot CampComputer Boot Camp
Computer Boot Camp
 
M5 Graphical Animation - Introduction
M5 Graphical Animation - IntroductionM5 Graphical Animation - Introduction
M5 Graphical Animation - Introduction
 
Slideshare video production_guide-part2-editing
Slideshare video production_guide-part2-editingSlideshare video production_guide-part2-editing
Slideshare video production_guide-part2-editing
 
PowerPoint's Best Kept Secret by @damonify
PowerPoint's Best Kept Secret by @damonifyPowerPoint's Best Kept Secret by @damonify
PowerPoint's Best Kept Secret by @damonify
 
PowToon - Creating Awesome Presentations
PowToon - Creating Awesome PresentationsPowToon - Creating Awesome Presentations
PowToon - Creating Awesome Presentations
 
Technology
TechnologyTechnology
Technology
 
Editing Process
Editing ProcessEditing Process
Editing Process
 
LESSON 5 ADVANCE PRESENTATION SKILLS
LESSON 5 ADVANCE PRESENTATION SKILLSLESSON 5 ADVANCE PRESENTATION SKILLS
LESSON 5 ADVANCE PRESENTATION SKILLS
 

Ähnlich wie Flash is your Friend

Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScript
guestc0b52c5
 
Menguasai dasar animasi stop motion (bidang datar) 3 eng
Menguasai dasar animasi stop motion (bidang datar) 3 engMenguasai dasar animasi stop motion (bidang datar) 3 eng
Menguasai dasar animasi stop motion (bidang datar) 3 eng
Eko Supriyadi
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 Multimedia
Gilbert Guerrero
 
Task 4 investigating digital animation
Task 4 investigating digital animationTask 4 investigating digital animation
Task 4 investigating digital animation
BenT1990
 
Adobe Flash - Past, Present and Future
Adobe Flash - Past, Present and FutureAdobe Flash - Past, Present and Future
Adobe Flash - Past, Present and Future
Iain Lobb
 
The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash Platform
Peter Elst
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5
PixelCrayons
 

Ähnlich wie Flash is your Friend (20)

Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScript
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learnings
 
Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3
 
Evolution of flash platform
Evolution of flash platformEvolution of flash platform
Evolution of flash platform
 
Menguasai dasar animasi stop motion (bidang datar) 3 eng
Menguasai dasar animasi stop motion (bidang datar) 3 engMenguasai dasar animasi stop motion (bidang datar) 3 eng
Menguasai dasar animasi stop motion (bidang datar) 3 eng
 
Flash vs. HTML5
Flash vs. HTML5Flash vs. HTML5
Flash vs. HTML5
 
Technology And Life
Technology And LifeTechnology And Life
Technology And Life
 
Technology And Life
Technology And LifeTechnology And Life
Technology And Life
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 Multimedia
 
Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash Introduction
 
Foundation flash
Foundation flashFoundation flash
Foundation flash
 
Flash-based audio and video communication
Flash-based audio and video communicationFlash-based audio and video communication
Flash-based audio and video communication
 
Ffd 05 2012
Ffd 05 2012Ffd 05 2012
Ffd 05 2012
 
Task 4 investigating digital animation
Task 4 investigating digital animationTask 4 investigating digital animation
Task 4 investigating digital animation
 
Adobe Flash - Past, Present and Future
Adobe Flash - Past, Present and FutureAdobe Flash - Past, Present and Future
Adobe Flash - Past, Present and Future
 
PHOTOSHOP AND VFX
PHOTOSHOP AND VFX PHOTOSHOP AND VFX
PHOTOSHOP AND VFX
 
The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash Platform
 
MoMo Oct Event
MoMo Oct EventMoMo Oct Event
MoMo Oct Event
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5
 
Silverlight
SilverlightSilverlight
Silverlight
 

Mehr von Wayne State University (6)

State of the university on sustainability, April 21, 2016
State of the university on sustainability, April 21, 2016State of the university on sustainability, April 21, 2016
State of the university on sustainability, April 21, 2016
 
Overview Of University Budget And Planning Process
Overview Of University Budget And Planning ProcessOverview Of University Budget And Planning Process
Overview Of University Budget And Planning Process
 
Communicators February 2009
Communicators February 2009Communicators February 2009
Communicators February 2009
 
Wayne State Crime Statistics
Wayne State Crime StatisticsWayne State Crime Statistics
Wayne State Crime Statistics
 
How to work with Public Relations
How to work with Public RelationsHow to work with Public Relations
How to work with Public Relations
 
Some Assembly Required
Some Assembly RequiredSome Assembly Required
Some Assembly Required
 

Kürzlich hochgeladen

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Flash is your Friend

  • 1. March 25, 2008 Flash Is Your Friend An introductory level guide for getting acquainted with Flash by Tom Krupka
  • 2. March 25, 2008 A Brief History: Adobe Flash, which was previously called Macromedia Flash, is a set of multimedia technologies developed and distributed by Adobe Systems. First introduced in 1996, Flash technology has become a popular method for adding animation and interactivity to web pages, creating animations, advertisements , integrating video into web pages, and more recently, to develop rich Internet applications.
  • 3. March 25, 2008 Flash Player Penetration: Flash as a format has become the dominant desktop video player and become the player of choice, because of its streaming ability. Adobe has over a 98 percent market penetration for desktop users. Here is a chart from the Adobe website, comparing it to other popular video streaming players. Millward Brown survey, conducted December 2007.
  • 4. March 25, 2008 Version Penetration: “ Adobe's Flash player has done more to enable the current growth of interactive marketing and advances in design/interaction than any other plug-in in history. Penetration numbers have bounded to close to 100% for past versions of the player. “ Matt Dickman, Techno//Marketer.
  • 5. March 25, 2008 Use of Flash with Video: Flash is increasingly used as a way to display and stream video clips on web pages. Flash is used as the basis for many popular video sites, including YouTube and Google Video.
  • 6.
  • 7. March 25, 2008 Flash Interactive Website Example: http://www.wakeupyourphone.com/
  • 8. March 25, 2008 Flash Interactive Game Example: http://www.scruffs-game.com/
  • 9. March 25, 2008 Flash Interactive Banner Ads:
  • 10.
  • 11. Using web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing those with better bandwidth or more advanced browser software an enhanced version of the page. March 25, 2008 Progressive Enhancement Example: With JavaScript On With JavaScript Off http://virtualtour.wayne.edu/
  • 12. March 25, 2008 Embedding Flash into HTML: <html> <object width=&quot;400&quot; height=&quot;300&quot; id=&quot;movie“> <param name=&quot;movie&quot; value=&quot;movie.swf&quot;> <embed src=&quot;movie.swf&quot; quality=&quot;high&quot; width=&quot;400&quot; height=&quot;300“ name=&quot;movie&quot; align=&quot;&quot; type=&quot;application/x-shockwave-flash&quot;> </object> </html>
  • 13. March 25, 2008 Flash Interface:
  • 14. March 25, 2008 Flash Timeline:
  • 15. March 25, 2008 Flash Symbols: Graphic symbols are reusable static images that are used mainly to create animations - Any drawn vector/plain text/imported bitmap (photo), or combinations of these, can be converted into a single controllable object: as a graphic symbol. They have only one frame in their timeline. Button symbols are used for timeline navigation - They add interactivity to the movie and respond to mouse clicks, key press or rollovers/rollout, and other actions. You define the graphics associated with various button states (Up/Over/Down/Hit), and then assign actions to the instance of a button. They have 4 frames in their timeline - one each for the up, over and down states, and one to define the hit area of the button. Movieclip symbols are reusable pieces of flash animation - Consisting of one or more graphic/button symbols - thus they are flash movies within your flash movie. They have their own non-restricted Timeline (any number of layers and frames - just like the main timeline) that plays independent of the main movie's Timeline. The best thing about using movieclips is that you can control them from actionscript.
  • 16.
  • 17.
  • 18. March 25, 2008 Flash Resources: http://www.kirupa.com/ http://www.flashkit.com/ http://www.bestflashanimationsite.com/resources/ Basic Flash Tutorials http://www.smartwebby.com/Flash/flash_symbols.asp http://www.kirupa.com/developer/flash8/tween.htm http://www.kirupa.com/developer/flash8/simple_animation.htm Flash Tenth Anniversary and future of flash info http://www.adobe.com/products/flash/special/flashanniversary/