Как создать градиент в Adobe Illustrator

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

Шаги

Загрузить PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5f\/Make-Gradients-in-Adobe-Illustrator-Step-1.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5f\/Make-Gradients-in-Adobe-Illustrator-Step-1.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Перейдите в меню Файл > Новый (или нажмите Ctrl + N) и установите размер документа как вертикальный стандартный лист. Добавьте направляющие, создав прямоугольник с помощью соответствующего инструмента (шириной 8.5 дюймов (21.6 см), высотой 11 дюймов (28 см)). Затем перетащите направляющие в середину прямоугольника. И наконец, щелкните правой кнопкой мыши на линейке и измените способ измерения на пиксели.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/37\/Make-Gradients-in-Adobe-Illustrator-Step-2.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/37\/Make-Gradients-in-Adobe-Illustrator-Step-2.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

2
С помощью соответствующих инструментов создайте пять небольших фигур: прямоугольник, прямоугольник с закругленными углами, эллипс, многоугольник и звезду. При создании фигур используйте следующие размеры: Квадрат: Ширина=25 пикселей, Высота=25 пикселей ; Квадрат с закругленными углами: Ширина=25 пикселей, Высота=25 пикселей, Радиус закругления=5 пикселей ; Круг: Ширина=25 пикселей, Высота=25 пикселей ; Многоугольник: Радиус=15 пикселей, Количество сторон=6 ; Звезда: Радиус 1=15 пикселей, Радиус 2=7 пикселей, Количество концов=5.
- Убедитесь, что заливка фигур белая, а линия обводки - черная.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/ff\/Make-Gradients-in-Adobe-Illustrator-Step-3.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/ff\/Make-Gradients-in-Adobe-Illustrator-Step-3.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

После создания пяти фигур (как было предложено выше), создайте два образца. Вы можете это сделать, нажав на значок "Образцы" и затем нажав на правый верхний угол панели "Градиенты" в меню. Когда появится диалоговое окно, просто выберите "Новый образец" и нажмите "ОК".
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/50\/Make-Gradients-in-Adobe-Illustrator-Step-4.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Make-Gradients-in-Adobe-Illustrator-Step-4.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Установите следующие комбинации цветов: Сиреневый: C=50, M=53, Y=0, K=0 ; Зеленый: C=80.57, M=3.08, Y=83.71, K=0.08.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8b\/Make-Gradients-in-Adobe-Illustrator-Step-5.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8b\/Make-Gradients-in-Adobe-Illustrator-Step-5.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Чтобы применять различные типы градиента, вам нужно будет его выбрать, или просто нажмите на вкладке "Градиенты" и перетащите окно поближе к фигурам.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9b\/Make-Gradients-in-Adobe-Illustrator-Step-6.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9b\/Make-Gradients-in-Adobe-Illustrator-Step-6.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

На панели градиентов перетащите сиреневый образец к конечной точке градиентной шкалы, чтобы заменить черный цвет. Затем выделите квадрат и нажмите на кнопку "Градиентная заливка". Чтобы изменить направление градиента, нажмите на клавиатуре “G”, удерживайте нажатой клавишу "Shift" и перетащите указатель вверх. В квадрате появится градиент от белого к сиреневому.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Make-Gradients-in-Adobe-Illustrator-Step-7.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Make-Gradients-in-Adobe-Illustrator-Step-7.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Для получения второго градиента перетащите зеленый образец к конечной точке градиентной шкалы, чтобы сделать переход от зеленого к сиреневому. Выделите ваш квадрат с закругленными углами и снова нажмите кнопку "Градиентная заливка". Снова измените направление градиента, сделав его от зеленого к сиреневому.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Make-Gradients-in-Adobe-Illustrator-Step-8.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Make-Gradients-in-Adobe-Illustrator-Step-8.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Для получения третьего градиента перетащите белый образец к конечной точке градиентной шкалы. Выделите круг и снова нажмите на кнопку "Градиентная заливка", измените направление градиента, сделав его от зеленого к белому и потом к сиреневому.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/45\/Make-Gradients-in-Adobe-Illustrator-Step-9.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/45\/Make-Gradients-in-Adobe-Illustrator-Step-9.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Для получения четвертого градиента выберите квадрат, чтобы вернуться к первому градиенту на панели градиентов. Измените тип градиента с линейного на радиальный. Затем выделите многоугольник и нажмите на кнопку "Градиентная заливка".
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/61\/Make-Gradients-in-Adobe-Illustrator-Step-10.jpg\/v4-460px-Make-Gradients-in-Adobe-Illustrator-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/61\/Make-Gradients-in-Adobe-Illustrator-Step-10.jpg\/v4-728px-Make-Gradients-in-Adobe-Illustrator-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

10
Для получения пятого, последнего градиента перетащите зеленый образец к конечной точке градиентной шкалы. Выделите фигуру звезды и нажмите на кнопку "Градиентная заливка".
- Теперь у вас различные типы фигур с различными типами градиентов.
Реклама

Войти

Как создать градиент в Adobe Illustrator

Шаги

Дополнительные статьи

Об этой статье

Была ли эта статья полезной?

Дополнительные статьи

Подпишитесь на нас

Поделиться

Explore Categories