Fine-tune Flash CS5 Shape Tweens with Shape Hinting

Niekedy môže Adobe Flash Creative Suite 5 premýšľať nad vecami a vykonávať viac pretváraní tvarov, ako je potrebné, najmä ak majú dva tvary spoločné črty. V týchto prípadoch môžete použiť rady tvarov – sady zhodných značiek, ktoré môžu Flash CS5 povedať, že dva body na dvoch rôznych tvaroch spolu súvisia.

Tipy tvaru môžete pripojiť k obrysom tvarov na začiatočnom a koncovom rámci doplnenia tvaru, aby Flash vedel, ktoré spoločné body medzi nimi existujú.

Dva dobré príklady príbuzných tvarov sú písmená F a T. Tieto dve písmená majú veľa spoločných uhlov. Doplnenie tvaru medzi nimi je skvelý spôsob, ako využiť rady tvaru.

Skôr ako začnete, vytvorte nový dokument. Vyberte nástroj Typ a pomocou inšpektora vlastností nastavte štýl písma na Arial Black (alebo jeho ekvivalent) a nastavte veľkosť písma na 200. Potom postupujte podľa týchto krokov:

Na prvom snímku novej vrstvy napíšte F do stredu scény.

Vyberte písmeno pomocou nástroja na výber a vyberte položku Upraviť → Rozdeliť, aby ste typ rozdelili na jeho hrubé obrysy.

Na snímke 20 tej istej vrstvy vytvorte novú, prázdnu kľúčovú snímku pomocou klávesovej skratky F7.

Napíšte T na novú kľúčovú snímku a umiestnite ju na rovnaké miesto ako F na prvej snímke.

Ak je to potrebné, môžete použiť inšpektor Vlastnosti na priradenie pozícií X a Y.

Rozdeľte T výberom položky Upraviť → Rozbiť.

Vytvorte doplnenie tvaru kliknutím pravým tlačidlom myši (Windows) alebo so stlačeným klávesom Ctrl (Mac) na prvú snímku a výberom položky Vytvoriť doplnenie tvaru z kontextovej ponuky, ktorá sa zobrazí.

Zobrazí sa šípka a zelená tieňovaná oblasť, čo znamená, že doplnenie bolo úspešne vytvorené.

Stlačením klávesu Enter alebo Return zobrazíte ukážku filmu.

F sa premení na T.

Aj keď bolo doplnenie tvaru úspešné, výsledok možno nebol taký, aký ste očakávali. Je veľká šanca, že sa zdá, že F sa rozdrví (namiesto dokončenia hladkého prechodu) predtým, než bude úplne zrekonštruovaný na T, pretože Flash nevidí spoločné uhly medzi týmito dvoma tvarmi (aj keď vy môžete). Tu prichádzajú na rad tvarové rady: Môžete ich pridať, aby ste navrhli spoločné body pre Flash a vyhladili doplnenie.

Skôr ako začnete, uistite sa, že je povolené Prichytenie k objektom výberom položky Zobraziť → Prichytenie → Prichytiť na objekty. Potom postupujte podľa týchto krokov:

Vyberte Snímka 1 vášho doplnenia tvaru a vyberte Zobraziť → Zobraziť rady tvaru, aby ste zapli napovedanie tvaru.

Vyberte Upraviť → Tvar → Pridať nápovedu tvaru, aby ste vytvorili novú nápovedu tvaru na scéne.

Zobrazí sa červené tlačidlo označené písmenom a.

Ak chcete pridať ďalší tip na tvar, zopakujte krok 2.

Tentoraz sa náznak tvaru objaví označený písmenom b.

Niekedy sa rady tvarov ukladajú na seba; posuňte jeden, aby ste odhalili ostatné pod ním, ak je viditeľný iba jeden.

Umiestnite dve rady tvaru na obrys písmena F.

Ak to chcete urobiť, posuňte nápovedu tvaru (b) len o kúsok, aby ste videli nápovedu tvaru (a). Potom posuňte (a) a pricvaknite do ľavého dolného rohu písmena F. Umiestnite druhú nápovedu tvaru (b) do ľavého horného rohu písmena F.

Vyberte snímku 20.

Uvidíte spoločníkov k radám tvarov, ktoré ste vytvorili, čakajúcich na umiestnenie.

Umiestnite rady tvaru (a) a (b).

Tento krok spája ľavý dolný a ľavý horný roh T s rohmi v F, ako je znázornené na obrázku. Tlačidlá sa rozsvietia na zeleno, čo znamená úspešnú zhodu.

Ak sa vám nedarí rady dokonale prichytiť k okraju (rady sa zobrazia načerveno), uistite sa, že je prichytávanie povolené výberom položky Zobraziť → Prichytiť → Prichytiť k objektom.

Fine-tune Flash CS5 Shape Tweens with Shape Hinting

Stlačením klávesu Enter alebo Return zobrazíte ukážku animácie.

Ak budete pozorne sledovať, uvidíte, že rady tvaru zachovávajú tieto dva rohy ukotvené, zatiaľ čo zvyšok tvaru sa transformuje, čím sa vytvorí hladší prechod.

Poznámka: Podobne ako vodiace čiary pohybu, rady tvaru vykonávajú svoju prácu bez toho, aby sa objavili vo vašom konečnom zverejnenom filme.

Pridajte tipy pre tvary pomocou kombinácie klávesových skratiek Shift+Ctrl+H (Windows) alebo Shift+@@cmd+H (Mac).

Môžete tiež pridať niekoľko zostávajúcich rád na dokončenie doplnenia podľa týchto krokov:

Vyberte snímku 1 vášho doplnenia tvaru a uistite sa, že rady tvaru sú stále viditeľné výberom položky Zobraziť→Zobraziť rady tvaru.

Ak sú už povolené, uvidíte značku začiarknutia.

Vytvorte jeden nový tip tvaru pomocou klávesovej skratky Shift+Ctrl+H (Windows) alebo Shift+@@cmd+H (Mac).

Nápoveda tvaru je automaticky označená písmenom c.

Umiestnite nápovedu tvaru (c) na písmeno F v pravom hornom rohu.

Vyberte Rám 20 a uvidíte sprievodcu novej rady tvaru, ktorá čaká na umiestnenie.

Umiestnite nápovedu tvaru na T tak, aby zodpovedala uhlu, ktorý ste označili na F.

Stlačením klávesu Enter alebo Return spustíte animáciu.

Vidíte, že tvarové rady poskytli oveľa hladší prechod od toho, s čím ste začali.

Fine-tune Flash CS5 Shape Tweens with Shape Hinting

Rady tvaru majú svoju vlastnú kontextovú ponuku, ktorá sa zobrazí, keď kliknete pravým tlačidlom myši (Windows) alebo s klávesom Ctrl (Mac) na ľubovoľnú radu tvaru v prvej snímke doplnenia tvaru. Ak chcete vymazať vybranú nápovedu tvaru, vyberte Odstrániť nápovedu tvaru alebo vyberte Odstrániť všetky rady, čím vymažete všetky rady na scéne a začnete odznova.

Aj keď často nie je potrebné pridať viac ako niekoľko tvarových rád, možno sa pýtate: Koľko tvarových rád je povolených? Odpoveď je 26 — presný počet písmen v abecede. Keď Flash minie písmená na označenie tipov tvaru, už vám to nedovolí vytvoriť ďalšie.


Ako použiť transparentnosť na SVG

Ako použiť transparentnosť na SVG

Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.

Práca s obrázkami v Adobe XD

Práca s obrázkami v Adobe XD

Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]

Ako upraviť vlastnosti textu v Adobe XD

Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]

Práca s umeleckými plátnami vo Photoshope CC

Práca s umeleckými plátnami vo Photoshope CC

Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]

Tvary a mnohouholníky v InDesigne

Tvary a mnohouholníky v InDesigne

Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]

Ako vytvoriť QR kódy v InDesign CC

Ako vytvoriť QR kódy v InDesign CC

InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]

Funkcia Live Paint v Adobe CS5 Illustrator

Funkcia Live Paint v Adobe CS5 Illustrator

Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]