Начать бесплатно
← Все руководства

Pro Designer: редактирование в стиле Photoshop прямо в браузере

Pro Designer — полноценный редактор фото и инструмент для дизайна, похожий на Photoshop: строка меню, панель инструментов слева, панель параметров для выбранного инструмента, линейки и панели «Слои», «История», «Свойства», «Коррекция» и «Цвет» справа. Работает со слоями, масками и выделениями, есть кисти для рисования и ретуши, коррекции, фильтры и Свободная трансформация, открывает и сохраняет файлы PSD, а также включает ИИ aiKit: попросите внести любое изменение своими словами. Редактирование бесплатно; Спросить aiKit, Генеративная заливка и ИИ-изображения используют токены. Для быстрого дизайна по одной фразе используйте Magic Canvas.

Открыть Pro Designer →
1

Открытие и начало работы

Pro Designer открывается в окне «Новый документ» над пустой страницей (закройте его кнопкой ×, чтобы использовать пустую страницу 1080 × 1080). Слева задаётся свой размер: Название, Ширина, Высота и Единицы (пиксели, дюймы, сантиметры, миллиметры, пункты или пики), Портрет или Альбом, Разрешение в пикселях на дюйм или на сантиметр (быстрый выбор: 72 для экранов, 150 для больших распечаток, 300 для печати, 600 для мелкой печати), Цветовой режим (RGB, CMYK, Оттенки серого, Битовая карта или Lab, 8 бит на канал) и Фон (Белый, Чёрный, Прозрачный или любой цвет). «Вылеты, поля и колонки» (открывается отдельно для печатных единиц) задают вылет за пределы размера (быстрый выбор: нет, 1/8 дюйма, 3 мм, 5 мм, 1/4 дюйма), безопасное поле и сетку колонок с промежутком; линия обреза, поля и колонки становятся направляющими, которые можно перетаскивать или убрать. Блок внизу показывает итоговый размер в пикселях и в ваших единицах с учётом вылета, разрешение, цветовой режим и размер файла, а также предупреждает, если размер слишком велик для браузера. Создать сделает документ; Enter тоже.

Справа стандартные размеры во вкладках: Популярные, Недавние (размеры, которые вы создавали недавно), Сохранённые (ваши пресеты: задайте размер и нажмите «Сохранить как пресет»; × удаляет один), Соцсети, Печать (от визитки до рулонного баннера, US Letter, Legal, Tabloid, A3, A4, A5), Веб (экраны, превью ссылок, стандартные рекламные размеры, иконка сайта), Email (размеры шириной 600 пикселей), Фото, Видео (720p, 1080p, 4K, вертикальный, квадрат) и Мобильные (iPhone, Android, iPad, иконка приложения), а также Ваши проекты. Нажмите на размер, чтобы заполнить поля слева, и измените что угодно; дважды нажмите на размер, чтобы сразу создать документ. Файл > Новый (⌘N) открывает то же окно. Вверху: Открыть файл (фото, PNG, JPG, WebP, TIFF, SVG, PDF, AI или PSD откроются в своём размере), Открыть как образец (изображение ставится на страницу, которую вы настроили, закрепляется и полупрозрачно, чтобы рисовать поверх) и Графическая библиотека. Файл также можно перетащить в любое место окна.

Кнопка «+ Разместить» в правом верхнем углу (также Файл > Разместить изображение, ⇧⌘P) открывает одно окно для всех изображений: С моего компьютера (перетащите файл или выберите его), Бесплатные фото (поиск реальных фото из Pexels, бесплатно, без токенов: «космос», «интерьер офиса», «гостиная»), Графическая библиотека и ИИ-изображение (создаётся по вашим словам; если сервис изображений не отвечает, это будет сказано прямо и предложены реальные фото). Сначала выберите, куда его поместить: Внутри моей рамки (сначала нарисуйте рамку инструментом Выделение; изображение заполнит её как кадр, а инструмент Перемещение сдвигает изображение внутри, чтобы выбрать видимую часть, а ⌘T меняет размер), Фон страницы (заполняет всю страницу, позади текста и фигур) или Вписать на страницу. Если есть выделение, на панели под изображением также есть кнопка «Разместить здесь». Вкладка Бренд размещает логотипы из Logo Kit, а вставка скопированного изображения (⌘V) добавляет его как слой.

Файл > Сохранить (⌘S) сохраняет весь документ со всеми слоями, масками, текстом, стилями и коррекциями и помещает ссылку на него в адресную строку. Файл > Открыть проект показывает ваши сохранённые проекты. При уходе со страницы с несохранёнными изменениями сначала появится запрос.

2

Рабочее пространство

Рядом переключатель ✎ Дизайн | ∞ Автоматизация переходит между редактором (Дизайн, основной вид) и Автоматизацией (те же шаги для многих файлов). Автоматизация, открытая из редактора, показывает ✎ Назад к дизайну; на странице Автоматизации есть ✎ Дизайн и ✎ Открыть редактор Pro Designer.

‹ Назад в aiKit, в верхнем левом углу Pro Designer, окна «Новый документ» и Автоматизации, возвращает на страницу aiKit, с которой вы пришли (или в Инструменты). При несохранённых изменениях сначала спрашивает: Сохранить и выйти (сохраняет проект со всеми слоями), Выйти без сохранения или Остаться.

Панель инструментов показывает одну кнопку на каждую группу инструментов, как в Photoshop. Маленький треугольник в углу кнопки означает, что внутри есть другие инструменты: нажмите на треугольник, щёлкните правой кнопкой или удерживайте кнопку, чтобы их увидеть. Наведите курсор на любой инструмент, чтобы увидеть его название, сочетание клавиш и способ использования. AI-заливка (A, значок с искоркой вверху) позволяет обвести область и описать, что должно там появиться. Под выделением появляется панель задач с кнопками Генеративная заливка, Удалить (бесплатно), Выбрать объект, Инвертировать, Растушевка, Маска, Новый слой и Залить; когда выбран слой с фото, панель предлагает Удалить фон, Автоулучшение, Выбрать объект, Выбрать предмет, инструмент Удаление и Заменить небо. Панель инструментов слева содержит все инструменты, сгруппированные как в Photoshop, с теми же однобуквенными сочетаниями клавиш (V Перемещение, M Выделение областью, L Лассо, W Волшебная палочка, C Кадрирование, I Пипетка, J Восстанавливающая кисть, S Штамп, B Кисть, E Ластик, G Заливка/Градиент, O Осветлитель/Затемнитель, T Текст, U Фигуры, H Рука, Z Масштаб; нажмите букву повторно с Shift, чтобы переключаться между инструментами с одной буквой). Внизу находятся основной и фоновый цвета: D устанавливает чёрный и белый, X меняет их местами. Переключатель Все инструменты в правом верхнем углу показывает все инструменты или только основные.

Панель настроек под меню меняется в зависимости от инструмента: размер кисти, жёсткость, непрозрачность и поток; режим выделения и растушевка; допуск волшебной палочки и Смежные пиксели; тип градиента; шрифт и размер; форма и цвета; соотношение сторон кадрирования. Клавиши [ и ] меняют размер кисти; цифровые клавиши задают непрозрачность кисти.

Прокручивайте, чтобы перемещаться по изображению, сводите пальцы или используйте ⌘-прокрутку для масштабирования, удерживайте Пробел, чтобы перетаскивать изображение инструментом «Рука». ⌘0 вписывает изображение в окно, ⌘1 показывает 100%. Перетащите направляющую от линейки, чтобы поставить её; вытащите обратно, чтобы удалить. При перемещении слоя он прилипает к центру страницы. В строке состояния видны масштаб, размер (и дюймы для печати), положение курсора и активный слой.

3

Слои

Панель «Слои» показывает всё сверху вниз с миниатюрами. Нажмите, чтобы выбрать, дважды нажмите на название, чтобы переименовать, перетаскивайте для изменения порядка, нажмите на значок глаза, чтобы скрыть. Над списком: режим наложения (Обычный, Умножение, Экран, Перекрытие, Мягкий свет и ещё 11), Непрозрачность, Блокировка и Обтравка (обрезает слой по слою под ним, как ⌥⌘G). Внизу: стиль слоя (fx), добавление или удаление маски, новый корректирующий слой, группа, новый слой, удалить.

Текст (T): щёлкните, чтобы ввести одну строку, или перетащите рамку для абзаца с переносом. Когда выбран инструмент «Текст», верхняя панель меняет выделенный текст: шрифт (около 180 шрифтов с поиском и категориями: собственные шрифты aiKit и около 150 шрифтов Google Fonts, каждый отображается своим начертанием), полужирный, курсив, подчёркивание, зачёркивание, все прописные, размер, интерлиньяж, трекинг, по левому краю, по центру, по правому краю или по ширине, и цвет. Перо (P): щёлкните для углов и перетаскивайте для кривых; щёлкните первую точку, чтобы замкнуть заливаемую фигуру, или нажмите Enter для незамкнутой линии; меню «Создать» на панели превращает контур в фигуру или выделение.

Виды слоёв: слои-фото (пиксельные), на которых можно рисовать; текстовые слои, которые остаются редактируемыми (щёлкните их инструментом «Текст» или меняйте шрифт, размер, цвет, трекинг и интерлиньяж в «Свойствах»); слои-фигуры (25 фигур, см. «Фигуры» выше) с заливкой, обводкой, толщиной, углами и растушевкой; корректирующие слои, которые меняют всё под ними, не затрагивая пиксели; и группы. Слой > Растрировать превращает текст или фигуру в пиксели, когда нужно рисовать на них.

Маски слоёв: щёлкните миниатюру маски, чтобы рисовать на ней (чёрный скрывает, белый показывает, серый показывает частично), Shift-щелчок выключает её. Слой > Маска слоя содержит Показать всё, Скрыть всё, Показать выделение, Применить и Удалить. Стили слоя добавляют тень, обводку, внешнее свечение или наложение цвета. Слой > Объединить с нижним, Объединить видимые и Выровнять изображение объединяют слои.

4

Выделения

Прямоугольная и эллиптическая область (Shift делает её квадратной или круглой), Лассо (рисование от руки), Многоугольное лассо (щелчки по точкам, щелчок по начальной точке или Enter для замыкания), Волшебная палочка (щёлкните по цвету; Допуск задаёт близость, Смежные пиксели ограничивает касающимися пикселями, Учитывать все слои смотрит на всё изображение) и Выбрать объект, который находит главный объект с помощью бесплатного ИИ на вашем устройстве.

Удерживайте Shift, чтобы добавить, Alt (Option), чтобы вычесть, оба, чтобы оставить только пересечение, или выберите режим на панели настроек. Выделение > Инверсия, Повторить выделение, Снять выделение (⌘D) и Изменить (граница, сглаживание, расширение, сжатие, растушевка). Выделенная область показана бегущей пунктирной линией. Рисование, заливки, фильтры и коррекции затрагивают только выделенное; ⌘J копирует его на новый слой.

5

Рисование и ретушь

Кисть, Карандаш и Ластик рисуют на выбранном слое-фото (или его маске); если выбран текстовый или фигурный слой, они рисуют на новом слое над ним, ничего не нужно конвертировать. Заливка выделяет область похожего цвета основным цветом: щёлкните по пустой странице, чтобы залить весь фон (инструмент сам найдёт слой с изображением под курсором). Градиент рисует линейный или радиальный переход от основного цвета к фоновому или к прозрачности. Пипетка берёт цвет с изображения (Alt-щелчок для фонового цвета).

Цвета: щёлкните по квадрату основного или фонового цвета внизу панели инструментов, чтобы открыть окно цвета: квадрат цвета и полоса оттенков, числа HEX, HSB, RGB и CMYK, фирменные цвета, недавние цвета и образцы. Перетаскивайте окно за заголовок в любое место экрана (оно запоминает положение); «Готово» или Esc закрывает его. Вкладка «Цвет» справа содержит такой же выбор цвета.

Рамки, контуры и эффекты: нарисуйте прямоугольник или овал инструментом «Прямоугольная» или «Эллиптическая область» (M) и нажмите ▢ «Сделать рамкой» на панели под изображением; он станет настоящей фигурой, которую можно оформить. Контур… рисует линию вокруг любого выделения, а Заливка… заполняет его цветом; если выбраны слова или фигура, они попадают на новый слой, без запроса на конвертацию. Когда выбрана фигура, панель под изображением показывает Заливку (нажмите на образец для любого цвета, Без заливки для одного контура, Градиент для второго цвета), Цвет контура и Толщину, Углы (скруглённые углы) и ✦ Эффекты: Тень, Мягкая тень, Свечение, Неон, Контур, Стикер, Поп или Тонкая настройка для всех параметров. Для слов доступна такая же панель с их цветом и Эффектами.

Каждый инструмент показывает краткую подсказку в верхней панели, как только вы его выбираете. Первое нажатие или перетаскивание всегда выполняет работу инструмента, даже сразу после ввода текста (текст сначала завершается). Инструменты ретуши (Размытие, Резкость, Размазывание, Осветление, Затемнение, Губка, Клон, Восстановление, Удаление, Красные глаза) работают с фото под курсором, даже когда выделены текст или фигура; Кисть и Карандаш рисуют на новом слое; Ластик спрашивает, прежде чем превратить текст или фигуру в пиксели.

Фигуры (U): кнопка «Фигура» в верхней панели открывает сетку из 25 фигур: прямоугольник, скругленный прямоугольник, эллипс, бесконечность ∞, линия, треугольник, ромб, шестиугольник, многоугольник, звезда, звездный взрыв, сердце, стрелка, двойная стрелка, шеврон, облачко для речи, облако, ленту-баннер, плюс, галочку, кольцо, рамку, луну, молнию и метку на карте. Перетащите по странице, чтобы нарисовать фигуру (Shift сохраняет пропорции), или щелкните один раз, чтобы задать точную ширину, высоту и радиус скругления. Панель задает Заливку (или Без заливки для контура), Цвет линии, Толщину, Пунктир, Углы (скругленные углы у прямоугольников, рамок и облачков для речи), Вершины или Стороны и Растушевку (мягкие размытые края). Когда фигура выделена, та же панель меняет эту фигуру; в Свойствах есть все настройки.

Клонирующий штамп копирует одну часть изображения на другую: Alt-щелчок (Option-щелчок) там, откуда копировать, затем рисуйте. Восстанавливающая кисть делает то же самое, но подстраивает свет и цвет под место, где вы рисуете, поэтому кожа и текстуры сливаются. Точечное восстановление убирает пятно или дефект: проведите по нему, и при отпускании кнопки оно заполнится из наиболее похожего участка рядом.

Осветление высветляет, а Затемнение затемняет (выберите тени, полутона или света), Губка добавляет или убирает цвет, а Размытие, Резкость и Размазывание работают там, где вы проводите кистью.

6

Коррекции, фильтры и волшебные эффекты

Изображение > Коррекции меняет выбранный слой с фото: Яркость/Контраст, Уровни (⌘L), Кривые (⌘M, перетаскивайте точки на кривой), Экспозиция, Сочность, Тон/Насыщенность (⌘U, с Тонированием), Цветовой баланс (⌘B), Черно-белое, Фотофильтр, Градиентная карта, Цветовой стиль, Инверсия (⌘I), Постеризация, Порог, Обесцвечивание и Автотон. Каждая коррекция показывает предпросмотр в реальном времени. Те же коррекции есть на панели Коррекции как корректирующие слои, их можно изменить в любой момент в Свойствах.

В меню Фильтр есть размытие по Гауссу, движению и рамке, Резкость и Нерезкая маска, Добавить шум, Убрать шум и Зернистость пленки, Мозаика, Тиснение, Поиск краев и Виньетка, у каждого есть предпросмотр. Вкладка «Магия» (и Фильтр > Волшебные эффекты) включает Автоулучшение в одно нажатие, Усиление цветов, 10 цветовых стилей (Бирюза и оранжевый, Золотой час, Пленка, Матовый, Кинематографичный, Пастельный, Нуар, Яркий, Теплый, Холодный), дуотон в цветах вашего бренда, Удаление фона (как маска, которую можно редактировать), Размытие портрета, Цветовой акцент и Увеличение в 2 раза. Инструменты для объектов и Увеличение работают бесплатно на вашем устройстве.

7

Бесплатные умные инструменты (работают на вашем устройстве, без токенов)

Инструмент «Удаление» (J): проведите кистью по человеку, проводу, знаку или дефекту и отпустите; объект исчезнет, а место заполнится по окружению. С выделением Правка > Удалить (⇧⌫) или кнопка «Удалить» делает то же самое для выделенной области. Используйте Генеративную заливку, только когда хотите ДОБАВИТЬ что-то новое.

Выделение объекта (W): щелкните любой предмет (чашку, стул, человека, товар), и он будет выделен; Shift-щелчок добавляет еще один. Выделение > Небо выделяет небо; Изображение > Умные исправления > Заменить небо (или вкладка «Магия») добавляет новое небо (ясное голубое, закат, золотой час, сумерки или мягкая облачность) на отдельном слое с маской, которую можно дорисовать.

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

Изображение > Изменить размер для всех форматов создает дизайн во всех размерах для соцсетей сразу: Умная обрезка сохраняет объект (найденный на вашем устройстве) в кадре, или Вписать помещает весь дизайн на мягкий размытый фон, чтобы ничего не обрезалось. Скачайте их все или сохраните в Библиотеку графики (папка Pro Designer/Sizes).

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

8

Трансформация, обрезка и холст

Правка > Свободная трансформация (⌘T) ставит рамку вокруг слоя или выделенных пикселей: перетаскивайте внутри, чтобы переместить, тяните за угол, чтобы масштабировать (пропорционально; Shift для свободного), тяните за пределами рамки, чтобы повернуть (Shift привязывает к 15°), ⌘-перетаскивание за угол для искажения или перспективы, ⌘⇧-перетаскивание за сторону для наклона, а удержание Alt работает от центра. Нажмите Enter или «Применить», чтобы подтвердить, Esc для отмены. Правка > Трансформация содержит отражения и повороты на 90° и 180°.

Инструмент «Обрезка»: при выборе сразу появляется рамка с маркерами вокруг всей страницы; тяните за угол или край, чтобы уменьшить её, тяните внутри, чтобы переместить, или нарисуйте новую рамку (выберите соотношение: свободное, исходное, квадрат, 4:5, 9:16, 16:9, 3:2), затем Enter или ✓ Обрезать. Изображение > Размер изображения меняет всё целиком, Размер холста добавляет или убирает поля вокруг картинки (выберите, где она останется), Поворот изображения поворачивает или отражает всю картинку, а Обрезка краев убирает прозрачные края.

9

Ассистент aiKit и Генеративная заливка

Напишите или продиктуйте любое изменение в строке под картинкой и нажмите «Выполнить»: «сделай небо синее», «немного осветли её лицо», «размой фон», «добавь SALE крупными красными буквами вверху», «убери знак слева». aiKit смотрит на картинку и использует собственные инструменты редактора: выделяет нужную область, добавляет корректирующие слои, применяет фильтры, добавляет текст и фигуры или использует Генеративную заливку. Каждое изменение — это обычный шаг в Истории, поэтому вы можете настроить или отменить любую часть.

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

Generative Fill: выделите область, затем нажмите Generative Fill (или Правка > Generative Fill) и опишите, что должно там быть, или оставьте поле пустым, чтобы удалить то, что есть. Новые пиксели появляются на отдельном слое, ограниченном вашим выделением и подогнанным по цвету под окружающее фото, поэтому ничего за пределами выделения не меняется. Это занимает от 15 до 40 секунд и расходует немного токенов (около 5¢).

10

Make Text Editable (превратить слова плоского дизайна в текстовые слои)

Изображение > ✦ Make Text Editable… берёт открытую картинку (например, дизайн из Design Contest или любую листовку, открытку или пост, сохранённые как изображение) и заново создаёт каждое слово как настоящий текстовый слой: дважды нажмите, чтобы перепечатать, выберите другой шрифт или цвет, переместите или измените размер. Кнопка Make text editable в Design Contest открывает концепт сразу в этом режиме.

Как это работает: бесплатное распознавание текста (OCR) на вашем устройстве находит слова и их точные границы; затем один проход ИИ читает каждый блок текста (точное написание и переносы строк, положение, цвет, полужирный или курсив, эффекты вроде контура или тени и три ближайших шрифта Google). Pro Designer измеряет реальные буквы на изображении, чтобы определить их истинный размер, положение и цвет, накладывает на них каждый из трёх шрифтов (полужирный и обычный) и оставляет тот, чьи формы букв лучше всего совпадают с оригиналом. Затем старые слова удаляются с изображения под ними: только буквы (немного увеличенные, чтобы захватить края и тени), но не остальная часть картинки.

Два способа удалить старые слова: ✦ Best (очистка ИИ) сначала заполняет их на вашем устройстве, а затем ИИ перерисовывает только эти места, чтобы они выглядели естественно; хорошо подходит для фото, градиентов и текстур. Free, on my device заполняет их по пикселям вокруг; хорошо работает на однотонных цветах и простых фонах. Распознавание слов в любом случае расходует немного токенов (около одной десятой кредита); очистка ИИ расходует примерно столько же, сколько один Generative Fill. Если очистка ИИ не отвечает, используется бесплатная, и вас уведомят.

Вы получаете один документ: изображение без слов как нижний слой (Background (words removed)), по одному текстовому слою на каждый блок слов, названному по первым словам, и нетронутый оригинал сверху, скрытый и заблокированный, с именем Original (turn on to compare). Compare with original в окне результата включает и выключает его. Это один шаг в истории, поэтому ⌘Z возвращает всё обратно.

В окне результата в правом нижнем углу изображения сначала указано, что не совпало, в разделе «Ещё не сделано» (нажмите на строку, чтобы увидеть каждый пункт): надписи, которые нельзя перепечатать (слова по кривой и надписи, нарисованные в логотипе, вырезаются как отдельный слой изображения с именем Lettering: и словами, так как текстовый слой задаёт прямые строки; перемещайте, меняйте размер или цвет, и он останется при смене фона), старые надписи, которые могут всё ещё просвечивать за текстовым слоем, текстовые слои, которые не совпадают точно, и причины (приблизительное совпадение шрифта, контур, градиент или 3D-эффект, который не воссоздан, тень или свечение, добавленные обратно как стиль слоя, который можно настроить, наклонённый текст, размещённый на глаз, буквы, которые не удалось измерить на загруженном фоне), а также слова, которые трудно читались на изображении, в разделе «Проверьте написание». Полужирные и обычные слова в одной строке возвращаются одним начертанием; задайте начертание другой части вручную. Список текстовых слоёв показывает шрифт, размер, образец цвета каждого слоя и то, насколько точно его буквы совпадают с оригиналом (хорошее совпадение, похожее или грубое совпадение, с оценкой перекрытия). Из Design Contest слово, написанное на изображении с ошибкой, заменяется написанием из вашего брифа, и окно сообщает, какие слова изменены. Оцените результат большим пальцем, как и любой результат ИИ.

11

Измените фон или что угодно на изображении

✦ Change background (в окне результата после Make Text Editable, в панели под изображением, когда выбран слой фото, и Изображение > Change Background) открывает одно окно с тремя вкладками. Сначала ИИ быстро смотрит на ваш дизайн (крошечная часть кредита), и, если дизайн создан в Design Contest, также читает его бриф, чтобы каждая идея подходила к тому, что вы продаёте. Строка вверху говорит, о чём, по его мнению, дизайн.

New background: шесть идей, созданных для вашего дизайна, каждая с коротким названием и описанием в одну строку (для осеннего поста о кофе: уютная кухонная стойка, деревенский столик кафе, осенний натюрморт сверху…). Ничего не создаётся, пока вы не нажмёте на одну; затем ИИ создаёт именно это изображение (немного токенов), оставляя спокойные зоны там, где находятся ваши слова. Под идеями расположены бесплатные фото (Pexels, без токенов), уже найденные по теме вашего дизайна; измените слова в строке поиска и нажмите Search for others, а затем нажмите на фото, чтобы использовать его.

Restyle this scene: шесть способов придать той же картинке новый вид, сохранив её композицию, объект и формы (осенний вечер, снежное утро, ярче и воздушнее…), или введите свой вариант в поле и нажмите Make it. ИИ перерисовывает всё изображение (немного токенов).

My photo: перетащите фото, выберите файл или выберите его из Graphics Library. Оно заполнит страницу за вашими словами, обрезанное по центру.

Каждый новый фон или стиль добавляется как отдельный слой прямо над фото (и над всем, что вы в нём меняли), поэтому старое изображение остаётся в панели слоёв: скройте новый слой, чтобы сравнить или вернуться, или используйте ⌘Z. Ваши текстовые слои и вырезанные надписи остаются сверху. Новый фон заменяет всё на изображении под вашими словами, включая такие элементы, как кнопки и баннеры; Restyle их сохраняет. Если текстовый слой становится трудночитаемым на новом изображении, сообщение назовёт его, чтобы вы могли выбрать другой цвет в Properties или добавить тень (Layer > Layer Style).

Измените что-то на картинке (в окне результата, в панели под картинкой и в Image > Change Something in the Picture): щёлкните по объекту, который хотите изменить (он выделяется с помощью Object Selection, который работает бесплатно на вашем устройстве; при первом запуске он загружается примерно минуту), или обведите его сами инструментом Lasso или Marquee и нажмите ✦ Change this на панели под картинкой. Откроется окно с выбранной частью, обведённой контуром, и пятью вариантами замены, подходящими к вашему дизайну (для напитка: холодный кофе с карамелью, ледяной латте с тыквенными специями, другой цвет или версия…). Выберите один вариант или введите, каким должен быть объект, и нажмите Make it: ИИ перерисует область, её цвета подстроятся под вашу фотографию, а только часть внутри выделения сохранится на отдельном слое прямо над фото (с маленькой меткой). Remove it (бесплатно) заполняет область на основе окружающего, на вашем устройстве, тоже на отдельном слое.

12

Экспорт

Save (⌘S) сохраняет весь проект со всеми слоями. Save As… (⇧⌘S, синяя кнопка в правом верхнем углу, а также File > Save As) запрашивает имя файла, тип файла и разрешение. Типы файлов: aiKit Project (отдельная копия со всеми слоями, чтобы оригинал остался без изменений) и PSD (слои, группы, маски, непрозрачность и режимы наложения; текст и фигуры как изображения; корректирующие слои с применённым эффектом) для дальнейшего редактирования; JPG, PNG, WebP, AVIF, GIF и ICO (значок сайта) для экранов; PDF (с выпуском за обрезку и необязательными метками обреза для печатных форматов), CMYK PDF, TIFF, CMYK TIFF и BMP для печати; а также Vector PDF и SVG, где текст и фигуры сохраняются как векторные контуры, которые остаются чёткими при любом размере (открывайте их в Illustrator, отправляйте в типографию или на плоттер). Фотографии, нарисованные части и эффекты внутри векторного файла сохраняются на их месте как изображения, а всё, что находится под корректирующим слоем, режимом наложения или обтравочной маской, сохраняется одним изображением.

Окно Save As работает так же, как Export As в Photoshop. Выберите формат из списка или с помощью быстрых кнопок (JPG, PNG, PDF, TIFF, WebP, Vector PDF, SVG, GIF, PSD, Project). Размер файла задаётся одним нажатием из четырёх вариантов: Small (быстро отправить), Medium (для сайта и почты), Large (высокое качество) и Maximum (лучшее, самое большое), а дополнительные настройки под ними меняются в зависимости от формата: Quality для JPG, WebP, AVIF и изображений внутри PDF; Colors для PNG (полноцветный режим или от 256 до 16 цветов для гораздо меньших графических файлов) и GIF; Compression для TIFF (ZIP без потерь и меньше по размеру, None открывается везде); Keep see-through parts для PNG, WebP и TIFF; а также цвет фона за прозрачными частями для форматов без прозрачности. Image size принимает ширину или высоту в пикселях либо разрешение от 72 до 1 200 ppi (или любое число до 2 400; 300 — качество для печати); текст и фигуры перерисовываются чётко при увеличении, фотографии увеличиваются плавно. Предпросмотр слева показывает реальный сохраняемый файл в его настоящем размере (≈ 62 КБ); нажмите на него, чтобы увидеть в 100% и проверить качество. Файлы PNG и JPG содержат разрешение, чтобы приложения для печати открывали их в правильном размере. ⌘S сохраняет проект, а ⇧⌘S открывает Save As, даже когда вы печатаете в поле. (Встроенный File > Save As в Safari сохраняет снимок веб-страницы, а не ваш дизайн; используйте синюю кнопку Save As.) Кнопки JPG, PNG и PDF в правом верхнем углу скачивают файл в один клик с размером, заданным при настройке файла. Любой файл Save As можно вместо этого отправить в Graphics Library с категорией, тегами, клиентом и проектом.

Pro Designer открывает PNG, JPG, WebP, GIF, BMP, TIFF, ICO, AVIF, SVG, PDF, файлы Illustrator, сохранённые с PDF-содержимым, PSD и фотографии HEIC в Safari.

13

Автоматизация: те же действия для многих файлов

Automate (кнопка ∞ Automate в правом верхнем углу редактора, полоса ∞ Automate many files в окне нового документа, File > Automate или ⌥⌘A, собственная карточка в каталоге инструментов aiKit или /tools/pro-designer/automate) выполняет одно и то же действие сразу над многими файлами. Есть три колонки. 1 Files: перетащите или выберите сколько угодно файлов — PDF (каждая страница станет отдельным файлом), Illustrator, PSD, JPG, PNG, TIFF, WebP, GIF, BMP или SVG — или нажмите Add saved projects. В каждой строке показаны маленькое изображение и размер (для PDF в дюймах; для изображений в пикселях, а при наличии разрешения также в дюймах). Изображения без указанного разрешения считаются 300 ppi или тем значением, которое вы задали.

2 What to do: опишите действие своими словами или продиктуйте его и нажмите Build the steps («добавь вылет 1/16 дюйма ко всем и сохрани как PDF», «сделай каждый файл 5 × 7 при 300 ppi, CMYK PDF», «поставь наш логотип в правом нижнем углу на 30%»). Всё, что программа не умеет делать, сначала перечисляется как Not done yet и никогда не пропускается молча. Или начните с готового рецепта (Add 1/16 in bleed, Add 1/8 in bleed for print, Business cards 3.5 × 2 + bleed, Convert to CMYK print PDF, Web-size JPGs, Shrink for email, Thumbnails, Watermark all, Social sizes from one design, Trim edges to see-through PNG, Turn all to portrait, Make print resolution) или из своих сохранённых. Каждый шаг можно изменить, переместить вверх или вниз либо удалить, а кнопка + Add a step добавляет: Add bleed (с каждой стороны, с режимами Mirror the edges, Stretch the edge pixels, Scale up to cover или сплошным цветом; быстрые варианты 1/16 in, 1/8 in, 1/4 in, 3 mm, 5 mm), Make it an exact size (только Fill, Fit, Stretch или Canvas), Scale by percent, Set resolution (с передискретизацией или без неё), Change color mode, Rotate (или поворачивать в портретную или альбомную ориентацию только те, которым это нужно), Crop from the center, Trim empty edges, Add a logo or picture (где, размер, непрозрачность) и Add words ({name}, {n} и {date} подставляются для каждого файла). Save as my automation сохраняет всю настройку для повторного использования.

3 Сохранение: формат (Как в каждом файле — PDF остаются PDF, изображения остаются изображениями, или выберите любой формат), размер файла (от Малого до Максимального), что делать со страницами PDF и AI (Сохранять векторные данные по возможности — текст и линии остаются чёткими, и добавляется TrimBox для типографии, а картинкой сохраняется только тонкая кромка за обрезом; Всегда делать изображениями), и разрешение изображений. Имена выглядят так: первый файл получает имя, например card_2.625x3.625_bleed.pdf — исходное имя, новый размер и что было сделано; двусторонние PDF получают суффиксы _p1, _p2. Выберите, куда отправить результаты: Один ZIP-архив, Сразу в папку, которую вы выберете (Chrome и Edge), и Также сохранить в мою Библиотеку графики (по умолчанию выключено, пока не отметите). Запуск показывает ход обработки каждого файла с ✓ и ссылку на каждый готовый файл; Остановить после этого файла останавливает запуск. Исходные файлы никогда не изменяются, и ничего не загружается, кроме случаев, когда отмечено сохранение в Библиотеку графики.

Идеи и инструкции вверху показывают три шага и каждый рецепт в виде карточки идеи; при первом открытии она откроется сама.

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

Запуск на (под каждым шагом) делает так, что шаг выполняется только для некоторых файлов: Все файлы, Только альбомные файлы, Только книжные файлы, Только квадратные файлы, Только страницы PDF и AI или Только изображения. Например, поверните только альбомные файлы в книжную ориентацию. Файлы, которые шаг пропустил, это указывают в списке.

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

Также сохранить как добавляет другие форматы из того же результата (PDF, JPG, PNG, TIFF, WebP, SVG), так что один запуск может дать вам PDF для печати и JPG каждого файла. Имена файлов следуют заданному шаблону: {name} — исходное имя, {size} — новый размер, {steps} — что было сделано, {n} — номер файла, {date} — сегодняшняя дата, {variant} — название версии; Сброс возвращает значение по умолчанию. Имена покажут, как будут называться первые файлы, включая то, какие шаги они пропускают.

Сохранённые автоматизации: 💾 Сохранить как мою автоматизацию сохраняет шаги, форматы и имена под заданным названием. Выберите её в разделе Мои автоматизации, чтобы запустить снова, затем Переименовать, Дублировать, Обновить с этими шагами (после изменения) или Удалить. Новые готовые варианты: Пакет для печати (зеркальный обрез 1/8 дюйма, 300 ppi, CMYK PDF для печати), Очистка от брендов (удаляет логотипы компаний, названия брендов и водяные знаки) и Очистка фото товаров (белый фон, центрирование, мягкая тень, квадратные JPG).

Следующее руководство Magic Canvas: создавайте графику в браузере вручную или просто скажите, что нужно

Нужен быстрый ответ на конкретный вопрос? Загляните в FAQ.