SlideShare uma empresa Scribd logo
1 de 51
Baixar para ler offline
Foundation Flash By : Mohd Faizol Sulaiman
Introduction ,[object Object]
What we’ll cover in this session: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
The Start page and Creating a Flash document ,[object Object]
The Start Page
[object Object],[object Object],[object Object]
[object Object]
What Can a Flash Animation Include? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flash Environments ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flash Files ("Movies") ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flash CS3 Authoring Environment Flash Stage Tools Panels Timeline Menus Layers Properties
Flash  8 Workspace    Tools panel Timeline Panels Property inspector Stage Current scene Layers Workspace
[object Object],[object Object],[object Object],[object Object],[object Object],Tools Views Colour Options
Timeline You can organize and control the content of a movie over time. Layers Frames Playhead Frame rate
Panels ,[object Object],[object Object],[object Object]
Document Properties
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Stage ,[object Object],[object Object],Screen Resolution Display Area in Microsoft  Internet Explorer 640 x 480 620 x 318 800 x 600 780 x 438 1024 x 768 1004 x 606 1280 x 1024 1260 x 862
The Property Inspector Document Size Access the Publishing Settings Background Colour Frame Rate Movie Name
Zooming the Stage ,[object Object]
[object Object]
Exploring the Panels in the Flash Interface ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The Timeline ,[object Object],[object Object]
Frames and Keyframes  ,[object Object],[object Object],
Frames and Keyframes    Keyframe with content Blank keyframe Empty frames Empty slots for new frames
Layers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],
Symbols and Libraries ,[object Object],[object Object],[object Object],[object Object],
Symbols ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Saving Symbols ,[object Object],[object Object],[object Object],[object Object],[object Object]
Advantages of Using Symbols ,[object Object],[object Object],
[object Object],[object Object],The timeline is nothing more than a series of frames.
[object Object]
Creating Flash Animation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Creating a Motion Tween ,[object Object],[object Object],[object Object]
Motion/Classic Tween ,[object Object],[object Object],[object Object]
Animation with Tweening ,[object Object],[object Object],[object Object],
Shape Tween ,[object Object],[object Object],[object Object]
Shape and Motion Tweening ,[object Object],[object Object],[object Object],
Creating a Shape Animation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Create the layer Create the keyframes Create the tween Create the initial shape With the ending keyframe selected, create  the final shape
Shape and Motion Tweening   Shape Group Symbol Text Block Broken- apart Text Shape Tween yes no no no yes Motion Tween no yes yes yes no
Adding Sounds ,[object Object],[object Object],[object Object]
Sound ,[object Object],[object Object],[object Object],
Actions ,[object Object],[object Object],[object Object],
Stopping an Animation ,[object Object],[object Object],[object Object],[object Object]
Stopping an Animation Layer Frame number Command
Publishing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Using Flash to Create Embedded Multimedia ,[object Object],[object Object],[object Object],[object Object]
Creating Embedded Flash Audio ,[object Object],[object Object],[object Object]
Creating Embedded Flash Video ,[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados

Intro to Adobe Flash
Intro to Adobe FlashIntro to Adobe Flash
Intro to Adobe FlashStaci Trekles
 
LESSON 2 - Flash Animation
LESSON 2 - Flash AnimationLESSON 2 - Flash Animation
LESSON 2 - Flash AnimationMarvin Bronoso
 
photoshop-cs3-border-bg-tutorial
photoshop-cs3-border-bg-tutorialphotoshop-cs3-border-bg-tutorial
photoshop-cs3-border-bg-tutorialtutorialsruby
 
Digital portfolio 2 navigation, html, blog, logo
Digital portfolio 2  navigation, html, blog, logoDigital portfolio 2  navigation, html, blog, logo
Digital portfolio 2 navigation, html, blog, logoSung Woo Yoo
 
Rule for creating power point slide
Rule for creating power point slideRule for creating power point slide
Rule for creating power point slideMd. Mashiur Rahman
 
Practicepowerpoint
PracticepowerpointPracticepowerpoint
Practicepowerpointdavecooper82
 
Techno flash workbook session 1
Techno flash workbook session 1Techno flash workbook session 1
Techno flash workbook session 1maestradeagape
 
How to use Prezi, the easy way
How to use Prezi, the easy wayHow to use Prezi, the easy way
How to use Prezi, the easy wayjuanfran125
 
Topelite storm impatica_final_presentation (1)
Topelite storm impatica_final_presentation (1)Topelite storm impatica_final_presentation (1)
Topelite storm impatica_final_presentation (1)hbrown5018
 
How to make a POWERPOINT
How to make a POWERPOINTHow to make a POWERPOINT
How to make a POWERPOINTzelinskimelissa
 

Mais procurados (19)

Intro to Adobe Flash
Intro to Adobe FlashIntro to Adobe Flash
Intro to Adobe Flash
 
LESSON 2 - Flash Animation
LESSON 2 - Flash AnimationLESSON 2 - Flash Animation
LESSON 2 - Flash Animation
 
photoshop-cs3-border-bg-tutorial
photoshop-cs3-border-bg-tutorialphotoshop-cs3-border-bg-tutorial
photoshop-cs3-border-bg-tutorial
 
What is Powerpoint
What is PowerpointWhat is Powerpoint
What is Powerpoint
 
Button
ButtonButton
Button
 
Digital portfolio 2 navigation, html, blog, logo
Digital portfolio 2  navigation, html, blog, logoDigital portfolio 2  navigation, html, blog, logo
Digital portfolio 2 navigation, html, blog, logo
 
Presentation1
Presentation1Presentation1
Presentation1
 
Rule for creating power point slide
Rule for creating power point slideRule for creating power point slide
Rule for creating power point slide
 
Training
TrainingTraining
Training
 
Practicepowerpoint
PracticepowerpointPracticepowerpoint
Practicepowerpoint
 
Word2007
Word2007Word2007
Word2007
 
FLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLSFLASH L07 VIEW TOOLS
FLASH L07 VIEW TOOLS
 
Practicepowerpoint
PracticepowerpointPracticepowerpoint
Practicepowerpoint
 
LESSON 3 - ANIMATION
LESSON 3 - ANIMATIONLESSON 3 - ANIMATION
LESSON 3 - ANIMATION
 
Techno flash workbook session 1
Techno flash workbook session 1Techno flash workbook session 1
Techno flash workbook session 1
 
OBS Studio.pptx
OBS Studio.pptxOBS Studio.pptx
OBS Studio.pptx
 
How to use Prezi, the easy way
How to use Prezi, the easy wayHow to use Prezi, the easy way
How to use Prezi, the easy way
 
Topelite storm impatica_final_presentation (1)
Topelite storm impatica_final_presentation (1)Topelite storm impatica_final_presentation (1)
Topelite storm impatica_final_presentation (1)
 
How to make a POWERPOINT
How to make a POWERPOINTHow to make a POWERPOINT
How to make a POWERPOINT
 

Destaque

Typography + Text Editing in the Text layout Framework
Typography + Text Editing in the Text layout FrameworkTypography + Text Editing in the Text layout Framework
Typography + Text Editing in the Text layout FrameworkHuyen Tue Dao
 
Adobe Flash CS4 - Shape tween
Adobe Flash CS4 - Shape tweenAdobe Flash CS4 - Shape tween
Adobe Flash CS4 - Shape tweenFatima AlSaadi
 
Graphical Animation - Lesson 2
Graphical Animation - Lesson 2Graphical Animation - Lesson 2
Graphical Animation - Lesson 2Jamie Hutt
 
Adobe Flash CS4 - Classic tween
Adobe Flash CS4 - Classic tweenAdobe Flash CS4 - Classic tween
Adobe Flash CS4 - Classic tweenFatima AlSaadi
 
Adobe Flash - Texts and graphics
Adobe Flash - Texts and graphicsAdobe Flash - Texts and graphics
Adobe Flash - Texts and graphicsFatima AlSaadi
 
Typography and online communication
Typography and online communication Typography and online communication
Typography and online communication nazim iqbal
 
Adding flash animation to a website
Adding flash animation to a websiteAdding flash animation to a website
Adding flash animation to a websiteBubblefruit.com
 
Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?Richard Morgan
 
Flash Professional CC: The Future of Animation
 Flash Professional CC: The Future of Animation Flash Professional CC: The Future of Animation
Flash Professional CC: The Future of AnimationFITC
 
State of the Animation
State of the AnimationState of the Animation
State of the AnimationRachel Nabors
 
Lesson 14 animating text and objects
Lesson 14   animating text and objectsLesson 14   animating text and objects
Lesson 14 animating text and objectsguevarra_2000
 
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 LandscapeJoseph Labrecque
 
Creative Design Technique - Animation Design Courses
Creative Design Technique - Animation Design CoursesCreative Design Technique - Animation Design Courses
Creative Design Technique - Animation Design CoursesAngelina White
 
Chapter 2
Chapter 2Chapter 2
Chapter 2IIUM
 
Chapt10 Holes Lecture Animation[1]
Chapt10 Holes Lecture Animation[1]Chapt10 Holes Lecture Animation[1]
Chapt10 Holes Lecture Animation[1]bholmes
 
Advanced animation techniques
Advanced animation techniquesAdvanced animation techniques
Advanced animation techniquesCharles Flynt
 
Lesson 1 different types of animation
Lesson 1   different types of animationLesson 1   different types of animation
Lesson 1 different types of animationMrsNunn
 

Destaque (20)

Typography + Text Editing in the Text layout Framework
Typography + Text Editing in the Text layout FrameworkTypography + Text Editing in the Text layout Framework
Typography + Text Editing in the Text layout Framework
 
Adobe Flash CS4 - Shape tween
Adobe Flash CS4 - Shape tweenAdobe Flash CS4 - Shape tween
Adobe Flash CS4 - Shape tween
 
Graphical Animation - Lesson 2
Graphical Animation - Lesson 2Graphical Animation - Lesson 2
Graphical Animation - Lesson 2
 
Adobe Flash CS4 - Classic tween
Adobe Flash CS4 - Classic tweenAdobe Flash CS4 - Classic tween
Adobe Flash CS4 - Classic tween
 
Adobe Flash - Texts and graphics
Adobe Flash - Texts and graphicsAdobe Flash - Texts and graphics
Adobe Flash - Texts and graphics
 
Flash tutorials
Flash tutorialsFlash tutorials
Flash tutorials
 
Typography and online communication
Typography and online communication Typography and online communication
Typography and online communication
 
Lesson 3 motion tween
Lesson 3 motion tweenLesson 3 motion tween
Lesson 3 motion tween
 
Adding flash animation to a website
Adding flash animation to a websiteAdding flash animation to a website
Adding flash animation to a website
 
Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?
 
Flash Professional CC: The Future of Animation
 Flash Professional CC: The Future of Animation Flash Professional CC: The Future of Animation
Flash Professional CC: The Future of Animation
 
State of the Animation
State of the AnimationState of the Animation
State of the Animation
 
Ch04
Ch04Ch04
Ch04
 
Lesson 14 animating text and objects
Lesson 14   animating text and objectsLesson 14   animating text and objects
Lesson 14 animating text and objects
 
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
 
Creative Design Technique - Animation Design Courses
Creative Design Technique - Animation Design CoursesCreative Design Technique - Animation Design Courses
Creative Design Technique - Animation Design Courses
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Chapt10 Holes Lecture Animation[1]
Chapt10 Holes Lecture Animation[1]Chapt10 Holes Lecture Animation[1]
Chapt10 Holes Lecture Animation[1]
 
Advanced animation techniques
Advanced animation techniquesAdvanced animation techniques
Advanced animation techniques
 
Lesson 1 different types of animation
Lesson 1   different types of animationLesson 1   different types of animation
Lesson 1 different types of animation
 

Semelhante a 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 kulachihansraj
 
Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionJamie Hutt
 
Unit a
Unit aUnit a
Unit amrsid
 
Lesson 6 cs5
Lesson 6   cs5Lesson 6   cs5
Lesson 6 cs5dtelepos
 
User guide flashonavigation
User guide flashonavigationUser guide flashonavigation
User guide flashonavigationSamir Dash
 
An introduction to adobe flash cs3
An introduction to adobe flash cs3An introduction to adobe flash cs3
An introduction to adobe flash cs3crea8ivemoiz
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1Jamie Hutt
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1Jamie Hutt
 
Module 0 introduction (enhanced)
Module 0   introduction (enhanced)Module 0   introduction (enhanced)
Module 0 introduction (enhanced)Izatul Akma
 
Adobe Captivate: The Swiss Army Knife of Visual Help Authoring
Adobe Captivate: The Swiss Army Knife of Visual Help AuthoringAdobe Captivate: The Swiss Army Knife of Visual Help Authoring
Adobe Captivate: The Swiss Army Knife of Visual Help AuthoringScott Abel
 
Firecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guideFirecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guideamalejackie
 
User guide flashnavigationprofessional
User guide flashnavigationprofessionalUser guide flashnavigationprofessional
User guide flashnavigationprofessionalSamir Dash
 
Powerpoint slide
Powerpoint slidePowerpoint slide
Powerpoint slideT_design
 
Task 4 investigating digital animation
Task 4 investigating digital animationTask 4 investigating digital animation
Task 4 investigating digital animationBenT1990
 

Semelhante a Foundation flash (20)

Introduction flash
Introduction flashIntroduction flash
Introduction flash
 
Flash
FlashFlash
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
 
Graphical Animation - Flash Introduction
Graphical Animation - Flash IntroductionGraphical Animation - Flash Introduction
Graphical Animation - Flash Introduction
 
Unit a
Unit aUnit a
Unit a
 
Xpression CG Handbook
Xpression CG HandbookXpression CG Handbook
Xpression CG Handbook
 
Lesson 6 cs5
Lesson 6   cs5Lesson 6   cs5
Lesson 6 cs5
 
User guide flashonavigation
User guide flashonavigationUser guide flashonavigation
User guide flashonavigation
 
An introduction to adobe flash cs3
An introduction to adobe flash cs3An introduction to adobe flash cs3
An introduction to adobe flash cs3
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
 
Module 0 introduction (enhanced)
Module 0   introduction (enhanced)Module 0   introduction (enhanced)
Module 0 introduction (enhanced)
 
Adobe Captivate: The Swiss Army Knife of Visual Help Authoring
Adobe Captivate: The Swiss Army Knife of Visual Help AuthoringAdobe Captivate: The Swiss Army Knife of Visual Help Authoring
Adobe Captivate: The Swiss Army Knife of Visual Help Authoring
 
Flash 5 interface
Flash 5 interfaceFlash 5 interface
Flash 5 interface
 
Firecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guideFirecoresoft slideshow fairy user guide
Firecoresoft slideshow fairy user guide
 
User guide flashnavigationprofessional
User guide flashnavigationprofessionalUser guide flashnavigationprofessional
User guide flashnavigationprofessional
 
New Introductionfor Flash Designers
New Introductionfor Flash DesignersNew Introductionfor Flash Designers
New Introductionfor Flash Designers
 
Powerpoint slide
Powerpoint slidePowerpoint slide
Powerpoint slide
 
Flash is your Friend
Flash is your FriendFlash is your Friend
Flash is your Friend
 
Task 4 investigating digital animation
Task 4 investigating digital animationTask 4 investigating digital animation
Task 4 investigating digital animation
 

Último

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Último (18)

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

Foundation flash

  • 1. Foundation Flash By : Mohd Faizol Sulaiman
  • 2.
  • 3.
  • 4.
  • 5.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Flash CS3 Authoring Environment Flash Stage Tools Panels Timeline Menus Layers Properties
  • 13. Flash 8 Workspace Tools panel Timeline Panels Property inspector Stage Current scene Layers Workspace
  • 14.
  • 15. Timeline You can organize and control the content of a movie over time. Layers Frames Playhead Frame rate
  • 16.
  • 18.
  • 19.
  • 20. The Property Inspector Document Size Access the Publishing Settings Background Colour Frame Rate Movie Name
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Frames and Keyframes Keyframe with content Blank keyframe Empty frames Empty slots for new frames
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. Create the layer Create the keyframes Create the tween Create the initial shape With the ending keyframe selected, create the final shape
  • 42. Shape and Motion Tweening Shape Group Symbol Text Block Broken- apart Text Shape Tween yes no no no yes Motion Tween no yes yes yes no
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. Stopping an Animation Layer Frame number Command
  • 48.
  • 49.
  • 50.
  • 51.

Notas do Editor

  1. The stage, the large white area in the center of the screen, is where the action happens. A good way of regarding the stage in relation to Flash is this: if it isn’t on the stage, the user isn’t going to see it. On the left side of the screen is a set of tools that will allow you to draw, colour, and otherwise manipulate objects on the stage. At the bottom of the interface is the Property inspector. This panel will become a very important place for you.
  2. At the top of the interface is the timeline . This is the place where action occurs. As you can see, the timeline is broken into a series of boxes called frames. The best way of regarding frames is as individual frames of a film. When you put something on the stage, it will appear in a frame. If you want it to move from here to there, it will start in one frame and end in another a little further along the timeline. That red box you see in frame 1 is called the playhead . Its purpose is to show you the current frame being displayed. When a Flash movie is playing through a browser, the playhead is in motion and the user is seeing the frame where the playhead is located. This is how things appear to move in Flash. Another thing you can do with the playhead is drag it across the timeline while you are creating the Flash movie. This technique is known as scrubbing the timeline, and has its origins in film editing.
  3. On the right side of the interface are the panels. Panels are used to modify and manipulate whatever object you may have selected on the stage or to even add an object to the stage. These objects can be text, photographs, line art, short animations, video, or even interface elements called components. You can use the panels and the menus to change not only the characteristics of the objects, but also how the objects behave on the stage. Panels can be connected to each other (docked) or they can float freely in the interface (floating).
  4. Select Modify > Document. Press Ctrl+J (PC) or Cmd+J (Mac). Right-click (PC) or Ctrl-click (Mac) and select Document Properties from the context menu. Double-click the box that shows 12 fps under the timeline. The Title and Description boxes are where you can add a name for the document and write a brief description of the movie. The text you add to these two input boxes is used as the metadata that search engines can use to search your site. You can access this metadata by selecting Show Report in the Publish Options dialog box when the file that goes in the web page is created—the file is called a SWF (pronounced swiff). The Dimensions input area is where you can change the size of the stage. Enter the new dimensions, press the Enter (PC) or Return (Mac) key, and the stage will change. The Match area is commonly used to shrink the stage to the size of the content on the stage. You can also change the stage color and how fast
  5. The Property inspector is designed to make your life easy. When you select something on the stage, or select the stage itself, the panel will update to reflect the properties that can be changed in regard to what was just selected. As you become more proficient and comfortable with Flash, this panel will become an indispensable aid to your workflow. The panel is positioned, by default, at the bottom of the screen. You can move it elsewhere on the screen by simply dragging it into position and releasing the mouse. There are locations on the screen where you will see a shadow or darkening of the location when the panel is over it. This colour change indicates that the panel can be docked into that location. Otherwise, the panel will “float” above the screen. When an object is placed on the stage and selected, the Property inspector will change to reflect the properties of that object that can be manipulated.
  6. When somebody visits your site and an animation plays, Flash treats that animation as a series of still images. In many respects, those images are comparable to the images in a roll of film or one of those flip books you may have played with when you were younger. The ordering of those images on the film or in the book is determined by their placement on the film or in the book. In Flash, the order of images in an animation is determined by the timeline. The timeline, therefore, controls what the user sees, and more importantly, when he or she sees it.