Якщо ви використовуєте Photoshop для своїх дизайнерських проектів - для створення логотипів, постерів, інфографіки або чого-небудь ще - вам потрібно знати про друкарню.
Photoshop містить багато інструментів для розміщення тексту на вашій сторінці та надання йому неймовірного вигляду. Але з чого почати?
У цьому короткому керівництві ми познайомимо вас з усім, що вам потрібно знати про роботу з текстом у Photoshop.
Введіть основи інструмента Photoshop
Перш ніж ми почнемо, давайте коротко розповімо про основи роботи з текстом у Photoshop.
Текст додається до документа за допомогою одного з інструментів «Текст». Ви можете вибрати їх на панелі інструментів у лівому краю екрана або натиснувши T на клавіатурі.
Якщо ви позначите цей пункт, параметри Типу буде показано на панелі параметрів у верхній частині екрана. Основними з них є:
- Сімейство шрифтів: виберіть шрифт з тих, які встановлено на вашому комп'ютері (або з Typekit)
- Стиль шрифту: виберіть стиль для вибраного шрифту, наприклад, Bold або Oblique.
- Розмір: Встановіть розмір точки для вашого типу
- Вирівняти текст: встановіть текст ліворуч, праворуч або по центру
- Колір: виберіть колір для вашого тексту
- Скасування або фіксація. Після додавання або редагування тексту необхідно підтвердити його застосування на полотні або скасувати, щоб скасувати або видалити його.
Кожен елемент тексту завжди йде у власному шарі. Щоб перемістити або змінити розмір тексту під час редагування, натисніть клавішу Ctrl або Cmd і перетягніть його на місце.
Ви можете редагувати текст або змінювати шрифт, розмір тощо. Для цього виберіть інструмент «Текст» і виділіть текст, як у текстовому редакторі. Не просто виберіть текстовий шар.
Створення тексту заголовків та заголовків
Основний спосіб, яким більшість людей додають та редагують текст у Photoshop. Щоб вибрати інструмент «Горизонтальний тип» (або «Вертикальний», якщо хочете), натисніть на полотно і почніть друкувати.
Це найкращий варіант для заголовків, заголовків або інших коротких однострокових фрагментів тексту.
Клацання полотна створює текстову область, яка розширюється під час введення тексту. Весь текст йде в один рядок і ніколи не переноситься на новий рядок. Навіть коли ви дійдете до краю полотна, лінія просто продовжиться на монтажному столі.
Якщо ви хочете додати розриви рядків, розташуйте курсор і натисніть Enter. Краще створіть окремі текстові шари для кожного рядка у вашому заголовку. Таким чином, ви можете контролювати і позиціонувати кожного з них окремо.
Робота з текстом абзацу
Для основного тексту - довгих фрагментів тексту, таких як абзаци або списки, - спочатку створіть текстове поле.
Виберіть інструмент «Горизонтальний тип» та встановіть основні параметри форматування. Клацніть та перетягніть на полотно, щоб створити прямокутне текстове поле. Тепер введіть або вставте свою копію в поле.
Текстове поле має фіксований розмір. Коли текст потрапляє на правий край, він переноситься на новий рядок. Якщо текст занадто довгий, вам потрібно змінити розмір вікна, щоб зробити інші видимими (або ви можете змінити розмір шрифту, звичайно).
Натисніть клавішу Ctrl + T (Windows) або Cmd + T (Mac), потім утримуйте клавішу Shift і перетягніть одну з рук, щоб збільшити поле.
Створення власних форм текстових полів
Ви не обмежені прямокутними текстовими полями. Ви можете використовувати різні інструменти для створення фігур або малювати нові форми вручну за допомогою інструмента «Перо», а потім заповнювати їх текстом.
Виберіть один з інструментів Shape або використовуйте Pen Tool. Встановіть значення «Шлях» у верхньому лівому куті панелі параметрів, а потім намалюйте свою фігуру на полотні.
Тепер візьміть інструмент Horizontal Type Tool і клацніть всередині шляху, який ви намалювали. Це перетворює форму на текстове поле. Тепер встановіть вирівнювання тексту по центру та введіть або вставте текст у поле.
Власні форми корисні, коли ви хочете обернути текст навколо зображень або інших об'єктів у вашому дизайні.
Розміщення тексту на кривій у Photoshop
Ви також можете встановити свій текст, щоб слідувати лінії кривої.
Почніть з вибору Pen Tool. У верхній панелі параметрів встановіть параметр «Режим інструмента» значення «Шлях». Тепер намалюйте криву на полотні. Якщо вам потрібен підручник з цього питання, ознайомтеся з нашим керівництвом щодо використання інструменту Photoshop Pen Tool.
Потім виберіть інструмент «Горизонтальний тип». Наведіть курсор на щойно намальований шлях. Коли курсор перетвориться на хвилясту лінію, натисніть. Це прив'язує текстове поле до шляху.
Тепер введіть свій текст.
Ви також можете налаштувати текст так, щоб він відповідав контуру фігури. Процес такий самий, тільки ви вибираєте один з інструментів Shape замість Pen. Переконайтеся, що ви встановили Режим інструмента на Шлях, перш ніж намалювати його.
Щоб налаштувати положення тексту на кривій, скористайтеся інструментом прямого виділення. Наведіть вказівник миші на текст, і він перетвориться на курсор з двома стрілками. Натисніть та перетягніть вздовж лінії, щоб шунтувати текст вздовж лінії.
Натисніть і перетягніть лінію, щоб встановити, чи повинен текст проходити всередині або зовні фігури.
Маскування тексту у фотошопі
Останніми з основних текстових інструментів Photoshop є інструмент «Маска горизонтального типу» та «Інструмент маски вертикального типу».
Ці інструменти не розміщують текст на полотно. Замість цього вони створюють текстові фігури, які ви можете використовувати у своїх проектах. Через це важливо, щоб ви вибрали правильний шрифт, перш ніж почати. Ви не можете повернутися і відредагувати це пізніше.
Почніть з відкриття зображення у Photoshop або виберіть шар, що містить трохи кольору.
Виберіть один з інструментів Type Mask і встановіть шрифт. Тепер натисніть полотно і почніть друкувати. Коли ви натиснете кнопку «Підтвердити», ваш текст перетвориться на виділення.
Ось три способи його використання:
Додайте текстуру до вашого тексту. Натисніть кнопку «Додати маску шару» внизу панелі «Шари». Це робить фон прозорим, залишаючи лише текстові фігури, що містять текстуру з вихідного зображення.
Заповніть текст кольором тла. Натисніть Ctrl + Backspace або Cmd + Backspace, щоб вирізати текст і замінити його поточним вибраним кольором тла.
Виріжте текст з тла. Натисніть клавішу Shift + Ctrl + I або Shift + Cmd + I, щоб інвертувати ваш вибір. Тепер натисніть Ctrl + J або Cmd + J. Скройте нижній шар, і тепер у вас буде оригінальне зображення з прозорим вирізом у формі вашого тексту.
Стилізація тексту у фотошопі
Тепер, коли ви знаєте основні способи розміщення тексту на своїй сторінці, як ви можете оформити його? Ми вже розглянули основні параметри на панелі параметрів. Є ще дещо, що потрібно знати.
- Напрямок тексту: перемикання між горизонтальним і вертикальним текстом
- Згладжування: встановіть, наскільки чітким або плавним ви хочете, щоб текст виглядав
- Деформація тексту: деформація тексту з 15 встановленими стилями
- Відкрити панель символів/абзаців: відкрийте панель для налаштування параметрів символів.
- 3D: перемкнути на перегляд Photoshop 3D
Як згадувалося раніше, вам потрібно виділити текст курсором, перш ніж ви зможете змінити його форматування.
Панелі персонажа та абзацу
Натисніть кнопку «Панель символів та абзаців» на панелі параметрів. Перша вкладка містить набір параметрів для форматування символів. Деякі подвоюють параметри, які ми вже бачили (наприклад, вибираючи шрифти і кольори), в той час як інші дозволяють вам уточнити свій тип.
- Меню «Панель»: включає в себе «Без перерви», який поміщає нерозривний пробіл між двома словами, щоб вони залишалися на одному рядку.
- Ведучий: Це дозволяє вам налаштувати висоту рядка для вашого тексту. Залишити його на Авто зазвичай досить добре.
- Кернінг: встановлює інтервал між парою символів. Встановіть параметр «Метрики», щоб використовувати типовий дизайн шрифту, або «Оптичний», щоб Photoshop міг встановити його автоматично.
- Відстеження: контролює відстань між усіма символами у вашому тексті. Виберіть більш жорстке відстеження (від'ємне число), щоб додати удар і терміновість для ваших заголовків.
- Вертикальна і горизонтальна шкала: ці параметри розтягують або зменшують ваш шрифт вертикально або горизонтально. Використовуйте їх тільки для певних випадків розробки - якщо вам потрібен більш широкий або високий, виберіть інший шрифт
- Зсув базової лінії: переміщення вибраних символів вище або нижче базової лінії. Найчастіше використовується для написання підрядкових або надрядкових символів.
- Жирний шрифт і курсив. Уникайте їх, де це можливо - завжди використовуйте версії вибраного шрифту, виділені жирним або похилим шрифтом, якщо вони у вас є.
- Всі заголовні і маленькі заголовні літери: автоматично перекладає ваш текст у заголовні літери.
- Інші параметри: Різні параметри для створення підрядків та символів верхнього індексу, підкреслення або керування певними шрифтами OpenType.
Натисніть вкладку «Абзац», щоб переглянути параметри форматування макета великих шматків тексту.
Тут ви можете зробити порожній або праворуч від текстового поля, а також вибрати, використовувати переноси чи ні.
Текстові ефекти у фотошопі
Фотошоп дозволяє додавати ефекти до будь-якого шару, включаючи текстовий шар. Це дозволяє вам додати тінь, яка виділяє ваш текст на тлі вашого дизайну, або, можливо, додати ефект світіння.
Двічі клацніть шар, щоб відкрити вікно «Стиль шару».
Виберіть «Тінь» та налаштуйте такі параметри, як непрозорість, кут та відстань. Переконайтеся, що кнопку «Попередній перегляд» позначено, щоб ви могли бачити ефект у реальному часі. Натисніть кнопку Гаразд, коли ви закінчите.
Такий самий підхід дозволяє додавати зовнішнє світіння до тексту або застосувати текстуру до шрифту.
Поворот або перекіс тексту у фотошопі
Щоб повернути або нахилити текст, виділіть текстовий шар і натисніть Ctrl + T або Cmd + T, щоб відкрити Free Transform Tool.
Наведіть вказівник миші на кут обмежувальної рамки, поки курсор не перетвориться на вигнуту стрілку. Тепер натисніть і перетягніть, щоб повернути.
Щоб нахилити текст, утримуйте клавішу Shift + Ctrl або Shift + Cmd і візьміть один з кермів на краю поля. Перетягніть, потім натисніть Enter, щоб підтвердити.
Пам'ятайте, що занадто велике спотворення може спотворити ваш шрифт.
Робота зі шрифтами у фотошопі
Вибір правильного шрифту, або пари шрифтів, є однією з найважливіших частин графічного дизайну.
Виберіть шрифти, використовуючи список «Шрифти» на панелі параметрів. Ви побачите невеликий попередній перегляд для кожного.
Додайте ваші улюблені шрифти до закладок, клацнувши піктограму зірочки поряд з ними. Щоб знайти їх знову, натисніть піктограму зірочки у рядку меню.
Виберіть шрифт і виберіть «Подібні шрифти», щоб переглянути всі доступні шрифти зі схожими характеристиками.
Щоб розширити вибір шрифтів, клацніть значок «Додати шрифти з Typekit» у меню «Шрифти», що розкривається.
Це запускає веб-сайт Adobe Typekit. Увійдіть до системи, якщо вам потрібно, потім знайдіть і виберіть будь-які шрифти, які ви хочете додати. Натисніть кнопку «Синхронізувати все», щоб зробити всі стилі цього шрифту доступними у Photoshop. Або синхронізуйте тільки ті стилі і ваги, які вам потрібні.
Відповідність шрифтів з інших зображень
Часто у вас може бути інше зображення, яке містить шрифт, який ви хотіли б використовувати, але не розпізнаєте. Інструмент відповідності шрифтів у Photoshop може допомогти ідентифікувати ці загадкові шрифти або, принаймні, запропонувати деякі подібні альтернативи.
Відкрийте зображення та перейдіть до Типу > Відповідність шрифту. Інструмент помістіть оверлів на ваш полотно. Налаштуйте позначки обрізки, щоб виділити шрифт, який ви бажаєте відповідати.
Деякі пропозиції будуть зроблені через кілька секунд. Виберіть один і натисніть кнопку Гаразд.
Тонке налаштування шрифту
Якщо ви створюєте логотип, ви можете зробити невелику хитрість, щоб надати їй унікальний відтінок, це налаштувати шрифт, який ви використовуєте. Ви можете зробити це легко у Photoshop.
Виділіть текст та виберіть «Текст» > «Перетворити на фігуру». Це робить текст більше не редагованим.
Візьміть інструмент вибору шляху (A) для вибору окремих символів. Тепер ви можете змінити їх колір, пересунути або повернути їх незалежно від іншого тексту.
Використовуйте інструмент прямого вибору, щоб показати шлях для кожного персонажа. Перетягніть опорні точки, щоб налаштувати вигляд шрифту, і ви навіть можете використовувати Pen Tool, щоб додати нові криві до ваших літер.
Що далі? Більше порад щодо Photoshop
Тип є невід'ємною частиною графічного дизайну, і Photoshop пропонує декілька досить потужних інструментів для керування тим, як текст виглядає на вашій сторінці.
Наступним кроком буде навчитися включати його в інші ваші проекти. Ознайомтеся з нашим керівництвом по роботі з векторною графікою в Photoshop. і ви зможете почати створювати значки, логотипи, плакати і багато іншого.
