SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
Getting to Know Flash…Adobe CS4 That is…
Goals Discover the purpose of Flash, who uses it and why  Explore some of Flash’s tools and features Create an animated business card Get excited about Flash
What is Flash CS4? Flash CS4 (Creative Suite 4) is a powerful multimedia creation tool What can Flash do? Can Create a Variety of Content: Simple Graphics Animations Sound External Graphics Video Interactivity
The Flash Phenomenon-Who Is Using It?  Flash is a digital content authoring program for online designers, developers, animators, illustrators, programmers, educators, and off-the-shelf enthusiasts  Flash is an output content in a compressed format for online viewing via the Flash Player  Flash had its beginnings as Macromedia Flash in 1996 and is now a prevalent online content creation program
How do you know you are working with Flash?
Flash CS4-The Flash Interface
Flash CS4 Interface Features Stage-Where you draw and manipulate artwork Timeline-Allows you to organize your Flash content into layers in frames. Frames show what your content looks like over time. It lets you create animations Panels-Docked on right by default, shows information about what you select, allows you to change design characteristics, such as: Properties/Property Inspector-Change design characteristics, shows information you have selected. Library-Contains assets you will use in your flash movie, contains video, sounds, bitmap graphics, etc Tools-Has tools that allow you to select, create and modify artwork.
Flash Workflow -3 Basic Steps -Content you create in flash-sound, graphics, video, etc. -2 Files are created by Flash (FLA/SWF), Flash movie is embedded in HTML file -Use FTP client (Filezilla) or other software (Dreamweaver) to upload Flash files to the server
Flash CS4-Understanding Core Flash File Types	 FLA File-Main Flash Working File, Where You Create All Your Artwork and Animation SWF File-Flash Movie, Output File From FLA file (Cartoon, Rich Internet Application, etc. It’s what you view when you see Flash content on the web) FLV and FL4 File-Video Files for the Flash Player, Actual Movie Files AS File-Action Script File, Contains Interactive Code to Control Flash Application
Flash CS4-Creating and Saving Flash Files-Welcome Screen
Saving File in Flash CS4 Step 1 Step 2
Saving File in Flash CS4 Once .FLA file is created, an accompanying .SW  is created with it.
Flash CS4-Customizing Workspace-Maximizes Effectiveness when working with Flash (6 Options)
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
Flash CS4 Keyboard Shortcuts-Read ‘Em, Live ‘Em, Learn ‘Em PC Flash CS4 Keyboard Shortcuts OS Mac Flash CS4 Keyboard Shortcuts
Flash CS4-Adjust Document Properties
Flash CS4-Vector Graphics Vs. Bitmap Graphics Bitmap Graphics are made of pixels Vector Graphics are made of points, lines and and math Each Has Its Uses: Bitmap are great for photo editing (better photo effects) Vector Art is great for Illustrations (smoother lines and use of shapes)
Flash CS4-Vector Graphics Vs. Bitmap (Rastar) Graphics
Lesson: An Animated Business Card Let’s explore some of the main features of Flash.

Más contenido relacionado

La actualidad más candente

Adobe Flash Presentation
Adobe Flash PresentationAdobe Flash Presentation
Adobe Flash Presentationguestf24e830
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
How to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy StepsHow to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressEast Bay WordPress Meetup
 
Child Themes and CSS in WordPress
Child Themes and CSS in WordPressChild Themes and CSS in WordPress
Child Themes and CSS in WordPressMatthew Vaccaro
 
Introduction To Flash
Introduction To FlashIntroduction To Flash
Introduction To FlashNisarg Raval
 
Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2Zeeshan Ahmed
 
Wordpress essential training - Wordpress Presentation PPT
Wordpress essential training - Wordpress Presentation PPTWordpress essential training - Wordpress Presentation PPT
Wordpress essential training - Wordpress Presentation PPTAbdulla2410
 
Web Design Terms
Web Design TermsWeb Design Terms
Web Design TermsFeroz Khan
 
Design selection demo
Design selection demoDesign selection demo
Design selection demoallisonbliss
 
Websites With Wordpress
Websites With WordpressWebsites With Wordpress
Websites With WordpressCharly Leetham
 
What is WordPress and Why Is Everyone Talking About it
What is WordPress and Why Is Everyone Talking About itWhat is WordPress and Why Is Everyone Talking About it
What is WordPress and Why Is Everyone Talking About itBobWP.com
 
Create a stunning, mobile friendly business website with the divi theme
Create a stunning, mobile friendly business website with the divi themeCreate a stunning, mobile friendly business website with the divi theme
Create a stunning, mobile friendly business website with the divi themeMichelle Castillo
 

La actualidad más candente (20)

Firefox add ons
Firefox add onsFirefox add ons
Firefox add ons
 
Adobe Flash Presentation
Adobe Flash PresentationAdobe Flash Presentation
Adobe Flash Presentation
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
Introduction flash
Introduction flashIntroduction flash
Introduction flash
 
W pthemes
W pthemesW pthemes
W pthemes
 
Intro toflash
Intro toflashIntro toflash
Intro toflash
 
How to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy StepsHow to Create WordPress Website in Easy Steps
How to Create WordPress Website in Easy Steps
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPress
 
Child Themes and CSS in WordPress
Child Themes and CSS in WordPressChild Themes and CSS in WordPress
Child Themes and CSS in WordPress
 
Introduction To Flash
Introduction To FlashIntroduction To Flash
Introduction To Flash
 
Interactive Web Design 5 - Week 2 - Introduction
Interactive Web Design 5 - Week 2 -  IntroductionInteractive Web Design 5 - Week 2 -  Introduction
Interactive Web Design 5 - Week 2 - Introduction
 
Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2
 
Wordpress essential training - Wordpress Presentation PPT
Wordpress essential training - Wordpress Presentation PPTWordpress essential training - Wordpress Presentation PPT
Wordpress essential training - Wordpress Presentation PPT
 
Web Design Terms
Web Design TermsWeb Design Terms
Web Design Terms
 
Design selection demo
Design selection demoDesign selection demo
Design selection demo
 
Websites With Wordpress
Websites With WordpressWebsites With Wordpress
Websites With Wordpress
 
What is WordPress and Why Is Everyone Talking About it
What is WordPress and Why Is Everyone Talking About itWhat is WordPress and Why Is Everyone Talking About it
What is WordPress and Why Is Everyone Talking About it
 
Innovative internet marketing content syndication
Innovative internet marketing content syndicationInnovative internet marketing content syndication
Innovative internet marketing content syndication
 
Create a stunning, mobile friendly business website with the divi theme
Create a stunning, mobile friendly business website with the divi themeCreate a stunning, mobile friendly business website with the divi theme
Create a stunning, mobile friendly business website with the divi theme
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 

Similar a Class 1 lecture slides flash cs4

The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash PlatformPeter Elst
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Matteo Wyllyamz
 
Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Ivan Ilijasic
 
A Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexA Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexChad Udell
 
2 d animation application software
2 d animation application software2 d animation application software
2 d animation application softwareKulu Studio
 
Designer & Developer Work Flow for Flex Builder
Designer & Developer Work Flow for Flex BuilderDesigner & Developer Work Flow for Flex Builder
Designer & Developer Work Flow for Flex BuilderBess Ho
 
Flash Lite in Nokia Devices
Flash Lite in Nokia DevicesFlash Lite in Nokia Devices
Flash Lite in Nokia DevicesRisto Alminen
 
Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScriptguestc0b52c5
 
Open Source Flash 2010
Open Source Flash 2010Open Source Flash 2010
Open Source Flash 2010Gaurav Saxena
 
User Group Meeting PaperVision3D
User Group Meeting PaperVision3DUser Group Meeting PaperVision3D
User Group Meeting PaperVision3DAlmog Koren
 
flex and flash platform
flex and flash platformflex and flash platform
flex and flash platformMuhammad Rodhy
 
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 engEko Supriyadi
 
Adobe Flash- Understanding flash
Adobe Flash- Understanding flashAdobe Flash- Understanding flash
Adobe Flash- Understanding flashFatima AlSaadi
 

Similar a Class 1 lecture slides flash cs4 (20)

Foundation flash
Foundation flashFoundation flash
Foundation flash
 
The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash Platform
 
Flash Platform
Flash PlatformFlash Platform
Flash Platform
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)
 
Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009
 
A Brief Intro to Adobe Flex
A Brief Intro to Adobe FlexA Brief Intro to Adobe Flex
A Brief Intro to Adobe Flex
 
2 d animation application software
2 d animation application software2 d animation application software
2 d animation application software
 
Designer & Developer Work Flow for Flex Builder
Designer & Developer Work Flow for Flex BuilderDesigner & Developer Work Flow for Flex Builder
Designer & Developer Work Flow for Flex Builder
 
Flash Lite in Nokia Devices
Flash Lite in Nokia DevicesFlash Lite in Nokia Devices
Flash Lite in Nokia Devices
 
Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScript
 
Open Source Flash 2010
Open Source Flash 2010Open Source Flash 2010
Open Source Flash 2010
 
Flash is your Friend
Flash is your FriendFlash is your Friend
Flash is your Friend
 
User Group Meeting PaperVision3D
User Group Meeting PaperVision3DUser Group Meeting PaperVision3D
User Group Meeting PaperVision3D
 
flex and flash platform
flex and flash platformflex and flash platform
flex and flash platform
 
MoMo Oct Event
MoMo Oct EventMoMo Oct Event
MoMo Oct Event
 
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
 
inset presentation tle.pptx
inset presentation tle.pptxinset presentation tle.pptx
inset presentation tle.pptx
 
Pour Noël, devenez chrome extensioniste!
Pour Noël, devenez chrome extensioniste!Pour Noël, devenez chrome extensioniste!
Pour Noël, devenez chrome extensioniste!
 
Adobe Flash- Understanding flash
Adobe Flash- Understanding flashAdobe Flash- Understanding flash
Adobe Flash- Understanding flash
 
Wahyu widya
Wahyu widyaWahyu widya
Wahyu widya
 

Class 1 lecture slides flash cs4

  • 1. Getting to Know Flash…Adobe CS4 That is…
  • 2. Goals Discover the purpose of Flash, who uses it and why Explore some of Flash’s tools and features Create an animated business card Get excited about Flash
  • 3. What is Flash CS4? Flash CS4 (Creative Suite 4) is a powerful multimedia creation tool What can Flash do? Can Create a Variety of Content: Simple Graphics Animations Sound External Graphics Video Interactivity
  • 4. The Flash Phenomenon-Who Is Using It? Flash is a digital content authoring program for online designers, developers, animators, illustrators, programmers, educators, and off-the-shelf enthusiasts Flash is an output content in a compressed format for online viewing via the Flash Player Flash had its beginnings as Macromedia Flash in 1996 and is now a prevalent online content creation program
  • 5. How do you know you are working with Flash?
  • 7. Flash CS4 Interface Features Stage-Where you draw and manipulate artwork Timeline-Allows you to organize your Flash content into layers in frames. Frames show what your content looks like over time. It lets you create animations Panels-Docked on right by default, shows information about what you select, allows you to change design characteristics, such as: Properties/Property Inspector-Change design characteristics, shows information you have selected. Library-Contains assets you will use in your flash movie, contains video, sounds, bitmap graphics, etc Tools-Has tools that allow you to select, create and modify artwork.
  • 8. Flash Workflow -3 Basic Steps -Content you create in flash-sound, graphics, video, etc. -2 Files are created by Flash (FLA/SWF), Flash movie is embedded in HTML file -Use FTP client (Filezilla) or other software (Dreamweaver) to upload Flash files to the server
  • 9. Flash CS4-Understanding Core Flash File Types FLA File-Main Flash Working File, Where You Create All Your Artwork and Animation SWF File-Flash Movie, Output File From FLA file (Cartoon, Rich Internet Application, etc. It’s what you view when you see Flash content on the web) FLV and FL4 File-Video Files for the Flash Player, Actual Movie Files AS File-Action Script File, Contains Interactive Code to Control Flash Application
  • 10. Flash CS4-Creating and Saving Flash Files-Welcome Screen
  • 11. Saving File in Flash CS4 Step 1 Step 2
  • 12. Saving File in Flash CS4 Once .FLA file is created, an accompanying .SW is created with it.
  • 13. Flash CS4-Customizing Workspace-Maximizes Effectiveness when working with Flash (6 Options)
  • 14. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 15. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 16. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 17. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 18. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 19. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 20. Flash CS4-Customizing Keyboard Command-Another Way to Maximize Effectiveness when working with Flash
  • 21. Flash CS4 Keyboard Shortcuts-Read ‘Em, Live ‘Em, Learn ‘Em PC Flash CS4 Keyboard Shortcuts OS Mac Flash CS4 Keyboard Shortcuts
  • 23. Flash CS4-Vector Graphics Vs. Bitmap Graphics Bitmap Graphics are made of pixels Vector Graphics are made of points, lines and and math Each Has Its Uses: Bitmap are great for photo editing (better photo effects) Vector Art is great for Illustrations (smoother lines and use of shapes)
  • 24. Flash CS4-Vector Graphics Vs. Bitmap (Rastar) Graphics
  • 25. Lesson: An Animated Business Card Let’s explore some of the main features of Flash.