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

SaNe4eG — Tue, 29 Sep 2009 13:49:21 GMT

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

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

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

Я изменил Blending mode (Параметры смешивания) изображения на Luminosity (Свечение). Я предварительно поиграл с параметрами смешивания, все варианты выглядят симпатично.

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

На данный момент у вас должно быть три разных слоя:
Задний фон
Простое изображение
И размытое изображение

Итак, теперь мы готовы перейти в редактор Imageready.
Сейчас вам надо спрятать размытый слой:

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

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

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

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

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

При сохранени файла, зайдите в меню File>Save as (Файл > Сохранить как..) и выберите формат gif.

Мигающая аватарка

SaNe4eG — Tue, 29 Sep 2009 09:25:51 GMT

Я вам расскажу, как за пару шагов создать мигающую анимацию.

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

Дублируем слой, нажимая комбинацию клавиш Сtrl+J

К слою "задний план" применяем такие параметры.
Заходим меню Изображение - Уровни (Ctrl + L)

Серый ползунок передвигаем влево до значения 2,37

Далее переходим на верхний слой, снова нажимаем Ctrl + L, там двигаем серый ползунок вправо на 0,42

Переходим в меню Окно и открываем палитру Анимация.

Прячем слой1.

окне анимации дублируем фрейм.

Открываем глазик у слоя 1, а задний план наоборот прячем.

В окне анимация устанавливаем цикл "Всегда".
Нажимаем на кнопку Play и смотрим, как проигрывается анимация.

Время каждому кадру вы можете установить самостоятельно.

Затем переходим в меню Файл - Сохранить для web
Устанавливаем формат GIF, 256 цветов.

И у нас готова анимация!

Развлекательный портал "SAMP-City"

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

Мигающая аватарка