Photoshop: Создание анимации блика

В этом уроке создадим несложную анимацию при помощи градиента и изображения, используя фотошоп:

Создаем документ и загружаем туда изображение:

Направляемся в главное меню window -> animation и активируем окно для управления анимацией

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

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

Закрываем параметры слоя и направляемся в окно управление анимацией и создаем в нем дополнительный кадр:

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

Зажимаем клавишу Shift и выделяем два кадра, затем нажимаем на кнопку tweens , которая расположена ниже:

В появившемся окне вводим следующие параметры:

Теперь можете нажать на кнопку play и посмотреть результат.

Для того, чтобы сохранить анимированный рисунок заходим в главное меню File -> Save for web и в появившемся окне, в пункте Preset выбираем значение GIF 128 Dithered и получаем такой анимированный рисунок:

Комментировать

Почта не публикуется.Обязательные поля отмечены *