Navrhovanie blinkie pre animáciu Flash CS3

• Smieť 8, 2024

Majiteľka J3 Designs ma požiadala o vytvorenie reklamnej blinkie pre jej webovú stránku o digitálnom scrapbookingu. Chcela si zachovať klasickú eleganciu značky spoločnosti a poskytla mi grafiku, ktorú už použila pre svoje logo. Pozostávali z portrétu, čipky, grunge pozadia, luku, sušených kvetov a dvoch slunéčok. Tieto grafiky boli pôvodne vytvorené pri 300 dpi a boli veľmi veľké. Mojou prvou úlohou teda bolo znížiť každú grafiku na 72 dpi a na takú malú veľkosť, aby ju bolo možné použiť v blikaní 150 x 50 pixlov. Z tohto testu som mohol určiť, ktoré z prvkov by sa mohli použiť v takej malej veľkosti, bez toho, aby som stratil príliš veľa detailov.

Bol som prekvapený, že väčšina prvkov pri takomto zmenšovaní fungovala dobre, okrem portrétu a sušených kvetov. Keď sa znížila na výšku 50 pixelov, väčšina týchto prvkov sa stratila z týchto prvkov. Ale portrét bol takou dôležitou súčasťou loga, rozhodol som sa použiť iba jeho hornú polovicu. Tým som nemusel zmenšiť obrázok na tak malú veľkosť a uložiť väčšinu detailov portrétu.

Návrh som začal stavať so statickými prvkami pozadia. Tieto prvky by neboli súčasťou animácie. Ako celkovú vrstvu pozadia vyberiem jedno zo štyroch grunge pozadí obsiahnutých v grafických vzorkách. Ďalej som pridal čipku a portrét. Aby som ušetril miesto pre animáciu textu, umiestnil som čipku do ľavého dolného rohu. Nakoniec som pridal jednu z dvoch slunéčok. Ale tie lienky čakali, až budú oživené.

Základ animácie bude tvoriť niekoľko textových animácií. Ale tie berušky sa na mňa stále pozerali, tak som sa rozhodol pridať ďalšiu animáciu, v ktorej budú hrať lienky. Počas animácie textu by bola viditeľná jedna lienka a potom sa objavila druhá lienka zdola. Nakoniec by sa plazili spolu. Aby som to mohol urobiť, potreboval som rozdeliť vrstvu pozadia na niekoľko vrstiev. Prvou vrstvou pozadia by bola grungeová grafika. Druhým by bola čipka a portrét. Na udržanie priehľadnosti vo formáte Flash som samozrejme potreboval PNG oboch slunéčiek, čipiek a portrétov.

Takže teraz som mal na svojom blinki štyri vrstvy, okrem textovej animácie, ktorú by som pridal neskôr.

Väčšina žmurknutí na stránkach obchodov so scrapbookingom je 150 x 50 pixlov. To vám nedáva veľa priestoru na komplikovanú textovú animáciu. Na animáciu textu som sa rozhodol použiť vstavané efekty časovej osi. Prvou časťou animácie by bolo meno návrhára. Existuje päť dizajnérov pre tento web, vrátane mňa. Pretože moje obchodné meno bolo najdlhšie, rozhodol som sa vytvoriť originálnu animáciu pomocou môjho mena. Potom by bolo ľahké vypnúť meno dizajnéra pre ďalšie štyri bliknutia. Po vytvorení dizajnu sme pripravení zostaviť našu animáciu.

Dizajn J3

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.