Интернет магазин LaModa
Фотошоп
Онлайн (Русский)
Photoshop
Online (Russian)
Скачать программу
Фотошоп CS2 9.0
Download program
Adobe Photoshop CS2 9.0
Список самых используемых
клавиатурных сокращений
программы Adobe Photoshop
 

Урок анимация огня в Фотошопе

- Раздел: Уроки Фотошопа
- Автор: Photoshoper
 (голосов: 3)
 
Чтобы сделать анимацию огня в Фотошопе, нам пригодится какой-нибудь подходящий снимок костра, допустим, я взял вот этот.

Урок анимация огня в Фотошопе

Здесь как раз темный фон, костер освещает сидящих людей возле него.

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

После необходимо подобрать огненную текстуру, либо отхватить кусочек горящего пламени от какой-нибудь картинки. Недавно я скачал красивые обои для рабочего стола, среди них был конь в огне, как раз с данной картинки я вырезал маленький кусок огня.
Урок анимация огня в Фотошопе


1) Выбираем в панели инструментов Ластик Инструмент в Фотошопе - Eraser Tool (Eraser Tool) с мягкой кистью диаметром 100px. Нам надо отделить пламя внизу, чтобы оно оказалось на отдельном слое.

Урок анимация огня в Фотошопе Результат получился вот таким.

Урок анимация огня в Фотошопе


2) У нас в панели Layers теперь два слоя:
Урок анимация огня в Фотошопе

Сделаем верхний слой активным, для этого просто кликнем один раз по Куску с огнем, и жмем один разок комбинацию клавиш Ctrl + J (копировать слой).

3) Сейчас у нас три слоя, выключаем нижние, идем к новому верхнему слою, выбираем инструмент Smudge Tool, а в настройках указываем:
Brush: 35 (размер кисти выбирайте сами);
Mode: Normal
Strength: 60%

Урок анимация огня в Фотошопе


4) Инструментом Smudge Tool слегка растянем и деформируем именно верхнюю копию куска огня с языками пламени.
Урок анимация огня в Фотошопе


5) Сделали, теперь повторяем шаги 2,3,4 еще несколько раз, при этом в шаге 4 растягиваем языки пламени немножко по другому, то есть необходимо получить несколько копий пламени с небольшими отличиями. Я сделал таких 5 штук, а вот так выглядит моя панель со слоями, соответственно, у вас должно быть так же как у меня, как на картинке ниже:

Урок анимация огня в Фотошопе


6) Продолжим, у каждого слоя с куском огня (кроме нижнего фона) выставляем режим Color Dodge, для этого вначале кликните на нужный слой (он должен выделиться), включите напротив этого слоя значок "ГЛАЗ", выше выберите Color Dodge. Затем повторяете это же с другими оставшимися слоями кроме самого нижнего слоя-фона.

Урок анимация огня в Фотошопе


7) Все слои с куском огня помещаем в место на нашем фоне, где горит костер. Жмём на самый верхний слой, затем используя клавишу клавиатуры Shift (держим её нажатой), кликаем на предпоследний нижний слой. Выделив 5 слоёв, ниже жмём значок "СКРЕПКА", сразу же напротив каждого появится такая же скрепка. Это означает, что они все связаны, перемещая один слой, другие также будут перемещаться вслед за ним.

Урок анимация огня в Фотошопе


8) Далее просто кликаем на самый верхний слой, выбираем инструмент Move Tool (перемещение):

Урок анимация огня в Фотошопе


9) Инструментом Move Tool жмем на верхнем выделенном слое, удерживая левую кнопку мыши, тащим всё на место костра изображенного на нашем нижнем фоне.
Урок анимация огня в Фотошопе


10) Перейдём в Image Ready Урок анимация огня в Фотошопе должно появиться окно Animation, если нет, включите его в меню Window – Animation.
В этом вытянутом окошке, выставляем наши слои по порядку. Вот скриншоты чтобы было понятнее и вы не запутались:

Урок анимация огня в Фотошопе

Урок анимация огня в Фотошопе

Урок анимация огня в Фотошопе

Урок анимация огня в Фотошопе

Урок анимация огня в Фотошопе

В результате получится так
Урок анимация огня в Фотошопе


11) Жмем на первый кадр (картинка 1).
Удерживая Shift жмем на последний кадр (картинка 2).
На первом кадре внизу где 0,1 sec жмем правую кнопку мыши, и выбираем нужный промежуток времени (здесь лучшим будет 0,1 или 0,2 секунды) (картинка 3).
Всё готово. Теперь просто нажимаем на кнопку Plays и смотрим, что у нас получилось (картинка 4).
Урок анимация огня в Фотошопе


Чтобы сохранить полученный результат нажимаем Ctrl + Shift + Alt + S или в меню File – Save Optimized As…

Итог урока, у меня получилось так:


Знаю, чуток притормаживает, поэтому чтобы пламя казалось естественным, надо создавать больше слоев в 5 пункте (тут их пять).

Надеюсь, хоть кому-то помог данный урок, вот так это делается и не только это. Куча идей реализовывается в Фотошопе, главное знать как.
Делая урок анимации огня в Фотошопе, я постарался объяснить всё поподробнее, добавив картинок, чтобы было понятно новичкам изучающим этот графический редактор.
Предыдущая новость: Урок анимации в Photoshop: Вращающийся шар
Следующая новость: Уроки Фотошопа: Красивый текст

Также Вы можете бесплатно:

  • Скачать Урок анимации в Photoshop: Вращающийся шар
  • Скачать Урок Фотошопа: Анимация дверей
  • Скачать Урок приближение в Фотошопе (анимация)


  • Добро пожаловать в раздел сайта

    Уроки Фотошопа

    Ознакомьтесь с новостью Урок анимация огня в Фотошопе, которую Вы можете скачать бесплатно с Depositfiles.com или другого файлообменника.
    Возможно Вы ранее смогли скачать Урок анимация огня в Фотошопе бесплатно и поэтому Вам есть что сказать, то, пожалуйста, оставляйте свой комментарий ниже. Будем рады услышать Ваше мнение.
    Кнопка Vkontakte
    Кнопка Tweeter
    Кнопка Facebook
    Кнопка Livejournal
    Кнопка Digg
    Кнопка Stumbleupon
    Кнопка Memori
    Кнопка Bobrdobr
    Кнопка Google закладки
    Кнопка Moemesto
    Кнопка 100zakladok
    Кнопка Мой Мир
    Кнопка Liveinternet
    Оставь комментарий


     
    Ответы на вопросы:

         Как установить кисти для Photoshop?
         Как установить экшен в Фотошоп?
         Как наложить текстуру на текст?

     
    Количество новостей


    Главная (1138)

     

    Связной - новинки мобильных телефонов, ноутбуков, фотокамер, видео и аудио устройств


    Интернет магазин Гамазавр


    Интернет магазин Фотосклад - цифровая и Бытовая техника


    Интернет магазин AllTime


         

    Кисти
    Рамки
    Стили
    Маски
    Экшены
    Заливки
    Плагины
    Текстуры
    Шаблоны
    Градиенты
    Клипарты
    Скрап-наборы
    PSD исходники
    Уроки Фотошопа
    Видеоуроки Фотошопа


     
     
     
    PSD исходники для Photoshop
    Экшены для Photoshop
    Заливки для Photoshop
    Кисти для Photoshop
    Всякое разное
    Маски для Photoshop
    Плагины для Photoshop
    Рамки для Photoshop
    Стили для Photoshop
    Текстуры для Photoshop
    Уроки Photoshop
    Видеоуроки Photoshop
    Клипарты для Photoshop
    Шаблоны для Photoshop
    Градиенты для Photoshop
    Скрап-наборы для Photoshop


    Все что размещенно на сайте для пользователей, представлено только для ознакомления. Данный сайт создан как информационный ресурс, где выкладываются ссылки на какие-либо файлы, распространяемые свободно в Интернете, все они доступны публично.