1. Design & Illustration
  2. Adobe Illustrator

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

by
Read Time:12 minsLanguages:

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

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

В этом руководстве вы научитесь создавать сказочные декорированные стрелы. Мы используем базовые формы и затем применим к ним эффекты Деформации, Огрубления и Зигзага. Вы также узнаете как создавать разные перья из базовых форм.

Перед тем как мы начнём, можете получить больше вдохновения на Envato Market. Обещаю, что вы найдёте очень много красивых, декоративных стрел, созданных талантливыми иллюстраторами.

А сейчас - приступим к делу!

1. Создаём первую стрелу

Шаг 1

Начнём создавать нашу первую стрелу из обычного прямоугольника. Инструментом "Прямоугольник" (М) нарисуйте длинный прямоугольник. Цвет заливки указан на картинке внизу.

Так как мы хотим создать красочные орнаментальные стрелы, которые мы чаще видим на Pinterest, чем в Игре престолов, мы их украсим. Поэтому скопируйте на передний план светло-коричневый прямоугольник, который мы только что создали (Control-C, Control-F), укоротите его и поменяйте цвет заливки на голубой. 

Удерживая клавиши Alt и Shift на клавиатуре, переместите голубой прямоугольник влево и увидите, что теперь есть два голубых прямоугольника. Измените цвет заливки только что созданного прямоугольника на жёлтый. Снова удерживая клавиши Alt and Shift, создайте копию жёлтого прямоугольника и измените цвет заливки на красный.

Теперь у вас должно быть четыре разноцветных прямоугольника. Мы только что создали деревянное древко стрелы.

creating the wooden shaft of the first arrowcreating the wooden shaft of the first arrowcreating the wooden shaft of the first arrow

Шаг 2

Переходим к кончику стрелы, известному как наконечник.

Инструментом "Эллипс" (L) нарисуйте эллипс. Затем выберите Инструмент "Преобразовать опорную точку" (Shift-C) и нажмите на правую опорную точку - у вас получится острый угол. Инструментом "Прямое выделение" (А) выделите верхнюю и нижнюю опорные точки и сдвиньте их влево, нажав на клавишу со стрелкой влево на клавиатуре. Добавьте прямоугольник при помощи Инструмента "Прямоугольник" (М) с таким же цветом заливки, и ваш наконечник готов.

creating the arrowheadcreating the arrowheadcreating the arrowhead

Прикрепите наконечник к древку.

placing the arrowheadplacing the arrowheadplacing the arrowhead

Шаг 3

Начнём добавлять декорации, первым будет перо. Какое-то время назад кто-то попросил меня создать руководство по рисованию перьев. Ваше желание исполнено!

Инструментом "Эллипс" (L) нарисуйте эллипс. Выделив его, перейдите в Эффект > Деформация > Арка и примените настройки, которые вы видите ниже. Расширьте фигуру (Объект > Разобрать оформление). Для стержня пера мы используем копию этой фигуры. Просто сделайте копию темнее и уже.  Разместите стержень напротив первого эллипса посередине.

creating the violet feather creating the violet feather creating the violet feather

Шаг 4

Придержите лошадей - наше перо ещё не готово. Давайте добавим некоторые детали. Выберите Инструмент "Многоугольник" и кликните на монтажной области. В новом диалоговом окне введите 3 стороны с любым Радиусом и нажмите ОК. Поверните треугольник вправо.

Маленькая хитрость: если хотите развернуть фигуру точно на 90 градусов, выделите её, нажмите клавишу Shift и начните вращать. Вы заметите, что вращение идёт с приростом 45 или 90 градусов.

Сделайте вращаемый треугольник очень узким, затем примените параметры деформации. Перейдите в Эффект > Деформация > Флаг. Введите следующие параметры. Назовём это фигурой флага. Сохраните копию этой фигуры флага, мы вернёмся к ней позже.

creating the flag shape creating the flag shape creating the flag shape

Шаг 5

Сделайте несколько копий фигуры флага и расположите их на фигуре пера. Во-первых, расположите их слева. Затем сделайте отражение, нажав правой кнопкой мыши > Трансформирование > Зеркальное отражение. Выберите Вертикально, Угол 90 градусов в диалоговом окне и кликните Копировать. Расположите их на правой стороне пера.

Когда достигните желаемого результата, выберите все эти маленькие "флажки" вместе с пером, кроме стержня. Перейдите на панель Обработки контуров и нажмите кнопку Вычитание переднего. Теперь выделите стержень и переместите его на передний план (Control-X, Control-F).

creating the violet feathercreating the violet feathercreating the violet feather

Шаг 6

Поместите перо на стрелу и измените его, перейдя в Эффект > Деформация > Дуга. Растяните перо (Объект > Разобрать оформление).

placing the violet feather placing the violet feather placing the violet feather

Шаг 7

Создадим ещё одно перо. Вместо пера с узким верхом и широким низом мы сделаем одно с широким верхом и узким низом. Возьмите стебель предыдущего пера и измените цвет на голубой (цвет заливки указан ниже). Затем добавьте маленький голубой эллипс на заднем плане.

Инструментом "Прямое выделение" (А) выделите левую и правую Опорные точки светло-голубого эллипса и сдвиньте их вверх. Помните флажки? Добавьте их на перо.  Выделите все флажки вместе со светло-голубым эллипсом и нажмите Вычитание переднего на панели Обработки контуров. Отправьте стержень на передний план (Control-X, Control-F).

creating the blue feathercreating the blue feathercreating the blue feather

Расположите перо рядом с предыдущим пером, которое мы создали до этого.

placing the blue featherplacing the blue featherplacing the blue feather

Шаг 8

Чтобы закончить стрелу, мы украсим её волнистым зелёным стеблем. Удалите цвет заливки и установите цвет обводки, как показано ниже. Инструментом "Отрезок линии" (\) нарисуйте линию поверх древка. Установите желаемую Ширину линии на панели Обводка. Выделите её, перейдите в Эффект > Исказить и Трансформировать > Зигзаг и введите параметры, указанные ниже.

creating the green waving branchcreating the green waving branchcreating the green waving branch

Шаг 9

Теперь выберите предыдущий цвет обводки в качестве цвета заливки и нарисуйте эллипс. Выберите Инструмент "Преобразовать опорную точку" (Shift-C) и кликните на левой и правой опорных точках, чтобы сделать их острыми. Это будет наш листок.

creating the leafcreating the leafcreating the leaf

Шаг 10

Создайте пучок листьев и поместите его на стебель. Наша первая стрела готова!

placing green leavesplacing green leavesplacing green leaves

2. Создаём вторую стрелу

Шаг 1

Древко второй стрелы будет такого же цвета, как и первой. Нарисуйте крошечный тёмно-серый прямоугольник на правой стороне стрелы. Удерживая клавиши Alt и Shift, сдвиньте его влево.  При нажатии Control-D копия этого крошечного треугольника будет сдвигаться дальше. Измените цвет каждого второго треугольничка на светло-серый.

Краткое замечание: все создаваемые мной украшения - это всего лишь примеры, вы можете украсить стрелы по своему вкусу!

creating the wooden shaft of the second arrowcreating the wooden shaft of the second arrowcreating the wooden shaft of the second arrow

Шаг 2

Теперь наконечник. Сперва поместим серый прямоугольник на левую сторону древка стрелы. Затем нарисуйте маленький квадрат. Удерживая клавишу Shift, разверните его на 45 градусов. Инструментом "Прямое выделение" (А) передвиньте левую опорную точку квадрата влево. Теперь вы видите заострённый наконечник?

creating the arrowheadcreating the arrowheadcreating the arrowhead

Шаг 3

Инструментом "Скруглённый прямоугольник" создайте три одинаковых крошечных скруглённых прямоугольника, как показано чёрной стрелкой.

Помните фиолетовое перо, которое мы создали для первой стрелы? Скопируйте его и измените цвет заливки на жёлтый - мы используем его для второй стрелы. Чтобы сделать его немного другим, создайте горизонтальное отражение жёлтого пера: щелчок правой кнопкой > Трансформировать > Зеркальное отражение и отметьте пункты Горизонтально, Угол 0 градусов. Нажмите ОК. Расположите его, как показано ниже, но помните, что его нужно поместить за тремя маленькими скруглёнными прямоугольниками.

creating and placing the yellow feathercreating and placing the yellow feathercreating and placing the yellow feather

Шаг 4

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

creating the leafcreating the leafcreating the leaf

Шаг 5

Установите цвет обводки на такой же цвет и удалите цвет заливки. Инструментом "Отрезок линии" (\) нарисуйте стебель. Расположите ранее созданный листок на верхушке. Создайте копию этого листка, разверните его на 45 градусов и поместите, как показано на третьей картинке внизу.

Удерживая Shift (для перемещения прямо) и Alt (для создания копии), передвиньте листок слегка вниз. Нажимая Control-D, повторяйте последнее действие, пока не закончите заполнять стебель с левой стороны. Затем выделите все листья на левой стороне и сделайте вертикальное отражение: щелчок правой кнопкой > Трансформировать > Зеркальное отражение. В новом диалоговом окне введите Вертикально, Угол 90 градусов и нажмите Копировать. Сдвиньте влево.  Наша зелёная ветка почти готова.

creating the green branchcreating the green branchcreating the green branch

Шаг 6

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

warping the green branchwarping the green branchwarping the green branch

Расположите зелёную ветку возле жёлтого пера.

placing the branchplacing the branchplacing the branch

Шаг 7

Удалите цвет заливки и настройте цвет обводки. Перейдите на панель Обводки и сделайте линию толстой, также отметьте галочкой Скруглённые концы. Инструментом "Отрезок линии" (\) нарисуйте коричневый стебель. Чтобы сделать его более реалистичным, перейдите в Эффект > Исказить и трансформировать > Огрубление и введите параметры, указанные ниже. Растяните ветку.

creating the brown branchcreating the brown branchcreating the brown branch

Поместите ветку между зелёными листьями и жёлтым пером.

placing the brown branchplacing the brown branchplacing the brown branch

Шаг 8

Давайте создадим ещё одно перо. Удалите цвет обводки и установите цвет заливки. Нарисуйте тёмно-серый эллипс и сдвиньте вверх левую и правую опорные точки. Добавьте стебель (возьмите копию любого предыдущего пера) и измените цвет его заливки.

Помните фигуру флага? Возьмите её копию и поместите на стебель, как показано ниже. Сделайте несколько и затем зеркально отразите их на другой стороне.

creating the gray feathercreating the gray feathercreating the gray feather

Шаг 9

Последняя деталь, которую мы хотим добавить, это пятна. Нарисуйте несколько светло-серых эллипсов и примените к ним эффект Огрубления (Эффект > Исказить и трансформировать > Огрубление). Параметры будут зависеть от размера пятен.

creating the stains on the gray feathercreating the stains on the gray feathercreating the stains on the gray feather

Поместите это тёмно-серое перо на стрелу.

placing the gray featherplacing the gray featherplacing the gray feather

3. Создаём третью стрелу

Шаг 1

Здесь уже проще.  Я взяла первую стрелу и изменила наконечник - создала его из треугольника при помощи Инструмента "Многоугольник".

creating the shaft and arrowhead of the third arrowcreating the shaft and arrowhead of the third arrowcreating the shaft and arrowhead of the third arrow

Шаг 2

Теперь быстрая тренировка: создайте розовое перо, следуя картинке ниже. Попробуйте, не бойтесь!

creating the pink feathercreating the pink feathercreating the pink feather

Шаг 3

Поместите своё красивое перо на стрелу и измените его. Выделите перо, перейдите в Эффект > Деформация > Дуга и в новом окне сдвиньте ползунок в разделе Сгиб на своё усмотрение. Когда результат станет хорошо выглядеть, нажмите ОК. Растяните перо.

placing the pink featherplacing the pink featherplacing the pink feather

Шаг 4

Давайте создадим зелёный эллипс. Сделайте верхнюю и нижнюю опорные точки острыми. Перейдите в Эффект > Исказить и Трансформировать > Зигзаг и в новом диалоговом окне введите параметры, которые вы видите ниже. Ваши параметры могут отличаться от моих - просто попытайтесь найти то, что подходит вам лучше.

creating the green leafcreating the green leafcreating the green leaf

Поместите этот новый листок рядом с розовым пером.

placing the leafplacing the leafplacing the leaf

Шаг 5

Удалите цвет заливки и установите цвет обводки, как показано на картинке ниже. Нарисуйте три стебелька Инструментом "Отрезок линии" (\). Помните нашу первую стрелу, когда вы создали заострённые листья? Сделайте три их копии и поместите на стебель, который мы только что создали.

creating the green branchcreating the green branchcreating the green branch

Поместите его на стрелу.

placing the branchplacing the branchplacing the branch

Шаг 6

Выберите Инструмент "Спираль" и нажмите на монтажной области. Появится новое диалоговое окно. Введите параметры, которые вы видите ниже. Затем Инструментом "Прямое выделение" (А) сдвиньте указатели опорных точек до достижения формы, которая выглядит так:

creating the green swirlcreating the green swirlcreating the green swirl

Скопируйте её и поместите обе формы на стрелу.

placing the swirlplacing the swirlplacing the swirl

Шаг 7

Давайте создадим цветок, что-то вроде ранункулюса, пиона или даже розы - зависит от параметров, которые вы введёте позже.

Сначала нарисуйте круг и перейдите в Эффект > Исказить и трансформировать > Огрубление. Отметьте Сглаживание точек и передвиньте ползунки в разделе Параметров по своему усмотрению. После этого создайте круг поменьше и потемнее на переднем плане и снова примените к нему параметры эффекта Огрубления. Затем снова круг поменьше и потемнее, применив эффект Огрубления.  Наконец, нарисуйте несколько крошечных кружков внутри цветка - готово.

creating the pink flowercreating the pink flowercreating the pink flower

Поместите цветок на третью стрелу.

placing the pink flowerplacing the pink flowerplacing the pink flower

Шаг 8

Сдвиньте вверх левую и правую опорные точки в только что созданном голубом эллипсе. Создайте копию на заднем плане и сделайте её темнее. Слегка разверните её влево. Кликните правой кнопкой мыши, выберите Трансформировать > Зеркальное отражение. В новом окне введите Вертикально, угол 90 градусов, Копировать. Затем создайте на заднем плане зелёный Эллипс и добавьте кривую при помощи Инструмента "Дуга" (без цвета заливки и обводки, указанных ниже). Голубой цветок готов.

creating the blue flowercreating the blue flowercreating the blue flower

Шаг 9

Мы также хотим добавить несколько листьев. Помните ту зелёную ветку, которую мы сделали для третьей стрелы? Скопируйте её, но давайте изменим стебель: вместо прямого сделаем согнутый при помощи Инструмента "Дуга". Отметьте галочкой Скруглённые концы на панели Обводки.

creating the branchcreating the branchcreating the branch

Шаг 10

Поместите голубой цветок с листьями на третью стрелу ближе к наконечнику. Инструментом "Скруглённый прямоугольник" создайте три крошечных скруглённых прямоугольника, чтобы показать, что цветок зафиксирован на стреле.

placing the branchplacing the branchplacing the branch

4. Создаём задний фон

Шаг 1

Теперь, когда у нас есть три декоративные стрелы, давайте расположим их по вашему вкусу или так, как на картинке:

placing all the arrows togetherplacing all the arrows togetherplacing all the arrows together

Шаг 2

Удалите цвет заливки и установите цвет обводки на голубой. Инструментом "Прямоугольник" нарисуйте толстую рамку. 

creating the framecreating the framecreating the frame

Шаг 3

Выделите её и создайте копию на переднем плане (Control-C, Control-F). Измените цвет обводки и сделайте её тонкой.

continue to make the framecontinue to make the framecontinue to make the frame

Шаг 4

Перейдите в Эффект > Исказить и трансформировать > Зигзаг и введите параметры как на картинке ниже, либо задайте свои.

Zig-Zag effect optionsZig-Zag effect optionsZig-Zag effect options

Вуаля!

applying Zig-Zag effect to the frameapplying Zig-Zag effect to the frameapplying Zig-Zag effect to the frame

Фантастика, у вас получилось!

Прекрасная работа! Теперь вы знаете, как создавать перья, разные ветки, листья и цветы. Вы научились создавать стрелы с разными наконечниками. После изучения этого руководства вы будете знать как применять эффекты Огрубления и Зигзага, а также эффект Деформации и перемещения опорных точек в базовых фигурах.

Надеюсь, вам понравилось это руководство, и у вас появилось множество идей по созданию тысячи стрел!

End resultEnd resultEnd result
One subscription.
Unlimited Downloads.
Get unlimited downloads