Створення спрайтів CSS з Photoshop

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

Скільки це може бути автоматизовано?

Я використовував сценарій автоматичного фотошопа один раз і добре працював.

Концепція така:

• Кожна порція - це інше зображення.
• Кожна частина (і так, кожне зображення) має бути в одній папці без будь-яких інших зображень.
• Запустіть скрипт із зазначенням папки та деяких параметрів (розмір, ім'я css тощо).

• Сценарій:

  1. Об’єднайте всі зображення в одне із вказаним вами розміром.
  2. Створіть файл CSS

У вашому випадку, якщо ви модифікуєте одне зображення, ви регенеруєте глобальний образ та CSS за допомогою скрипту і ... це все. Можливо, вам потрібно буде скопіювати / вставити CSS у свій, якщо ви не хочете використовувати створений.

Примітки:

Я спробував це з кількома файлами і чудово працював. Потім я спробував, як ~ 600 фотографій, і тоді вам знадобиться процесор goooood і терпіння;) У цьому випадку не використовуйте його.

Не вдалося б використовувати фрагменти + запустити дію, яка починає вибирати нарізку (з оснащенням фрагментів та документуванням) усі ваші фрагменти по одному, але щоразу обрізаючи вибір і зберігаючи як png, ctrl alt z скасування, поки не буде обрізано, вибираючи кожен сектор, обрізаючи .. і т.д., до завершення всіх секторів, а потім зупиняючи Дію. У середині ви можете приховати / показати будь-який шар, як це завжди той самий файл, тому не повинно бути конфліктів ... Отже, ви кожен раз завантажуватимете дію над зміненим PSD. Єдине, про що я можу придумати - це вам насправді потрібно змінити межі скибочок. Або що ... я тебе не зрозумів правильно ...

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