Инструкции по импорту и экспорту файлов в Sketch

Программное обеспечение Sketch Graphics предоставляет очень удобный способ импорта / экспорта файлов. Ты знаешь как это сделать? Давайте узнаем, как импортировать и экспортировать файлы в Sketch.

Импортируйте файл в Sketch

Самый простой способ импортировать файлы в графическое программное обеспечение Sketch - это перетаскивать их в значки холста или дока. Вы можете ввести:

• Фотографии растровых изображений PNG, JPG, TIFF и WebP
• SVG и EPS файлы
• SVG Code (скопируйте и вставьте код для создания нового слоя)
• AI и PSD файлы (ограниченная поддержка, только в виде плоского слоя)

Экспорт файла в Sketch

Самый быстрый способ экспортировать свою работу из Sketch - это выбрать в меню « Поделиться»> «Экспорт ...» или нажать ⌘+ ⇧+, Eчтобы открыть диалоговое окно « Экспорт » . Выберите данные, которые вы хотите экспортировать, затем нажмите « Экспорт», чтобы открыть MacOS Save.

Sketch экспортирует все в формате PNG в реальном размере (по умолчанию 1x). Чтобы изменить эти настройки или экспортировать из 2-х размеров или форматов, вам нужно установить параметры экспорта в Инспекторе.

Вы также можете выбрать любой слой в списке слоев и перетащить его на рабочий стол для экспорта в формате PNG (или удерживать ⌥при перетаскивании для экспорта в формате PDF). Кроме того, вы можете выбрать класс, а затем нажать ⌘+ E.

Наконец, вы можете экспортировать документ PDF со всеми его монтажными областями, выбрав « Файл»> « Экспорт монтажных областей в PDF …». Вы можете выбрать порядок экспорта артбордов через Настройки.

Как создать и использовать настройки перед экспортом

Чтобы экспортировать слой материала размера или другой формат, выберите слой> щелкните таблицу Make экспортируемый в нижней части инспектора. Здесь вы увидите настройки предварительного экспорта с несколькими опциями:

• Размер : выберите размер в раскрывающемся меню или создайте свой собственный, введя число непосредственно в поле «Размер». Не стесняйтесь увеличивать (2x, 3x ...) или уменьшать (0,5x, 0,25x) соотношение или определять конкретную высоту / ширину в пикселях.
• Префикс / суффикс:  если вы публикуете свою работу с разной скоростью, вам нужно использовать выпадающее меню, чтобы выбрать префикс или суффикс. Вы можете настроить их, набрав в текстовом поле перед (префикс) или после (суффикс) многоточие представляет имя файла.
• Формат : выберите формат из выпадающего меню.
• Удалить предустановки : нажмите, Xчтобы удалить эту предустановку экспорта.
• Добавить предустановки : нажмите, +чтобы добавить другие предустановки для этого слоя в настройки экспорта.
• Наборы пресетов: нажмите кнопку «Набор настроек», чтобы выбрать набор настроек. Вы также можете создавать новые пресеты и удалять их здесь.
• Создать слой : щелкните значок ножа, чтобы создать тонкий слой на выбранном слое с предварительно заданными настройками.
• Экспортировать выбранное ... : нажмите эту кнопку, чтобы экспортировать слой с использованием вышеуказанных настроек.
• Предварительный просмотр : окно предварительного просмотра показывает, как будет выглядеть слой при экспорте. Вы также можете перетащить его прямо на другой рабочий стол или приложение для быстрого экспорта.
• Совместное использование . Еще один вариант быстрого экспорта - нажать кнопку «Общий доступ» для стандартных параметров обмена по почте, сообщениям, AirDrop ...

Как использовать Slice

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

Как вставить ломтик?

Выберите « Вставка»> «Срез» или щелкните S, затем щелкните и перетащите в любое место на холсте, чтобы нарисовать новый фрагмент. Также можно щелкнуть любой слой, чтобы создать срез вокруг него.

Совет: при создании среза дайте его описательное имя в списке слоев. Sketch будет использовать его в качестве имени файла при экспорте. Если вы включите / в имя, Sketch будет использовать все, что написано перед ним, в качестве имени папки, все, что находится позади, - это имя файла в этой папке.

Как и другие слои, вы можете установить несколько параметров вывода в виде срезов.

Настройка ломтиков

Slice имеет несколько специальных опций, расположенных на панели инспектора. Флажок « Обрезать прозрачные пиксели» удалит все пустые пиксели в срезе по краям содержимого.

Если вы помещаете срез в группу, флажок « Экспортировать только содержимое группы» гарантирует, что любой экспорт срезов охватывает только содержимое этой группы срезов.

Проверьте цвет фона и выберите цвет фона для среза.

Как экспортировать код CSS и SVG

Выберите слой, который становится в документе, Ctrl+ щелкните и выберите «Копировать атрибуты CSS», чтобы скопировать любую информацию о стиле из них в виде кода CSS в буфер обмена. Например, это CSS простой формы:

Копирование кода SVG аналогично. Выберите слой формы, Ctrl нажмите на него, затем выберите « Копировать код SVG» .

Поддерживается формат экспорта файла эскиза

• Растровое изображение: PNG, JPG, TIFF, WebP
• Вектор: SVG, PDF, EPS

Как распечатать артборд или слайс

Выберите « Файл»> «Печать»> « Нажмите на монтажную область» или « Срез», который хотите распечатать.

Выше приведено базовое руководство по импорту / экспорту файлов в Sketch . Надеюсь, что статья полезна для вас.