1. Design & Illustration
  2. Gradients

Создайте Градиентный Оверлей Радуги Гордости в Adobe Illustrator

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

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

Июнь 2015 года был полон событий. Июнь был не только месяцем гордости ЛГБТКИ (хотя и не во всем мире), но и месяцем, когда однополые браки наконец были признаны легальными на всей территории США!

Чтобы отпраздновать это событие, я хочу с радостью поделиться с вами инструкцией, как создать свой собственный градиент радуги гордости в Adobe Illustrator и как применить его к вашей иллюстрации, чтобы вы могли показать свою гордость и поддержку сообществу ЛГБТКИ.

Давайте откроем иллюстратор и начнем.

1. Добавляем цвета в вашу панель Swatches

В радуге гордости 6 цветов, каждый из которых имеет свое значение. Каждый из цветов означает следующее:

  • Красный: Жизнь
  • Оранжевый: Исцеление
  • Желтый: Солнечный свет
  • Зеленый: Природа
  • Голубой: Спокойствие
  • Фиолетовый: Дух

Вы можете прочитать об истории флага гордости на Википедии - это довольно интересно.

Шаг первый

Сначала вам нужно добавить шесть цветов в вашу панель Swatches, чтобы они, в конечном счете, могли быть добавлены в градиент.

Если вы используете новый стандартный документ CMYK, то коллекция из шести цветов, которой вы можете воспользоваться, уже будет в папке "Brights". Как вариант, эту палитру можно найти, зайдя в ниспадающее меню в панели Swatches, и далее в Open Swatch Library > Default Swatches > Print.

Оттуда, вы сможете получить доступ к различным радужным градиентам в Иллюстраторе, зайдя в то же меню, Open Swatch Library > Gradients > Spectrums.

The Print and Spectrums Swatch libraryThe Print and Spectrums Swatch libraryThe Print and Spectrums Swatch library

Шаг второй

Кликните по спектральным градиентам, чтобы добавить их в вашу панель Swatches. Затем в библиотеке образцов вкладки Print, кликните по значку палитры "Brights", чтобы добавить все шесть цветов в панель Swatches.

Adding the Brights to the Swatches panelAdding the Brights to the Swatches panelAdding the Brights to the Swatches panel

2. Изменяем спектральный градиент

Шаг первый

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

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

Filling a rectangle with a spectrum gradientFilling a rectangle with a spectrum gradientFilling a rectangle with a spectrum gradient

Шаг второй

Для того, чтобы изменить цвета, перетащите каждый цвет из палитры "Brights" на ползунки градиента.

Modified spectrum gradientModified spectrum gradientModified spectrum gradient

Шаг третий

Теперь вы можете добавить саму радужную заливку впанель Swatches. Для этого нужно перетащить объект с примененной к нему радужной заливкой прямо на панель Swatches. 

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

Rename the gradientRename the gradientRename the gradient

3. Примените Градиент к Изображению

Шаг первый

Теперь у нас есть радужный градиент и мы можем наложить его на любое изображение!  Направление градиента можно менять по желанию с помощью инструмента Gradient Tool (G).

Using the Gradient ToolUsing the Gradient ToolUsing the Gradient Tool

Шаг второй

Давайте рассмотрим несколько примеров того, как мы можем использовать наш градиент.  Первым делом мы попробуем применить линейный градиент к портрету девушки, который мы недавно создавали в уроке по Созданию Летнего Потртрета на Основе Стоковой Фотографии.

Я поместила прямоугольник с градиентной заливкой в самом низу, под волосами, а затем создала еще один прямоугольник над портретом. Заполнив верхний прямоугольник нашим радужным градиентом, я воспользовалась Gradient Tool (G), чтобы создать диагональную заливку поверх тела девушки.  Затем я изменила режим наложения (Blending Mode) нашего радужного прямоугольника на Color в панели Transparency.

Linear gradientLinear gradientLinear gradient

Шаг третий

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

Пользуясь вышеизложенным методом я расположила объект с радужной заливкой поверх портрета.  В этот раз я изменю тип градиента (Type) на радиальный (Radial).  Режим наложения (Blending Mode) мы оставим тот же, что и в прошлом примере – Color. Можно подвигать градиент, меняя его положение с помощью Gradient Tool (G).

Radial gradientRadial gradientRadial gradient

Ура! Давайте Отпразднуем Радостное Событие ЛГБТКИ Движения!

Теперь, воспользовавшись данной техникой, мы можем разукрасить наши изображения в цвета радуги и поддержать ЛГБТКИ движение!  Не забудьте поделиться своими радужными результатами в комментариях.

Pride rainbow illustrationPride rainbow illustrationPride rainbow illustration
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.
One subscription. Unlimited Downloads.
Get unlimited downloads