Flash from the Get-Go: Beginning to Intermediate Skills Staci Trekles Milligan Clinical Assistant Professor Purdue Univers...
Objectives <ul><li>Participants will be able to: </li></ul><ul><ul><li>Utilize the interface commands, including  drawing ...
Objectives <ul><li>Participants will be able to: </li></ul><ul><ul><li>Import video files into Flash animations </li></ul>...
What is Flash? <ul><li>Flash is an authoring environment capable of producing everything from simple animations to fully i...
Why use Flash? <ul><li>Flash allows even the beginner to create high-impact visuals to enhance a presentation or Web page ...
Things to Consider <ul><li>Entire websites should never be designed in Flash; they are not able to be accessed by users wi...
Some Flash Lingo <ul><li>Timeline : The line along the top of the Flash workspace which holds each Frame, from 1 to infini...
More Flash Lingo <ul><li>Layer : Individual “tracks” of the timeline; allows different elements to do different things at ...
Timeline –  Keyframes will have a dot inside them The first frame is always a keyframe List of layers Stage Scenes
More Flash Lingo <ul><li>ActionScript : The programming language of Flash; version 2.0 uses more natural language and is b...
Publishing Flash Documents <ul><li>Adobe Flash allows you to create, edit, and test animations in the FLA format ONLY </li...
Resources <ul><li>Books: </li></ul><ul><ul><li>The Web Collection Revealed: Adobe Dreamweaver, Flash, and Fireworks  (Thom...
Resources <ul><li>Tutorials from this workshop and more:  http://education.calumet.purdue.edu/Tutorials/HECC   </li></ul><...
Clipart and Media Sources <ul><li>Gimp Savoy Photo Archive,  http://gimp-savvy.com/PHOTO-ARCHIVE   </li></ul><ul><li>DHD M...
More Media Sources <ul><li>The Smithsonian,  http://smithsonianimages.si.edu   </li></ul><ul><li>Creative Commons:  http:/...
About Staci <ul><li>My blog:  http://stacimilligan.edublogs.org </li></ul><ul><li>My website:  http://education.calumet.pu...
Upcoming SlideShare
Loading in …5
×

Intro to Adobe Flash

7,592
-1

Published on

Workshop slides for Adobe Flash intro-to-intermediate skills

1 Comment
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,592
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
540
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

Intro to Adobe Flash

  1. 1. Flash from the Get-Go: Beginning to Intermediate Skills Staci Trekles Milligan Clinical Assistant Professor Purdue University Calumet
  2. 2. Objectives <ul><li>Participants will be able to: </li></ul><ul><ul><li>Utilize the interface commands, including drawing tools, layer manipulation, and timeline controls </li></ul></ul><ul><ul><li>Create simple animations using shape and motion tweens </li></ul></ul><ul><ul><li>Use the motion guide tools to create more advanced animations </li></ul></ul><ul><ul><li>Utilize the photo slideshow and quiz templates available in Flash to create their own custom quizzes and picture galleries </li></ul></ul><ul><ul><li>Publish Flash documents for the Web </li></ul></ul>
  3. 3. Objectives <ul><li>Participants will be able to: </li></ul><ul><ul><li>Import video files into Flash animations </li></ul></ul><ul><ul><li>Create simple interactions within animations using ActionScript 2 </li></ul></ul><ul><ul><li>Create fully customizable, component-based self-check quizzes </li></ul></ul><ul><ul><li>Add “quicktip” interactions to websites or Flash-based animations and quizzes </li></ul></ul><ul><ul><li>Utilize “drag and drop” interactions to create memory or learning games/quizzes </li></ul></ul>
  4. 4. What is Flash? <ul><li>Flash is an authoring environment capable of producing everything from simple animations to fully interactive experiences such as games or quizzes </li></ul><ul><li>Primarily designed to produce media for the Web, but Flash animations can be added to PowerPoint, digital videos, and even merged into other Flash animations </li></ul>
  5. 5. Why use Flash? <ul><li>Flash allows even the beginner to create high-impact visuals to enhance a presentation or Web page with illustration or decoration (or both) </li></ul><ul><li>Slide shows, quizzes, and other kinds of interactive experiences can be designed to your exact specifications, giving you greater control over your teaching materials </li></ul>
  6. 6. Things to Consider <ul><li>Entire websites should never be designed in Flash; they are not able to be accessed by users with disabilities </li></ul><ul><li>Too many “flashy” animations can be distracting for some users – exercise caution when using a great deal of movement on a single page or slide </li></ul><ul><li>Flash is not an “easy” program to get the hang of, and for many the learning curve can be daunting; take it slow as you learn and remember that no one becomes an expert overnight! </li></ul>
  7. 7. Some Flash Lingo <ul><li>Timeline : The line along the top of the Flash workspace which holds each Frame, from 1 to infinity; allows Flash to display animations frame-by-frame, much like a filmstrip or a child’s “animated” flip book. </li></ul><ul><li>Frame : An individual moment in time within the animation; click on any frame in the timeline to see what is happening or displayed on that frame </li></ul><ul><li>Keyframe : A special frame where something can be designated to change or happen; i.e., a ball moving left can be told to start moving to the right at a keyframe </li></ul>
  8. 8. More Flash Lingo <ul><li>Layer : Individual “tracks” of the timeline; allows different elements to do different things at the same time by adding each element to its own layer </li></ul><ul><li>Stage : Just like in theater, this is where the action happens, or where the graphical and content elements of your work are put together and displayed </li></ul><ul><li>Scene : Allows you to organize your animation more easily; however, they are best used in longer animations </li></ul>
  9. 9. Timeline – Keyframes will have a dot inside them The first frame is always a keyframe List of layers Stage Scenes
  10. 10. More Flash Lingo <ul><li>ActionScript : The programming language of Flash; version 2.0 uses more natural language and is best suited for beginners and work involving basic kinds of tasks, while version 3.0 is designed for higher mathematical functions </li></ul><ul><li>Interaction : Term for any time ActionScript is used to allow the user to do something within the Flash animation, such as stop or start the animation, select a button, or move an object </li></ul>
  11. 11. Publishing Flash Documents <ul><li>Adobe Flash allows you to create, edit, and test animations in the FLA format ONLY </li></ul><ul><li>However, in order to use and share those animations with others, you need to Publish your work as an SWF document </li></ul><ul><li>Do this from the File menu; once you publish, you will have a final product that can be inserted into a web page, added to a PowerPoint, and more </li></ul>
  12. 12. Resources <ul><li>Books: </li></ul><ul><ul><li>The Web Collection Revealed: Adobe Dreamweaver, Flash, and Fireworks (Thomson-Delmar Learning) </li></ul></ul><ul><ul><li>Flash CS3/CS4 Professional Visual QuickStart Guide (Peachpit Press) </li></ul></ul><ul><ul><li>Adobe Flash How-Tos: 100 Essential Techniques (Adobe Press) </li></ul></ul><ul><ul><li>Flash CS3/CS4: The Missing Manual (O’Reilly Press) </li></ul></ul>
  13. 13. Resources <ul><li>Tutorials from this workshop and more: http://education.calumet.purdue.edu/Tutorials/HECC </li></ul><ul><li>Flashkit.com - Excellent Flash developer resource: http://www.flashkit.com/ </li></ul><ul><li>Flash tutorials with lots of useful info: http://www.entheosweb.com/Flash/default.asp </li></ul><ul><li>Adobe Flash Tutorial/Support Center: http://www.adobe.com/support/flash/tutorial_index.html </li></ul>
  14. 14. Clipart and Media Sources <ul><li>Gimp Savoy Photo Archive, http://gimp-savvy.com/PHOTO-ARCHIVE </li></ul><ul><li>DHD Multimedia Gallery, http://gallery.hd.org/index.jsp </li></ul><ul><li>Image After, http://www.imageafter.com </li></ul><ul><li>Pics for Learning, http://pics4learning.com </li></ul>
  15. 15. More Media Sources <ul><li>The Smithsonian, http://smithsonianimages.si.edu </li></ul><ul><li>Creative Commons: http://www.creativecommons.org </li></ul><ul><li>Wikimedia, http://www.wikimedia.org </li></ul><ul><li>AKM Music, http://www.akmmusic.co.uk/ </li></ul><ul><li>Absolute Sound Effects Library, http://www.grsites.com/sounds/ </li></ul>
  16. 16. About Staci <ul><li>My blog: http://stacimilligan.edublogs.org </li></ul><ul><li>My website: http://education.calumet.purdue.edu/Faculty/trekles </li></ul><ul><li>Purdue Calumet Graduate Studies and license renewal program: http://www.calumet.purdue.edu/education/grad </li></ul>
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×