Как создаются иллюстрации. Цифровая живопись: три способа создания иллюстраций на компьютере. Поиск цветовой темы

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

Финальное изображение:

Перед тем, как начать, посмотрите видео о том, как создавался эскиз:

Шаг 1

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

Шаг 2

Прежде всего, создайте набросок иллюстрации карандашом.

Шаг 3

Теперь прорисуйте контуры:

Шаг 4

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

Шаг 5

После нескольких часов рисования, иллюстрация выглядит так:

Шаг 6

Отсканируйте эскиз в оттенках серого, разрешение установите между 600-800 пикселями. Однако, обратите внимание на то, что чем больше файл, тем медленнее компьютер будет работать. После сканирования, откройте иллюстрацию в Фотошопе.

Шаг 7

Нужно усилить контраст изображения при помощи команды Кривые (Изображение - Коррекция - Кривые) (Curves) (Ctrl + M). Нужно добавить изображению как можно больше белых и черных оттенков:

Шаг 8

Теперь нужно исправить некоторые неточности на иллюстрации (к примеру, удалить лишние линии). Инвертируйте изображение (Ctrl + I) - тогда легче будет увидеть те неточности, которые нужно будет исправить.

Используя инструменты Осветлитель и Затемнитель (Burn/Dodge Tool) (O). Удалите все неточности, а затем снова инвертируйте изображение.

Шаг 9

Теперь нужно отделить изображение от белого фона. Для этого, выделите изображение (Ctrl + A) и скопируйте (Ctrl + C), затем добавьте маску . Кликните по маске, удерживая нажатой клавишу ALT. Теперь, вы сможете вставить иллюстрацию на маску (Ctrl + V).

Шаг 10

Инвертируйте слой-маску (Ctrl + I).

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

Примените маску: сначала нажмите клавиши Ctrl + G , а затем Ctrl + E (этот способ позволит сначала поместить слой с изображением в группу, а затем объединить группу).

Шаг 13

При необходимости, можно скорректировать пропорции на изображении. Для этого, воспользуйтесь фильтром Пластика (Фильтр - Пластика) (Filter > Liquify).Здесь можно изменить некоторые линии и кривые.

Шаг 14

Теперь добавьте белый фоновый слой.

Шаг 15

Выделите изображение инструментом Волшебная палочка (Wand Tool) (W) и инвертируйте выделение (Ctrl + Shift + I). Сожмите выделение на 5 пикселей (Выделение - Модификация - Сжать) (Selection > Modify > Contract). Создайте новый слой (Shift + Ctrl + N) под слоем с иллюстрацией и залейте его темным цветом - это будет цвет волос.

Шаг 16

Над слоем с волосами создайте новый слой - это будет слой для лица. Для закрашивания лица используйте белый цвет и инструмент Кисть (Brush Tool) (B).

Шаг 17

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

Шаг 18

В финале, создайте новый слой с названием «Pearls» и нарисуйте жемчуг в волосах.

Шаг 19

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

Шаг 20

Теперь нужно раскрасить волосы в разные оттенки. Это можно сделать инструментом Кисть (Brush Tool) (В).

Шаг 21

Для создания света и тени будем использовать разные кисти. Загрузите изображение темного пятна из ресурсов урока - из него мы сделаем кисть.

Шаг 22

На этом этапе нужно снова усилить контраст изображения. Для этого, создайте кисть и изображения темного пятна (Редактирование - Определить кисть / Edit > Define Brush Preset).

В открывшемся окне задайте имя кисти:

Шаг 23

Откройте палитру Кисти (F5) и выберите только что созданную кисть:

Перейдите на вкладку Динамика формы (Shape Dynamics) и поэкспериментируйте с настройками пунктов Колебание размера (Size Jitter) и Колебание угла (Angle Jitter).

Шаг 24

Используя эту кисть, начните добавлять к каждому слою свет и тень. Начните с волос.

Шаг 25

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

Шаг 26

Жемчуг раскрасьте разными оттенками желтого и коричневого цветов:

Шаг 27

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

Шаг 28

Создайте новый слой с названием «Makeup», нарисуйте на нем макияж и измените режим наложения на Умножение (Multiply).

Шаг 29

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

Шаг 30

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

Шаг 31

Для этой конкретной части понадобятся цветные пятна, капли и т.д.

Это фотографии двух частей фона (для примера):

Шаг 32

Отсканируйте созданный фон (убедитесь, что краска на нем высохла). Желательно использовать довольно большое разрешение (около 900 пикселей).

Шаг 33

Перенесите отсканированный фон на основное изображение. Вы можете удалить белый фоновый слой, а все слои, относящиеся к иллюстрации поместить в отдельную группу. Для того, чтобы изменить цвет фона, добавьте к нему (Hue/Saturation).

Шаг 34

Вы можете использовать любой понравившийся цвет в качестве фона. Я выбрал бирюзовый оттенок.

Шаг 35

Добавьте второй фон и поверните его (Ctrl + T).

Шаг 36

Создайте новый слой (Shift + Ctrl + N) под вторым слоем с фоном, залейте его черным цветом и объедините этот слой с фоном со слоем, залитым черным цветом (Ctrl + E).

Шаг 37

К объединенному слою добавьте маску и загрузите выделение (Ctrl + A). Удерживая клавишу ALT, кликните по миниатюре маски. Нажмите Ctrl + V , чтобы вставить все. Цветной фон теперь работает в качестве маски.

Шаг 38

Перейдите с маски на слой, а теперь снова перейдите на маску, только уже не нажимая клавишу Alt. Таким образом, вы можете видеть, что происходит на холсте, но на маске можно также продолжать работать. Теперь примените команду Кривые (Curves) (Ctrl + M).

Шаг 39

Яркие области на втором фоне теперь станут видны:

Шаг 40

Создайте новый слой выше всех слоев и на нем добавьте тень на плечи.

Шаг 41

Теперь добавьте больше цветных пятен. Это придаст иллюстрации ощущение стиля «street art». Каждую каплю рисуйте на отдельном слое.

Шаг 42

Уменьшите непрозрачность каждого слоя с каплей приблизительно до 33%.

Шаг 43

Выделите при нажатой клавише Shift все слои с каплями и поместите их в группу (Ctrl + G). К группе с каплями добавьте маску и на ней различными кистями удалите некоторые части капель, чтобы придать им более интересный вид.

Шаг 44

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

Шаг 45

Перенесите изображение старой бумаги в наш документ и поместите над всеми слоями и группами. Добавьте к ней корректирующий слой Цветовой тон/Насыщенность (Слой - Корректирующий слой - Цветовой тон / Насыщенность) (Layer > New Adjustment Layer >Hue/Saturation)и уменьшите яркость текстуры.

Шаг 46

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

Шаг 47

Теперь можно использовать тот же трюк, который использовали при создании цветных капель. Добавьте маску к группе «Woman» (в ней находятся все слои, относящиеся к иллюстрации). Теперь сотрите некоторые мелкие детали с изображения разными кистями, чтобы придать текстуры.

Перевод: Слуцкая Светлана

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

Я использовала следующие инструменты:
- Photoshop CS3
- Планшет Wacom Graphire 3 USB (Голубой)

Шаг 1 : Я начала с эскиза. Затем я раскрасила поверхность земли. Здесь, как вы видите на готовом рисунке, много зеленой травы и она напоминает мне старую песню: "Зеленая Зеленая Трава у дома". Поэтому попытайтесь представить что-то в этом роде. Возможно, здесь неподалеку от маленького домика стоит старый дуб, под сенью которого вы так любили играть в детстве. Как только я определилась со сценой, я стала обдумывать цвета: основные и фоновые оттенки. Здесь я попыталась представить себе четкий образ. Я начала рисовать на пустом фоне, на который добавила несколько цветов. Я не люблю работать с рисунками, фон которых прост и невыразителен. Добавление различных цветов сохраняет интерес к изображению, а также помогает добиться нужного настроения.

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

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

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

Шаг 5 : Затем я приступила к более детальной прорисовке зеленой травы при помощи маленькой жесткой круглой кисти, а мягкой круглой кистью сгладила изображение... но позже я могу изменить это, например, там возможно появятся красновато-синие или желтые цветы. Но на данный момент, я думаю, что зеленая трава – это как раз, то, что нужно.

Шаг 6 : Когда я ищу подходящий цвет, я делаю так:

Шаг 7 : Теперь обратите внимание на то, как я рисую древесину. В этом уроке я не показываю множество типов древесины. Здесь представлены только два вида: один для двери, а второй – для забора.

Шаг 8 : А теперь позвольте мне изменить размер холста. Как видите, если хотите получить рисунок с большим количеством деталей, то вам придется работать на холсте большого размера (примерно 2000 или 2600 пикселей).

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

Шаг 10 : На следующих этапах, я собираюсь создать еще несколько слоев для зеленой травы. Причина создания нескольких слоев заключается в том, что позднее вам нужно будет откорректировать рисунок. Гораздо проще исправить ошибки, если основные элементы вашего рисунка представляют собой отдельные объекты. Я вчерне раскрасила рисунок при помощи большой жесткой круглой кисти, а затем добавила детали такой же кистью, но уже с меньшим диаметром. Я также создала новый слой для волос и сделала грубый набросок. Возвращаясь к вопросу о том, как рисовать траву. Просто кликните на значок кисти, выберите другой цвет и рисуйте так, как показано на моих эскизах. Затем просто повторяйте одно и то же действие.

Шаг 11 : Теперь пришло время приступить к детализации облаков. Рисуя облака, я придала форму белым цветом на отдельных слоях, а затем изменила режим наложения слоя на Наложение (Overlay) для того, чтобы этот эффект был заметен на рисунке. И я использовала только два слоя для облаков. Один цвет – в качестве базового, а другой – для увеличения яркости фона. Попытайтесь найти баланс, комбинируя разные формы кистей, и попробуйте нарисовать облака при помощи нанесения разных штрихов. Вам также нужно определить свет и тени. В этом вопросе вам помогут фотографии настоящего неба. Просто поищите в Google разные формы облаков.

Шаг 12 : Я также хотела добавить немного яркого солнечного света и других деталей, таких как, например, вспышка молнии. После нескольких попыток, я остановилась на том варианте, который изображен на моем рисунке. На этом этапе это выглядело достаточно приблизительно, но я вернусь к этому позже. Я также должна отметить, что каждый элемент рисунка оказался на отдельном слое, что позволило мне быстро выбрать нужный объект и с легкостью изменить цвета. Нажмите Command+Клик (на Mac) или Control+Клик (на Windows) на значке слоя в палетке "Слои" ("Layers") для того, чтобы выбрать непрозрачность (opacity).

Шаг 13 : Настройки. Это очень важно. Вы можете подобрать нужный цвет и тем самым изменить всю атмосферу. Теперь я использую Баланс цвета. После этого я изменила яркость и контраст. Вы заметите, как изменится световой эффект.

Выводы :

Теперь пришло время закрыть Photoshop. Я надеюсь, вам понравилось! В качестве завершающего штриха, я добавляю фильтр "Умная" резкость (Smart Sharpen) на плоский рисунок, для того чтобы получить более четкие, резкие линии. Это помогает выделить мелкие детали, такие как блики. Я надеюсь, чтение этого урока доставило вам удовольствие.

Использование референсов в работе помогает ускорить создание иллюстрации. Референсы - это примеры, на которые ориентируются в процессе создания иллюстрации. Они бывают разные:

1. позы, сюжета,
2. стилистика,
3. цветовой гаммы,
4. объектов, деталей, решений…

Есть два противоположных типа начинающих иллюстраторов - те которые думают, что нужно всё выдумывать с головы и плагиатчики. Правильный подход посредине.

Я поделюсь своим опытом создания иллюстрации на основе референсов.

1. Поза, сюжет

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

Где-то в путешествии я сфотографировала винтажный плакат девушки, которая собирает чай. Этот постер я взяла за основу позы и сюжета. Он стал моим референсом с которого я получу конечную картинку

Винтажный цейлонский плакат

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

• www.pinterest.com/characterdesigh/ отличный аккаунт с тематичными досками на любую тему. Например вот доска с читающими персонажами у которых можно подсмотреть позу www.pinterest.com/characterdesigh/character-pose-reading/
• sketchfab.com/models/ сайт, где собраны 3д модели обьектов и персонажей. Их можно покрутить и посмотреть в нужном ракурсе
• shutterstock.com/ сток на котором можно найти фотографии на интересующую тему, позу
• ваши фотографии (например, с путешествия)

Стилистика

Зайдя на дрибл в раздел со своими лайками мне захотелось нарисовать иллюстрацию во флет стиле в яркой цветовой гамме. Я нашла иллюстрацию, которая мне нравится и проанализировав её стиль выделила основные приёмы:

За референсы стилей можно брать иллюстрации стиль которых вам нравится. Хорошо, если этот стиль трендовый. Это поможет набрать вам больше лайков и шейров.

Трендовые иллюстрации можно смотреть на популярных дизайнерских сайтах:

• dribbble.com
• behance.net
• pinterest.com

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

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

• https://www.behance.net/AdamQuest
• https://www.behance.net/gartman
• https://dribbble.com/CatFinnie
• https://dribbble.com/nutcracker

3. Цветовая гамма

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

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

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

Если вы не можете выделить цветовую гамму с картинки, то вам поможет color.adobe.com (иконка фотоапарата в верхнем правом углу).

Цветовую гамму с иллюстрации на дрибле можно посмотреть и скачать справа от неё (даже это говорит о том, что так делают все).

• https://www.instagram.com/megdraws
• https://dribbble.com/rickylinn
• https://dribbble.com/Avaliani

Объекты

За дополнительными изображениями я пошла на shutterstock.com/

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

За референсом рук я далеко ходить не стала и просто сфотографировала на телефон свою. Это же можно делать для референса позы.

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

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

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

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

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

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

Этап 1. Выбрать тему
С чего начинается работа? С выбора темы. Если честно, я пока не особенно замудряюсь по поводу тенденций, выбора ниш (может поэтому имею скромные цифры в кошельке), рисую, что хочется. Для себя выбрала стиль, обозвала его «мульти-реализм», то есть достаточно реалистично, чтобы передать объем, тени, но оставить при этом мультяшную ярость и лоск. В настоящее время работаю в жанре «предметы», но позже планирую включить сюда людей и небольшие сюжеты.

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

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

Этап 2. Эскизы
Тут все предельно просто и понятно, если я выбираю тему, то накидываю, какие именно предметы могут к неё относиться. А дальше ищу картинки нужных предметов и срисовываю их в свой молескин. Срисовывать нужно обязательно, стоки не позволяют использовать чужие фотографии в качестве прямых референсов (перерисовка чужих фото), но если подобрать несколько картинок, взять что-то с одной, что-то с другой и в итоге получить собственный рисунок, то все хорошо, авторское право не пострадало.
Рисую я, если честно, так себе, рука не поставлена на создание ровных линий, но, это не особенно нужно, за что и люблю вектор.
Эскизы здесь носят роль примерных схематических набросков, с них я буду брать общую форму. От кривости линий позже спасут инструменты Иллюстратора, позволяющие чертить ровные круги и прямоугольники.

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

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

Этап 4. Оформление основных форм.
Дальше начинается работа с компьютером. У меня есть графический планшет, но пользуюсь им крайне редко, люблю прихвастнуть, что все мои работы сделаны мышкой, что, кстати, чистая правда. Основной инструмент: перо. Разбирающиеся в векторе, поймут в чем суть. Вкратце, перо позволяет с помощью точек и векторов рисовать изогнутые линии любых форм.
Пером (для предметов, требующих ровности: кружки, тарелки, коробки - эллипсы, прямоугольники) я обвожу основные детали, закрашиваю их в хаотичные цвета, только чтобы определить форму.
В итоге получаются вот такие непривлекательные иллюстрации, но общая идея уже ясна, дальше только усложнение.


Эта 5. Подбор цвета.
Подбор цвета, один из важнейших моментов, который я себе категорически не доверяю и сама цвета не подбираю. Есть много сервисов, позволяющих собрать красивые палитры, но это все не совсем то. Главным помощником в подборе цвета стал сервис: shutterstock.labs. Интересная штука, рекомендую покопаться, даже просто ради общего развития. Сайт позволяет подбирать фотографии по интересующим темам с учетом предпочтительной палитры. Например, я знаю, что для рисования Fast Food мне скорее всего понадобятся желтый, красный, оранжевый, коричневый и их оттенки. Формирую соответствующий поисковый запрос и программа выдает мне готовые фотографии с теми же хот-догами, картошкой и прочим, да еще и в ярких, красивых цветах, которые я в последствии и буду использовать в работе, благодаря инструменту пипетка.

Этап 6. Разработка предмета.
Черновая часть процесса закончена, начинаем творить. Для отрисованых деталей подбираю цвета с найденных фотографий, после добавляю новые детальки: тени, блики, свет, текстуру. В итоге получаю набор отдельных предметов, которые теперь можно компоновать.


Этап 7. Составление композиций.
Предметы нарисованы, самое время подумать, как их подать. Даже за мою недолгую стокерскую деятельность я успела сообразить, что композиции продаются лучше, чем просто предметы на белом фоне (хотя в таком виде тоже загружаю, иногда покупают). Поэтому теперь просто комбинирую всю нашу коллекцию в разные картинки, с фонами, без фонов, с надписями, без них. Чем больше удается наделать из одной коллекции картинок, тем лучше. Особенно мне нравится, когда какие-то предметы можно взять из прошлых работ. Например в набор «Fast Food» я добавила мороженое из коллекции «Лето». Поэтому и стараюсь рисовать в одном стиле, чтобы можно было все комбинировать.


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

Привет! Меня зовут 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) изменим немного цвета. Я хочу придать иллюстрации более солнечный эффект.

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

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