Створення тексту зі стежками в стилі денім
категорія Життя
Відео: Major Lazer & Showtek - Believer (Official Lyric Video)
деталі урокуВикористана програма: Adobe Photoshop CS6 Extended
складність: для початківців
Зразкове час виконання 2 години
закінчене зображення

На цьому уроці по фотошопу ми покажемо вам як, комбінуючи фільтри Photoshop, роботу кистями і векторні фігури, створити прошитий стежками текст в стилі Деним. Отже, приступимо!
Попередні установки уроку
- шрифт Grobold
- градієнтні фігури для фотошопа
- розмита текстура
Крок 1
Створіть новий документ розміром 1250 x 768 пікселів.

Встановіть Основний колір (Foreground color) - # 83b7ca, Фоновий колір (Background color) - # 22576b. Залийте фоновий шар Основним кольором.

Далі застосуємо кілька фільтрів для отримання джинсового текстури. Для фону і для самого тексту буде використана одна і та ж текстура. Пройдіть в мню Фільтр gt; Галерея фільтрів gt; ескіз gt; Плутоновой візерунок (Filter gt; Filter Gallery gt; Sketch gt; Halftone Pattern). Задайте Розмір (Size) рівний 1, Контраст (Contrast) - 0, і в списку, що випадає Типу візерунків (Pattern Type) виберіть Точку (Dot).

Це створить основу для джинсової текстури.

Пройдіть в меню Фільтр gt; Галерея фільтрів gt; художні gt; Smudge Stick (Filter gt; Filter Gallery gt; Artistic gt; Smudge Stick). Встановіть Довжину штриха (Stroke Length) - 2, Область світіння (Highlight Area) - 12, і Інтенсивність (Intensity) - 10.

Це створить основну джинсову текстуру.

Пройдіть в меню Фільтр gt; Галерея фільтрів gt; текстура gt; Зерно (Filter gt; Filter Gallery gt; Texture gt; Grain). Задайте Інтенсивність (Intensity) - 11, Контраст (Contrast) - 50, і в списку, що випадає Типу зерна (Grain Type) виберіть Звичайний (Regular).

Це додасть текстурі легкий шум, роблячи її більш реалістичною.

крок 2
Продублюйте фоновий шар, після чого зробіть дублікат невидимим, клікнувши для цього по іконці очі на палітрі шарів.

Знову виділіть фоновий шар. Пройдіть в меню Зображення gt; корекція gt; Тон / Насиченість (Image gt; Adjustments gt; Hue / Saturation). Задайте величину Тона (Hue) - 20, насиченості (Saturation) - -50, Яскравість (Lightness) - -50.

Пройдіть в меню Зображення gt; корекція gt; Рівні (Image gt; Adjustments gt; Levels) і задайте величину Тіней (Shadows) рівну 35, щоб трохи затемнити текстуру.

крок 3
Наберіть текст білого кольору шрифтом Grobold. На палітрі символів: Вікно gt; Символ (Window gt; Character), задайте розмір 300 pt, і Трекинг - 75, щоб уникнути взаємного накладення.

Зауважте, що буква D і раніше знаходиться досить близько до літери E, що пізніше може привести до небажаного перекриття. Щоб це виправити, помістіть курсор інструменту Текст (Type Tool) між цими двома буквами і збільште величину кернингом до 68.

крок 4
Увімкніть видимість копії фонового шару (ще раз клікнувши по іконці очі на палітрі шарів). Перетягніть цей шар поверх шару з текстом. Далі, утримуючи Ctrl / Cmd, клікніть по іконці шару з текстом, створивши, таким чином, виділену область.

Пройдіть в меню Виділення gt; модифікація gt; Розширити (Select gt; Modify gt; Expand), і введіть значення 6. Більше значення небажано розширить виділену область. Тому ретельно вибирайте величину розширення, особливо, якщо використовуєте інший розмір шрифту.

Виділіть копію фонового шару, і натисніть Ctrl / Cmd + J. Це скопіює виділену область на окремий новий шар. Зробіть фоновий шар невидимим, так як він нам більше не потрібен.

Продублюйте шар під назвою "Шар 1" (Layer 1), змініть Режим Накладення (Blend Mode) копії на М`яке світло (Soft Light) і задайте Непрозорість (Opacity) - 50%. Це зробить кольори більш інтенсивними і додасть текстурі велику детальність.

Подвійним кліком по Шару 1 відкрийте вікно стилів шару і застосуйте Внутрішню тінь (Inner Shadow), зменшивши непрозорість (Opacity) до 50% і задайте Відстань (Distance) рівне 0. Встановіть розмір (Size): 2.

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

Клацніть по дублікату ПКМ, і перетворіть його в фігуру (Convert to Shape). Тепер текст став Нередагована.

Виберіть інструмент Фігура (Shape Tool) і зверніть увагу на верхню панель опцій. У Photoshop CS6 на ній з`явилися кілька нових цікавих функцій, які допоможуть нам створити стежки легко і швидко.

Почніть з обрізання внутрішньої поверхні фігури, вибравши опцію "No Color" під іконкою Заливання (Fill). Ця величина - не одне і теж, що Заливка шару. Перша зрізає колір всередині фігури, але не зачіпає обведення, тоді як друга зачіпає і колір заливки і обведення.

крок 6
Створимо обведення навколо фігури. Клацніть по іконці "Обведення" (Stroke) і виберіть "Суцільний колір". Далі, натисніть на іконку вибору кольору і виберіть колір # c0b384.

В поле ширини обведення (stroke width) введіть значення 3, після чого клацніть на іконці Типу обведення (shape stroke type) і виберіть Пунктирну лінію (Dashed line). Щоб модифікувати будь-які додаткові параметри обведення, натисніть на кнопку "Інші опції" (More Options) в нижній частині вікна.

У вікні Обводка (Stroke) встановіть Вирівнювання (Align) в положення Внутрішнє (Inside) і Кути (Corners) - в положення Скос (Miter). Далі, змініть першу величину пунктиром (Dash) на 2.5 і величину Розриву (Gap) на 1. Як ви можете помітити, величина Пунктир визначає довжину пунктиру, а величина Розрив - довжину інтервалу між сусідніми штрихами.

крок 7
Подвійним кліком по шару з текстом відкрийте вікно стилів шару і застосуйте наступні:
Тиснення (Bevel and Emboss): так як стежки досить маленькі, задайте розмір (Size) - 0. Цієї величини буде цілком достатньо, щоб надати стежках невеликий обсяг. Так само змініть колір Режиму Висвітлення (Highlight Mode) на # bea85a.

Контур (Contour): залишаємо значення за умовчанням.

Внутрішня тінь (Inner Shadow): змініть Відстань (Distance) на 0 і Розмір - на 1.

Накладення градієнта (Gradient Overlay): змініть Режим накладення (Blend Mode) на Множення (Multiply), задайте Непрозорість (Opacity) 50% і скористайтеся градієнтом "Gold Rail G2" з набору, посилання на який представлена в розділі ресурсів уроку. Змініть Стиль (Style) на Відбитий (Reflected).

Зовнішнє світіння (Outer Glow): Змініть режим накладання на Множення (Multiply), задайте колір # 444425, і Розмір - 0. Це посилить ефект тіні.

Тінь (Drop Shadow): Змініть колір на # 112d37, непрозорість - 80%, Відстань - 0, Розмір - 7, і Контур (Contour) - Глибока виїмка (Cove Deep).

Це додасть об`ємність стежках.

Можливо, вам здасться, що стібки вийшли занадто різкими. В цьому випадку можна зменшити непрозорість приблизно до 85%.

крок 8
Утримуючи Ctrl / Cmd, клікніть по іконці шару з джинсової текстурою, щоб створити виділену область.

Клацніть по піктограмі створення Нового шару, що коректує або Шаруючи Заливання (Create new fill or adjustment layer) в нижній частині палітри шарів і виберіть Тон / Насиченість (Hue / Saturation). Виділена область послужить маскою для коригуючого шару, тому він торкнеться тільки область текстури.

Задайте величину Тона (Hue) - 10 і насиченості (Saturation) - -25.

Знову створіть виділену область, клікніть по піктограмі створення Нового шару, що коректує або Шаруючи Заливання (Create new fill or adjustment layer) в нижній частині палітри шарів і виберіть Рівні (Levels).

Задайте величину Тіней (Shadows), що дорівнює 30, щоб затемнити текстуру.

крок 9
Відкрийте палітру кистей: Вікно gt; Кисті (Window gt; Brush) і виберіть кисть "Дюнная трава", після чого налаштуйте її наступним чином:
Форма наконечника кисті (Brush Tip Shape):

Динаміка форми (Shape Dynamics):

Розсіювання (Scattering):

Подвійна кисть (Dual Brush): виберіть 36-піксельну крейдяні кисть (Chalk 36 pixels).

Динаміка кольору (Color Dynamics):

крок 10
Натисніть ПКМ за оригінальним шару з текстом і створіть робочий контур (Create Work Path).

Встановіть Основний колір - # 597f91, і Фоновий колір - # 081f30, після чого створіть новий шар під двома джинсовими текстурами, і назвіть його "Обведення".

Виберіть інструмент Виділення контуру (Direct Selection Tool), клікніть ПКМ по робочому контуру, і виберіть пункт Виконати обведення (Stroke Path).

У випадаючому списку виберіть інструмент Кисть, і переконайтеся, що на пункті Імітувати натиск (Simulate Pressure) не варто галочка.

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

У вас повинні вийти більш реалістичні межі. Натисніть Enter / Return, щоб підрізати контур.

крок 11
Подвійним кліком по шару з обведення, відкрийте вікно стилів шару і застосуйте Тінь (Drop Shadow). Задайте Колір: # 222222, Відстань: 10, Розмах: 15, Розмір: 10.

Ця тінь додасть текстурі глибину.

крок 12
Створіть новий шар поверх всіх існуючих шарів, назвіть його "Бруд", змініть Режим накладення на Помітна темним (Darker Color). Встановіть Основний колір - # 8c6239.

Утримуючи Ctrl, клацніть по іконці з джинсової текстурою, після чого, затиснувши Shift + Ctrl, клацніть по шару з обведенням, щоб додати збільшити виділену область.

За допомогою будь-якої з кистей з набору "Rust `n Grunge", додайте на поверхню тексту деякі забруднення. Результат може бути практично непомітним, але це операція в подальшому, коли буде застосований останній шар, що коректує, створить дуже важливий гарний ефект.

крок 13
При активній виділеної області створіть новий шар поверх інших шарів, і назвіть його "Хмари". Встановіть Основний і фоновий кольори в чорний і білий, потім пройдіть в меню Фільтр gt; рендер gt; Хмари (Filter gt; Render gt; Clouds). Натисніть Ctrl / Cmd + D, щоб зняти виділення.

Змініть режим накладання шару з хмарами на Перекриття (Overlay), задайте непрозорість - 20%, або будь-яке інше значення, на свій розсуд. Це створить грає світловий ефект на текстурі.

крок 14
Клацніть по піктограмі створення Нового шару, що коректує або Шаруючи Заливання (Create new fill or adjustment layer) в нижній частині палітри шарів і виберіть Карту градієнта (Gradient Map).

Переконайтеся, що даний шар, що коректує знаходиться поверх всіх існуючих шарів, після чого змініть режим накладання на М`яке світло (Soft Light) при непрозорості 50%. Це поліпшить колірну гамму.

Кольори, використані при накладенні градієнта: # 504d44 і # aba277, напрямок - зліва направо.

крок 15
Створіть новий шар між шаром з хмарами і Брудом, назвіть його "Заклепки". Подвійним кліком по шару відкрийте вікно стилів шару, і застосуєте наступні:

Тиснення (Bevel and Emboss): задайте Контур глянцю (Gloss Contour) -Полукруг (Half Round), Режим підсвічування (Highlight Mode) - Яскраве світло (Vivid Light), і непрозорість - 65, поставивши галочку на пункті Згладжування (Anti-aliased) .

Контур: Конічний контур (Cone) і поставте галочку в пункті Згладжування (Anti = aliased).

Тінь (Drop Shadow): просто змініть Відстань (Distance): 0.

Встановіть Основний колір - # 564a2e, виберіть жорстку круглу кисть, розміром 13 пікселів, і нанесіть заклепки по кутах букв.

закінчене зображення
