UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Плагин Place Linked Bitmap для использования растра в Sketch
Редакція
Редакція

Опубліковано

Плагин Place Linked Bitmap для использования растра в Sketch

Что это такое?

Place Linked Bitmap -  позволяет вам взять растровый файл (JPG, PNG, PSDи т.д.) и поместить его внутри Sketch. «Но Sketch итак позволяет использовать растровые изображения» – вот первое, что приходит на ум. Действительно, может, но плагин позволяет легко и быстро обновить растр уже после размещения, без необходимости его удаления. Поместите PSD-файл на артборд, займитесь своими делами в Sketch, а затем перейдите в Photoshop, чтобы поработать с PSD, затем вернитесь в Sketch, запустите команду “Update All Bitmaps…”, и размещенный PSD файл отобразит изменения, которые вы только что сделали. Плагин Place Linked Bitmap для использования растра в Sketch

Подождите, здесь есть еще кое-что

Если вы не пользуетесь Photoshop (или Pixelmator, или Acorn и т.д.), я вам завидую. Но все же вам будет интересно опробовать этот плагин, и вот почему: На момент Sketch 3.4 нельзя превратить артборд в символ. Вы, конечно, можете экспортировать артборд в растр. Видите, куда я веду? Экспортируйте артборд и поместите растровую версию артборда в файл .sketch. Затем, после редактирования и ре-экспорта оригинального артборда, используйте опцию “Update All Bitmaps…”. И добавка: Вы уже слышали о SketchTool, утилитой для командной строки от Bohemian Coding для экспорта исходников из Sketch? Можно написать shell-скрипт для экспорта артбордов с помощью SketchTool. Если экспортирование артборда автоматизировано, вам просто нужно периодически использовать “Update All Bitmaps…”

Так как же это работает?

Либо откройте существующий файл .sketch, либо создайте новый (документ должен быть сначала где-то сохранен). Чтобы разместить растровое изображение, у вас есть две опции:

  1. Place Bitmap as New Layer… эта опция создаст новый растровый слой с содержимым из растрового файла.
  2. Place Bitmap as Layer Fill… поместит содержимое растрового файла в качестве графической заливки на выделенный слой фигур [отличная опция для аватарок и баннеров hero-image, которые имитируют фоновые заливки CSS]

Когда обновляется какой-то из ваших растровых файлов, запустите команду “Update All Bitmaps…

Для наилучших результатов

Если вы работаете соло, как я, то ни о чем переживать не стоит. Но если вы – часть команды, и с файлами .sketch работает множество коллег, у меня к вам две рекомендации:

  1. Поместите ваши исходники в ту же папку, где хранится файл .sketch, или в подпапку этой папки.
  2. Или, если ваша команда работает на файловом сервере, храните ваши растровые исходники на том же сервере [Потому что, теоретически пути к файлам будут идентичными для каждого пользователя сервера.]

По поводу версии Sketch из Mac App Store …

Приложения Mac App Store (MAS) имеют что-то вроде «песочницы». По умолчанию, для вашей безопасности, приложение имеет доступ только к тем файлам, которые находятся в комплекте приложения. Но так как это не то место, где обычно хранятся файлы дизайна, во время выполнения команды “Update All Bitmaps…”, Sketch попросит вам авторизировать папку(и), где хранятся ваши растровые исходники. Эту процедуру придется проделывать всего один раз для каждой папки.

Часто задаваемые вопросы

  1. Могу ли я вставлять файлы Photoshop? Да! Это собственно и есть причина создания этого плагина.
  2. А что с векторными файлами? Отчасти, и их можно использовать, но они будут интерпретированы как растровые, т.е. изображение нельзя будет масштабировать без потери качества.
  3. Хорошо, а что по поводу файлов .sketch? Это было бы интересно, но увы не сработает.
  4. Если я перемещу растровый файл в другую папку, могу ли я все еще обновлять из в Sketch? Пока что эта опция в плагине не реализована.
  5. Если я перемещу растровое изображение из одного артборда в другой, будет ли оно обновляться? Да.
  6. А если переместить из одного документа в другой? Возможно, если оба файла .sketch хранятся в одной и той же папке, то точно сработает. А если нет…
  7. Если я копирую размещенное растровое изображение и вставляю его в другой артборд, будет ли оно также обновляться? Да, и оригинал, и копия обновятся.
  8. Если изменяется размер растрового изображения, будет ли также изменен размер размещенного в Sketch изображения? Нет, в данной версии плагина это не реализовано. Пока что нет возможности решить подобную задачу.
  9. Есть ли возможность с помощью плагина автоматически обновлять растровые изображения после того, как они изменятся, как это возможно в приложениях Adobe? На данный момент плагины для Sketch могут запускаться только вручную. По слухам Bohemian Coding рассматривает другие события в качестве триггеров для запуска плагинов, но сейчас это все на стадии анализа.
  10. У меня уже несколько растровых изображений, помещенных в файле .sketch. Обновит ли их этот плагин? Было бы круто, но нет. Растровые изображения должны быть размещены плагином, так чтобы плагин сохранял пути к растровым файлам.

Сейчас плагин доступен в публичной версии Place Linked Bitmap 0.9 beta.

[dt_button size="big" style="default" animation="none" color_mode="default" icon="" icon_align="left" color="" link="https://github.com/frankko/Place-Linked-Bitmap/archive/master.zip" target_blank="true"]Скачать плагин Place Linked Bitmap[/dt_button]

Топ коментарі (0)