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

05.05.2019 Windows инструкции

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

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

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

Для многих художников, создание иллюстрации начинается с карандаша и листа бумаги. В этом уроке 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» (в ней находятся все слои, относящиеся к иллюстрации). Теперь сотрите некоторые мелкие детали с изображения разными кистями, чтобы придать текстуры.

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

Вы долго готовились к изданию собственной книги: материал отобран, отредактирован, проверен на близких; вы уже нашли издательство , в которое будете обращаться… Казалось бы - еще немного, и у вас в руках окажется книга с вашими инициалами на обложке.

Но будьте внимательны - и не забудьте о еще одном, более чем важном аспекте публикации книги. Речь идет о её иллюстрировании. Уже из перевода слова «иллюстрация» становится понятно, почему визуальное оформление книги важно - это не что иное как «наглядное изображение» её содержания.

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

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

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

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

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

Иллюстрирование поэтических сборников требует особого подхода. Обязательно учитывайте, что небольшой объем произведений требует от читателя бОльшей сосредоточенности, чем при чтении прозы - и значит, слишком яркие иллюстрации могут просто «перетянуть одеяло» на себя: ваша книга привлечет внимание, но исключительно картинками (и станут ли после их просмотра читать сами стихотворения?).

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

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

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

Создание иллюстрации по фотографии

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

Если, к примеру, работаете в Adobe Photoshop, то, уменьшив прозрачность фотографии и создав новый слой, можете смело, мазок за мазками создавать иллюстрацию, повторяя все линии и сгибы объектов. Это можно сделать как мышкой, так и при помощи специального планшета со стилусом – аксессуаром в виде маленького тонкого пера для управления устройством с сенсорным интерфейсом.

Ниже представлены видео, где показан данный метод создания таких иллюстраций:

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

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

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

Следующие видео продемонстрируют данный метод на практике:

https://youtu.be/UVGxAJL7dSQ

Создание иллюстрации сразу на компьютере

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

Соответствующие видео прилагаются:

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

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

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

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

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

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

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

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

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

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

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

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