Как создать стрелку в Adobe Illustrator

Сделать стрелку в Adobe Illustrator – это просто. Следуйте этим простым шагам, и вы сможете сделать собственную стрелку за считанные минуты.

Шаги

Загрузить PDF

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

Используйте Rounded Rectangle tool, установите размер 500х500 пикселей с радиусом угла 20 пикселей.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d1\/Create-an-Arrow-on-Adobe-Illustrator-Step-2.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d1\/Create-an-Arrow-on-Adobe-Illustrator-Step-2.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Сделайте треугольную форму, используя Delete Anchor Point Tool, повернув квадрат на 45 градусов. Нажмите на квадрат и кликните на точку, которая показана на картинке, в результате, у вас получится треугольник.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/98\/Create-an-Arrow-on-Adobe-Illustrator-Step-3.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/98\/Create-an-Arrow-on-Adobe-Illustrator-Step-3.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Используйте Rounded Rectangle tool, установите размер на 600x400 с радиусом угла 20 пикселей
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Create-an-Arrow-on-Adobe-Illustrator-Step-4.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Create-an-Arrow-on-Adobe-Illustrator-Step-4.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Поставьте ваш треугольник, как на картинке, и потом выберите оба объекта и нажмите на pathfinder и кликните на кнопку Add to Shape Area, чтобы соединить два объекта в одну форму, а потом нажмите expand.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ca\/Create-an-Arrow-on-Adobe-Illustrator-Step-5.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ca\/Create-an-Arrow-on-Adobe-Illustrator-Step-5.jpg\/v4-728px-Create-an-Arrow-on-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\/4\/4c\/Create-an-Arrow-on-Adobe-Illustrator-Step-6.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4c\/Create-an-Arrow-on-Adobe-Illustrator-Step-6.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Поставьте синюю под черную и растяните ее, как на картинке, используйте Direct selection tool и передвиньте точки в нужную позицию (как показано на картинке)
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Create-an-Arrow-on-Adobe-Illustrator-Step-7.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Create-an-Arrow-on-Adobe-Illustrator-Step-7.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Выберите красную и поставьте ее так, как на картинке, после этого, нажмите правой кнопкой и выберите Arrange>Send to back.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/af\/Create-an-Arrow-on-Adobe-Illustrator-Step-8.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/af\/Create-an-Arrow-on-Adobe-Illustrator-Step-8.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Покрасьте основную стрелку, используя Gradient Tool, установите следующие цвета: первый цвет на позиции R = 101, G = 197, B =220; второй цвет на позиции R = 92, G = 192,B = 217; третий цвет на позиции R = 72, G = 151, B = 197, установите белую границу на 4pt
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/31\/Create-an-Arrow-on-Adobe-Illustrator-Step-9.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/31\/Create-an-Arrow-on-Adobe-Illustrator-Step-9.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Скопируйте основную стрелку и создайте прямоугольник, поместите его на середине стрелку, как показано на картинке, далее выберите все и нажмите на Pathfinder, нажмите на кнопку Subtract from Shape Area, и потом нажмите expand.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b3\/Create-an-Arrow-on-Adobe-Illustrator-Step-10.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b3\/Create-an-Arrow-on-Adobe-Illustrator-Step-10.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Установите его так, как показано на картинке, и потом зарисуйте следующим синим оттенком R = 19, G = 116,B = 158
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9d\/Create-an-Arrow-on-Adobe-Illustrator-Step-11.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9d\/Create-an-Arrow-on-Adobe-Illustrator-Step-11.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Сделайте выделение и тень для вашей стрелки, используя Rounded Rectangle tool, используйте узкую белую линию по краю стрелки, после этого сделайте ее прозрачной на 60%. На счет тени, покрасьте ее в такой же синий цвет и сделайте ее прозрачной на 80%.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f6\/Create-an-Arrow-on-Adobe-Illustrator-Step-12.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Create-an-Arrow-on-Adobe-Illustrator-Step-12.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Нарисуйте заднюю тень и закрасьте; цвет на позиции R = 128, G = 128,B = 128, выберите эту часть и нажмите на Effect>Blur>Gaussian Blur>Radius 16 пикселей. В результате, у вас получится размытая тень.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d8\/Create-an-Arrow-on-Adobe-Illustrator-Step-13.jpg\/v4-460px-Create-an-Arrow-on-Adobe-Illustrator-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d8\/Create-an-Arrow-on-Adobe-Illustrator-Step-13.jpg\/v4-728px-Create-an-Arrow-on-Adobe-Illustrator-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Реклама

Войти

Как создать стрелку в Adobe Illustrator

Шаги

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

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

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

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

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

Поделиться

Explore Categories