ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
8 ответов. 13793 просмотра.
   
 мужчина  Dark Wood 8 Ноября 2013, 16:16
Пост №1 * 8 Ноября 2013, 16:16
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 226 постов
629°
Возраст: 30
Регистрация: 27.01.2010
Проживает: Болохово
Create a Bonfire With Blends in Adobe Illustrator
Рисуем пламя костра смешиваниями


Программа: Illustrator.
Уровень сложности: средний.
Примерное время выполнения: 2 часа.


От переводчика. Для уменьшения занимаемого объема все изображения были ужаты (6,24 МБ оригинальные - 1,58 МБ сжатые).

Результат урока:

Рисуем пламя костра смешиваниями

Remember, remember the fifth of November,
Gunpowder treason and plot,
I see no reason why gunpowder treason
Should ever be forgot.


Один из вариантов перевода:

Я помню ноябрь и день его пятый,
Улыбки, измену и ложь.
Героя отважного замысел правый
Из памяти ты не сотрёшь.


5 ноября – Ночь Гая Фокса в Великобритании (смотрите также: «Пороховой заговор»). В этот день празднуется неудачная попытка взрыва здания парламента Гаем Фоксом с его последующим пленением. Этот праздник еще известен под названием Bonfire Night (Ночь костров). Символизируется он сжиганием на многочисленных кострах чучел Гая Фокса и запусканием фейерверков, обозначающих «пороховой след».

В данном уроке вы узнаете новую технику рисования огня в Illustrator – при помощи инструмента Blend Tool. Она намного легче, нежели скрупулезное создание с использованием градиентных сеток (Mesh Tool). Давайте же начнем!

1. Создаем новый проект

Нажатием Ctrl+N создайте новый документ с указанными ниже параметрами. Затем в основных настройках программы Edit> Preferences> General убедитесь что смещение при помощи клавиатуры (Keyboard Increment) равно 1 пикселю.

Рисуем пламя костра смешиваниями

2. Создаем полено

Шаг 1

Нарисуйте прямоугольник и овал, имеющие указанные ниже размеры и расположение.

Рисуем пламя костра смешиваниями

Шаг 2

К прямоугольнику примените эффект Effect> Distort & Transform> Roughen с настройками, показанными на изображении ниже слева, к овалу – справа.

Рисуем пламя костра смешиваниями

Шаг 3

Выделите обе фигуры и выполните команду Object> Expand Appearance, после чего разгруппируйте полученную группу (Shift+Ctrl+G). У длинной стороны бревна (бывший прямоугольник) измените имеющуюся заливку на градиент, настройки которого показаны ни изображении ниже самыми верхними. Добавьте фигуре вторую заливку, в качестве которой выступит черно-белый градиент. Заливкой же бывшего овала станет градиент с параметрами, указанными самыми нижними.

Рисуем пламя костра смешиваниями

Шаг 4

Детализируем полено, придав ему «древесный вид» при помощи художественной кисти (Art Brush) с именем «Chalk». Найти ее можно по адресу Window> Brush Libraries> Artistic> Artistic_ChalkCharcoalPencil. Но сначала нарисуйте прямой контур посередине полена, после чего уже примените указанную кисть в качестве обводки. Цвет обводки указан ниже, толщина 3 pt.

Рисуем пламя костра смешиваниями

Шаг 5

Продублируйте этот контур, вставив копию на задний план (Ctrl+C, Ctrl+B ). На панели Appearance дважды кликните по свободному месту строки с именем обводки, чтобы открыть настройки кисте, где укажите ее отражение способом «Flip Along». Измените цвет обводки на коричневый.

Рисуем пламя костра смешиваниями

Шаг 6

Выделите оба контура с «кистевой» обводкой, после чего выполните команду Object> Expand Appearance. В полученных группах вы найдете контуры без обводки и заливки (ищите их в панели слоев), которые были использованы в качестве основы для собственно обводки, – удалите их. В зависимости от версии программы данные контуры могут отсутствовать (у меня в CS6 это так и есть; прим. перев.) или же находится в одной группе с мелкими элементами (в самом конце списка). Проверьте все варианты.

Рисуем пламя костра смешиваниями

Шаг 7

Сделайте копию длинной стороны полена (Ctrl+C, Ctrl+F). Отправьте дубликат на самый передний план (Shift+Ctrl+]) и удалите имеющиеся заливки. Выделите его вместе с группой светло-коричневых «деталек» и нажмите кнопку «Crop» на панели Pathfinder. Полученной группе задайте режим смешивания Multiply.

Рисуем пламя костра смешиваниями

Шаг 8

Повторите те же действия для коричневых «деталек». Режим смешивания конечной группы измените на Screen и уменьшите непрозрачность до 25%.

Рисуем пламя костра смешиваниями

Шаг 9

Теперь детализируем торцевую часть полена. Для начала отправьте ее на самый передний план (Shift+Ctrl+]). Затем выполните команду Object> Path> Offset Path со смещением -7 пикселей. У полученной фигуры удалите заливку и добавьте обводку светло-коричневого цвета. Потом повторите операцию Offset Path, задавая смещение -15, -25 и -31 пиксель. Скопировать свойства можно с самого первого смещенного круга в панели Appearance.

Рисуем пламя костра смешиваниями

Шаг 10

Примените к четырем кольцам, созданным в прошлом шаге, в качестве обводок указанные ниже кисти. Найти их можно по адресу Window> Brush Libraries> Artistic> Artistic_Paintbrush. Толщину обводки уменьшите до 0,25 pt. Когда все эти действия будут выполнены, сгруппируйте кольца и уменьшите непрозрачность группы до 50%.

Рисуем пламя костра смешиваниями

Шаг 11

Инструментом Pen Tool (P) нарисуйте несколько коротких контуров, которые будут обозначать трещины на полене. В качестве их обводки примените кисть «Tapered – Sharp», которую можно найти по адресу Window> Brush Libraries> Artistic> Artistic_Ink. Толщину обводки задайте равную 0,1 pt и окрасьте в различные оттенки коричневого. Затем эти контуры сгруппируйте (Ctrl+G), режим смешивания группы измените на Multiply и уменьшите ее непрозрачность до 60%.

Рисуем пламя костра смешиваниями

3. Складываем костер

Шаг 1

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

Рисуем пламя костра смешиваниями

Шаг 2

Ориентируясь на изображение ниже, «сложите» поленья так, как это обычно делают для настоящего костра. Некоторые из них отправьте на задний план (3), другие «положите», заняв ими пространство посередине (4). Наконец, добавьте более длинных веток (5).

Рисуем пламя костра смешиваниями

4. Создаем фон

Шаг 1

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

Рисуем пламя костра смешиваниями

Шаг 2

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

Рисуем пламя костра смешиваниями

5. Создаем огонь

Шаг 1

Как я уже говорила, огонь мы будем рисовать, используя только Blend Tool (W). Вооружитесь инструментом Pencil Tool (N) или Pen Tool (P) – по предпочтению – и нарисуйте фигуру похожую на показанную ниже на верхней картинке. Залейте ее 7% черным цветом, непрозрачность уменьшите до 0%. После этого нарисуйте фигуру примерно в центре этого контура, ее залейте белым цветом. Выделите обе эти фигуры командой Object> Blend> Blend Options откройте настройки смешивания, где укажите опцию «Specified Steps» с 13 шагами. После этого выполните операцию Object> Blend> Make (Ctrl+Alt+B ). Измените режим наложения полученного смешивания на Overlay.

Рисуем пламя костра смешиваниями

Шаг 2

Нарисуйте левее еще пару фигур с такими же параметрами. Смешайте их, измените режим наложения смешивания на Overlay.

Рисуем пламя костра смешиваниями

Шаг 3

Продолжайте рисовать «огненные» фигуры и смешивать их.

Рисуем пламя костра смешиваниями

Шаг 4

Вот пример рисования языков пламени размером побольше.

Рисуем пламя костра смешиваниями

Шаг 5

Уже похоже на огонь, не правда ли?

Рисуем пламя костра смешиваниями

Шаг 6

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

Рисуем пламя костра смешиваниями

Шаг 7

Продолжайте смотреть на картинки.

Рисуем пламя костра смешиваниями

Шаг 8

Еще несколько смешиваний:

Рисуем пламя костра смешиваниями

Шаг 9

И еще.

Рисуем пламя костра смешиваниями

Шаг 10

Терпите, конец близок smile.gif.

Рисуем пламя костра смешиваниями

Шаг 11

Готово! Осталось немного выделить кончики языков пламени. Нарисуйте для этого овал, расположение которого показано ниже. Настройки градиентной заливки используйте те же, что для начального овала, нарисованного во 2 шаге 4 раздела. После этого измените режим смешивания фигуры на Lighten и уменьшите непрозрачность до 50%. Перенесите фигуру на слой «Background».

Рисуем пламя костра смешиваниями

6. Добавляем тени и световые рефлексы

Шаг 1

Начнем с теней. Создайте овал размерами 35x15 пикселей. Скопируйте его и масштабируйте удерживая Shift и Alt для сохранения пропорций и произведения трансформации с сохранением центра соответственно. Измените настройки смешивания (Object> Blend> Blend Options), увеличив количество шагов до 30, после этого уже знакомой командой Ctrl+Alt+B создайте смешивание для этих двух овалов.

Сделайте несколько дубликатов этого смешивания и расположите их, ориентируясь на изображение ниже. Некоторые из них необходимо будет повернуть. Пользуйтесь панелью слоев, чтобы быстрее помещать тени «под» поленья. Непрозрачность смешиваний измените до 50-70% в зависимости удаленности от центра (дальше от центра – слабее тень).

Рисуем пламя костра смешиваниями

Шаг 2

Нарисуйте овал размерами 98x35 пикселей с черной заливкой и его меньшую копию описанным в предыдущем шаге способом, которую сместите вверх и вправо от центра. Измените цвет маленького овала на коричневый, после чего оба смешайте.

Рисуем пламя костра смешиваниями

Шаг 3

Измените режим наложения смешивания, созданного в предыдущем шаге, на Color Dodge и уменьшите непрозрачность до 50%. Сделайте несколько дубликатов и расположите их как показано ниже. Следите за тем, чтобы фигуры были «на» поленьях.

Рисуем пламя костра смешиваниями

Шаг 4

Сделайте еще две копии этого смешивания. Увеличьте их в размерах, расположите в самом низу костра как показано ниже, подслои с фигурами переместите на слой «Background». У того смешивания, которое выделено на изображении ниже голубым цветом, уменьшите значение непрозрачности до 40% и измените режим наложения на Lighten, для другого же только непрозрачность.

Рисуем пламя костра смешиваниями

Шаг 5

Сделайте несколько дубликатов «теневого» смешивания, находящегося между поленьев. Разместите эти копии в нижних частях бревен. Измените значение их непрозрачности от 40% до 70% в зависимости от расположения. Не забудьте отправить их все на самый задний план.

Рисуем пламя костра смешиваниями

7. Рисуем дым

Шаг 1

Вооружитесь инструментом Pen Tool (P) и нарисуйте волнистую кривую над огнем. В качестве обводки примените к ним кисть «Splash» из набора Window> Brush Libraries> Artistic> Artistic_Paintbrush, цвет ее будет светло-коричневым, а толщина 2 pt.

Добавьте эффекты Effect> Blur> Radial Blur (настройки картинкой ниже) и Effect> Blur> Gaussian Blur с радиусом размытия 7 пикселей. Уменьшите непрозрачность фигуры до 50%.

Рисуем пламя костра смешиваниями

Рисуем пламя костра смешиваниями

Шаг 2

Нарисуйте еще один волнистый контур. Повторите с ним все манипуляции из предыдущего шага, только толщину обводки оставьте равной 1 pt.

Рисуем пламя костра смешиваниями

Шаг 3

Для третьего контура в качестве обводки используйте кисть «Chalk» из набора Window> Brush Libraries> Artistic> Artistic_ChalkCharcoalPencil. Толщина обводки 2 pt, непрозрачность уменьшите до 25%.

Рисуем пламя костра смешиваниями

Шаг 4

Повторите те же операции с поправками из прошлого шага с двумя короткими контурами.

Рисуем пламя костра смешиваниями

Шаг 5

Вот так выглядит мой костер на данном этапе:

Рисуем пламя костра смешиваниями

8. Добавляем искры

Шаг 1

Пером нарисуйте контур. Обводкой ему послужит «Неоновая распыляющая кисть», метод создания которой можно посмотреть в этом моем уроке (перевод на форуме тема «Создание набора неоновых кистей» ) в пятом шаге – это, кстати, хороший пример их использования. Откройте настройки кисти, дважды щелкнув по свободному месту в строчке с именем обводки, и измените их как показано ниже. После этого измените режим смешивания контура на Color Dodge.

Рисуем пламя костра смешиваниями

Шаг 2

Нарисуйте еще два контура. Примените к ним ту же кисть в качестве обводки. Режим смешивания измените на Color Dodge, значение непрозрачности задайте равное 50%.

Рисуем пламя костра смешиваниями

Поздравляю!

Костер готов. Я надеюсь, что вы научились этому новому методу. Посмотреть способ рисования огня при помощи Mesh Tool вы можете в уроке Ярослава Лазунова (перевод на форуме). Полезно знать разные способы.

Рисуем пламя костра смешиваниями

Оригинал: Diana Toma
Перевод: Dark Wood
ключевые слова: рисование костра, как нарисовать пламя, костер нарисовать, рисованное пламя, Рисунки пламени, как нарисовать как заливают костер, рисунок костра, огня, пламя, демиарт уроки рисования, как нарисовать пламя костра, найти образец для рисования язычков огня
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 женщина  Exeksa 12 Ноября 2013, 23:00 (спустя 4 дня)
Пост №2 * 12 Ноября 2013, 23:00 (спустя 4 дня)
Ответ с цитированием этого сообщения

Размышляющие
165 постов
15°
Возраст: 26
Регистрация: 13.02.2012
Проживает: Кишинев
Спасибо, очень полезный урок smile.gif


Рисуем пламя костра смешиваниями
0
 женщина  Lilya0701 13 Декабря 2013, 21:41 (спустя 1 месяц)
Пост №3 * 13 Декабря 2013, 21:41 (спустя 1 месяц)
Ответ с цитированием этого сообщения

Дебютанты
7 постов
Возраст: скрывает
Регистрация: 4.06.2013
Проживает: Купянск
Спасибо за урок! Очен познавательный clapping.gif


Рисуем пламя костра смешиваниями
0
 мужчина  atai13 9 Февраля 2015, 12:20 (спустя 1 год)
Пост №4 * 9 Февраля 2015, 12:20 (спустя 1 год)
Ответ с цитированием этого сообщения

Размышляющие
67 постов
Возраст: скрывает
Регистрация: 18.12.2014
Проживает: Бишкек
Конечно, не супер, но тоже костерчик.


Рисуем пламя костра смешиваниями
0
 женщина  Margo_Boo 1 Сентября 2015, 00:11 (спустя 6 месяцев)
Пост №5 * 1 Сентября 2015, 00:11 (спустя 6 месяцев)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
50 постов
Возраст: 27
Регистрация: 10.06.2010
Проживает: Киев
Спасибо за урок, очень интересный ^_^


Рисуем пламя костра смешиваниями
0
 мужчина  Nightw1nd 1 Сентября 2015, 00:13 (спустя 1 мин. 46 сек.)
Пост №6 * 1 Сентября 2015, 00:13 (спустя 1 мин. 46 сек.)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: 27
Регистрация: 30.08.2015
Проживает: Киев
Спасибо за урок,познавательно.
Как то так вышло :paint:


Рисуем пламя костра смешиваниями
+1
 женщина  NatalySN 6 Марта 2016, 02:44 (спустя 6 месяцев)
Пост №7 * 6 Марта 2016, 02:44 (спустя 6 месяцев)
Ответ с цитированием этого сообщения

Дебютанты
12 постов
Возраст: 42
Регистрация: 2.11.2015
Проживает: Украина
Спасибо за урок, его делать было интересно.

вот результат


Рисуем пламя костра смешиваниями
0
 женщина  Eleana 7 Октября 2019, 12:33 (спустя 3 года)
Пост №8 * 7 Октября 2019, 12:33 (спустя 3 года)
Ответ с цитированием этого сообщения

Дебютанты
14 постов
Возраст: 44
Регистрация: 8.05.2011
Проживает: Москва
Мой результат)

Рисуем пламя костра смешиваниями
0
 женщина  danyadol 13 Декабря 2019, 09:53 (спустя 2 месяца)
Пост №9 * 13 Декабря 2019, 09:53 (спустя 2 месяца)
Ответ с цитированием этого сообщения

Дебютанты
10 постов
Возраст: 40
Регистрация: 9.02.2009
Проживает: Санкт-Петербург
Рисуем пламя костра смешиваниями
Спасибо за интересный и простой урок!
0
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Смешивание слоев при помощи маски прозрачности
урок
Marie 34 36563 +4 10 Мая 2017 - 14:13
» к последнему сообщению
Реалистичное пламя
урок Adobe Illustrator,инструмент "Mesh"
john squall 56 43301 +4 7 Марта 2012 - 10:33
» к последнему сообщению
Реалистичное пламя ставим на любой фон
урок Adobe Illustrator,"Mesh" в маске
john squall 24 28372 +4 2 Июня 2011 - 14:51
» к последнему сообщению
Использование смешивания и маски в постере
Blend and Mask Yourself a Great Poster
Irdin 54 28204 +4 22 Декабря 2015 - 19:33
» к последнему сообщению
Рисуем иконку папки
Dolli 94 70380 +2 26 Декабря 2010 - 17:22
» к последнему сообщению

1 посетитель в этой теме
, 1 гость