Рубрика: Photoshop Уроки | Урок прочитали: 1191
 (голосов: 4)

Создаём миксовую иллюстрацию в Фотошоп

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

Шаг 11

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

Шаг 12

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

Шаг 48

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

Шаг 49

Теперь нужно осветлить маску. Для этого используйте команду Кривые (Curves) (Ctrl + M).

Шаг 50

У нас не стоит задача совсем удалить части рисунка, просто нужно придать некоторую текстуру.

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

Шаг 51

Теперь перейдем к созданию виньетки. Создайте новый слой поверх всех слоев и залейте его цветом, близким к цвету фона:

Шаг 52

К этому слою добавьте маску  и залейте ее черным цветом. Мягкой кистью (Brush Tool) подчеркните углы.

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

Шаг 53

Измените режим наложения слоя с виньеткой на Умножение (Multiply).

Шаг 54

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

Измените режим наложения этого слоя на Умножение (Multiply).

           

Похожие файлы и публикации:

Создаём миксовую иллюстрацию в Фотошоп
В этом уроке я покажу, как создать миксовую композицию. Для рисования я буду использовать планшет, но если у Вас нет планшета, того же результата Вы можете добиться инструментом Перо.
Создаём миксовую иллюстрацию в Фотошоп
Вот такой домик получится после данного урока
Создаём миксовую иллюстрацию в Фотошоп
В этом уроке Вы научитесь создавать текстуру старой бумаги, которая отлично подойдет в качестве фона для скраббукинга. Эта текстура прекрасно дополнит старые, антикварные фотографии.
Создаём миксовую иллюстрацию в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Создаём миксовую иллюстрацию в Фотошоп
Осенью многие художники осенью начинают задумываться, чтобы такое интересное нарисовать к Хэллоуину. В этом уроке мы будем создавать потрясающий жуткий постер к Хэллоуину.
Создаём миксовую иллюстрацию в Фотошоп
В этом уроке мы будем создавать минималистичный макет блога.
Создаём миксовую иллюстрацию в Фотошоп
Создание музыкальных постеров – это довольно увлекательное занятие, которое нравится почти всем дизайнерам. Многие музыкальные плакаты бывают основаны на иллюстрациях. Но, если у Вас нет времени что-то рисовать, можно создать постер, используя фотографии и текстуры, объединив их вместе.
Создаём миксовую иллюстрацию в Фотошоп
Шаг 1. Создайте новый документ (600X700px). Вставьте в него текстуру старой бумаги.
Создаём миксовую иллюстрацию в Фотошоп
Этот урок посвящён созданию сцены в космосе. По ходу урока Вы можете использовать не только представленные мной «графические материалы», но и использовать какие-нибудь свои изображения. Это полёт фантазий!
Создаём миксовую иллюстрацию в Фотошоп
Шаг 1. Откроем изображение, я буду использовать эту картинку, так как она подходит для моей работы:
Создаём миксовую иллюстрацию в Фотошоп
В этом уроке мы рассмотрим способ наложения текстуры на большую букву для создания уникального эффекта. Основная цель урока – это понимание обтравочной маски.
Создаём миксовую иллюстрацию в Фотошоп
В этом уроке мы будем создавать очень простой эффект для фотографии. После создания этого эффекта изображение будет похоже на картину, написанную акварельными красками, а также иметь гранжевую текстуру.
Создаём миксовую иллюстрацию в Фотошоп
Акварель очень популярна в искусстве из-за своей непредсказуемости, живости и натуральности.
Создаём миксовую иллюстрацию в Фотошоп
Меня довольно часто спрашивают об инструментах и методах, которые я использовал в этой композиции. Точнее, как я создал эффект водяных брызг. Поэтому я решил написать урок, чтобы ответить на эти вопросы сразу, и показать вам, как применять эти методы в совершенно другой среде.
Создаём миксовую иллюстрацию в Фотошоп
Шаг 2. Для начала, вырежьте изображение шлема с фона. Это можно сделать инструментом Pen Tool (Перо), Lasso (Лассо) или другим удобным для вас способом. Затем скопируйте эту фотографию в новый документ и измените размер изображения в соответствии с вашей будущей иконкой, например 128х128px. Вы можете создать, например, новый документ размером 128x128px и перенести на него изображение шлема, но я рекомендую использовать документ большего размера, чтобы было больше пространства для рисования.
Создаём миксовую иллюстрацию в Фотошоп
Вот финальное изображение:
Создаём миксовую иллюстрацию в Фотошоп
Нам понадобятся для урока такие материалы: Пальмовый лист Шрифт
Создаём миксовую иллюстрацию в Фотошоп
Сегодня я покажу вам, как создать панораму, используя алгоритмы Photoshop CS5. А затем, кто заинтересован в фотоманипуляциях, покажу, как создать сцену апокалипсиса с метеоритами и дымом. Вы можете использовать мои изображения или ваши фото. Если вы решили сами сделать панораму, не забывайте использовать штатив и фотографировать последовательно. Также обязательно загрузите это изображение.