Легко экспортируйте слои Photoshop с помощью Cut & Slice Me

Резка и нарезка в процессе проектирования, несомненно, отнимает много времени. Более того, это становится все более и более сложным, когда вам нужно разрезать и нарезать сотни слоев в разных масштабах.

Конечно, в Photoshop есть объединенные копии, экспортируемые слои в файлы или элементы слайсов. Но эти подходы не очень помогли в ускорении процесса резки и нарезки. Что вам нужно, это плагин.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Cut & Slice Me это расширение Photoshop для упрощения процесса вырезания и нарезки дизайна. Затем вы можете экспортировать свои слои для iPhone, Android или настольных устройств. Экспортируемые файлы также имеют различные масштабы и разрешения, такие как сетчатка для iPhone или HDPI, LDPI, MDPI и XHDPI для Android.

Cut & Slice Me Установка

Чтобы использовать плагин Cut & Slice Me, на вашем компьютере должен быть установлен по крайней мере Adobe Photoshop CS6 / CC. Скачать плагин (и образец PSD-файла, над которым мы будем работать позже).

После завершения загрузки дважды щелкните файл CutAndSliceMe.zxp, и Adobe Extension Manager автоматически начнет установку. Следуйте инструкциям и перезапустите Photoshop, если он уже открыт.

Чтобы сделать плагин видимым на правой панели Photoshop, просто перейдите в «Окно»> «Расширения»> «Вырезать и разрезать меня».

Начиная

Cut & Slice Me прост в использовании, но сначала нужно немного поработать, чтобы плагин работал эффективно во время нарезки и нарезки.

Во-первых, вы должны организовать ваши объекты слоя в папки, так как Cut & Slice Me проверяет только имена групп. Вам также необходимо добавить символ «@» в конце имени группы слоев, которое вы хотите экспортировать.
Нарезка определенного размера
Все ненужные прозрачные пиксели удаляются в процессе экспорта. Чтобы сохранить экспортируемый файл в желаемом размере:

  1. Убедитесь, что вы проверили параметр «Инструменты векторного привязки и преобразует их в пиксельную сетку» в «Редактирование»> «Установки»> «Основные».

  2. Затем создайте прямоугольный векторный слой нужного размера.

  3. Поместите эту форму в самый верх группы, чтобы плагин указывал размер области, в которую вы хотите экспортировать. Наконец, назовите форму «#».

Источник изображения: Cut & Slice Me Базовый учебник

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

  1. При экспорте кнопки создайте новую группу слоев для кнопки и включите метку «_BTN» в ее название.

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

  • нормальный
  • зависать
  • щелкнули / нажимается
  • выбранный
  • отключен

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

Используя Cut & Slice Me

Теперь давайте посмотрим, как Cut @ Slice Me может помочь вам в ваших проектах. Как упоминалось ранее, мы будем использовать образец файла PSD-дизайна из Cut & Slice Me домашняя страница,

Как упоминалось ранее, в настоящее время Cut & Slice Me позволяет экспортировать в iPhone, Android и Интернет. Вы можете выбрать разделить все активы, подгруппы или выбранные слои. Нарезать и экспортировать образец дизайна на iPhone.

После завершения процесса экспорта вы обнаружите, что файлы результатов находятся в исходной папке PSD-файла (см. Изображение).

До сих пор я предполагаю, что у вас есть четкое понимание того, как плагин уже работает. Итак, давайте попробуем использовать плагин с другим дизайном.

С помощью Шаблон веб-краски от Elemis Халявавы увидите, как настроить правила плагина с нуля.

Для простоты мы будем использовать только половину дизайна для экспорта. На следующем снимке экрана показано сравнение структуры слоев до и после их готовности к использованию.

Слева (красным) находятся исходные слои. После перестановки и переименования состояний слоев мы приходим к тому, что справа (синим цветом).

Поскольку шаблон дизайна будет использоваться для Интернета, на панели плагинов выберите режим устройства для рабочего стола (значок монитора). Хит вырезать все активы.

Теперь определенный актив был успешно разрезан, вот так.

Обратите внимание, что если вы нарезаете свой собственный дизайн, вам нужно иметь его в самом высоком разрешении, так как конечные изображения для xhdpi в Android и сетчатки на устройствах Apple. Этот плагин выполняет полное разрешение дизайна, а затем уменьшает его для экспорта в различные размеры.

Вывод

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *