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

Экспериментируем с цветом в Adobe Illustrator, создавая иллюстрацию с абстрактной розой

Scroll to top
Read Time: 5 mins

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

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

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

1. Рисую набросок

Шаг 1

Для начала я сделал пару снимков букета на смартфон и по этим фотографиям нарисовал эскиз. Его я рисую, используя инструмент Pencil Tool (N) с толщиной обводки 0,1 pt. Такая толщина удобна тем, что вы ее видите и она не слишком толста практически в независимости от масштаба изображения, что меньше отвлекает.

Sketch of a roseSketch of a roseSketch of a rose

Шаг 2

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

Outline the compositionOutline the compositionOutline the composition

2. Фон и акценты

Шаг 1

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

Add a backgroundAdd a backgroundAdd a background

Шаг 2

Далее я намечаю цветовые пятна, используя при этом радиальные градиенты. Они могут состоять из нескольких цветов, но всегда с прозрачным внешним краем, то есть с 0% непрозрачности. Для центральных маркеров я устанавливаю непрозрачность в 50-60%. Благодаря этому границы фигуры и, соответственно, цвета будут лучше смешиваться с фоном. Такая техника куда лучше, чем применение растрового эффекта размытия (Effect> Blur> Gaussian Blur).

Gradients on backgroundGradients on backgroundGradients on background

Шаг 3

При помощи желтых градиентов я наметил розы. Цветок в центре будет самым ярким и значит здесь будут наиболее сильно освещенные лепестки, что, соответственно, даст самые контрастные тени. Для этого я сделал центр градиента темнее. Этой фигуре я назначил непрозрачность в 58% и режим наложения Hard Light.

Use yellow gradients on the rosesUse yellow gradients on the rosesUse yellow gradients on the roses

Шаг 4

Фигуры, добавленные во втором шаге, я сгруппировал, отправил на передний план и поместил над оранжевыми градиентами. Это дало неожиданно более интенсивный цвет, но мне он понравился.

Create an intense colorCreate an intense colorCreate an intense color

3. Рисую розы

Шаг 1

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

Use the photo of the flowerUse the photo of the flowerUse the photo of the flower

Шаг 2

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

Draw details of the petalsDraw details of the petalsDraw details of the petals

Шаг 3

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

Try adding saturationTry adding saturationTry adding saturation

Шаг 4

Дабы сильнее выделить розу относительно фона, я добавил еще одну градиентную фигуру. Чтобы она не оказывала воздействие на саму розу, я вырезал в ней «отверстие» по форме розы при помощи инструмента Eraser Tool. Ее режимом наложения я оставил Normal — он хорошо подходит, когда нужно сгладить переходы между цветами, сделать их менее контрастными.

Apply gradients to smooth transitionsApply gradients to smooth transitionsApply gradients to smooth transitions

4. Дорабатываю фон

Шаг 1

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

LIghten the composition with a radial gradientLIghten the composition with a radial gradientLIghten the composition with a radial gradient

Шаг 2

Добавляю объект, производящий впечатление эдакого стекла. Задаю ему непрозрачность 20% и режим смешивания Hard Light. Придаю фигуре более фантастический вид, вырезая узор с помощью Eraser Tool.

Add a thin glass layerAdd a thin glass layerAdd a thin glass layer

Шаг 3

Фигурами фиолетовых и лимонных цветов с непрозрачностью менее 50% отмечаю светлые и темные части розы.

Mark the light and dark parts of the roseMark the light and dark parts of the roseMark the light and dark parts of the rose

Шаг 4

Сейчас я расскажу один из моих любимых трюков по созданию светящихся «искорок». У радиального градиента устанавливаете маркеры ближе к центру. Получаете чистый яркий центр и большой прозрачный край. При том необязательно рисовать круги. Это может быть, к примеру, и треугольник. В этом случае «искорка» по умолчанию будет создана в его центре. При помощи инструмента Gradient Tool ее спокойно можно будет изменить и размеры градиента и его положение или округлость.

Add sparksAdd sparksAdd sparks

Шаг 5

Рисую «ледяные» лепестки, то есть использую для заливки холодные оттенки. Здесь я сразу рисую искомый контур, образуя из него прожилки лепестка.

Draw the ice petalsDraw the ice petalsDraw the ice petals

5. Декоративные художественные кисти

Шаг 1

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

Use decorative brushesUse decorative brushesUse decorative brushes

Шаг 2

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

Я сгруппировал все элементы и перетащил мышкой на панель кистей. Для новой кисти я указал там тип Art Brush. В ее настройках оставляю всё без изменений. Кисть готова.

Create an art brushCreate an art brushCreate an art brush

6. Последние штрихи

Шаг 1

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

Create fragmentsCreate fragmentsCreate fragments

Шаг 2

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

Fill effectFill effectFill effect

Шаг 3

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

Ice rose silhouette is readyIce rose silhouette is readyIce rose silhouette is ready

Шаг 4

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

Partly erase the gradientPartly erase the gradientPartly erase the gradient

Шаг 5

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

Add strong accents of another colorAdd strong accents of another colorAdd strong accents of another color

Шаг 6

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

Add highlightsAdd highlightsAdd highlights

Заключение

В этом уроке я показал вам некоторые трюки по «игре с цветом» в Illustrator, применяемые мною в работе. Надеюсь, это поможет найти вам вдохновение и интересные цветовые комбинации для своих работ, которые сделают их более разнообразными. Моей целью было привнести веселье в процесс рисования, выйти за рамки обыденности и попробовать вдохновить других на это.

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.