Generowanie zasobów obrazów z warstw

Dodanie rozszerzeń plików do nazw warstw powoduje, że generator programu Photoshop automatycznie tworzy pliki Obraz przy każdym zapisie. Pozwala to wyeliminować powtarzalne kroki eksportu w przypadku projektów internetowych, aplikacji i projektów na wiele urządzeń, które wymagają wielu formatów lub rozmiarów.

Ten obieg pracy sprawdza się najlepiej, gdy potrzebne są spójne, powtarzalne eksporty w wielu formatach lub rozdzielczościach — na przykład podczas tworzenia wersji @1x, @2x i @3x na potrzeby projektowania elastycznych układów. W przypadku jednorazowego eksportu lub gdy potrzebne są elementy sterowania charakterystyczne dla formatu, zamiast tego użyj polecenia Plik > Eksportuj > Eksportuj jako.

Generator tworzy specjalny folder na zasoby i automatycznie aktualizuje pliki podczas pracy. Można generować wiele formatów z jednej warstwy, określać ustawienia jakości, skalować zasoby do różnych rozmiarów i organizować dane wyjściowe w podfolderach — wszystko za pomocą konwencji nazewnictwa warstw.

• Dokument programu Photoshop z nazwanymi warstwami lub grupami warstw
• Zapisany dokument w znanej lokalizacji (w przeciwnym razie zasoby pojawią się na pulpicie)
• Znajomość wymaganych formatów wyjściowych do projektu

Włącz generowanie zasobów obrazu

Program Photoshop tworzy plik Obraz w podfolderze obok zapisanego dokumentu. Jeśli dokument nie został jeszcze zapisany, zasoby pojawią się w nowym folderze na pulpicie. Generator pozostaje aktywny — wszelkie zmiany w warstwach z włączonym generatorem powodują automatyczne aktualizacje odpowiednich zasobów.

Generuj wiele formatów z jednej warstwy

Jedna warstwa może jednocześnie tworzyć zasoby w różnych formatach, rozmiarach i poziomach jakości. Oddziel każdą specyfikację zasobu w nazwie warstwy przecinkiem lub znakiem plus.

Program Photoshop generuje trzy osobne pliki z zawartości tej samej warstwy, eliminując potrzebę ręcznego eksportowania tej samej grafiki w różnych formatach.

Steruj jakością i skalowaniem zasobów na różne ekrany

Przyrostki jakości sterują kompresją plików JPG (1–100) oraz głębią bitową plików PNG (8, 24 lub 32). Przedrostki rozmiaru przyjmują wartości procentowe do skalowania względnego lub bezwzględne wymiary w pikselach. Można mieszać jednostki — na przykład „10in x 5cm banner.jpg” — oraz pominąć jeden wymiar, aby skalować proporcjonalnie: „1080 x icon.png” ustawia szerokość na 1080 pikseli, zachowując proporcje.

Przykłady skalowania względnego:

200% logo.png podwaja rozmiar zasobu

50% thumbnail.jpg zmniejsza zasób o połowę

Przykłady rozmiaru bezwzględnego:

300 x 200 hero.png tworzy obraz o wymiarach 300×200 pikseli

10in x 5cm banner.jpg łączy różne jednostki (10 cali szerokości, 5 centymetrów wysokości)

1080 x icon.png ustawia szerokość na 1080 pikseli, a wysokość skaluje się proporcjonalnie

Organizuj zasoby w podfolderach

Domyślnie wszystkie wygenerowane zasoby są zapisywane w jednym folderze, znajdującym się przy pliku PSD. Dodanie nazwy podfolderu przed nazwą pliku powoduje, że generator automatycznie tworzy i używa tego podfolderu. Dzięki temu powiązane zasoby są zorganizowane bez konieczności ręcznego zarządzania folderami.

Dodaj ścieżkę podfolderu do nazwy warstwy, używając ukośników: subfolder/filename.png lub icons/logo.svg. Można zagnieździć wiele poziomów: assets/icons/logo.png.

Eksportuj zasoby do określonych folderów

Photoshop automatycznie tworzy strukturę folderów i umieszcza każdy zasób w wyznaczonej lokalizacji. Połączenie podfolderów z prefiksami rozmiaru i ustawieniami jakości zapewnia pełną kontrolę nad organizacją zasobów: mobile/200% button@2x.png, desktop/button.jpg90.

Ustaw wartości domyślne dla całego dokumentu

Utwórz specjalną warstwę, aby ustalić ustawienia linii bazowej, które mają zastosowanie do wszystkich generowanych zasobów. Eliminuje to potrzebę powtarzania parametrów w nazwach poszczególnych warstw.

Utwórz pustą warstwę i nazwij ją, zaczynając od „default”, a następnie dodaj preferowane ustawienia. Typowe konfiguracje obejmują „default 200%”, aby przeskalować wszystkie zasoby do 200%, „default assets/”, aby zapisać wszystko w podfolderze assets, lub „default @2x”, aby dodać sufiks @2x do wszystkich nazw plików.

Można połączyć wiele wartości domyślnych: „default 200% retina/ @2x” przeskalowuje wszystkie zasoby do 200%, zapisuje je w podfolderze retina i dodaje sufiks @2x do nazw plików. Ustawienia poszczególnych warstw mają pierwszeństwo nad wartościami domyślnymi dokumentu — jeśli wartość domyślna określa „default 200%”, a nazwa warstwy zawiera „50% thumbnail.png”, ta warstwa jest generowana w 50%.

Praca z dokumentami w chmurze

Pliki w chmurze przechowują wygenerowane zasoby lokalnie, a nie bezpośrednio razem z plikiem PSD. Photoshop zachowuje ten podział, aby rozróżnić zawartość lokalną od zawartości zsynchronizowanej z chmurą.

Zasoby plików w chmurze znajdują się w tych lokalizacjach:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Każdy plik w chmurze tworzy własny podfolder w tym katalogu. Zasoby są generowane automatycznie podczas pracy, ale pozostają na komputerze lokalnym, dopóki nie zostaną jawnie udostępnione lub zsynchronizowane w usłudze Creative Cloud.

Wyłączanie generowania zasobów

Po włączeniu funkcja generowania zasobów obrazu pozostaje włączona w dokumencie, zachowując ten stan między sesjami. Ta funkcja automatycznie generuje zasoby na nowo przy każdym zapisie, co może obniżyć wydajność w przypadku złożonych dokumentów.

Aby wyłączyć generowanie w obecnym dokumencie, usuń zaznaczenie opcji Plik > Automatyzacja > Wtyczki Generator > Zasoby obrazu. Zatrzymuje to automatyczne tworzenie zasobów, ale zachowuje istniejące zasoby i nazewnictwo warstw.

Aby wyłączyć funkcję generatora globalnie we wszystkich dokumentach, wybierz Edycja > Preferencje > Wtyczki, usuń zaznaczenie opcji Włącz generator, a następnie wybierz OK. Spowoduje to całkowite wyłączenie funkcji generatora do momentu ponownego włączenia w Preferencjach.