ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Кто на сайте

Сейчас 162 гостей и 2 зарегистрированных пользователей на сайте

  • Юрий92

 

 

 

 

 

 

Яндекс.Метрика

Анимация горящей свечи

Всем привет!

Сегодня мы будем создавать анимацию горящей свечи в фотошоп.

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

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

Анимация горящей свечи

 

Открываем в фотошоп (Ctrl+O) фото со свечей.

При помощи инструмента Рамка кадрируем (обрезаем) черный фон.

Немного уменьшим размер изображения. Это позволит фильтру Пластика работать шустрее, и после сохранения анимация будет весить меньше. Переходим в меню Изображение-Размер изображения и уменьшаем картинку к 800 пикселям по длинной стороне. Следим, чтобы значок сохранения пропорций был активен.

Создаем 6 копий слоя со свечей. Для дублирования нажимаем сочетание клавиш Ctrl+J. В итоге в палитре слоев у нас должно быть 7 слоев.

 

Для удобства дальнейшей работы переименовываем слои от 1 до 7. Чтобы переименовать слой, щелкните дважды по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

  

Отключаем видимость пяти верхних слоев, нажав на «глазик» у панели слоя и переходим на слой «2».

Переходим в меню Фильтр-Пластика и инструментом Деформация чуточку сдвигаем пламя свечи. Делаем это аккуратно и едва заметно.

Переходим к слою «3» и в Пластике сдвигаем пламя, только на этот раз немного больше.

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

Результат после использования Пластики для каждого слоя.

Слой «4».

Слой «5».

Слой «6».

И последний слой «7».

Пламя готово, осталось только анимировать его. Переходим в меню Окно-Шкала времени, нажимаем на кнопку «Создать шкалу времени для видео» и в завершении нажимаем на иконку, отмеченную ниже. Откроется окно создания покадровой анимации.

В панели слоев выделяем все слои при помощи клавиши Crtl.

В панели Анимации нажимаем на иконку дополнительных функций и выбираем «Создать кадры из слоев».

В панели Анимации появится 7 кадров, каждый кадр соответствует одному из слоев, от первого к седьмому.

Выделяем все кадры при помощи клавиши Ctrl, кликаем у времени задержки кадра и меняем его. Я изменила к 0,01 секунды.

Изменяем цикличность на «Постоянно». Если оставить этот параметр, как было по умолчанию, «Однократно», анимация проиграется один раз и остановится.

Нажимаем на клавишу проигрывания, чтобы посмотреть, как будет выглядеть наша анимашка.

Анимация готова, осталось только сохранить.

Переходим в меню Файл-Сохранить для Web. Если у вас версия фотошоп CC 2015 и выше, этот пункт будет располагаться по пути Файл-Экспорт-Сохранить для Web.

Главное - выставляем формат Gif. Также в окне сохранения вы можете изменить размер, количество оттенков и предварительно посмотреть анимацию.

Анимация горящей свечи готова.

Тепла, вдохновения и отличного настроения!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

  

 

 

 Если Вы не хотите пропустить интересные уроки анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.



Печать

Комментарии  

Ольга
0 # Ольга 01.02.2018 19:49
короткая и красивая анимация
Ответить | Ответить с цитатой | Цитировать
Михаил
0 # Михаил 18.01.2018 20:18
Несколько неприятно смотрится дёргающийся фитиль .
Можно было его заморозить .
Ответить | Ответить с цитатой | Цитировать
gelsominosvet
+2 # gelsominosvet 12.01.2018 08:56
Доброе утро!
Спасибо за интересный урок.
С уважением, Светлана.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии
  • Пишем кровью

    Иногда приходится делать настолько оригинальные изображения, что найти описание их создания практически невозможно. В этом разделе описывается довольно старый, но Далее
  • Камуфляж

    Это достаточно простой, но между тем весьма полезный пример. Созданная текстура может быть использована как заливка для шрифта или как Далее
  • Перспективная надпись в Фотошоп

    В этом уроке Вы узнаете, как создать текст в перспективе с отражением и с 3D эффектом. {smooth-scroll-top} Далее
  • 1
  • 2
  • 3

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018