Руководства
Тип свойства
1. Основные свойства слоя
1.1 Выравнивание
Инструменты выравнивания помогают расположить несколько слоев относительно друг друга.
1. По левому краю (Alt + A)
2. По центру по горизонтали (Alt + H)
3. По правому краю (Alt + D)
4. По верхнему краю (Alt + W)
5. По центру по вертикали (Alt + V)
6. По нижнему краю (Alt + S)
7. Упорядочить
Примечание: равномерное распределение по горизонтали или вертикали работает в одном измерении, а функция Упорядочить — сразу в двух.
Помимо горячих клавиш, при подходящем выделении можно использовать маркер в правом нижнем углу ограничивающей рамки.
8. Равномерно по горизонтали
Крайние объекты или слои слева и справа остаются на месте.
Помимо горячих клавиш, при подходящем выделении можно использовать маркер в правом нижнем углу ограничивающей рамки.
9. Равномерно по вертикали
Крайние объекты или слои сверху и снизу остаются на месте.
Помимо горячих клавиш, при подходящем выделении можно использовать маркер в правом нижнем углу ограничивающей рамки.
1.2 Положение
Положение слоя на холсте можно изменить с помощью координат X и Y на правой панели.
Выбранный слой можно перемещать клавишами со стрелками. По умолчанию малый шаг равен 1, а большой — 10.
Стрелка перемещает слой на 1, а сочетание Shift + стрелка — на 10.
Шаг можно изменить в пользовательских настройках.
1.3 Размер
Размер слоя на холсте можно изменить с помощью значений ширины и высоты на правой панели.
Сохранять пропорции: при изменении ширины или высоты второе измерение меняется пропорционально.
1.4 Радиус скругления
1. Скругление всей фигуры: измените радиус на правой панели.
2. Скругление с помощью управляющей точки: радиус прямоугольника, звезды и многоугольника можно менять перетаскиванием точки.
3. Скругление отдельного угла: включите Независимые углы на правой панели.
После включения радиусы всех углов можно задавать отдельно по часовой стрелке.
4. Настройка отдельных углов управляющей точкой: удерживайте Alt или Option при перетаскивании точки, чтобы менять только выбранный угол прямоугольника, звезды или многоугольника.
5. Сглаживание углов: позволяет получить более плавный переход.
1.5 Поворот
Слой можно повернуть, изменив значение угла на панели Свойства или потянув маркер поворота, который появляется при наведении на угол слоя.
1.6 Отражение слоя
Для поворота слоя также можно использовать функции Отразить по горизонтали и Отразить по вертикали.
Они доступны в контекстном меню и по горячим клавишам:
по горизонтали: Shift + H;
по вертикали: Shift + V.
1.7 Изменение порядка слоев
Порядок можно изменить тремя способами.
- На панели слоев
Перетащите слой в нужное место на панели.
- Горячими клавишами
На передний план: Ctrl + Shift + ]
Переместить вперед: Ctrl + ]
На задний план: Ctrl + Shift + [
Переместить назад: Ctrl + [
- Через контекстное меню
Щелкните правой кнопкой мыши и выберите нужную команду упорядочивания.
2. Быстрое изменение значений на правой панели
Значения на правой панели можно менять перетаскиванием мыши. Скорость изменения зависит от движения указателя вверх или вниз.
3. Заливка
Заливку можно применять к текстовым слоям, базовым фигурам, векторам, результатам булевых операций и холстам.
Доступны три типа: сплошной цвет, градиент и изображение.
Цвет можно выбрать из палитры или задать точным значением, а также настроить непрозрачность.
Инструмент Пипетка (горячая клавиша I) позволяет взять цвет из любой точки холста.
Для градиента можно добавить несколько контрольных точек, определяющих его вид.
На панели Заливка можно добавлять несколько заливок, настраивать их непрозрачность и скрывать значком глаза.
4. Обводка
Цвет обводки: выберите цвет и настройте непрозрачность.
Толщина обводки: введите значение в пикселях.
Отображение концов линии зависит от выбранного контура:
- для контура с двумя конечными точками начальная и конечная точки отображаются на правой панели. Начальной считается точка левее или выше, конечной — правее или ниже;
- для контура с одной или более чем двумя конечными точками параметры концов доступны в дополнительных настройках обводки;
- при выборе всего контура редактировать конечные точки отдельно нельзя. Для этого выберите одну векторную точку в режиме редактирования вектора.
Положение обводки относительно фигуры: по центру, внутри или снаружи.
Стиль обводки:
- в дополнительных настройках можно выбрать сплошную или пунктирную линию.
- Для пунктирной линии первое значение задает длину штриха, второе — промежуток между штрихами.
Соединение в вершинах может быть острым, скругленным или скошенным. Настройка действует, если обводка расположена по центру или снаружи.
- Острое соединение
- Скругленное соединение
- Скошенное соединение
- Предел скоса: в зависимости от заданного угла используется острое или скошенное соединение. Если угол больше порогового значения, отображается острое соединение; если меньше — скошенное.
5. Эффекты
Pixso поддерживает тени и размытие.
5.1 Тень
Тени помогают:
- показывать расстояние между объектами;
- задавать направление источника света;
- выделять дизайн на фоне;
- создавать объем;
- оформлять текст и значки;
- создавать границы вокруг слоев и объектов.
Тени бывают внутренними и внешними:
Тень можно применить к фрейму, группе, компоненту или отдельному слою.
Выберите слой и нажмите + в разделе эффектов на правой панели. По умолчанию добавляется внешняя тень. Нажмите значок тени, чтобы открыть настройки.
- X: смещение тени по горизонтали. Вместе с Y задает направление света.
- Y: смещение тени по вертикали. Вместе с X задает направление света.
- Цвет: цвет и непрозрачность тени.
- Размытие: увеличение значения смягчает тень и смешивает ее с фоном, уменьшение делает границу резче.
- Расширение: изменяет размер тени и помогает передать расстояние между передним и задним планами.
5.2 Размытие
Доступны размытие по Гауссу и размытие фона.
Размытие по Гауссу помогает передать движение или создать ощущение глубины. Его можно использовать, чтобы:
- скрыть конфиденциальные сведения;
- смягчить фон или рассеять внимание;
- создать абстрактный фон из фотографии;
- имитировать глубину резкости и другие фотоэффекты, например боке.
Размытие фона размывает все слои на холсте, кроме выбранного.
Этот эффект смягчает фон и переносит внимание на выбранный слой. Чтобы размытие было видно, задайте слою прозрачность: при непрозрачности 100% фон не просматривается.
Размытие можно применить к фреймам, группам, компонентам и отдельным слоям. Для одного слоя или объекта допускается только одно размытие слоя или фона.
Выберите слой, нажмите + в разделе Эффекты на правой панели и выберите тип размытия.
Нажмите значок эффекта и настройте величину размытия фона или размытия по Гауссу.
5.3 Цвета в выделении
В этом разделе можно просматривать и менять все цвета, используемые в выбранных объектах, в том числе при выборе нескольких слоев. Если применен стиль цвета, он также отображается.
Раздел показывает заливки, обводки, сплошные и градиентные цвета, а также цвета булевых групп.
Доступные действия:
- для цвета, заданного стилем, доступны команды редактирования, отвязки от стиля и поиска;
- для обычного цвета можно изменить значение и прозрачность, использовать пипетку и найти фигуру, где он применяется. Изменение цвета в этом разделе одновременно обновляет все слои в выделении, использующие тот же цвет.
Если цветов слишком много, Pixso сворачивает список и показывает их общее количество. Разверните список, чтобы увидеть все цвета.