Главная » 2011 » Октябрь » 8 » Динамичная анимация
17:34
Динамичная анимация

В этом уроке мы научим вас создавать динамичную анимацию с эффектом размытия.

конечный результат

Создайте новый документ размером 400x125 px с прозрачным фоном. Создайте произвольный  простой фон и выберите анимируемое изображение, как наше, представленное выше.
Мы будем работать вот с этим изображением:

исходное изображение

Для начала поместите это изображение на задний фон произвольным удобным для вас образом:

поместите изображение на задний фон

Мы применили к изображению Blending mode (Параметры смешивания) режим Luminosity (Свечение). 
Продублируйте слой изображения, и примените фильтр размытия, выполнив команду меню Filter>Blur>Motion Blur (Фильтр > Размытие > Размытие в движении), с параметромDistance (Смещение) - 25px.
После применения фильтра дубликат слоя должен выглядеть примерно так:

результат применения фильтра

На данный момент имеем три  слоя:
-задний фон; 
-простое изображение; 
- размытое изображение.

Итак, теперь мы готовы перейти в редактор Image ready.
Скройте размытый слой:

Скройте размытый слой

Перейдите в окно анимации и продублируйте первую рамку:

окно анимации

При активной второй рамке анимации, скройте простое изображение, и сделайте видимым размытое изображение:

палитра слоев

Продублируйте вторую рамку и передвиньте размытый слой изображения примерно на четверть от одной стороны к другой:

Продублируйте вторую рамку

Повторяйте это действие до тех пор, пока не передвинете размытое изображение на другую сторону:

Повторте это действие

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

окно анимации

Повторите эти действия в обратном направлении . В результате, должно получиться так:

Повторите действия в обратном порядке

Установите время задержки  двух рамок с обычным изображением на 2 секунды. Чтобы установить время паузы рамки, кликните на кнопку под ней, где установлен параметр 0 секунд. 
Надеемся, что вы справились с уроком.

конечное изображение

P.S. Для сохранения файла, зайдите в меню File>Save as (Файл > Сохранить как..) и сохраните его в формате gif.

Просмотров: 427 | Добавил: muradkurshumov | Теги: Динамичная анимация | Рейтинг: 0.0/0
Всего комментариев: 0
Движок: uCoz
Адаптация by © AID