Створюємо тропічний візерунок в Адобе Ілюстратор
() translation by (you can also view the original English article)



Літо - чудовий час для яскравого і кольорового дизайну. Тропічні візерунки - один з найбільш гарячих літніх трендів цього року, і ця сумш фруктів, листя і квітів відмінно виглядають на тканинах, одягу і друкованих засобах.
Приєднуйтесь до мене, щоб навчитися створенню стильного безшовного візерунку, використовуючи прості форми і різні Ефекти Викривлення, придавши їм ефект ручного малюнку. Ми закінчимо, скомбінувавши наші елементи в збалансовану текстуру, скориставшись інструментом Візерунок.
До кінця цього уроку ви навчитеся створювати унікальні трендові візерунки, для друку або тканин, одягу та банерів. І, ще більше, ви можете застосувати цей фон для вашого сайту, онлайн магазину або блогу.
Перегляньте цю колекцію тропічних візерунків на GraphicRiver, щоб дізнатися, які інші елементи ви можете зобразити, щоб ваша текстура виглядала по-іншому.
Давайте почнемо!
1. Як намалювати банан
Крок 1
Візьміть Еліпс (L), і давайте почнемо створення банана! Зробіть жовтий овал розміром 230 × 50 px.
Далі в Ефект> Викривлення> Арка та застосуйте:
- Згин по горизонталі на -60%
- Деформація Горизонтальний на -10%
- Деформація Вертикальний на 0%
Натисніть ОК та застосуйте Об'єкт> Розгорнути вигляд.



Крок 2
Давайте створимо верхівку нашого банана. Візьміть інструмент Прямокутник (M) і створіть жовтий квадрат 20 × 20 px. Далі Ефект> Викривлення> Випнутий.
- Згин Горизонтальний на 0%
- Деформація Горизонтальний на 0%
- Деформація Вертикальний на 25%.
Натисніть ОК та застосуйте Об'єкт> Розгорнути вигляд.



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



Крок 4
Давайте зробимо ефект грубим та текстуруємо його, в результаті додавши ніжну штриховку до нашої форми. Далі застосуйте Ефект> Деформувати і трансформувати> Огрубіння з налаштуваннями:
- Розмір на 0.3%
- Відносний
- Докладність на 50/in
- Пункти на Згладжування
Натисніть ОК.



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



Крок 6
Тепер візьміть інструмент Олівець (N), та додайте прості деталі, які зроблять вигляд нашого банана більш реалістичним! Подвійний клік по іконці Олівця (N) в панелі Інструменти, щоб переконатися, що слайдер Точність відцентровано близько до слайдеру Відхилення. Ви також можете подивитися інші опції на скріншоті нижче, галочки в кожному полі.
Виберіть для Заливки Немає та Обведення коричневого кольору в панелі Колір. Потім відкрийте панель Обведення (в меню Вікно> Обведення) та застосуйте Щільність на 1.2 pt і Кінець на Округлені кінці.
Намалюйте невеликий овал на правому кінчику банана, і велику круглу форму на протилежному боці.



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



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



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



Крок 2
Виділіть форму та перейдіть в Об'єкт> Контур> Зсув контуру, введіть Зсув 8 px і залиште інші опції за замовчуванням. Натисніть ОК та Залийте нову форму оранжевим кольором.
Виділіть обидві форми, візьміть інструмент Ластик (Shift -E), утримуючи Alt, зітріть верхні частини форм, так щоб елементи були чудово вирівняні по верху один до одного.



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



Крок 4
Застосуйте фільтр Ефект> Деформувати та трансформувати> Огрубіння з тими ж налаштуваннями, що і раніше, щоб додати подряпаний ефект по краях.
Візьміть Відрізок лінії (\) або Перо (P) та додайте групу білих штрихів на скибочку жовтої форми на сегментах.



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



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



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



3. Малюємо фрукт дракона
Крок 1
Почніть з створення рожевого еліпса 105 x 115 px і використовуйте Пряме виділення (A) для невеликої зміни форми, трохи переміщаючи опорні ручки.
Дублюйте (Control -C> Control -F) форму та зробіть нижню форму трохи меншою. Змініть колір Заливки на білий.



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



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



4. Створимо тропічні листя і рослини
Крок 1
І моя улюблена частина! Я дійсно люблю малювати тропічні листя та елементи, тому що вони завжди виглядають унікальними, і процес завжди дуже заспокоює та відкриває багато креативності!
По-перше нам потрібно створити наші власні пензлі, щоб прискорити процес малювання листя.
Використовуйте Еліпс (L), щоб створити стиснений еліпс розміром 100 x 5 px.
Виділіть бічні опорні точки за допомогою інструменту Пряме виділення (A) і Перетворіть їх в кутові в панелі управління зверху c допомогою функції Перетворити.
Тепер перетягніть наш еліпс на панель Пензлі та оберіть Художній пензль у спливаючому вікні Нового пензля.
Я нічого не змінювала в настройках Художнього пензля, залишивши всі налаштування за замовчуванням. Однак ми завжди можемо змінити їх пізніше, двічі клацнувши наш пензль на панелі Пензлі - наприклад, якщо нам потрібно змінити Ширину пензля або його Метод Забарвлення.



Крок 2
Намалюйте темно-зелене стебло нашого майбутнього листа, використовуючи інструмент Олівець (N).
Тепер візьміть інструмент Пензль (B) і почніть створювати перпендикулярні штрихи уздовж стебла, малюючи ці дрібні частини листочка. Зробіть деякі з них коротше, інші довше, та деякі нехай перериваються, щоб лист виглядав більш правдоподібним, як в реальності.
Робіть штрихи меншими і меншими, коли ви наблизитеся до верхньої частини аркуша.
Створіть ще один лист, трохи іншої форми, покривши його довшими штрихами.



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



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



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



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



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



5. Створюємо дизайн тропічного безшовного патерну, використовуючи інструмент Візерунок
Крок 1
Виділіть всі елементи, які ми створили, і перейдіть в Об'єкт> Візерунок> Зробити.



Крок 2
Відправляйтеся в панель Параметри візерунка та задайте наступні параметри:
- Тип плитки на Сітка
- Ширина на 450 px
- Висота на 450 px
- Зніміть прапорці під Розміром плитки
- Копії на 3 x 3
- Перевірте поле Розмірні копії на 70%
- Перевірте поле Показати край плитки.
Тепер ми можемо бачити напівпрозорі копії наших об'єктів навколо поля з плиткою, що допомагає нам чітко відображати наш майбутній візерунок, роблячи його збалансованим та усуваючи будь-які прогалини.
Почніть розміщувати фрукти та листя всередині квадрата плитки, змінюючи розмір і обертаючи їх, роблячи елементи перекриваючимися. Використовуйте поєднання клавіш Control-[ та Control-] для переміщення елементів назад або вперед.



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



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



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



Крок 6
Подивимося, як це виглядає на темному тлі! Створіть прямокутник розміром 800 x 600 px та Залийте його глибоким темно-зеленим кольором.
Дублюйте (Control-C > Control-F) прямокутник, та застосуєте візерунок, клацнувши його на панелі Зразки.
Ось воно!



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



