Полезные и удобные шорткаты в Sketch
Мы собрали большое количество горячих клавиш, не считая контекстные клавиши, и те, которые имеются в Инспекторе и списке слоев.
Установите плагин Apple Keyboard Sketch file.
Чтобы вставить фигуру
Для соблюдения пропорций – удерживаем Shift
Рисуем фигуру с центра – зажимаем Alt
Линия – L
Овал – О
Круг – Shift O
Карандаш – P
Прямоугольник – R
Прямоугольник с закругленными углами – U
Текст – Т
Вектор – V
Артборд – А
Слайс – S
После того, как скопировали нужные элементы, нажмите Alt для просмотра расстояния между ними.
Удобные шоткаты для редактирования фигур
Непрозрачность слоя – от 1 до 0
Заливка – F
Выбрать цвет – Сtrl C
Режим редактирования (Негруппированные слои) – Enter или дважды кликнуть мышкой
Выделить один слой глубже (Сгруппированные слои) – двойной клик
Выделить любой слой – ⌘ клик
Повернуть – ⌘ Shift R
Блокировать/Разблокировать – ⌘ Shift L
Скрыть/показать слой – ⌘ Shift H
Экспорт – ⌘ Shift E
Снять выделение / выделить родительский артборд или группу – Esc
Передвигаться по канвасу – Space + потянуть
Трансформировать — ⌘ Shift T
Работа с несколькими фигурами
При работе одновременно с несколькими фигурами используйте такие сочетания клавиш:
Объединить (Union) — Alt ⌘ U
Вычесть (Subtract) — Alt ⌘ S
Пересечь (Intersect) — Alt ⌘ I
Разница (Difference) — Alt ⌘ X
Использовать как маску — Ctrl ⌘ M
Сгруппировать — ⌘ G
Разгруппировать Shift — ⌘ G
Горячие клавиши для редактирования точек в Sketch:
Прямая (Straight) — 1
Зеркальная (Mirrored) — 2
Разъединенная (Disconnected) — 3
Асимметричная (Asymmetric) — 4
Следующая точка — Tab
Показать только выделенную точку — Alt
Показать срединную точку — ⌘
Изменения положения или размера
Отразить по горизонтали или по вертикали — Shift Drag
Продублировать слой — Alt Drag
Продублировать — ⌘ D
Сохранить соотношение сторон — Shift + ресайз
Ресайз из центра — Alt + ресайз
Поворот (ховер на границах) — ⌘
Подвинуть на 10px — Shift ←, →, ↑ or ↓
Расширить на 1px — ⌘ → or ↓
Cузить на 1px — ⌘ ← or ↑
Расширить на 10px — ⌘ Shift → or ↓
Cузить на 10px — ⌘ Shift ← or ↑
Шрифт
Жирный — ⌘ B
Курсив — ⌘ I
Подчеркнутый — ⌘ U
Больший размер — ⌘ Alt +
Меньший размер — ⌘ Alt –
Сменить шрифт — ⌘ Alt T
Сконвертировать текст в контуры — ⌘ Shift O
Уменьшить межсимвольный интервал — Alt Ctrl T
Увеличить межсимвольный интервал — Alt Ctrl L
Выровнять по левому краю — ⌘ Shift }
Выровнять по правому краю — ⌘ Shift {
Выровнять по центру — ⌘ Shift |
Эмоджи и символы — ⌘ Ctrl Space
Копирование и вставка
В Sketch вы можете вставить изображение любого формата (JPG, PNG, SVG).
Он попробует захватить вектор, если сможет. Аналогично Sketch скопирует вектор в другие приложения, такие как Keynote.
Копировать — ⌘ C
Вставить — ⌘ V
Вставить на место — ⌘ Shift V
Вставить на место курсора — Правый клик / Paste Here (Вставить здесь)
Копировать стиль — Alt ⌘ C
Вставить стиль — Alt ⌘ V
Организация слоев и групп
Вперед — Alt ⌘ ↑
Назад — Alt ⌘ ↓
На передний план — Ctrl Alt ⌘ ↑
На задний план — Ctrl Alt ⌘ ↓
Фокус и масштабирование
Сфокусироваться на всех элементах на экране — ⌘ 1
Сфокусироваться на выделенном элементе — ⌘ 2
Отцентрировать выделенное — ⌘ 3
Смасштабировать до действительного размера (100%) — ⌘ 0
Увеличить — ⌘ +
Уменьшить — ⌘ —
Решетки и линейки
Чтобы объекты получили цельнопиксельные размеры включите функцию Pixel Fitting в меню Preferences. Для придания резкости включите опцию Show Pixels.
Включить сетку — Ctrl G
Включить линейку — Ctrl R
Чтобы создать контрольную линию, кликните на зоне линейки. Используйте Shift для передвижения на 10 px. Протяните линию за край линейки, чтобы удалить ее.
Включить/отключить разметку — Ctrl L
Включить/отключить пиксели — Ctrl P
Включить/отключить пиксельную сетку — Ctrl X
Пиксельная сетка может быть видна только при приближение 1000%.
Окно
Перейти на следующее окно — ⌘ ~
Включить/выключить режим презентации — ⌘
Включить/выключить список слоев — Alt ⌘ 1
Включить/выключить инспектор — Alt ⌘ 2
Включить/выключить список слоев и инспектор — Alt ⌘ 3
Включить/выключить панель инструментов — Alt ⌘ T
Включить/выключить полноэкранный режим — Ctrl ⌘ F
Перечень слоев
Эти горячие клавиши в Sketсh применяются только к списку слоев.
Переключиться на блокировку (Lock) вместо сокрытия слоя (Hide) — Alt
Переименовать слой — ⌘ R или двойной клик
Выделить несколько слоев — ⌘ + клик
Выделить несколько слоев в группе — Shift + клик
Развернуть или свернуть слои — Option Click Expand Arrow
Следующий слой — Tab
Предыдущий слой — Shift Tab
Найти слой по имени — ⌘ F Предыдущая страница — Fn ↑
Следующая страница — Fn ↓
Экспортировать исходник в 1x PNG — Перетянуть слой наружу
Вы можете обойти эту настройку, используя опцию Make Exportable.
Горячие клавиши в Инспекторе
Используйте математические знаки и символы в полях. (+/-/%)
Перейти на следующее поле — Alt Tab
Увеличить или уменьшить число — Потащить влево или вправо
Увеличить или уменьшить на 1 — ↑ или ↓
Увеличить или уменьшить на 10 — Shift ↑ или ↓
Увеличить или уменьшить на 0.1 — Alt ↑ или ↓
Удалить заливки, границы или тени — Вытащить наружу из инспектора
Пользовательские горячие клавиши
Редактировать шорткаты можно на панели System Preferences.
Чтобы добавить горячую клавишу, перейдите в меню Keyboard → Shortcuts → App Shortcuts.
Создать символ — ⌘ Shift C
Сделать сетку… — ⌘ Shift M
Округлить до края ближайшего пикселя — ⌘ Shift P
Горизонтально (выровнять объекты) — ⌘ Shift [
Вертикально (выровнять объекты) — ⌘ Shift ]
Свернуть артборды и группы — ⌘ Shift \
Удалить неиспользуемые стили — ⌘ Shift ‘
Как создать горячие клавиши в Sketсh 3
К примеру, вы хотите создать горячую клавишу для функции вставки изображения (‘Insert > Image…’).
Выбираем меню ‘System Preferences’ и переходим на ‘Keyboard’
В меню ‘Keyboard’ перейдем во вкладку ‘Shortcuts’ и нажимаем на ‘App Shortcuts’ в панели слева:
Теперь добавим еще одну для опции ‘Insert > Image…’. Нажмите на иконку ‘+’ под второй панелью, появится новое окно:
Теперь кликните на ‘All Applications’ и в списке выберите ‘Sketch’, как показано здесь:
Так как нужна горячая клавиша для ‘Image…’ введите такое же название для функции, какое она имеет в приложении и придумайте клавишу быстрого доступа, которой вам было бы удобно пользоваться. Убедитесь, что она не используется для других опций, и нажмите ‘Add’ (добавить).
Добавленная только что горячая клавиша появится в панели справа, а также в вашем приложении:
Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна для начинающих, и учиться Вам теперь станет в удовольствие!