Создание слоев разных размеров из существующих PNGS и импортирование в PSD

Работая над устаревшим веб-приложением .NET, мы столкнулись со следующей проблемой: графические темы состоят из сотен pngфайлов. Когда дело доходит до создания новой темы (то есть тех же значков, но с новым набором цветов), мы берем каждый pngфайл и меняем его оттенок с помощью paint.net. Это очень долгий процесс с плохими результатами (изображения пикселизированы, прозрачность огромная...).

С помощью Adobe Creative Cloudмы пытаемся создать мастер-файл PSD, который будет содержать все графические элементы. С хорошо названными слоями мы экспортируем их в отдельные файлы. Мы будем работать с фигурами, а не с «пиксельным png», поэтому изменение цвета будет простым и понятным. Более того, мы сможем менять цвет всех иконок подряд.

Иконки имеют разный размер, и большинство из них не «соответствует» содержимому: например, один файл значка имеет 27x27размер графического содержимого 13x18в правом нижнем углу. Photoshop подгоняет слой к графическому содержимому: как заставить его иметь размер 27x27и сохранить прозрачный контент вокруг 13x18закрашенной области? Размер может быть 27x27или 20x20или 50x10или ...

Ответы (2)

Adobe только что представила невероятную функцию под названием Adobe Generator, которая может делать именно то, о чем вы просите (только Adobe Photoshop CC).

Это включает в себя:

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

Однако это не будет:

  • Отрегулируйте оттенки или добавьте эффекты. Я рекомендую связать экшен Photoshop в цепочку для создания ваших ресурсов (например, создать корректирующий слой поверх слоев и запустить после него генератор. Затем просто удалите корректирующий слой).

Узнайте больше здесь

Кроме того, если вам нужен инструмент для старых версий Photoshop, есть отличный инструмент для Mac под названием Slicy , который может сделать то же самое.

Генератор - отличное предложение для экспорта, но я не думаю, что он может помочь с импортом.

Вам нужно будет скопировать все элементы в один PSD, а затем сделать фрагменты для экспорта в Photoshop. Я бы использовал Texture Packer для автоматического объединения всего в одно изображение, но вам придется создавать фрагменты вручную, что довольно утомительно, но, насколько я знаю, нет способа автоматизировать это. После того, как у вас есть PSD с фрагментами, вы просто применяете различные корректирующие слои для оттенка.

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

Создание слоев разных размеров из существующих PNGS и импортирование в PSD
СпросиСетьПолитика конфиденциальности1y, 0v