() translation by (you can also view the original English article)
Сьогодні, використання акварельних текстур в Adobe Illustrator в тренді, тому крокуйте в ногу! В цьому уроці ми створимо власну акварельну текстуру за допомогою простого набору. Ми відредагуємо зображення в Adobe Photoshop та за допомогою двох різних технік застосуємо наші текстури в Adobe Illustrator.
Ви також можете переглянути наші текстури та написані від руки шрифти на Envato Market, щоб використовувати для вашого дизайну.
1. Створюємо текстуру акварелі
Крок 1
Розпочнемо з матеріалів, які вам потрібні будуть для створення текстури акварелі.
- Акварельні фарби
- Папір для акварелі
- М'який пензлик
- Чашка з водою
Особисто я вважаю, що подібні проекти не потребують якихось складних інструментів. Ви можете без проблем створити чудові акварельні текстури, байдуже, чи використовуючи набір для дитячої творчості, чи фарби "Winsor & Newton". Нижче ви можете бачити, який набір фарб використовувала я.
Крок 2
Намочіть трішки ваш пензлик, виберіть фарбу, та почніть малювати. Пограйтесь з прозорістю та насиченістю кольорів. Зробіть великі калюжки або маленьку хмаринку. В такому "акварельному експерименті" у вас просто не має місця для помилки!
Крок 3
Якщо ви малюєте мокрим пензликом по мокрій ділянці паперу, ви помітите, як фарба, розпливаючись, утворює на папері цікаві градієнти. Ви також можете промокнути певні ділянки паперовою салфеткою, або пензликом побризкати фарбу на папір, чим зробити текстуру бризок.
Крок 4
Наносіть фарби на папір шарами, щоб кольори були різної насиченості. Поекспериментуйте з різними кольорами. Дозвольте деяким ділянкам висохнути, а потім знову малюйте, поки не отримаєте малюнки, які вам будуть подобатись.
Крок 5
Зробіть стільки малюнків акварельної текстури, скільки забажаєте. Коли ви будете повністю задоволені кольором та дизайном, який ви отримали, дайте паперу повністю висохнути перед тим як приступити до наступної частини нашого уроку.
2. Редагування текстур
Крок 1
Скануйте ваші текстури та імпортуйте в Adobe Photoshop. В якості альтернативи - ви можете їх сфотографувати. Так як мій сканер дещо старий, він не завжди дає найкращий результат - фон не настільки білий, як мені потрібно для даного проекту. Ми виправимо це трохи пізніше.
Крок 2
Щоб позбутися жовтизни паперу, зайдемо в Image > Adjustments > Levels та обережно налаштуємо жовтий тон навколо плям фарби. Зазвичай я трішки зміщую лівий слайдер вліво та білий слайдер вправо.
Крок 3
Тепер, коли ваші акварельні текстури яскраві і красиві, збережіть їх в форматі JPG з високою роздільною здатністю та імпортуйте в Adobe Illustrator.
3. Перетворюємо текстури в вектори.
Крок 1
Імпортуйте акварельну текстуру в новий документ Adobe Illustrator та відкрийте панель Image Trace. В якості Режиму (Mode) виберіть Color, для Palette виберіть Full Tone. Натисніть Перегляд (Preview) та трохи зачекайте, поки зображення перетвориться в вектор.
Крок 2
Я збільшила свій результат, щоб ви могли краще побачили векторні об'єкти. Це неймовірно легкий спосіб перетворення чудових текстур в вектор без необхідності повторно вручну створювати їх в Adobe Illustrator.
Крок 3
Ви можете зменшити деталізацію функції tracing, вибравши для Palette значення Limited (зліва внизу) замість Full Tone (справа внизу). Це допоможе вам отримати більш векторний вигляд при меншому розмірі зображення.
Розбийте вашу акварельну текстуру (Expand), та розгрупуйте (Ungroup) її, щоб за допомогою інструменту Lasso Tool (Q) виділити область текстури. Скопіюйте (Copy (Control-C)) та вставте (Paste (Control-V)) текстуру на новий шар на панелі Шари (Layers panel). Вимкніть видимість інших шарів, щоб зосередитись тільки на скопійованій виділеній області. Згрупуйте (Group (Control-G)) текстури.
4. Створюємо стиль графіки
Крок 1
Стилі графіки - це просто фантастика! Вони дозволяють вам легко застосовувати будь-які візерунки, ефекти і всього за один клік миші. Вони також тісно пов'язані з Діями (Actions) для більш швидкої роботи в Adobe Illustrator.
Виділіть групу з текстурою та на панелі Pattern Options створіть Новий Візерунок (New Pattern). Налаштуйте довжину та ширину візерунка, щоб не було шва. На панелі Appearance встановіть значення Режиму Накладання (Blending Mode) групи: Множення (Multiply). Якщо вас задовольняє рапорт візерунка, натисніть Done.
Так як ми маємо справу зі складною фігурою, створення паттерну займе певний час. Зазвичай я в'яжу, коли мій комп'ютер ''думає" над тим, що я створюю. Регулярно зберігайте свої файли, щоб зайвий раз не хвилюватися, якщо раптом Adobe Illustrator зависне.
Крок 2
Ви знайдете ваш новий створений візерунок на панелі Swatches. Застосуйте його до простої прямокутної фігури. Відкрийте панель Graphic Styles та зробіть New Graphic Style (прямокутник повинен бути виділеним). Це допоможе вам зберегти все, що ви налаштували на панелі Appearance та швидко і легко застосовувати до будь-якого об'єкту. Немає потреби повторно застосовувати паттерн з усіма його атрибутами. Обов'язково збережіть ваш Graphic Style, щоб він був доступний з будь-якого документу.
Крок 3
Давайте випробуємо наш новий стиль Graphic Style на тексті. Я написала красивим рукописним шрифтом одну із моїх улюблених цитат коміка Аліси Едвардз. Подібні шрифти ви можете знайти в розділі шрифтів на Envato Market.
Надрукуйте ваш текст за допомогою інструменту Type Tool (T), потім виконайте: Expand (Object > Expand) і виберіть Outlines (текст перетвориться в контури). Застосуйте ваш новостворений Graphic Style. Якщо потрібно, внесіть корекцію для покращення візерунка або стилю.
5. Створюємо дизайн типографіки
Крок 1
Давайте зробимо щось більш цікаве, ніж просто застосування Graphic Style до простого шрифту. Зробимо ескіз нашої композиції. Поміркуйте, який тип нашого рукописного шрифту можна використати: script, serif, чи sand-serif.
В якості альтернативного варіанту, ви можете розмістити текст, як показано нижче, аніж створювати свій окремий дизайн. Я намалювала цей дизайн в Adobe Photoshop та імпортувала його в документ Adobe Illustrator. Експериментуйте з різними композиціями та стилями шрифтів цитати, яку ви обрали. Якщо ви не використовуєте графічний планшет, ви можете скористатися готовим шрифтом з даного уроку.
Крок 2
Плавно перемалюйте ваш дизайн на новому шарі за допомогою інструменту Blob Brush Tool (Shift-B). Максимально постарайтесь, щоб криві лінії були плавними, а прямі - прямими.
Крок 3
Поміняйте ширину штриха при написанні тексту. Буде дуже доречно переглянути приклади книжкового тексту та каліграфії. Це допоможе вам вирішити, яка частина літери повинна бути товстішою, а яка тоншою. Експериментуйте з обома варіантами, та стежте, як змінюється ваш дизайн.
Крок 4
Продовжуємо працювати з нашою композицією. Якщо ви бачите, що ваш ескіз не зовсім такий, як потрібно, налаштуйте його прямо зараз. Як альтернативний варіант, ви можете використати інший інструмент для малювання, наприклад Перо (Pen Tool (P)), щоб обвести ескіз.
Крок 5
При роботі з більшими ділянками букви, спочатку обведіть контур, а потім заповніть кожну фігуру. Інструмент Shaper Tool (Shift-N) допоможе швидше заповнювати області. Просто проведіть довільну лінію між межами об'єкту і він заповниться , як показано на картинці нижче.
Крок 6
Коли ви закінчили прорисовувати текст, видаліть шар з ескізом та виділіть ваші нові текстові фігури. Об'єднайте (Unite) ці фігури на панелі Pathfinder, переконавшись, що вона розібрана (Compound). Як ми і робили раніше, застосуйте Graphic Style до вашого щойно створеного дизайну.
6. Створюємо відсічну маску
Крок 1
Як альтернативний варіант застосування текстури Graphic Style, ви можете створити відсічну маску (Create a Clipping Mask (Control-7)). Як ми робили на етапі підготовки створення візерунка, виділіть ділянку вашої текстури (Image Traced texture) за допомогою ласо (Lasso Tool) та скопіюйте її.
Я вирішила зберігати акварельні текстури в окремих документах, щоб вони не "з'їдали" всю пам'ять комп'ютера.
Крок 2
Вставте вашу текстуру в робочий документ. Я встановила світло-сірий колір заливки, щоб можна було легко побачити накладання текстури. Встановіть на вкладці (Transparency) Режим накладання текстури (Blending Mode): Множення (Multiply).
Крок 3
Повторіть вставку областей акварельної текстури поверх тексту. Сміливо змінюйте їх розмір, повертайте їх таким чином, як вважаєте буде краще.
Крок 4
Коли ви будете задоволені результатом, згрупуйте (Group) елементи текстури над текстом. Переконайтесь, що текстура перекриває практично весь текст. Нам не потрібно, щоб після застосування відсічної маски, зникли цілі літери.
Крок 5
Скопіюйте та вставте ваш текст над групою акварельних текстур. Зробіть невидимим оригінальний текст на панелі Шарів. Виділіть обидва та зробіть відсічну маску (Control-7). Якщо ви бажаєте змінити або додати елементи до відсічної маски, просто відкрийте панель Шарів, виберіть необхідні елементи всередині групи відсічної маски та упорядкуйте їх в Artboard, або додайте нові текстури, перетягнувши їх в групу.
Отлично, у вас получилось!
Експериментуйте з акварельними текстурами як забажаєте. В будь-якому разі, створюєте ви Graphic Style чи відсічну маску, у вас є опції для застосувати текстури, а також інші елементи, наприклад бризки, або додаткові акварельні текстури.
Поділіться з нами вашим дизайном в коментарях нижче! Якщо ви самостійно створювали кожен елемент, або використовували в вашій композиції матеріали з Envato Market, ми б хотіли побачити ваш результат!
