Výuka Flash (2.)

Kreslení

Kreslení objektů ve Flashi není nijak složité a uvidíte, že to hravě zvládnete. Flash disponuje několika nástroji, které umožňují vytvořit potřebný tvar. Každý objekt je tvořen výplní a obrysem (ohraničením). Jak jste si již v předchozím díle mohli všimnout, základními objekty na kreslení jsou čtverec (Rectangle Tool - R), obdélník, kruh (Oval Tool - O), přímky (Line Tool - N). Ostatní tvary si musíme upravit třeba i sloučením, umazáním, či přidáním křivek. Veškeré výsledné objekty jsou vytvořeny v tzv. Vektorové grafice, která zaručuje stejnou kvalitu objektu i při změně velikosti.

Nástroje pro vytváření objektů

Většina nástrojů pro vytváření objektů ve Flashi je umístěna v panelu Tools. Tento panel si znovu nebudeme popisovat, ale u konkrétních objektů se na něj odkážeme.

Vytváření objektů

Vytváření objektů je základem úspěšné práce ve Flashi. Pokud již máte zkušenosti s jiným grafickým programem od společnosti Macromedia, např. Fireworks, bude přechod ke kreslení ve Flashi hračkou.

Jednoduché (základní) objekty

Pod pojmem "jednoduché objekty" si můžete představit jednak čtverec, obdélník či rovnou čáru. Nyní si vytvoříme svůj první objekt a tím bude čtverec. Aktivujte nástroj Rectangle Tool (R) (nyní si můžete povšimnout, že v panelu Properties, který je umístěn ve spodní části programu, se zobrazily informace o budoucím objektu, je to především obrys - tužka, výplň - kýblíček, velikost a druh obrysu vytvářeného objektu), po kliknutí a držení (tažení) myší si vytváříte požadovaný vzhled objektu. Možná vás zajímá, proč se v pravém dolním rohu při vytváření objektu zobrazuje černé kolečko. Toto kolečko se zobrazuje vždy, když vytvářený objekt má stejné (stejně dlouhé) strany. Díky této volbě můžete vytvořit opravdový čtverec, který bude mít všechny čtyři strany stejně dlouhé. To samé platí i u objektu kruh Oval Tool (O).

V případě, že budete chtít vytvořit objekt (čtverec či obdélník), který bude mít zaoblené rohy, můžete tak učinit při vybrání nástroje Rectangle Tool (R), kdy se v panelu Options zobrazí volba Round Rectangle Radius. Po kliknutí na tuto volbu se zobrazí následující menu, kde máte možnost vložit velikost zaoblení rohů zvoleného objektu. Po kliknutí na tlačítko OK již můžete nakreslit objekt (čtverec, obdélník), který bude mít zaoblené rohy podle velikosti, kterou jste si zvolili. Nakreslení čtverce, který bude mít stejně dlouhé strany můžeme také docílit tak, že při kreslení podržíme stisknutou klávesu SHIFT.

Nástrojem Rectangle Tool (R) můžete také vytvářet objekty tvaru obdélníků - fantazii se meze nekladou.

Každý vytvořený objekt je jak jsme si již řekli tvořen výplní a obrysem (ohraničením). Barvy ohraničení a výplně můžeme určit již při vytváření objektu v panelu Tools -> Colors, případně již po vytvoření objektu, kdy na něj klikneme (pokud chcete vybrat výplň i s obrysem, klikněte na zvolený objekt dvakrát). V panelu Properties budete mít následně možnost změny barev. Podrobnější změnu barvy výplně a obrysu můžete vykonat pomocí panelů Color Swatches a Color Mixer - viz. předcházející díl.

Mezi další "jednoduché" nástroje pro vytváření objektů patří nástroj Line Tool (N). Po vybrání tohoto nástroje, opět v panelu Properties, se zobrazí informace o budoucím objektu (barva, velikost, styl). V případě, že kliknete na tlačítko Custom... (to platí nejen u nástroje Line Tool) zobrazí se menu pro dokonalejší editaci obrysu.

Nástrojem Line Tool (N) můžeme vytvořit také složitější tvary, o kterých si povíme dále.


Složitější objekty

Pokud vám nebude stačit k vytvoření požadovaného objektu Oval Tool (O), Rectangle Tool (R), či Line Tool(N), musíte zvolený objekt vytvořit sloučením, umazáním, či přidáním určité křivky. Nyní si ukážeme, jak vytvořit objekty sloučením.

Vyberte nástroj Oval Tool (O) a nakreslete nad sebou dva kruhy. Barvu výplně a obrysu nechám na vašem uvážení. Nyní jedním kruhem překryjte druhý, aby vám vznikl objekt podobný osmičce. Nezapomeňte vybrat i obrys zvoleného kruhu! Nakonec umažte část obrysu vrchního kruhu, která překrývá ten spodní. Měl by vám vzniknout objekt podobný osmičce, kdy jsme využili překrývání a mazání obrysu objektu. Vše by v krocích mělo vypadat následovně:

Další možností, jak vytvářet složitější objekty je metoda, která je podobná sloučení. Při ukázce této metody použijeme předcházející příklad, ale změníme třetí krok. V třetím kroce vybereme spodní kruh (opět obrys i s výplní), který je překrýván a posuneme jej o kousek dolů. Vše bude vypadat následovně:

Mezi další nástroje pro tvorbu patří Pencil Tool (Y), Brush Tool (B) a Pen Tool (P). Opět zde platí možnost editace barvy objektu a stylu.
Pencil Tool - jak již název napovídá jedná se o nástroj napodobující tužku. Tento nástroj má tři různé módy (Pencil Mode) kreslení. Jsou to:

  1. Straighten - nakreslené čáry s využitím této volby budou narovnávány (ostré rohy)
  2. Smooth - nakreslené čáry budou mít zaoblené rohy.
  3. Ink - budou použity vlastní tvary nakresleného objektu.

Nyní ukázka jednotlivých módů:

Pokud již máte za pomoci nástroje Pencil Tool (Y) vytvořený nějaký objekt, můžete i nyní editovat jeho tvar. Po kliknutí na objekt se v panelu Tools -> Options zobrazí položky Smooth a Straighten. Volba Smooth zakřiví vytvořenou čáru a volba Straighten ji narovná.

Nástroj Brush Tool (B) - jedná se o další nástroj, který umožňuje kreslení čar. Tento nástroj je zajímavý tím, že nám dává mnoho možností při kreslení čar. Po vybrání tohoto nástroje se v panelu Tools -> Options zobrazí několik možností, které můžeme změnit. Jsou to:

Brush Mode

Ukázka toho, jak to vypadá ve skutečnosti:

Brush Size
Velikost (průměr) čáry, kterou kreslíme.

Brush Shape
Tvar (profil) kreslené čáry.

Lock Fill
V případě, že výplň objektu tvoří gradient (Linear nebo Gradial), tato volba umožňuje, že vždy nově vytvořená čára bude mít svůj gradient ve středu vytvořené čáry.

Dnešní popis nástrojů pro kreslení završíme nástrojem Pencil Tool (P), který slouží ke kreslení složitějších objektů za pomoci několika bodů

Pomocí tohoto nástroje můžeme vytvářet také křivky. Základní křivka je tvořena dvěma body. Další body můžeme přidávat po přejetí nad objekt, když se u kurzoru šipky objeví malé +. Pomocí těchto bodů můžete změnit tvar objektu podle potřeby.


Vrstvy

Pokud jste již někdy pracovali s nějakým grafickým programem znáte jistě pojem vrstva. Do vrstev můžeme vkládat objekty, které na sobě nebudou nijak závislé a zpřehlední nám to výsledný klip. Vše budeme mít názorně a hlavně přehledně nakreslené a umístěné, proto nebude problém vyznat se v klipu, který obsahuje několik efektů. Novinkou ve verzi Flash MX je možnost přidávání tzv. Layer Folder. Tato nová pomůcka ještě více zpřehledňuje časovou osu (o časové ose si povíme později, nyní nám však stačí vědět, že do časové osy vkládáme jednotlivé snímky naší animace, které budou následně přehrány).

Novou vrstvu vytvoříme kliknutím na ikonku listu se znaménkem + (Insert Layer) nebo také v menu Insert -> Layer programu. Každá vrstva může mít jakékoliv jméno - pro lepší přehlednost výsledného klipu (stačí dvakrát kliknout na doposavadní název vrstvy). Názvy vrstev nejlépe volte podle jejich obsahu, zajistíte si tak opravdovou přehlednost. Vrstvy můžeme přesunovat v pořadí podle té, která má být vidět (nahoře).

Všechny vrstvy mají možnost přizpůsobit se našim požadavkům. K tomu slouží tři ikony - oko,zámek,čtverec.

Kliknutím na ikonku se symbolem listu papíru s ohnutým rohem. Zobrazíte vlastnosti danné vrstvy. Na výběr máte z těchto možností:


Scény

Jedná se o další "vychytávku", která nám umožní vytvářet přehledné a komplexní klipy. Přidáním nové scény vytvoříme jakoby další klip, který se bude přehrávat v pořadí, které je nastavené. Všechny scény klipu zobrazíte pomocí Window -> Pannels -> Scene.

Scény jsou uspořádány v pořadí, ve kterém bude výsledný klip přehráván (nahoře první - dole poslední). Vložit novou scénu můžeme po kliknutí na ikonu + (nebo také Insert -> Scene). Kliknutím na ikonu s obrázkem dvou obdélníků s šipkou, můžeme vytvořit kopii již existující scény. Smazat scénu můžeme po kliknutí na ikonu koše (nebo také Insert -> Remove Scene).


Shrnutí

V dnešním díle jsme si ukázali základy kreslení objektu ve Flashi. Ukázali jsme si, že jednoduché; převážně čtverce, obdélníky a kruhy, vytváříme pomocí nástrojů Rectangle Tool (R) a Oval Tool (O). Složitější objekty můžeme vytvořit sloučením, umazáním či přidáním jiné křivky. Ukázali jsme si také nástroj Pencil Tool (Y), který složí ke kreslení od ruky a tři různé módy kreslení. Dále také nástorj Brush Tool (B), který umožňuje efektivní kreslení do nebo také za objekty. Nesmíme také zapomenout nástroj Pencil Tool (P), který kreslí pomocí bodů, které si nadefinujeme. Tyto body mohou v budoucnu pomoci při editaci objektu. Nyní již víte, co je to pojem vrstva. Vrstva zpřehledňuje časovou osu (o časové ose si povíme v jednom z dalších dílů) a dává nám přehled nad celým klipem. Na závěr jsme si ukázali scény, které opět zpřehledňují celý náš projekt (klip) a umožňují vytvoření komplexních animací složených z několika animací.


Pro tento díl to bude vše. V příštím díle si vysvětlíme co je to Movie Clip, Button (tlačítko) a mnoho dalšího.

Petr Rympler