Добавить текст в PS кажется простым делом, пока не разваливается вёрстка. Это руководство проходит весь путь: создание холста, выбор инструмента «Текст», правильные размер шрифта, интерлиньяж и выравнивание, а затем экспорт в PNG и PSD. Опыт не требуется, а деформация текста и продвинутые стили разобраны в конце.
Шаг 1: Откройте Online PS
- Откройте в браузере Online PS (zaixianps.cc).
- Как только страница загрузится, вы получите рабочую область в духе Photoshop — устанавливать ничего не нужно.
Шаг 2: Создайте новый холст
- Нажмите меню
Файлслева вверху →Создатьили просто используйте сочетаниеCtrl+N(на Mac тожеCtrl+N). - В открывшемся диалоге задайте ширину, высоту, разрешение и содержимое фона, затем нажмите
Создать.
Шаг 3: Выберите инструмент «Текст»
- На панели инструментов слева найдите
Горизонтальный текстилиВертикальный текст(сочетаниеT) и нажмите, чтобы перейти в режим редактирования текста.
Шаг 4: Задайте параметры текста
- Цвет: щёлкните по образцу цвета вверху панели инструментов и выберите нужный оттенок.
- Шрифт и размер: в раскрывающихся списках на панели параметров вверху выберите шрифт, размер и начертание (полужирный, курсив и так далее).
Шаг 5: Наберите текст на холсте
- Щёлкните в любом месте холста — появится текстовый курсор.
- Наберите текст; Enter начинает новую строку. Каждая строка становится отдельным текстовым объектом.
Шаг 6: Отрегулируйте положение текста
- Выделите соответствующий текстовый слой (на панели «Слои» справа), затем перетащите текст на место инструментом
Перемещение(сочетаниеV).
Шаг 7: Отредактируйте уже набранный текст
- С выделенным текстовым слоем дважды щёлкните по тексту на холсте, чтобы снова войти в режим редактирования.
- Шрифт, размер, цвет и выравнивание можно в любой момент изменить на панели параметров вверху.
Шаг 8: Сохраните или экспортируйте изображение
- Экспорт в распространённый формат изображения:
- Нажмите
Файл → Экспортировать каки выберите в подменю нужный формат —PNG,JPEG,SVG. - Проверьте настройки в появившемся окне, нажмите
Сохранить, и браузер скачает файл автоматически.
- Нажмите
- Сохранить как редактируемый PSD (чтобы позже продолжить работу в Photopea или Photoshop):
- Выберите
Файл → Сохранить как PSD, и файл сразу скачается в формате.psd.
- Выберите
Дополнительные возможности текста (необязательно)
- Деформировать текст: выделите текстовый слой → нажмите
…(ещё) на панели параметров → выберитеДеформировать тексти изогните текст в дуги, волны и другие формы. - Текст по контуру: сначала нарисуйте контур инструментом
Перо→ выберите инструмент «Текст» → наведите курсор на контур и щёлкните, чтобы набирать текст вдоль него.
Советы
- Совместимость с браузерами: используйте последние версии Chrome, Edge, Firefox или Safari и отключите блокировщики рекламы, чтобы ничто не мешало инструментам.
- Сочетания клавиш: большинство сочетаний Photoshop работают в Photopea так же; когда они привычны, редактирование идёт гораздо быстрее.
- Автосохранение: Photopea автоматически хранит недавнюю работу в локальном кеше браузера. На всякий случай экспортируйте PSD перед закрытием страницы.
Следуйте шагам выше — и вы за считанные минуты добавите, отредактируете и экспортируете текст в Photopea почти без обучения. Если нужны более сложные текстовые эффекты, обратитесь к официальной справке Photopea или к продвинутому уроку по Photoshop.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и современная обработка изображений на фронтенде
- Online PS