Odkaz na tutoriál

Současně jsem testoval použití Adobe Captivate CS5, ale na tento typ tutoriálů se nezdá být nejvhodnějším programem. Možnosti Adobe Captivate jsou velmi rozsáhlé, ale příprava tutoriálu by byla neúměrně dlouhá. Proto dále hledám program, nejlépe pro Apple, na snímání obrazovky za rozumné peníze, vaše tipy prosím do komentářů.

Styly ke stažení (27,35 kb)

Nejprve se pokusím celý produkt představit a popsat, proč jej mám v oblibě a myslím si, že pro webdesign je daleko lepší než například Photoshop. Již od svého vzniku je Fireworks vyvíjen víceméně pro tvorbu webové grafiky. Kombinace vektorové a bitmapové grafiky je pro webdesign daleko vhodnější než by se mohlo zdát.

Fireworks je velmi jednoduchý grafický editor, který zvládne ovládat téměř kdokoliv. Z mého pohledu je práce na tvorbě webových stránek daleko rychlejší než třeba ve Photoshopu. Proč si to myslím?

• Možnost použití vektorových objektů je daleko přirozenější a poskytuje výhody v podobě rychlé změny rozměrů, barevnosti apod. Nevěříte? Jeden přiklad za všechny: Mějme hypoteticky obdélník se zaoblenými rohy např. v červené barvě o rozměrech 300 x 500px. Zákazník se rozhodne, že tento obdélník bude fialový a jeho velikost změníme na 400 x 250px. Ve Photoshopu to znamená defakto znovuvytvoření tohoto obdélníku, už jen kvůli zaobleným rohům, které se při změně velikosti zdeformují. Ve Fireworks provedeme výběr obdélníku, změnu jeho barvy z paletky barev a změnu rozměrů ať už pomocí nástroje Scale Tool nebo číselně. Zaoblení rohů se nijak nezdeformuje, není nutné tedy tento obdélník znovu vytvářet.
• Dalším z příkladů, kterým se dá argumentovat, je vložený vektorový obrázek z Adobe Illustratoru. Ve Photoshopu jej nelze editovat jinak než za použití Adobe Illustratoru (podmínkou je samozřejmě mít vloženou vektorovou grafiku jako Smart Object). Ve Fireworks je možné importovaný vektorový obraz nadále editovat bez nutnosti spouštění Illustratoru – měnit rozměry, barevnost nebo upravovat křivky není žádným problémem.
• V Adobe Fireworks lze vytvářet i působivé wireframy, není tak nutné používat produkty třetích stran. Díky tomu, že Fireworks umí exportovat grafiku do formátu PDF nebo HTML, stává se tak ideálním nástrojem. Samozřejmě není problém vytvářet i několikastránkové interaktivní PDF nebo HTML dokumenty.
• Dalším zjednodušením práce ve Fireworks je možnost použití stránek. Ve Photoshopu to samozřejmě lze řešit také pomocí skupin vrstev. Co má ale Fireworks propracovanější jsou tzv. Vzorové stránky, podobně jako u Adobe Indesign. Nakreslíte základní layout webu, označíte jej jako vzorovou stránku a do každé nově vytvořené stránky se základní layout vloží a vy jako grafik řešíte pouze vnitřní strukutu stránky.
• Velmi příjemnou funkcí je možnost používání prvků z vlastní knihovny objektů. Opět velké zrychlení práce. Není tak nutné znovu vytvářet často opakující se grafické prvky. Například si vytvoříte grafické tlačítko, které vložíte do knihovny a vždy když jej budete na rozličných místech svého návrhu chtít použít, jednoduše jej přetáhnete z knihovny.

Takto by se asi dalo ještě dlouho pokračovat, ale tento článek by měl být hlavně o novinkách v poslední nedávno představené verzi. Pojďme se tedy podívat co nového je ve Fireworksu CS5.

Lepší výkon aplikace

První a dost podstatnou novinkou je vyšší výkon celé aplikace a její stabilita. Vyšší výkon je oproti předchozí verzi opravdu znát. Za celou dobu testování se mi nepodařilo Fireworks shodit.

Vylepšená integrace s dalšími produkty sady Creative Suite

Podle prvních testů, které jsme prováděli společně s Pavlem Koutem je načítání a ukládání formátu PSD již opravdu použitelné. Ano narazili jsme na nějaké nesrovnalosti (jiný kerning textu, zlobí rotace textu a masky vrstev), ale výsledek jak uložení, tak načtení formátu PSD byl více než dobrý.

Integrace s Device Central

Nově lze vytvářet grafická rozhraní pro různé typy zařízení, která jsou dostupná skrze Device Central. V Device Central vyberete zařízení, pro které chcete připravit grafické rozhraní a ve Fireworks se vytvoří nový dokument s rozměry daného zařízení. Není tak potřeba nikde dohledávat jakou má daný mobilní telefon velikost obrazovky.

Šablony návrhů

Nově lze často používané projekty uložit jako šablony.

Vylepšená práce s textem

Kromě jiného byl vylepšen import textů z Illustratoru a Photshopu. Na krátké videoukázce demonstruji další vylepšení textového nástroje.

Vylepšený antialiasing vektorových objektů

Oproti předchozí verzi rapidní zlepšení vyhlazení zvláště u obrysů tvarů. Ve verzi CS4 jsem místo obrysů používal filtry z Photoshopu, které měly dokonalejší vyhlazení. S obrysy tvarů se pojí i jedno malé vylepšení oproti předchozí verzi – nyní lze nastavit zda obrys bude vně, uprostřed nebo uvnitř okraje objektu.

Dokonalé vykreslení obrazových bodů

Pokročilé vykreslování uchová vaše návrhy ostré na cílových obrazovkách prakticky každé velikosti. Vylepšená definice vykreslování se projeví v tom, že se objekty ve vektorových i bitmapových režimech zdají být ostřejší, a to dokonce i když je převedete z jednoho režimu do druhého.

Rozšířená práce díky Compound Shape tools

Vylepšena číselná změna velikosti

Nově lze u číselné změny velikosti objektů zaškrtnout dodržení proporcí. Výborná věc, která mi často chyběla.

Práce s barvami

Nově přibyla možnost kopírování barvy do schránky, není tak již nutné složitě vybírat název barvy, jedno tlačítko to spraví :-). Zároveň je možné barevné palety ukládat a používat napříč produkty.

Vylepšení práce s vrstvami a stránkami

Nově jsou textové vrstvy v přehledu vrstev doplněny malou ikonkou písmene T. Výborná věc pro orientaci mezi textovými a grafickými vrstvami.

Stejně jako ve Photoshopu je možné používat podvrstvy.

Práce se stránkami byla rozšířena o drobná vylepšení. Stránky lze automaticky číslovat

nebo lze exportovat pouze vybrané stránky.

Vylepšení barevných přechodů

Nově lze jedním tlačítkem prohodit barvy v barevném přechodu. V předchozí verzi se tento jednoduchý úkon musel dělat příliš složitě pomocí šoupátek.

Dalším vylepšením přechodů je možnost nastavení vylepšeného ditheringu.

Co říci závěrem? Z ošklivého kačátka se pomalu ale jistě stává vynikající nástroj pro webdesignéry a další grafiky, kteří pracují na projektech určených pro zobrazování na různých zařízeních. Již v začátcích kdy ještě existovala firma Macromedia jsem si tento nástroj oblíbil a dnes už bych neměnil.

Adobe Photoshop CS5

Adobe Illustrator

Adobe Fireworks

Adobe Flash

Adobe Indesign

Celkově mi nové rozhraní vyhovuje více než u předchozí verze. Jediné co mi chybí je na jedno kliknutí úplně zavřít celý pravý sloupec s paletkami jako tomu je u verze CS3. Alespoň, že spodní paletky jdou na dvojklik uzavřít, přeci jen se občas hodí mít více místa.