Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Textures
Design

Як створити текстуру акварельних фарб в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

Ukrainian (українська мова) translation by Nick Nathan (you can also view the original English article)

Final product image
What You'll Be Creating

Сьогодні, використання акварельних текстур в Adobe Illustrator в тренді, тому крокуйте в ногу! В цьому уроці ми створимо власну акварельну текстуру за допомогою простого набору. Ми відредагуємо зображення в  Adobe Photoshop та за допомогою двох різних технік застосуємо наші текстури в Adobe Illustrator.

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

1. Створюємо текстуру акварелі

Крок 1

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

  • Акварельні фарби
  • Папір для акварелі
  • М'який пензлик
  • Чашка з водою

Особисто я вважаю, що подібні проекти не потребують якихось складних інструментів. Ви можете без проблем створити чудові акварельні текстури, байдуже, чи використовуючи набір для дитячої творчості, чи фарби "Winsor & Newton". Нижче ви можете бачити, який набір фарб використовувала я.

Collect materials for watercolor painting

Крок 2

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

Start painting with your watercolors

Крок 3

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

Paint onto wet paper or create puddles of color

Крок 4

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

Add other colors and shapes into your designs

Крок 5

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

Create as many pages of watercolor textures as you want

2. Редагування текстур

Крок 1

Скануйте ваші текстури та імпортуйте в Adobe Photoshop. В якості альтернативи - ви можете їх сфотографувати. Так як мій сканер дещо старий, він не завжди дає найкращий результат - фон не настільки білий, як мені потрібно для даного проекту. Ми виправимо це трохи пізніше.

Scan and import your watercolort extures

Крок 2

Щоб позбутися жовтизни паперу, зайдемо в Image > Adjustments > Levels та обережно налаштуємо жовтий тон навколо плям фарби. Зазвичай я трішки зміщую лівий слайдер вліво та білий слайдер вправо.

Adjust the levels of your image

Крок 3

Тепер, коли ваші акварельні текстури яскраві і красиві, збережіть їх в форматі JPG з високою роздільною здатністю та імпортуйте в Adobe Illustrator.

Save and import your image into Adobe Ilustrator

3. Перетворюємо текстури в вектори.

Крок 1

Імпортуйте акварельну текстуру в новий документ Adobe Illustrator та відкрийте панель Image Trace. В якості Режиму (Mode) виберіть Color, для Palette виберіть Full Tone. Натисніть Перегляд (Preview) та трохи зачекайте, поки зображення перетвориться в вектор.

Image Trace to get a vector watercolor texture

Крок 2

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

A zoomed in version of the watercolor texture

Крок 3

Ви можете зменшити деталізацію функції tracing, вибравши для Palette значення Limited (зліва внизу) замість Full Tone (справа внизу). Це допоможе вам отримати більш векторний вигляд при меншому розмірі зображення.

Розбийте вашу акварельну текстуру (Expand), та розгрупуйте (Ungroup) її, щоб за допомогою інструменту Lasso Tool (Q) виділити область текстури. Скопіюйте (Copy (Control-C)) та вставте (Paste (Control-V)) текстуру на новий шар на панелі Шари (Layers panel). Вимкніть видимість інших шарів, щоб зосередитись тільки на скопійованій виділеній області. Згрупуйте (Group (Control-G)) текстури.

A comparison between watercolor textures

4. Створюємо стиль графіки

Крок 1

Стилі графіки - це просто фантастика! Вони дозволяють вам легко застосовувати будь-які візерунки, ефекти і всього за один клік миші. Вони також тісно пов'язані з Діями (Actions) для більш швидкої роботи в Adobe Illustrator.

Виділіть групу з текстурою та на панелі Pattern Options створіть Новий Візерунок (New Pattern). Налаштуйте довжину та ширину візерунка, щоб не було шва. На панелі Appearance встановіть значення Режиму Накладання (Blending Mode) групи: Множення (Multiply). Якщо вас задовольняє рапорт візерунка, натисніть Done.

Так як ми маємо справу зі складною фігурою, створення паттерну займе певний час. Зазвичай я в'яжу, коли мій комп'ютер ''думає" над тим, що я створюю. Регулярно зберігайте свої файли, щоб зайвий раз не хвилюватися, якщо раптом Adobe Illustrator зависне.

Create a simple pattern

Крок 2

Ви знайдете ваш новий створений візерунок на панелі Swatches. Застосуйте його до простої прямокутної фігури. Відкрийте панель Graphic Styles та зробіть New Graphic Style (прямокутник повинен бути виділеним). Це допоможе вам зберегти все, що ви налаштували на панелі Appearance та швидко і легко застосовувати до будь-якого об'єкту. Немає потреби повторно застосовувати паттерн з усіма його атрибутами. Обов'язково збережіть ваш Graphic Style, щоб він був доступний з будь-якого документу.

Create a graphic style

Крок 3

Давайте випробуємо наш новий стиль Graphic Style на тексті. Я написала красивим рукописним шрифтом одну із моїх улюблених цитат коміка Аліси Едвардз. Подібні шрифти ви можете знайти в розділі шрифтів на Envato Market.

Надрукуйте ваш текст за допомогою інструменту Type Tool (T), потім виконайте: Expand (Object > Expand) і виберіть Outlines (текст перетвориться в контури). Застосуйте ваш новостворений Graphic Style. Якщо потрібно, внесіть корекцію для покращення візерунка або стилю.

Easily apply your graphic style

5. Створюємо дизайн типографіки

Крок 1

Давайте зробимо щось більш цікаве, ніж просто застосування Graphic Style до простого шрифту. Зробимо ескіз нашої композиції. Поміркуйте, який тип нашого рукописного шрифту можна використати: script, serif, чи sand-serif.

В якості альтернативного варіанту, ви можете розмістити текст, як показано нижче, аніж створювати свій окремий дизайн. Я намалювала цей дизайн в Adobe Photoshop та імпортувала його в документ Adobe Illustrator. Експериментуйте з різними композиціями та стилями шрифтів цитати, яку ви обрали. Якщо ви не використовуєте графічний планшет, ви можете скористатися готовим шрифтом з даного уроку.

Create some fun typographic compositions

Крок 2

Плавно перемалюйте ваш дизайн на новому шарі за допомогою інструменту Blob Brush Tool (Shift-B). Максимально постарайтесь, щоб криві лінії були плавними, а прямі - прямими.

Carefully draw smooth text designs

Крок 3

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

Use thick and think lines in your design

Крок 4

Продовжуємо працювати з нашою композицією. Якщо ви бачите, що ваш ескіз не зовсім такий, як потрібно, налаштуйте його прямо зараз. Як альтернативний варіант, ви можете використати інший інструмент для малювання, наприклад Перо (Pen Tool (P)), щоб обвести ескіз.

Continue redrawing your text design

Крок 5

При роботі з більшими ділянками букви, спочатку обведіть контур, а потім заповніть кожну фігуру. Інструмент Shaper Tool (Shift-N) допоможе швидше заповнювати області. Просто проведіть довільну лінію між межами об'єкту і він заповниться , як показано на картинці нижче.

Use the shaper tool to fill in objects

Крок 6

Коли ви закінчили прорисовувати текст, видаліть шар з ескізом та виділіть ваші нові текстові фігури.  Об'єднайте (Unite) ці фігури на панелі Pathfinder, переконавшись, що вона розібрана (Compound). Як ми і робили раніше, застосуйте Graphic Style до вашого щойно створеного дизайну.

Apply your graphic style to the newly created design

6. Створюємо відсічну маску

Крок 1

Як альтернативний варіант застосування текстури Graphic Style, ви можете створити відсічну маску (Create a Clipping Mask (Control-7)). Як ми робили на етапі підготовки створення візерунка, виділіть ділянку вашої текстури (Image Traced texture) за допомогою ласо (Lasso Tool) та скопіюйте її.

Я вирішила зберігати акварельні текстури в окремих документах, щоб вони не "з'їдали" всю пам'ять комп'ютера.

Select your texture

Крок 2

Вставте вашу текстуру в робочий документ. Я встановила світло-сірий колір заливки, щоб можна було легко побачити накладання текстури. Встановіть на вкладці (Transparency) Режим накладання текстури (Blending Mode): Множення (Multiply).

Overlap your text with your watercolor texture

Крок 3

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

Overlap your text with various color and textures

Крок 4

Коли ви будете задоволені результатом, згрупуйте (Group) елементи текстури над текстом. Переконайтесь, що текстура перекриває практично весь текст. Нам не потрібно, щоб після застосування відсічної маски, зникли цілі літери.

Group together your watercolor textures

Крок 5

Скопіюйте та вставте ваш текст над групою акварельних текстур. Зробіть невидимим оригінальний текст на панелі Шарів. Виділіть обидва та зробіть відсічну маску (Control-7). Якщо ви бажаєте змінити або додати елементи до відсічної маски, просто відкрийте панель Шарів, виберіть необхідні елементи всередині групи відсічної маски та упорядкуйте їх в Artboard, або додайте нові текстури, перетягнувши їх в групу.

create a clipping mask and adjust its contents

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

Експериментуйте з акварельними текстурами як забажаєте. В будь-якому разі, створюєте ви Graphic Style чи відсічну маску, у вас є опції для застосувати текстури, а також інші елементи, наприклад бризки, або додаткові акварельні текстури.

Поділіться з нами вашим дизайном в коментарях нижче! Якщо ви самостійно створювали кожен елемент, або використовували в вашій композиції матеріали з Envato Market, ми б хотіли побачити ваш результат!

The final design
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.