Blinkien suunnittelu Flash CS3 -animaatioon

• Saattaa 4, 2024

J3 Designsin omistaja pyysi minua luomaan mainoskampanjan hänen digitaaliseen scrapbooking-verkkosivustoonsa. Hän halusi ylläpitää yrityksen brändin klassista eleganssia ja antoi minulle sarjan grafiikoita, joita hän oli jo käyttänyt logoonsa. Ne koostuivat kameosta, pitsiä, grunge-taustat, jousia, kuivattuja kukkia ja kahta leppäkerttua. Nämä grafiikat luotiin alun perin 300 dpi: llä ja olivat erittäin suuria. Joten ensimmäinen työni oli pienentää kukin grafiikka 72 dpi: hen ja kokoon, joka oli riittävän pieni käytettäväksi 150 x 50 pikselin blinkissä. Tämän testin avulla voin selvittää, mitä elementtejä voitaisiin käyttää niin pienessä koossa menettämättä liikaa niiden yksityiskohtia.

Olin yllättynyt siitä, että suurin osa elementeistä toimi hienosti tällaisessa koon pienentämisessä, lukuun ottamatta kameota ja kuivattuja kukkia. Kun pienennettiin 50 pikselin korkeuteen, suurin osa yksityiskohdista katosi näistä elementeistä. Mutta cameo oli niin tärkeä osa logoa, päätin käyttää vain kameon yläosaa. Tekemällä tämän, minun ei tarvinnut pienentää kuvaa niin pieneksi ja tallensin suurimman osan kameran yksityiskohdista.

Aloin rakentaa mallia staattisilla taustaelementeillä. Nämä elementit eivät olisi osa animaatiota. Valitsen yhden neljästä graafisen näytteen sisältämästä grunge-taustasta yleiseksi taustakerrokseksi. Seuraavaksi lisäsin pitsi ja cameo. Säästääksesi tilaa mirkin yläosassa tekstianimaatioa varten, asetin pitsin kulmaan vasempaan alakulmaan. Lopuksi lisäsin yhden kahdesta leppäkertusta. Mutta nuo leppäkertut odottivat vain animointia.

Animaation perusta muodostuisi useista tekstianimaatioista. Mutta nuo leppäkertut katselivat minua jatkuvasti, joten päätin lisätä toisen animaation, joka pääsiäisiin leppäkerttuihin. Yksi leppäkerttu oli näkyvissä tekstianimaation aikana ja sitten toinen leppäkerttu ilmestyi kameon alle. Lopuksi he indeksoivat yhdessä. Tätä varten minun piti hajottaa taustakerros useisiin kerroksiin. Ensimmäinen taustakerros olisi grunge-grafiikka. Toinen olisi pitsi ja cameo. Tarvitsin tietysti molempien leppäkerttujen, pitsi- ja cameo-PNG-tiedostoja säilyttääksesi läpinäkyvyyden Flash-tilassa.

Joten, minulla oli nyt neljä kerrosta blinkissäni, lisäksi teksti-animaatiokerros, jonka lisäisin myöhemmin.

Suurin osa scrapbooking-sivustojen välähdyksistä on 150 x 50 pikseliä. Tämä ei anna sinulle paljon tilaa monimutkaiselle tekstianimaatiolle. Päätin käyttää sisäisiä aikajanan tehosteita tekstin animointiin. Animaation ensimmäinen osa olisi suunnittelijan nimi. Tätä verkkosivustoa on viisi suunnittelijaa, mukaan lukien minä. Koska yritykseni nimi oli pisin, päätän luoda alkuperäisen animaation nimeni avulla. Sitten olisi helppo vaihtaa suunnittelijan nimi muille neljälle salamalle. Nyt kun suunnittelu on rakennettu, olemme valmiita rakentamaan animaatiomme.

J3 mallit

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: Breaking Through The (Google) Glass Ceiling by Christopher Bartholomew (Saattaa 2024).