SlideShare a Scribd company logo
Flash – interfaţă şi instrumente Alexandru Perieţanu
Interfaţa Timeline Tools Bara de proprietăţi Scena Simboluri Frames Animaţii Măşti Guides
Interfaţa
Interfaţa Timeline –de unde controlăm animaţiile Tools–undegăsim intrumentele de desenare Scena–undedesenăm, unde lucrăm cu grafică Bara de proprietăţi –de undemodificam elementelegrafice
Layere Layer = Strat Imaginaţi-vă mai multe folii transparente suprapuse. Pe fiecare folie este desenată o figură geometrică. Un layer este ca o folie transparentă.
Frames Fiecare layer are maimulteframeuri Frame = cadru Fiecare layer are unulsaumaimulteframeuri Tipuri de frameuri: Playhead Keyframe cu cevape el Frame cu cevape el Layer Blank Keyframe, adicăgol Blank frame, adică gol
Frames Frameulcu cevape el vaprelungigrafica de peultimul keyframe din spatelelui până la urmatorul keyframe Frameulgol – face acelaşi lucru numai ca nu are ce  grafică sa prelungească Taste rapide F6 – adaugă un Keyframe F5 – adaugă un frame shift+F5 – stergeFrameuri Click drepata pe timeline pentru a adauga frameuri
Frames Fiecarekeyframe va conţine grafică diferită Vom folosi keyframeuri pentru animaţii
Tools De susîn jos ,[object Object]
Subselection tool
Free transform tool
Gradient transform tool
Lasso tool
Pen, … tool
Text tool
Line tool
Rectangle, elipse... Tools
Pencil toolTaste rapide V A Q F L P, =, -, C T N R, O, R, O Y
Tools De susîn jos ,[object Object]
Ink bottle tool
Paint bucket tool
Eyedropper tool
Eraser tool
Hand tool
Zoom ToolTaste rapide B S K I E H M, Z
Shapes Shape Un Shape este un obiectgraficvectorialdesenat cu  intrumentele din flash. Vector vs Bitmap O Imaginevectorialăesteimaginedesenată pe baza  unui algoritm la runtime, nu-şi pierde calitatea dacă  este mărită. O imagine Bitmap este reprezentată de o matrice de  pixeli, işi pierde calitatea cand este marită.
Shapes Vectorial Bitmap
Shapes Shape Un shape este făcut din stroke şi fill. Stroke, în exterior Fill, în interior
Rectangle& Oval & Rectangle primitive Rectangle Folositpentru a desena un dreptunghi. Oval Folositpentru a desena un oval. Rectangle primitive Folositpentru a desena un dreptunghi care are colţuri rotunde. Colţurile se  Modifică din bara de proprietăţi.
Oval & polistar Oval primitive Folositpentru a desenao plăcintă, un cerc incomplet. Din bara de proprietăţi se modifică opţiunile. Polistar Folositpentru a desenao stea sau un  poligon cu mai multe laturi. Se modifcă  din bara de proprietăţi.
Selection Selection Folosit pentru a selecta orice de pescenă.  Click pe stroke – selectează numai stroke Click pe fill – selectează numai fill Dublu click pe oricare – selectează ambele Click si trag – pentru a selectamaimulteobiecte
Subselection Subselection Folositpentru a modificagraficavectorială Pot selecta ancore şi modifica puncte de control  pentru ancore. Punct de control  pentru ancoră Ancoră

More Related Content

Featured

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn
 

Featured (20)

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 

Flash – Interfaţă şI Intrumente

  • 1. Flash – interfaţă şi instrumente Alexandru Perieţanu
  • 2. Interfaţa Timeline Tools Bara de proprietăţi Scena Simboluri Frames Animaţii Măşti Guides
  • 4. Interfaţa Timeline –de unde controlăm animaţiile Tools–undegăsim intrumentele de desenare Scena–undedesenăm, unde lucrăm cu grafică Bara de proprietăţi –de undemodificam elementelegrafice
  • 5. Layere Layer = Strat Imaginaţi-vă mai multe folii transparente suprapuse. Pe fiecare folie este desenată o figură geometrică. Un layer este ca o folie transparentă.
  • 6. Frames Fiecare layer are maimulteframeuri Frame = cadru Fiecare layer are unulsaumaimulteframeuri Tipuri de frameuri: Playhead Keyframe cu cevape el Frame cu cevape el Layer Blank Keyframe, adicăgol Blank frame, adică gol
  • 7. Frames Frameulcu cevape el vaprelungigrafica de peultimul keyframe din spatelelui până la urmatorul keyframe Frameulgol – face acelaşi lucru numai ca nu are ce grafică sa prelungească Taste rapide F6 – adaugă un Keyframe F5 – adaugă un frame shift+F5 – stergeFrameuri Click drepata pe timeline pentru a adauga frameuri
  • 8. Frames Fiecarekeyframe va conţine grafică diferită Vom folosi keyframeuri pentru animaţii
  • 9.
  • 18. Pencil toolTaste rapide V A Q F L P, =, -, C T N R, O, R, O Y
  • 19.
  • 25. Zoom ToolTaste rapide B S K I E H M, Z
  • 26. Shapes Shape Un Shape este un obiectgraficvectorialdesenat cu intrumentele din flash. Vector vs Bitmap O Imaginevectorialăesteimaginedesenată pe baza unui algoritm la runtime, nu-şi pierde calitatea dacă este mărită. O imagine Bitmap este reprezentată de o matrice de pixeli, işi pierde calitatea cand este marită.
  • 28. Shapes Shape Un shape este făcut din stroke şi fill. Stroke, în exterior Fill, în interior
  • 29. Rectangle& Oval & Rectangle primitive Rectangle Folositpentru a desena un dreptunghi. Oval Folositpentru a desena un oval. Rectangle primitive Folositpentru a desena un dreptunghi care are colţuri rotunde. Colţurile se Modifică din bara de proprietăţi.
  • 30. Oval & polistar Oval primitive Folositpentru a desenao plăcintă, un cerc incomplet. Din bara de proprietăţi se modifică opţiunile. Polistar Folositpentru a desenao stea sau un poligon cu mai multe laturi. Se modifcă din bara de proprietăţi.
  • 31. Selection Selection Folosit pentru a selecta orice de pescenă. Click pe stroke – selectează numai stroke Click pe fill – selectează numai fill Dublu click pe oricare – selectează ambele Click si trag – pentru a selectamaimulteobiecte
  • 32. Subselection Subselection Folositpentru a modificagraficavectorială Pot selecta ancore şi modifica puncte de control pentru ancore. Punct de control pentru ancoră Ancoră
  • 33. Pen Pen Folositpentru a desena path-uri. Un path estedefinit de maimulteancoresimaimulte puncte de control. (Liniiletraseîntre ancore pentru a defini o formă).
  • 34. De reţinut Pencil – desenează cu stroke Brush – desenează cu fill Ink Bottle – umple un shape cu stroke, Îi pune unui fill stroke Bucket – Adaugă fill unei forme definite de un stroke Hand – Folositpentru a scrolla, când apăs “space” Indiferent de intrumentulfolosit, selectez automat hand şi cand iau de pe “space” revin.
  • 35. Animaţii FPS –frames per second, câte frameuri vor fi parcurse de playhead într-o secundă. Playhead Keyframe cu cevape el Frame cu cevape el Layer Blank Keyframe, adicăgol Blank frame, adică gol
  • 36.
  • 37.
  • 38.
  • 39. Simboluri Toate simbolurile care le creem le găsim în Library Apasăm F11 pentru Library Dacămoficăm un obiect din bibliotecă moficăm Toate instanţele sale
  • 40. Animaţii Frame by frame Desenăm mai multe cadre cu imagini diferite, se folosesc de obicei pentru animarea caracterelor
  • 41. Animaţii Motion Tween Definim un punct de început şi unul de sfârşit. Punctele de sfârşit şi început vor fi frameuri care conţin numai o instanţă a aceluiaşi simbol Început Final
  • 42. Animaţii Shape Tween Definim un punct de început şi unul de sfârşit. Punctele de sfârşit şi început vor fi frameuri care conţin shapeuri Început Final
  • 43. Animaţii Pentru a creea un tween dăm click dreapta între frameuri si selectam tipul de tween care îl vrem
  • 44. Mască Un layer poatefimască pentru alt layer Când aplicăm o mască se va vedea doar intersecţia dintre layerul mască si cele de sub el Click dreapta pe layer si avem opţiunea de mască
  • 45. Guide Un layer poatefiguide pentru alt layer Un guide este o formă desenată din stroke Guideurile se folosesc pentru animaţii Pentru a face un guide dăm click dreapta pe layer şi selectăm guide Guideurile nu se văd când exportăm swful
  • 46. Guide Guiderile se folosescpentru animaţii Pentru a mişca un simbol pe un guide trebuie să îl plasăm pe primul frame al animaţiei pe path şi pe ultimul frame tot undeva pe path
  • 47. GATA