Blinkie tervezése Flash CS3 animációhoz

• Lehet 10, 2024

A J3 Designs tulajdonosa felkért tőlem, hogy hozzon létre egy hirdetési blinkie-t a digitális scrapbooking webhelyére. Meg akarja őrizni a cég márka klasszikus eleganciáját, és adott nekem egy sor grafikát, amelyet már használt a logójához. Ezek egy kamionból, csipkéből, grunge háttérrel, íjból, szárított virágokból és két katicabogárból álltak. Ezeket a grafikákat eredetileg 300 dpi-ben hozták létre, és nagyon nagyok voltak. Tehát az első feladatom az volt, hogy minden grafikát 72 dpi-re és olyan kicsi méretűre csökkentsem, hogy 150 x 50 pixel-es pillanatban használhassam. Ebből a tesztből meg tudtam határozni, mely elemeket lehet használni ilyen kis méretben anélkül, hogy elveszítenék a részletek túl sokat.

Meglepődtem, hogy a legtöbb elem kiválóan működött egy ilyen méretcsökkentés mellett, kivéve a cameo és a szárított virágot. 50 pixel magasságra csökkentve a részletek nagy része elveszett ezekből az elemekből. De a cameo volt a logó ilyen fontos része, úgy döntöttem, hogy csak a cameo felső felét használom. Ezzel nem kellett csökkentenem a képet olyan kicsire, és elmenttem a kamion részleteinek nagy részét.

Megkezdtem a tervezést a statikus háttér elemekkel. Ezek az elemek nem lennének az animáció része. Az egész háttérrétegként a grafikus mintákban szereplő négy grunge hátteret választom. Ezután hozzáadtam a csipkét és a kamionot. Annak érdekében, hogy helyet takarítson meg a blinkie tetején a szöveges animáció érdekében, a csipkét a bal alsó sarokba egy szögbe helyeztem. Végül hozzáadtam a két katicabogár egyikét. De azok a katicabogárok csak arra vártak, hogy élénkítsék.

Az animáció alapját több szöveges animáció alkotja. De azok a katicabogárok mindig rám néztek, ezért úgy döntöttem, hogy hozzáadok egy második animációt, amely a katicabogárokat tartalmazza. Az egyik katicabogár látható lesz a szöveges animáció során, majd a második katicabogár jelenik meg a kamion alatt. Végül együtt másznak. Ehhez fel kellett bontani a háttérréteget több rétegre. Az első háttérréteg a grunge grafika lenne. A második a csipke és a kamion lenne. Természetesen mindkettő katicabogár, a csipke és a kamion PNG-jére volt szükségem a Flash átlátszóságának fenntartása érdekében.

Tehát most négy réteg volt a blinkie-n, a szöveges animációs réteg mellett, melyeket később hozzáadnék.

A scrapbooking oldalakon a legtöbb pillanatkép 150 x 50 pixel. Ez nem ad sok helyet egy bonyolult szöveges animációhoz. Úgy döntöttem, hogy a beépített idővonal-effektusokat használom a szöveg animálására. Az animáció első része a tervező neve lesz. Öt designer weboldal működik ezen a weboldalon, köztük én is. Mivel a vállalkozásom neve a leghosszabb volt, úgy döntöttem, hogy az eredeti animációt a nevem alapján készítem. Ezután könnyű lenne kicserélni a tervező nevét a másik négy pillanatra. Most, hogy a terv elkészült, készen állunk az animációnk felépítésére.

J3 Designs

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. 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 és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.