Navrhování Blinkie pro animaci Flash CS3

• Duben 29, 2024

Majitelka J3 Designs mě požádala, abych vytvořil reklamní blinkie pro její digitální scrapbooking web. Chtěla si zachovat klasickou eleganci firemní značky a poskytla mi grafiku, kterou už použila pro své logo. Jednalo se o portrét, krajku, grunge pozadí, luk, sušené květiny a dvě berušky. Tyto grafiky byly původně vytvořeny při 300 dpi a byly velmi velké. Moje první úlohou tedy bylo snížit každou grafiku na 72 dpi a na dostatečně malou velikost, aby se dalo použít v blikání 150 x 50 pixelů. Z tohoto testu jsem mohl určit, které z prvků lze použít v tak malé velikosti, aniž bych ztratil příliš mnoho detailů.

Překvapilo mě, že většina prvků pracovala při takovém snížení velikosti dobře, kromě portrétu a sušených květin. Při zmenšení na výšku 50 pixelů byla většina těchto prvků ztracena. Ale portrét byl tak důležitou součástí loga, rozhodl jsem se použít pouze jeho horní polovinu. Tím jsem nemusel zmenšit obrázek na tak malou velikost a uložil většinu detailů portrétu.

Začal jsem stavět design s prvky statického pozadí. Tyto prvky by nebyly součástí animace. Jako celkovou vrstvu pozadí vybírám jedno ze čtyř grungeových pozadí obsažených v grafických vzorcích. Poté jsem přidal krajku a portrét. Abych ušetřil místo v horní části blinkie pro textovou animaci, umístil jsem krajku pod úhlem v levém dolním rohu. Nakonec jsem přidal jednu ze dvou berušek. Ale tyhle berušky jen čekaly na oživení.

Základem animace by bylo několik animací textu. Ale ty berušky se na mě stále dívaly, a tak jsem se rozhodl přidat druhou animaci s beruškami. Během animace textu by byla vidět jedna beruška a poté se druhá beruška objevila zpod portrétu. Nakonec se plazili společně. K tomu jsem potřeboval rozdělit vrstvu pozadí na několik vrstev. První vrstva pozadí by byla grunge grafika. Druhým by byla krajka a portrét. Samozřejmě jsem potřeboval PNG obou slunéček, krajky a portrétu, abych zachoval průhlednost ve Flashi.

Takže jsem teď měl na své blinki čtyři vrstvy, kromě vrstvy textové animace, kterou bych později přidal.

Většina mrknutí na scrapbooking webech je 150 x 50 pixelů. To vám nedává mnoho prostoru pro komplikovanou textovou animaci. Rozhodl jsem se použít vestavěné efekty časové osy k animaci textu. První část animace bude jméno návrháře. Pro tento web existuje pět návrhářů, včetně mě. Protože moje obchodní jméno bylo nejdelší, rozhodl jsem se vytvořit původní animaci pomocí svého jména. Potom by bylo snadné vypnout jméno návrháře pro další čtyři mrknutí. Nyní, když je návrh vytvořen, jsme připraveni sestavit naši animaci.

Vzory J3

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společ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 / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Pět nejčastějších chyb při navrhování kuchyně (Duben 2024).