![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-de4132ab.png)
У цьому уроці Adobe Illustrator ми навчимося створювати реалістичну векторну текстуру джинсової тканини. Це простіше, ніж може здатися на перший погляд, і я думаю, під силу тим, хто робить свої перші кроки в ілюстратора. Створення інших елементів цього уроку зажадає більш серйозної підготовки, хоча я намагався описати ці кроки зрозуміло і детально. Давайте приступимо до роботи, це цікавий і корисний урок.
Джерело: Astute Graphics
вимоги
створення текстури
Беремо Rectangle Tool (M) і створюємо прямокутник із заливкою синього кольору.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-ba0126d4.png)
Беремо Gradient Mesh Tool (U) і створюємо вузол в точці A, потім замінюємо колір вузлів A and B на світло-блакитний.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-565e7e26.png)
У нижній частині фону за допомогою Rectangle Tool (M) створимо прямокутник чорного кольору. Висота цього прямокутника 1,5 px, а ширина дорівнює ширині фону.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-867e9381.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-7d82ee8a.png)
Натискаємо на поєднання клавіш Cmd / Crtl + D (Transform Again) таку кількість разів, яке необхідно, щоб прямокутники розподілилися по всьому фону.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-b25e6c0f.png)
Блокуємо фон в панелі шари, виділяємо все прямокутники і групуємо їх (Cmd / Ctrl + G). Не знімаючи виділення з групи, переходимо Effect> Distort and Transform> Roughen ... і встановлюємо параметри, зазначені на малюнку нижче.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-63e8a134.png)
Відкриваємо панель Transparency (Window> Transparency) і встановлюємо Soft Light режим змішування для нашої групи.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-8f08b337.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-c393d413.png)
Створимо ще одну текстуру, техніка її створення нічим не відрізняється від першої. Ширина цієї текстури повинна бути більше діагоналі фону. Встановіть Overlay режим змішування в панелі Transparency для цієї текстури. Колір і параметри ефекту Roughen такі ж, як і у першій текстури. Поверніть створену текстуру на кут рівний 45 градусам (Object> Transform> Rotate ...).
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-856e5e33.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-e226f3b4.png)
Приховуємо що виступають за межі фону частини другої текстури. За допомогою Rectangle Tool (M) створимо прямокутник, що має ті ж розміри що і фон. Виділяємо всі створені об'єкти (Cmd / Ctrl + A) і натискаємо на поєднання клавіш Cmd / Ctrl + 7, створюючи Clipping Mask.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-5b3d20c8.png)
Створення швів на джинсах
За допомогою Rectangle Tool (M) створюємо прямокутник сірого кольору в місці передбачуваного шва.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-43d733e7.png)
Встановлюємо для цього прямокутника Overlay режим змішування в панелі Transparency і регулюємо його колір в панелі Color так, щоб наш прямокутник став прозорим.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-41d0fb5e.png)
Не знімаючи виділення з прямокутника, переходимо Object> Create Gradient Mesh ... і встановлюємо кількість стовпців і рядків в діалоговому вікні.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-99969664.png)
Виділяємо за допомогою Direct Selection Tool (A) через один центральні вузли сітки і замінюємо їх колір на світло-сірий.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-89d18c8e.png)
Решта центральні вузли робимо темно-сірими.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-69ce3025.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-daf786df.png)
Виділяємо градиентную сітку за допомогою Selection Tool (V) і переходимо Object> Envelope Distort> Make with Warp ..., вибираємо стиль Flag і встановлюємо значення Bend рівне 1%.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-31df3d7c.png)
Нижче першого прямокутника створимо новий прямокутник із заливкою лінійним градієнтом, який складається з білого кольору і різних відтінків сірого кольору. Встановимо для цього прямокутника Overlay режим змішування в панелі Transparency.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-58ed0a00.png)
Тепер створимо тінь від шва. Створюємо новий прямокутник і заливаємо його лінійним градієнтом від темно-сірого до білого кольору. Встановимо для цього прямокутника Multiply режим змішування в панелі Transparency.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-f4cddcde.png)
Білий колір стає прозорим при цьому режимі.
Таким способом можна створювати і вигнуті шви, наприклад на кишені. Давайте подивимося, як це робиться. Беремо Pen Tool (P) і створюємо дугу, показану на малюнку нижче.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-c8e59fcc.png)
Встановіть товщину цієї дуги в панелі Stroke відповідно до товщини вашого шва. Цю дугу ми будемо використовувати в якості шаблону, тому заблокуємо її в панелі шари. Тепер, за допомогою Rectangle Tool (M) створимо прямокутник c заливкою сірого кольору.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-f22eba0d.png)
Не знімаючи виділення з прямокутника, переходимо Object> Create Gradient Mesh ... і встановлюємо кількість стовпців і рядків в діалоговому вікні.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-7df3b845.png)
Беремо Direct Selection Tool (A) і перемішаємо вузли градиентной сітки так, щоб вони співпали з точками A, B, C and D шаблону.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-4fcc6c9d.png)
Для точного збігу з шаблоном зручно змінити прозорість градиентной сітки. Встановимо для неї 50% прозорості в панелі Transparency.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-132a6c1f.png)
Тепер, керуючи ручками вузлів градиентной сітки, наблизимо її лінії до ліній шаблону.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-a769bc96.png)
Видаліть шаблон, він більше нам не знадобитися.
Відновіть прозорість до 100% в панелі Transparency. Візьмемо Mesh Tool (U) і створимо центральну лінію сітки, клікнувши по центру однієї зі сторін градиентной сітки.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-6287b8b0.png)
Тепер створимо ряд поперечних ліній сітки по всій довжині шва.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-233054de.png)
Подальша техніка створення цього шва нічим не відрізняється від описаної вище.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-a9be65d7.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-5635db7f.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-03c4c80e.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-f910d218.png)
Створення ниткових рядків
Беремо Pen Tool (P) і створюємо горизонтальну лінію товщиною 3 px.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-8a9f3e17.png)
Не знімаючи виділення з цієї лінії, переходимо Object> Expand.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-69d49ea5.png)
Копіюємо створений об'єкт і вставляємо його назад (Cmd / Ctrl + C, Cmd / Ctrl + B) і заливаємо чорним кольором, трохи зменшимо його розміри (видимість верхнього об'єкта для наочності відключена в палітрі шари).
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-753db104.png)
Копіюємо цей об'єкт і вставляємо його назад (Cmd / Ctrl + C, Cmd / Ctrl + B). Збільшуємо розміри нового об'єкта, заливаємо його білим кольором, за допомогою Pen Tool (P) додаємо точки A and B до його контуру. Конвертуємо ці точки з кутових у гладкі і зміщуємо їх трохи до центу об'єкта.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-8023a992.png)
Переходимо Object> Blend> Blend Options і встановлюємо кількість кроків в діалоговому вікні. Тепер виділяємо чорну і білу форму, і переходимо Object> Blend> Make.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-096cd5a9.png)
Встановлюємо Multiply режим змішування для всього бленд об'єкта.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-39d5b964.png)
Включимо видимість верхньої форми в панелі шари.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-f9a84008.png)
Групуємо всі елементи. Один стібок нитки готовий.
Переносимо стібок в панель Brushes і зберігаємо нову кисть як Scatter Brush, не змінюючи параметрів в діалоговому вікні.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-1cd2cf73.png)
Беремо Pen Tool (P) і створюємо пряму лінію в місці, де буде проходити ниткова рядок.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-1200c4ce.png)
Застосовуємо до цієї лінії створену кисть, тепер ми можемо відрегулювати її параметри.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-989d141b.png)
Не знімаючи виділення з рядка, переходимо Object> Expand Appearance. За допомогою Direct Selection Tool (A) виділяємо кожен стібок і заливаємо радіальним градієнтом від жовтого до темно-жовтого кольору. Буде добре, якщо градієнти стібків будуть трохи відрізнятися своїм становищем, це зрадить різноманітність ниткової рядку.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (джинсової) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-4b450a30.png)
Використовуючи цю техніку, створимо другий рядок на кишені.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-6e5aec72.png)
Приховуємо виступаючі частини рядків за допомогою Clipping Mask (див. Крок 4).
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (текстури) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-1536523e.png)
На цьому урок можна вважати закінченим.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-de4132ab.png)
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-31addb50.png)
висновок
У нас вийшла цілком реалістична текстура джинсової тканини, тепер ви зможете створювати векторні джинсові вироби або фони, наприклад шпалери для робочого столу. Ми створили текстуру класичного синього кольору, хоча в наш час джинсова тканина може мати різні кольори. Для перефарбовування текстури ви можете використовувати Phantasm CS. Виділяємо фон нашої текстури і переходимо Effect> Phantasm CS> Hue / Saturation ..., встановлюємо прапорці Colorize і Preview в діалоговому вікні.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (векторної) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-1f6a0540.png)
Тепер ви можете фарбувати вашу текстуру в усі кольори веселки, рухаючи слайдери Hue, Saturation і Lightness.
![Урок по створенню векторної джинсового текстури в adobe illustrator - rboom (урок) Урок по створенню векторної джинсового текстури в adobe illustrator - rboom](https://images-on-off.com/images/169/urokposozdaniyuvektornoydzhinsovoytekstu-26efe1e3.png)
Будьте завжди в курсі свіжих новин про векторної графіки, нових уроків роботи в Adobe Illustrator, статей та інтерв'ю присвячених графічного дизайну. Команда RU.Vectorboom працює для Вас!