Чтобы украсить свой сайт, напомнить о предстоящих праздниках в блоге или в любом другом месте на просторах Интернета, воспользуемся флеш-анимацией. В этом видео уроке вы узнаете, как создать анимированную флеш-открытку на тему Дня Победы.

При создании данной флеш-анимации на праздник 9 мая используется:

  • программа Adobe Flash;
  • любая картинка со звездой или вечным огнем для Дня Победы, предварительно почищенные от заднего фона.

Создаем новый документ (сцену) 400*300 пикселей. Далее, делаем заливку любого цвета всей сцены. Выделяем ее и подгоняем размер под формат документа. Позицию выставляем - 0. После этого, снова выделяем заливку и добавляем градиент. Тип заливки - линейный. Цвет выбираем от темно-красного к светлому, затем снова к темно-красному. Поправляем заливку, делаем наклон под любым острым углом. Убираем обводку и замыкаем слой.

флеш анимация открытка 9 мая день победы градиент

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

Далее, выбираем инструмент "Уголок" и начинаем искривлять линию. Взяв одну узловую точку, дотягиваем ее до половины одной четвертинки и тянем вверх. То же самое проделываем со второй половиной. Таким образом эта линия создаст эффект волны в анимации.

флеш анимация открытка 9 мая день победы градиент

Кликаем на последнем слое линейку времени. Копируем линию, вставляем и опускаем чуть ниже. Снова вставляем и опускаем новую линию уже намного дальше. Точно так же проделываем еще несколько раз, чтобы получить в итоге линии для георгиевской ленточки. После этого, замыкаем получившиеся полосы при помощи инструмента "линия", рисуем ее поперек полос с двух сторон. Теперь, закрашиваем каждую полоску соответствующим цветом.

флеш анимация открытка 9 мая день победы георгиевская ленточка

Снова кликаем на линейку времени данного слоя и убираем контур фигуры. Поднимаем или опускаем ее на нужное место открытки. Далее, создаем для георгиевской ленточки анимацию. Встаем на 20-й кадр, нажимаем правую кнопку и выбираем в меню "Вставить ключевой кадр". То же самое проделываем со слоем заливки.

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

флеш анимация открытка 9 мая день победы ленточка

Переходим к анимации звезды. Создаем новый слой. Из библиотеки импортируем выбранную ранее картинку звезды или вечного огня, вставляем ее в нужное место сцены. По желанию, можно добавить тень. Пишем текст "9 мая", изменяем формат и стиль надписи. Меняем заливку белого цвета и перетаскиваем в нужное место.

флеш анимация открытка 9 мая день победы вечный огонь

Добавим блики к картинки Вечного огня. Создаем новый слой. Чтобы был виднее весь процесс, увеличиваем сцену на 200%. С помощью инструмента "Линия" или "Карандаш" обводим каждый элемент по контуру. Если вы использовали первый инструмент, то после рисовки основных линий, выбираем "Стрелку" и изгибаем каждую линию.

флеш анимация открытка 9 мая день победы блик

Для того, чтобы создать блик, добавляем еще один новый слой и рисуем в любом свободном месте прямоугольник. Заливаем его линейным градиентом. Все цвета делаем белыми. У крайних линий - Альфа-0%, центральный бегунок остается 100%. Заливаем получившимся градиентом прямоугольник, поворачиваем его на 90 градусов, убираем контур.

флеш анимация открытка 9 мая день победы блик

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

Чтобы блик проходил только по нарисованной маске цифры "65", слой с контуром перемещаем выше слоя с бликом. Выделяем линейку времени, фигуру на сцене, нажимаем правой кнопкой на слое и выбираем "Маску".

флеш анимация открытка 9 мая день победы

То же самое можно сделать с годами на Вечном огне. Также в видео уроке рекомендуется использовать только рисованные фигуры, так как из-за импорта посторонней картинки вес флеш-ролика значительно увеличивается.

Красивым праздничным оформлением может стать и плакат на 9 мая. В видео уроке ниже вы узнаете, как сделать оригинальный тематический плакат в фотошопе за несколько минут.