Bódis Attila: FLASH ALAPOK http://members.upclive.hu/abodis/
A dokumentum az Öveges József SZKI tanulói és tanárai, valamint az Öveges Versenyre nevező általános iskolák diákjai és tanárai számára készült. Ebben a körben szabadon terjeszthető, a forrás megjelölésével.
Rajzoljunk a Flash programmal! FLASH ALAPOK I. A Flasht eredetileg egy könnyen kezelhető rajzolóprogramnak tervezték, de napjainkban a legismertebb és legnépszerűbb animáció készítő szoftverré vált. Nagyon tömören fogalmazva, ahhoz, hogy animációt hozzunk létre, kell egy (vagy több) objektum, amit valamilyen technikával mozgásra bírunk. Az objektumok létrehozásának az egyik gyakori módja, a rajzolás. Ha már használtál számítógépes rajzolóprogramot, (pl. Paint) akkor ez nem lesz túl nehéz. Íme, a kezelőfelület. Ha nálad nem így nézne ki, akkor Window menü Workspace pontjában válaszd a Classic lehetőséget. (Hagyományos elrendezésű munkaterület.)
1. ábra
1.
Színpad. Ide rajzolhatunk, illetve itt tekinthetők meg az animációk. A mérete és háttérszíne a jobb oldali tulajdonságok (properties) panelon megváltoztatható. Rajzolhatunk a színpadon kívüli (szürke) területre is, de az így elhelyezett alakzat csak akkor lesz látható, ha az animáció során a színpad területére ér.
2. Alapértelmezett mutatóeszköz. (fekete nyíl) Segítségével jelölhetjük ki a megrajzolt alakzatokat. Legjobb, ha megszokjuk, hogy bármilyen eszközzel végrehajtott művelet után (szinte automatikusan) kiválasztjuk ezt a mutatót.
3. A szabadalakítás eszközzel kijelölt alakzatot tetszés szerint nyújthatjuk, dönthetjük, forgathatjuk, stb. Továbbá, ha színátmenettel festettük ki, módosíthatjuk az átmenet tulajdonságait.
4. Lasszó. Szabadkézi, tetszőlegesen tekervényes terület kijelöléséhez használható.
5. Szöveg írása. Különböző típusú, méretű betűket, szövegeket hozhatunk létre, amiket később látványos animációkká fejleszthetünk.
A további rajzolóeszközök unalmas leírása helyett nézzünk néhány gyakorlati példát! Vonalak és kitöltések Ha elindítottad a Flasht, a nyitóképernyő középső (Create New) oszlopából válaszd az Action Script 3.0 lehetőséget. (Ez egyébként annyit jelent, ha programkódot szeretnénk írni az animációnkhoz, azt az Action Script 3.0 nyelv szabályai szerint tehetnénk meg.)
Válaszd a bal oldali eszköztárból az ellipszis rajzolása (Oval Tool) lehetőséget!
A jobb oldali tulajdonságlapon (Properties) állítsd be a körvonal és a kitöltés színét! A vonal vastagságot (Stroke) állítsd legalább 10 –re! Ezeket a tulajdonságokat – ugyanúgy, mint a többit - a már megrajzolt alakzaton is megváltoztathatjuk, ha előtte kijelöljük azt.
Készíts az alábbi ábrához hasonló rajzot! (Az egyenes rajzolására szolgáló eszköz közvetlenül az alakzatrajzoló fölött van. A vonal vastagsága és színe is hasonlóan állítható be, mint az ellipszisnél.) Szabályos körhöz rajzolás közben tartsd lenyomva billentyűzeten a Shift billentyűt!
Válaszd ki az alapértelmezett mutatóeszközt (fekete nyíl az bal oldali eszköztár tetején) és kattints vele a rajz különböző részeire! Azt fogod tapasztalni, hogy külön kijelölheted a (piros) vonalakat és a (kék) kitöltéseket. Pontosabban a vonalaknak mindig csak a két csomópont illetve a végpont és csomópont közötti szakaszát. Így akár szét is szedhetjük az ábránkat!
Az itt látott tulajdonságok az úgynevezett vektorgrafikus ábrákra jellemzőek. Tehát külön kezelhetjük a kitöltést és a körvonalat, és a kép csomóponttól csomópontig (vagy végpontig) tartó elemekből áll, amiket szintén külön is kezelhetünk. Több elemet úgy jelölhetsz ki egyszerre, hogy kattintás közben nyomva tartod a billentyűzeten a Shift gombot. Egy terület kijelöléshez pedig egyszerűen rajzolj egy képzeletbeli keretet a fekete nyíl segítségével. Azok az elemek, amelyek ezen a kereten belül vannak, ki lesznek jelölve. Így akár az egész rajzot kijelölheted. A legfontosabb „szabadkezes” rajzolóeszközök A ceruza (Pencil Tool) eszközt a kis ikonján kívül a billentyűzet Y gombjával is üzembe helyezhetjük. Majd az oszlop alján lévő (Pencil Mode) ikonra kattintva választhatunk, hogy a vonalak sarkosan, vagy ívelten váltsanak irányt.
Az ecset eszközzel (Brush Tool a billentyűzetről B) az alábbi beállításokkal festhetünk. Normál: a szokásos festési mód, ami lefed mindent. Fills: a kitöltéseket festhetjük le. Behind: az alakzaton kívüli terület lefestése Selction: kijelölt terület lefestése Inside: az alakzat belsejéből kifele haladva festhetünk. A további két alsó kis beállító-gomb az ecset méretét, illetve alakját befolyásolja. Paint Bucket Tool (festékes vödör) segítségével az alakzatok belsejét (kitöltését) festhetjük át. Az Ink Bottle Tool (tintatartó) pedig a vonalak átfestésére szolgál. Az alakzat belsejét akkor is kifesthetjük a festékes vödörrel, ha az nem zárt teljesen. Az ábrán látható beállítások szerint szabályozhatjuk, hogy mekkora rés esetén működjön a festés funkció. (Teljesen zárt és nagy nyílás között.)
Radír használat A radír (Eraser Tool) használata során az Eraser Mod választóval eldönthetjük, hogy rajzunk melyik elemeit (részét) szeretnénk törölni. Erase Normal: az egyszerű rajzoló programoknál megszokott módon mindent töröl, ami a radír útjába kerül. Erase Fills: Az alakzat kitöltését törli úgy, hogy nem kell aggódnunk, ha véletlenül a vonalat is „eltaláljuk”, mert ott hatástalan lesz a törlés. Erase Lines: a vonalak (körvonalak) törlése a kitöltés meghagyásával. Erase Selected Fills: csak a kijelölt kitöltéseket törli. Erase Inside: törlés az alakzat (kitöltés) belső részéből.
Átalakítás Sokszor könnyebb egy szabályos alakzat vagy vonal átalakításával létrehozni egy rajzot, mint szabadkézzel (ceruzával, ecsettel) megrajzolni.
1. Rajzolj egy ehhez hasonló téglalapot!
2. Közelítsd meg úgy a fekete nyíllal (alapértelmezett mutató eszköz), hogy a nyíl végén egy kis körív jelenjen meg!
3. Húzd az egeret jobbra, miközben a bal gombját nyomva tartod! EZZEL A MÓDSZERREL ÍVELTÉ TEHETÜNK EGYENES VONALAKAT ÉS KITÖLTÉSEKET EGYARÁNT.
4. Az itt látható mintához hasonlóan görbítsd el a többi oldalt is!
5. A felső ívet (egy rákattintással) jelöld ki, és válaszd a másolás lehetőséget! (Jobb gomb hatására megjelenő helyi menüből, vagy Ctrl C gombokkal.) Illeszd be a lemásolt vonalat! (Ctrl V vagy menü.)
6. A beillesztett (új) vonalat kijelölve válaszd a jobb oldali kis oszlopból a Transform lehetőséget és a Rotate opciónál 180° szöget megadva fordítsd meg a vonalat és illeszd a „hordó” tetejéhez!
7. Fesd ki a fehér részt (a hordó tetejét) és rajzolj 3 abroncsot is, amit szintén egyenes vonalak elgörbítésével a legkönnyebb megoldani!
Kísérletezz bátran a rajzeszközökkel! Próbálj ki minél több lehetőséget és beállítást!