Motion Tween v reklamnej Blinkie vo Photoshope

• Apríl 28, 2024

V tomto tutoriále aplikácie Photoshop CS3 dokončíme reklamné blinkie presunutím textu a lienky z blinkie, ak necháte animáciu znova spustiť, nechajte ju prázdnu. V poslednom tutoriále sme dokončili morfovanie textu na snímke 74.

Teraz začneme pohybovať červenou lienkou zdola a smerom k textu (návrhy J 3). Dajte ladybug 15 rámčekom, aby dosiahli pravý okraj textu. Od tejto chvíle presunieme text aj lienku spolu o 60 snímok, až kým nezmiznú z blikania. Ďalej presunieme zlatú lienku z ľavého dolného rohu do pravého horného rohu a mimo blikania. Dajme tejto beruške 20 snímok pre túto úlohu.

V tomto okamihu bude blinkie prázdna. Predtým, ako presunieme zlatú lienku späť do pôvodnej polohy v ľavom dolnom rohu blinkru, dáme publiku krátku prestávku v odpočinku 5 snímok. Týmto sa dokončí celá animácia, ktorá sa bude opakovať, až kým sa svet neskončí.

Otvorte súbor projektu blinkie2.psd do aplikácie Photoshop^R a začnime.

1. Naším prvým krokom je posunúť červenú lienku smerom k textu. Pridajte snímku 75 a nastavte trvanie späť na 0,1 sekundy. Pridajte rám 76 a kliknite na vrstvu Červeného slunéčka na palete Vrstvy. Teraz kliknite na nástroj Premiestniť a použite ho na presunutie lienky na miesto na pravom konci textu. Na umiestnenie lienky môžete použiť aj smerové šípky na klávesnici.
   
   
2. Vyberte obe snímky 75 a 76 a vytvorte doplnok Motion Tween s trvaním 15 snímok. Teraz by ste mali mať 91 snímok.
   
   
3. Teraz použijeme Motion Tween zo 60 snímok, aby sme odstránili chybu aj text mimo dohľadu. Na snímke 91 vyberte v palete Vrstvy vrstvy Red Ladybug aj J 3 Designs. Pridajte nový rámček 92 a potiahnite bug aj text doľava a mimo blikania. Vyberte oba snímky 91 a 92 a pridajte doplnenie 60 snímok. Mali by ste mať 152 snímok.
   
   Teraz by sme mali vyskúšať animáciu.
   
   
4. Je čas prebudiť tú zlatú lienku a dať ju do práce. Pridajte nový rám 153 a vyberte paletu Zlatá lienka v palete Vrstvy. Pridajte ďalší rám 154 a potiahnite zlatú lienku do pravého horného rohu a mimo blinkie. Vyberte oba snímky 153 a 154 a pridajte doplnenie 20 snímok. Mali by ste mať 174 snímok.
   
   
5. Chceme, aby blinkie bolo prázdne po dobu piatich .l sekúnd. Zmeňte teda trvanie rámca 174 na 0,5 sekundy.
   
   Nakoniec musíme presunúť zlatú lienku späť na jej východiskovú pozíciu.
   
   
6. Vráťte sa späť na Rám 1 a v rozbaľovacej ponuke palety Animácie kliknite na položku Kopírovať rám. Vyberte posledný rám (174) a kliknite na Prilepiť rám. V dialógovom okne Prilepiť snímky vyberte možnosť Prilepiť po výbere a kliknite na tlačidlo OK. Tým sa pridá rámček 175.
   
   
7. Pridajte nový rám 176, aby ste duplikovali rám 175. Vráťte sa späť na rám 175 a ak je v palete Vrstvy stále vybraná vrstva Zlatá lienka, potiahnite lienku smerom dole a mimo blikania.
   
   
8. Vyberte oba snímky 175 a 176 a pridajte doplnenie 10 snímok. Mali by ste mať 186 snímok.
   
   
9. Skontrolujte, či je položka Looping Options (Voľby opakovania) nastavená na možnosť Forever (spodná časť palety Animation) a uložte blinkie ako AdvBlinkie.psd. Vráťte sa do snímky 1 a otestujte svoje hotové blikanie. Budete tiež chcieť použiť možnosť Uložiť pre web a zariadenia z ponuky Súbor na uloženie svojho blikania vo formáte gif pre web.
   
   

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.