 AdminAdministratorDin: Dej
Postari: 40
|
|
Prezint acest tutorial flash gratuit in limba Romana pe forum-ul www.dotro.cn tuturor celor care doresc sa inceapa sa invete flash. Veti fi introdusi in notiuni elementare dar si mai avansate de flash. Vom incepe de la elemente simple, de desenat, grafica, si pana la creere de miscari si efecte. Acest tutorial este scris de Andrei Caprioara, pentru portalul www.dotro.cn. In cazul in care doriti sa folositi acest tutorial in pagina dumneavoastra va rugam sa precizati sursa si sa includeti si un link catre pagina noastra.
Introducere
De ce Flash?
HTML, formatul paginilor de internet este ideal pentru crearea de pagini web statice, cu text sau imagini. Cand vine vorba de dinamism, paginile HTML acestea nu pot oferi miscare, animatie... Aici intervin alte elemente pentru a adauga paginilor dinamicitate. In mod normal aceste efecte sunt obtinute prin folosirea imaginilor animate GIF sau prin folosirea de script-uri Java. Inainte de a incepe vom compara GIF si Java cu Flash.
Ce este o imagine GIF?
O imagine GIF este de fapt o multitudine de imagini salvate intr-o singura imagine, intr-un singur fisier. Cand browser-ul incarca imaginea de fapt afiseaza toate imaginile una dupa alta si le repeta. La fel cum deseneaza animatorii mai multe imagini pe un caiet, iar apoi la rasfoirea caietului imaginile au miscare. De aceea sa zicem daca doriti sa desenati un clown care face cu mana in 25 de miscari mici, trebuie sa desenati 25 de imagini diferite. De aceea nu puteti face animatii prea lungi in GIF deoarece timpul de incarcare ar fi prea mare.
Desi imaginile GIF pot fi folosite ca animatii, acestea nu suporta interactivitate. Le puteti folosi pe paginile web doar ca simple animatii.
Animatiile flash pot interactiona cu utilizatorul. De exemplu o animatie se poate opri la un moment dat, apoi la apasarea unui buton de catre utilizator poate continua sau lua o anumita actiune.
O alta deosebire mare intre flash si imaginile GIF este ca imaginile GIF nu suporta decat o paleta de culori de 256 de culori. Cu alte cuvinte sunteti limitat la numai 256 culori.
Asa ca pentru imaginile GIF dezavantajele fata de Flash sunt:
• Animatiile Flash se incarca mult mai repede;
• Animatiile Flash au interactivitate;
• Animatiile Flash pot folosi mai mult de 256 de culori;
Flash contra Java
Pe langa clasicele GIF-uri o alta metoda de a adauga dinamica paginilor web sunt applet-urile Java. Din pacate pentru dezvoltarea acestora este nevoie de cunostinte de programare. Asta inseamna ca nu puteti sa bateti doar din palme pentru a crea un Java Aplet. Multi programatori de Java au dezvoltat aplet-uri pe care apoi utilizatorii si-le pot customiza conform cerintelor lor. Asa ca in loc de a petrece ore sau zile intregi pentru crearea de aplet-uri le pot customiza necesitatilor proprii.
Cel mai faimos aplet Java este efectul de lac. Face un efect de val pe orice imagine de orice marime. Dar pentru a adauga un alt efect aplet-ului trebuie sa il programati singur sau sa gasiti un alt applet care face efectul pe care il doriti si sa il integrati singur in aplet.
Aplicatiile Flash, sau animatiile Flash sunt in mare parte foarte similare cu aplet-urile Java. Sunt de fapt niste aplicatii care ruleaza in browser. Dar spre deosebire de applet-urile Java, aplicatiile Flash sunt mult mai usor de creat si le puteti crea si fara notiuni de programare.
Applet-urile sunt de mult criticate pentru blocarea browser-ului.
Uneori programatorii Java nu sunt atat de priceputi pe cat s-ar crede si de aceea de multe ori fac erori de programare care consuma toate resursele calculatorului, ceea ce face ca browser-ul sa inghete.
Avantajele Flash fata de java sunt:
• Aplicatiile Flash sunt mult mai usor de creat decat cele Java
• Aplicatiile Flash sunt mult mai stabile in browsere decat cele Java
Nota! Cu toate ca Flash are aceste avantaje fata de Java, sunt unele lucruri pe care le puteti programa in Java si nu le puteti programa in Flash.
De ce am nevoie pentru a incepe?
Pentru a incepe aveti nevoie de program-ul Flash. Cumparati-va CD-ul cu Flash, instalati-l pe computer-ul dumneavoastra si puteti incepe lucrul. Trebuie precizat ca programul Flash este necesar numai celor ce dezvolta animatii Flash si nu este necesar ca cei care vizioneaza animatiile (utilizatorii) sa aiba Flash instalat pe calculator. Oricine ce are plugin-ul ActiveX, Flash Player instalat pentru browser-ul sau poate viziona animatii Flash. Macromedia a relatat in Ianuarie 2002, ca mai mult de 400 de milioane de browsere din lume au redat animatii Flash. Asta inseamna aproape 100% din totalul de browsere existente la acea vreme. Acum multe browsere vin deja cu Flash Player instalat si nu este necesara instalarea lui de catre utilizator.
La al treilea sfert al anului 1998, aproape 40% din toti sureferii puteau vedea animatiile Flash instantaneu. Peste un an, procentul era de 90% iar in ziua de astazi Flash este lider in animatii si grafica pentru web.
Unde incep?
Cand deschideti Flash-ul pentru prima oara pe ecran apar 8b lectii importante:
• Introducere
• Desenare
• Simboluri
• Layere (Straturi)
• Tipuri
• Butoane
• Sunet
• Animatii
Puteti accesa oricand aceste lectii din meniul Help > Lessons. Acestea sunt elementele cele mai esentiale ale programului Flash. Tutorialul nostru splineste cele 8 lectii, si continua de unde acestea se termina.
Desenare in Flash
Introducere
Uneltele de desenare din Flash va permit sa creati elemente grafice si sa le modificati. Pentru mai multe detalii si elemente esentiale puteti vedea tutorialul din Help>Lessons>Drawing din Flash.
Uneltele pentru desenare se gasesc de obicei in bara de unelte (Tools Bar), pozitionata in capatul din partea stanga a ecranului.
In urmatoarele randuri va vom ghida in folosirea acestor unelte, incepand cu cele cele mai elementare.
Dar mai intai ne voum uita la felul in care Flash administreaza elementele grafice.
Mai intai trebuie sa vedeti care este diferenta intre linii si umpluturi.
Cand desenati o linie nu are umplutura, se numeste outline.
Cand desenati o forma inchisa (de exemplu un patrat sau un cerc), aveti marginile (linia), iar culoarea dinauntru este umplutura (fill). Flash nu combina aceste elemente automat, deci sunt doua elemente diferite care se editeaza diferit.
Unealta Creion – Pencil Tool
Unealta creion este foarte similara cu folosirea unui creion obisnuit. Pur si simplu folositi cursorul, si apasati pentru a desena forma dorita. Desenele se vor face pe stage (partea alba, ceea ce reprezinta documentul dumneavosatra; ceea ce depaseste partea alba nu va aparea in animatie). Puteti de asemenea apasa tasta SHIFT in timpul desenarii pentru a pastra direcita orizontala sau verticala in timpul desenarii.
Culori
Din panoul de unelte (Tools Box) puteti specifica culoarea dorita pentru linii (outlines) sau pentru umpluturi (fills).
Fin si Drept (Smooth si Straighten)
Puteti alege diferite modele ale creionului (Smooth, Straighten, Ink).
Straighten inseamna desenarea in linii drepte.
Smooth inseamna desenarea cu linii fine. Aceasta inseamna ca marginile dumneavoastra vor iesi mai finisate.
Ink inseamna desenarea cu mana libera. Desenele vor iesi exact cum ati miscat cursorul.
Incercati si dumneavoastra toate cele trei moduri pentru a vedea diferenta.
Felul liniei – Stroke
Panoul Stroke va permite sa alegeti felul liniei pe care o folositi (solida, punctata, etc), sa alegeti culoarea, grosimea liniei si altele.
Unealta pensula (Brush Tool)
Pensula deseneaza urme de pensula, la fel ca si o pensula adevarata. Se foloseste la fel ca si creionul, numai ca spre deosebire de creion are posibilitatea sa deseneze si umpluturi si linii. Cu pensula puteti crea efecte speciale, efecte caligrafice, etc.
De asemenea in cazul pensulei, la fel ca si la creion puteti apasa tasta SHIFT pentru a controla directia pe orizontala sau pe verticala.
Puteti specifica culoarea pentru linii si pentru umpluturi inainte de a desena din panoul de unelte. De asemenea pentru a schimba culoarea unei umpluturi sau a unei linii, selectati mai intai elementul apoi pur si simplu schimbati culoarea din panoul de unelte.
Moduri de Vopsire (Brush Modes)
Puteti selecta din mai multe moduri de vopsire:
• Vopseste Normal (Paint Normal) – vopseste peste toate umpluturile sau liniile din layer-ul respectiv.
• Vopseste in Spate (Paint Behind) – Vopseste spatiile goale dintre umpluturi sau linii. Nu afecteaza elementele desenate deja ci doar vopseste in spatiile goale.
• Vopseste Selectia (Paint Selection) – Aplica culoarea selectata unei umpluturi pe care o selectati (este aceiasi rezultat ca atunci cand selectati o umplutura si alegeti o noua culoare).
• Vopseste umpluturile (Paint Fills) - Vopseste peste umpluturi, dar lasa liniile neafectate.
• Vopseste inauntru (Paint Inside) – Vopseste inauntrul liniilor inchis, si nu depaseste liniile. Functioneaza ca o carte de colorat inteligenta, nu depaseste conturul formei in care desenati. De exemplu daca aveti un cerc si vopsiti in interiorul lui, vopseaua nu va depasi niciodata conturul cercului.
Mai jos aveti niste exemple:
De asemenea mai exista si alte setari si ajustari pe care le puteti atribui pensulei.
Grosimea Pensulei (Brush Size) – In panoul de unelte, cand selectati pensula puteti de asemenea selecta si grosimea pe care pensula dumneavoastra doriti sa o aiba.
Forma Pensulei – (Brush Shape) – de asemenea puteti selecta si forma pe care doriti sa o aiba pensula dumnravoastra. Incercati sa experimentati cu diferite forme de pensule pentru a vedea rezultate diferite.
Lock Fill
In panoul de unelte la Pensula, exista si aceasta optiune. Explicatia pentru aceasta functie este putin mai complicata si probabil veti avea ceva probleme sa o intelegeti daca de abia ati inceput in Flash.
Mai intai trebuie sa intelegeti ce sunt Gardient-urile. Fill-ul (umplutura) de tip gardient este o umplutura de tip degradeu. Puteti selecta doua sau mai multe culori diferite pentru un degradeu.
Selectarea optiunii lock fill, face ca dupa ce ati pictat o umplutura cu gardient, urmatoarea umplutura pe care o veti desena va continua gardient-ul primeia, indiferent de pozitia pe care o are fata de prima.
Explicatia pentru aceasta funtie probabil nu este atat de clara, dar pentru a va lamuri probabil cel mai bine este sa incercati.
Din partea dreapta, de la panoul de culori selectati la felul umpluturii, tipul Gardient. Selectati-va sau creati-va un degradeu care va place (probabil cel mai de preferat pentru aceasta functie este cel rotund, deoarece efectul acestei functii este mult mai vizibil). Incepeti sa desenati o umplutura cu gardient-ul selectat, apoi activati optiunea Lock Fill. Apoi incercati sa desenati o a doua umplutura si veti vedea ca va continua petern-ul primei umpluturi. Incercati acest exemplu si veti vedea utilitatea acestei functii. Foarte important trebuie neaparat sa selectati un gardient, cu o culoare obisnuita, aceasta functie nu are efect.
Unealta de linii (Line Tool)
Line Tool, este folostia pentru desenarea de linii. Este comparabila cu folosirea unui creion si a unei rigle pentru a desena o linie dreapta. Pur si simplu, apasati butonul mouse-ului din punctul in care vreti sa inceapa linia, apoi trageti pana cand ajungeti la punctul in care doriti ca linia sa se termine. Apasati tasta shift, pentru a crea eventuale unghiuri.
Puteti selecta culoarea din panoul de control.
Curbarea liniilor
Puteti curba liniile cu Unealta Sageata (Arrow Tool).
Pentru a curba liniile sunt necesare urmatoarele operatiuni:
1. Asigurat-va ca linia nu este selectata. Cand o forma sau o linie este selectata, va aparea cu puncte albe peste. Pentru a deselecta orice elemente care sunt selectate puteti da click intr-un loc gol de pe stage.
2. Selectati Unealta Sageata
3. Dati click pe linie in locul unde doriti sa o curbati, nu dati drumu, si incepeti sa o trageti in directia in care doriti sa fie curbata. Cand ajungeti la forma dorita, dati drumu mose-ului.
In desenul de mai jos aveti un exemplu:
Mutarea obiectelor
Puteti selecta si muta un obiect, fie el linie sau umplutura, oriunde pe Stage. Exista mai multe metode pentru aceasta operatiune. Putati fie selecta cu unealta sageata elementul dorit, faceti click pe el, apoi sa il trageti pana la locul dorit, apoi sa dati drumul la mouse. Este la fel ca atunci cand selectati un icon pe desktop-ul Windows al calculatorului dumneavoastra si il mutati in alt loc.
O alta metoda este prin folosirea tastelor sageti de pe tastatura dvs. Puteti selecta cu mouse-ul elementul dorit, apoi il puteti pozitiona folosind tastele sageti. Elementul se va muta incet in directille pe care le doriti. Daca doriti ca obiectul sa se miste mai repede, puteti apasa tasta SHIFT.
Mutarea precisa a obiectelor
Info panel-ul (Window>Panel>Info) va ajuta sa modificati marimea, sau sa aranjati obiectele pe Scene, dup[a specificatii exacte. In imaginea de mai sus este trecut un punct negru, unde este scris Click this square. Acest punct reprezinta pozitia pe Scene a obiectului dumneavostra.
Campurile X si Y indica pozitia obiectului dumneavoastra pe scena (in pixeli).
Campurile W (Lungime) si H (Inaltime) sunt folosite pentru reglarea dimensiunii obiectului dumneavoastra. De asemenea pentru regralrea dimensiunii obiectului dumneavoastra puteti selecta obiectul cu Unealta Sageata (Arrow Tool), apoi puteti slecta optiunile rotate and skew, rotate, sau scale, din Tool Box pentru a roti, inclina, micsora sau mari obiectul. Totul se face cu mose-ul, la tragerea cu mouse-ul de punctele care apar atunci cand obiectul este selectat.
Unealta pt cercuri (Oval Tool) si Unealta pentru Patrate (Rectangle Tool)
Unealta de cercuri (Oval Tool) este si de patrate (Retangle Tool) sunt folosite pentru a cred forme geometrice, de cerc, overl si respectiv patrat, dreptunghi. Apasati cu mouse-ul in punctul in care doriti sa inceapa figura geometrica, apoi trageti cu mouse-ul si dati drumul cand ajungeti la dimensiunea si forma dorita. Ulterior puteti modifica dimensiunile si asezarea pe stage din panoul Info.
Puteti apasa tasta SHIFT, pentru ca cercul sau patratul dumneavoastra sa fie perfect.
Culorile le puteti schimba oricand din panoul de unelte.
Gruparea
Ce inseamna un grup? Probabil la momentul acesta nu o sa va para important, dar va va folosi foarte mult in viitor. Atunci cand creati o forma (ex. Cerc sau Patrat) cu margini si umplutura, Flash-ul le considera doua obiecte separate. De aceea le puteti grupa intr-un singur obiect si administra ca pe un obiect.
Pentru a grupa mai multe obicecte intr-un Grup, selectati cu Arrow obiectele respective, si apasati CTRL+G (sau click dreapta>Group). Astfel cand veti redimensiona grupul sau muta grupul veti muta toate obiectele. Pozitia obiectelor din grup va ramane neschimbata fata de punctul 0 al grupului. Pentru a vedea efectul, selectati cateva obiecte si grupati-le apoi incercati sa miscati grupul sau sa il redimensionati.
Pentru a intra intr-un grup si a edita elementele dinauntrul lui trebuie sa dati dublu click pe grup. Pentru a desparti obiectele dintr-un grup, dati click dreapta si selectati Break.
Inclinarea unei forme
Pentru a inclina o forma, este necesara selectarea cu unealta sageata, apoi selectata optiunea rotate and skew, pentru a roti sau inclina obiectul, sau scale, pentru a redimensiona obiectul.
De asemenea puteti inclina un obiect, introdcand exact la cate grade, din panoul Transform care se gaseste la Window>Panels>Transform.
Guma de sters – Eraser Tool
Folosirea acestei unelte este foarte simpla. Pur si simplu dati click pe forma care doriti sa o stergeti si treceti cu mouse-ul peste ea. Pentru a sterge toata forma cu totul selectati guma si dati dublu click pe forma.
Moduri de sters
La fel ca si la pensula in optiunile listate in josul barii de unelte aveti niste optiuni cand selectati unealta Guma de Sters.
Puteti selecta din mai multe moduri de vopsire:
• Sterge Normal (Erase Normal) – sterge peste toate umpluturile sau liniile din layer-ul respectiv.
• Sterge Umpluturile (Erase Fills) – Sterge umpluturile. Sterge umpluturile, nefaectand in nici un fel liniile.
• Sterge Liniile (Erase Lines) – Aplica culoarea selectata unei umpluturi pe care o selectati (este aceiasi rezultat ca atunci cand selectati o umplutura si alegeti o noua culoare).
• Sterge umpluturile selectate (Erase Selected Fills) – Sterge umpluturile selectate, fara sa afecteze liniile, indiferent daca selectate sau nu. Selectati formele pe care vreti sa le stergeti intai.
• Sterge Inauntru (Erase Inside) – Sterge umpluturile din interiorul formelor inchise (cum ar fi cerc, patrat) fara sa afecteze marginile(liniile).
Folosirea optiunii Faucet
Optiunea Faucet sterge elementele pe care dati click. Selectati aceasta optiune din partea de jos a barii de unelte. cand selectati unealta guma. Pur si simplu dati click pe elementul pe care doriti sa il stergeti, fie ca este linie sau umplutura.
De asemenea pentru unealta guma, la fel ca si la pensula puteti alege mai multe forme.
Alte metode de a sterge rapid obiecte este si prin selectarea cu unealta sageata, un anume obiect si apasarea tastei DELETE de pe tastatura dvs.
Unealta Calimara cu Cerneala (Ink Bottle)
Unealta Ink Bottle va permite sa schimbati culoarea umpluturii si a liniilor unei forme. Pur si simplu selectati culoarea liniei si a formei pe care o doriti.
Apoi dati click cu aceasta unealta pe forma careia doriti sa ii schimbati culorile. Cu aceasta unealta puteti adauga linii si umpluturilor care au fost create initial fara linii. Pur si simplu selectati culoarea pe care doriti sa o aiba linia, si dimensiunea, apoi dati click pe forma respectiva.
|
|
