Основи роботи з інструментом "Текст" у Photoshop

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

У цьому матеріалі ми розглянемо основи роботи з текстом Photoshop.

У Photoshop існує два основних методи додавання тексту - введення тексту рядком (звичайний) та введення тексту в область. Найчастіше використовуваним із цих двох методів є спосіб додавання тексту рядком.

Введення тексту у Photoshop

Для введення тексту у Photoshop використовується інструмент «Текст» (Type Tool), розташований на панелі інструментів у лівій частині екрана, або, щоб вибрати інструмент, слід натиснути на клавішу клавіатури T:

Коли інструмент вибрано, курсор миші зміниться на символ, який зазвичай називають «двотавровою балкою». На малюнку нижче я дещо збільшив цей символ:

Дивитись інші матеріали щодо інструменту «Текст»:

Вибір шрифту

Як тільки ми вибираємо інструмент «Текст», на панелі параметрів верху екрана відображаються опції та параметри, що стосуються цього інструменту, зліва розташовані варіанти для вибору типу, стилю та розміру шрифту:

Щоб переглянути повний список доступних шрифтів, натисніть на маленький трикутник праворуч у полі вибору шрифту.
Ця дія відкриває список усіх шрифтів, які можна вибрати в даний момент. Кількість та вибір шрифтів залежить від шрифтів, встановлених на даний момент у Вашій операційній системі:

Примітка! Не всі встановлені у Вашій системі шрифти підтримують кирилицю (російські літери).

Примітка! Шрифти не обов'язково встановлювати в системну папку Windows, можливе тимчасове завантаження шрифту до перезавантаження/вимкнення комп'ютера, детальніше про встановлення шрифтів у Photoshop розповідається тут.

Зміна розміру попереднього перегляду шрифту

У вікні попереднього перегляду Photoshop показує не тільки ім'я кожного шрифту, але й відображає попередній перегляд зразка зовнішнього вигляду (для зразка застосовується слово "Sample", що знаходиться праворуч від назви шрифту):

Ми можемо змінити розмір попереднього перегляду шрифту. Залежно від версії, нижче CS5 треба пройти за вкладкою головного меню Редагування -> Установки -> Текст (Edit -> Preferences -> Type), у версіях вище - за вкладкою головного меню Текст -> Розмір шрифту (Type -> Font Preview) Size). За замовчуванням розмір встановлено як середній (Medium). Наприклад, я виберу найбільший розмір, ось як тепер виглядають зразки попереднього перегляду шрифтів:

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

Вибір стилю (накреслення) шрифту

Як тільки ви вибрали сам шрифт, ми можемо вибрати його стиль, натиснувши трикутник у правій частині вікна вибору стилю. Вкажіть потрібний стиль шрифту, вибравши звичайний (Regular), жирний (Bold), курсив (Italic):

Встановлення розміру шрифту

Виберіть розмір для шрифту, натиснувши трикутник у правій частині вікна вибору розміру. Це відкриє список часто встановлених розмірів, які можна вибрати від 6 px до 72 px:

Якщо жоден з цих розмірів не задовольняє Ваші потреби, Ви можете вручну задати будь-яке власне значення, клікнувши мишкою в поле розміру, ввести значення, потім натиснути Enter, одиниці «px» наприкінці числа ставить не обов'язково, т.к. Photoshop автоматично додасть його при натисканні Enter. Інший спосіб зміни розмірів - навести курсор миші трохи ліворуч від вікна введення, натиснути ліву клавішу (курсор змінить свій вигляд на палець зі стрілками) і протягнути курсор ліворуч або праворуч для збільшення або зменшення розміру:

Вибір кольору тексту

Правіше знаходиться бар, де ми можемо задати тексту колір. За замовчуванням колір чорний. Щоб змінити колір, натисніть на зразок. Photoshop відкриє палітру кольорів, де ми можемо підібрати інший колір для тексту:

Додавання тексту до документа Photoshop

Як я вже говорив коротко на початку уроку, є два різні методи додавання тексту в документ Photoshop, це звичайний (рядок) і метод додавання тексту в область. Різниця між ними в тому, що перший спосіб в основному використовується для додавання невеликої кількості тексту в документ (однієї або декількох літер або слів, заголовка і т.п.), у той час як додавання в область застосовується для додавання більшої кількості тексту всередину заздалегідь встановленій області.
Тут ми розглянемо перший спосіб, т.к. він застосовується у переважній більшості випадків.

Щоб додати текст до документа, виберіть інструмент «Текст», наведіть курсор у точку, де потрібно почати текст і натисніть ліву клавішу миші. Миготливий маркер на документі вкаже, що Photoshoop готовий для введення тексту:

При цьому Photoshop додасть до палітри шарів новий, особливий вид шару, званий текстовим, його легко відрізнити по мініатюрі у вигляді літери Т.Щоразу, коли ми додаємо текст до документа, він розміщується на новому текстовому шарі. Photoshop спочатку називає новий шар як "Шар 1" (Layer 1), але назва зміниться, як тільки ми введемо текст, як ми розглянемо трохи пізніше:

Після того, як у документі з'явився блимаючий маркер, ви можете почати друкувати.

Переміщення тексту зображення

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

Для переміщення тексту за зображенням потрібно трохи відвести курсор від тексту. він змінить вигляд з двотаврової балки на значок інструменту «Переміщення» (Move Tool), після зміни виду курсору затисніть ліву клавішу миші і перетягніть текст у потрібне місце:

Прийняття та завершення редагування тексту

Що таке прийняття тексту? Після прийняття тексту відбувається завершення редагування поточного текстового шару та вихід із цього шару. При цьому сам інструмент «Текст» залишається активним. Якщо ви натисніть на документ після прийняття, то Photoshop створить новий текстовий шар.

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

Або натисніть клавішу Enter, розташовану в нижньому правому кутку цифрової клавіатури (не той Enter, який ми зазвичай натискаємо!), або комбінацію звичайний Enter+Ctrl.

Після того, як Ви прийняли текст, Photoshop перейменовує текстовий шар, використовуючи перші літери тексту як нове ім'я для шару, це дуже корисно при роботі з кількома текстовими шарами:

Скасувати або видалити текст

Якщо Ви бажаєте видалити текст до того? як Ви його прийняли, просто натисніть Esc. Photoshop видаляє текст та текстовий шар.

Для видалення вже прийнятого тексту потрібно на панелі шарів перетягнути текстовий шар у кошик.

Параметри вирівнювання тексту

Крім того, панель параметрів має три варіанти вирівнювання тексту — вирівняти по лівому краю, по центру, по правому краю. За замовчуванням вибрано опцію вирівнювання по лівому краю, що означає, що при наборі тексту він додаватиметься праворуч від відправної точки. Якщо ми виберемо опцію «вирівнювання праворуч», текст буде додаватися ліворуч від відправної точки. Якщо ж ми виберемо опцію «вирівнювання по центру», то при введенні текст додаватиметься в обох напрямках на однаковій відстані від точки вставки.

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

Вибір та редагування тексту

Після введення тексту ми можемо легко повернутися назад і змінити будь-яку ділянку тексту, як і в будь-якій програмі-текстовому редакторі.
Пересуватися текстом можна за допомогою клавіатурних стрілок, а можна, клацаючи мишею в потрібній області. Видаляти букви як завжди, кнопкою «Назад» (Backspase) — ліву букву від курсору. Виділяють (вибирають) літери за допомогою затиснутої Shift та клавіатурних стрілок, або мишею.

Щоб миттєво виділити слово, двічі клацніть мишею, щоб виділити рядок — клацніть по рядку тричі:

Якщо у Вас є кілька рядків тексту, розділених малими переносами, для вибору всього тексту двічі клацніть по мініатюрі текстового шару:

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

Зміна кольору тексту у Photoshop

За таким же принципом ми можемо змінити колір тексту. Для цього треба виділити потрібну ділянку, клікнути по кольоровому квадратику на панелі параметрів, у вікні вибрати колір і натиснути ОК:

Про тонкощі редагування тексту Photoshop і додаткові гарячі клавіші читайте тут.

Власник цього сайту. Графічний дизайнер, спеціаліст з Фотошопу з досвідом 10+ років. Також веду канал про графічний дизайн на Ютуб та розвиваю тематичну спільноту у ВКонтакті. Зв'язатися зі мною можна через коментарі, форму зворотнього зв'язку або електронною поштою [email protected]

Оформлення тексту у Photoshop: повний посібник для новачків

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

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

Додаємо текст у Фотошопі

Настав час зробити перші кроки: спробуємо додати текст на білому тлі. Створюємо новий документ – за замовчуванням ми вже маємо шар з фоном. Натискаємо на інструмент "Текст" на панелі інструментів у лівій частині екрана (можна просто натиснути клавішу Т). Тепер можна натиснути будь-де на полотні – там з'явиться поле для введення горизонтального тексту.

Якщо ви бажаєте, щоб текст йшов вертикально, потрібно натиснути на інструмент «Текст» правою кнопкою миші – тоді випаде меню, в якому можна вибрати інструмент «Вертикальний текст».

Ці методи добре підходять до створення заголовків. Однак якщо вам потрібно зробити абзац, можна зробити трохи інакше. Клацніть лівою кнопкою миші по полотну та потягніть – ви побачите, що тепер з'явилася рамка для введення абзацу.

Коли ви створюєте новий текст у документі, він відображається у вигляді текстового шару. Якщо ви не бачите цю панель, просто натисніть F7 або відкрийте вкладку "Вікно" - "Шари". Обов'язково відкрийте цю панель – далі ми часто до неї звертатимемося.

Редагування тексту у Photoshop

Початок покладено – у нас є заголовок та абзац під ним. Давайте подивимося, як можна змінити зовнішній вигляд текстів за допомогою базових інструментів Adobe Photoshop. Я створюю новий напис і маленький абзац, а на фон поставлю якусь картинку. Давайте тепер відкриємо вкладки «Вікно» – «Символ» та «Вікно» – «Абзац».

Це два головні вікна для форматування тексту, де є всі параметри. У вікні «Символ» можна вибирати та змінювати шрифти, налаштовувати відстань між літерами та багато іншого. У вікні «Абзац» – налаштовувати вирівнювання текстів та відступи. А тепер я розповім про все докладніше.

Як змінити шрифт та розмір тексту

Для того щоб змінити розмір тексту, спочатку потрібно знайти інструмент «Переміщення» на панелі інструментів (значок зі стрілками). Вибираємо текст, розмір якого потрібно змінити, і просто тягнемо за куточок рамки. Якщо так зробити не вдалося - переконайтеся, що у верхній панелі стоїть галочка біля пункту «Автовибір».

Якщо Photoshop був випущений до червня 2019 року, то для пропорційної зміни розміру необхідно затискати Shift.

Змінити розмір тексту можна іншим способом – просто виберіть потрібний розмір шрифту. Виберіть шар із текстом, а потім натисніть інструмент «Текст» (Т). У верхній панелі або у вікні «Символ» з'являться всі необхідні параметри: щоб змінити розмір шрифту, впишіть значення або виберіть щось із запропонованого меню. Тут ви можете вибрати шрифт – щоб побачити всі встановлені шрифти, натисніть на стрілочку.

Як зробити вирівнювання тексту

Щоб настроїти вимкнення, використовуйте вікно «Абзац». На іконках зображені мініатюри способів вирівнювання.

Як змінити текст у Photoshop

Існує два способи змінити текст:

1. Натисніть інструмент «Переміщення» (V), а потім двічі клацніть на текст.
2. Виберіть інструмент «Текст» (Т) і клацніть текст на полотні.

Як змінити колір тексту

Давайте спробуємо додати фарб – поміняємо колір заголовка. Щоб це зробити, натисніть інструмент «Текст», потім виберіть потрібний шар у панелі шарів, а нагорі натисніть на квадратик з кольором.

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

Можна також змінювати колір тексту у вікні «Символ», про яке я писала вище. Виберіть шар із текстом, а потім клацніть по полю «Колір». Ви чудові!

Якщо ви хочете змінити колір лише однієї літери, просто виділіть її інструментом «Текст». Я зробила нову картинку з кукурудзкою і тепер хочу пофарбувати першу букву жовтого кольору. Виділяю її, а потім натискаю на віконце «Колір» у будь-якій області – у мене цілих три варіанти.

З'являється палітра, і ось він жовтий! До речі, колір можна взяти піпеткою з картинки або іншого напису: просто натисніть мишкою на потрібний колір на полотні, а курсор сам перетвориться на піпетку.

Як скопіювати текст

Щоб скопіювати текст у Фотошопі, необхідно вибрати потрібний шар на полотні (знов переконайтеся, що увімкнено «Автовибір»), затисніть Alt і потягніть мишкою убік. Так ви можете одразу проконтролювати, куди розмістити копію. Інший спосіб – безсмертні поєднання клавіш Ctrl+C та Ctrl+V, але в цьому випадку текст поміститься на полотно рандомно.

Якщо ви хочете скопіювати текст так, щоб він опинився рівно на тому ж місці, потягніть цей шар на панелі «Шари» вгору або вниз із Alt.

Метод копіювання та вставки також працює, якщо ви копіюєте текст, наприклад з Word.

Створюємо ефекти для тексту

Photoshop – потужний графічний редактор. З його допомогою можна створювати красиві ефекти для тексту: неонове свічення, об'ємний текст або модний градієнт. Почнемо з основ і розглянемо кілька популярних ефектів та способів спотворення тексту.

Як зробити обведення тексту

Щоб зробити просте обведення тексту у Фотошопі, необхідно потрапити у вікно «Стилі шару». Знаходимо потрібний шар на панелі шарів і двічі клацаємо мишею. Ставимо галочку біля пункту «Виконати обведення»: у цьому віконці можна вибрати її колір, положення та розмір.

Як зробити контур тексту

Ще одне завдання, яке можна вирішити за кілька хвилин. Отже, у мене вже підготовлено картинку з горами. Я хочу написати на ній контуром слово "nature". Вибираю інструмент «Текст», натискаю кудись на полотні та пишу заповітне слово.

Далі діємо приблизно так само, як з обведенням: заходимо в «Стилі шару» і виставляємо колір та товщину обведення.А тепер магія! На панелі шарів викручуємо пункт «Заливка» на 0%. Тепер у напису видно лише контур.

Як зробити прозорий текст

Прозорий (вирубаний) текст я робитиму на білій плашці. Спочатку потрібно створити новий документ і помістити в нього якусь картинку. Сьогодні мені особливо подобаються чорно-білі краєвиди, нічого не можу вдіяти. Давайте створимо новий текстовий шар та напишемо будь-яке слово. У мене це буде «mystery» – гадаю, відмінно підходить.

Далі стежте за руками:

1. Натискаємо на інструмент "Прямокутник" (U), щоб зробити підкладку. Я візьму прямокутник білого кольору із заокругленими кутами.
2. Переміщуємо цю фігуру під шар із текстом (потягніть його на панелі шарів униз на один пункт).
3. Натискаємо правою кнопкою мишки на панелі шарів шаром прямокутника, потім на «Раструвати шар».
4. Тепер із затиснутою кнопкою Ctrl клацаємо по шару з текстом, прямо за значком "Т".
5. Приховуємо текстовий шар, тицьнувши на іконку з вічком.
6. Вибираємо шар із плашкою і натискаємо Delete.

Як змінити прозорість тексту

Щоб змінити прозорість літер, відкрийте панель «Шари». Знайдіть потрібний шар і введіть значення непрозорості. Якщо натиснути на стрілку, з'явиться повзунок.

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

Як зробити неонові букви

Спробуємо зробити модний неоновий текст. Способів існує маса, але найчастіше я використовую цей:

1. Створюємо текстовий шар якогось кислотного кольору, наприклад яскраво-малинового.
2. Двічі клацаємо по ньому на панелі, щоб викликати вікно стилів шару.
3. Відкриваємо «Зовнішнє свічення» і вибираємо колір цього свічення – у мене малинові літери, і свічення від них я теж зроблю малиновим, тільки трохи світлішим.
4. Налаштовуємо непрозорість та переходимо до вкладки «Внутрішнє свічення».
5. У вкладці «Внутрішнє свічення» я вибрала світло-рожевий колір, повністю непрозорий, а біля пункту «Джерело» – «З центру».

Після всіх налаштувань можна змінити текст. А якщо ви скопіюєте шар, всі налаштування неону теж збережуться. Покрутіть повзунки, пограйте з прозорістю, відтінками та м'якістю свічення. Експериментуйте, у вас все вийде!

Як зробити градієнт тексту

Ще один модний ефект, який я робитиму через віконце «Стилі шару». Я зроблю кольоровий градієнт на слово "mystery" - можливо, це зробить ліс трохи веселішим. Отже, заходимо в «Стилі шару» через подвійний клік текстовим шаром, а далі – «Накладення градієнта».

Якщо клацнути по самому градієнту, ви побачите вікно редактора, де можна вибрати кольори та виставити всі налаштування. Редагуйте колір, клацнувши по маленькому повзунку-квадратику, розташованому під градієнтом. Якщо рухати повзунки по горизонталі, градієнт змінюватиметься. Створений градієнт можна зберегти: ви можете зібрати цілу колекцію власних градієнтів. Спробуйте!

Змінюємо форму

Нахил

Щоб зробити нахил тексту, виберіть його інструментом «Переміщення» або натисніть на панелі шарів. Потім виберіть вкладку "Редагування" - "Трансформування" - "Нахил".

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

Деформація

Фотошоп має спеціальне вікно, присвячене деформації тексту. Щоб відкрити його, натисніть інструмент «Текст».Нагорі з'явиться кнопка, яка відкриває вікно деформації. Тут ви можете вибрати стиль та налаштувати рівень спотворення тексту. Після цього текст все ще буде доступним для редагування.

Є ще один спосіб деформувати напис. Якщо натиснути правою кнопкою мишки по текстовому шару і потім на «Раструвати текст», відкриється нове поле можливостей.

Пам'ятайте, що після растрування текст не можна буде редагувати. Розтрирувавши його, зайдіть у вкладку "Редагування" - "Трансформування", а там виберіть, наприклад, "Спотворення".

Можна тягнути слово у будь-який бік, спробуйте!

У вкладці "Трансформування" є й інші штучки. Зверніть увагу на пункт «Деформація» – за його допомогою можна робити кумедні речі. Ось що вийде, якщо вибрати деформацію із сіткою 5х5:

Як зробити текст по колу

Текст по колу Adobe Photoshop робиться буквально в пару кліків. Отже, спершу нам необхідно намалювати коло. Знайдіть інструмент «Еліпс». Він може ховатися за прямокутником - клацніть по ньому правою кнопкою мишки, і ви відразу його побачите.

Нагорі виберіть «Контур». Затисніть Shift, щоб створити коло, і відпустіть, коли розмір влаштує вас. Щоб почати писати текст по колу, оберіть інструмент «Текст» і клацніть прямо на контур нашого кола. Щоб редагувати текст, натисніть двічі.

Висновок

Фотошоп пропонує безліч інструментів, які дозволяють робити з текстом будь-що – все залежить тільки від вашої фантазії. У цьому матеріалі я показала вам найпростіші речі, але якщо ви вчитиметеся працювати в програмі далі, то зможете створювати більш складні ефекти. Багато ефектів можна зробити через «Стилі шару»: спробуйте пограти з різними значеннями – іноді поєднання дають несподіваний і цікавий результат.

Сподіваюся, що ця стаття допомогла вам трохи прокачати свій рівень володіння Фотошопом:)