Photoshop-Workshop-DVD - Ефекти для типографіки, макетів та фотографій - Том 2 (безкоштовно)

Створення ефектів вишивальних візерунків для типографіки у Photoshop

Усі відео з уроку Photoshop-Workshop-DVD - Ефекти для типографіки, макетів та фотографій - Том 2 (безкоштовно)

Ефект вишитого візерунка надає вашому шрифту текстильного вигляду ручної роботи та ідеально підходить для креативних дизайнів, які випромінюють тепло та індивідуальність. За допомогою Photoshop ви можете легко створити цей ефект, комбінуючи текстури, стилі шарів і спеціальні пензлі. У цьому уроці я крок за кроком покажу вам, як перетворити типографіку на реалістичний вишитий візерунок - ідеально підходить для запрошень, постерів або графіки в соціальних мережах. Давайте почнемо і перетворимо ваш шрифт на художній дизайн вишивки!

Ефекти трафаретів для типографії

Крок 1: Текстура фону

Мій документ має розмір 800 x 600 пікселів.

У моєму прикладі я вибрала текстильну фонову текстуру, яку взяла з нашого набору текстур з TutKit.com.

Текстура додається до цього підручника як робочий матеріал.

Ефекти штучних візерунків для типографії

Щоб надати текстурі тканини жовтого кольору, я створюю коригувальний шар Hue/Saturation (Від тінок/Насиченість) зі значеннями

- Відтінок: -180

- Насиченість: -42

- Яскравість: +14

Зразки для ефектів напису

Крок 2: Розміщення тексту

Використовуючи 200-пунктовий шрифт Army Expanded, я пишу літери PSD чорним кольором у своєму документі.

Ефекти штучних зразків для типографії

Крок 3: Виділяємо текст і створюємо виділення як робочий шлях

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

Ефекти шаблонних текстур для типографії

Крок 4: Виділення тепер є робочим контуром

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

Ефекти зразка для типографії

Крок 5: Визначення схеми вишивання як попередньо встановленого пензля

Створюю новий документ за допомогою комбінації клавіш Ctrl+N. Новий документ має розмір 50x50.

Зразкові ефекти для типографії

Створюю новий шар за допомогою комбінації клавіш Ctrl+Shift+Alt+N. Я можу приховати фоновий шар, щоб він був прозорим.

Я збільшую масштаб приблизно до 500 відсотків, щоб правильно намалювати шаблон пензля в документі. Я обираю круглий жорсткий пензель і просто малюю "V" у новому документі. Важливо: Під час малювання, будь ласка, переконайтеся, що "V" не торкається краю. Інакше при розтушовуванні ви отримаєте жорсткі, непривабливі краї.

Ефекти зразків паличок для типографії

Потім я можу виділити V, натиснувши Ctrl і клацнувши на мініатюрі шару V, і зберегти його як новий ворсинку пензля через меню " Редагування>Встановити пресет пензля ".

Ефекти штучних зразків для типографії

Крок 6: Налаштування пензля на панелі керування пензлем

Повертаємося до оригінального документа. Я відкриваю панель керування пензлем за допомогою комбінації клавіш F5. Активується інструмент пензля B. Тепер я знаходжу свій попередньо визначений кінчик пензля в пресетах.

Вибираю розмір 12 пікселів з інтервалом 84 відсотки.

Ефекти відтінків для типографії

У властивостях фігури встановлюю Кутове тремтіння в розділі Керування: Напрямок. Цей параметр гарантує, що продовження застосування пензля також правильно відображатиметься для кривих і кутів.

Зразки текстур для типографії

Крок 7: Заливаємо контур контуру пензлем

Я створюю новий шар за допомогою комбінації клавіш Ctrl+Shift+Alt+N. Колір переднього плану - світло-сірий (90 відсотків яскравості) .

Малюнкові ефекти для типографії

Новостворений шар стає активним. Я викликаю панель " Контури " і вибираю іконку " Заповнити контур пензлем" ( Fill path outline with brush).

Тепер мій текст має вишитий контур.

Ефекти стикерного друкованого зразка для типографії

Крок 8: Тонка настройка дизайну вишивки

Щоб малюнок вишивки виглядав охайно, я трохи підкоригую його вигляд у параметрах заливки шару.

Падаюча тінь:

- Непрозорість : 30 відсотків

- Відстань: 1 піксель - Захоплення: 0 - Розмір: 0

Ефекти стікерних зразків для типографіки

Сплющений край і рельєф:

- Стиль: Сплющений край усередину

- Техніка: Заокруглення

- Глибина: 100 відсотків

- Розмір: 0

- Розмиття: 0

- Затінення: Стандартні налаштування, 75% для обох

Ефекти штучних зразків для типографії

Тепер вишитий контур також має невелику падаючу тінь, щоб він виглядав більш об'ємним.

Ефекти взірцевого використання для типографії

Крок 9: Створюємо джинсову текстуру для внутрішньої сторони літери

Перш за все: текстура джинсової тканини вже доступна як шаблон у Photoshop. Я викликаю опції заливки для мого текстового шару і вибираю " Накладення шаблону ". У підменю викликаю шаблон 2.

Ефекти макету для типографії

Там я знаходжу готову текстуру джинсів.

Ефекти-зразки для типографії

Щоб мати трохи більше свободи в налаштуванні вигляду текстури, я також можу легко створити текстуру джинсів самостійно. Це тому, що шаблон візерунка Photoshop надзвичайно малий (64x64px) - хоч і плитковий - і може бути прийнятно змінений у зовнішньому вигляді лише обхідним шляхом.

Я створюю новий файл за допомогою комбінації клавіш Ctrl+N. Розмір документа - 800x800 пікселів. Заливаю фоновий шар середньо-блакитним кольором (3c5695).

Потім створюю новий шар за допомогою комбінації клавіш Ctrl+Shift+N . У діалоговому вікні, що відкрилося, я вибираю М 'яке світло в розділі Режим і активую прапорець для 50% сірого. У селекторі кольорів встановлюю стандартні кольори за допомогою комбінації клавіш D.

Ефекти "stickmustereffekte" для типографії

Вибираю фільтр малювання з ефектом растеризації.

- Розмір: 1

- Контрастність: 0

- Тип візерунка: Лінія

Ефекти сітча для типографії

Тепер я можу перетворити цей шар на смарт-об'єкт, щоб можна було легко змінювати наступні фільтри як смарт-фільтри.

Ефекти масштабування для типографії

Першим смарт-фільтром, який я застосую, буде фільтр огрублення Mezzotint (Меццо-тинто ) з параметром " Дрібна крапка" (Small dot).

Ефекти-зразки для типографії

Наступний смарт-фільтр - фільтр розмиття за Гаусом. Я встановив для нього радіус від 0,8 до 1 пікселя.

Ефекти штучного ткацтва для типографії

Я дублюю шар за допомогою комбінації клавіш Ctrl+J і встановлюю для дубліката режим " Множення шару". Трансформую шар за допомогою комбінації клавіш Ctrl+T. Я вводжу значення -45 градусів для повороту в рядку меню, а потім збільшую шар за допомогою бічних і кутових точок так, щоб знову заповнити весь документ.

Ефекти зразка для типографії

Моя текстура джинсів готова, вона також трохи схожа на килимове покриття. Тепер я можу визначити текстуру тканини як візерунок за допомогою меню " Редагування" (Edit ).

Ефекти візерунків для типографії

У параметрах заливки на вкладці " Накладення ві зерунка" мого текстового шару я вибираю раніше визначений візерунок. Я масштабую візерунок до значення приблизно 60-65 відсотків із непрозорістю приблизно 60 відсотків.

Ефект вишитої друкарської помилки готовий.

Ефекти шаблонів для типографії

Варіації

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

Ефекти мангалів для типографії

Потім я можу використовувати його для тексту - навіть без внутрішньої заливки.

Я знову роблю кілька тонких налаштувань на панелі керування пензлем (розмір 8 пікселів з інтервалом 81%) і пишу слово "Tutorials" іншим шрифтом. Тепер я використовую описану вище техніку для заливки тексту у вигляді контуру з попередньо встановленим діагональним пензлем.

Ефекти у вигляді зразків для типографіки

Я також можу просто застосувати контур двічі, щоб імітувати вишивання хрестиком. У цьому прикладі я намалювала контур інструментом " Перо ". По-перше, я застосовую контур, як у попередньому кроці. А по-друге, я знову заповнюю контур пензлем, коли кінчик пензля віддзеркалюється на осі х. І тепер я маю вигляд вишивки хрестиком. Крім того, я можу просто створити X як шаблон пензля і імітувати вишивку хрестиком у такий самий спосіб.

Ефекти кльондикування для типографії

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

На панелі керування пензлем я встановила

- розмір 11 пікселів

- округлість 37 відсотків

- з інтервалом 333%,

так, щоб між застосуваннями пензля залишалися невеликі проміжки.

Ефекти образцового малювання для типографії

Розкид тремтіння кута залишається встановленим за напрямком. Щоб вишивальні штрихи не виглядали надто рівномірними, я встановив кутове тремтіння на 3%, а тремтіння округлості - на 25%. Тепер я маю не надто точний, але цілком реалістичний візерунок вишивки.

Зразки літературної графіки

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

Ефекти здійснюються методом вимірювання