Good Drawing Books Photoshop brat ImageReady

Aug 29, 2023

Zanechajte správu

Ak máte v počítači nainštalovaný Photoshop 5.5 alebo novší, nepochybne nájdete spolu s Photoshopom nainštalovaný aj ďalší program s názvom ImageReady. Tak čo, viete na čo sa používa?

ImageReady je špeciálny softvér na úpravu animácií, ktorý kompenzuje nedostatky Photoshopu pri úprave animácií a webových materiálov. ImageReady obsahuje veľké množstvo nástrojov na vytváranie webových obrázkov a animácií a dokonca dokáže produkovať časť html kódu, o ktorom sa dá povedať, že je výkonný. Poďme sa pozrieť na dve jeho základné animačné funkcie.

1. Vytvorte animované obrázky GIF

Animácia je vlastne séria súvislých statických obrázkov, každý statický obrázok sa nazýva snímka, keď sa tieto snímky nepretržite a rýchlo zobrazujú, vytvorí sa efekt animácie. Úprava animácie pomocou ImageReady je o manipulácii so snímkami.

1. Vytvorte nový rám

Otvorte ImageReady, vytvorte nový súbor s rozmermi 244 × 277 pixelov s názvom „Finger Magic“, v ponuke „Window“ kliknite na „Show layer“ a príkaz „Show animation“, aby sa panel vrstvy a panel animácií zobrazili v softvérovom rozhraní. Otvorte súbor t1.jpg, stlačením Ctrl+A vyberte celý obsah obrázka, skopírujte ho a vložte do nového obrázka. Toto je prvá snímka animácie a je to predvolený normálny stav obrázka v programe.

Kliknutím na tlačidlo "Kopírovať aktuálny rámec" pod panelom animácie vytvorte druhý rámec. Tiež skopírujte celý obsah t2.jpg do nového súboru "Quick Finger Magic".

Potom pomocou vyššie uvedenej metódy prilepte súbory t3.jpg, t4.jpg, t5.jpg, t6.jpg do ich vlastných nových snímok, čím vytvoríte celkom 6 snímok.

2. Zhoda medzi vrstvami a rámami

Vyberte vrstvu "Pozadie" na paneli Vrstvy a stlačte tlačidlo "Odstrániť vrstvu" (symbol malého koša) v pravom dolnom rohu panela vrstiev, čím vrstvu pozadia odstránite.

Kliknutím vyberte Snímka 1 na paneli Animácia a skryte vrstvy 2, 3, 4, 5 a 6 na paneli Vrstvy (odstránením „očiek“ na ľavej strane týchto vrstiev).

Potom kliknite na Snímka 2 na paneli Animácia a skryte vrstvy 1, 3, 4, 5, 6 na paneli Vrstvy, aby sa zobrazil iba obsah vrstvy 2.

Rovnakým spôsobom sú ostatné vrstvy v snímkach 3 až 6 skryté oddelene, takže každá snímka zobrazuje iba obsah vrstvy, ktorý s ňou súvisí. Výsledok je znázornený na obrázku 2.

3. Náhľad a uloženie

V spodnej časti každej snímky na paneli animácií kliknite na malý obrátený trojuholník napravo od slova „sekundy“ a vyberte čas, počas ktorého sa má každá snímka zobrazovať (0240 sekúnd, môžete upraviť to sám). Nakoniec môžete animáciu priamo otestovať kliknutím na tlačidlo Prehrať na paneli animácií. Ak ste stále spokojní, môžete v menu "Súbor" zvoliť "Uložiť výsledky optimalizácie", uložiť naše výsledky ako "finger magic.gif" a dokončiť výrobu.

Mimochodom, môžete tiež otvoriť akýkoľvek animovaný GIF pomocou ImageReady a upraviť každý snímok. Zistil som, že rozhranie ImageReady je užívateľsky prívetivejšie a jednoduchšie ako FireWork, ďalší známy program na úpravu animácií.

Po druhé, urobte prevrátené obrázky

Na webových stránkach sa bežne stretávame s rôznymi dynamickými efektmi spôsobenými udalosťami myši, ako je najbežnejšie presunutie myši nad obrázok, kliknutie a presun preč, obsah obrázka sa zmení. Zatiaľ čo úprava tohto efektu pomocou webového html kódu je ťažkopádna, ImageReady je oveľa jednoduchšia.

Spôsob vytvárania tohto efektu prevrátenia obrázka je v podstate rovnaký ako spôsob vytvárania animácie vyššie, jediný rozdiel je v tom, že namiesto otvorenia panela animácií na úpravu každej snímky otvoríme panel prevrátenia na úpravu každého iného stavu myši.

Pomocou príkazu "Okno → Zobraziť preklopenie" otvorte panel preklopenia a kliknutím na tlačidlo "Vytvoriť nový stav preklopenia" v spodnej časti panela vytvorte rôzne stavy prevrátenia. Celkovo je tu 6 stavov, a to: normálny, Over, Down, click, Out a Up. O ďalších krokoch nie je veľa čo povedať, to isté je vytvoriť zodpovedajúci vzťah medzi každým stavom a každou vrstvou a nakoniec vybrať "Uložiť výsledok optimalizácie ako..." , uložiť ako formát HTML.