Advertisement
  1. Design & Illustration
  2. Character Design
Design

Как создать иллюстрацию акварельной русалки в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

В этом уроке мы создадим яркий персонаж - русалку, с имитацией акварельной техники в Adobe Illustrator. Один из самых красивых и трогательных персонажей из сказки "Русалочка" станет нашим вдохновением.

Вы можете найти еще больше дизайнов русалок для вдохновения на GraphicRiver.

Приступим!

1. Как создать эскиз

Открываем Новый документ в Иллюстраторе, размер, 850 x 1200 px, RGB. Меняем название первого слоя на "набросок".

Начнем с наброска. Чтобы нарисовать персонажа, ему понадобятся узнаваемые черты. В сказке Русалочка - дочь морского царя: "Самая юная была краше всех, ее кожа была чистой и нежной, как лепесток розы, ее глаза синими, как глубокое море; но, как и у остальных, у нее не было ног, и ее тело заканчивалось рыбьим хвостом". "Она была странным ребенком, тихим и задумчивым". "Ее ничто не волновало, кроме ее красивых красных цветов, похожих на солнце".

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

Я создаю свой набросок сразу в Adobe Illustrator с помощью графического планшета. Выбираем Кисть (В) и среди них Овальную Каллиграфическую Кисть, диаметр 2 pt, 20% Непрозрачность, и начинаем рисовать русалку. Вы можете выбрать любую понравившуюся кисть из панелей Кисти.

sketch of a mermaid

2. Как создать кисть для контура

Шаг 1

Создаем Новый Слой для линий. Мы нарисуем все линии на этом слое, потому что цвета всех линий будет одинаковым.

Открываем Опции Инструмента Кисть, двойным кликом по иконке Инструмент Кисть (В). Вводим значения с фото внизу, щелкаем ОК.

paintbrush options

Шаг 2

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

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

creating of a calligraphic brush

Шаг 3

Выбираем вновь созданную кисть из панели Кисти, проводим несколько пробных штрихов. Толщина линии зависит от давления стилуса. Пробуем.

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

trial lines with new brush

3. Как нарисовать контур персонажа

Шаг 1

Пора применить навыки. Начнем с линейного рисунка персонажа.

Во первых, группируем элементы наброска (Control-G). Снижаем Непрозрачность наброска до 50%, он будет полупрозрачным.

group of a sketch

Шаг 2

Теперь воспользуемся инструментом Кисть (В), и выделяем вновь созданную кисть из панели Кисти.

Начинаем рисовать лицо. Делаем линии максимально плавными. Если вдруг линии будут более тонкими или широкими, чем хотелось, можно изменить их Толщину в панели Обводка.

drawing of an eye

Также кривые линии можно исправить с помощью Инструмента Частичного Выделения (А).

fixing crooked lines

Рисуем плавные и "живые" линии, с переходами от тонких к толстым, и наоборот.

line art of the face

Шаг 3

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

line art of hairs

Удаляем ненужные детали с помощью Инструмента Ножницы (С), выделяем сегмент, и нажимаем Удалить.

work with Scissors Tool

Вот как теперь выглядит прическа.

line art of the hairstyle

Шаг 4

Далее рисуем руки и голую спину. Делаем линии более плавными и несвязными.

line art of the body

Шаг 5

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

line art of accessories

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

line art of the tail

Шаг 6

Отключим слой "набросок" и полюбуемся получившимся рисунком.

finished line art of a mermaid

4. Как создать основные фигуры

Шаг 1

Во-первых, выделяем все линии и открываем Объект-Разобрать Оформление. Открываем панель Обработка Контуров, выбираем Добавление, удерживая кнопку Alt. Затем нажимаем ОК, чтобы создать один сплошной объект.

work with Pathfinder panel

result of Pathfinder panel

Шаг 2

Создаем Новый Слой для фона и перетаскиваем его под слой "набросок". Не забываем поставить Замок на слое "набросок" и делаем слой "линии" невидимым.

new layer for the background

Шаг 3

Начинаем с создания прямоугольника 860 x 1210 px с помощью Инструмента Прямоугольник (М), делаем Заливку с помощью Линейного Градиента от светло-розового до светло-голубого.

Открываем панель Выравнивание, выбираем Выравнивание по Монтажной Области, затем Выровнять Объекты: по Горизонтали и по Вертикали.

rectangle for the background

Шаг 4

Выбираем светло-бирюзовый цвет с Непрозрачностью 25%, рисуем основную фигуру фона, следуя наброску. Можно воспользоваться Инструментом Карандаш (N) или Инструментом Перо (Р), что удобнее.

main shape for the background

Этим способом рисуем и другие фигуры внутри главной формы. Сложно нарисовать всю фигуру с помощью инструмента Карандаш (N), поэтому создадим несколько более простых фигур, и затем добавим их. Открываем Обработку Контуров и щелкаем по Добавить. Выбираем Заливку фигуры голубым цветом с Непрозрачностью 25%.

detailed shape for the background

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

additional shapes for the background

Делаем слой "набросок" невидимым. Он нам больше не понадобится.

Шаг 5

Теперь пора нарисовать основные составляющие фигуры персонажа.

Во-первых, меняем цвет контура русалки. Выделяем фигуру с линиями, и меняем цвет Заливки на коричневатый цвет.

changing of lines color

Шаг 6

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

swatch of the basic colors

Шаг 7

Пора приступить к окрашиванию. Выбираем цвета из образцов. Используем Карандаш (N) и Перо (Р), или Кисть-Кляксу (Shift-B), в зависимости от того, что лучше подойдет для основных фигур.

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

main shape of a body

Шаг 8

Добавляем Новый Слой для прически над слоем "макияж". Рисуем фигуру для волос, заполняем цветом: Заливка, Линейный Градиент, с помощью желтого, розового и голубого цветов.

gradient shape for a hairstyle

Шаг 9

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

main shape for the accessories

Шаг 10

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

gradient for the tail

Шаг 11

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

gradient for the fins

gradient for the fins

Шаг 12

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

organizing of layers

5. Как добавить тени и свет

Шаг 1

Во-первых, изменяем цвет линий глаз, чтобы сделать их более выразительными. Выделяем фигуры с этими линиями, создаем Дубликат, нажав Control-C и Control-F. Рисуем несколько фигур в области подводки глаз и зрачка, ноздрей и средней линии губ. Добавляем их на панели Обработка Контуров.

making expressive look

Теперь выделяем фигуры-линии и новую фигуру, нажимаем Исключение, удерживая кнопку Alt, затем Разобрать Изображение.

work with Pathfinder panel

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

result of expressive look

Шаг 2

Добавим объема лицу. Будем работать на слое "тело". Сначала рисуем румянец. Выбираем инструмент Эллипс (L), и формируем две фигуры: две более крупных на щеках, и небольшую на носу. Делаем Заливку с помощью розового Радиального Градиента, снизив Непрозрачность до 0% на внешнем слайдере. Затем выделяем все фигуры с румянцем и меняем Непрозрачность на 30%.

adding blushes to the face

Этим способом добавляем немного румянца на шею и спину. Также добавляем немного цвета на локти и запястья на слое "руки".

adding blushes to the body

Шаг 3

Добавим теней на кожу. Чтобы добиться эффекта акварели и сделать штрихи кисти более привлекательными, мы используем Художественную Акварельную Кисть из панели Кистей, как видно на скриншоте внизу.

work with Brush Library

Выбираем Кисть "Light Wash-Thick" и фиолетово-красный цвет для Обводки. Меняем Режим Наложения на Умножение и Непрозрачность до 50% на панели Прозрачность. Меняем Толщину Обводки до 0.4 pt.

watercolor brush options

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

adding shadows to the face

Точно так же добавим объем на спину, руки и хвост. Меняем Непрозрачность и Толщину обводки в процессе. Нам может понадобиться сделать то же самое в узких участках, например, на пальцах.

adding shadows to the body

Шаг 4

Добавим падающие тени. Воспользуемся той же кистью. Выбираем сине-фиолетовый цвет, меняя Непрозрачность от 100% до 70%.

Рисуем тени вокруг глаз, губ, волос, с правой стороны лица, на шее и на руках. Также прорисуем некоторые чешуйки на хвосте.

adding falling shadows to face

adding falling shadows to body

drawing of fishes scales

Шаг 5

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

adding highlights to the body

Шаг 6

Меняем Непрозрачность на 100% и Режим Наложения на Нормальный. С помощью инструмента Карандаш (N), добавляем несколько световых пятен и проблесков.

adding twinkles to the body

Шаг 7

Выбираем голубой с Непрозрачностью 50%, Режим Наложения - Умножить, и рисуем  отражение от фона. Выбираем ту же акварельную Кисть "Light Wash-Thick".

adding reflections to the body

Шаг 8

Теперь приступаем к работе над глазами и губами на слое "макияж". Выбираем инструмент Карандаш (N), добавляем немного объема на белках глаз, нарисовав фигуры под ресницами. Используем цвет из линий и снижаем Непрозрачность до 30%.

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

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

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

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

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

makeup drawing

Шаг 9

Нарисуем узор на хвосте русалки. Создаем Новый Слой для этого поверх слоя "тело/хвост". Нарисуем несколько синих полосок, снижаем Непрозрачность до 25%.

adding pattern to the tail

Теперь выбираем Кисть Влажная Акварель из Библиотеки Кистей и нарисуем гладкие линии поверх полосок. Изменяем Режим Наложения на Умножить, и снижаем Непрозрачность до 50%.

adding strokes to the tail

Так же добавим несколько желтых линий между полосками.

adding stripes to the tail

С помощью инструмента Карандаш (N) рисуем чешуйки в самой светлой области. Используем Добавление фигур с помощью Обработки Контуров, чтобы создать единый объект. Делаем Заливку с помощью Линейного Градиента от голубого к желтому и розовому. Снижаем Непрозрачность до 55%.

drawing of scales shapes

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

drawing of additional scales

Теперь добавим немного блесток в чешую. Используем розовые, голубые и белые цвета с 100% Непрозрачностью.

adding final twinkles to scales

Шаг 10

Пора добавить немного объема кофточке. Здесь также воспользуемся акварельной кистью. Очень легко добиться эффектов живописи и имитации акварели.

Выбираем кисть Влажная Акварель, устанавливаем Толщину 1pt и рисуем несколько розовых текстурированных фигур, которые будут тенями. Снижаем Непрозрачность до 50% и меняем Режим Наложения на Умножение. Эти штрихи могут выходить за границы самой фигуры, поэтому мы позже исправим их с помощью Обтравочной Маски.

watercolor texture on the bodice

Этим способом рисуем несколько голубых фигур с помощью голубих штрихов кистью.

brush strokes on the bodice

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

watercolor spots on the bodice

Выбираем Инструмент Карандаш (N) и нарисуем несколько падающих теней с помощью цвета из полосок с Непрозрачностью 37%. Затем добавляем несколько фигур для световых пятен слева от кофточки. С помощью Пипетки (I) подбираем белый цвет с поверхности тела.

shadows and highlights on bodice

Теперь делаем Дубликат нижней основной фигуры (кофточки), одновременным нажатием Control-C и Control-F. Размещаем эту копию поверх, отправив ее на Первый План ((Control-Shift-]). Выделяем все объекты на кофточке, правый щелчок мышью, и появится такое окно: Затем нажимаем Сделать Обтравочную Маску.

work with Clipping Mask

Шаг 11

Добавим световые пятна и тени к аксессуарам. Мы по-прежнему рисуем в слое "кофточка/цветы".

Начнем с золотой диадемы и браслетов. Выбираем кисть Влажная Акварель с Толщиной 0.5 pt, и нарисуем несколько красных пятен, которые послужат тенями и несколько голубых отражений. Снижаем Непрозрачность до 70%, и оставляем Режим Наложения на Умножить. Затем делаем Обтравочную Маску, как уже сделали до этого на кофточке.

В конце добавим немного желтых и белых фигур для блеска с помощью Инструмента Карандаш (N).

adding volume to accessories

Шаг 12

Нарисуем цветы, следуя тем же принципам.

Во-первых, Заливку цветов и листвы делаем с помощью Линейного Градиента от розового до светло розового, и, соответственно, от синего к голубому.

adding gradient to flowers

Поэкспериментируем с Акварельной Кистью, чтобы рисунок стал более декоративным и красочным. Используем розовый, желтый и голубой.

adding watercolor texture to flowers

В итоге добавляем несколько теней и блеска с помощью Карандаша (N). Выбираем темно-бордовый цвет из контуров рисунка для теней и белый для блеска.

shadows and highlights on flowers

Шаг 13

Давайте начнем оформлять прическу.

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

gradient for the hairstyle

Выбираем новую Кисть Толстая Акварель из Библиотеки Кистей, рисуем разбросанные розовые штрихи, создавая красивые художественные пятна. Все настройки кистей можно увидеть на скриншоте внизу. Затем применим Обтравочную Маску, как делали ранее.

watercolor strokes on the hairstyle

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

watercolor texture on the hairstyle

И немного желтых и голубых пятен.

watercolor spots on the hairstyle

Теперь нарисуем тени. Выделяем их, нажимаем Добавить на панели Обработка Контуров. Заливаем фигуру голубым Радиальным Градиентом, снижаем Непрозрачность до 40%.

adding shadows to the hair

Делее рисуем фигуры для световых пятен, объединяем их тоже. Делаем Заливку фигуры с помощью желтого Радиального Градиента, снижая Непрозрачность до 75%.

adding highlights to the hair

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

adding gloss to the hair

Шаг 14

Остается несколько шагов. Пора нарисовать плавники русалки.

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

watercolor strokes on fins

additional watercolor strokes on fins

watercolor texture on fins

Возьмем Карандаш (N) и нарисуем красивый узор на плавниках. Делаем Заливку с помощью синего Линейного Градиента с Непрозрачностью 40%, как показано внизу.

forming pattern on the fins

Таким же способом рисуем еще одну фигуру узора и делаем Заливку с помощью желтого Радиального Градиента с Непрозрачностью 75%.

forming pattern on the fins

В конце добавим несколько синих точек и белого блеска.

adding gloss to fins

Шаг 15

Пришло время последних штрихов. Добавим некоторые необходимые детали.

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

adding reflections to the character

Теперь добавим темно-синие фигуры в самую темную область, и устанавливаем Режим Наложения на Перекрытие, с Непрозрачностью 10%.

adding dark shadows

Также добавим несколько самых ярких пятен в более светлую область хвоста, Режим Наложения устанавливаем на Перекрытие, и также с Непрозрачностью 10%.

adding overlay highlights

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

new gradient on the lines

И вот, наш персонаж готов!

final character

6. Как создать абстрактный фон

Шаг 1

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

Добавим первые мазки кистью с помощью Акварельной Кисти 3, с разной Толщиной от 2pt до 4pt. С помощью светло-голубого, делаем Режим Наложения = Умножение, и Непрозрачность 15%.

watercolor texture on the background

Шаг 2

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

watercolor spots on the background

Таким образом используем Кисть Влажная Акварель, чтобы добавить немного желтых и голубых пятен, вновь применяя Режим Наложения = Умножить.

colorful spots on the background

Шаг 3

Добавим немного брызг воды на фон. Для начала Открываем Коллекцию Кистей - Художественные - Художественные_Чернила и выбираем две новых кисти: Пепел от костра и Галактика. С их помощью наносим светло-голубые и белые брызги вразброс. Меняем их Размер и Непрозрачность, передвигаем по желанию.

adding splashes to the background

В конце украшаем верхнюю часть иллюстрации с помощью ярких желтых пятен. Рисуем их с помощью Карандаша (N), делаем Дубликат, и размещаем вокруг персонажа.

final touch on the background

Ура! У нас получилось!

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

Спасибо за то, что участвовали вместе со мной в создании этой красивой русалки. Получайте удовольствие, и поделитесь своим результатом!

Watercolor Mermaid Illustration Illustrator Tutorial
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.