Создание Blinkie для Flash CS3 Animation

• April 18, 2024

Владелец J3 Designs попросил меня создать рекламный ролик для ее сайта по цифровому скрапбукингу. Она хотела сохранить классическую элегантность бренда компании и подарила мне набор графики, который она уже использовала для своего логотипа. Они состояли из камеи, кружева, гранжевых фонов, банта, сухих цветов и двух божьих коровок. Эти графики были изначально созданы с разрешением 300 точек на дюйм и были очень большими. Поэтому моя первая работа заключалась в том, чтобы уменьшить каждую графику до 72 точек на дюйм и до размера, достаточно малого для использования в бликах размером 150 x 50 пикселей. Из этого теста я мог определить, какой из элементов можно было бы использовать в таком маленьком размере, не теряя слишком много деталей.

Я был удивлен, что большинство элементов работало хорошо при таком уменьшении размера, за исключением камеи и сухих цветов. При уменьшении до 50 пикселей большая часть деталей терялась из этих элементов. Но камея была такой важной частью логотипа, что я решил использовать только верхнюю половину камеи. Делая это, мне не нужно было уменьшать изображение до такого маленького размера и сохранять большую часть деталей камеи.

Я начал строить дизайн со статическими элементами фона. Эти элементы не будут частью анимации. Я выбираю один из четырех гранжевых фонов, включенных в графические образцы, в качестве общего фонового слоя. Затем я добавил кружево и камею. Чтобы освободить место в верхней части блика для текстовой анимации, я поместил шнурок под углом в левом нижнем углу. Наконец, я добавил одну из двух божьих коровок. Но эти божьи коровки только и ждут, чтобы их оживили.

Основа анимации будет состоять из нескольких текстовых анимаций. Но эти божьи коровки продолжали смотреть на меня, поэтому я решил добавить вторую анимацию с участием божьих коровок. Одна божья коровка будет видна во время анимации текста, а затем появится вторая божья коровка из-под камеи. Наконец-то они отползут вместе. Для этого мне нужно было разбить фоновый слой на несколько слоев. Первым фоновым слоем будет гранж-графика. Вторым будет кружево и камея. Конечно, мне нужны были PNG божьих коровок, кружева и камеи, чтобы сохранить прозрачность во Flash.

Итак, теперь у меня было четыре слоя для моего blinkie, кроме слоя текстовой анимации, который я добавлю позже.

Большинство бликов на сайтах скрапбукинга имеют размер 150 х 50 пикселей. Это не дает вам много места для сложной текстовой анимации. Я решил использовать встроенные эффекты временной шкалы для анимации текста. Первая часть анимации будет именем дизайнера. Для этого сайта есть пять дизайнеров, включая меня. Поскольку название моей компании было самым длинным, я решил создать оригинальную анимацию, используя свое имя. Тогда было бы легко поменять имя дизайнера для остальных четырех миганий. Теперь, когда дизайн создан, мы готовы создать нашу анимацию.

J3 Designs

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.