Photopea: онлайн-графический редактор с поддержкой PSD, слоев, ретуши

Photopea — это браузерный редактор растровой и векторной графики, который особенно ценят за работу с PSD-файлами, слоями, масками, Smart Objects, текстом, выделениями, фильтрами и форматами, которые обычно требуют установки отдельного графического редактора. Программа подходит не только для быстрой обрезки фотографии или изменения размера изображения: в ней можно редактировать сложные PSD-макеты, менять текст в шаблонах, удалять фон, ретушировать фото, собирать баннеры, готовить изображения для сайта, делать карточки товаров и экспортировать результат в нужный формат.

Photopea: онлайн-сервис

Photopea работает в браузере, использует ресурсы устройства пользователя и открывает файлы локально. Это важная особенность для тех, кто редактирует клиентские макеты, PSD-шаблоны, изображения товаров, фотографии и материалы для публикации. В программе есть поддержка PSD как основного рабочего формата, а также PNG, JPG, GIF, WebP, SVG, PDF, AI, AVIF, HEIC, TIFF, CDR, INDD, Figma и других форматов. RAW-файлы открываются с базовыми настройками экспозиции, контраста, светов и теней.

Что такое Photopea

Photopea — онлайн-фоторедактор и графический редактор в браузере. По логике работы он близок к классическим профессиональным редакторам: есть верхнее меню, левая панель инструментов, рабочая область, вкладки открытых документов, панели Layers, Channels, Paths, History, настройки активного инструмента и привычная работа со слоями.

Главное отличие Photopea от простых онлайн-сервисов для обработки фото в том, что это не редактор одной кнопки. Он рассчитан на полноценную ручную работу с изображением: пользователь сам выбирает инструмент, редактирует слой, уточняет маску, меняет режим наложения, настраивает текст, применяет корректирующий слой, открывает Smart Object, сохраняет структуру проекта в PSD или экспортирует готовую картинку в PNG, JPG, WebP, SVG, PDF и другие форматы.

В Photopea можно выполнять разные типы задач:

• открыть PSD-макет и изменить текст;

• заменить фото в мокапе через Smart Object;

• удалить фон с изображения товара;

• сделать прозрачный PNG;

• подготовить картинку для сайта;

• уменьшить вес изображения через экспорт;

• отретушировать лицо, предмет или фон;

• собрать баннер из фото, текста, фигур и теней;

• открыть RAW-файл и выполнить базовую коррекцию;

• работать с векторными фигурами, SVG, PDF, AI и Figma-файлами;

• использовать слои, маски, стили слоя, каналы и контуры.

Photopea удобно рассматривать как рабочий инструмент для быстрых и средних по сложности задач, когда нужен редактор PSD без установки тяжёлого настольного пакета. При этом программа не сводится к роли простого просмотрщика PSD: её возможностей достаточно для нормальной обработки фотографий, подготовки веб-графики, карточек товаров, простых макетов, обложек, рекламных креативов и правки многослойных файлов.

Для кого подходит Photopea

Для фотографов

Фотографу Photopea полезна как быстрый редактор для обработки отдельных изображений. В ней можно открыть фото, выровнять горизонт, обрезать кадр через Crop Tool, поправить яркость и контраст через Image — Adjustments — Brightness / Contrast, настроить тон через Levels или Curves, убрать небольшие дефекты кожи или фона через Spot Healing Brush Tool, Healing Brush Tool, Patch Tool и Clone Stamp Tool.

Для серийной RAW-обработки и каталогизации Photopea не заменяет Lightroom, Capture One или Camera Raw. Но для одиночного RAW-файла, быстрого исправления экспозиции, удаления лишнего объекта, подготовки картинки для сайта или создания PNG с прозрачностью редактор работает уверенно.

Типовые задачи фотографа:

Задача	Где делать в Photopea	Что получается
Обрезать фото	Crop Tool	Кадр нужной композиции
Исправить яркость	Image — Adjustments — Levels / Curves	Более точная тональная картинка
Убрать прыщ, пыль, пятно	Spot Healing Brush Tool	Чистое изображение без мелкого дефекта
Убрать лишний объект	Patch Tool, Clone Stamp Tool	Исправленный фон
Подготовить фото для сайта	File — Export As — JPG / WebP / PNG	Файл нужного размера и формата
Сделать прозрачный фон	Выделение + маска + PNG	Объект без фона

Для дизайнеров

Для дизайнера Photopea ценна прежде всего поддержкой PSD, слоёв, Smart Objects, масок, текстовых слоёв, векторных фигур и стилей слоя. В редакторе можно открыть готовый PSD-шаблон, найти нужную группу в панели Layers, заменить текст, поменять цвет плашки, обновить изображение внутри Smart Object и сохранить структуру проекта через File — Save as PSD.

Photopea подходит для баннеров, обложек, простых рекламных макетов, карточек товаров, превью для видео, постов для соцсетей, веб-графики и редактирования шаблонов. Логика интерфейса близка к Photoshop: сверху находятся File, Edit, Image, Layer, Select, Filter, View, Window, More, слева — инструменты, справа — слои и вспомогательные панели. Рабочая область Photopea состоит из Toolbar слева, Sidebar справа, Main Area в центре и Top Menu сверху.

Для владельцев сайтов и интернет-магазинов

Владельцу сайта Photopea помогает закрыть прикладные задачи без отдельного дизайнера:

• уменьшить картинку перед загрузкой на сайт;

• перевести изображение в WebP, JPG или PNG;

• обрезать фото под размер блока;

• сделать прозрачный фон у товара;

• добавить надпись на баннер;

• заменить картинку в PSD-шаблоне;

• создать простую плашку с акцией;

• подготовить изображение для карточки товара;

• убрать лишний объект на фото;

• выровнять цвет серии изображений.

Особенно удобно, что в Photopea можно открыть файл, изменить размер при экспорте и сохранить результат через File — Export As. Для веба это часто быстрее, чем запускать тяжёлую настольную программу только ради изменения размера, кадрирования или перевода PNG в JPG.

Для пользователей PSD без Photoshop

Сильная сторона Photopea — работа с PSD. Редактор использует PSD как основной формат для хранения структуры документа: слои, текст, маски, векторные элементы и дополнительные данные сохраняются в проекте. Все открываемые файлы приводятся к рабочей структуре PSD, а итог можно сохранить обратно как PSD или экспортировать в распространённые форматы.

Это удобно, когда есть готовый PSD-макет, но нет Photoshop. В Photopea можно:

• открыть PSD через File — Open;

• найти слой с текстом;

• изменить надпись через Type Tool;

• скрыть ненужный слой через значок глаза;

• заменить фото в Smart Object;

• изменить цвет через Color Overlay;

• сохранить проект через File — Save as PSD;

• экспортировать финальный JPG или PNG через File — Export As.

Для студентов, преподавателей и авторов учебных материалов

Photopea хорошо подходит для учебных задач: схем, плакатов, иллюстраций, презентационных изображений, коллажей, простых инфографик. Программу можно использовать на разных устройствах, где есть современный браузер. Если нужно быстро подготовить изображение к докладу, убрать фон, подписать объект, сделать стрелку или собрать обложку, Photopea закрывает эту задачу без лишней подготовки.

Интерфейс Photopea

Интерфейс Photopea устроен как полноценная рабочая среда графического редактора. Он не пытается быть максимально упрощённым, поэтому при первом запуске может показаться плотным: много кнопок, панелей, вкладок и меню. Это нормальная особенность редактора, рассчитанного на работу со слоями и сложными файлами.

Основные части интерфейса:

Область	Где находится	Для чего нужна
Top Menu	Верхняя часть окна	Команды File, Edit, Image, Layer, Select, Filter, View, Window, More
Options bar	Под верхним меню	Параметры активного инструмента
Toolbar	Слева	Выбор инструментов: Move, Brush, Crop, Type, Pen, Selection, Healing и другие
Main Area	Центр окна	Рабочая область документа
Вкладки документов	Над рабочей областью	Переключение между открытыми файлами
Sidebar	Справа	Панели History, Swatches, Layers, Channels, Paths
Нижние кнопки Layers	Низ панели слоёв	Новый слой, папка, маска, удаление слоя

Верхнее меню состоит из двух уровней. Первый уровень — постоянное главное меню. Второй уровень под ним меняется в зависимости от выбранного инструмента. Например, для Brush Tool там появляются параметры кисти, прозрачности и режима, а для Type Tool — настройки текста. В левой панели у некоторых инструментов есть маленький треугольник: это означает, что внутри группы скрыты родственные инструменты. Чтобы раскрыть группу, нужно нажать и удерживать кнопку инструмента.

Верхнее меню

Верхнее меню — главный способ добраться до большинства функций:

• File — открытие, создание, сохранение PSD, экспорт, импорт ресурсов;

• Edit — отмена, копирование, вставка, трансформация, заливка, настройки;

• Image — размер изображения, размер холста, коррекции;

• Layer — создание, дублирование, маски, стили, растеризация, объединение;

• Select — выделения, инверсия, модификация, уточнение края;

• Filter — фильтры размытия, резкости, пластики, искажения и другие эффекты;

• View — масштаб, линейки, направляющие, сетка, привязка;

• Window — включение и отключение панелей;

• More — дополнительные функции и справочные разделы.

Левая панель инструментов

Слева расположена вертикальная панель инструментов. Здесь находятся:

• Move Tool — перемещение слоёв и объектов;

• Rectangular Marquee Tool и Elliptical Marquee Tool — прямоугольное и овальное выделение;

• Lasso Tool, Polygonal Lasso Tool, Magnetic Lasso Tool — свободное, многоугольное и магнитное выделение;

• Magic Wand Tool и Quick Selection Tool — выделение по цвету и автоматическое выделение области;

• Crop Tool — кадрирование;

• Eyedropper Tool — выбор цвета с изображения;

• Spot Healing Brush Tool, Healing Brush Tool, Patch Tool — ретушь;

• Brush Tool, Pencil Tool, Eraser Tool — рисование и стирание;

• Clone Stamp Tool — клонирование участка изображения;

• Gradient Tool, Paint Bucket Tool — градиент и заливка;

• Blur Tool, Sharpen Tool, Smudge Tool — локальная работа с резкостью и размытием;

• Dodge Tool, Burn Tool, Sponge Tool — осветление, затемнение и насыщенность;

• Pen Tool — контуры и точные векторные кривые;

• Type Tool — текст;

• Path Selection Tool, Direct Selection Tool — работа с контурами;

• Rectangle Tool, Ellipse Tool, Line Tool, Custom Shape Tool — векторные фигуры;

• Hand Tool, Zoom Tool — перемещение по холсту и масштаб.

Правая панель

Справа находятся панели, без которых сложно работать со сложным документом:

• History показывает историю действий;

• Swatches хранит образцы цветов;

• Layers показывает структуру документа;

• Channels используется для каналов изображения;

• Paths нужен для контуров;

• Character и Paragraph появляются при работе с текстом;

• Properties помогает редактировать параметры выбранного объекта или маски.

Если нужная панель скрыта, её можно включить через Window — название панели. Это удобнее, чем искать её вручную в свернутой колонке.

Открытие и сохранение файлов

Photopea поддерживает несколько способов открыть файл. Основной вариант — команда File — Open. После выбора файла он появляется в рабочей области как отдельный документ. Также можно перетащить файл из проводника в окно редактора или вставить изображение из буфера обмена через Ctrl + V.

Особенность drag-and-drop зависит от того, открыт ли уже документ:

Ситуация	Что произойдёт
Документов нет	Файл откроется как новый документ
Документ уже открыт, файл перетащен в рабочую область	Файл добавится в текущий документ новым слоем, обычно как Smart Object
Файл перетащен на верхнюю панель вкладок	Файл откроется отдельным документом

Для сохранения проекта используется несколько разных команд, и их важно не путать.

File — Save as PSD

File — Save as PSD сохраняет редактируемую структуру проекта. Этот вариант нужен, если в документе есть слои, текст, маски, Smart Objects, группы, стили слоя и всё это нужно сохранить для дальнейшей правки.

PSD — правильный выбор, если работа ещё не закончена или если макет нужно передать другому человеку в редактируемом виде.

File — Export As

File — Export As используется для финального изображения. Внутри доступны форматы вроде PNG, JPG, SVG, PDF, WebP и другие. Это команда для результата, который будет размещён на сайте, отправлен клиенту, загружен в карточку товара или использован в презентации.

Для прозрачности выбирают PNG. Для фотографий и баннеров чаще используют JPG или WebP. Для векторной графики подходит SVG. Для документов и макетов, которые нужно передать в универсальном виде, можно использовать PDF.

File — Save

File — Save работает по-разному в зависимости от происхождения документа. Если файл был открыт из подходящего источника или связан с определённым местом хранения, команда может обновлять исходный файл. Для обычной работы безопаснее явно выбирать Save as PSD для редактируемого проекта и Export As для готовой картинки.

Поддерживаемые форматы

Photopea открывает не только обычные изображения. Редактор поддерживает сложные макетные форматы, растровую графику, RAW-файлы и анимированные форматы. Это делает его удобным инструментом для конвертации, просмотра и редактирования файлов, которые не всегда открываются стандартными средствами системы.

Категория	Форматы	Для чего использовать
Сложные макеты	PSD, AI, INDD, XCF, Sketch, XD, FIG, KRI, CLIP, SAI, CDR, SVG, EPS, PDF, PDN, WMF, EMF	Открытие и редактирование многослойных макетов, иллюстраций, дизайнов и документов
Растровые изображения	PNG, JPG, GIF, WebP, ICO, BMP, AVIF, HEIC, TIFF, DDS, EXR, HDR, TGA	Фото, веб-графика, иконки, изображения для публикаций
RAW	DNG, NEF, CR2, CR3, ARW, RW2, RAF, ORF, GPR, 3FR, FFF	Исходники с камер и базовая коррекция
Анимация и видео	GIF, APNG, MP4, WEBM, MKV	Работа с кадрами как со слоями, экспорт анимации

Поддержка форматов особенно важна для дизайнеров и владельцев сайтов. Например, можно открыть PSD-шаблон баннера, SVG-иконку, PDF-макет, Figma-файл или RAW-фотографию и привести всё к рабочему виду без отдельного конвертера. Анимированные файлы открываются как набор слоёв, поэтому отдельные кадры можно редактировать вручную.

История версий и развития Photopea

Photopea развивалась как браузерный редактор, который постепенно вырос из идеи простого веб-инструмента в серьёзную среду для работы с PSD, растровой и векторной графикой. В ранней концепции были заложены функции, которые до сих пор остаются основой программы: слои, маски, режимы наложения, кисть, выделения, процедурные коррекции, работа с PSD и XCF.

Начальный этап

Идея Photopea появилась как попытка сделать простой веб-фоторедактор, который не требует установки настольной программы. В раннем развитии акцент был на базовой графической логике: открыть изображение, разделить его на слои, редактировать отдельные части, использовать выделения и коррекции. Уже на этом этапе программа задумывалась не как игрушечный редактор, а как инструмент, который должен работать с профессиональной логикой.

Ключевые ранние направления:

• слои как основа документа;

• маски для скрытия частей слоя без удаления;

• режимы наложения;

• кисти и редактирование пикселей;

• выделения;

• коррекции яркости, оттенка, насыщенности;

• размытие и резкость;

• поддержка PSD и XCF.

Развитие PSD-совместимости

Следующий важный этап — развитие работы с PSD. Именно PSD сделал Photopea полезной не только для фотографий, но и для дизайнерских макетов. Пользователь может открыть многослойный файл, увидеть группы, слои, текст, маски, стили, Smart Objects и продолжить работу без преобразования всего в плоскую картинку.

Поддержка PSD стала одним из главных отличий Photopea от простых онлайн-фоторедакторов. Для пользователя это означает, что он может взять готовый шаблон, заменить содержимое и сохранить редактируемую структуру, а не только экспортировать финальный JPG.

Расширение форматов

Photopea постепенно ушла от идеи редактора только для фото и стала универсальным инструментом для разных графических форматов. В программу добавлялись AI, Sketch, XD, PDF, SVG, CDR, Figma, RAW и другие форматы. Это расширило сценарии использования: редактор стал полезен не только фотографам, но и веб-дизайнерам, иллюстраторам, владельцам сайтов, маркетологам и тем, кто работает с чужими макетами.

Важный практический эффект: Photopea можно использовать как промежуточный редактор и конвертер. Например, открыть файл из одного графического приложения, сохранить его как PSD, экспортировать в SVG или получить обычный PNG.

Развитие инструментов выделения и удаления фона

Отдельная линия развития — инструменты выделения. Для работы с фотографиями важно не просто выделить прямоугольник, а аккуратно отделить объект от фона, обработать волосы, мех, прозрачные края, стекло, сложные границы. В Photopea для этого есть Magic Wand Tool, Quick Selection Tool, Select — Modify, Select — Inverse и Select — Refine Edge.

Refine Edge работает с Trimap-подходом: пользователь отмечает передний план, фон и неопределённые зоны, а редактор рассчитывает прозрачность сложного края. Это особенно полезно для волос, шерсти, полупрозрачных объектов и размытых границ.

Smart Objects и неразрушающее редактирование

Smart Objects стали важным этапом для работы с мокапами и шаблонами. Такой слой хранит исходное содержимое отдельно: его можно уменьшать, поворачивать, дублировать и редактировать без прямого разрушения исходных пикселей. Если несколько Smart Object связаны с одним источником, обновление источника меняет все связанные копии.

Для практической работы это означает, что можно:

• заменить дизайн на мокапе футболки;

• вставить логотип в упаковку;

• обновить экран смартфона в PSD-шаблоне;

• создать несколько копий объекта;

• применить Smart Filters;

• изменить исходник и автоматически обновить результат.

Фильтры, коррекции и Smart Filters

Photopea разделяет цветовые коррекции и фильтры. Коррекции меняют цветовые характеристики пикселей: яркость, контраст, уровни, кривые, оттенок и насыщенность. Фильтры меняют изображение пространственно: размывают, усиливают резкость, деформируют, искажают, применяют эффекты. Для Smart Objects фильтры могут работать как Smart Filters — их можно включать, отключать и перенастраивать без разрушения исходника.

AI-функции

В Photopea появились AI-инструменты вроде Remove BG и Magic Replace. Они не отменяют ручные инструменты выделения, маски и ретуши, но ускоряют типовые операции: удалить фон, заменить часть изображения, получить быстрый черновой результат и затем довести его вручную. Для расширенного использования AI-функций в Premium-сценарии можно подключать внешний Dezgo API Key через Edit — Preferences.

Работа со слоями

Слои — основа Photopea. Каждый PSD-документ состоит из слоёв, а итоговое изображение получается из наложения этих слоёв друг на друга. Нижние слои находятся сзади, верхние — спереди. Если изменить один слой, остальные не меняются, поэтому можно отдельно двигать текст, фон, фото, плашки, иконки, тени и декоративные элементы.

Панель Layers

Панель Layers находится справа. Это главный центр управления документом. В ней видны миниатюры слоёв, названия, порядок, видимость, блокировки, группы, маски и служебные значки.

Основные элементы панели:

Элемент	Что делает
Значок глаза	Включает и отключает видимость слоя
Миниатюра слоя	Показывает содержимое слоя
Название слоя	Помогает ориентироваться в структуре
Blend Mode	Задаёт режим наложения
Opacity	Меняет прозрачность слоя
Fill	Меняет заливку слоя без полного влияния на стили
Lock Transparency	Блокирует прозрачные области
Lock Pixels	Запрещает менять пиксели
Lock Position	Запрещает перемещение
Lock All	Полностью блокирует слой

Чтобы выбрать слой, достаточно нажать по нему в панели Layers. Чтобы выбрать несколько слоёв, используют Ctrl и клики по нужным слоям. Это удобно, когда нужно переместить сразу несколько объектов, удалить группу элементов или применить одинаковую трансформацию.

Группы слоёв

Группы нужны для организации сложного PSD. В баннере можно создать группы Фон, Фото, Текст, Кнопка, Декор, Логотип. В карточке товара — Товар, Преимущества, Цена, Фон, Иконки.

Группа ведёт себя как папка. Её можно свернуть, переместить, скрыть, дублировать или удалить. Если выбрать папку и переместить её через Move Tool, вместе с ней переместится всё содержимое.

Основные операции со слоями

В Photopea доступны стандартные операции:

• создать новый слой через кнопку внизу панели Layers;

• создать папку через кнопку New Folder;

• удалить выбранные слои через значок корзины;

• добавить растровую маску через кнопку маски;

• дублировать слой через Ctrl + J;

• дублировать слой через контекстное меню Duplicate;

• перенести слой в другой документ через Duplicate into;

• изменить порядок перетаскиванием;

• объединить слои через Merge Down или Merge Layers;

• переименовать слой двойным кликом по названию.

Переименование слоёв — не формальность. В реальной работе с PSD-файлами это экономит время. В документе с десятками слоёв названия вроде Layer 12 copy 3 быстро превращают макет в хаос. Лучше сразу называть слои по смыслу: Заголовок, Фото товара, Тень, Фон, Кнопка, Логотип, Плашка скидки.

Режимы наложения

Режим наложения выбирается в выпадающем списке над слоями. По умолчанию стоит Normal, но для обработки и дизайна часто используются:

• Multiply — затемняет, удобно для теней;

• Screen — осветляет, подходит для бликов;

• Overlay — усиливает контраст;

• Soft Light — мягкое контрастное наложение;

• Color — меняет цвет при сохранении яркости;

• Luminosity — влияет на яркость;

• Difference — показывает различия, полезен в технических задачах.

В карточках товаров и баннерах режимы наложения помогают делать тени, подсветку, текстуры, световые акценты и мягкие цветовые эффекты.

Маски и неразрушающее редактирование

Маска — один из самых важных инструментов Photopea. Она позволяет скрыть часть слоя без удаления пикселей. Это принципиально отличается от ластика: ластик стирает данные, а маска только управляет видимостью.

В маске белый цвет показывает слой, чёрный скрывает, а серый создаёт частичную прозрачность. У маски нет обычных цветов — она работает в градациях серого. Маска прикреплена к слою, имеет собственную миниатюру и может редактироваться кистью, заливкой, градиентом или выделением.

Когда использовать маски

Маски нужны почти во всех задачах, где важно сохранить возможность правки:

• удаление фона у товара;

• мягкое скрытие края изображения;

• создание коллажа;

• частичная коррекция цвета;

• локальный эффект размытия;

• аккуратное соединение двух фотографий;

• скрытие лишних деталей в PSD-макете;

• работа с волосами, тканью, мехом, прозрачными объектами.

Почему маска лучше Eraser Tool

Eraser Tool физически удаляет пиксели слоя. Если потом выяснится, что край вырезан слишком грубо, восстановить его сложно. Маска работает безопаснее: можно взять белую кисть и вернуть скрытую область, взять чёрную кисть и снова спрятать лишнее, уменьшить Opacity кисти и сделать мягкий переход.

Практический пример: нужно вырезать товар на белом фоне. Если использовать ластик и случайно стереть край упаковки, придётся откатываться по истории или вырезать заново. Если использовать маску, достаточно выбрать миниатюру маски и восстановить край белой кистью.

Как добавить маску

1. Выберите слой в панели Layers.

2. Сделайте выделение, если нужно скрыть только часть изображения.

3. Нажмите кнопку маски внизу панели Layers или используйте Layer — Raster Mask — Add.

4. Нажмите на миниатюру маски.

5. Рисуйте чёрным цветом, чтобы скрывать, и белым, чтобы возвращать.

Параметры маски

У маски есть параметры Density и Feather. Density управляет силой маски: при 100% маска действует полностью, при меньшем значении скрытые области становятся менее скрытыми. Feather размывает край маски и делает переход мягче. Это удобно для портретов, коллажей, теней и плавных переходов.

Smart Objects

Smart Object — специальный тип слоя, который хранит исходное содержимое отдельно. Такой слой можно масштабировать, вращать, дублировать, деформировать и применять к нему Smart Filters без прямого разрушения исходника. Если обычный растровый слой уменьшить, а потом увеличить обратно, часть информации потеряется. Smart Object хранит исходные данные, поэтому пересчёт выполняется из источника.

Где Smart Objects особенно полезны

Smart Objects нужны в задачах, где объект должен оставаться редактируемым:

• мокап футболки;

• экран смартфона;

• упаковка товара;

• визитка;

• логотип на баннере;

• фото в рамке;

• повторяющийся декоративный элемент;

• вставка изображения в PSD-шаблон;

• неразрушающее применение фильтров.

Как создать Smart Object

1. Выберите один или несколько слоёв.

2. Нажмите правой кнопкой по выбранным слоям.

3. Выберите Convert to Smart Object.

4. В панели Layers появится слой со специальным значком на миниатюре.

Как редактировать Smart Object

1. Дважды нажмите по миниатюре Smart Object в панели Layers.

2. Источник откроется как отдельный документ.

3. Внесите изменения: замените изображение, текст, цвет или элементы.

4. Выполните File — Save внутри источника.

5. Вернитесь к основному документу — результат обновится.

Smart Object в мокапах

Типичный сценарий: есть PSD-мокап футболки. В панели Layers находится слой вроде Your Design Here, Replace Me, Smart Object, Design. Пользователь открывает этот слой двойным кликом, вставляет свой логотип, сохраняет источник через File — Save, возвращается к основному макету и видит дизайн уже встроенным в перспективу, тень и складки.

Это одна из причин, почему Photopea часто используют как онлайн Photoshop для работы с PSD-мокапами: не нужно растрировать макет и вручную подгонять логотип. Достаточно заменить содержимое Smart Object.

Коррекция цвета и изображения

Photopea даёт два подхода к цветокоррекции: прямые команды из Image — Adjustments и корректирующие слои. Первый способ меняет выбранный слой напрямую. Второй способ безопаснее: создаётся отдельный слой коррекции, который можно скрыть, изменить, удалить, ограничить маской или перенести выше/ниже.

Основные команды коррекции:

Команда	Где находится	Для чего нужна
Levels	Image — Adjustments — Levels	Настройка чёрной, белой и средней точки
Curves	Image — Adjustments — Curves	Точная работа с тоном и контрастом
Brightness / Contrast	Image — Adjustments	Быстрая яркость и контраст
Hue / Saturation	Image — Adjustments	Цветовой тон, насыщенность, светлота
Color Balance	Image — Adjustments	Баланс цветов в тенях, средних тонах и светах
Exposure	Image — Adjustments	Экспозиция и световой диапазон
Black & White	Image — Adjustments	Перевод в чёрно-белое изображение
Invert	Image — Adjustments	Инверсия цветов
Posterize	Image — Adjustments	Уменьшение числа тональных уровней
Threshold	Image — Adjustments	Жёсткое чёрно-белое разделение

Levels

Levels подходит для быстрого исправления тонального диапазона. Если изображение выглядит серым, можно подтянуть чёрную и белую точки. Если фото слишком тёмное или светлое, средний ползунок помогает изменить яркость средних тонов.

Типовая последовательность:

1. Выбрать слой с фото.

2. Открыть Image — Adjustments — Levels.

3. Подвинуть левый ползунок к началу гистограммы.

4. Подвинуть правый ползунок к концу гистограммы.

5. Средним ползунком настроить общую яркость.

6. Нажать OK.

Curves

Curves дают больше контроля. Кривая позволяет отдельно управлять тенями, средними тонами и светами. Лёгкая S-кривая усиливает контраст: тени становятся глубже, света ярче. Для предметных фото и карточек товаров это часто помогает сделать изображение более объёмным.

Hue / Saturation

Hue / Saturation меняет цветовой тон, насыщенность и светлоту. Инструмент подходит для:

• усиления цвета товара;

• приглушения слишком кислотных оттенков;

• изменения цвета декоративного элемента;

• подготовки более спокойной палитры;

• частичного обесцвечивания изображения.

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

Adjustment Layers

Корректирующий слой создаётся через нижнюю кнопку в панели Layers или меню Layer — New Adjustment Layer. Его преимущество в том, что он не разрушает исходное изображение.

Например, можно создать Curves над фото товара, настроить контраст, затем добавить к корректирующему слою маску и оставить эффект только на самом товаре, не затрагивая фон. Это профессиональнее, чем применять коррекцию напрямую к пикселям.

Фильтры

Фильтры находятся в меню Filter. Они меняют изображение не только по цвету, но и по структуре пикселей: размывают, искажают, усиливают резкость, добавляют шум, деформируют объект. В Photopea фильтры можно применять к обычным слоям, но для неразрушающего процесса лучше сначала преобразовать слой в Smart Object. Тогда фильтр станет Smart Filter и останется редактируемым.

Основные группы фильтров:

Фильтр	Для чего использовать
Gaussian Blur	Размытие фона, тени, блика, маски
Sharpen	Усиление резкости
Noise	Добавление или работа с шумом
Liquify	Пластика, локальная деформация
Puppet Warp	Деформация объекта через контрольные точки
Blur Gallery	Разные типы художественного размытия
Vanishing Point	Работа с перспективными плоскостями
Other — High Pass	Усиление детализации через режим наложения

Gaussian Blur

Gaussian Blur — один из самых часто используемых фильтров. Его применяют не только для размытия фото, но и для дизайна:

• мягкая тень под объектом;

• размытый фон;

• свечение;

• сглаживание маски;

• имитация глубины резкости;

• приглушение лишних деталей.

Для тени типичный приём такой: дублировать слой объекта, залить его чёрным, поместить ниже, применить Filter — Blur — Gaussian Blur, уменьшить Opacity, слегка трансформировать через Edit — Free Transform.

Liquify

Liquify используется для пластики. Им можно аккуратно изменить форму объекта, поправить силуэт, подвинуть локальный участок, сгладить мелкую деформацию. В портретной ретуши инструмент требует осторожности: чрезмерная пластика быстро делает изображение неестественным.

Puppet Warp

Puppet Warp полезен, когда нужно деформировать объект по контрольным точкам: например, немного изменить положение руки на иллюстрации, поправить изгиб предмета, адаптировать декоративный элемент под композицию. Это более управляемый вариант деформации, чем обычный Free Transform.

Smart Filters

Smart Filters появляются, когда фильтр применяют к Smart Object. Такой фильтр можно отключить значком глаза, открыть двойным кликом и изменить параметры. У Smart Filters есть собственная маска, поэтому эффект можно оставить только на части изображения.

Пример: нужно размыть фон, но оставить лицо резким. Слой превращается в Smart Object, применяется Gaussian Blur, затем на маске Smart Filter чёрной кистью скрывается размытие с лица.

Инструменты выделения

Выделения нужны, когда редактировать нужно не весь слой, а конкретную область. В Photopea выделение представляет собой карту пикселей с разной степенью участия: одни пиксели выбраны полностью, другие частично, третьи не выбраны вообще. Команды внутри выделения применяются только к выбранной области.

Основные инструменты выделения

Инструмент	Когда использовать
Rectangular Marquee Tool	Прямоугольные области, баннеры, блоки
Elliptical Marquee Tool	Круги, овалы, круглые элементы
Lasso Tool	Быстрое ручное выделение
Polygonal Lasso Tool	Объекты с прямыми гранями
Magnetic Lasso Tool	Объекты с заметным контуром
Magic Wand Tool	Однотонный фон, цветовые области
Quick Selection Tool	Объекты сложной формы
Pen Tool	Максимально точный контур

Select — Inverse

Select — Inverse меняет выделенное и невыделенное местами. Это часто используется при удалении фона. Сначала выделяют объект, затем инвертируют выделение и удаляют или маскируют фон. Но безопаснее не удалять фон, а создавать маску.

Select — Modify

В Select — Modify есть команды:

• Expand — расширить выделение;

• Contract — сузить выделение;

• Feather — смягчить край;

• Border — создать выделение по границе.

Эти команды помогают избежать грубого края. Например, после выделения товара на белом фоне можно применить Contract на 1–2 пикселя и Feather на 0,5–1 пиксель, чтобы убрать светлый ореол.

Select — Refine Edge

Refine Edge — главный инструмент для сложных краёв. Его запускают через Select — Refine Edge или кнопку Refine Edge на верхней панели выбранного инструмента выделения. В рабочем окне пользователь отмечает:

• белым — объект;

• чёрным — фон;

• серым — неопределённую область.

После этого Photopea рассчитывает прозрачность края. Результат можно вывести как New Layer, Raster Mask или Selection. Для сложных волос, шерсти и полупрозрачных деталей часто лучше выбирать New Layer, потому что так сохраняется больше корректной информации по краю.

Ретушь в Photopea

Photopea содержит набор инструментов для ретуши, которые закрывают большинство повседневных задач: убрать пыль, прыщи, царапины, мелкий мусор, нежелательные детали на фоне, складки, следы на поверхности товара. Для аккуратной ретуши важно выбирать правильный инструмент, а не пытаться всё делать одной кистью.

Spot Healing Brush Tool

Spot Healing Brush Tool — самый быстрый инструмент для мелких дефектов. Пользователь проводит по проблемной области, а Photopea подбирает замену на основе окружающих пикселей.

Подходит для:

• прыщей;

• пылинок;

• мелких царапин;

• точек на фоне;

• маленьких пятен;

• дефектов скана;

• мусора на однотонной поверхности.

Как работать:

1. Создать новый пустой слой для ретуши.

2. Выбрать Spot Healing Brush Tool.

3. Включить работу по всем слоям, если такая настройка нужна в верхней панели.

4. Подобрать размер кисти немного больше дефекта.

5. Кликнуть или провести по проблемному месту.

6. Проверить результат на увеличении.

Healing Brush Tool

Healing Brush Tool похож на штамп, но учитывает текстуру и смешивает её с окружающей областью. Перед работой нужно выбрать источник с помощью Alt + Click, затем рисовать по дефекту.

Подходит для:

• кожи;

• ткани;

• неоднородных поверхностей;

• повторяющейся текстуры;

• аккуратного восстановления участка.

Patch Tool

Patch Tool удобен для более крупных участков. Сначала выделяется проблемная область, затем выделение перетаскивается на участок, который должен стать источником замены.

Подходит для:

• удаления крупного пятна;

• исправления участка фона;

• удаления небольшого объекта;

• ретуши ткани;

• восстановления области с похожей текстурой.

Clone Stamp Tool

Clone Stamp Tool копирует пиксели из одного места в другое. Это более ручной инструмент: он не пытается интеллектуально смешивать область так же, как Healing Brush. Зато даёт точный контроль.

Используется для:

• восстановления края предмета;

• копирования текстуры;

• исправления повторяющихся деталей;

• ручной доработки после автоматической ретуши;

• работы на сложном фоне.

Blur, Sharpen, Dodge, Burn, Sponge

Эти инструменты работают локально:

• Blur Tool мягко размывает участок;

• Sharpen Tool усиливает резкость;

• Dodge Tool осветляет;

• Burn Tool затемняет;

• Sponge Tool меняет насыщенность.

В ретуши их лучше использовать умеренно. Например, Dodge Tool и Burn Tool помогают слегка выровнять светотень, но при сильном применении быстро создают грязные пятна.

Удаление фона и объектов

Удаление фона в Photopea можно делать несколькими способами. Выбор зависит от изображения. Белый или однотонный фон удобно выделять через Magic Wand Tool. Сложный объект лучше выделять через Quick Selection Tool и дорабатывать Refine Edge. Для максимально точной обтравки предметов с ровными гранями подходит Pen Tool.

Удаление фона через Magic Wand Tool

Этот способ подходит для товара на белом или почти однотонном фоне.

1. Откройте изображение через File — Open.

2. Выберите Magic Wand Tool.

3. Кликните по фону.

4. Настройте Tolerance в верхней панели, если выделение слишком узкое или слишком широкое.

5. Используйте Shift, чтобы добавить области к выделению.

6. Используйте Select — Modify — Expand на 1 пиксель, если по краю остаётся тонкая линия.

7. Используйте Select — Modify — Feather на 0,5–1 пиксель для мягкости.

8. Выберите слой с изображением.

9. Создайте маску.

10. При необходимости инвертируйте маску или выделение.

11. Экспортируйте через File — Export As — PNG, если нужна прозрачность.

Удаление фона через Quick Selection Tool

Этот способ лучше для объектов со сложной формой.

1. Выберите Quick Selection Tool.

2. Проведите по объекту, который нужно оставить.

3. Если выделение захватило фон, уберите лишнее режимом вычитания.

4. Нажмите Refine Edge.

5. Серой кистью пройдитесь по сложным краям.

6. Выберите режим вывода Raster Mask или New Layer.

7. Нажмите OK.

8. Проверьте край на контрастном фоне.

Удаление фона через Pen Tool

Pen Tool подходит для предметной обтравки: упаковка, техника, мебель, инструменты, коробки, флаконы, обувь. Он медленнее автоматических инструментов, но даёт чистый край.

Порядок работы:

1. Выберите Pen Tool.

2. В верхней панели работайте в режиме Path.

3. Обведите объект точками.

4. Для кривых используйте направляющие Безье.

5. Замкните контур.

6. Откройте Paths.

7. Превратите контур в выделение.

8. Создайте маску на слое.

9. Доработайте край кистью по маске.

Удаление объектов

Для удаления объектов используются:

• Spot Healing Brush Tool — мелкие детали;

• Patch Tool — средние области;

• Clone Stamp Tool — ручная доработка;

• Content-Aware Fill в подходящих сценариях;

• Magic Replace для AI-замены области.

Для коммерческой обработки лучше не полагаться на один автоматический проход. Хороший результат обычно делается так: сначала удалить объект быстрым инструментом, затем проверить фон на повторяющиеся артефакты, затем вручную пройтись Clone Stamp Tool или Healing Brush Tool.

Работа с текстом

Текст в Photopea создаётся через Type Tool. После клика по холсту появляется текстовый слой. Его можно редактировать, перемещать, масштабировать, выравнивать, менять шрифт, цвет, размер, межстрочный интервал и другие параметры.

В Photopea есть два уровня текстовых настроек: Character Style и Paragraph Style. Character отвечает за параметры символов: шрифт, размер, цвет и подобные настройки. Paragraph отвечает за выравнивание, поля и параметры абзаца. Панели включаются через Window — Character и Window — Paragraph.

Point Text и Paragraph Text

В Photopea есть два основных способа создать текст:

Тип текста	Как создаётся	Когда использовать
Point Text	Кликнуть Type Tool по холсту	Заголовки, короткие надписи, кнопки
Paragraph Text	Протянуть рамку Type Tool	Описания, абзацы, многострочный текст

Для баннера обычно используют Point Text: заголовок, цена, короткий призыв, подпись. Для блока с большим описанием удобнее Paragraph Text, потому что текст ограничен рамкой и переносится внутри неё.

Изменение текста в PSD-шаблоне

1. Откройте PSD через File — Open.

2. Найдите текстовый слой в Layers.

3. Выберите Type Tool.

4. Кликните по тексту в рабочей области или по текстовому слою.

5. Замените надпись.

6. Настройте шрифт, размер, цвет, выравнивание.

7. Проверьте, не вышел ли текст за рамки макета.

8. Сохраните PSD или экспортируйте результат.

Шрифты

Photopea содержит большую базу шрифтов и позволяет подключать собственные TTF или OTF-файлы так же, как обычные файлы: через File — Open или перетаскиванием. После открытия шрифт появляется в списке и может использоваться в текстовых слоях.

Если в PSD использован отсутствующий шрифт, текст может выглядеть иначе. В таком случае нужно либо подключить нужный шрифт, либо подобрать близкую замену. Для коммерческих макетов это важно: замена шрифта меняет ширину текста, переносы, высоту строки и общий баланс композиции.

Векторные инструменты

Photopea работает не только с пикселями. В программе есть векторная графика: контуры, векторные маски и Shape Layers. Векторные элементы не зависят от разрешения так же, как растровые, поэтому их удобно использовать для иконок, стрелок, кнопок, плашек, логотипов и простых схем.

Pen Tool

Pen Tool — инструмент для точных контуров. Им можно обводить предметы, создавать кривые, рисовать сложные формы, делать векторные маски. Для предметной фотографии Pen Tool часто даёт лучший край, чем автоматическое выделение.

Shape Layers

Shape Layer — слой с векторной фигурой и заливкой. Фигура может иметь:

• цветовую заливку;

• градиент;

• паттерн;

• обводку;

• редактируемый контур.

В баннерах Shape Layers используются для кнопок, плашек, фонов под текст, разделителей, рамок, иконок и декоративных элементов.

Основные инструменты фигур

Инструмент	Для чего нужен
Rectangle Tool	Кнопки, плашки, блоки
Ellipse Tool	Круги, маркеры, бейджи
Line Tool	Линии, стрелки, разделители
Custom Shape Tool	Готовые формы
Pen Tool	Точные контуры и сложные формы
Direct Selection Tool	Редактирование отдельных точек

Paths

Панель Paths включается через Window — Paths. В ней можно хранить контуры, создавать новые, удалять старые, превращать путь в выделение. Если нужно сделать аккуратную обтравку товара, путь через Pen Tool часто оказывается самым чистым вариантом.

Layer Styles

Layer Styles — стили слоя, которые позволяют добавить тень, обводку, свечение, наложение цвета, градиент, тиснение и другие эффекты без ручного рисования. Это особенно полезно при создании баннеров, кнопок, карточек товаров, превью и рекламных макетов.

Основные стили:

Стиль	Для чего использовать
Drop Shadow	Тень под текстом, кнопкой, товаром
Inner Shadow	Внутренняя тень
Outer Glow	Внешнее свечение
Inner Glow	Внутреннее свечение
Bevel and Emboss	Объёмный край
Color Overlay	Быстрая перекраска слоя
Gradient Overlay	Градиент поверх слоя
Pattern Overlay	Текстура или узор
Stroke	Обводка

Drop Shadow

Drop Shadow — один из самых практичных стилей. Он помогает отделить объект от фона, сделать кнопку заметнее, добавить объём товару или тексту.

Для аккуратной тени важно не завышать параметры. Часто достаточно небольшой Opacity, умеренного Distance и мягкого Size. Слишком чёрная и резкая тень выглядит дёшево и портит коммерческий макет.

Stroke

Stroke добавляет обводку. Она полезна для текста на сложном фоне, иконок, бейджей, ценников и кнопок. Белая обводка вокруг тёмного текста или тёмная обводка вокруг светлого текста повышает читаемость.

Color Overlay

Color Overlay позволяет быстро перекрасить однотонный элемент без прямого редактирования пикселей. Например, можно поменять цвет плашки, иконки или декоративного слоя в PSD-шаблоне.

RAW и обработка фотографий

Photopea открывает RAW-файлы разных камер: DNG, CR2, CR3, NEF, ARW, RW2, RAF, ORF и другие. При открытии RAW можно выполнить базовую коррекцию: экспозиция, баланс цвета, контраст, света, тени и другие параметры.

RAW в Photopea полезен, когда нужно быстро обработать один файл и перейти к дальнейшей работе: ретуши, обтравке, добавлению текста, подготовке изображения для сайта. Для большой фотосессии с сотнями кадров Photopea менее удобна, потому что в ней нет полноценного каталога, массовой синхронизации настроек и привычного потока RAW-проявки.

Когда Photopea достаточно для RAW

Photopea подходит, если нужно:

• открыть один RAW-файл;

• поправить экспозицию;

• вытянуть тени;

• приглушить света;

• подготовить изображение для веба;

• перейти к ретуши;

• экспортировать JPG или PNG.

Когда лучше использовать специализированный RAW-редактор

Для сложной профессиональной обработки лучше использовать специализированные программы, если нужно:

• массово обработать серию;

• синхронизировать настройки между кадрами;

• работать с профилями камеры;

• выполнять точную цветокоррекцию;

• вести каталог;

• использовать локальные RAW-маски;

• готовить материал для печати с жёстким цветовым контролем.

Создание баннера или карточки товара

Photopea удобна для создания простой карточки товара или баннера, потому что в одном редакторе есть всё необходимое: размер холста, слои, текст, фигуры, тени, маски, экспорт.

Пример: карточка товара 1200 × 900 px

1. Откройте File — New.

2. Укажите размер 1200 × 900 px.

3. Создайте документ.

4. Перетащите фото товара в рабочую область.

5. Если фон лишний, выделите товар через Quick Selection Tool или Magic Wand Tool.

6. Добавьте маску.

7. Создайте фон через Layer — New Fill Layer или прямоугольник Rectangle Tool.

8. Добавьте заголовок через Type Tool.

9. Добавьте преимущества товара отдельными текстовыми слоями.

10. Нарисуйте плашки через Rectangle Tool.

11. Добавьте тени через Layer Style — Drop Shadow.

12. Проверьте читаемость на масштабе 50% и 100%.

13. Экспортируйте через File — Export As — JPG или PNG.

Структура слоёв для карточки

Удобная структура может выглядеть так:

Группа	Содержимое
Фон	Заливка, градиент, декоративные формы
Товар	Фото товара, маска, тень
Заголовок	Основной текст
Преимущества	Иконки, подписи, короткие тезисы
Цена / акция	Бейдж, плашка, выделенный текст
Декор	Линии, блики, дополнительные элементы

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

Практические настройки экспорта

Для сайта и маркетплейса важны размер, вес и резкость. Перед экспортом нужно проверить:

• итоговый размер в пикселях;

• нет ли пустых полей;

• не обрезан ли текст;

• читается ли мелкий шрифт;

• не слишком ли тяжёлый файл;

• сохранена ли прозрачность, если нужен PNG;

• не потерялись ли цвета после экспорта.

Для фотографий обычно выбирают JPG или WebP. Для изображений с прозрачностью — PNG. Для векторной графики — SVG. Для передачи макета как документа — PDF.

Редактирование PSD-шаблона

Photopea особенно сильна в сценарии открыть готовый PSD и быстро заменить содержимое. Это может быть баннер, обложка, мокап, карточка товара, визитка, постер, превью для видео или шаблон соцсетей.

Как изменить текст в PSD

1. Откройте файл через File — Open.

2. В панели Layers найдите текстовый слой.

3. Если слоёв много, разворачивайте группы.

4. Выберите Type Tool.

5. Кликните по тексту.

6. Замените надпись.

7. Настройте шрифт, размер, цвет.

8. Проверьте, не нарушилась ли композиция.

9. Сохраните проект через File — Save as PSD.

10. Экспортируйте готовый результат через File — Export As.

Как заменить изображение в Smart Object

1. Найдите Smart Object в панели Layers.

2. Дважды нажмите по его миниатюре.

3. Источник откроется отдельным документом.

4. Удалите старое изображение или скройте его.

5. Вставьте новое изображение.

6. Подгоните размер через Edit — Free Transform.

7. Выполните File — Save.

8. Перейдите обратно к основному документу.

9. Проверьте результат в мокапе.

Как поменять цвет элемента

Есть несколько способов:

• если элемент — Shape Layer, изменить Fill в верхней панели;

• если это обычный слой, использовать Layer Style — Color Overlay;

• если нужно изменить цвет фото, использовать Hue / Saturation;

• если правка должна быть неразрушающей, создать корректирующий слой;

• если цвет должен применяться только к одному слою, использовать clipping mask.

Как скрыть ненужные элементы

В панели Layers у каждого слоя есть значок глаза. Нажатие на него скрывает слой. Это удобно, если в PSD есть альтернативные варианты дизайна: разные фоны, варианты текста, иконки, декоративные элементы, версии кнопок.

Размер изображения, холст, кадрирование

В Photopea важно различать размер изображения и размер холста.

Image Size

Image — Image Size меняет размер всего изображения. Если исходный файл 3000 × 2000 px, можно уменьшить его до 1200 × 800 px. Это нужно для подготовки фото к сайту, уменьшения веса файла, адаптации под требования публикации.

Canvas Size

Image — Canvas Size меняет размер холста, но не обязательно масштабирует содержимое. Это полезно, когда нужно добавить поля сверху, снизу или по бокам, расширить рабочую область, сделать баннер другого формата.

Crop Tool

Crop Tool обрезает изображение. В верхней панели можно задавать пропорции или размер. Для карточек товаров это один из самых частых инструментов: нужно выровнять объект, убрать лишнее пространство, привести изображение к единому соотношению сторон.

Free Transform

Edit — Free Transform используется для масштабирования, поворота и деформации слоя. Быстрая клавиша — Ctrl + T. Через Free Transform удобно подгонять товар, логотип, фотографию в рамку, плашку или декоративный элемент.

Направляющие, сетка и точное размещение

В дизайне важно не только добавить элементы, но и поставить их ровно. Photopea поддерживает линейки, направляющие, сетку, Pixel Grid и привязку.

Линейки включаются через View — Rulers. Направляющую можно вытянуть из линейки в документ. Сетка включается через View — Show — Grid, а привязка — через View — Snap и View — Snap To. Направляющие, сетка и привязка помогают размещать элементы точно, особенно при создании баннеров, интерфейсных блоков, карточек товаров и макетов с несколькими колонками.

Практический пример: нужно сделать карточку товара, где заголовок, фото и преимущества стоят ровно. Включите линейки, вытяните вертикальные направляющие по краям безопасной зоны, включите View — Snap, затем размещайте текст и плашки. Объекты будут прилипать к направляющим, и макет станет аккуратнее.

Бесплатная версия, аккаунт и Premium

Photopea можно использовать с бесплатным аккаунтом и Premium-аккаунтом. Бесплатный аккаунт доступен всем, Premium убирает рекламу и может давать дополнительные преимущества. Управление аккаунтом и Premium выполняется через кнопку Account в верхней части интерфейса. После входа Photopea может синхронизировать настройки между устройствами: тему, язык, цвета, параметры инструментов.

Есть также командный сценарий Teams: владелец команды создаёт Team ID, пользователи присоединяются, а владелец управляет участниками. Если у владельца есть Team Premium, участники команды получают Premium-доступ. Для корпоративного внедрения предусмотрены Distributor и self-hosted-сценарии, включая вариант запуска в собственной среде.

Для обычного пользователя важнее всего понимать разницу между Free и Premium: бесплатная версия подходит для полноценной работы, но содержит рекламу; Premium рассчитан на тех, кто работает в редакторе регулярно и хочет убрать отвлекающие элементы.

Безопасность и приватность работы с файлами

Photopea обрабатывает файлы на устройстве пользователя. При обычной работе файлы не загружаются на сервер редактора, а программа использует CPU и GPU устройства.

Практически это означает, что Photopea удобно использовать для локальной работы с изображениями, PSD и макетами. Но аккуратность всё равно нужна:

• не открывать конфиденциальные файлы на чужом компьютере;

• учитывать политики компании, если макеты относятся к клиентским проектам;

• не устанавливать сомнительные расширения браузера;

• внимательно относиться к облачным хранилищам;

• не передавать приватные изображения в сторонние AI-сервисы без необходимости;

• сохранять рабочие PSD-копии локально.

Для повседневной обработки фото, правки PSD, удаления фона и подготовки графики Photopea выглядит сильнее большинства простых веб-редакторов именно потому, что не превращает каждый файл в обязательную загрузку на сервер.

Производительность и ограничения

Photopea работает в браузере, поэтому производительность зависит от устройства, браузера, памяти, размера файла и сложности документа. Чем больше слоёв, масок, Smart Objects, фильтров и больших растровых изображений, тем выше нагрузка.

Что работает быстро

Обычно без проблем выполняются:

• кадрирование;

• изменение размера;

• работа с JPG и PNG;

• простые PSD;

• баннеры;

• карточки товаров;

• небольшие макеты;

• ретушь отдельных фото;

• базовые фильтры;

• экспорт в веб-форматы.

Что может нагружать редактор

Тяжелее работают:

• большие PSD с сотнями слоёв;

• крупные RAW-файлы;

• несколько открытых документов одновременно;

• Smart Objects высокого разрешения;

• сложные фильтры;

• много масок;

• большие холсты;

• анимация и видеофайлы, где кадры становятся слоями.

Как ускорить работу

Практические советы:

• закрывать лишние вкладки браузера;

• не держать одновременно много тяжёлых документов;

• сохранять рабочую копию PSD;

• уменьшать размер изображений, если итог не требует огромного разрешения;

• группировать слои;

• отключать видимость тяжёлых групп, которые временно не нужны;

• применять Smart Objects осознанно;

• не злоупотреблять фильтрами на больших слоях;

• экспортировать финальный файл только после проверки размера.

Photopea не стоит выдавать за полную замену Photoshop во всех профессиональных сценариях. Для полиграфии, сложной цветоподготовки, тяжёлой RAW-серии, профессионального ретушёрского пайплайна и специализированных плагинов настольные решения остаются сильнее. Но для браузерного редактора PSD, веб-графики, карточек, баннеров, ретуши и правки макетов Photopea даёт очень высокий уровень возможностей.

Сравнение с аналогами

Adobe Photoshop

Adobe Photoshop остаётся профессиональным стандартом для сложной ретуши, полиграфии, цветоуправления, экосистемы плагинов, нейросетевых функций, пакетных процессов и глубокой работы с изображениями. Он сильнее в долгих профессиональных проектах, где важны стабильность настольного приложения, интеграция с Adobe Creative Cloud, расширенные инструменты и предсказуемый рабочий процесс.

Photopea выигрывает в другом: она открывается в браузере, быстро работает с PSD без установки, позволяет отредактировать макет на любом подходящем устройстве, сохранить PSD и экспортировать результат. Для пользователя, которому нужно заменить текст в PSD, поправить баннер, удалить фон или открыть чужой макет, Photopea часто быстрее и проще.

Критерий	Adobe Photoshop	Photopea
Установка	Настольная программа	Браузерный редактор
PSD	Полная родная среда	Сильная поддержка PSD
Плагины	Очень развитая экосистема	Ограниченно
RAW-процесс	Сильная связка с Camera Raw	Базовая обработка RAW
Быстрая правка PSD	Требуется установленная программа	Можно открыть в браузере
Профессиональная полиграфия	Сильнее	Ограниченнее
Простые баннеры и веб-графика	Да	Да

GIMP

GIMP — мощный бесплатный настольный редактор с открытым исходным кодом. Он хорош для локальной обработки, рисования, коррекции изображений и расширения через плагины. Его сильная сторона — независимость от браузера и полностью локальная установка.

Photopea удобнее, когда нужна логика, близкая к Photoshop, и работа с PSD-шаблонами. В GIMP можно открывать PSD, но сложные макеты, Smart Objects, стили и текстовые слои не всегда ведут себя так, как ожидает пользователь Photoshop. Photopea в этом сценарии часто проще: открыл PSD, нашёл слой, заменил текст, экспортировал.

Pixlr

Pixlr ориентирован на быстрые правки, эффекты, фильтры, коллажи и простую обработку. Он понятнее для новичка, которому нужно быстро улучшить фото или сделать картинку для соцсетей. Но в сложных PSD, масках, Smart Objects, структурированных слоях и точной ручной работе Photopea сильнее.

Pixlr удобен для лёгкой обработки. Photopea — для тех случаев, когда нужен почти полноценный редактор макетов, а не просто фильтр и обрезка.

Canva

Canva хороша для шаблонного дизайна: соцсети, презентации, листовки, простые рекламные материалы, командная работа, готовые наборы элементов. В ней удобно быстро собрать визуал без знания слоёв, масок и PSD.

Photopea лучше подходит для ручного редактирования PSD, ретуши, выделений, масок, Smart Objects, точной работы с пикселями и сложной структуры документа. Если нужно создать пост по готовому шаблону — Canva проще. Если нужно открыть PSD и заменить изображение внутри Smart Object — Photopea намного уместнее.

Figma

Figma — инструмент для интерфейсов, UX/UI, прототипов, дизайн-систем и совместной работы. Она сильна в макетах сайтов, приложений, компонентов, автолэйаутах и командном проектировании.

Photopea не заменяет Figma в UI/UX-процессе. Её зона — изображения, PSD, ретушь, экспорт графики, работа с растровыми и векторными файлами. При этом Photopea может открывать Figma-файлы, что удобно для просмотра, конвертации и отдельных задач, но для полноценной командной разработки интерфейсов Figma остаётся специализированным инструментом.

Сравнительная таблица

Программа	Сильные стороны	Ограничения	Когда выбирать
Adobe Photoshop	Профессиональная ретушь, плагины, полиграфия, Creative Cloud	Требует установки и подписки	Постоянная профессиональная работа с изображениями
GIMP	Бесплатный настольный редактор, открытый исходный код	Не всегда удобен для сложных PSD-шаблонов	Локальная бесплатная обработка изображений
Pixlr	Простота, быстрые эффекты, лёгкий вход	Меньше возможностей для сложных макетов	Быстрая обработка фото и простые креативы
Canva	Шаблоны, презентации, соцсети, командный дизайн	Не рассчитана на глубокую PSD-ретушь	Быстро собрать визуал из готовых блоков
Figma	UI/UX, прототипы, дизайн-системы, совместная работа	Не фоторедактор для ретуши	Интерфейсы сайтов и приложений
Krita	Рисование, цифровая живопись, кисти	Не главный выбор для PSD-макетов и веб-графики	Иллюстрация и художественная работа

Плюсы Photopea

Работает в браузере

Главный плюс — доступность. Для запуска не нужна тяжёлая настольная среда. Редактор открывается в браузере и позволяет быстро перейти к задаче: открыть файл, отредактировать, сохранить PSD или экспортировать результат.

Сильная работа с PSD

Photopea уверенно работает с многослойными PSD. Это делает её удобной для шаблонов, баннеров, мокапов и чужих макетов. Можно редактировать текст, группы, маски, Smart Objects и Layer Styles.

Слои, маски, Smart Objects

В редакторе есть инструменты, которые нужны не только новичкам, но и продвинутым пользователям: слои, группы, режимы наложения, растровые и векторные маски, Smart Objects, Smart Filters, корректирующие слои.

Много форматов

Photopea открывает обычные изображения, сложные макеты, RAW и анимированные форматы. Это удобно, если нужно быстро открыть файл из другой программы, проверить содержимое, конвертировать или внести правку.

Хороша для веб-графики

Баннеры, карточки товаров, обложки, превью, изображения для статей, посты, рекламные креативы — всё это удобно делать в Photopea. Есть текст, фигуры, тени, экспорт, направляющие и работа с размерами.

Подходит для ретуши

В Photopea есть Spot Healing Brush, Healing Brush, Patch Tool, Clone Stamp, Dodge, Burn, Blur, Sharpen и другие инструменты. Для повседневной ретуши этого достаточно.

Неразрушающее редактирование

Маски, Smart Objects, корректирующие слои и Smart Filters позволяют работать аккуратно и возвращаться к правкам. Это отличает Photopea от простых редакторов, где многие действия сразу портят исходные пиксели.

Минусы Photopea

Зависимость от мощности устройства

Photopea использует ресурсы устройства. На слабом компьютере большие PSD, RAW и сложные фильтры могут работать медленно. Чем тяжелее макет, тем заметнее нагрузка.

Браузерная среда

Браузер удобен для быстрого доступа, но не всегда идеален для тяжёлых профессиональных проектов. Расширения, вкладки, память и особенности конкретного браузера могут влиять на стабильность и скорость.

Реклама в бесплатном режиме

Бесплатная версия содержит рекламу. Для разовой правки это не критично, но при постоянной работе реклама может отвлекать. Premium решает эту проблему.

Не полная замена Photoshop

Photopea очень сильна для браузерного редактора, но не заменяет Photoshop во всех профессиональных задачах. Сложная ретушь, полиграфический цвет, экосистема плагинов, продвинутые AI-функции и крупные рабочие процессы остаются зоной настольных профессиональных пакетов.

Ограничения в RAW-процессе

RAW открыть можно, базовую коррекцию сделать можно, но для серийной обработки и сложной проявки лучше использовать специализированные RAW-редакторы.

Типовые задачи, которые удобно делать в Photopea

Задача	Инструменты	Итог
Изменить текст в PSD	Type Tool, Layers	Обновлённый баннер или шаблон
Заменить фото в мокапе	Smart Object, File — Save	Новый дизайн в готовом мокапе
Удалить фон	Magic Wand, Quick Selection, Refine Edge, маска	PNG с прозрачностью
Убрать объект	Spot Healing Brush, Patch Tool, Clone Stamp	Чистое фото
Сделать карточку товара	Layers, Type Tool, Rectangle Tool, Drop Shadow	Готовое изображение для публикации
Подготовить картинку для сайта	Image Size, Crop Tool, Export As	Файл нужного размера
Сделать баннер	Текст, фигуры, слои, стили	Рекламный креатив
Открыть RAW	RAW-импорт, экспозиция, контраст	Подготовленное фото
Работать с SVG	Pen Tool, Shape Layers, экспорт	Векторная графика
Сохранить проект	File — Save as PSD	Редактируемый файл

Практические советы по работе

Сохраняйте PSD-копию

Если макет состоит из слоёв, не ограничивайтесь JPG. JPG — это финальная плоская картинка. После экспорта в JPG текст, маски и слои уже нельзя нормально редактировать. Рабочий проект нужно сохранять через File — Save as PSD.

Используйте маски вместо Eraser Tool

Если нужно убрать фон, скрыть часть фото или сделать мягкий переход, используйте маску. Ластик подходит только для грубых и окончательных действий. Маска оставляет возможность исправить край.

Переименовывайте слои

Даже в небольшом макете лучше сразу называть слои по смыслу. Это особенно важно, если файл потом будет открывать другой человек или если к проекту нужно вернуться через несколько дней.

Группируйте элементы

Фон, текст, товар, иконки, кнопки и декор лучше держать в отдельных группах. Так проще скрывать блоки, перемещать их и менять порядок.

Используйте Smart Objects для вставленных изображений

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

Проверяйте размер перед экспортом

Перед финальным сохранением проверьте Image — Image Size. Для сайта не всегда нужен файл 4000 px по ширине. Лишний размер увеличивает вес страницы и замедляет загрузку.

Проверяйте читаемость текста

Текст, который хорошо виден на масштабе 200%, может быть нечитаемым на реальном размере. Проверяйте макет на 100% и на уменьшенном просмотре.

Не объединяйте слои слишком рано

Команды Merge Down и Merge Layers полезны, но после объединения структура теряется. Лучше объединять только копии или делать это в самом конце, когда редактируемый PSD уже сохранён.

Частые ошибки пользователей

Сохраняют только JPG

Пользователь делает баннер, экспортирует JPG и закрывает редактор. Потом нужно изменить цену или текст — а слоёв уже нет. Правильно: сначала File — Save as PSD, потом File — Export As — JPG.

Редактируют не тот слой

Если кисть, текст или ретушь не работают, часто выбран не тот слой или выделена маска вместо изображения. Нужно смотреть на панель Layers и активную миниатюру.

Забывают про заблокированный Background

Фоновый слой может быть заблокирован. Если его нужно редактировать, перемещать или маскировать, блокировку нужно снять или дублировать слой.

Удаляют фон ластиком

Ластик разрушает изображение. При вырезании товара лучше использовать маску. Это особенно важно для волос, прозрачных объектов и сложных краёв.

Не проверяют край после удаления фона

На белом фоне объект может выглядеть нормально, но на тёмном проявятся ореолы, остатки старого фона и грязный край. После обтравки полезно временно добавить под объект контрастный слой и проверить результат.

Путают Opacity и Fill

Opacity меняет прозрачность всего слоя вместе со стилями. Fill меняет заливку слоя, но стили могут оставаться видимыми. Это важно при создании эффектов с обводкой, тенью или свечением.

Растеризуют текст без необходимости

Если текст растеризовать, он станет пикселями и потеряет редактируемость. Растеризация нужна только для специальных эффектов, которые нельзя применить к текстовому слою напрямую.

Не учитывают отсутствующие шрифты

Если открыть чужой PSD без нужных шрифтов, текст может измениться. Перед финальным экспортом нужно проверить переносы, размеры, отступы и соответствие исходному дизайну.

FAQ

Photopea бесплатная?

Да, Photopea можно использовать бесплатно. Бесплатный режим содержит рекламу. Premium-аккаунт убирает рекламу и подходит для регулярной работы. Управление аккаунтом выполняется через кнопку Account в верхней части интерфейса.

Можно ли открыть PSD в Photopea?

Да. PSD — основной рабочий формат Photopea. В программе можно открывать многослойные PSD, редактировать слои, текст, маски, Smart Objects и сохранять проект обратно в PSD.

Можно ли сохранить файл обратно в PSD?

Да. Для этого используется File — Save as PSD. Эта команда сохраняет структуру документа: слои, группы, текст, маски и другие редактируемые элементы.

Можно ли удалить фон в Photopea?

Да. Фон можно удалить вручную через Magic Wand Tool, Quick Selection Tool, Select — Refine Edge и маску. Для сложных краёв лучше использовать Refine Edge, а для предметов с ровной формой — Pen Tool.

Подходит ли Photopea для карточек товаров?

Да. В Photopea удобно делать карточки товаров: вырезать объект, добавить фон, текст, плашки, тени, иконки, преимущества и экспортировать результат в JPG или PNG.

Можно ли работать с RAW?

Да. Photopea открывает RAW-файлы и позволяет выполнить базовую коррекцию экспозиции, контраста, светов, теней и цвета. Для большой серии RAW лучше использовать специализированный RAW-редактор.

Есть ли Smart Objects?

Да. Smart Objects поддерживаются. Их можно открывать двойным кликом по миниатюре, редактировать источник и обновлять результат через File — Save внутри Smart Object.

Можно ли редактировать текст в PSD?

Да. Если текстовый слой сохранился как редактируемый, его можно изменить через Type Tool. Если шрифт отсутствует, его можно подключить или заменить.

Чем Photopea отличается от простых онлайн-фоторедакторов?

Photopea работает со сложной структурой документа: PSD, слои, маски, Smart Objects, стили слоя, корректирующие слои, векторные контуры, каналы, фильтры и широкий набор форматов. Простые онлайн-редакторы обычно ограничиваются фильтрами, кадрированием, текстом и базовыми эффектами.

Итоговая оценка Photopea

Photopea — один из самых сильных браузерных редакторов для работы с PSD, слоями, масками, Smart Objects, текстом, ретушью и веб-графикой. Его главное преимущество — сочетание доступности и глубины: редактор открывается в браузере, но ведёт себя не как простой сервис для фильтров, а как полноценная рабочая среда для макетов и изображений.

Программа особенно хороша для пользователей, которым нужно быстро открыть PSD, заменить текст, поправить баннер, подготовить карточку товара, удалить фон, сделать прозрачный PNG, обработать одиночное фото, экспортировать изображение для сайта или отредактировать мокап. Для этих задач Photopea часто оказывается самым рациональным вариантом: не требует сложной подготовки, поддерживает нужные форматы и даёт привычную структуру слоёв.

Слабые стороны тоже понятны. Большие файлы зависят от мощности устройства, браузерная среда не всегда заменяет настольный профессиональный пакет, а для глубокой RAW-обработки, полиграфии и сложной ретуши специализированные программы остаются сильнее. Но оценивать Photopea нужно не как игрушечный онлайн-фильтр, а как серьёзный редактор PSD в браузере. В этой роли программа выглядит очень убедительно.