7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Vector

Создайте две красочные иллюстрации для детской книги иллюстрации в Адобе Иллюстратор

Scroll to top
Read Time: 19 mins
This post is part of a series called Alice in Wonderland Week.
How to Draw Lips and a Mouth
How to Create a Hookah Smoke Text Effect in Adobe Photoshop

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

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

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

1. Начнем с эскиза.

Шаг 1

Давайте начнем с эскиза. Используя кисть по умолчанию с помощью инструмента Кисть (B) начините рисовать симпатичный, подобный ребенку персонаж. Этот дизайн вдохновлен темой Алисы в стране чудес, это супер мультяшно, и остается быстрым и свободным, даже при нанесении слоев более изысканной линейной работы.

Шаг 2

Сгруппируйте (Control-G) вместе линии кисти, сбавьте Непрозрачность в панели прозрачности до 40% и заблокируйте дизайн на панели Слои.

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

2. Постройте лицо

Шаг 1

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

Используя инструмент Эллипс (L), нарисуйте круг над верхней половиной головы.  Нарисуйте челюсть, созданную ранее с помощью Пера (P), или объедините две фигуры на панели Обработка контуров или объедините их с инструментом Создание фигур (Shift-M).

Для ушей рисуют две округлые D-образные фигуры. Для шеи можно использовать инструмент Прямоугольник (M) и сузьте внизу с помощью Прямого выделения (A).

Шаг 2

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

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

Шаг 3

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

  1. Брови - это просто обводки, нарисованные инструментом Перо, с толщиной 2-3 pt, и закругленными концами в панели Обводка.  Для самого глаза я нарисовала эллипс с помощью инструмента Эллипс, воспользовавшись инструментом Преобразование опорных точек (Shift-C), чтобы вернуть левый якорь эллипса до точки, а также манипулировать формой и положением опорных точек с помощью инструмента Прямое выделение для более приятной формы глаз.
  2. Для радужной оболочки нарисуйте круг инструментом Эллипс и разместите его там, где бы вам хотелось получить взгляд. Я пошла на правый бок плоскости картинки.
  3. С помощью Создания фигур выберите обе формы (радужку и белок глаза) и выделите незаурядную часть радужной оболочки. Снимите выделение и удалите дополнительную форму.
  4. Утолщите глаза, начертав фигуры с помощью Пера и Карандаша.  Добавьте ресницы в правом углу глаза. Я люблю рисовать ресницы большими, стройными и ограниченными правой половиной глаза.
  5. Я спрятала радужную оболочку на этом и последнем шаге, чтобы сосредоточить внимание на линии макияжа. Выделите все фигуры для обрезки и Объедините их в панели Обработка контуров.
  6. Откройте радужку и убедитесь, что она находится над белком глаза, но ниже глаза в панели Шары. Я решила, что все эти формы будут наполнены плоским цветом, а цвет обводки станет нулевым. Повторите на другой стороне и Сгруппируйте все компоненты глаз.

Шаг 4

Рот достаточно прост. Основная форма - половина круга, оказывается в углах. Контур обводки, был сужен в углах рта с помощью инструмента Ширина (Shift-W).

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

3. Создадим лицо

Шаг 1

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

Шаг 2

Я применила Линейный градиент к белкам глаз. От фиолетового цвета (поскольку я использую пурпурный вместо черного или коричневого цвета для этого дизайна), к белому и к фиолетовому снова. Настройте градиент в панели Градиент, чтобы фиолетовый шел к углам глаз.

Чтобы добавить определенную глубину в глазу, нарисуйте тонкую полоску которая перекрывает ресницы и остальное глазное яблоко. Градиент идет от фиолетового цвета из 100% Непрозрачности до фиолетового цвета при 0% Непрозрачности.

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

  1. Я разместила три круга поверх друг друга, каждый меньше предыдущего. Их порядок - синий, желтый и фиолетовый (это будет радужная оболочка). Я удалила их из белого глаза таким же образом, как была создана радужка в главе 2, Шаг 3.
  2. Примените очередной градиент к радужной оболочке с темным цветом в правом углу глаза.  В данном случае это от синего до синего. Темный цвет должен быть в углу, где устремлены глаза. Если ваш персонаж смотрит прямо вперед, измените угол, чтобы более темный цвет был в верхней части радужной оболочки.
  3. Наконец, основной блик был сделан при помощи Пера и ярко белого цвета. Подумайте об этом как об изогнутом треугольнике, который указывает на центр зрачка.

Шаг 3

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

Шаг 4

Для носа я использовала тот же градиент от щек как  и бобоподобную форму. Я использовала Прямоугольник с закругленными углами, чтобы нарисовать небольшую форму над ртом. Настройте радиальный градиент при помощи Градиента (G), чтобы держать радиус градиента в округлом прямоугольнике, не касаясь его краев. Этот же градиентный цвет используется для теней под волосами и в ушах. Оба они концентрируют темный цвет градиента в верхней части формы. 

Шаг 5

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

4. Отрисуем волосы

Шаг 1

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

Шаг 2

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

5. Рисуем тело

Шаг 1

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

  • Для начала, лиф рубашки - это прямоугольник с изгибом в центре шеи.
  • Рукава - это два круга, с тонкими полосками на одном краю для полоски рукава. Вам понадобятся два из них.
  • Руки и ладони - простые формы.  Я обычно рисую фигуру для бицепса, а другую - для предплечья, а объединяю их - в Обработке контуров, когда я соединила их (локтем).
  • Обратите внимание, насколько большие плечи. Они почти такие же как голова. Хотя руки тонкие, как шея. Сгруппируйте конечности под кусочком рубашки.

Шаг 2

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

  1. Ноги негабаритные, как руки и голова.  Они также состоят из очень простых форм на основе кривых и у не имеют суставов (колени и локти). Одна треть ноги этого дизайна - это нога.
  2. Я решила нарисовать милые ботинки Мэри Джейн. Чтобы начать, я обвела ногу.
  3. Затем я вырезала отверстие из обуви, используя Прямокутник с закругленными углами.  Выделите обе формы после перекрытия и нажмите Минус передний план в панели Обработка контуров.
  4. Ремень - это другой, слегка скругленный прямоугольник, с кнопкой, нарисованной из двух эллипсов. Сгруппируйте вместе ботинки. Скопируйте (Control-C), Вставьте (Control-V) и Отразите по вертикальной оси для другой ноги.

6. Создаем одежду

Шаг 1

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

  1. Одежда светло-голубая, поэтому мы будем использовать темный синий, фиолетовый или черный для тени.  Я использовала инструмент Карандаш для нанесения 2-3 прозрачных фигур (уменьшите Непрозрачность для каждой формы на 30% в панели Прозрачность). После размещения фигур тени, Сгруппируйте их вместе.
  2. Скопируйте и Вставьте основную форму рубашки и Выровняйте ее по оригинальной рубашке.
  3. Выделите новую форму рубашки и сгруппируйте тень.
  4. Сделайте Обтравочную маску (Control-7), и вы увидите, что ваши формы тени отрезаны в пределах формы рубашки.
  5. Переместите формы тени под любым воротником, лентами или рукавами, которые вы рисовали в панели Слои, чтобы тени находились над формой основной рубашки.

Шаг 2

Затем создайте рукава.

  1. Убедитесь, что рукава находятся под любыми воротами или лентами на платье, но над кусочками рубашки.
  2. Нарисуйте формы тени, которые подчеркивают внутренние края рукава, где он соответствует линии (или рубашке) платье.
  3. Я также нарисовала фигуры, которые показывают, как пухлые рукава собраны вокруг плеча и рук. Эти цветочные формы расположены в нижней части рукава.
  4. Слой выделяет обе части (в верхней левой части) и тени (внизу справа) и сделайте Обтравочную маску, чтобы сохранить выверенные компоненты в пределах рукава.

Шаг 3

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

  • Для начала я нарисовала форму тени, которая подчеркивает нижнюю часть воротника. Это фиолетовый с Непрозрачностью 30% и установленный на Жесткий свет.
  • Основные моменты здесь - светло-желтый, установленный на Перекрытие. Так как он розовый, они выглядят яркими розовыми.
  • Продолжайте накладывать тени и выделять фигуры так, как вы видите для своего дизайна.
  • Сделайте Обтравочную маску для обрезки когда закончите. Если вы обнаружите, что хотите каким-либо образом изменить фигуры или создать дополнительные фигуры, вы можете поместить их под маской в ​​группу Обтравочной маски, и она будет мгновенно замаскирована другими компонентами.

Шаг 4

Ниже вы увидите компоненты юбки, разбитые на секции, начиная с нижней.

  1. Это базовая форма юбки. Это серия раковин и ребер полностью основана на первоначальном эскизе, который я сделала в Разделе 1.
  2. Это первая группа теней. Каждая форма теней определяет складки в юбке. Они идут от синего со 100% до 0%, а угол градиента помещает непрозрачный цвет в нижний край юбки. Верхняя форма - Линейный градиент в эллипсе, придающий цвет и тень, где юбка встречается с лифом.
  3. Изюминкой на юбке является крупная, волнистая форма со светло-желтым цветом на 100%, идущая до 0% и фокусирующаяся в верхнем левом углу формы.
  4. Наконец, дополнительные формы теней были созданы в двух частях с тем же градиентом из Части 2. Как и другие части платья, сделайте Обтравочную маску, сохраните свою тень и выделите фигуры аккуратно.

Шаг 5

На ленту платья рук героя добавлено много деталей. На ленте платья рук персонажа не слишком много деталей. Для ленты я применила Линейный градиент и вытащила тонкую полоску по центру нее, также с добавленным градиентом. Градиент ленты исходит от темно-розового к светло-розового и снова возвращается к темно-розовому. И полоса поверх нее фиолетовая с 100% Непрозрачностью до 0% до 100% снова.

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

Шаг 6

Ноги начинаются из полос, нарисованных по их длине и тени (опять фиолетовый на 100% или фиолетовый при 0% непрозрачности), нарисованные для тени, отброшенной на носок обуви. Я Скопировала и Вставила ногу трижды и применила Линейный градиент к каждой копии. Для выделенной формы он имеет желтый или белый цвет в центре, а остальные два имеют фиолетовый, для цвета тени. Форма света установлена ​​на Экран, тени установлены как Нормальный. Переместите их на верхнюю часть носков, Сгруппируйте вместе, Вставьте основную форму носков и создайте Обтравочную маску.

Шаг 7

Для обуви, я решила создать слои для ряда форм обуви следующим образом:

  • Форма базовой формы. Это яркий фиолетовый.
  • Я применила градиентную сетку к этой форме с помощью инструмента Сетчатый градиент (U).  Для того, чтобы сделать его проще, я просто добавила подсветку вдоль передка обуви, цвета теней до нижнего края, и еще одно освещение, где будет центр полосы обуви. Я воспользовалась Прямым выделением, чтобы манипулировать формой каждого градиента внутри сетчатой ​​сетки, потому что она следует за формой самой обуви.
  • Простой градиент теней, идет от пурпурного 100% до 0%, установленный на Нормальный, и уменьшена общая Непрозрачность до 55%.
  • Форма подсветки точно такая же, как подсветка на ноге: желтый с 0% до 100% до 0%. Этот параметр, однако, установлено на Перекрытие.
  • Выровняйте все вместе. Создайте Обтравочную маску, чтобы вырезать центр обуви.

7. Создайте фон

Шаг 1

Теперь, когда все компоненты персонажа учтены, давайте работать над фоном. Используя эскиз из раздела 1, шаг 2, мы будем работать над грибом. Он большой и занимает большую часть пространства за персонажем.

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

Шаг 2

Верх довольно прост.

  1. Горошек являются прозрачными белыми кругами, которые были разбросаны по грибу и замаскированные вместе с другими деталями гриба.
  2. Три градиентные формы, перекрывающие гриб (зеленая, синяя и белая), наложенные друг на друга.
  3. Я добавила эффект Размытие по Гауссу на панели Оформление в конструкции на стебле, чтобы смягчить линии вверху.

Шаг 3

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

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

Шаг 4

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

  1. Я применила Линейный градиент, который концентрирует цвет в нижней части сердца на разделенной группе. Отрегулируйте угол градиента каждой фигуры с помощью инструмента Градиент.
  2. Эти формы имеют Радиальные градиенты, применяемые к ним. Цвет получается из легкого персикового со 100% Непрозрачности до 0% Непрозрачности.
  3. Этот слой был добавлен для смягчения. Радиальные градиенты большие и  исходят от базового цвета сердца со 100% Непрозрачностью до фиолетового, используемый для теней при 0% Непрозрачности.
  4. Этот слой является измененной версией изогнутых алмазов. Я смягчила Радиальный градиент в каждом и применила линейный градиент, идущий от основного цвета сердца при 0% Непрозрачности до фиолетового при 100% Непрозрачности. Уменьшите общую непрозрачность панели Непрозрачность до 60-70%.
  5. Группа линий была изменена на пунктирные линии (7 pt штрих, 7pt зазор) в панели обводки и эффект Размытие по Гауссу 3,9 px был применен в панели Оформление.
  6. Разместите все пять слоев выше на базовом сердце, Скопируйте и Вставьте сердце, и сделайте Обтравочную маску с новым сердцем и первыми пятью слоями.

Шаг 5

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

Шаг 6

Заключительная часть фона - это разбрызганные листья по обе стороны от персонажа.

  1. Сгруппируйте все вместе и разместите это позади группы сердца.
  2. Нарисуйте меньшие, ярко-зеленые, формы внутри каждой. Обратите внимание, как больше форм не будет работать со следующими несколькими шагами.
  3. Выберите одну из темно-зеленых фигур и ее светло-зеленый аналог и создайте переход с помощью Перехода (W). Вместо того, чтобы применить шаги, я выбрала Сглаживание цвета в параметрах Перехода.
  4. Повторите на других фигурах.

Шаг 7

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

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

8. Создадим чайный набор

Шаг 1

Как и в первом разделе этого урока, начните с эскиза. В этом случае нарисуйте чайник и составные чайные чашки. Чайник имеет семь секций: сердце, крышку, край крышки, тело, ручку, носик и основу. У чайных чашек три: отверстие, чашка и ручка. Отрисуйте свой чайный горшок и одну из чашек с вашего эскиза.

Шаг 2

Для двух других чашек Скопируйте и Вставьте первую и сложите их друг в друга.

  1. Цель состоит в том, чтобы разделить обычные формы и добавить их в форму ниже. В этом случае часть верхней чашки, которая пересекает дно, следует выбрать с помощью инструмента Создание форм, отменить выбор верхней чашки и добавить пересекающийся участок (обратите внимание на номер 1 ниже) в нижнюю чашку.
  2. Вы останетесь с чашкой, которая прекрасно прилегает к той, что находится ниже.
  3. Вставьте третью чашку и вращайте или отразите ее, если нужно.
  4. Повторите технику из первой части этого шага для того, чтобы сделать верхнюю чашку прижатой к средней. Обратите внимание, где на рисунке ниже было размещено номер 4.5.
  5. Завершите выбор цветов для иллюстрации.

9. Отрисуем чайник

Шаг 1

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

  1. Начните с формы основания. Я выделила его из остального дизайна, чтобы мы могли сосредоточиться на нем без отвлечения.
  2. На левой стороне я использовала светлый кремовый и белый для освещения. На нижней и правой стороне я разместила светлый персиковый в сетке. Вместо того, чтобы слишком сильно обременять форму сеткой, я просто нажала на точки сетки на правой стороне и внизу, чтобы заполнить их цветом персика и создать ровный градиент.
  3. для дополнительной подсветки я наметила фигуру на левой стороне кастрюли, инструментом Карандаш, которая содержала радиальный градиент от белого в центре на 100% до 0% Непрозрачности.
  4. Для падающей тени на левой стороне я нарисовала волнистую фигуру, которая имитирует перекрытия чашки. Этот градиент поступает от пурпурного до 100% до 0% Непрозрачности.

Шаг 2

Ниже показано разбиение слоев носика.

  1. Радиальный градиент сосредоточен в нижнем левом углу.
  2. Линейный градиент с цветом, сконцентрированным в нижней части формы носика.
  3. Радиальный градиент с цветом, сконцентрированным на отверстии носика.
  4. Еще одна Градиентная сетка. Как и в чайнике, я разместила фиолетовый цвет на правом краю и под кривой (слева) носика. Для освещения, я следовала произвольной линии кривой носика до дна.
  5. Основа формы носика.
  6. Совместите и Сгруппируйте формы носика. Вставьте форму носика поверх этой группы и создайте обтравочную маску, если ваши градиентные тени или блики были нарисованы с перекрытием из носика, а не как скопированные и вставленные компоненты.

Шаг 3

Ручка чайника очень похожа на носик.

  1. Градиентный слой тени, с Радиальным градиентом в кривой ручки.
  2. Сетчатый градиент с теми же цветами (фиолетовый, бирюзовый и светло-голубой) как носик.
  3. Основа ручки.

Шаг 4

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

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

Шаг 5

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

  1. Освещение представляет собой смесь, подобно частям листьев из раздела 7, шаг 6. В этом случае маленькая форма светло-желтого цвета при 100% непрозрачности, а нижняя - желтого цвета при 0% непрозрачности. Я выбрала Сглаживание цвета в параметрах Перехода.
  2. Тень - Радиальный градиент. Этот самый фиолетовый цвет используется в этом уроке.
  3. Наконец, Градиентная сетка очень простая, потому что это только несколько размещений пурпурного цвета в правом углу, вдоль краев сердца.

Шаг 6

Чашки похожи на другие части чайника в том, что это просто горстка слоев градиентов.

  • Фиолетовый Радиальный градиент сосредоточен в правом нижнем углу чашки.
  • Новая форма, созданная с помощью инструмента Карандаш и Радиальным градиентом, идущий от светло-голубого цвета со 100% непрозрачностью до 0% непрозрачности.
  • Вторая версия как предыдущая, но с более темным синим.
  • Чашка разбита на куски. Я Объединила ручку в другой части чашки, чтобы минимизировать количество опорных точек внутри вектора.
  • Наконец, Градиентная сетка. Это тот же ярко-синий от чашки с темно-синим цветом по краям и вокруг ручки. Разместите их все вместе и сделайте Обтравочную маску с верхней формой чашки, скопированной и вставленной в пути маски.
  • Другие чашки являются одним и тем же процессом с различными цветами.

Шаг 7

Для пара, поднимающегося из чайника и верхней чашки, нарисуйте тонкие фигуры с помощью инструмента Карандаш, Сгруппируйте их и примените Линейный градиент от фиолетового с непрозрачностью 100% до 0%. Выберите группу и примените эффект Гауссово размытие на панели Оформление с радиусом 8,7 px.

Сложим все это вместе!

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

Если вы закончили здесь, то почему бы не перейти к Grace Fussell и ее дизайну детских книг в Adobe InDesign.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.