Справка
Как устроен graint.net
Каждый инструмент с настоящим скриншотом, горячие клавиши и то, что здесь особенного.
Первые шаги
Откройте редактор — вас ждёт пример изображения, чтобы попробовать. В окне четыре плавающие панели: Инструменты слева, История и Слои справа, Цвета внизу слева. Их можно перетащить куда угодно; F6–F8 показывают и скрывают Историю, Слои и Цвета.
Панель над изображением показывает параметры текущего инструмента. Всё, что вы делаете, попадает в панель История; щёлкните по шагу, чтобы вернуться к нему, Ctrl+Z отменяет, Ctrl+Y повторяет.
Файлы и сохранение
Открыть
Ctrl+O открывает PNG, JPEG, WebP, GIF, BMP и фото с iPhone (HEIC), многослойный формат .graint, .pdn, Photoshop .psd, OpenRaster .ora (GIMP, Krita, MyPaint) и .tif. Файл, перетащенный в окно, добавляется новым слоем.
Сохранить
Ctrl+Shift+S спрашивает имя и формат. В Chrome и Edge после этого Ctrl+S сохраняет прямо в тот же файл. Другие браузеры скачивают копию.
Какой формат?
| .graint | Сохраняет слои, режимы наложения, непрозрачность и живой текст. Обычный ZIP с одним PNG на слой — распаковать может любая программа. |
| PNG | Без потерь, сохраняет прозрачность. Слои объединяются. |
| JPEG | Маленькие файлы для фото. Без прозрачности; слои объединяются. |
| WebP | Меньше PNG и JPEG, сохраняет прозрачность. Слои объединяются. |
| .pdn | Только открытие. Переносятся слои, имена, видимость, непрозрачность и большинство режимов наложения. «Отражение», «Свечение» и «Отрицание» показываются как «Обычный». |
| .psd | Только открытие. Слои с именем, положением, видимостью, непрозрачностью и режимом наложения; группы раскладываются на слои. Маски и корректирующие слои пока не применяются, текст приходит пикселями. |
| .ora / .kra | Только открытие. OpenRaster (GIMP, Krita, MyPaint) со слоями, положением, непрозрачностью и режимами наложения. Собственный .kra от Krita открывается одним объединённым слоем. |
| .tif | Только открытие. Каждая страница становится слоем, видна только первая. |
Автосохранение
Несохранённые изображения каждые несколько секунд сохраняются в браузере. Если вкладка упадёт или вы закроете её по ошибке, graint.net при следующем запуске предложит их восстановить. Ничего не покидает ваш компьютер.
Инструменты
Нажмите клавишу, указанную рядом с инструментом. Клавиши, общие для нескольких инструментов (S, M, O), переключают их по кругу. Щёлкните по скриншоту, чтобы увеличить.
Слои
Каждое изображение — это стопка слоёв. Верхние слои закрывают нижние, кроме прозрачных мест. Панель показывает стопку сверху вниз; выделенный слой — тот, на котором вы рисуете.
- Перетащите слой, чтобы изменить порядок. Флажок скрывает и показывает его.
- Двойной щелчок по слою открывает свойства: имя, непрозрачность и режим наложения.
- «Объединить с нижним» соединяет слой с нижним; «Свести» соединяет все.
- Текстовые слои (с пометкой T) остаются редактируемыми, пока вы их не растрируете.
Коррекция, эффекты, плагины
Коррекция меняет цвета и тона, эффекты — структуру (размытие, шум, искажение, рендер). Оба действуют на текущий слой или только внутри выделения, если оно есть. Каждый диалог показывает живой предпросмотр; «Отмена» оставляет изображение нетронутым.
Ctrl+F повторяет последний эффект с теми же настройками. Большие изображения обрабатываются в фоне, поэтому окно не зависает.
В меню «Плагины» 18 встроенных плагинов в шести группах: Объект, Прозрачность, Цвет, Рамки и сетки, Искажение и Дополнительно. Они работают как эффекты. Script Lab в разделе «Дополнительно» позволяет писать свои эффекты на JavaScript.
ИИ-инструменты и токены
Окно «ИИ» (и меню «ИИ») собирает дополнительные функции. Одни работают на вашем устройстве, другие в облаке. Облачным инструментам нужен аккаунт, и они запускаются только по вашему щелчку; редактор один раз спрашивает, прежде чем изображение покинет ваш компьютер.
- На вашем устройстве, бесплатно: ластик объектов (по умолчанию) и расширение холста (большинство заливок). «Улучшить и увеличить» (меню «Эффекты») и «Цветовой стиль по тексту» (меню «Коррекция») — не ИИ и тоже работают на вашем устройстве.
- На устройстве или ИИ: ластик объектов и расширение холста бесплатно работают на вашем устройстве. Для больших или сложных областей выберите «ИИ» и модель: FLUX.2 klein 4B или 9B (работают в Cloudflare, обычно из бесплатного запаса) или модели Nano Banana от Google (только купленные токены). «Создать в выделении» всегда использует ИИ. ИИ видит всё изображение, но меняется только выделенная область. В необязательном текстовом поле можно сказать ИИ, что там должно быть.
- Ваши токены видны в меню «ИИ» редактора, под ИИ-чатом и в профиле: серебряные бесплатны и обновляются каждый день, золотые вы купили. Сначала расходуются серебряные. Каждый диалог показывает ожидаемую цену до запуска.
Каждый аккаунт также получает бесплатные токены каждый день. Затем токены списываются с вашего баланса. Купленные токены стоят по цене поставщика плюс небольшая наценка, о которой я говорю открыто. Цены и покупка
Горячие клавиши
| Ctrl+Z / Y | Отменить / повторить |
| Ctrl+A / D | Выделить всё / снять выделение |
| Ctrl+I | Инвертировать выделение |
| Ctrl+C / V | Копировать / вставить |
| Enter | Завершить текущее действие |
| Ctrl+F | Повторить последний эффект |
| Ctrl+S | Сохранить |
| Space / Ctrl+перетаскивание | Сдвинуть вид |
| Ctrl++ / − | Приблизить / отдалить |
| Ctrl+B / 0 | По размеру окна / реальный размер |
| X | Поменять основной и дополнительный цвет |
| [ ] | Ширина кисти |
| F6 – F8 | Показать или скрыть Историю, Слои, Цвета |
| Стрелки | Сдвинуть выделение или пиксели (Shift: 10 px) |
На Mac используйте ⌘ вместо Ctrl. Некоторые сочетания, например Ctrl+N и Ctrl+W, принадлежат браузеру и могут не дойти до graint.net. Для них используйте меню.
Особенности
graint.net работает как классический редактор изображений. Вот места, где он намеренно делает немного больше.
| Живой текст | Каждый текст получает свой слой и остаётся редактируемым. Переключитесь на «Классический» на панели «Текст», чтобы сразу получить пиксели. |
| Умная волшебная палочка | Помимо допуска по цвету, палочка умеет выделять целые объекты по их краям. Классический режим работает как обычно. |
| Маркер поворота | У выделений и перемещаемых пикселей над рамкой есть круглый маркер для поворота. Перетаскивание правой кнопкой тоже работает. |
| Ctrl+перетаскивание | Удерживайте Ctrl и тяните, чтобы двигать вид любым инструментом, — как альтернатива пробелу. |
| Плагины встроены | Самые популярные плагины воссозданы и уже установлены. Ничего не нужно скачивать. |
| Script Lab | Свои эффекты пишутся на JavaScript, а не на C#. |
| Ластик объектов | Убирает пятна и объекты и заполняет пустоту по окружению — на вашем устройстве. Щёлкните, закрасьте или сначала выделите. |
| Окно «ИИ» | Собирает дополнительные функции. Ластик объектов и расширение холста по умолчанию работают на вашем устройстве. «Создать в выделении», ИИ-чат и «Создать изображение» используют облачный ИИ и стоят токены. |
| Браузер | F5 обновляет страницу как обычно; graint.net сначала предупредит, если что-то не сохранено. |