Photoshop

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

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


Вы здесь » Photoshop » Уроки по Photoshop » Динамичная анимация


Динамичная анимация

Сообщений 1 страница 2 из 2

1

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

Что получится

http://s7.uploads.ru/CAM75.gif

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

1

http://s6.uploads.ru/C6zHh.jpg

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

2

http://s7.uploads.ru/DgtTn.gif

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

3

http://s7.uploads.ru/FmEP6.gif

На данный момент у вас должно быть три разных слоя: Задний фон Простое изображение И размытое изображение Итак, теперь мы готовы перейти в редактор Imageready. Сейчас вам надо спрятать размытый слой:

4

http://s7.uploads.ru/CpzJ6.gif

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

5

http://s6.uploads.ru/ov5AG.gif

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

6

http://s6.uploads.ru/A4Thv.gif

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

7

http://s6.uploads.ru/Wpx9h.gif

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

8

http://s6.uploads.ru/SRw4k.gif

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

9

http://s6.uploads.ru/rbwin.gif

Теперь вам надо будет повторить эти действия в обратном направлении . Когда вы закончите, у вас должно получиться что-то, похожее на это:

10

http://s7.uploads.ru/BqQaH.gif

Установите параметры задержки у двух рамок с обычным изображением на 2 секунды. Чтобы установить время паузы у рамки, кликните на кнопку под ней, где установлен параметр 0 секунд. Надеюсь, этот урок помог вам и вы с ним справились. http://s6.uploads.ru/AbOPG.gif

0

2

Очень интересно

0


Вы здесь » Photoshop » Уроки по Photoshop » Динамичная анимация