Создание спрайтов CSS из Photoshop

У меня есть PSD с веб-дизайном.
Каждый раз, когда я настраиваю дизайн, мне нужно вручную копировать разные части изображения с разной видимостью слоев (для прозрачности) в спрайты CSS.

Насколько это можно автоматизировать?

Я ценю, что вы хотите сохранить общий вопрос, но пример, вероятно, будет полезен. Видимость слоев уже установлена ​​или вам нужно изменить их по отдельности перед экспортом?
@Pekka: Разным частям нужна разная видимость. Например, фон сайта экспортируется видимым, а фон содержимого экспортируется с невидимым глобальным фоном. (для прозрачной тени)
Я понимаю. Так что это определенно требует пакетной обработки. Интересно посмотреть, что получится! ...

Ответы (2)

Однажды я использовал автоматический сценарий фотошопа, и он работал хорошо.

Концепция такова:

  • Каждая часть представляет собой отдельный образ.
  • Каждая часть (и, следовательно, каждое изображение) должна находиться в одной папке без каких-либо других изображений.
  • Запустите скрипт с указанием папки и некоторых параметров (размер, имя css и т.д.).
  • Скрипт делает:

    1. Объедините все изображения в одно с указанным размером.
    2. Создайте файл CSS

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

Заметки :

Я попробовал это с несколькими файлами и отлично работал. Затем я попробовал около 600 изображений, и тогда вам понадобится хороший процессор и терпение ;) В этом случае не используйте его.

Не будет ли использование фрагментов + запуск действия, которое начинается с выбора выделения (с привязкой к фрагментам и границами документа) всех ваших фрагментов один за другим, но каждый раз обрезается до выбора и сохраняется как png, ctrl alt z отменяется до тех пор, пока не будет обрезано, выбор каждого сектора, обрезка и т. д., пока не будет выполнено со всеми секторами, затем остановите действие. В середине вы можете скрыть/показать любой слой, так как это всегда один и тот же файл, поэтому конфликтов быть не должно... Таким образом, вы каждый раз загружаете действие поверх измененного psd. Единственное, о чем я могу думать, это то, что вам действительно нужно изменить границы фрагментов. Или что... Я вас не так понял...

Редактировать: если нет необходимости нарезки, то макрос (действие), включающий только скрытие или показ слоев в нужном вам порядке, после того, как все настройки сделаны. Говорю же, может быть, я не понимаю...

Хотя я вижу ваш первый абзац довольно запутанным, и тем не менее он, похоже, больше добавляет к рабочему процессу, чем автоматизирует его; Я мог бы увидеть, куда вы направляетесь с помощью действия скрытия/отображения слоев, хотя я бы использовал срезы с ним.
Благодарю вас! Однако я изо всех сил пытаюсь понять отрицательное голосование от кого бы то ни было ...