Руководство по иллюстрированию текста: базовые принципы, виды иллюстраций, советы. Создание персонажных иллюстраций в Adobe Illustrator Простые геометрические формы

Мне всё с таким же постоянством приходят письма с вопросами: "Хочу стать иллюстратором, с чего начать?", "Как мне научиться рисовать?", "Что делать, если у меня не получается рисовать, есть ли у меня шанс стать иллюстратором?"

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

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

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

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

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

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

Сегодня мне бы хотелось заострить ваше внимание на техниках исполнения современных иллюстраций.

На вопросы вроде "С чего начать будущему иллюстратору?" я уже отвечала, и ниже можно проследовать по ссылке на мой ответ. А на вопрос, получится ли из кого-то иллюстратор, если он не научился рисовать традиционно, академически, утвердительно скажу, что да. Потому что если не даётся бумага и светотени, стоит попробовать себя в какой-то нетрадиционной технике, если вопреки всему хочется заниматься иллюстрацией профессионально.

Для вдохновения покажу вам красивую книгу - сборник работ иллюстраторов и художников, работающих в нетрадиционных иллюстраторских техниках.

Книга на американском амазоне:
Книга на немецком амазоне: Illustration Play: Craving for the Extraordinary



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

А так выглядит содержание - перечень представленных иллюстраторов.

Иллюстрации, выполненные с помощью выжигателя. Автор: Genevieve Dionne

Иллюстрации-инсталляции из различных материалов. Автор: Stephanie Dotson

Иллюстрации-инсталляции из бумаги и древесины. Автор: Aj Fosik

Иллюстрации на старых упаковках, конвертах и прочем. Автор Melvin Galapon

Игорь Волков

29.01.2018 12:00

visibility 2023

Разобрались, как и чем иллюстрировать текст

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

В этом гайде мы разберем:

    Что такое иллюстрации, их функции и роль в тексте

    Виды иллюстраций, где их искать и как правильно использовать

    Принципы иллюстрирования: как надо и как не надо

Инструкция будет полезна всем, кто работает с текстами - журналистам, копирайтерам, редакторам.

Зачем нужны иллюстрации

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

Иллюстрации выполняют четыре важные функции.

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

На сайте blog.hubspot есть подробная статистика, демонстрирующая пользу визуального контента. Один из показателей сообщает , что люди вовлечены в контент с картинками на 328% лучше, чем в те же тексты, но без картинок.

Сравните сами:

328% так повышается вовлеченность читателя в статью с картинками

Для многих текстов это основной вид иллюстраций. Если мы пишем о продукте, рассказываем о происходящих событиях или описываем конкретные объекты в реальном мире, без фотографий не обойтись.

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

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

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

Бесплатные фотостоки. Иногда можно найти что-то приличное.

ИНФОГРАФИКА

Пример инфографики: сколько воды тратится на производство различных продуктов

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

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

Где взять. Основной инструмент для создания графиков и диаграмм - Excel. Можно еще воспользоваться другими бесплатными сервисами:

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

Где взять. Лучший вариант - записать видео самому либо попросить клиента сделать это. Еще можно поискать на видеохостингах. Кроме Ютуба, изучите следующие ресурсы:

Избегайте слишком глянцевых иллюстраций. В статье о том, как писать в блог для хабра , Сергей Абдульманов говорит, что кустарным и реалистичным иллюстрациям люди доверяют больше:

«Лучшая картинка из возможных - это как вы с монтажником пинаете коробку с сервером в полутёмном подвале. Или как крыса застряла в вентиляторе. Или съёмка конкретного чипа (разъёма, кабеля или другой детали, имеющий отношение к посту) с подписью, что это. В общем, картинка должна быть или красивой технически и визуально, или же быть настолько вырвиглазной, насколько это возможно. Потому что вырвиглазность показывает, что всё это реально».

Не перегружайте

Если в материале иллюстрации важнее текста, то много картинок - это оправданно. Например, в рецепте приготовления блюда. Когда иллюстрации играют вспомогательную роль, то лучше соблюдать баланс, иначе текст будет некомфортно читать.

Признаки хорошей иллюстрации:

    Правдивость. Иллюстрация должна быть жизненной. Люди мгновенно распознают фальшь, когда видят улыбающихся людей в костюмах или картинки с выключенным макбуком. В англоязычной статье блога contentmarketinginstitute.com говорится о том, как фотографии людей с фотостоков вместо реальных сотрудников подрывают доверие к тексту и компании.

    Конкретность. Если в тексте говорится о том, как приготовить вишневый пирог, то иллюстрации должны показывать процесс приготовления вишневого пирога. Не стоит рисовать комиксы на отвлеченные темы.

    Ясность. Читатель должен ясно понимать, что сообщает ему иллюстрация. Она должна быть предельно доступной и понятной.

Коротко о главном

    Четыре функции иллюстрации - повышение вовлеченности в текст, раскрытие важных мыслей, воздействие на эмоции и сообщение о теме и характере статьи.

    Иллюстрации раскрывают и дополняют мысли автора.

    Иллюстрируйте только самое важное.

    Виды иллюстраций: фотографии, рисунки, текст, диаграммы и графики, видео, гиф-анимация, схемы, интерактив.

    Будьте осторожны с заимствованием чужих иллюстраций - можно нарушить авторские права.

    Подписывайте иллюстрации.

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

    Иллюстрация должна быть конкретной, правдивой и понятной. Если тема абстрактна, используйте метафоры.

А где вы обычно берете иллюстрации для текстов? Какими ресурсами и сервисами пользуетесь? Пишите свои мысли, задавайте вопросы по иллюстрированию. Самые интересные идеи мы обязательно добавим в статью.

Теги: | |

В моей Виртуальной школе уже не первый год проводятся курсы и тренинги по работе в Adobe Illustrator . Еще в 2012 году я записал небольшой видеокурс «Adobe Illustrator на раз-два-три», который до сих пор бесплатно раздаю своим подписчикам.

Затем, в 2014 году, вместе со своей командой я запустил онлайн-тренинг по созданию векторных иллюстраций для микростоков. Тренинг оказался очень востребованным и успешным - мы 4 раза набирали группы по 50-70 человек.

За время прохождения курса многие наши студенты смогли не только создать качественные портфолио - они действительно начали зарабатывать на микростоках!

Несколько работ участников тренинга

Для просмотра изображения целиком кликните по его миниатюре

Выпускники нашего тренинга по Adobe Illustrator часто спрашивали меня, не планирую ли я подготовить новый тренинг для продвинутых иллюстраторов .

Вопрос вполне закономерный, ведь в векторной иллюстрации, как и в дизайне, нет предела совершенству!

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

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

Чтобы ваши работы заметили, они должны чем-то отличаться, иметь свою «изюминку» .

Для этого существует 2 пути:

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

Путь второй: найти нишу с относительно небольшой конкуренцией и стать в ней одним из лучших.

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

Но как найти такую нишу? И как понять, что вы действительно можете добиться в ней успеха?

Однажды, в процессе поиска материалов для уроков по работе с градиентной сеткой в Adobe Illustrator, я нашел в Сети иллюстрации Андрея Панченко .

Кроме «взрослой» тематики в портфолио автора я увидел много забавных «мультяшных» персонажей - в основном иллюстрации милых зверюшек с большими глазами и застенчивыми улыбками. Качество и привлекательность этих персонажей также не вызывали сомнений в мастерстве автора.

Я отыскал работы Андрея на нескольких стоковых сайтах и обнаружил,
что они имеют хороший рейтинг - не случайно они выдаются на первой странице Google при поисковых запросах на тему детских рисованных персонажей.

Я решил списаться с Андреем и обсудить возможное сотрудничество. Оказалось, что создание персонажных иллюстраций - довольно прибыльная стоковая ниша, поскольку, в отличие от других, в ней пока не так много конкурентов.

Первую свою иллюстрацию на микростоках Андрей продал 9 лет назад, когда в его портфолио было лишь несколько базовых работ. Причем, работ далеко не «убойных». Андрей сам сегодня говорит, что тогда он мало что умел. Тем не менее, с тех пор его иллюстрации продаются практически каждый день и приносят автору стабильный доход, на который никак не влияют колебания курса рубля к доллару!

Также я узнал, что Андрей и сам давно подумывал о том, чтобы заняться обучением других, даже записал несколько роликов для YouTube, но вот до чего-то большего - руки не дошли… Словом, он с готовностью согласился стать одним из преподавателей нашей Виртуальной школы.

Знакомьтесь:
Андрей Панченко
Художник-иллюстратор,
микростокер.

«Я занимаюсь иллюстрацией около 10 лет. Вначале это было хобби, теперь же это моя основная профессиональная деятельность.

Участвовал во многих фриланс-проектах, в частности, выполнял работы для канала Дисней. Работал с несколькими крупными мебельными фирмами, такими как ОАО «Вектор» и «Лидер», над оформлением дошкольной продукции.

В настоящее время продаю свои иллюстраци на микростоках – активно работаю почти со всеми крупными микростоками и рисую иллюстрации на заказ».

Портфолио Андрея:

Мы решили подготовить новый тренинг по теме создания персонажных иллюстраций . Почему именно по этой теме?

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

Во-вторых, рисование векторных персонажей требует высокого уровня владения инструментами Adobe Illustrator. Поэтому, такой курс будет особенно полезен всем тем, кто хочет как следует «отточить» свои профессиональные навыки.

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

Я уверен, что начинающим иллюстраторам будет необыкновенно полезно получить у Андрея уроки мастерства.

Самое интересное, что в своей работе Андрей сознательно не использует графический планшет - все иллюстрации он рисует обычной мышкой! Более того, у него вообще нет планшета. Тем самым он наглядно развенчивает миф о том, что качественные иллюстрации можно создавать только с помощью планшета Wacom.

Не забудьте включить звук на вашем компьютере

На разработку и создание курса у нас ушло более полугода. В результате, Андрей записал 30 подробных видеоуроков, в которых детально показал процесс создания профессиональной персонажной векторной иллюстрации - от карандашного наброска до финальной реализации в Adobe Illustrator.

Привет! Меня зовут Hatice Bayramoglu, я художник по 3D и иллюстратор из Турции. В этом уроке я покажу, как нарисовать и раскрасить героя - иллюстрацию для детской книги. По ходу урока я буду разъяснять свой выбор тех или иных инструментов и свои мысли на счет иллюстрации. Мой урок показывает, как я создаю иллюстрацию от начального наброска до полноценного рисунка. Полагаю, что после прочтения данного урока вы найдете что-то полезное для себя. Для создания работы я буду использовать Photoshop и планшет Wacom.

Этот рисунок будет полностью создан в Photoshop CS2.

Шаг 1: Набросок
Начните с создания нового документа в Photoshop. Его размеры должны быть около 800х778 пикс. Я начала с создания быстрого наброска, отражающего мою основную идею. Вот набросок основной окружающей среды вокруг главного героя.

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

Шаг 2: Настройка кистей в Photoshop
Вот одна единственная кисть, которую я использую для раскрашивания своей героини. Для рисования я буду использовать стандартные кисти.

Прежде, чем вы начнете рисовать, необходимо настроить кисть. Начните с выбора инструмента Кисть (Brush), затем используйте стандартную кисть, которая представлена ниже.


(нажмите на изображение, чтобы увеличить)

Шаг 3: Цветовая палитра
Вы должны определиться с цветами, которые будете использовать, прежде, чем начать рисовать. Вот мои цвета, используемые в работе:

Шаг 4: Слои (Layers)
Создайте Новый слой (New Layer) и назовите его Sketch (Набросок). Этот набросок вы можете создать в Photoshop или на бумаге. После того, как вы создали слой с наброском, измените его Режим смешивания (Blending Mode) на Умножение (Multiply) и всегда держите его поверх всех слоев, чтобы видеть то, что вы закрашиваете.
Теперь посмотрите на мою палитру слоев. Здесь представлены отдельные слои для каждого объекта наброска. Раскрашивание каждой детали на новом слое, позволяет легко вносить коррективы в процессе рисования. Намного легче исправлять ошибки, если основные элементы вашей иллюстрации расположены на отдельных слоях. Этот шаг действительно очень важен!

Шаг 5: Работа над цветом фона
Здесь позвольте мне показать вам, как я раскрашиваю фон. Выбираем инструмент Заливка (Paint Bucket) (G). После того, как вы зальете фон, он должен выглядеть вот так. Убедитесь, что слои расположены так, как показано на изображении ниже.

Шаг 6: Раскрашивание основных фигур
Перед тем как приступить к раскрашиванию, позвольте мне снова показать порядок расположения слоев. Я его изменила, поскольку слой с наброском должен быть над всеми слоями, а также установлен в режиме Умножение (Multiply). На данном этапе мы можем начать раскрашивание наброска и можем определить основные фигуры. Используя инструмент Кисть (Brush) (B), начните раскрашивать главного героя и дерево на отдельных слоях. Убедитесь, что Жесткость (Hardness) кисти установлена на 100%. Кисть с мягкими краями может привести к несколько размытому результату.

А в этом шаге я бы хотела изменить размер своего файла, поскольку хочу добавить более тонкие детали. Поэтому я открываю Изображение (Image) - Размер изображения (Image Size) и увеличиваю размеры файла до 1500х1495.

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

А здесь я создала копию слоя с деревом и добавила некоторые детали к нему. Также я спрятала первый слой с деревом.

А вот скриншот для рассмотрения деталей. Я начала добавлять еще больше деталей к своему рисунку, такие как трава и маленькие цветочки. На данном этапе я создала слой с именем Flowers (Цветы).

Я добавляю еще больше цветов и тонких детальных линий на дереве.

Теперь посмотрите на детали, которые я только создала. Продолжаю добавлять детали и, при необходимости, создавать новые слои.

Шаг 8: Особое внимание главному герою
Теперь, поскольку я довольна детализацией декораций и дерева, я добавлю деталей к одежде девочки. На данном этапе я заметила, что моя героиня выглядит очень просто и не очень привлекательно, поэтому я подумала, что надо уделить время для внесения некоторых изменений. Я попыталась придать несколько другой вид героине и продолжила добавлять больше деталей. Снова обратите внимание на порядок слоев. Как видите, в этом шаге у меня появилось еще несколько новых слоев. Все слои имеют свои имена.

Теперь я начинаю добавлять маленькие детали героине, добавляя больше желтых и зеленых цветов. Кстати, не забывайте, что в этом шаге вы не должны детализировать всё. На этом этапе я работаю над основными деталями и светом до тех пор, пока не получу приятный контраст. Иногда я изменяю некоторые цвета. Я почти закончила раскрашивание ее одежды и тела. Также немного сдвинула в одну сторону слой с наброском, чтобы вы могли видеть, как выглядит героиня без основы с наброском.

Шаг 9: Добавление бликов и контраста
Я использовала инструмент Осветлитель (Dodge) (O) для осветления участков. Вот так выглядит работа после проведения всех корректировок, сделанных инструментами Осветлитель (Dodge) (O) и Затемнитель (Burn). Продолжаю добавлять еще больше деталей на дереве, используя кисти различных размеров и цветов. Как только было добавлено достаточно деталей, я начала сглаживать их, используя кисть с мягкими краями. Я также использую инструменты Осветлитель (Dodge) (O) и Затемнитель (Burn) для придания тени веткам.

Также добавляю несколько штрихов инструментом Палец (Smudge). Его я использую, потому что хочу добавить мягкие размытые участки к облакам и фону. На данном этапе я обратила внимание, что мои облака не слишком детализированы. Поэтому я создала новый слой, чтобы нарисовать деталей к облаку, используя два инструмента: Палец (Smudge) и Кисть (Brush).

Шаг 10: Добавляем еще деталей
На данном этапе я заметила, что к моему рисунку нужно добавить еще цветочков. Поэтому я создаю новый слой и, как видите, рисую несколько симпатичных и простых цветочков. Продолжаю добавлять больше деталей. Добавляю немного штрихов инструментом Осветлитель (Dodge) (O), делаю это потому, что хочу добавить немного легко освещенных участков травы.

Теперь, по завершении работы над травой и фоном, я могу начать добавлять больше деталей на волосах девочки и на ее лице. Выбираю для кисти режим Осветление Основы (Color Dodge) и добавляю несколько штрихов на ее лице.

Теперь обратите внимание на детали, которые я добавила, используя только кисть в режиме Осветление Основы (Color Dodge).

Шаг 11: Коррекция цветов
Работа над рисунком почти закончена за исключением цветовой коррекции. Для начала Слейте (Merge) все слои. Теперь в Изображение (Image) - Коррекции (Adjustments) - Яркость/Контраст (Brightness/Contrast) изменим немного цвета. Я хочу придать иллюстрации более солнечный эффект.

Установите параметры, которые установила я. Вот как выглядит иллюстрация - более солнечно и радостно.

Законченная иллюстрация
А вот и законченная иллюстрация, надеюсь, вы нашли этот урок интересным. Спасибо за прочтение.

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

Результат нашей работы будет выглядеть так:

Детали урока:

  • Софт: Adobe Photoshop CS5
  • Уровень сложности: Средний
  • Длительность: 8 часов

В данном уроке были использованы следующие материалы:

  • Texture 1

Шаг 1

Создаем новый слой File > New (Ctrl + N). Автор урока выбрал формат A4.

С инструментом «Paint Bucket» («Заливка» — G) заполняем фон ненасыщенным синим цветом и добавляем новый слой (Ctrl + N). Для самых контуров рисунка используйте более темный цвет, который вам нравится. Автор сделал несколько набросков, по 3-5 минут на каждый, остались три, которые более-менее подходят к работе.

Шаг 2

Выбираем эскиз, с которым будем работать. На новом слое с инструментом «Brush» (B) начинаем чистить и определять наш рисунок.

Шаг 3

Выберите слой, на котором находится набросок и поставьте прозрачность (opacity) 15-20%. Создайте новую папку ниже со слоями отдельных частей рисунка (тело, ноги, рожки), окрашивая все части простыми цветами.

Шаг 4

Прежде чем задать объем нашим фигурам, необходимо понять от куда падает свет. В данном случае свет падает немного слева. Мы будем брать оттенок белого цвета (немного синий, не белоснежный) и рисовать большие области падающего света на Clipping Mask (отбравочная маска), для создания которой, необходимо создать слой выше слоя с телом и с зажатой клавишей ALT кликнуть между двумя слоями. Берем инструмент «Eraser»(«Резинка» — E) с низкой прозрачностью для создания мягкого градиента.

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

Шаг 5

С жесткой кистью и темный синим цветом рисуем глаза, нос и рот на новом слое.

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

Шаг 6

На этом шаге мы будем использовать синий для рисования тени от объемов и, если понадобится, немного белого для дальнейшего его определения. Используйте кисти с и без давления в зависимости от того, хотите ли вы покрыть большие области или же рисовать более аккуратные контуры. Используйте "Eraser"(«Резинка» — E) для создания мягкого градиента.

Шаг 7

Выберите все слои тела и дублируйте их (тянуть слои при нажатой клавише ALT). Новые слои объедините в один (Ctrl + E).

Откройте панель «Levels» (Ctrl + L) и добавьте немного контраста изображению.

Шаг 8

Создаем шерсть. С инструментом «Smudge» мы делаем зигзагообразные контуры. Помните, что рисовать шерсть необходимо исходя из объема тела.

Продолжайте рисовать шерсть, только сейчас внутри тела. Особенно в местах перехода цвета.

Шаг 9

Сделаем перерыв для создания кисти для рисования волос. Создаем новый файл File > New (Сtrl + N). Устанавливаем ширину 500 pixels и высоту 300 pixels.

Добавляем новый слой с прозрачным фоном.

Идем Image > Mode и выбираем «Grayscale» (шкала яркости).

С круглой кистью сделайте несколько точек разного размера, как видно на изображении.

Кликните Edit > Define Brush Preset и дайте имя вашей кисти.

Выберите вашу новую кисть и активируйте способ давления «Transfer». Уберите к нулю «Spacing» (расположение с интервалами). Протестируйте вашу кисть пока не будете довольны результатом.

Шаг 10

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

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

Шаг 11

На новом слое нарисуйте несколько синих пятен. Режим наложения «Multiply» так, чтобы шерсть ниже оставалась видна.

Используя инструмент «Smudge» придайте пятнам необходимого вида, всегда обращая внимание на направление роста шерсти.

С инструментом «Eraser» (E) с очень низкой прозрачностью, сотрите пятна в соответствии с остальными прядями.

Шаг 12

Используйте мягкую кисть и нарисуйте темно-синюю область, как показано на рисунке. Делайте это на слое с режимом наложения «Multiply» с прозрачностью в 33%.

Смягчите тень с инструментом «Eraser» с низкой прозрачностью.

Шаг 13

Добавьте слой с «Clipping Mask» для ног. Рисуем тень также, как и для тела.

Используйте кисть вместе с «Smudge» инструментом для симуляции шерсти на ногах.

Шаг 14

Как и было сделано в Шаге 12, рисуем белые и светлые области с режимом «Overlay».

Время рисовать рожки на слое с режимом «Multiply». Используем тот же коричневый основной цвет для теней, применяя «Eraser».

Шаг 15

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

Шаг 16

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

На новом слое ниже устанавливаем режим «Multiply» с прозрачностью 50% и используем светло красный для щек.

С жесткой и маленькой кистью делаем несколько веснушек, некоторые из них темнее, чем остальные, над щеками и возле носа.

Шаг 17

С кистью для волос (для шерсти) рисуем на новом слое с оранжево-коричневым цветом волосы.

Добавляем одиночные волосинки по краям.

На новом слое с режимом «Overlay» рисуем желтые волосинки.

Шаг 18

Для куртки добавляем «Clipping Mask» в режиме «Multiply». Используем такой же оранжевый для рисования теней.

Добавим еще немного на новый слой теней, только уже с с коричневый цветом. Режим — «Multiply».

Используйте желтый для рисования света.

Шаг 19

Делаем тоже самое для других предметов одежды. Будем помещать складки на одежде.

Используйте темно коричневый для теней на рукавах и руках, для морщин и складок. Используйте светло коричневый для света.

Сделаем тоже самое для рукавичек и обуви.

Шаг 20

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

С маленькой кистью и используя тот же цвет, что и у шарфа, сделать случайные маленькие полосы.

Шаг 21

Выберите все слои с мальчиком и дублируйте их. Дублированные объедините (Ctrl + E). Добавьте слой с «Clipping Mask» с установленным «Multiply» режимом. Используйте ненасыщенный синий с мягкой кистью и затемните правую сторону ребенка.

На другом слое установите режим «Overlay» с прозрачностью 54% и используйте светло синий для левой стороны.

Теперь рисуем девочку по таким же шагам, как рисовали мальчика.

Шаг 22

Выберите все слои и дублируйте их. Добавьте новый слой с режимом «Multiply», рисуя темно синим тени на девочке, смягчая инструментом «Erase».


Затемните части девочки, которые соприкасаются с животным.

Добавьте тень от мальчика на животе существа.

Шаг 23

Добавьте слой с режимом «Multiply» между папками персонажей и фоном и нарисуйте тень на земле.

Шаг 24

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

С инструментом «Eraser» (E) с очень низкой прозрачностью мягко обозначьте тень на земле.

Шаг 25

Ниже слоя со снегом создаем градиент (от оранжево-розового до прозрачного) с инструментом «Gradient» (G). Установите опции, как указано на рисунке.

Время рисовать облака. Используйте розовый и белый цвета для верха. Рисуйте кругами используя кисти разной прозрачности.

Используйте «Eraser» чтобы сделать облака менее выразительными.

Шаг 26

Идем в «Adjustment Layer»(«Регулировку слоями») > «Level» («Уровни») и ставим поверху фон, как показано на рисунке.

Шаг 27

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

Установите заполнение для слоя с тенью в 72%.

Шаг 28

Добавляем слой сверху всего и делаем градиент с темно красного до прозрачного. Устанавливаем режим «Multiply» и заполнение 33%.

Стираем немного в районе персонажей, особенно в зоне света, и немного в тенях.

Шаг 29

Уделим немного внимания снегу, используя кисть для шерсти. Главное задать интервал распространения «Spacing» для разбрасывания точек. Вы можете продолжать пробовать различные варианты в зависимости от эффекта, которого вы хотите достигнуть. Автор урока установил значение, как показано на рисунке ниже.

Опустите слой ниже остальных и рисуйте снежинки.

Дублируем слой со снежинками и идем Filter > Blur > Motion Blur.

Установите, как на рисунке.

Сотрите несколько снежинок на первом слое и несколько со слоя с размытием.

Step 30

Создайте новую папку и поместите поверх всех слоев и папок.

Дублируйте папку и объедините Ctrl + E.

Поместите текстуру поверх всех слоев. Кликните по низу справа и выберите «Rasterize». Используя инструмент «Magic Wand» (W) с опциями, которые вы видите на рисунке ниже.

Разместите изображение сверху текстуры и создайте «Clipping Mask». Опустите слой ниже и заполните его цветом инструментом «Paint Bucket» (G). Используем синий цвет, но позже мы его поменяем.

Двойным щелчком по ползунку переходим в «Стили слоя» («Layer Style»). Выбираем «Drop Shadow» и устанавливаем, как на изображении.

Дублируем текстуру и расположим ее сверху с заполнением 40%. Двойным щелчком на текстуре открываем «Layer Style». Выбираем «Inner Shadow» и устанавливаем, как ниже.

Шаг 31

Добавляем градиент с тем же цветом, как и фон на слое с режимом «Multiply», заполнением 54% между слоями фона и базовой текстуры.

Идем «Adjustments» («Регулировки») > «Photo filter» и помещаем этот слой наверх как «Сlipping mask». Пример на картинке ниже.

Идет «Adjustments» > «Hue/Saturation» и помещаем этот слой поверх фона. Изменяем цвет фона.

Шаг 32

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

Окончательный результат