Перейти до уроку
lil cactus

Як змінити текст на зображенні

Початковий6 хвилинОновлено

Коротка відповідь

Щоб змінити текст у JPG чи PNG у Lil Cactus, візьміть зразок фону інструментом Піпетка, виділіть старі слова інструментом Область і, якщо фон однотонний, закрийте їх командою Редагувати потім Заповнити кольором переднього плану. Виберіть інструмент Текст, підберіть шрифт, розмір і колір і введіть нові слова на окремому шарі. Експортуйте нове зображення командою Файл потім Експорт потім PNG… Якщо у файлі вже є редагований текстовий шар, просто змініть поле Вміст тексту на панелі Властивості.

Флаєр кав’ярні, на якому SUNDAY CLUB замінено на COFFEE CLUB; менший рядок і фото чашки залишилися на місці
Приклад — це зведений PNG. Новий заголовок — окремий текстовий шар. Перетягніть повзунок, щоб порівняти.
Час
6 хвилин
Рівень
Початковий
Що потрібно
Зображення зі словами, які треба замінити; для основних кроків найкраще підходить однотонний фон
Підходить для
JPG, PNG, WebP та інші зображення; редаговані текстові шари в проєктах і підтримуваних файлах PSD
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

У JPG чи PNG літери — це пікселі, так само як фото поруч із ними. Клацання по них інструментом «Текст» не поверне ні початкових слів, ні налаштувань шрифту. Старі літери треба закрити, а потім додати нові. Інша справа — проєкт із шарами: там текст може досі редагуватися.

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

Заміна заголовка за шість кроків

  1. Відкрийте зображення й дублюйте його шар

    Відкрийте приклад із цієї сторінки або виберіть Файл потім Відкрити…, щоб відкрити своє зображення. У прикладі є один шар Фон: заголовок — частина його пікселів. Виберіть Шар потім Дублювати шар, щоб створити шар Фон копія. Працюйте з цією копією, щоб незмінене зображення залишалося під нею.

    Перш ніж закривати власний текст, запам’ятайте форму літер, накреслення, розмір і колір. У прикладі заголовок набрано шрифтом Arial, жирним, 104 px, колір #34382F.

    Панель «Шари» з виділеним шаром «Фон копія» над шаром «Фон»
    «Фон копія» — робочий шар. Оригінал лежить під ним.
  2. Візьміть зразок кольору панелі й виділіть старий заголовок

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

    Виберіть на панелі інструментів інструмент Область. За замовчуванням він малює прямокутник із чіткими краями (на панелі параметрів Фігура: Прямокутник, Розтушування: 0). Протягніть прямокутник навколо всього заголовка, залишивши трохи кремового простору з кожного боку. Почніть вище й лівіше від літери S, закінчіть правіше від B і нижче від літер, а менший рядок залиште поза прямокутником.

    Кнопка «Піпетка» на панелі інструментів обведена серед сусідніх інструментів
    Клацніть значок піпетки, щоб вибрати «Піпетка».
    Кнопка «Область» на панелі інструментів обведена між «Переміщення» і «Ласо»
    Пунктирний прямокутник — це «Область».
    Прямокутне виділення навколо SUNDAY CLUB із кремовим простором навколо літер; менший рядок поза ним
    Захопіть усі крайові пікселі заголовка, але менший рядок залиште поза виділенням.
  3. Залийте старий заголовок зразком кольору

    Виберіть Редагувати потім Заповнити кольором переднього плану. Виділений прямокутник стане кремовим і закриє заголовок. Потім виберіть Виділити потім Скасувати виділення, щоб прибрати пунктирний контур.

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

    Меню «Редагувати» з обведеним пунктом «Заповнити кольором переднього плану»
    «Заповнити кольором переднього плану» використовує колір, який ви взяли піпеткою.
    Кремова панель без заголовка; менший рядок про каву все ще видно
    Однотонна панель чиста й готова до нового тексту.
  4. Підберіть шрифт, розмір і колір

    Виберіть на панелі інструментів інструмент Текст. На панелі параметрів — смузі під меню — виберіть шрифт Arial, у полі Розмір введіть 104 і ввімкніть Жирний. Клацніть зразок кольору ближче до правого кінця панелі параметрів, після кнопок вирівнювання, щоб відкрити вікно Колір тексту, введіть 34382F у поле # і натисніть кнопку OK.

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

    Кнопка «Текст» на панелі інструментів обведена серед сусідніх інструментів
    Виберіть значок T, щоб узяти інструмент «Текст».
    Параметри тексту: Arial, розмір 104 px і вибраний «Жирний»
    Заголовок у прикладі набрано шрифтом Arial, 104 px, жирним.
    Уся кнопка кольору обведена після елементів вирівнювання й напрямку тексту
    Цей зразок кольору відкриває вікно «Колір тексту».
    Вибір кольору «Колір тексту» з шістнадцятковим кольором 34382F
    34382F відповідає темно-зеленим літерам прикладу.
  5. Введіть новий заголовок

    Клацніть на очищеній панелі на одній лінії з лівим краєм меншого рядка, приблизно на висоту рядка заголовка над ним. Клацання задає лінію, на якій стоять літери, тож клацайте там, де має бути низ нових літер. Введіть COFFEE CLUB. Щоб завершити, клацніть галочку на правому кінці панелі параметрів (Підтвердити текст).

    Якщо заголовок треба посунути, виберіть інструмент Переміщення, залиште новий текстовий шар виділеним на панелі Шари і перетягніть літери на місце. Командою Перегляд потім Збільшити масштаб порівняйте літери з лівим краєм меншого рядка. Новий заголовок має власний текстовий шар, тож його можна змінити пізніше.

    Галочка «Підтвердити текст» обведена праворуч на панелі параметрів
    Галочка підтверджує текст.
    Темно-зелений напис COFFEE CLUB над початковим меншим рядком про каву
    Новий заголовок вирівняно з меншим рядком.
    Панель «Шари» з текстовим шаром над шарами «Фон копія» і «Фон»
    Нові літери відокремлені від відновленого зображення.
    Кнопка «Переміщення» на панелі інструментів обведена над сусідніми інструментами
    Значок стрілки — це «Переміщення».
  6. Експортуйте зображення й збережіть редагований проєкт

    Виберіть Файл потім Експорт потім PNG…, у полі Назва файлу введіть coffee-club.png і натисніть кнопку Експортувати. PNG підходить для дизайну з чіткими літерами. Для фотографії є й інший варіант у Файл потім Експорт — JPEG.

    Виберіть Файл потім Зберегти як потім Проєкт Lil Cactus…, щоб новий текст і незмінений оригінальний шар залишалися редагованими. Поки проєкту немає, команда Файл потім Зберегти записує зведений результат назад у відкритий PNG або питає, куди зберегти, якщо браузер не може записати у файл. Після Файл потім Зберегти як потім Проєкт Lil Cactus… команда Файл потім Зберегти оновлює проєкт. Експорт завжди створює новий файл.

    Параметри експорту в PNG з назвою файлу coffee-club.png
    Експортуйте PNG, щоб поділитися, і збережіть проєкт для подальших змін тексту.

Якщо у файлі вже є текстовий шар

У проєкті з шарами чи PSD виділіть текстовий шар зі словами на панелі Шари. Якщо панель прихована, відкрийте Вікно потім Властивості. У розділі Текстовий шар відредагуйте поле Вміст тексту, а потім клацніть поза полем, щоб застосувати зміну. Можна також вибрати інструмент Текст, клацнути наявний напис і виділити символи, які треба замінити.

Піксельний шар, зокрема з текстом, який звели ще до того, як файл потрапив до вас, не має редагованих слів. Для такого шару виконайте основні кроки.

Текст поверх фотографії чи візерунка

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

Розв’язання типових проблем

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

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

Залишилися фрагменти старих літер

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

Нові слова не вміщаються

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

Зміна шрифту змінює й інший заголовок

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

Що робити далі

Зміна тексту на зображенні: запитання та відповіді

Чи можна змінити текст у JPG чи PNG?

Так. У Lil Cactus закрийте або відновіть старий напис, а потім створіть новий текстовий шар. JPG чи PNG не містить початкових налаштувань тексту, тож шрифт доводиться підбирати на око.

Чи можна змінити текст у PSD, не видаляючи його?

Так, якщо PSD містить редагований текстовий шар. У Lil Cactus виділіть цей шар і відредагуйте поле «Вміст тексту» на панелі «Властивості». Текст, який уже зведено чи перетворено на пікселі, потребує методу з відновленням фону.

Як підібрати колір нового тексту?

У Lil Cactus відкрийте вибір кольору «Колір тексту» з панелі параметрів тексту й клацніть усередині товстої частини літери початкового тексту, попередньо сховавши шар, який його закриває. М’який край літери містить домішку кольору фону.

Чому новий текст виглядає не так, як оригінал?

Може відрізнятися гарнітура, накреслення, розмір чи інтервали, а стиснене зображення може мати м’якші краї, ніж щойно набрані літери. У Lil Cactus порівняйте їх у режимі «Перегляд › Фактичний розмір (100%)», перш ніж вирішувати, який параметр змінити.

Чи залишиться новий текст редагованим після експорту в PNG?

Ні. Lil Cactus експортує в PNG готові пікселі. Збережіть також проєкт Lil Cactus, щоб новий текст залишався редагованим шаром.

Чи завантажується моє зображення на сервер, коли я змінюю на ньому текст?

Ні. Lil Cactus відкриває, редагує й експортує зображення на вашому пристрої. Зображення не надсилається на сервер.