Редактор фото

Нет: каждое редактирование происходит локально в вашем браузере с помощью API canvas; файл фото никогда не покидает ваше устройство.

Обрезать (с пропорциями 1:1, 4:3, 16:9 и 9:16 или произвольно), выровнять наклонённое фото, повернуть и отразить, изменить размер до точной ширины и высоты, «Автокоррекция» в один клик плюс гистограмма вживую и инструмент «Кривая» для управления тоном, настроить яркость, контраст, насыщенность, оттенок и размытие плюс продвинутые инструменты (уровни, экспозиция, насыщенность, резкость, виньетирование), применить фильтры в один клик (Насыщенный, Ч/Б, Винтаж, Холодный, Тёплый, Выцветший, Нуар, Золотой), рисовать от руки кистью (с собственными ползунками непрозрачности и жёсткости) или ластиком, выбирать цвета из общей палитры «Недавние/Сохранённые», добавлять перемещаемый и редактируемый текст (12 шрифтов, с межстрочным и межбуквенным интервалом, дугой или изгибом, опциональной обводкой и тенью) и фигуры (прямоугольник, эллипс, линия, звезда, стрелка) со сплошной заливкой, линейным градиентом, радиальным градиентом или повторяющимся узором из точек/полос/шахматной клетки, привязывать всё к опциональной сетке выравнивания или перетаскиваемым направляющим, выделять часть фото «Волшебной палочкой» (со сглаживанием и опцией инверсии), «Рамкой» или «Лассо», добавлять неразрушающую маску слоя к любому слою фигуры, текста или изображения, переходить к любой точке истории редактирования из кликабельного списка, сразу изменять размер под распространённый формат соцсети или экспорта с помощью готовых пресетов, проставлять текстовый или логотипный водяной знак (размещённый один раз или повторённый по всему фото) и рамку — сплошную, двойную, скруглённую, «полароид», «фотоплёнку» или с тенью — только на скачиваемых версиях, приближать сочетаниями клавиш и прокручивать с помощью пробела или мини-карты, а также менять порядок, дублировать, удалять или настраивать непрозрачность и режим смешивания (16 режимов, от «Умножения» и «Растра» до «Тона» и «Яркости») любого слоя.

Да: меню «Файл», «Правка», «Изображение», «Слой», «Фильтр», «Вид» и «Окно» находятся в самом верху и дают доступ ровно к тем же инструментам, что и панель инструментов с панелями ниже.

Включите «Заливка фигуры», а затем выберите стиль заливки: сплошной (один цвет), линейный или радиальный градиент (оба смешивают основной цвет фигуры со вторым цветом «A»: линейный — по ширине фигуры, радиальный — от её центра наружу), либо узор, который повторяет точки, полосы или шахматную клетку, используя основной цвет и цвет «A», с размером, заданным ползунком масштаба. Выберите это перед рисованием в параметрах инструмента фигуры или измените позже в панели выбранного слоя: всё перерисовывается вживую по мере настройки.

Линейный плавно смешивается от одного угла фигуры к противоположному по прямой линии. Радиальный смешивается от центра фигуры к её краю по кругу, больше похоже на свечение или прожектор. Оба используют основной цвет фигуры как начальный, а цвет «A» — как конечный.

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

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

Да: выберите текстовый слой и включите «Обводка» (со своим цветом и толщиной) или «Тень» (цвет и степень размытия) в панели выбранного слоя. Оба по умолчанию выключены, так что уже имеющийся текст выглядит так же, пока вы их не включите.

Да: ползунок «Кривая» в разделе «Типографика» текстового слоя изгибает строку по дуге окружности — в положительную сторону для дуги вверх, в отрицательную для дуги вниз. По умолчанию он на 0 (прямая линия) и работает вместе с межстрочным и межбуквенным интервалом, которые тоже настраиваются для каждого текстового слоя отдельно.

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

График в реальном времени того, сколько пикселей вашего текущего фото попадает на каждый уровень яркости, разделённый на красный, зелёный и синий каналы. Пик, прижатый к левому или правому краю, означает, что вы теряете детали в тенях или светах: точки чёрного и белого в «Уровнях» или инструмент «Кривая» могут восстановить эти детали. Он обновляется в реальном времени по мере редактирования, отражая точное изображение, которое вы бы экспортировали в этот момент.

«Уровни», «Экспозиция» и остальные ползунки каждый равномерно двигают одну характеристику по всему фото. Инструмент «Кривая» позволяет перетащить одну точку, чтобы осветлить или затемнить конкретный тоновый диапазон (например, только тени), оставив остальную часть кривой закреплённой в чёрном и белом, — то, что сами по себе ползунки сделать не могут. «Сбросить кривую» возвращает её к прямой линии, без эффекта.

Включает или выключает сетку выравнивания на экране (с шагом 10, 20, 40 или 80 px) и привязывает к ней новые или перемещаемые фигуры, тексты и изображения; нажмите G, чтобы включить её, не трогая мышь. Это направляющая только на экране: она никогда не появляется на скачанном фото и не влияет на мазки кисти от руки.

«+ Горизонт.» и «+ Вертик.» (на панели инструментов или в меню «Вид») размещают на холсте горизонтальную или вертикальную линию, к которой привязываются новые или перемещаемые фигуры, тексты и изображения, — полезно для точного выравнивания там, где не хватает фиксированного шага сетки. Перетащите направляющую, чтобы переместить её, дважды щёлкните по ней или вытащите её за пределы фото, чтобы убрать, либо используйте «Убрать направляющие», чтобы удалить их все сразу. Как и сетка, они только на экране и никогда не появляются на скачанном фото.

Выпадающий список рядом с полями ширины и высоты в один клик меняет размер фото под распространённый формат экспорта: публикация, вертикальная или «сторис» Instagram, Facebook, X/Twitter, миниатюра YouTube, LinkedIn или Pinterest. Он меняет размер так же, как поля Ш/В и соседняя кнопка «Изменить размер» (так что фото с несовпадающими пропорциями будет растянуто, чтобы подойти): при желании получить результат без искажений сначала обрежьте до соответствующих пропорций.

Да: «Файл → Водяной знак…» позволяет включить текстовый водяной знак (ваше имя, сайт или ник) либо переключиться на собственный логотип, с выбором угла или центра (или повтором по всему фото), цвета (только для текста), размера, настраиваемого отступа от края и непрозрачности. Он применяется только в момент скачивания или сохранения, никогда — к редактируемому фото, так что легко видеть свою работу без водяного знака и так же легко снова его убрать.

Да: в «Файл → Водяной знак…» переключите режим на «Изображение логотипа» и выберите файл изображения (PNG, JPEG или WebP); он полностью считывается в вашем браузере и никогда никуда не загружается, как и ваше фото. Он масштабируется пропорционально как процент от ширины фото с помощью ползунка «Размер» и может размещаться в углу, по центру или повторяться по всему фото, как и текстовый водяной знак.

Включает повторяющийся наклонённый узор водяного знака по всему фото — тот же стиль, что защищает превью на фотостоках, вместо одного экземпляра в углу. Это доступно и для текстового водяного знака, и для логотипа; при включении скрываются элементы управления единственным положением («Положение», «Отступ»), потому что они больше не применимы.

Да: «Файл → Рамка/Обводка…» предлагает сплошную цветную обводку, двойную обводку из двух цветов (с раздельными внешним и внутренним цветами и толщиной), скруглённые углы, рамку «Полароид» (с опциональной подписью снизу), рамку «Фотоплёнка» с перфорацией сверху и снизу и стиль «Тень», который помещает фото на цветной фон с мягкой тенью для эффекта «плавающей карточки». Она отображается вживую на холсте во время настройки, и любую из них можно сочетать с водяным знаком, который попадает в угол уже обрамлённого итогового изображения, а не исходного фото под ним.

Сплошная обводка, двойная обводка, «полароид», «фотоплёнка» и «тень» добавляют реальные пиксели вокруг фото, так что скачанный файл больше, чем редактируемый холст (например, сплошная обводка в 24 px добавляет по 48 px к ширине и высоте). Скруглённые углы — исключение: они не добавляют отступ, а лишь срезают углы самого фото.

Да: вкладка «История» (рядом со «Слоями») перечисляет по порядку каждое сделанное вами изменение; нажмите на любую запись, чтобы сразу перейти туда. Это тот же стек отмены и повтора, через который проходят Ctrl+Z и Ctrl+Y, только все предыдущие состояния видны и кликабельны одновременно.

Нажмите в любом месте, и будет выбран этот цвет и всё, что его касается, в пределах настройки «Допуск»; включите «Выбрать все совпадающие цвета», чтобы захватить каждый совпадающий пиксель на фото, даже если он не соприкасается (полезно для выбора каждого экземпляра рассеянного цвета). «Сглаживание» размывает край выделения на заданное число пикселей, так что «Стереть» плавно исчезает, а не оставляет резкую линию среза. «Инвертировать выделение» меняет его на всё, что вы не выбрали: нажмите на однотонный фон, «Инвертировать», а затем «Стереть», чтобы вырезать сложный объект в два шага вместо обводки от руки.

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

Да: отметьте два или более слоя в панели «Слои» и нажмите «Сгруппировать выбранное», чтобы свернуть их в именованную сворачиваемую папку. Нажатие на любой сгруппированный слой на холсте выбирает и перемещает всю группу целиком, а скрытие или блокировка группы скрывает или блокирует все слои внутри, не трогая настройки каждого отдельного слоя. «Разгруппировать» возвращает слои на верхний уровень; удаление группы удаляет её вместе со всем содержимым.

«Непрозрачность» задаёт, насколько прозрачен новый мазок во время рисования: при 100 % он полностью сплошной, а при более низких значениях сквозь него видно фото под ним. «Жёсткость» смягчает край мазка: при 100 % это чёткая линия с жёстким краем (как было до появления этих ползунков), а при более низких значениях край растушёвывается, как у аэрографа. Оба применяются только к новым мазкам и не меняют уже нарисованные.

Она отображается в панелях «Кисть», «Фигура» и «Пипетка» и одинакова во всех трёх: нажмите на любой образец, чтобы установить его как текущий цвет во всех трёх сразу. «Недавние» заполняется само по мере выбора цветов и сбрасывается каждый раз при открытии редактора; «Сохранённые» — это осознанный список избранного (нажмите кнопку +, чтобы добавить текущий цвет), который запоминается до следующего вашего визита.

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

Да: дважды щёлкните по названию любого слоя или группы в панели «Слои», чтобы отредактировать его прямо там; нажмите Enter, чтобы сохранить, или Escape, чтобы отменить.

Да: V — выбрать, W — волшебная палочка, M — рамка, L — лассо, I — пипетка, C — обрезка, B — кисть, E — ластик, T — текст, R — прямоугольник, O — эллипс, K — линия, S — звезда, A — стрелка, а также G для сетки, Ctrl/Cmd+Z и Y для отмены и повтора, Ctrl/Cmd+X, C и V для вырезания, копирования и вставки, и Delete для выбранного слоя. Ctrl/Cmd+X зависит от контекста: вырезает выделение пикселей рамкой или лассо, если оно активно, а иначе — выбранный слой. Каждый пункт меню с сочетанием клавиш показывает его прямо в выпадающем списке (меню «Правка» и «Слой»), а каждая кнопка на панели инструментов также показывает свою букву во всплывающей подсказке.

Да: полноценная отмена и повтор (также Ctrl+Z / Ctrl+Y), плюс «Сбросить» в один клик, возвращающий вас к исходной загрузке.

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

Да: панель инструментов переходит в горизонтальное расположение, а боковая панель размещается под холстом на маленьких экранах, и сенсорное перетаскивание работает во всём редакторе.

Используйте кнопки − и + или «Вписать» рядом с процентом масштаба, либо сочетания клавиш Ctrl/Cmd+= для приближения, Ctrl/Cmd+- для отдаления и Ctrl/Cmd+0, чтобы вписать всё фото в окно. Когда вы приблизились больше, чем помещается на экране, удерживайте пробел и перетаскивайте, чтобы прокручивать (курсор превращается в руку, показывая, что прокрутка активна), не выходя из используемого инструмента.

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