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

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

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

Приступим!

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

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

Шаг 3

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

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

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

Шаг 4

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

Шаг 5

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

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

Шаг 6

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Шаг 5

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

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

Шаг 6

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

Шаг 7

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

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

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

Шаг 1

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

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

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

Шаг 2

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

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

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

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

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

Шаг 9

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

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

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

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

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

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

Шаг 10

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

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

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

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

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

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

Шаг 11

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

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

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

Шаг 12

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

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

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

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

Шаг 13

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

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

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

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

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

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

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

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

Шаг 14

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

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

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

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

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

Шаг 15

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

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

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

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

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