Створення цікавих текстур іноді може бути складним і дратівливим заняттям, особливо якщо ви не знаєте, з чого почати.
Скільки пам'ятаю, я хотів допомогти вам, створивши цей маленький урок, яке відкриє вам три різні способи, які легко вивчити і відточити.
Тому, якщо це звучить цікаво, читайте далі і дізнаєтеся, як створити просту декоративну вазу і застосувати текстуру, щоб вдихнути в неї життя.
1. Налаштуємо новий файл проекту
Як завжди, давайте почнемо проект, відкривши Ілюстратор і налаштувавши Новий документ, перейшовши в Файл> Новий (або Control-N), який ми налаштуємо наступним чином:
- Кількість монтажних областей: 1
- Ширина: 1200 px
- Висота: 600 px
- Одиниці:пікселі
Та в вкладці Додатково:
- Колірний режим: RGB
- Растрові еффекти:Екран (72ppi)
- Режим перегляду:за замовчуванням
2. Налаштуємо шари
Після створення нового документа нам потрібно розбити його на шари, щоб ми змогли відокремити наші вази (які ми використаємо як підтримку для різних текстур) від фону.
Тому відкрийте панель Шаріві створіть два шари, які ми назвемо наступним чином:
- шар 1:фон
- шар 2:вази
3. Створимо фон
З розбитим на шари документом ми можемо почати працювати над поточним проектом, і почнемо ми з фону. Переконайтеся, що знаходитеся на першому шарі, і ми почнемо!
Крок 1
Інструментом Прямокутник (М)створіть прямокутник 1200 х 600 px, який ми
забарвимо в колір #FF8269і потім вирівняємо по центру Монтажної областіза допомогою опцій панелі Вирівняти Горизонтальне і
Вертикальне вирівнювання по центру,переконавшись, що вирівнювання
зроблено щодо Монтажної області.
Крок 2
Розташувавши фон на місці, ми можемо тепер заблокувати поточний шар і перейти до наступного, де почнемо працювати над нашими маленькими вазами.
4. Створимо вазу
Припустимо, ви вже перейшли на другий шар. Почнемо працювати над декоративною посудиною, на якій будуть розміщені текстури.
Крок 3
Почніть
з створення нижньої області вази, використавши коло 128 х128 px,
який ми забарвимо в колір #FFE7C5і потім вирівняємо по центру щодо
Монтажної області, розташувавши її на відстані 178 pxвід нижнього
краю.
Крок 2
Додайте
основну фігуру для області шиї за допомогою прямокутника 24 х 88 px (#FFE7C5) і основи з округленими прямокутника 48 х 8 px
(#FFE7C5), які ми розташуємо, як показано на зразку.
Крок 3
Відкрийте контур верхньої половини кола і нижньої половини прямокутника, об'єднавши їх в єдину велику фігуру за допомогою комбінації клавіш Control-J,не забувши встановити перехід між областю шиї і нижньою частиною вази, як показано на зразку.
Крок 4
Швидко розфарбуйте вазу кольором #2A323Dв більш темних областях і #FFE7C5в більш
світлих областях, замаскувавши їх там, де потрібно (виділені фігури>
клацання правою кнопкою> Створити відсічну маску). Після
цього виділіть і згрупуйте всі її складові фігури за допомогою
комбінації клавіш Control-Gперед тим, як перейти до наступного кроку.
Крок 5
Після
того, як ми закінчимо працювати з вазою, можемо додати передню лінію за
допомогою лінії шириною 160 pxі обведення товщиною 2 px (#2A323D). Після
того, як ми згрупували (Control-G) дві фігури разом, додайте залишилися
зразки (Control-C> Control-Fдвічі), які ми розташуємо на відстані
160 pxвід оригіналу.
На
цьому етапі ми закінчили працювати з нашими порожніми полотнами
(вазами), що означає, що ми можемо перейти до тієї частини, в якій ви
більше зацікавлені, і побачити, як ми можемо додати текстури за
допомогою трьох різних методів.
5. Додамо текстури за допомогою зернистого ефекту
Перший метод, і мій найулюбленіший, - це застосування Ефекту зерна, який спочатку був у Photoshop.
Крок 1
Перейдіть до першої вазі (лівої) і потім за допомогою Інструменту Часткове виділення (А)виділіть фігури тіла і основу вази, яку ми скопіюємо (Control-C)і вставимо попереду (Control-F), де вона буде використана в Відсічній масці.
Крок 2
Оскільки нам потрібно, щоб дві фігури вели себе як одна ціла, нам потрібно перетворити їх в Складену фігуру, перейшовши в розширене меню Обробки контуріві потім клікнувши на функції Зробити складену фігуру.
Крок 3
Далі
нам потрібно застосувати лінійний градієнт до Складеної фігури,
встановивши колір лівого боку на білий (#FFFFFF) і правого боку на те ж
значення, що використовується для більш темних областей (#2A323D).
Крок 4
Після застосування градієнта ми можемо додати зернисту текстуру, перейшовши в Ефект> Ефекти Photoshop> Текстура> Зерно, де ми встановимо Тип зернистості на Рифленийі потім змінимо рівні Інтенсивностіі Контрасту,поки не досягнемо цікавого результату. У моєму випадку я виставив значення 40дляІнтенсивності і 50для Контрасту,що дало мені досить важку для роботи текстуру.
Крок 5
Залежно від результату ви можете відрегулювати положення текстури, відкривши панель Градієнтаі перетягнувши верхній повзунок або вліво для додавання більшої детальності, або вправо, щоб їх видалити. Потрібно завжди пам'ятати про налаштування рівня Непрозоростісвітлішого стоп-кольору (в нашому випадку лівий) на 0% (або близьке значення, наприклад 10%), тому що в іншому випадку білий колір зруйнує текстуру.
Крок 6
Зараз нам потрібно зробити перехід нашої текстури до вази, відкривши панель Непрозоростіі вибравши потрібний Режим переходу.Для поточного прикладу я вибрав Перекриття,що, як ви бачите, утворює приємний, м'який перехід між текстурою і вазою, і це те, що мені потрібно. Залежно від проекту ви можете прийти до використання різних Режимів змішуванняі рівнів Непрозорості,тому я дуже рекомендую поекспериментувати з ними, поки не знайдете те, що створює цікавий ефект.
6. Створимо текстури за допомогою пензлю з точок
Коли закінчите додавати текстуру на нашій першій вазі, переходьте до другої, де ви побачите, як можна створити точковий пензль і потім використовувати її в оздобленні другого полотна.
Крок 1
Як ми робили в попередньому способі, спочатку нам потрібно створити копію основного тіла вази та підставки, які ми перетворимо вСкладену фігуру, яка пізніше стане Відсічною маскою.
Крок 2
Далі
нам потрібно створити призначений для користувача пензль, намалювавши
пару кіл різних розмірів (#000000), зображених в колі (відзначено
зеленим), розташувавши маленькі кола біля зовнішнього контуру, а
великі - біля середини.
Порада:як бачите, я створив новий документ, так що мої елементи кисті не перекривають вази, але ви можете робити все в одному проекті, якщо будете обережні.
Крок 3
Коли всі фігури будуть на місці, вам потрібно перейти на панель Пензлів, виділивши їх всі, і клацнути на Новому пензлі, встановивши тип пензлю на Дискретний. Відкриється нове вікно, де ви зможете налаштувати його параметри, але зараз залиште їх як є, тому що ви не зможете попередньо подивитися на будь-які зміни. Дайте пензлю назву і натиснітьОК,тому що налаштуємо ми його в наступному кроці.
Крок 4
Якщо ви уважніше подивіться на панель Пензлі,ви помітите точковий пензль, який ми тільки що створили, але який потрібно вибрати і потім використовувати в малюванні горизонтальної лінії Пензль (В). Це допоможе нам подивитися на зміни, які ми збираємося внести в різні параметри пензлю.
Коли у вас буде лінія, можете повернутися на панель і двічі клікнути на пензлі, щоб з'явилося нове вікно, де можна налаштувати різні параметри і попередньо подивитися на зміни.
У моєму випадку я встановив Розмірна Натиск і знизив його рівень до 28%. Потім я змінив Інтервална 40%, переконавшись, що Точкова діаграмадорівнює 0%і Поворот встановлений на Випадковийз кутом -120 градусів.Я встановив Забарвленняна Відтінки, тому що хочу, щоб можна було змінити колір пенлю пізніше, якщо знадобиться.
Крок 5
Коли
я закінчу змінювати пензль, то можу повернутися до свого проектного
файлу і використовувати його для додавання текстури з боків вази,
використавши колір #000000для лівого боку і #FFFFFF - для правого. Залежно від того, що ви хочете досягти, можете налаштувати Товщину
Обведення, щоб отримати бажаний ефект. Оскільки я хотів домогтися
м'якого результату, я знизив його до значення 0.3 px.
Крок 6
Коли ви будете задоволені результатом, потрібно буде розташувати Складену формуна передньому плані текстури (права кнопка миші> Упорядкувати> На передній план)і потім використати її як Відсічну маску (виділити потрібні фігури> клацнути правою кнопкою> Створити відсічну маску),щоб дотримуватися меж вази.
7. Створимо текстури за допомогою зразків візерунка
Наш третій і останній спосіб - той, про який ви, ймовірно, ніколи б не подумали, і ось чому я дійсно хочу відкрити його, тому що він дуже простий у використанні і дає дійсно цікаві результати.
Отож перейдемо до останньої вазт і давайте подивимося, про що я говорю!
Крок 1
Як ми робили в попередніх методах, почніть зі створення Складеної форми, використавши копію (Control-C> Control-F) тіла і основи вази.
Крок 2
Виділивши Складену фігуру, відкрийте панель Зразкиі клацніть на меню Бібліотеки зразків, потім спустіться вниз до Візерунки> Базова графіка> Базова графіка_текстури.Як бачите, є набір опцій, з яких можна вибрати, але для цього проекту ми використовуємо одну опцію під назвою Ripple.
Крок 3
Далі нам потрібно налаштувати видимість текстури, встановивши її Режим змішуванняна Перекриттяі знизивши Непрозорістьдо 60%, що повинно дати нам цікавий фінальний результат.
Знято!
Тепер ми отримали приємне, легке керівництво про те, як створити текстуру для різних проектів за допомогою трьох різних способів.
Як завжди, якщо у вас є які-небудь питання, не соромтеся задавати їх у коментарях, і я повернуся до вас так скоро, як зможу!
Потрібно більше текстур?
Оскільки процес створення колекції для користувача текстур може забрати багато часу, я подумав, що можу допомогти вам і поділитися деякими з моїх улюблених текстур, які можна придбати на Envato Elements.
Вантажні текстури в півтонах
Цей набір текстур в півтонах включає в себе 10 високоякісних векторних файлів у форматах EPSі PNG, витягнутих з фотографій у високій роздільній здатності. Ці текстури створюють відчуття олдскульних принтів і сягають корінням в ті дні, коли можна було легко знайти текстури в півтонах в друкованому вигляді. Вони можуть надати відчуття аутентичності і класики до майже будь-якого проекту. Натисніть на великій картинці кожного зображення, щоб розглянути деталі.
Приклад вінтажних текстур в півтонах, застосованих до
ваз.
Вантажні піщані текстури
Ця аутентична колекція створює вінтажне відчуття старих часів з різноманітністю текстур від дуже дрібного піску до великого, так що є з чого вибрати. Легко впроваджуйте ці добре деталізовані текстури в свої роботи і додавайте численні текстури в один дизайн для створення більш важкого, тривожного виду.
Приклад вантажних
піщаних текстур, застосованих на вазах.
Хвилясті текстури
Являють собою унікальну колекцію намальованих від руки хвилястих текстур з ефектним виглядом. Ця колекція ідеально підійде для проектів, де потрібен абстрактний фон з деяким нальотом драматизму.
Приклад хвилястих текстур, застосованих на вазах.
Текстури з бризками води
Текстури з високою роздільною здатністю для всіх ваших дизайнерських цілей. Цей набір включає в себе вісім текстур з бризками на воді для фотографів, графічних дизайнерів і інших фахівців для створення листівок, фонів, банерів або інших проектів.
Приклад текстур з бризками на воді, застосованих на
вазах.
Текстури з вінтажній тканиною
Це набір високоякісних повнорозмірних тканинних текстур для створення старого доброго вінтажного духу. У наборі є ряд тканин від різновидів бавовни до стандартної тканини для футболок. Будь-які з цих текстур можна використовувати або в Фотошоп, або в Ілюстратор (або будь-який інший програмі, де використовується Векторні EPSабо Прозорі PNG).
Приклад текстур з вінтажній тканиною, застосованих на вазах.
Хоча вищезгадані текстури були створені за допомогою різних методів, ніж ті, які представлені в цій статті, ви зможете застосовувати їх таким же чином, спочатку розташовуючи їх на потрібній фігурі і потім маскуючи їх, експериментуючи з кольорами, Режимами змішуванняі рівнями непрозорості.
Висновок
Як ви бачили, процес створення та використання векторних текстур для користувача не такий складний, особливо коли у вас є базове розуміння інструментів і використаних методів.
Хоча сьогодні ми вивчили всього три різних доступних методи, ви будете здивовані тому, як багато можна досягти за допомогою цих простих технік.
Ви завжди можете розширити свої текстурні навички, почитавши ці чудові уроки, які дуже цікаві і легкі в вивченні.
