Как нарисовать огонь?

Главная » Веб-Дизайн » Как нарисовать огонь?
Опубликовано: 24.11.2010

Добрый день, давайте попробуем сегодня нарисовать огонь.

Как нарисовать огонь?

Первое что хочу сказать – любой огонь состоит из двух основных частей:

  • Собственно, само пламя;
  • Рефлексы (свет от огня), и то и другое очень важно, и огонь без рефлексов будет очень уныл и не реалистичен. Подробнее про отрисовку рефлексов, читайте в этой статье.

Преамбула

Огонь я учился рисовать сам, без каких-либо уроков и даже не в фотошопе (сам не понимаю как даже). Программу уже не помню в которой рисовал, но на фотошоп похожа. Когда учился, то рисовал огонь руками. Получалось вполне по-настоящему, но сейчас я использую рефы, так просто легче и удобней.

В работе использую только один реф огня, но везде огонь получается разный. :)

Поджигать мы будем амуницию танка в одной из моих старых работ:

Все изображения кликабельные и увеличиваются после нажатия на них.

Для поджога, пока вы учитесь, лучше берите темные картинки, где ночь или просто темно. Ну и в идеале картинка должна иметь какое-никакое освещение, как у меня, если ты его не хочешь делать сам. Лично я, в свое время, когда делал освещение на этой картинке, часа 3 на это потратил.

Реф у нас есть, картинка тоже. Копируйте огонь на нашу ночную картинку, ставьте слой с огнем в режим “линейный осветлитель” (linear dodge) и поехали дальше.

Этап 1. Расположение и начальная обработка

Для начала расположим огонь где нужно, и сразу примеряйте его пропорции, огонь их тоже имеет.

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

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

Похожая есть в стандартных кистях, в наборе “природные кисти 2″, но там кисть жесткая, а нам нужна более-менее мягкая. В принципе и такая сойдет, как в стандартном наборе, но мягкая лучше. Позже узнаете почему.

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

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

Ну, вроде верно. Как вы видите, огонь мы подравняли, и внизу остался мягко говоря пиздец. Его не очень сложно устранить, просто продублируйте слой с огнем, перемести его пониже, на место с пиздецом, и давайте с ним тоже теперь ластиком поработаем. Чтобы смотрелось реалистично. Дублировать можете сколько угодно раз, но не переборщите. Обычно хватает 1-2 дубля. Мне в этот раз хватило двух. И дым не забудьте совсем затереть у нижних слоёв.

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

Иногда, огонь получается слишком плотным и по нему можно пройтись ластиком в особо плотных местах, но не переборщите, а то огонь превратится в пелену желтую. Сам с этим стараюсь не злоупотреблять, но и в этот раз (каждый сука раз!) не удержался.

Согласитесь, лучше?

Теперь одна из самых важных вещей – нужно наш рисованный огонь пошарпить. Сам люблю это делать, и часто перешарпливаю. Поэтому когда вам кажется, что шарп хорош и супер четкий – откатись на шаг назад – это и будет нормальный реалистичный огонь.

Обычно хватает одного применения фильтра резкость>резкость, два – это максимум, редко столько нужно, когда огонь совсем размытый. И да, шарпить не обязательно все части огня (у нас сейчас 1 верхний и 2 нижних), бывает достаточно пошарпить только верхний, но сейчас я навел резкость на всех трех частях:

Освещение

Обычно состоит из двух-трёх слоев, возьмите простую мягкую кисть, в нашем случае, где-то на 200px диаметром:

И выбирайте оранжевый цвет. Сейчас по цвету особо париться не стоит, но я смотрю вы очень педантичны, так что тебе я скажу код цвета – #ff8400.

Теперь давайте создадим новый слой и переместим его под слой с огнем, а дальше просто тыкнем кисточкой в центр огня:

Не очень реалистично? Поэтому загоним этот слой в режим “Мягкий свет” (Soft light):

Уже лучше. Теперь продублируйте слой, после нажмите ctrl+u, и потяните самый нижний ползунок вправо до упора. Теперь этот слой стал белым и его стиль наложения нужно сменить на “Перекрытие” (Overlay):

Снова выберите слой с оранжевым освещением, и поиграйтесь с прозрачностью. Я уменьшил ее до 55%. Теперь берите ластик с мягкой кистью, интенсивность ластика понизьте до 40%, и стирайте на этом же слое свет там, где его физически не может быть, у меня это небо. Стирай не до конца, так как в реале, от огня свечение все же будет, просто не такое сильное:

Теперь, по такой схеме надо добавить рефлексы (свет от огня) на предметах. Я добавил на дуле танка и справа на танке. Почти не заметно – но обязательная часть, которая помогает вписать огонь в картинку.

Вот смотрите:

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

Ну и последний финальный шаг – нужно добавить однопиксельные грани. Для этого берите пентул (pen tool) надеюсь им пользоваться вы умеете. Если нет, то на демирате почитайте. :)

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

Теперь возьмите Pen Tool (или просто нажмите клавишу P) и начинайте обводить грани. После того, как обвели грань – щелчок правой кнопкой мыши – выполнить обводку контура – в списке выбирай “кисть” – нажать ок.

Дальше удаляйте контур и так с каждой гранью. Можно использовать и просто инструмент “линия”, если нету округлых граней. У меня они есть. Опять же, чем больше граней вы сделаете – тем лучше. После того, как мы с вами обвели все грани:

Переводим этот слой в режим перекрытие (overlay). Все, готов огонь. :)

Так же не забудьте про тени, которые отбрасывают предметы в свете огня. У меня они уже есть. Теперь можно подтереть мусор, у меня это куски огня и дым. Готово:

А теперь, сожги дом, сожги их всех. :)

Понравился пост? Поделитесь с друзьями:

Блог о дизайне

Symby.ru

Symby.ru посвящён дизайну, вдохновению и поиску новых идей для творческой работы. Мы постоянно публикуем уникальные уроки по работе в Photoshop, подборки интересных сайтов, трюков и советов.

Подписывайтесь на обновление блога:

Советую ещё почитать:

Комментариев (18)

  1. berkyt69 пишет:
    25.11.2010

    Просто ахуеннчиком, манера описания заставила меня проснутся )

  2. FergieFuckYou пишет:
    26.11.2010

    Кто-то упросил всё таки давать уроки по техдизу?)

  3. admin пишет:
    26.11.2010

    berkyt69, спасибо :)
    FergieFuckYou, да я давно хотел блог запустить, да никак руки не доходили, и время нету. Надеюсь буду хотябы раз в неделю обновлять.
    Ну а про тех диз – чтобы блог был интересен, нужна интересная и полезная инфа, не так ли?

  4. berkyt69 пишет:
    27.11.2010

    Кстати щас на МП конкурс на лучший урок идёт, можешь попробовать я думаю )

  5. admin пишет:
    28.11.2010

    Ага, видел
    Не, я тут тихо спокойно лучше буду постить
    Без нервов )

  6. Toxicus пишет:
    28.11.2010

    Symbiosis молодчиком) Очень порадовало подробное описание. С удовольствием почитал бы урок с водой связанный. Пеши есчо :)

  7. eavy пишет:
    30.11.2010

    О, у Symbyosis’ а блог есть оказывается )

  8. admin пишет:
    30.11.2010

    Toxicus, спасибо
    eavy, есть такое дело, ага

  9. Шева пишет:
    07.12.2010

    Спасибо еще раз.Мой вариант)
    Работа: http://savepic.org/955622.jpg
    Реф: http://savepic.org/942310.jpg

  10. Symbiosis пишет:
    08.12.2010

    О, молоток (:
    Круто

  11. ETNO пишет:
    03.01.2011

    подскажу одну вещь – называется particle illusion – прога создает всякие эффекты с частицами, от воды до огня. Огонь получается очень даже симпотный. В проге делается аннимация, но любой кадр можно сохранять в png с альфой. Это на тот случай, если не можете подобрать рефы нормальные.

  12. Ринат пишет:
    22.09.2012

    Цитита: “Теперь нужно обрезать огонь. Нет, огонь не еврей, но его тоже нужно обрезать, хуевые у тебя шутки, честно говоря. Только в аншлаге и выступать.” прям от души пишешь!!! :D

  13. xan пишет:
    21.10.2012

    “Для того чтобы порезать огонь, нужна кисточка типа такой”
    А какая кисточка нужна чтобы обрезать еврея? Ж)
    Спасибо тебе за твой блог, достовляешь.

    • Symbiosis пишет:
      21.11.2012

      На скриншоте ведь показано, это одна из стандартных кистей, поищите хорошо.

  14. Вячеслав пишет:
    11.12.2012

    Спасибо за урок, у меня сразу получилось нарисовать огонь, очень легко по вашему уроку сделать. Ещё не помешало бы вам видео записывать, так более наглядно будут уроки выглядеть.

    • Symbiosis пишет:
      11.12.2012

      Я думал над этим, но уж больно надо много времени, чтобы ещё записывать видео. У меня и так на создание поста уходит 4-5 часов, а если бы ещё записывал, то вообще полдня бы сидел за одной только публикацией.

  15. oskemarkup пишет:
    14.03.2013

    не поделишься рефом огня?:)

Ваш отзыв