Tạo các họa tiết CSS từ Photoshop

Tôi có một PSD với một thiết kế web.
Mỗi lần tôi chỉnh sửa thiết kế, tôi cần sao chép thủ công các phần khác nhau của hình ảnh, với khả năng hiển thị lớp khác nhau (cho độ trong suốt) vào các họa tiết CSS.

Bao nhiêu đó có thể được tự động?

Tôi đã sử dụng một kịch bản photoshop tự động một lần và hoạt động tốt.

Khái niệm này là:

• Mỗi phần là một hình ảnh khác nhau.
• Mỗi phần (và do đó, mỗi hình ảnh) phải nằm trong cùng một thư mục với bất kỳ hình ảnh nào khác.
• Chạy tập lệnh cho biết thư mục và một số tham số (kích thước, tên css, v.v ...).

• Kịch bản nào:

  1. Hợp nhất tất cả các hình ảnh thành một với kích thước bạn chỉ định.
  2. Tạo tệp CSS

Trong trường hợp của bạn, nếu bạn sửa đổi một hình ảnh, bạn sẽ tạo lại hình ảnh toàn cầu và CSS thông qua tập lệnh và ... đó là nó. Có thể bạn sẽ cần sao chép / dán CSS vào của bạn nếu bạn không muốn sử dụng CSS được tạo.

Ghi chú:

Tôi đã thử nó với một vài tập tin và làm việc tuyệt vời. Sau đó, tôi đã thử như ~ 600 bức ảnh và sau đó, bạn sẽ cần một CPU rất kiên nhẫn và kiên nhẫn;) Trong trường hợp này, đừng sử dụng nó.

Sẽ không sử dụng các lát + bắt đầu một Hành động bao gồm việc chọn (chọn snap thành các lát và giới hạn tài liệu) tất cả các lát của bạn từng cái một, nhưng cắt xén để chọn mỗi lần và lưu dưới dạng png, ctrl alt z hoàn tác cho đến khi không bị cắt, chọn từng khu vực, cắt xén..vv, cho đến khi hoàn thành tất cả các lĩnh vực, sau đó dừng hành động. Ở giữa, bạn có thể ẩn / hiển thị bất kỳ lớp nào, như cùng một tệp luôn luôn, vì vậy không nên xung đột ... Vì vậy, bạn sẽ tải hành động qua psd đã thay đổi của mình mỗi lần. Điều duy nhất tôi có thể nghĩ là bạn thực sự cần phải thay đổi đường viền lát. Hoặc là ... tôi không hiểu bạn đúng ...

Chỉnh sửa: nếu không cần cắt, thì macro (hành động) chỉ bao gồm ẩn hoặc hiển thị các lớp theo thứ tự bạn cần, sau khi tất cả các chỉnh sửa được thực hiện. Như tôi nói, tôi có thể không hiểu ...