Design Services

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Design Services » Анимационный баннер, анимационный эффект


Анимационный баннер, анимационный эффект

Разработка баннера Purse Store

Создайте новый документ нужного Вам размера и залейте его синим цветом (#00BFF3).
Анимационный баннер *

Создайте прямоугольное выделение с помощью инструмента Rectangular marquee tool (M).
Анимационный баннер *

Нажмите Q активировав маску quick mask. Примените фильтр Distort>>Glass. Настройте, как показано на рисунке.
Анимационный баннер *

Нажмите Q чтобы деактивировать маску quick mask. Создайте новый слой и залейте его белым цветом # FFFFFF.
Анимационный баннер *

Создайте прямоугольник с помощью инструмента Rectangular shape tool.
Анимационный баннер *

Двойным щелчком нажмите на слое, чтобы активировать Blending Options. Примените стиль к слою как показано на рисунке.
Анимационный баннер *

Анимационный баннер *

Вставьте в прямоугольник образ (вашего) товара “чемодан”.
Анимационный баннер *

Создайте еще два треугольника и вставьте туда (свои) товары.
Анимационный баннер *

Слева вставьте лого (вашей) компании
Анимационный баннер *

Создайте прямоугольник с помощью инструмента Rectangular shape tool. Нажмите Ctrl+T и поверните.
Анимационный баннер *

Двойным щелчком нажмите на слое, чтобы активировать Blending Options. Примените стиль к слою как показано на рисунке.
Анимационный баннер *

Анимационный баннер *

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

Анимационный баннер *

Анимационный баннер *

Откройте ImageReady. Для первого кадра скройте все прямоугольники, и изображения как показано на рисунке.
Анимационный баннер *

Дублируйте кадр. Активируйте первый прямоугольник.
Анимационный баннер *

Дублируйте кадр. Активируйте первый образ (вашего) товара “чемодан”.
Анимационный баннер *

Дублируйте кадры и по такому же принципу открывайте остальные слои с (вашим) товаром. Для 3-го кадра поставьте время 0,2 сек. 4-го 0,1 сек, 5-го 0,2 сек., 6-го 0,1 сек., 7-го 0,2 сек., 8-го 0,1 сек.
Анимационный баннер *

Анимационный баннер *

Анимационный баннер *

Анимационный баннер *

Дублируйте кадр. 8-ой будет выдвигающийся слой с треугольником. Помещаем край треугольника в правый верхний угол, для 8-го кадра поставьте время 0,1 сек.
Анимационный баннер *

Дублируйте кадры. Перемещаем слой дальше, для 9-го кадра поставьте время 0 сек., 10-го 1 сек.
Анимационный баннер *

Анимационный баннер *

Дублируйте кадр. Скройте первую надпись и активируйте вторую, для 11-го кадра поставьте время 1 сек.
Анимационный баннер *

Нажмите Ctrl+Alt+Shift+S, чтобы сохранить анимацию в формате GIF.

Удачи…
Анимационный баннер *

Автор: Mr. Smarty
Перевод: fr@go


Вы здесь » Design Services » Анимационный баннер, анимационный эффект


Рейтинг форумов | Создать форум бесплатно