Tworzenie duszków CSS z Photoshopa

14

Mam PSD z projektowaniem stron internetowych.
Za każdym razem, gdy poprawiam projekt, muszę ręcznie kopiować różne części obrazu, z różnymi widocznościami warstw (dla przejrzystości) do duszków CSS.

Ile można zautomatyzować?

adobe-photoshop export css sprite SLaks
źródło
Rozumiem, że chcesz zachować ogólne pytanie, ale prawdopodobnie przydałby się przykład. Czy widoczności warstw są już ustawione, czy trzeba je zmieniać indywidualnie przed eksportem?
Pekka
@Pekka: Różne porcje wymagają różnych widoczności. Na przykład tło witryny jest eksportowane jako widoczne, ale tło treści jest eksportowane z niewidocznym tłem globalnym. (dla przezroczystego cienia)
SLaks
Widzę. To zdecydowanie wymaga przetwarzania wsadowego. Chciałbym zobaczyć, co się pojawi! ...
Pekka

Odpowiedzi:

9

Raz użyłem automatycznego skryptu Photoshopa i działałem dobrze.

Koncepcja jest następująca:

  • Każda porcja to inny obraz.
  • Każda część (a więc każde zdjęcie) musi znajdować się w tym samym folderze bez innych zdjęć.
  • Uruchom skrypt wskazujący folder i niektóre parametry (rozmiar, nazwa css itp.).

  • Skrypt:

    1. Scal wszystkie obrazy w jeden o wskazanym rozmiarze.
    2. Wygeneruj plik CSS

W twoim przypadku, jeśli zmodyfikujesz jeden obraz, ponownie wygenerujesz obraz globalny i CSS za pomocą skryptu i ... to wszystko. Być może będziesz musiał skopiować / wkleić CSS, jeśli nie chcesz używać wygenerowanego.

Uwagi:

Próbowałem z kilkoma plikami i działało świetnie. Potem próbowałem ~ 600 zdjęć, a potem będziesz potrzebował goooood CPU i cierpliwości;) W takim przypadku nie używaj go.

Shikiryu
źródło
1

Nie używałbym plasterków + rozpoczynania akcji, która rozpoczyna zaznaczanie markizy (z przystawką do plasterków i granicami dokumentów) wszystkich plasterków jeden po drugim, ale kadrowanie do zaznaczenia za każdym razem i zapisywanie jako png, ctrl alt z cofaniem, dopóki nie zostanie przycięte, zaznaczając każdy sektor, przycinając .. itd., aż skończysz ze wszystkimi sektorami, a następnie zatrzymujesz akcję. W środku możesz ukryć / pokazać dowolną warstwę, jak zawsze ten sam plik, więc nie powinno być konfliktów ... Więc za każdym razem ładowałbyś akcję nad zmienionym psd. Jedyne, co mogę wymyślić, to faktyczna zmiana granic plasterków. Albo że ... nie zrozumiałem cię dobrze ...

Edycja: jeśli nie trzeba kroić, to makro (akcja), które obejmuje tylko ukrywanie lub pokazywanie warstw w wymaganej kolejności, po wykonaniu wszystkich poprawek. Jak mówię, może nie rozumiem ...

S.gfx
źródło
Chociaż pierwszy akapit wydaje mi się dość mylący, niemniej wydaje się, że dodaje on więcej do przepływu pracy niż do automatyzacji; I może zobaczyć, gdzie jesteś pozycji na z ukrycia / wykazujące działanie warstwy, chociaż chciałbym używać plastrów z nim.
Jari Keinänen
Dziękuję Ci!
Staram się