1. Design & Illustration
  2. Add-Ons
  3. Patterns

Створюємо тропічний візерунок в Адобе Ілюстратор

Scroll to top
Read Time: 9 min

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

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

Літо - чудовий час для яскравого і кольорового дизайну. Тропічні візерунки - один з найбільш гарячих літніх трендів цього року, і ця сумш фруктів, листя і квітів відмінно виглядають на тканинах, одягу і друкованих засобах. 

Приєднуйтесь до мене, щоб навчитися створенню стильного безшовного візерунку, використовуючи прості форми і різні Ефекти Викривлення, придавши їм ефект ручного малюнку. Ми закінчимо, скомбінувавши наші елементи в збалансовану текстуру, скориставшись інструментом Візерунок.

До кінця цього уроку ви навчитеся створювати унікальні трендові візерунки, для друку або тканин, одягу та банерів. І, ще більше, ви можете застосувати цей фон для вашого сайту, онлайн магазину або блогу.

Перегляньте цю колекцію тропічних візерунків на GraphicRiver, щоб дізнатися, які інші елементи ви можете зобразити, щоб ваша текстура виглядала по-іншому.

Давайте почнемо!

1. Як намалювати банан

Крок 1

Візьміть Еліпс (L), і давайте почнемо створення банана! Зробіть жовтий овал розміром 230 × 50 px.

Далі в Ефект> Викривлення> Арка та застосуйте:

  • Згин по горизонталі на -60%
  • Деформація Горизонтальний на -10%
  • Деформація Вертикальний на 0%

Натисніть ОК та застосуйте Об'єкт> Розгорнути вигляд.

make a banana from ellipsemake a banana from ellipsemake a banana from ellipse

Крок 2

Давайте створимо верхівку нашого банана. Візьміть інструмент Прямокутник (M) і створіть жовтий квадрат 20 × 20 px. Далі Ефект> Викривлення> Випнутий.

  • Згин Горизонтальний на 0%
  • Деформація Горизонтальний на 0%
  • Деформація Вертикальний на 25%.

Натисніть ОК та застосуйте Об'єкт> Розгорнути вигляд.

apply the bulge effectapply the bulge effectapply the bulge effect

Крок 3

Змініть форму, зробивши її меншою. Дублюйте (Control -C> Control -F) її та додайте прямокутники до обох кінців банана, як показано нижче. Виділіть всі три елементи і застосуйте функцію Об’єднати в панелі Обробка контурів, щоб об'єднати їх в одну форму.

unite the shapes in the pathfinderunite the shapes in the pathfinderunite the shapes in the pathfinder

Крок 4

Давайте зробимо ефект грубим та текстуруємо його, в результаті додавши ніжну штриховку до нашої форми. Далі застосуйте Ефект> Деформувати і трансформувати> Огрубіння з налаштуваннями:

  • Розмір на 0.3% 
  • Відносний
  • Докладність на 50/in
  • Пункти на Згладжування

Натисніть ОК.

apply roughen effectapply roughen effectapply roughen effect

Крок 5

Застосуйте до ефекту Об'єкт> Розгорнути вигляд.

Object Expand AppearanceObject Expand AppearanceObject Expand Appearance

Крок 6

Тепер візьміть інструмент Олівець (N), та додайте прості деталі, які зроблять вигляд нашого банана більш реалістичним! Подвійний клік по іконці Олівця (N) в панелі Інструменти, щоб переконатися, що слайдер Точність відцентровано близько до слайдеру Відхилення. Ви також можете подивитися інші опції на скріншоті нижче, галочки в кожному полі.

Виберіть для Заливки Немає та Обведення коричневого кольору в панелі Колір. Потім відкрийте панель Обведення (в меню Вікно> Обведення) та застосуйте Щільність на 1.2 pt і Кінець на Округлені кінці.

Намалюйте невеликий овал на правому кінчику банана, і велику круглу форму на протилежному боці.

add minor details with the pencil tooladd minor details with the pencil tooladd minor details with the pencil tool

Крок 7

Продовжуйте додавати деталі на кінці банана, створюючи короткі штрихи. Намалюйте більший дугоподібний штрих уздовж цілої форми.

Continue adding details Continue adding details Continue adding details

Крок 8

Додайте більше таких штрихів та завершіть банан, намалювавши дві округлених форми на кінцях, але в цей раз обравши коричневий колір Заливки. 

Вау! Банан готовий! Тепер давайте перейдемо до нового елементу нашого візерунка!

The banana is readyThe banana is readyThe banana is ready

2. Створюємо скибочку апельсина

Крок 1

Почнемо з прямокутника. Візьміть інструмент Прямокутник (М) і створіть жовту форму 90 × 45 а далі виберіть бічні опорні точки за допомогою інструменту Пряме виділення (A). Перетягніть кругові маркери до центру, закруглив кути за допомогою функції Динамічних кутів. Ви також можете змінювати значення Кута в панелі управління вгорі, написавши необхідне значення.

make a slice from the rectanglemake a slice from the rectanglemake a slice from the rectangle

Крок 2

Виділіть форму та перейдіть в Об'єкт> Контур> Зсув контуру, введіть Зсув 8 px і залиште інші опції за замовчуванням. Натисніть ОК та Залийте нову форму оранжевим кольором.

Виділіть обидві форми, візьміть інструмент Ластик (Shift -E), утримуючи Alt, зітріть верхні частини форм, так щоб елементи були чудово вирівняні по верху один до одного.

apply Object Path Offset Pathapply Object Path Offset Pathapply Object Path Offset Path

Крок 3

Дублюйте (Ctrl -C> Ctrl -F) жовту форму. Виберіть одну з жовтих копій разом з оранжевою формою та застосуйте Мінус передній план з панелі Обробка контурів.

Зробіть жовту форму трохи меншою, щоб отримати розрив між фігурами.

apply Minus Front from the Pathfinder panelapply Minus Front from the Pathfinder panelapply Minus Front from the Pathfinder panel

Крок 4

Застосуйте фільтр Ефект> Деформувати та трансформувати> Огрубіння з тими ж налаштуваннями, що і раніше, щоб додати подряпаний ефект по краях.

Візьміть Відрізок лінії (\) або Перо (P) та додайте групу білих штрихів на скибочку жовтої форми на сегментах.

make segments with the Pen Toolmake segments with the Pen Toolmake segments with the Pen Tool

Крок 5

Утримуючи обведення виділеним, перейдіть на панель Пензлі (в меню Вікно> Пензлі) та відкрийте меню "Бібліотеки пензлів" внизу панелі. Звідси перейдіть в Художній_КрейдаВугольОлівець та знайдіть пензль Charcoal - Pencil (або будь-який інший пензль на свій смак, але він повинен бути досить товстим і мати гранж-текстуру). Натисніть його, щоб застосувати до обведення. Збільште Щільність штрихів, якщо вони виглядають занадто тонкими.  

apply a charcoal brush to the strokesapply a charcoal brush to the strokesapply a charcoal brush to the strokes

Крок 6

Виділіть всі обведення і перейдіть в Об'єкт> Розібрати оформлення та Об'єднайте їх в панелі Обробка контурів. Нарешті, перейдіть в меню Об'єкт> Складений шлях> Зробити (Control-8), щоб об'єднати шматочки гранжевої текстури разом.

Виділіть створену білу форму разом з жовтою половиною кола та застосуйте Мінус передній план, щоб вирізати форму, створивши роздільні жовті сегменти.

apply Minus Front to cut out the shapeapply Minus Front to cut out the shapeapply Minus Front to cut out the shape

Крок 7

Завершіть скибочку апельсина, додавши кілька коротких штрихів тут і там, за допомогою інструменту Олівець (N). 

add a few short strokes add a few short strokes add a few short strokes

3. Малюємо фрукт дракона

Крок 1

Почніть з створення рожевого еліпса 105 x 115 px і використовуйте Пряме виділення (A) для невеликої зміни форми, трохи переміщаючи опорні ручки.

Дублюйте (Control -C> Control -F) форму та зробіть нижню форму трохи меншою. Змініть колір Заливки на білий.

make a dragon fruit from circlesmake a dragon fruit from circlesmake a dragon fruit from circles

Крок 2

Застосуйте інструмент Прямокутник (M) та ефект Викривлення Випнутий для створення невеликої трапеції, так само, як ми створювали банан.

Додайте трапецію на верху фрукта, і, використовуючи Еліпс (L), створіть набір еліпсів по краю рожевої форми. Виділіть всі рожеві елементи та Поєднайте їх в панелі Обробка контурів. 

Виділіть фрукт, та застосуйте Ефект> Деформувати та трансформувати> Огрубіння, щоб зробити края грубими.

add details to the fruitadd details to the fruitadd details to the fruit

Крок 3

Закінчимо фрукт дракона, розкидавши деякі зернятка на білій частині. Створіть коричневе коло 2 × 2 px за допомогою інструменту Еліпс (L). Виберіть верхню опорну точку за допомогою інструменту Пряме виділення (А) та перетягніть її вгору. 

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

Це воно! Додайте кілька темних штрихів поверх фрукта та давайте рухатися далі!  

add seeds made from a circleadd seeds made from a circleadd seeds made from a circle

4. Створимо тропічні листя і рослини

Крок 1

І моя улюблена частина! Я дійсно люблю малювати тропічні листя та елементи, тому що вони завжди виглядають унікальними, і процес завжди дуже заспокоює та відкриває багато креативності!

По-перше нам потрібно створити наші власні пензлі, щоб прискорити процес малювання листя.

Використовуйте Еліпс (L), щоб створити стиснений еліпс розміром 100 x 5 px.

Виділіть бічні опорні точки за допомогою інструменту Пряме виділення (A) і Перетворіть їх в кутові в панелі управління зверху c допомогою функції Перетворити. 

Тепер перетягніть наш еліпс на панель Пензлі та оберіть Художній пензль у спливаючому вікні Нового пензля.

Я нічого не змінювала в настройках Художнього пензля, залишивши всі налаштування за замовчуванням. Однак ми завжди можемо змінити їх пізніше, двічі клацнувши наш пензль на панелі Пензлі - наприклад, якщо нам потрібно змінити Ширину пензля або його Метод Забарвлення.

create an art brushcreate an art brushcreate an art brush

Крок 2

Намалюйте темно-зелене стебло нашого майбутнього листа, використовуючи інструмент Олівець (N).

Тепер візьміть інструмент Пензль (B) і почніть створювати перпендикулярні штрихи уздовж стебла, малюючи ці дрібні частини листочка. Зробіть деякі з них коротше, інші довше, та деякі нехай перериваються, щоб лист виглядав більш правдоподібним, як в реальності.

Робіть штрихи меншими і меншими, коли ви наблизитеся до верхньої частини аркуша.

Створіть ще один лист, трохи іншої форми, покривши його довшими штрихами.

use the Paintbrush Tool to draw leaves use the Paintbrush Tool to draw leaves use the Paintbrush Tool to draw leaves

Крок 3

Тепер давайте намалюємо лист рослини монстрери. Її листя завжди допоможуть досягти правильного вигляду будь-якого тропічного дизайну.

Застосуйте інструмент Олівець (N), щоб намалювати силует листа. Його овальна форма не повинна бути ідеальною, тому зробіть її хиткою і несиметричною. Пам'ятайте, що верхня частина листа гострувата, а її нижня частина закруглена, як перевернута форма серця.

Змініть колір Заливки на чорний (або будь-який інший колір) та намалюйте будь-овальні фігури поверх листя, позначивши майбутні отвори. Виділіть всі чорні фігури і створіть Складений шлях (Control-8).

Виділіть чорну форму разом з силуетом листа та застосуйте функцію Мінус передній план в панелі Обробка контурів, щоб вирізати чорні елементи.

Нарешті, застосуйте ефект Огрубіння, щоб зробити листя грубим.  

draw a tropical leaf with the pencil tooldraw a tropical leaf with the pencil tooldraw a tropical leaf with the pencil tool

Крок 4

Давайте намалюємо лист, імітуючи малювання вручну. Користуйтеся інструментом Олівець (N), щоб намалювати силует у вільній манері. 

Застосуйте ефект Огрубіння та завершіть лист, додавши темно-зелені штрихи за допомогою інструменту Олівець (N).

draw a tropical leaf with the pencil tool 2draw a tropical leaf with the pencil tool 2draw a tropical leaf with the pencil tool 2

Крок 5

Тепер давайте перейдемо до наступного тропічному листа. На цей раз я застосувала в якості основи овальну форму розміром 85 х 230 px. Візьміть інструмент Пряме виділення (A) та переміщайте опорні точки і їх ручки навколо, змінюючи форму.

Застосуйте ефект Огрубіння та завершіть лист, додавши стебло і прожилки за допомогою інструменту Олівець (N).

make a leaf from an ovalmake a leaf from an ovalmake a leaf from an oval

Крок 6

Давайте створимо ще один пензль для наступної рослини. Зробіть коло 12 x 12 px та перемістіть ліву опорну точку далі вліво. Перетворіть виділену вузлову точку в кутову в панелі управління вгорі.

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

create an art brushcreate an art brushcreate an art brush

Крок 7

Тепер, коли все листя готове, я вирішила пограти з квітами, зробивши їх більш природними і різноманітними. Ми можемо перефарбувати об'єкти або вручну, або використовуючи інструмент перефарбування в панелі управління вгорі або за допомогою Редагування> Редагувати кольору> Редагування балансу кольору. 

Я використовую третій варіант, корегуючи кольори кожного листа, намагаючись досягти різних відтінків зеленого. 

Ось воно! Всі наші елементи готові! Давайте рухатися далі, щоб створити модний візерунок!

recolor the leavesrecolor the leavesrecolor the leaves

5. Створюємо дизайн тропічного безшовного патерну, використовуючи інструмент Візерунок

Крок 1

Виділіть всі елементи, які ми створили, і перейдіть в Об'єкт> Візерунок> Зробити.

go to Object Pattern Makego to Object Pattern Makego to Object Pattern Make

Крок 2

Відправляйтеся в панель Параметри візерунка та задайте наступні параметри:

  • Тип плитки на Сітка
  • Ширина на 450 px
  • Висота на 450 px
  • Зніміть прапорці під Розміром плитки
  • Копії на 3 x 3
  • Перевірте поле Розмірні копії на 70%
  • Перевірте поле Показати край плитки.

Тепер ми можемо бачити напівпрозорі копії наших об'єктів навколо поля з плиткою, що допомагає нам чітко відображати наш майбутній візерунок, роблячи його збалансованим та усуваючи будь-які прогалини.

Почніть розміщувати фрукти та листя всередині квадрата плитки, змінюючи розмір і обертаючи їх, роблячи елементи перекриваючимися. Використовуйте поєднання клавіш Control-[ та Control-] для переміщення елементів назад або вперед.

set the pattern optionsset the pattern optionsset the pattern options

Крок 3

Почніть додавати копії об'єктів для заповнення всієї плитки. використовуйте інструмент Дзеркальне відображення (O), для цього двічі клацнувши його, щоб відобразити фігури по горизонтальній або вертикальній осі та натисніть Копіювати, щоб створити дзеркальні копії.

add more elementsadd more elementsadd more elements

Крок 4

Завершіть, додавши більше листя і переконайтеся, що все виглядає збалансованим і гармонійним.

fill the gaps of the patternfill the gaps of the patternfill the gaps of the pattern

Крок 5

Двічі клацніть в будь-якому місці поза монтажною областю або натисніть Готово, щоб вийти з режиму Візерунка.

Тепер ми можемо знайти наш шаблон на панелі Зразки (в меню Вікно> Зразки). Створіть будь-яку форму на свій смак, наприклад, квадрат та застосуйте наш візерунок, клацнувши його у панелі Зразки.  Ми завжди можемо повернутися в Режим візерунків, натиснувши кнопку Редагувати візерунок та перемістивши елементи, якщо щось виглядає не дуже добре.

find our pattern in the Swatches panelfind our pattern in the Swatches panelfind our pattern in the Swatches panel

Крок 6

Подивимося, як це виглядає на темному тлі! Створіть прямокутник розміром 800 x 600 px та Залийте його глибоким темно-зеленим кольором.

Дублюйте (Control-C > Control-F) прямокутник, та застосуєте візерунок, клацнувши його на панелі Зразки.

Ось воно!

create a darker backgroundcreate a darker backgroundcreate a darker background

Тропічні вібрації! Наш модний безшовний візерунок закінчено!

Відмінна робота! Сподіваюся, вам сподобалося наслідувати цьому уроку і ви вивчили деякі нові методи створення пензлів та застосування ефектів. Не соромтеся використовувати ці поради і трюки в своїх майбутніх проектах і не забувайте ділитися результатами зі світом! 

Якщо ви хочете дізнатися, як створити безшовний тропічний візерунок в Фотошоп, у нас є урок для вас і на цю тему.

Щасливого дизайну!

Seamless Tropical Pattern Adobe Illustrator TutorialSeamless Tropical Pattern Adobe Illustrator TutorialSeamless Tropical Pattern Adobe Illustrator Tutorial
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