Панель инструментов

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

1. Меню

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

• Создать новый файл: Создает пустой файл в новой вкладке.
• Поиск: Введите ключевое слово, чтобы быстро найти нужную функцию.
• Правка: Используйте функции отмены/повтора, копирования/вставки и другие расширенные команды.
• Вид: Управляйте настройками отображения сетки макета и линеек, используйте функцию масштабирования и находите объекты на холсте.
• Объекты: Выполняйте операции со слоями, такие как группировка, создание фреймов, маскирование, создание компонентов и т. д.
• Текст: Форматируйте текст (жирный или курсив), устанавливайте размер шрифта, высоту строки и межсимвольный интервал.
• Упорядочить: Располагайте выбранные слои определенным образом, например, через выравнивание или распределение с равными интервалами.
• Настройки пользователя: Скорректируйте свои предпочтения, установив эффекты для выбранных объектов или шаг перемещения при настройке слоев.
• История версий: Просматривайте сохраненные версии и создавайте историю версий для вашего файла.
• Импорт: Импортируйте файлы Sketch, Adobe XD или Pixso в редактор.
• Экспорт: Экспортируйте текущий файл в формате Pixso, Sketch или Adobe XD.

2. Инструменты рисования

2.1 Инструменты перемещения и масштабирования

Когда вы открываете файл в редакторе, Pixso по умолчанию активирует инструмент Перемещение (горячая клавиша: V).

Инструмент перемещения позволяет выбирать и изменять порядок слоев на панели слоев или перемещать объекты на холсте.

Нажмите на стрелку рядом с инструментом перемещения, чтобы переключиться на инструмент Масштабирование (горячая клавиша: K), который помогает изменять размер всего объекта или слоя с сохранением пропорций.

2.2 Инструменты «Фрейм» и «Нарезка»

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

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

Выберите инструмент фрейма (горячая клавиша: A или F) и потяните курсор по холсту, чтобы создать фрейм любого размера, или выберите предустановленный размер фрейма на правой панели.

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

2.3 Инструменты фигур

Вы можете использовать стандартные фигуры Pixso. Нажмите на выпадающее меню инструмента фигур, чтобы выбрать одну из них:

• Прямоугольник (горячая клавиша: R)
• Линия (горячая клавиша: L)
• Стрелка (горячая клавиша: Шифт + L)
• Эллипс (горячая клавиша: O)
• Многоугольник
• Звезда
• Разместить изображение (горячая клавиша: Опшн/Команд + K)

2.4 Инструмент «Перо»

Инструмент перо позволяет создавать произвольные фигуры и иконки. Вы также можете строить сложные слои векторных сетей, используя векторные контуры, опорные точки и кривые Безье (горячая клавиша: Опшн/Шифт + P).

2.5 Инструмент «Текст»

Выберите инструмент текста на панели инструментов (горячая клавиша: T), чтобы добавить текстовый слой на холст.

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

2.6 Инструмент «Рука»

Инструмент рука помогает перемещаться по холсту без риска случайно выбрать или сдвинуть объекты.

Если вы используете Pixso на устройстве с сенсорным экраном, инструмент рука позволяет перемещать файл пальцами.

Примечание: Нажмите клавишу Пробел, чтобы временно активировать инструмент рука.

2.7 Инструмент «Комментарий»

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

3. Инструменты управления слоями

После выбора слоя или объекта в центре панели инструментов появятся инструменты для работы со слоями. Набор инструментов зависит от выбранного типа слоя.

3.1 Редактирование объекта

Нажмите на иконку Редактировать объект, чтобы войти в режим векторного редактирования. Вы сможете добавлять, удалять или настраивать отдельные опорные точки в векторном контуре.

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

3.2 Создание компонента

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

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

• Создать компонент: Создает один компонент из выбранного.
• Создать несколько компонентов: Массово создает отдельные компоненты для каждого выбранного слоя или фрейма.

Горячие клавиши:

• macOS：Control+Command+K
• Windows：Ctrl+Alt+K

3.3 Сброс экземпляра

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

3.4 Маскирование

Маска позволяет показывать или скрывать определенные части слоя или объекта. Нажмите иконку Маска, чтобы создать маску для текущего выделения.

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

Горячие клавиши:

• macOS：Control+Command+M
• Windows：Ctrl+Alt+M

3.5 Булевы операции и сведение контуров

Слои можно комбинировать в фигуры с помощью булевых операций или сведения контуров.

Объединение: Комбинирование перекрывающихся векторных контуров в один контур (сумма областей).

Вычитание верхнего слоя: Удаление перекрывающихся путей из нижнего слоя; область верхнего векторного слоя вычитается из нижележащей фигуры.

Пересечение: Создание одного контура из области перекрытия, сохраняется только общее пространство фигур.

Исключение: Создание одного контура из неперекрывающихся частей слоев, исключая область их пересечения.

Свести контуры: Создает единый слой из выбранной области и объединяет булевы слои в полноценный слой векторного контура.

Горячие клавиши:

• macOS：Command+E
• Windows：Ctrl+E

Примечание: Эти опции доступны только при выборе нескольких слоев.

Когда слои не выбраны, Pixso отображает название проекта и файла в центре панели инструментов. Это дает доступ к следующим операциям с файлом:

• Публикация стилей и компонентов: Открывает панель библиотеки командных ресурсов.
• Переименовать: Позволяет изменить название файла.
• Показать историю: Открывает историю версий на правой панели.
• Переместить файл: Позволяет изменить текущее расположение файла в проекте.

3.6 Функция поиска

В редакторе дизайн-файла вы можете искать плагины и функции следующими способами:

Нажмите на меню в верхнем левом углу и выберите пункт Поиск.

• macOS: Command + /
• Windows: Ctrl + /

После ввода ключевого слова в списке ниже отобразятся все подходящие результаты. Вы можете перемещаться по списку с помощью курсора или клавиш ↑ или ↓. Подтвердить выбор можно кликом или нажатием клавиши Enter.