Анимация блика
Анимация блика
Всем привет!
Сегодня в уроке "Анимация блика" мы будем добавлять анимированный блик на фотографию.
Таким бликом можно «оживить» любое фото, на котором присутствует объект, имеющий свойство блестеть или бликовать. Эффект довольно прост в исполнении и будет прекрасно смотреться, например, на аватарке для социальных сетей.
Сначала мы откроем изображение из папки с исходниками, кадрируем (обрежем) его и изменим размер. Затем создадим 5 копий слоя, один слой оставим без изменений, к остальным применим фильтр Блик с разными настройками. Далее мы перейдем в панель анимации, «оживим» нашу картинку и сохраним анимацию.
Открываем в фотошоп (Ctrl+O) фотографию из папки с исходниками.
Активируем инструмент Рамка. В верхней панели настроек инструмента Рамка вводим настройки, как на рисунке ниже, чтобы получить в итоге квадратное изображение. Потянув за уголки рамки, уменьшаем рамку кадрирования. Для применения кадрирования нажимаем клавишу Enter на клавиатуре или жмем на «галочку» в верхней панели настроек инструмента Рамка.
Картинка в большом разрешении, что довольно хорошо для создания коллажей, но для анимации нам нежелателен такой большой размер. Лучше ограничиться размером 600-800 пикселей по длинной стороне.
Чтобы уменьшить изображение переходим в меню Изображение-Размер изображения и в появившемся окне вводим примерно такие значения, как на скриншоте ниже. Значок замка, отмеченный стрелочкой, должен быть активен – это позволит изменить размер пропорционально.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «1». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Создаем 5 копий слоя «1». Чтобы создать копию слоя, нажмите сочетание клавиш Ctrl+J. Переименовываем слои снизу вверх в «2», «3», «4», «5» и «6». На скриншоте вы можете это увидеть более наглядно.
В панели слоев отключаем видимость верхних слоев, нажав на «глазики» около слоев и активируем слой «2».
Переходим в меню Фильтр-Рендеринг-Блик. В открывшемся окне перетаскиваем «крестик» в ту область, где должен располагаться блик. Меняем значение яркости на 45%.
В панели слоев возвращаем видимость слою «3» и делаем его активным. Снова переходим в фильтр Блик (Фильтр-Рендеринг-Блик) и вводим настройки, как на рисунке ниже. Мы увеличили значение Яркости на 20%.
К слою «4» применяем фильтр Блик со следующими настройками.
Для слоя «5» используем настройки, как на картинке.
И к последнему слою «6» применяем фильтр Блик со следующими настройками. Значения для Яркости условные, вы можете как подобрать другие значения для этого параметра, так и поэкспериментировать, и выбрать другой тип блика. Главное, соблюдать одно правило – для каждого последующего слоя увеличивать значение Яркости, так блик будет постепенно «загораться». Если же нужно добиться затухания блика, то действуем с точностью до наоборот – уменьшаем значение Яркости.
Теперь нам предстоит самое интересное – придать блику динамики.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
В окне анимации (шкале времени) кликаем по значку, отмеченному стрелочкой и выбираем «Образовать кадры из слоев». Появится 6 кадров, в той же последовательности, в которой они расположены в панели слоев (снизу вверх).
При помощи клавиши Shift выделяем все кадры в окне анимации, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра 0,1 секунды.
Затем кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажимаем на кнопку проигрывания анимации, чтобы посмотреть, как будет выглядеть наша анимашка. На данном этапе можно подкорректировать анимацию, если видим в этом необходимость. Меня же все устраивает, можно переходить к сохранению.
Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Анимация блика готова!
Яркого настроения и вдохновения!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии