Іноді для того, щоб оживити типографіку , потрібно лише кілька кліків. Класичні типографічні ефекти непідвладні часу та універсальні - ідеально підходять для логотипів, плакатів, запрошень або постів у соціальних мережах. У цьому уроці я познайомлю вас з п'ятьма швидкими і простими ефектами, які можна використовувати для творчого оформлення текстів у Photoshop. Тіні, градієнти, 3D-ефект або глянцеві акценти - ці техніки заощаджують час і при цьому дають вражаючі результати. Давайте почнемо і піднімемо вашу типографіку на новий рівень!
1. верстка: розміщення тексту у формах
Крок 1: Основний принцип верстки форм у Photoshop
Верстка форм у Photoshop дуже проста. Для цього потрібен робочий контур, на який вставляється текст.
Це дозволяє легко намалювати фігуру за допомогою інструмента "Прямокутник". Потім я клацаю в прямокутнику текстовим інструментом і можу написати або вставити свій текст.
Крок 2: Використовуйте власні фігури для наборів форм
Ось вам і основний принцип. Тепер я можу використовувати інструменти малювання, щоб змінювати контури так, як мені потрібно, щоб вказати форму для тексту. Це ще простіше, якщо фігури вже доступні за замовчуванням. Я вибираю фігуру мовної бульбашки за допомогою інструмента нестандартної фігури і малюю її. На наступному кроці я знову клацаю на мовленнєвій бульбашці мишею і пишу свій текст. Текст ідеально адаптується до форми мовної бульбашки.
За допомогою вікон " Абзац " і " Символ " я можу виконати невелику тонку настройку, встановивши вирівнювання, відрегулювавши інтервал між символами, вибравши міжрядковий інтервал відповідно до розміру фігури тощо. В результаті текст у формі серця може мати такий вигляд:
2. обтікання: обтікання тексту навколо об'єктів
Крок 1: Основний принцип обтікання
У той час як в Adobe InDesign є окрема панель керування для обтікання з фантастичними можливостями, такими як пошук країв, в Adobe Photoshop вам доведеться знайти альтернативний спосіб обтікання тексту навколо об'єктів. Рішенням є робочий контур, який відповідає контурам об'єкта, в якому розміщується текст. Основний принцип, що лежить в основі цього, такий самий, як і у випадку з набором форм.
Для цього уроку я вибрав зображення з Fotolia.de (джерело зображення: © Robert Kneschke - Fotolia.com).
Тепер я хочу, щоб мій текст елегантно обтікав людину. Зображення має чорний фон, який не обрізаний. Оскільки фон чорний, я просто скористаюся своєю чарівною паличкою, щоб виділити його.
Крок 2: Зменшіть виділення і створіть робочий контур
Оскільки виділення розташоване дуже близько до людини, я зменшую його на 10 пікселів за допомогою меню "Виділення" > "Змінити виділення" > "Зменшити". Примітка: Завжди має сенс обмежити виділення розміром потрібного текстового фрейму. Я можу зменшити виділення з клавішею Alt та інструментом виділення і збільшити його з клавішею Shift та інструментом виділення. Тому, перш ніж створювати робочий контур, слід оптимізувати виділення до розміру текстового фрейму.
Тепер я відкриваю вікно контуру і створюю робочий контур з виділеного фрагмента, натиснувши на відповідний символ.
Крок 3: Вставлення тексту
На останньому кроці я просто клацаю на фігурі текстовим інструментом і вставляю свій текст або пишу потрібний текст. Тепер робочий контур формує текстовий фрейм для тексту.
Я все ще можу редагувати текстовий фрейм за допомогою текстового інструмента. Результат: текст елегантно обтікає людину зліва.
3. текст на контурі
Розмістити текст уздовж контуру досить просто.
Крок 1: Намалюйте контур
Використовуючи інструмент "Перо ", я просто малюю потрібний контур, на якому буде розміщено текст.
Крок 2: Розміщення тексту
За допомогою інструмента "Текст" я переміщаюся до контуру так, щоб з'явилася злегка пунктирна лінія. Тепер я можу почати друкувати.
Крок 3: Текстова інформація
Я все ще можу використовувати панель символів для введення текстової інформації.
Інструментом прямого виділення я також можу торкнутися текстового контуру і перемістити початкову точку текстового потоку, а також визначити, чи текст має відображатися над або під контуром.
Крок 4: Створення контуру за допомогою інструментів фігур
Я також можу створювати контури за допомогою інструментів фігур. Я створюю новий контур на панелі "Контури" і малюю фігуру руки за допомогою інструмента "Фігура", у цьому прикладі за допомогою інструмента "Спеціальна фігура ".
Тепер я також можу розмістити в ній свій текст.
Крок 5: Створення контуру з виділень
Я також можу створювати виділення із зображень і перетворювати їх на контури, щоб використовувати їх для типографського обтікання тексту.
Я використовую інструмент швидкого виді лення, щоб виділити фон на цьому зображенні (джерело зображення: iofoto - Fotolia.com). Я інвертую виділення за допомогою комбінації клавіш Shift+Ctrl+I і створюю з нього робочий контур. Я знову використовую його для мого тексту.
Крок 6: Підкреслення контуру за допомогою типографіки
Те ж саме можна зробити з трохи складнішими за кольором зображеннями, наприклад, з цим зображенням дерева (джерело зображення: archaeopteryx_stocks).
Я виділяю дерево за допомогою інструмента швидкого виділення і знову створюю робочий контур із виділення : натискаю на піктограму "Створити робочий контур із виділення " на панелі контурів. Тепер я також можу використовувати цей шлях для мого тексту.
4. групування текстів із зображеннями за допомогою обтравочної маски
Класичним ефектом є заповнення тексту візерунком, текстурою або зображенням. Я розміщую зображення, яке має відображатися як заливка в моєму тексті в документі безпосередньо над текстовим шаром на панелі керування шаром.
Створюю обтравочну маску за допомогою комбінації клавіш Ctrl+Alt+G або з клавішею Alt і клацаю між текстовим і графічним шарами. Тепер зображення з'являється лише там, де є текст. Воно обрізається до вмісту шару, розташованого нижче.
Цей текстовий ефект, просто без варіантів заливки на чорному або білому тлі, можна побачити частіше в каталогах товарів, флаєрах і тому подібних матеріалах із зображенням стилю життя - нещодавно я бачив його в каталозі продукції виробника телевізорів. "Біблія "Купи і тримай" Герда Коммера також має цей простий ефект на обкладинці книги.
Ефект вирізаної маски часто використовується з текстурами матеріалів. Варіанти заливки (плаский край/рельєф з тінями тощо) створюють мармуровий, металевий або подібний текст, який використовується для реклами найновіших колекцій каменю від постачальника xy у спеціалізованому магазині по сусідству.
5. заповнення контурів за допомогою специфікацій пензля через робочі шляхи
Дуже проста, але ефективна техніка - заповнення контурів тексту за допомогою пресетів пензля.
Крок 1: Виберіть шрифт, напишіть текст і створіть робочий контур
По-перше, я шукаю якомога ширший шрифт. Я пишу літери PSD у своєму документі за допомогою 120-пунктового Franklin Gothic Heavy.
Я можу створити робочий контур з мого тексту, клацнувши правою кнопкою миші на текстовому шарі на панелі шарів>Створити робочий контур. Він буде збережений на панелі "Шляхи" .
Крок 2: Встановіть пресет пензля
Я можу приховати текстовий шар. На панелі "Пресети пензлів" я вибираю кінчик пензля, який буде використовуватися як контур заливки для мого тексту. Вибираю пензель у формі листя.
За допомогою клавіші F5 відкриваю панель керування пензлем. Тут я можу встановити форму пензля.
Я вибираю в
- вкладці " Форма пензля " вибираю інтервал 60 відсотків і розмір 40 пікселів. Цей параметр ідеально підходить для мого розміру тексту, щоб відстань між окремими пензлями була плавною при переході.
- У властивостях фігури встановіть кутове тремтіння на рівні 25 відсотків. Це гарантує, що мої пензлі будуть обертатися.
- У параметрах кольору встановіть 12 відсотків для тремтіння відтінку і 12 відсотків для тремтіння яскравості. Це дає мені привабливу невелику нерівномірність у червоному тоні, яка створює приємний ефект осені у шрифті.
Крок 3: Активуйте робочий контур і створіть новий шар
Тепер я створюю новий шар і активую робочий контур на панелі" Контури". Натиснувши на другу іконку в нижньому колонтитулі панелі "Контури", я заповнюю контур кон туру вибраним пензлем. Важливо, щоб інструмент пензля також був активований.
Якщо я трохи збільшу розмір пензля, це призведе до приємної варіації розміру ефекту. Таким чином, за допомогою налаштувань пензля можна регулювати заливку контуру відповідно до вимог. У цьому прикладі з більш осіннім виглядом.
Крок 4: Зміна попередньо встановленого пензля
Якщо я використаю квітковий пензель за замовчуванням і трохи збільшу відсоток тремтіння кольору, то отримаю легкий, але красивий літній ефект.
Крок 5: Подальша обробка
Контурні заливки - це простий спосіб створення швидких шрифтових ефектів. Однак, як правило, попередній ефект неодмінно потребує подальшої обробки, щоб надати йому привабливого вигляду в цілому.
Можливою подальшою обробкою для створення осіннього вигляду може бути те, що я просто заповню внутрішню область тексту пензлем "листя" в новому шарі, виберу раніше створений контур пензля з натиснутою клавішею Ctrl, клацну мініатюру цього шару і використаю її як маску ша ру для мого нового шару.
Таким чином, я використовую попередній контур як маску шару, а також отримую ефект контуру для мого тексту.
