We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Line Art

Создаём Зимнюю Иллюстрацию в программе Adobe Photoshop: Контурный Рисунок

by
Read Time:20 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Дизайнер Melody Nieves будет работать вместе со мной. Я создам контурный рисунок, а Melody проведёт рендеринг всей сцены в программе Adobe Photoshop.

Задача урока для создания зимней иллюстрации - это

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

Исходные материалы

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

1. Создаём Наброски для Композиции

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

В данном случае, нам необходимо:

  • Три животных: заяц-беляк, олень и полярная сова
  • Снег
  • Два отдельных источника света: тёплый и холодный.

Переговорив с Melody, мы придумали основную идею лесной сцены, где животные украшают старую сосну шишками и желудями.

Основные причины для создания отдельных эпизодов:

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

Итак, без лишнего описания деталей, я покажу вам свой процесс создания набросков, воссоздав отдельные эпизоды!

Шаг 1

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

Blank ThumbnailsBlank ThumbnailsBlank Thumbnails

Шаг 2

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

Thumbnails with warm and coolThumbnails with warm and coolThumbnails with warm and cool

Шаг 3

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

Initial ThumbnailsInitial ThumbnailsInitial Thumbnails

Шаг 4

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

Chosen ThumbnailsChosen ThumbnailsChosen Thumbnails

Шаг 5

Для дальнейшего согласования, я отправила свои наброски своему соавтору дизайнеру Melody Nieves и мы выбрали свои любимые сцены. Нам понравились одни и те же наброски, но мне ещё понравился тот, который обведён оранжевым цветом.

Favourite compositionsFavourite compositionsFavourite compositions

Шаг 6

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

Chosen compositionChosen compositionChosen composition

2. Создаём Рабочий Документ

Шаг 1

Для данной иллюстрации, мы настроем документ так, чтобы изображение было готово к печати. Нам нужен размер A3 для печати, итак, создайте новый документ, для этого идём Файл -Новый (File > New) или нажмите клавиши (Ctrl+N). Установите следующие настройки:

  • Ширина (Width) 297 mm (или 3,508 px)
  • Высота (Height) 420 mm (или 4,961 px)
  • Разрешение (Resolution) 300 dpi (точек на дюйм, стандартное разрешение для печати)

Установите Цветовой режим (Color Mode) на CMYK, т.к. мы будем распечатывать данное изображение. Хотя, если ваша работа не предназначена для печати, то установите Цветовой режим (Color Mode) на RGB.

A3 Document SetupA3 Document SetupA3 Document Setup

Шаг 2

Я полностью выделила третий набросок с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем нажала клавиши (Ctrl+Shift+C), чтобы скопировать совмещённые данные (скопировать все слои), а затем нажала клавиши (Ctrl+V), чтобы вклеить скопированный набросок на свой рабочий документ. Далее, я применили масштабирование к наброску под размеры рабочего документа (Ctrl+T). Обратите внимание, что набросок низкого качества и ниже того, с чем мы обычно работаем, но это всего лишь набросок, и он не будет виден на итоговом результате.

Drag thumbnail into A3 DocumentDrag thumbnail into A3 DocumentDrag thumbnail into A3 Document

Шаг 3

Находясь на слое с наброском, нажмите клавиши (Ctrl+T) для активации режима Трансформации (Transform) и масштабирования наброска под размеры рабочего документа, а затем нажмите клавишу (Enter).

Scale Thumbnail to A3Scale Thumbnail to A3Scale Thumbnail to A3

Шаг 4

В панели слоёв, уменьшите Непрозрачность (opacity) слоя с наброском, примерно, до 25%, чтобы набросок был едва виден, но при этом вы могли вы могли с ним работать. Представьте, что вы используете кальку. Далее, нажмите клавиши (Ctrl+R), чтобы активировать Линейки. С помощью инструмента Перемещение (Move Tool (V), потяните направляющую линию с верхней горизонтальной линейки вниз, создав линию горизонта. На самом деле, это дело вкуса, поэтому, если вы хотите, то нарисуйте линию горизонта на отдельном новом слое (Shift+Ctrl+N) с помощью кисти, при этом удерживайте клавишу (Shift), чтобы нарисовать идеально ровную линию.

Lower Opacity of Thumbnail and Add Guide HorizonLower Opacity of Thumbnail and Add Guide HorizonLower Opacity of Thumbnail and Add Guide Horizon

3. Настраиваем Кисть

Для данного контурного рисунка, я использую стандартную кисть Photoshop со следующими настройками, которые указаны ниже:

Нажмите клавишу (F5), чтобы открыть панель настроек Кисть (Brush).

Шаг 1

  • Жёсткость (Hardness) 100%
  • Интервал (Spacing) 1%

Hard Brush Tip SettingsHard Brush Tip SettingsHard Brush Tip Settings

Шаг 2

Динамика формы (Shape Dynamics):

  • Колебание размера (Size Jitter) 0%, а также установите Управление (Control) на Нажим пера (Pen Pressure)
  • Минимальный диаметр (Minimum Diameter) 70%
  • Колебание угла (Angle Jitter) 0%; Управление (Control) - Выкл (Off)
  • Колебание формы (Roundness Jitter) 0%; Управление (Control) - Выкл (Off)
Hard Brush Shape DynamicsHard Brush Shape DynamicsHard Brush Shape Dynamics

Шаг 3

Передача (Transfer):

  • Колебание непрозрачности (Opacity Jitter) 0%; а также установите Управление (Control) на Нажим пера (Pen Pressure); Минимальное (Minimum) 0%
  • Колебание количества краски (Flow Jitter) 0%; а также установите Управление (Control) на Нажим пера (Pen Pressure); Минимальное (Minimum) 0%
Hard Brush Transfer SettingsHard Brush Transfer SettingsHard Brush Transfer Settings

Шаг 4

Далее, сохраните свою кисть, для этого нажмите значок Создать новую кисть (Create New Brush) в нижнем правом углу панели Кисть (Brush).

How to save the brushHow to save the brushHow to save the brush

4. Создаём Наброски Деревьев

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

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

Christmas tree PhotoduneChristmas tree PhotoduneChristmas tree Photodune

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

Snow covered pine tree PhotoduneSnow covered pine tree PhotoduneSnow covered pine tree Photodune

Шаг 1

Это наша основа для первого дерева. Создайте новый слой (Ctrl+Shift+N), а затем с помощью большой кисти, грубыми мазками нарисуйте дерево, чтобы упростить форму ветвей. Нам нужен стилизованный вид, поэтому, формы должны быть свободными.

Rough pine silhouetteRough pine silhouetteRough pine silhouette

Шаг 2

Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте примерный набросок дерева на заднем плане. Т.к. это начальная стадия, то ничего страшного, если вы копируете / вклеиваете элементы сцены для ускорения процесса. Тем не менее, я бы не советовал этого делать в заключительном варианте своей иллюстрации.

Уменьшите второе дерево (Ctrl+T), примерно, до 2/3 высоты первого дерева.

Copy paste background treesCopy paste background treesCopy paste background trees

5. Создаём Контурный Рисунок Дерева

Шаг 1

Создайте новый слой (Ctrl+Shift+N), а затем используйте ту же самую кисть, которую мы настроили. Уменьшите размер кисти, для этого нажмите клавишу с квадратной скобкой '['. Чтобы увеличить размер кисти, нажмите клавишу ']'. Представьте, что вы заменили фломастер на ручку с тонким пером.

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

Pine needles line artPine needles line artPine needles line art

Шаг 2

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

Tree Line Art No SnowTree Line Art No SnowTree Line Art No Snow

6. Добавляем Снег к Нашему Рисунку

Шаг 1

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

Pine roughed in snowPine roughed in snowPine roughed in snow

Шаг 2

Создайте новый слой (Ctrl+Shift+N), а затем начните наносить контурный рисунок. Снег должен хлопьями лежать на ветвях, сохраняя единый стиль с деревом, используйте W- и U-образные формы для создания снега.

Tree line art with snowTree line art with snowTree line art with snow

7. Добавляем Деревья на Задний Фон

Шаг 1

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

Background trees line artBackground trees line artBackground trees line art

Шаг 2

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

Trunk detailTrunk detailTrunk detail

Итак, наши деревья готовы, мы можем приступить к звёздам нашей иллюстрации - к животным!

Trees line artTrees line artTrees line art

8. Создаём Набросок Оленя

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

Reindeer 2 years PhotoduneReindeer 2 years PhotoduneReindeer 2 years Photodune

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

Stag Portrait PhotoduneStag Portrait PhotoduneStag Portrait Photodune

Шаг 1

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

Rough deerRough deerRough deer

Шаг 2

Создайте новый слой (Ctrl+Shift+N), выберите другой оттенок для кисти, а затем начните рисовать рога. Начните с того, который расположен ближе к наблюдателю, используя длинные и размашистые мазки для упрощение формы рогов. Если у вас возникли сложности при создании сложной формы рогов, как в данном случае, тогда создайте новый слой (Ctrl+Shift+N) поверх слоя с исходным изображением северного оленя, а затем просто нарисуйте простые фигуры. Как только вы нарисовали очертания рогов, далее попробуйте воссоздать их в своей иллюстрации. Было бы проще просто скопировать и вклеить нарисованную обводку, но создание рисунка с нуля поможет вам улучшить свои навыки рисования.

Rough deer plus antlerRough deer plus antlerRough deer plus antler

Шаг 3

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

Rough deer plus antlersRough deer plus antlersRough deer plus antlers

Шаг 4

Далее, нажмите клавиши (Ctrl+T) для трансформации зелёного рога, итак идём Изображение- Вращение изображения - Отразить по горизонтали (Image > Image Rotation > Flip horizontal). Расположите наброски рогов на голове оленя с помощью инструмента Перемещение (Move Tool (V), а также используйте инструмент Ластик (Eraser (E) для коррекции рогов и инструмент Кисть (Brush (B) для их восстановления. Нам нужна некая симметрия, нет необходимости, чтобы рога выглядели идеально, нужно просто, что-то сбалансированное.

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

Deer rough faceDeer rough faceDeer rough face

Шаг 5

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

Deer bulked out bodyDeer bulked out bodyDeer bulked out body

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

9. Создаём Контурный Рисунок Оленя

Шаг 1

Создайте новый слой (Ctrl+Shift+N), а затем с помощью инструмента Кисть (Brush (B), начните рисовать контурный рисунок. Размер кисти тот же самый, который мы использовали при создании дерева или чуть-чуть по-меньше. Контурный рисунок должен быть достаточно выдержанным по всей части. У элементов на переднем плане могут быть слегка более плотные линии, это усиливает глубину, но это не всегда необходимо, в зависимости от того, как используется контурный рисунок на этапе раскрашивания.

Deer line art startedDeer line art startedDeer line art started

Шаг 2

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

Deer line art - rough leg posesDeer line art - rough leg posesDeer line art - rough leg poses

Шаг 3

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

Deer Finished Line ArtDeer Finished Line ArtDeer Finished Line Art

Теперь, когда наш волшебный олень готов, пришло время перейти к нашему птичьему другу, полярной сове!

10. Создаем Набросок Совы

Для нашей совы, я и Melody решили, чтобы будет классно. если она будет держать нить из желудей в своих когтях, пытаясь украсить ею ёлку. Я нашла исходное изображение Пятнистого Филина (Bubo africanus) в динамичной позе на сайте Photodune, которое отлично подойдёт в качестве ссылочного материала.

Spotted Eagle Owl Bubo Africanus PhotoduneSpotted Eagle Owl Bubo Africanus PhotoduneSpotted Eagle Owl Bubo Africanus Photodune

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

Шаг 1

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

Simple shapes - bodySimple shapes - bodySimple shapes - body

Шаг 2

Создайте новый слой (Ctrl+Shift+N), нарисуйте круги для ног. Здесь я также добавила круги для суставов.

Simple shapes - legsSimple shapes - legsSimple shapes - legs

Шаг 3

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

Simple shapes - feetSimple shapes - feetSimple shapes - feet

Шаг 4

Создайте ещё один новый слой (Ctrl+Shift+N), а затем нарисуйте основу для хвоста, используя овалы для основных перьев хвоста. Мы не пытаемся добиться идеального сходства  - это упражнение для того, чтобы увидеть, как создаётся изображение совы.

Simple shapes - tailSimple shapes - tailSimple shapes - tail

Шаг 5

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

Simple shapes - inner wingsSimple shapes - inner wingsSimple shapes - inner wings

Шаг 6

Тщательно проработайте крылья, нарисовав внешние перья при помощи овалов.

Simple shapes - PrimariesSimple shapes - PrimariesSimple shapes - Primaries

Шаг 7

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

Simple shapes - face contoursSimple shapes - face contoursSimple shapes - face contours

Шаг 8

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

Simple Shapes - CompleteSimple Shapes - CompleteSimple Shapes - Complete

Шаг 9

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

Owl Illustration - BodyOwl Illustration - BodyOwl Illustration - Body

Шаг 10

Создайте новый слой (Ctrl+Shift+N) ниже слоя с нарисованной формой тела. Выберите другой цвет кисти, чтобы нарисовать хвост, используя длинные мазки кистью. Я нарисовала достаточно короткие перья, а также сделала их слегка широкими, чем на исходном изображении, чтобы добиться умиляющего эффекта.

Owl Illustration - TailOwl Illustration - TailOwl Illustration - Tail

Шаг 11

Создайте новый слой (Ctrl+Shift+N), ниже слоя с нарисованной формой тела. Выберите другой цвет кисти, чтобы нарисовать первичные и вторичные перья, используя размашистые мазки кистью. Мы объединим основную форму крыла «бабочку» в одно целое крыло, так как внутренняя часть крыла на самом деле не видна.

Owl Illustration - WingOwl Illustration - WingOwl Illustration - Wing

Шаг 12

Создайте новый слой (Ctrl+Shift+N) ниже слоя с телом. Я выбрала бирюзовый цвет кисти, чтобы нарисовать треугольник со скругленными углами для внутренней части переднего крыла.

Owl Illustration - Second wing - innerOwl Illustration - Second wing - innerOwl Illustration - Second wing - inner

Шаг 13

Далее идёт сложная часть с первичными маховыми перьями. Создайте новый слой (Ctrl+Shift+N), далее, я выбрала фиолетовый цвет кисти, и лёгкими размашистыми мазками кисти, я нарисовала перья, создавая ощущение крыла.

Owl Illustration - Second wing - outerOwl Illustration - Second wing - outerOwl Illustration - Second wing - outer

Шаг 14

Я не совсем довольна расположением только что нарисованных перьев, но это легко исправить. Нажмите клавиши (Ctrl+T) для активации режима трансформирования, чтобы применить поворот и масштабирование к крылу. Нажмите клавишу (Enter), если вас устроит расположение крыла.

Scale and adjust wingScale and adjust wingScale and adjust wing

Шаг 15

Осталось внести небольшую коррекцию в набросок совы. Используйте инструмент Лассо (Lasso (L) для выделения, а затем примените трансформацию к дальнему крылу (Ctrl+T).

Adjust rear wingAdjust rear wingAdjust rear wing

Шаг 16

Чтобы убедиться, что крыло достаточно плотное, добавьте первичные перья более тонкой кистью.

Improved wing shapeImproved wing shapeImproved wing shape

Шаг 17

Создайте новый слой (Ctrl+Shift+N) поверх всех слоёв, а затем нарисуйте крест, чтобы показать форму мордочки, а также расположение глаз и клюва. Далее, нарисуйте небольшие круги у основания тела совы в качестве ног. Мы сохраним эту форму ног, так как лапы совы будут прижаты к телу, поскольку она будет держать нить из желудей.

Final roughed out owl shapeFinal roughed out owl shapeFinal roughed out owl shape

11. Создаём Контурный Рисунок Совы

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

Snowy owl Bubo scandiacusSnowy owl Bubo scandiacusSnowy owl Bubo scandiacus

Шаг 1

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

Шаг 2

Создайте новый слой (Ctrl+Shift+N), нарисуйте тело, представляющее гигантскую бобообразную фигуру с двумя торчащими бобами внизу в качестве ног. Ноги птицы будет сложно нарисовать - создаётся ощущение, как будто у них отсутствует бедренная часть, так как она скрыта внутри тела. Добавьте маленькие пёрышки на ногах, а также нарисуйте пальцы в виде бобов. Птиц интересно рисовать! Поработайте над хвостовыми перьями, а также добавьте перьевые стержни вдоль середины основных перьев.

Owl Line Art - No Face - Over RoughOwl Line Art - No Face - Over RoughOwl Line Art - No Face - Over Rough

Шаг 3

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

Line art over owl roughLine art over owl roughLine art over owl rough

Шаг 4

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

Owl completed line artOwl completed line artOwl completed line art

12. Создаём Набросок Зайца

В данном уроке мы используем исходное изображение зайца-беляка.

Scrub Hare - PhotoduneScrub Hare - PhotoduneScrub Hare - Photodune

Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте набросок зайца, вид сзади, используя круги, точно так же, как мы рисовали ранее, включая длинные мазки для ушей. Я упростила задачу с помощью Ластика (Eraser (E), выделив хвост, а также обозначив края контура тела зайца. Здесь у нас одна лапа поднята вверх и указывает на ёлку, как бы советуя сове, где нужно развесить жёлуди, а вторая лапа упёрта в бок.

Hare roughHare roughHare rough

13. Создаём Контурный Рисунок Зайца

Шаг 1

Уменьшите непрозрачность слоя с наброском зайца, а затем создайте новый слой (Ctrl+Shift+N), чтобы создать контурный рисунок. Используйте тот же самый размер кисти в соответствии с остальными элементами сцены.

Hare line artHare line artHare line art

Шаг 2

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

Hare clean line artHare clean line artHare clean line art

Шаг 3

С помощью инструмента Лассо (Lasso Tool (L), выделите левую лапу. Далее, нажмите клавиши (Ctrl+T), чтобы повернуть лапу таким образом, чтобы было видно только локоть.

Adjust hare armAdjust hare armAdjust hare arm

Шаг 4

Нажмите клавишу (Enter), когда вас устроит результат с расположением руки, а затем нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Fixed hare armFixed hare armFixed hare arm

14. Создаём Набросок Фонаря

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

Oil Lamp Reference PhotoduneOil Lamp Reference PhotoduneOil Lamp Reference Photodune

Шаг 1

Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте форму фонаря. Форма должна быть достаточно большой по сравнению с зайцем.

Rough lampRough lampRough lamp

Шаг 2

Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте форму фонаря с ручкой. Обратите внимание, что сейчас ручка перекрывает лапу - позже мы исправим это.

Rough lamp sketchRough lamp sketchRough lamp sketch

15. Создаём Контурный Рисунок Фонаря

Шаг 1

Создайте новый слой (Ctrl+Shift+N), а затем поверните холст, чтобы вырисовывать края рисунка. Вы можете сделать это вручную, для этого идём Изображение - Вращение изображения (Image > Image Rotation), а затем выберите опцию, как повернуть, или нажмите клавишу 'R' для активации инструмента Поворот Вида (Rotate View Tool). Когда появится компас, то вы сможете повернуть документ.

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

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

Lamp line art startedLamp line art startedLamp line art started

Шаг 2

Поверните документ, чтобы легче было нарисовать ручку фонаря.

Lamp line art handleLamp line art handleLamp line art handle

16. Проводим Коррекцию Лапы Зайца и Совмещаем Лапу с Фонарём

Шаг 1

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

Complete lamp line art Complete lamp line art Complete lamp line art

Шаг 2

К слою с фонарём, добавьте слой-маску, для этого нажмите прямоугольную иконку с кружком в нижней части панели слоев. Отвяжите маску от контурного рисунка, щёлкнув по значку цепи между ними.

Далее, выберите инструмент Кисть (Brush (B), цвет кисти чёрный, а затем прокрасьте кистью на маске поверх тех участков, где фонарь перекрывает тело зайца.

Lamp maskingLamp maskingLamp masking

Шаг 3

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

Hare Holding LampHare Holding LampHare Holding Lamp

17. Создаём Нить из Желудей

Шаг 1

Создайте новый документ, для этого идём Файл - Новый (File > New) или нажмите клавиши (Ctrl+N).

New document 2000px by 2000pxNew document 2000px by 2000pxNew document 2000px by 2000px

Шаг 2

Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте форму жёлудя, включая шапочку и небольшой стебель.

Acorn roughAcorn roughAcorn rough

Шаг 3

Создайте новый слой (Ctrl+Shift+N), слегка увеличьте размер кисти, а затем нарисуйте жёлудь уже с чёткими линиями. Добавьте небольшое кольцо вокруг стебля. Скоро вы увидите зачем! Далее, идём Редактирование - Определить кисть (Edit > Define Brush Preset), чтобы сохранить кисть.

Acorn lineAcorn lineAcorn line

Шаг 4

Нажмите клавишу (F5), чтобы открыть панель Кисть (Brush). Протестируйте кисть без каких-либо настроек. Жёлуди слишком сильно перекрывают друг друга, поэтому идём в настройку Форма Отпечатка Кисти (Brush Tip Shape), установите Интервал (spacing) на 132% или до того значения, пока жёлуди не будут расположены равномерно.

Acorn adjust brush settings 1Acorn adjust brush settings 1Acorn adjust brush settings 1

Шаг 5

В настройке Динамика формы (Shape Dynamics), установите Минимальный диаметр (Minimum Diameter) на 91%, а Управление (Control) на Нажим пера (Pen Pressure).

Acorn adjust brush settings 2Acorn adjust brush settings 2Acorn adjust brush settings 2

Шаг 6

Там же в настройке Динамика формы (Shape Dynamics), установите Колебание угла (Angle Jitter) на 5 %, чтобы отпечаток кисти выглядел интересно, когда вы будете наносить мазок, а не просто водить кистью вверх и вниз.

Acorn adjust brush settings 3Acorn adjust brush settings 3Acorn adjust brush settings 3

Шаг 7

Для параметре Колебание угла (Angle Jitter), поменяйте Управление (Control) на Направление (Direction), таким образом, жёлуди образуют цепочку, напоминающую гирлянду. Далее, сохраните кисть, для этого нажмите квадратик в нижней части панели Кисть (Brush).

Acorn adjust brush settings 4Acorn adjust brush settings 4Acorn adjust brush settings 4

Шаг 8

Создайте новый слой (Ctrl+Shift+N) поверх контурного рисунка совы. Нарисуйте перевёрнутую фигуру U, чтобы создать цепочку из желудей. Возможно, вам понадобится несколько попыток, чтобы получилось так, как нужно.

Draw in acornsDraw in acornsDraw in acorns

Шаг 9

Так вот почему мы добавили небольшие колечки вокруг стебельков желудей! Создайте новый слой (Ctrl+Shift+N), а затем нарисуйте нить, соединяющую жёлуди, удалите любые участки, которые перекрывают колечки.

Add acorn stringsAdd acorn stringsAdd acorn strings

18. Создаём Набросок Сосновых Шишек

Это исходное изображение сосновой шишки, которой животные будут украшать ёлку. Шишку можно легко разбить на простые формы, поэтому, не бойтесь!

Pine cones PhotodunePine cones PhotodunePine cones Photodune

Шаг 1

Создайте новый слой (Ctrl+Shift+N), а а затем с помощью кисти, нарисуйте простую форму яйца в качестве основы для сосновой шишки.

Rough pine coneRough pine coneRough pine cone

Шаг 2

Уменьшите непрозрачность слоя "яйцо", далее, создайте новый слой (Ctrl+Shift+N). Начните рисовать чешуйки сосновой шишки, начиная снизу. Не переживайте насчёт мелких деталей на данном этапе. Начните с горизонтальных мазков и постепенно меняйте их угол до тех пор, пока не доберётесь до верхней части шишки. Наверху нарисуйте вертикальный стебелёк. Далее, создайте новый слой (Ctrl+Shift+N) поверх текущего слоя, а затем нарисуйте контурный рисунок чешуек вокруг набросков, добавив короткие линии в середине, чтобы чешуйки выглядели как 3D. Так же, как с желудями, нарисуйте маленькое колечко наверху шишки.

Rough pine cone with line artRough pine cone with line artRough pine cone with line art

19. Украшаем Дерево

Шаг 1

Отключите видимость слоя с наброском шишки.

Pine cone line artPine cone line artPine cone line art

Шаг 2

Нарисуйте набросок колечка там, где шишка свисает изо рта оленя. Нажмите клавиши (Ctrl+T), чтобы применить масштабирование к шишке, а также расположите её под нужным углом.

Scale pine cone and add in a rough hoopScale pine cone and add in a rough hoopScale pine cone and add in a rough hoop

Шаг 3

Теперь нарисуйте более чёткий рисунок колечка, чтобы оно лучше смотрелось. Далее, скопируйте сосновую шишку, для этого нажмите клавиши (Ctrl+C), а затем нажмите клавиши (Ctrl+V) несколько раз, чтобы вклеить несколько изображений шишек. Распределите их на ёлке с помощью инструмента Перемещение (Move Tool (V).

Deer pine cone in mouth - cones on treeDeer pine cone in mouth - cones on treeDeer pine cone in mouth - cones on tree

Шаг 4

С помощью Ластика Erase (E), удалите оригинальные колечки, а затем нарисуйте их вокруг веток, таким образом, они будут выглядеть так, как будто врезались в снег.

Pine cone hoops drawn to fit treePine cone hoops drawn to fit treePine cone hoops drawn to fit tree

Отличная работа, Мы завершили урок!

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

Complete Line ArtComplete Line ArtComplete Line Art

Как только контурный рисунок завершён, я убедилась, что все слои промаркированы правильно, чтобы отправить свою работу своему соавтору. В следующем уроке, Melody Nieves поделится с нами своими секретами раскраски.

Надеюсь, что вам понравилось узнать, как создать такую зимнюю сцену! Я с нетерпением жду встречи с вами в следующих уроках!

One subscription.
Unlimited Downloads.
Get unlimited downloads