Гайд по графическому редактору Photopea

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

В гайде разобрали основные возможности редактора Photopea и показали, как в нем работать. Материал будет полезен дизайнерам, SMM-специалистам и маркетологам, которые ищут универсальный рабочий инструмент, но не хотят платить за подписки и лицензии.

Что умеет фоторедактор Photopea

Photopea может отпугнуть устаревшим интерфейсом, но делать предварительные выводы «по одежке» не стоит. В фоторедакторе можно:

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

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

Настраивать яркость, контраст, насыщенность и цветовой баланс. Инструменты для тонкой цветокоррекции, улучшения деталей и устранения дефектов помогут сэкономить время, если вы на потоке создаете графику для соцсетей и сайтов.

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

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

Экспортировать проекты в разные форматы. Готовый макет можно сохранить в PSD, PNG, JPG, SVG и других форматах для совместной работы и публикаций.

Как пользоваться редактором Photopea

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

Пройдемся по интерфейсу главной страницы, чтобы вы понимали, что находится в основных разделах фоторедактора.

Загрузить изображения с компьютера

Чтобы сразу начать работу с графикой, нажмите на кнопку «Открыть с компьютера» или просто перетащите файл в рабочую область.

Изображение мгновенно откроется в новой вкладке редактора. Если нужно обработать сразу несколько файлов, можно открыть их в новых вкладках. Нажмите «Файл – Открыть» или Ctrl + O и выберите изображение на компьютере.

Редактор Photopea откроет его в соседней вкладке. На результаты обработки предыдущей картинки это никак не повлияет.

Подключить облачные хранилища

Photopea позволяет настроить интеграцию с Google Drive, OneDrive, DropBox и PeaDrive. Просто выбираете нужный источник файлов в меню и следуете инструкции.

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

Создать новый проект

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

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

У поиска по шаблонам есть дополнительные инструменты сортировки. Например, можно отобрать макеты с фоном определенного цвета и надписями или с тематическими изображениями. Для этого проставьте чекбоксы и используйте поиск по ключевым словам. Писать лучше на английском — Photopea не переваривает пользователей из России.

Сгенерировать картинку нейросетью Photopea

У редактора Photopea есть встроенная нейросеть, которая умеет генерировать картинки. Чтобы воспользоваться этим инструментом, кликните по кнопке «Создать с помощью ИИ» на главной странице.

Загрузите текст промпта в окно для ввода и нажмите кнопку «Generate».

Нейросеть Photopea выдаст результат в том же окне через несколько секунд. Если результат не устроит, можно дополнить текст промпта и запустить повторную генерацию. А если картинка подходит, нажмите на кнопку «Edit Image», чтобы открыть ее в редакторе.

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

Как работать с графикой в Photopea

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

Обрезать и выровнять фото

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

Для обрезки изображения используйте инструмент «Прямоугольное выделение». Выделите область на картинке, а затем нажмите в контекстном меню на «Изображение – Обрезать».

Для выравнивания или поворота изображения используйте инструменты преобразования. Например, чтобы повернуть картинку на 90 или 180°, отразить по горизонтали или вертикали, выберите в меню «Изображение – Преобразовать» и нужный тип трансформации.

По такому же принципу можно трансформировать часть картинки. Для этого выделите прямоугольником нужную область, кликните по холсту правой кнопкой, выберите «Свободное преобразование», а затем расположите элемент картинки относительно холста так, как вам нужно.

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

Настроить яркость, контраст, цвет

В Photopea есть впечатляющий набор инструментов цветокоррекции — от стандартной настройки яркости, контраста и насыщенности до смешивания каналов и постеризации. Все находятся во вкладке «Изображение – Коррекции».

Photopea сразу показывает результат цветокоррекции в режиме предпросмотра. Если вам нравится обработка, нажмите на кнопку «Подтвердить» в контекстном меню. А если нужно вернуться к исходному файлу, просто отмените последние действия с помощью горячих клавиш — Ctrl + Z.

Наложить фильтры и эффекты

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

Все фильтры находятся в одноименном разделе контекстного меню. Здесь можно найти стандартный набор — находится во вкладке «Галерея фильтров»; а также инструменты для профессиональной обработки фото — например, Camera Raw, Vanishing Point, размытие по Гауссу и многое другое.

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

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

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

Добавить текст и логотип

Сервис позволяет вставлять текстовые блоки с разными шрифтами и стилями, а также логотипы и графические элементы. Можно регулировать прозрачность, цвет, тени и выравнивание, чтобы быстро адаптировать визуал под бренд.

Для вставки текста нажмите правой кнопкой мыши на иконку «T» в контекстном меню слева и выберите, как должна располагаться надпись — горизонтально или вертикально.

Кликните по рабочей области изображения левой кнопкой мыши и введите текст. Чтобы применить форматирование, нажмите на иконку «T» в меню справа.

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

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

Для перемещения надписи удерживайте ее левой кнопкой мыши и двигайте по холсту. А если нужно удалить текст, просто выделите его и нажмите Delete. Или удалите слой с текстом в контекстном меню справа — нажмите на него правой кнопкой мыши и выберите «Удалить».

Как сохранить и скачать изображение в Photopea

В редакторе Photopea все макеты можно сохранять как PSD-файлы или экспортировать в один из популярных форматов: PNG, JPG, GIF, MP4 и другие. Инструменты сохранения и экспорта находятся в разделе «Файл» верхнего контекстного меню.

Для сохранения проекта в формате редактируемого файла откройте меню «Файл – Сохранить как PSD». Это позволит сохранить все слои, маски и эффекты, чтобы продолжить работу позже или передать файл другому дизайнеру.

Если нужно получить готовое изображение для публикации на сайте или в соцсетях, выберите «Файл – Экспортировать как» и нужный формат. Перед экспортом можно настроить качество и разрешение изображения в пикселях. 

По умолчанию Photopea выгружает файлы на ваш компьютер, но если вы нажмете на три точки рядом с кнопкой «Сохранить», сможете экспортировать файл в облачное хранилище.

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

Чтобы поделиться макетом, нажмите «Файл – Поделиться – PSD» и дайте согласие на публикацию проекта во всплывающем окне.

Сервис за пару секунд сгенерирует ссылку и покажет ее в окошке. 

Общее впечатление о фоторедакторе Photopea

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

Нейросеть Photopea работает на отлично: редактор понимает промпты и выдает точный результат. Причем генерировать изображения можно без ограничений — в отличие от большинства сервисов со встроенными AI-инструментами, которые генерируют картинки за кредиты или другую внутреннюю валюту.

Единственный минус редактора — негативный настрой к пользователям из РФ. Сервис определяет российские IP и начинает показывать политическую пропаганду в правой части интерфейса. Чтобы убрать этот баннер, пришлось устанавливать блокировщик рекламы. После этого Photopea еще несколько раз просила задонатить разработчикам $15–20 на развитие сервиса. Это существенно подпортило впечатление об инструменте.