![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-a40e31f7.png)
У цьому уроці я розповім, як створити векторний акварельний фон в Adobe Illustrator, цікавим, на мій погляд, способом. Вам не доведеться бруднитися фарбою і псувати дорогий папір. Виявляється, все необхідне є у вас під рукою, то є в інтернеті :). Я навчу вас дуже швидко створювати векторні акварельні кисті і переробляти готові. Сьогодні ми також дізнаємося про деякі функції Phantasm CS, які зроблять вашу роботу швидким і комфортним. Я впевнений, що в багатьох випадках вони не замінні. Джерело: Astute Graphics.
вимоги
У цій роботі ми будемо використовувати растрову паперову текстуру, яка призначена для малювання акварельними фарбами. Ви можете завантажити її тут. Вставте текстуру в ваш документ (File> Place ...) потім натисніть кнопку Embed на верхній панелі.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-0243b07e.png)
З растровими об'єктами можна працювати і в програмі Adobe Illustrator, якщо ви використовуєте Phantasm CS. Давайте збільшимо яскравість текстури, переходимо Effect> Phantasm CS> Brightness / Contrast ... і зрушуємо слайдер яскравості вправо, спостерігаючи за змінами яскравості текстури.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-854a12aa.png)
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-b41442d2.png)
Беремо Brush Tool (B) і відкриваємо панель Brushes (F5). У нижній частині цієї панелі натискаємо на кнопку Preset Manager.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-f6e99f0b.png)
У вікні Preset Manager натискаємо на кнопку Load ..., і відкриваємо необхідні кисті.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-8fd1ad6a.png)
Вибираємо в якості кольору нейтральний сірий колір і одним кліком створюємо пляма фарби. Порада: для зміни розміру кисті за допомогою клавіш "[" and "]".
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-45d36f8f.png)
Зберігаємо файл і вставляємо його в Adobe Illustrator (File> Place ...). Я використовував PSD формат, але, думаю, підійде і інший зручний для вас.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (adobe) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-c11da6bd.png)
Не знімаючи виділення з зображення, переходимо Object> Live Trace> Trace Options ..., встановлюємо параметри, зазначені на малюнку нижче і натискаємо на кнопку Trace.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-b4d15322.png)
Тепер натискаємо на кнопку Expand на верхній панелі або переходимо Object> Expand.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-95a742ab.png)
В результаті ми отримали групу звичайних векторних об'єктів.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-13f8f572.png)
Розміщуємо групу на паперовій текстурі і зменшуємо прозорість в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-84f66272.png)
Тепер пофарбуємо пляма фарби. Виділяємо групу і переходимо Effect> Phantasm CS> Hue / Saturation .... Включаємо "Colorize" в діалоговому вікні Phantasm CS Hue / Saturation і, керуючи слайдерами, добиваємося необхідного відтінку, насиченості і яскравості.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-33e99e09.png)
Створення таких векторних плям фарби може дуже сильно збільшити розмір вашого вихідного файлу і уповільнити швидкість роботи вашого комп'ютера. Це відбувається тому, що подібні об'єкти мають безліч точок, їх координати це інформація. За допомогою Phantasm CS ви зможете фарбувати растрові плями фарби. Технологія фарбування не чим не відрізняється від технології забарвлення векторних зображень, тільки перед застосуванням ефекту Phantasm CS Hue / Saturation растрове зображення має бути вмантіровано (embed) в поточний документ, як ми це робили в 1 кроці.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-29ab14e4.png)
Для того щоб паперова текстура проявилася через барвисті плями встановіть режим Multiply в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-39bda02d.png)
Вам також слід застосовувати режим Multiply в разі накладення барвистих плям друг на друга. Для створення неоднорідної прозорості застосуємо маску прозорості (Opacity Mask). За допомогою Rectangle Tool (M) створимо прямокутник і заллємо його чорно-білим радіальним градієнтом.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-7b1e96ad.png)
Виділяємо барвисте пляма, прямокутник і вибираємо Make Opacity Mask в меню панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-a32adaff.png)
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-89a094e0.png)
Використовуючи описані техніки, створимо ще кілька барвистих плям.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-bd35e53a.png)
Тепер створимо кілька мазків акварельною фарбою. На жаль, існує не так багато високоякісних безкоштовних кистей для Adobe Illustrator. Нещодавно я зібрав невелику колекцію, яку ви можете побачити тут. При начебто різноманітті їх насправді не так і багато. Представленим кистям вже кілька років і ви вже могли їх неодноразово бачити в подібних колекціях на різних сайтах. Тому сьогодні я хочу навчити вас, як змінювати існуючі кисті і створювати свої власні. Зберігаємо кисті на жорсткому диску і відкриваємо в поточному документі. Для цього в меню панелі Brushes переходимо Open Brush Library> Other Library ....
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-cab33fcf.png)
Виберіть вподобану кисть і витягніть її на робочу область з панелі Brushes.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-40b41890.png)
Тепер кисть являє собою групу простих векторних об'єктів, з якої ми продовжимо працювати. Виділяємо групу і переходимо Effect> Phantasm CS> Desaturate ... і натискаємо OK в діалоговому вікні.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-616e9aa4.png)
Перетягуємо групу назад в панель Brushes і зберігаємо нову кисть як Art Brush.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-9223eea2.png)
Якщо ви використовуєте в роботі графічний планшет, встановіть залежність ширини кисті від тиску і встановіть значення максимальної та мінімальної ширини.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-4de245b8.png)
Вибираємо Colorization Method: Hue Shift.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-1ac460a7.png)
Тепер мазок пензля матиме колір обведення (stroke).
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-80c3abc6.png)
Звичайно, ви самі можете створювати подібні кисті. На початку цього уроку ми створювали барвисті плями, використовуючи безкоштовні набори кистей для Photoshop. Для створення кистей перетягніть подібні векторні об'єкти в панель Brushes і збережіть як Art Brush з параметрами зазначеними в попередньому кроці. Використовуючи цей метод, я за кілька хвилин отримав кілька цікавих кистей.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-554b67b1.png)
Отже, створивши кілька нових кистей і переробивши кисті з безкоштовних наборів, я додав кілька різнокольорових мазків до нашого фону.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-3ffd5bf9.png)
Тепер додамо кілька декоративних елементів. За допомогою Rectangle Tool (M) створимо прямокутник і заллємо його лінійним градієнтом, який складається з білого і сірого кольорів.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-baa15f76.png)
За допомогою Ellipse Tool (L) створимо коло і заллємо її радіальним градієнтом, який складається з білого і сірого кольорів. Встановимо для окружності режим Color Burn і зменшимо прозорість в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-6a2fc588.png)
Перетягуємо окружність в панель Symbols і зберігаємо як новий символ.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-a1dfb4dd.png)
Тепер коло може бути видалена.
Виділяємо прямокутник з градієнтної заливкою і новий символ в палітрі Symbols, потім переходимо Effect> Phantasm CS> Halftone ... і встановлюємо параметри, зазначені на малюнку нижче.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-19fd5848.png)
Ви можете експериментувати з параметрами для того щоб домогтися кращого результату, тільки в параметрі Shape повинен бути обраний Current Symbol.
Після застосування ефекту я зменшив прозорість прямокутника і встановив режим Color Burn в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-89dffff9.png)
Однак ви повинні розуміти, що це результат експерименту, а не жорсткі вимоги. За допомогою Phantasm CS Halftone я створив ще ряд простих кіл в іншому місці фону і встановив для них Screen Blending Mode в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-54bdf7b2.png)
За допомогою Rectangle Tool (M) створюємо квадрат без заливки з обведенням будь-якого кольору.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-81db7cca.png)
Не знімаючи виділення з квадрата, переходимо Object> Expand і заливаємо його лінійним градієнтом, встановлюємо режим Multiply і зменшуємо прозорість в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-ae9c345b.png)
Створимо ще кілька подібних фігур різного розміру.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (створити) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-be7cbff4.png)
Приступаємо до створення крапель. Беремо Ellipse Tool (L) і створюємо еліпс, який заливаємо еліптичних радіальним градієнтом. Кольори градієнта залежать від місця, де ви збираєтеся розташувати краплю. Внутрішній слайдер градієнта має прозорість 0%.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-5f179c70.png)
За допомогою Pen Tool (P) створіть форму подібну показаної на малюнку нижче. Залийте форму білим кольором. За допомогою Ellipse Tool (L) створимо еліпс і змістимо його верхню точку трохи вниз, використовуючи Direct Selection Tool (A).
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-98f5159c.png)
Встановлюємо для нижньої форми 0% прозорості в панелі Transparency.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (adobe) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-a42338b0.png)
Виділяємо обидві форми і переходимо Object> Blend> Blend Options ..., встановлюємо кількість Specified Steps, потім переходимо Object> Blend> Make.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-3d235bf0.png)
Використовуючи цю техніку, створимо ще один відблиск і тінь від краплі.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-e6290f1a.png)
Не лякайтеся, зараз ми сховаємо частина тіні під краплею. Беремо Pen Tool (P) і створюємо контур, показаний на малюнку нижче.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (adobe) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-50e6fb96.png)
Виділяємо тінь і контур, потім натискаємо на клавіші Cmd + 7, створюючи Clipping Path.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-9c0f61e8.png)
Групуємо всі елементи краплі і повертаємо групу за допомогою Selection Tool (V).
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-d565ffde.png)
Розміщуємо кілька подібних крапель на нашому фоні.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (векторний) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-e5dd931d.png)
Сховаємо частини об'єктів, які виступають за контур паперової текстури. Беремо Rectangle Tool (M) і створюємо прямокутник такого ж розміру, як і паперова текстура. Виділяємо всі елементи композиції і натискаємо Cmd + 7, створюючи Clipping Path.
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (illustrator) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-f9da4947.png)
висновок
Більш детальну інформацію про Phantasm CS ви знайдете, перейшовши за наступним посиланням www.astutegraphics.com/products/phantasm
![Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom (урок) Урок adobe illustrator - як створити векторний акварельний фон використовуючи phantasm cs - rboom](https://images-on-off.com/images/141/urokadobeillustratorkaksozdatvektorniyak-a40e31f7.png)
Будьте завжди в курсі свіжих новин про векторної графіки, нових уроків роботи в Adobe Illustrator, статей та інтерв'ю присвячених графічного дизайну. Команда RU.Vectorboom працює для Вас!