27 июн. 2016 г.

Как нарисовать радугу в Adobe Illustrator с помощью градиента по контуру

Всем привет! У нас очередной урок по иллюстратору, как раз для поддержания летнего настроения. Будем рисовать радугу :)

Из названия урока практически сразу всё понятно - делать радугу мы будем через градиент по контуру. Эта функция доступна в Adobe Illustrator CC и CS6. Итак, если вы готовы, то переходим к делу.



На самом деле всё очень просто. Вот три простых шага, чтобы нарисовать радугу:

1. Рисуем эллипс.
2. Разрезаем его на две половинки ножницами Scissors Tool (C)
3. К обводке одной половинки применяем линейный градиент по контуру с цветами радуги. Толщину обводки соответственно надо сделать побольше.


Сразу интересная фишка. К обводке можно применить Width Tool (Shift+W), потянуть этим инструментом за край, и получится радуга в перспективе. Кстати, порядок цветов можно легко поменять, нажав в панели градиента Reverse Gradient.


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

Вот что получилось у меня.



Кстати, у нас есть прикольный урок про то, как делать облака: как нарисовать облака с помощью Scatter Brush.

Вот и всё на сегодня! Хорошего вам настроения и безоблачного неба. А если и будет дождь, то чтобы с радугой :)

Роман aka dacascas специально для блога Записки микростокового иллюстратора
Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



7 комментариев:

  1. Настроение поддержали. спасибо))

    ОтветитьУдалить
  2. Слушайте, мб вы знаете, как запихнуть пункт градиента, где выбирается третий кубик - градиент по контуру - в экшн? А то я решила было написать себе экшн для создания теней таким способом, все бы ничего, но градиенты не с теми настройками получаются...?

    ОтветитьУдалить
    Ответы
    1. Я вот сейчас стал делать градиент для прямоугольника, запустил запись в Actions, все действия записываются. Включил воспроизведение - всё нормально воспроизводится. Какие именно у тебя настройки записываются некорректно?

      Удалить
  3. Здравствуйте! Скажите, пожалуйста, а как и CS6 обрезать такой градиент? Не спрятать под маску, а именно обрезать по границе монтажной области?

    ОтветитьУдалить
    Ответы
    1. Никак, средствами иллюстратора градиентные сетки не режутся. Именно в Gradient Mesh преобразуется градиент по контуру после экспанда. Можно конечно использовать плагин Meshtormentor для разрезания сеток, но там эта возможность реализована только по узлам сетки, и делать всё очень муторно. Как вариант можно ножницами отрезать контур ещё до экспанда, но там не факт, что получится ровно по краю артборда линия.

      Удалить
    2. Пробовала уже ножницами, по краю артборда не получается (((
      Спасибо за ответ

      Удалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2016 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino