Як зробити реалістичний текст у фотошопі

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

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

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

При переміщенні контуру або при зміні його форми пов'язаний текст наслідуватиме нове місцезнаходження та форму контуру.

Горизонтальний та вертикальний текст на незамкнутому контурі

Горизонтальний та вертикальний текст на замкнутому контурі, створеному інструментом фігури

Введення тексту за контуром

Виберіть інструмент «Горизонтальний текст» або «Вертикальний текст» .

Виберіть інструмент «Горизонтальний текст-маска» або «Вертикальний текст-маска» .

Встановіть курсор так, щоб індикатор базової лінії інструмента «Текст» знаходився на контурі, та клацніть його. Після цього з'являється курсор вставки на контурі.

Індикатор базової лінії інструмента "Текст" (ліворуч) та інструмент "Текст" з індикатором базової лінії на контурі (праворуч) Введіть текст. Горизонтальний текст виводиться вздовж контуру перпендикулярно до базової лінії. Вертикальний текст виводиться вздовж контуру паралельно до базової лінії.

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

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

Виберіть інструмент «Стрілка» або «Виділення контуру» та перемістіть його на текст. Курсор набуде I-подібної форми зі стрілкою .

Щоб перемістити текст, клацніть його та перетягніть по контуру. Будьте уважні: не перетягуйте поперек контуру.

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

Застосування інструментів "Стрілка" та "Виділення контуру" для переміщення або відображення тексту по контуру.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Також можна змінювати колір тексту у вікні «Символ», про яке я писала вище.

Якщо ви хочете поміняти колір тільки однієї літери, просто виділіть її інструментом «Текст». цілих три варіанти.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нахил

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

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

Деформація

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

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

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

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

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

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

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

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

Висновок

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

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

У цьому уроці автор показує, як створити реалістичний 3D-текст із ефектом золота в Adobe Photoshop. Для цього скористаємось різними стилями шару.

Складність уроку: Середній

У цьому уроці я покажу вам, як створити реалістичний 3D-текст із ефектом золота в Adobe Photoshop. Для цього ми скористаємось різними стилями шару. Почнемо!

1. Створюємо тло

Крок 1

Створюємо новий документ (Ctrl+N) з наступними налаштуваннями:

• Width (Ширіна): 850 пікс.
• Height (Висота): 500 пікс.
• Resolution (Роздільна здатність): 72 PPI

Крок 2

Дублюємо фоновий шар Layer – Duplicate Layer (Шар – Створити дублікат шару) або тиснемо клавіші Ctrl+J. Називаємо копію «фоновий візерунок».

Крок 3

Тепер потрібно додати текстуру.

Двічі клацаємо по шару "Фоновий візерунок", щоб відкрити вікно Layer Style (Стиль шару). Вибираємо стиль Pattern Overlay (Накладення візерунка) та клацаємо на кнопку вибору візерунка. У меню знаходимо візерунок Pattern01 і тиснемо ОК.

Крок 4

Щоб трохи затемнити фон, ми додамо ще один стиль шару із сірою напівпрозорою заливкою. Двічі клацаємо по шару "Фоновий візерунок", щоб відкрити вікно зі стилями, і вибираємо стиль шару Color Overlay (Накладення кольору).

2. Створюємо текст

Крок 1

Активуємо інструмент Type Tool (T) (Текст) та пишемо будь-яке слово, наприклад, GOLD. На панелі Window – Character (Вікно – Символ) вибираємо йому шрифт Anton.

Крок 2

Дублюємо (Ctrl+J) текстовий шар GOLD і називаємо верхню копію "GOLD A", а нижню - "GOLD B". За допомогою цих двох шарів та стилів ми створимо 3D-ефект.

Активуємо Move Tool (V) (Переміщення), на панелі шарів із затиснутою клавішею Ctrl вибираємо обидва текстові шари та фоновий, потім на верхній панелі вирівнюємо їх:

3. Застосовуємо стилі до першого шару

Крок 1

У цьому розділі ми будемо працювати із шаром «GOLD A». Вибираємо його і переходимо Layer – Layer Style – Pattern Overlay (Шар – Стиль шару – Накладення візерунка). У вікні тиснемо на кнопку вибору візерунка і в списку знаходимо візерунок Pattern02. Цю текстуру ми будемо використовувати як основу для ефекту золотого металу.

Крок 2

Далі починаємо надавати сяйво, для цього застосовуємо стиль шару Bevel and Emboss (Фаска та тиснення) з наступними налаштуваннями.

Тепер ми застосовуємо встановлений CustomContours.shc. Клацаємо по кнопці Gloss Contour (Контур глянцю) і в списку вибираємо CustomContour01.

Крок 3

Після цього застосовуємо Layer Style – Inner Shadow (Стиль шару – Внутрішня тінь), щоб підсвітити краї. Використовуємо налаштування, наведені нижче:

Крок 4

Додаємо стиль шару Inner Glow (Внутрішнє свічення) з наступними налаштуваннями, щоб підкреслити освітлені контури літер:

Тепер ми застосовуємо встановлений CustomContours.shc. Клацаємо по кнопці Contour (Контур) і в списку вибираємо CustomContour02.

Крок 5

Далі ми доопрацюємо відблиски, щоб покращити реалістичність. Переходимо Layer Style – Satin (Стиль шару – Глянець) та налаштовуємо стиль шару.

Тепер ми застосовуємо встановлений CustomContours.shc. Клацаємо по кнопці Contour (Контур) і в списку вибираємо CustomContour03.

• Anti-aliased (Згладжування): ставимо галочку
• Invert (Інвертувати): прибираємо галочку

Крок 6

У цьому кроці ми застосуємо градієнтну заливку, щоб згладити ефект золота. Відкриваємо вікно Layer Style (Стиль шару) та застосовуємо Gradient Overlay (Накладення градієнта).

Потім клацаємо по градієнтній смузі, щоб відкрити редактор градієнта:

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

Крок 7

Щоб покращити реалістичність тексту, застосовуємо Layer Style – Color Overlay (Стиль шару – Накладання кольору) з наступними налаштуваннями:

4. Застосовуємо стилі до другого шару

Крок 1

Далі ми продовжимо роботу з шаром "GOLD B", тому переконайтеся, що ви вибрали саме його!

У цьому розділі ми створюватимемо 3D-ефект.

Активуємо вільну трансформацію (Ctrl+T) та на верхній панелі встановлюємо Width (Ширина) на 92%. Тиснемо Enter, щоб застосувати зміни.

Крок 2

Щоб обидва текстові шари виглядали, як одне ціле, ми застосуємо до другого ту саму текстуру металу. Переходимо Layer Style – Pattern Overlay (Стиль шару – Накладення візерунка), клацаємо на кнопку вибору візерунка та у списку знаходимо Pattern02. Ця текстура буде основою 3D-ефекту.

Крок 3

Далі за допомогою градієнта ми покращимо ефект 3D. Відкриваємо стилі шару та застосовуємо Gradient Overlay (Накладення градієнта):

Клацаємо по градієнтній смузі, щоб відкрити редактор:

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

Крок 4

Щоб налаштувати колір золота, застосовуємо Color Overlay (Накладення кольору) з наступними налаштуваннями:

5. Додаємо тінь

Крок 1

У розділі ми додамо реалістичну тінь під текстом. Застосовуємо до шару GOLD B стиль Inner Shadow (Внутрішня тінь).

Для контуру використовуємо встановлений набір CustomContours.shc. Натискаємо на меню Contour (Контур) і вибираємо CustomContour04.

Налаштовуємо стиль шару, як показано нижче:

Крок 2

Продовжуємо працювати над додаванням тіні та застосовуємо стиль шару Outer Glow (Зовнішнє свічення):

Крок 3

Це останній крок, у якому ми додамо шорстку тінь. Застосовуємо стиль Drop Shadow (Тінь) та налаштовуємо його.

Фінальний результат

Чудова робота, ми закінчили!

У цьому уроці я показав вам, як створити реалістичний 3D-текст із ефектом золотого металу. Сподіваюся, вам сподобався урок і отримані знання стануть у нагоді в майбутніх проектах.

Іноді однієї ілюстрації недостатньо, і її обов'язково потрібно накласти напис – наприклад, назва бренду. Головне тут зробити все так, щоб вона виглядала по-справжньому органічно, виглядала частиною зображення, а не стороннім елементом і не впадала у вічі. За допомогою програми Фотошоп онлайн зробити це найпростіше!

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

Отже, починаємо. Відкриваємо у Photoshop Online вихідне зображення – чим якіснішим воно буде і чим більшим буде його розмір, тим краще, адже з великого фото завжди можна зробити менше, а ось з маленького велике – ні.

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

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

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

Натискаємо комбінацію клавіш Ctrl-T та застосовуємо Вільне трансформування. Використовуючи праву клавішу мишки, вибираємо інструмент Деформація. Він чудово підходить для закруглених поверхонь. Підтягуємо всі чотири кути так, щоб сітка з текстом відповідала своїй площині. При необхідності працюємо із внутрішніми точками.

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

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

Ось і весь урок Фотошопу з додавання тексту на фото!

Робота з текстом у фотошопі: огляд популярних ефектів

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

Текст за контуром

Про те, що написи можна деформувати за допомогою інструмента панелі параметрів, ви вже знаєте.

1. Створіть документ Photoshop.
2. Виберіть інструмент із групи Фігури і намалюйте контур (виберіть значення Контур із списку режимів на панелі параметрів).
3. Клацніть на кнопці інструмента Горизонтальний текст .
4. Перемістіть вказівник миші до краю контуру – туди, де буде починатися текст.

1. Клацніть кнопкою миші. На полотні з'явився курсор введення.
2. Наберіть бажаний текст (він розташовуватиметься по контуру) і підганяйте його розмір під розміри фігури.

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

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

1. Виберіть інструмент Виділення контуру (на панелі клацніть ).
2. Підведіть покажчик миші до контуру (курсор набуде вигляду: ).
3. Утримуючи кнопку миші, рухайте покажчик убік, куди хочете змістити текст, і він йтиме в тому напрямку.

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

Рухати текст по полотну можна як і будь-який інший об'єкт за допомогою інструмента Переміщення .

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

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

Ефекти текстового шару

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

У вікні ви можете вибрати стиль тексту, а також додаткові ефекти та налаштування.

Текст-маска

Інструменти Горизонтальна текст-маска та Вертикальна текст-маска створюють на шарі область виділення у вигляді введеного тексту. Після додавання напису область раструється і її можна залити кольором, градієнтом, картинкою, застосувати один із фільтрів або використати якось ще.

1. Виберіть інструмент Горизонтальний текст або Вертикальний текст.
2. Клацніть кнопкою миші на полотні.
3. Введіть напис.
4. Приділіть увагу розміру шрифту, стилю, контуру, іншим параметрам.
5. Коли все готово, на панелі параметрів натисніть галочку.

Корисні посилання:

• Безкоштовні відеоуроки по Фотошопу;
• Каталог платних курсів по Фотошопу відеоуроки з різних напрямків;
• курси для фотографів;
• Повноцінний онлайн курс з веб-дизайну з нуля від SkillBox.

Як написати текст по колу, кривій та контуру

Припустимо, нам знадобилося написати текст навколо якогось предмета малюнку. У Фотошопі є безліч способів та інструментів для виконання цього завдання. У фотошопі текст можна написати замкнутим і незамкненим контуром. Можна задати початок і кінець тексту, висоту, напрямок, вирівнювання, за допомогою переміщення курсору миші можна перевернути текст.
У статті розглянемо написання тексту з допомогою інструмента «Перо» (Pen Tool, група інструментів включається клавішею P).

Вибираємо цей інструмент «Перо» та створюємо плавну вигнуту лінію. Перо має бути при цьому в режимі "Контур" (Paths).

Потім створимо замкнуту векторну фігуру овальної форми за допомогою інструмента "Еліпс" (Ellipse Tool, група інструментів включається клавішею U). У мене вийшла така картинка:

На малюнку нижче я показав два види курсору, звичайний текстовий і той же курсор під час підведення до лінії контуру

Працювати з текстом, прив'язаним до контуру, набагато складніше, ніж зі звичайним текстом через безліч нових параметрів і налаштувань. У разі роботи з таким текстом слід акуратно переміщати мишу та уважно стежити за змінами виду курсору. Але навіть якщо і скоєно помилкову дію, засмучуватися не варто, тому що завжди можна натиснути на комбінацію клавіш Ctrl+Z для скасування останньої дії або на Ctrl+Alt+Z для скасування кількох дій.

Продовжуємо створювати текст.Наводимо текстовий курсор на лінію контуру та клацаємо по ній. На контурі з'являється миготливий курсор у вигляді перпендикулярного відрізка.

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

Ці вказівники можна переміщати, і, відповідно, переміститься також текст. Для переміщення обмежувачів початку та кінця тексту треба вибрати інструмент "Виділення контуру" (Path Selection Tool).

При підведенні курсору до тексту він знову змінить свій вигляд на такий:

Якщо ми наведемо курсор на початковий обмежувач, затиснемо ліву клавішу миші та перемістимо його вздовж лінії, то текст переміститься за ним. З'явиться відстань між текстом та кінцевим обмежувачем. Однак, якщо ми змінимо режим вирівнювання тексту, наприклад, виберемо «вирівнювання до правого краю», то текст «прилипне» до правого обмежувача. Це я показав на малюнку:

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

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

Не забуваймо, що для переміщення обмежувачів та перевороту тексту має бути активним не інструмент «Текст», а інструмент «Виділення контуру» (Path Selection Tool)!

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

Якщо ми захочемо «перекинути» текст, всі літери виявляться всередині овалу, а початок і кінець тексту поміняються місцями.

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

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