Projektowanie blinkie dla animacji Flash CS3

• Może 6, 2024

Właścicielka J3 Designs poprosiła mnie o stworzenie reklamowego blinkie na jej cyfrową stronę do scrapbookingu. Chciała zachować klasyczną elegancję marki firmy i dała mi zestaw grafik, których użyła już do logo. Składały się one z kamei, koronki, tła grunge, kokardki, suszonych kwiatów i dwóch biedronek. Te grafiki zostały pierwotnie utworzone w rozdzielczości 300 dpi i były bardzo duże. Więc moim pierwszym zadaniem było zmniejszenie każdej grafiki do 72 dpi i do rozmiaru wystarczająco małego, aby użyć jej w blinkie 150 x 50 pikseli. Na podstawie tego testu mogłem ustalić, który z elementów można zastosować przy tak małym rozmiarze, nie tracąc przy tym zbyt dużej ilości szczegółów.

Byłem zaskoczony, że większość elementów działała dobrze przy takim zmniejszeniu wielkości, z wyjątkiem kamei i suszonych kwiatów. Po zmniejszeniu do wysokości 50 pikseli większość szczegółów została utracona z tych elementów. Ale kamea była tak ważną częścią logo, postanowiłem użyć tylko górnej połowy kamei. Dzięki temu nie musiałem zmniejszać obrazu do tak małego rozmiaru i zapisałem większość szczegółów okienka obrazu.

Zacząłem budować projekt za pomocą statycznych elementów tła. Te elementy nie byłyby częścią animacji. Jako ogólną warstwę tła wybieram jedno z czterech tła grunge zawartych w próbkach graficznych. Następnie dodałem koronkę i kameę. Aby zaoszczędzić miejsce na górze blinkie na animację tekstową, umieściłem koronkę pod kątem w lewym dolnym rogu. W końcu dodałem jedną z dwóch biedronek. Ale te biedronki tylko czekały na animację.

Podstawa animacji składałaby się z kilku animacji tekstowych. Ale te biedronki wciąż na mnie patrzyły, więc postanowiłem dodać drugą animację z udziałem biedronek. Jedna biedronka byłaby widoczna podczas animacji tekstu, a następnie druga biedronka pojawiała się spod okienka obrazu. Wreszcie będą się czołgać razem. Aby to zrobić, musiałem rozdzielić warstwę tła na kilka warstw. Pierwszą warstwą tła byłaby grafika grunge. Drugi to koronki i kamea. Oczywiście potrzebowałem PNG obu biedronek, koronki i kamei, aby zachować przejrzystość we Flashu.

Więc miałem teraz cztery warstwy do blinkie, oprócz warstwy animacji tekstu, którą chciałbym dodać później.

Większość blinkies na stronach do scrapbookingu ma wymiary 150 x 50 pikseli. To nie daje dużo miejsca na skomplikowaną animację tekstu. Postanowiłem użyć wbudowanych efektów osi czasu do animacji tekstu. Pierwszą częścią animacji będzie nazwisko projektanta. Na tej stronie jest pięciu projektantów, w tym ja. Ponieważ moja nazwa firmy była najdłuższa, postanowiłem utworzyć oryginalną animację przy użyciu mojego imienia. Wtedy łatwo byłoby zmienić nazwisko projektanta dla pozostałych czterech blinków. Po zbudowaniu projektu jesteśmy gotowi do zbudowania naszej animacji.

Wzory J3

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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 i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.