Generowanie zasobów obrazów z warstw

Z zawartości warstwy lub grupy warstw w pliku PSD można wygenerować zasoby — obrazy JPEG, PNG lub GIF. Zasoby są generowane automatycznie po dopisaniu rozszerzenia obsługiwanego formatu obrazu do nazwy warstwy lub grupy warstw. Opcjonalnie można ustawić parametry jakości i rozmiaru generowanych zasobów obrazów.

Generowanie zasobów obrazów z pliku PSD jest szczególnie przydatne w przypadku projektowania stron internetowych dla wielu urządzeń.

Informacje o tworzeniu i generowaniu grafiki stron internetowych przy użyciu narzędzia Adobe Generator można uzyskać w artykule Wyodrębnianie zasobów na potrzeby stron internetowych.

Aby dokładniej zapoznać się z działaniem generatora zasobów obrazów, użyjemy prostego pliku PSD (pobierz za pomocą tego łącza) z następującą hierarchią warstw:

Hierarchia warstw tego pliku obejmuje dwie grupy warstw: Rounded_rectangles (Prostokąty zaokrąglone) i Ellipses (Elipsy). Każda z tych grup warstw zawiera pięć warstw.

Aby wygenerować zasoby obrazów z tego pliku PSD, wykonaj następujące czynności:

1. Po otwarciu pliku PSD wybierz opcję Plik > Generuj > Zasoby obrazów.
2. Dopisz rozszerzenie odpowiedniego formatu plików (.jpg, .png lub .gif) do nazw warstw lub grup warstw, z których chcesz wygenerować zasoby obrazów. Na przykład zmień nazwy grup warstw Rounded_rectangles i Ellipses na Rounded_rectangles.jpg i Ellipses.png; zmień też nazwę warstwy Ellipse_4 na Ellipse_4.gif.

Program Photoshop wygeneruje zasoby obrazów i zapisze je w podfolderze razem ze źródłowym plikiem PSD. Jeśli źródłowy plik PSD nie jest jeszcze zapisany, program Photoshop zapisuje generowane zasoby
w nowym folderze na pulpicie.

Aby wygenerować wiele zasobów z warstwy lub grupy warstw, oddziel nazwy zasobów przecinkami. Następująca nazwa warstwy powoduje na przykład wygenerowanie trzech zasobów:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Zasoby obrazów wygenerowane z poszczególnych warstw i grup warstw można zapisywać w podfolderach folderu zasobów dokumentu. Nazwę podfolderu należy uwzględnić w nazwie warstwy albo grupy warstwy, na przykład:

[podfolder]/Elipsa_4.jpg 

Generowanie zasobów obrazów z pliku PSD jest szczególnie przydatne w przypadku projektowania stron internetowych dla wielu urządzeń. Rozważmy następujący projekt strony internetowej i jego strukturę warstw:

Wydzielimy ikonę w górnym wierszu siatki obrazów Global Hotspots (Ważne miejsca na świecie) jako zasoby obrazów:

• Dopisz rozszerzenia formatów plików do odpowiednich nazw warstw.

Zmienianie nazw odpowiednich warstw/grup warstw

Program Photoshop wygeneruje zasoby obrazów i zapisze je w tej samej lokalizacji co źródłowy plik PSD.

Zasoby JPEG są domyślnie generowane z jakością 90%. Zasoby PNG są domyślnie generowane jako obrazy 32-bitowe. Zasoby GIF są generowane z podstawową przezroczystością (kanałem alfa).

Zmieniając nazwy warstw i grup warstw w celu wygenerowania zasobów, można dostosować jakość i rozmiar.

• Dodaj odpowiednią jakość wyjściową jako przyrostek nazwy zasobu: .jpg(1–10) lub .jpg(1–100%). Na przykład:
  • Ellipse_4.jpg5
  • Ellipse_4.jpg50%
• Dodaj odpowiedni rozmiar obrazu wyjściowego jako przedrostek nazwy zasobu (odpowiednio do obsługiwanych formatów: px, in, cm i mm). Program Photoshop przeskaluje obraz w odpowiedni sposób. Na przykład:
  • 200% Ellipse_4.jpg
  • 300 x 200 Rounded_rectangle_3.jpg
  • 10in x 200mm Rounded_rectangle_3.jpg
    

Uwaga: Należy dodać znak spacji między przedrostkiem a nazwą zasobu. Podając rozmiar w pikselach, można pominąć jednostkę. Przykład: 300 x 200.

• Dodaj odpowiednią jakość wyjściową jako przyrostek nazwy zasobu: 8, 24 lub 32. Na przykład:
  • Ellipse_4.png24
• Dodaj odpowiedni rozmiar obrazu wyjściowego jako przedrostek nazwy zasobu (odpowiednio do obsługiwanych formatów: px, in, cm i mm). Program Photoshop przeskaluje obraz w odpowiedni sposób. Na przykład:
  • 42% Ellipse_4.png
  • 300mm x 20cm Rounded_rectangle_3.png
  • 10in x 50cm Rounded_rectangle_3.png

Uwaga: Należy dodać znak spacji między przedrostkiem a nazwą zasobu. Podając rozmiar w pikselach, można pominąć jednostkę. Przykład: 300 x 200.

• Dodaj odpowiedni rozmiar obrazu wyjściowego jako przedrostek nazwy zasobu (odpowiednio do obsługiwanych formatów: px, in, cm i mm). Na przykład:
  • 42% Ellipse_4.gif
  • 300mm x 20cm Rounded_rectangle_3.gif
  • 20in x 50cm Rounded_rectangle_3.gif

Uwaga: Należy dodać znak spacji między przedrostkiem a nazwą zasobu. Podając rozmiar w pikselach, można pominąć jednostkę. Przykład: 300 x 200.

W przypadku zasobów GIF parametry jakości nie są dostępne.

Nadając warstwie nazwę na potrzeby generowania zasobu, można określić wiele nazw zasobów przy użyciu parametrów. Na przykład:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Program Photoshop wygeneruje z tej warstwy następujące zasoby:

• Delicious.jpg (obraz JPG o jakości 8 powiększony do 120%)
• Delicious.png (24-bitowy obraz PNG zmniejszony do 42%)
• Delicious_2.jpg (obraz JPG o jakości 90% i wymiarach bezwzględnych 100x100 pikseli)
• Delicious.gif (obraz GIF powiększony do 250%)

Można określić ustawienia generowanych zasobów dotyczące całego dokumentu. Wykonaj następujące czynności:

1. Utwórz pustą warstwę w dokumencie.
2. Zacznij nazwę warstwy od słowa kluczowego default. Następnie wpisz ustawienia, które chcesz zastosować do wszystkich zasobów obrazów wygenerowanych z dokumentu. Na przykład:
   

Funkcję generowania zasobów obrazów można wyłączyć globalnie dla wszystkich dokumentów programu Photoshop w oknie Preferencje.

1. Wybierz opcję Edycja > Preferencje > Wtyczki.
2. Usuń zaznaczenie opcji Włącz Generator.
3. Kliknij przycisk OK.