Podręcznik użytkownika Anuluj

Generowanie zasobów obrazów z warstw

  1. Podręcznik użytkownika programu Photoshop
  2. Wprowadzenie do programu Photoshop
    1. Dream it. Make it.
    2. Nowości w programie Photoshop
    3. Edytowanie pierwszego zdjęcia
    4. Tworzenie dokumentów
    5. Photoshop | Częste pytania
    6. Wymagania systemowe programu Photoshop
    7. Poznaj program Photoshop
    8. Systematyczne aktualizowanie programu Photoshop
  3. Program Photoshop a inne produkty i usługi firmy Adobe
    1. Korzystanie z kompozycji programu Illustrator w programie Photoshop
    2. Korzystanie z plików programu Photoshop w programie InDesign
    3. Materiały Substance 3D w programie Photoshop
    4. Używanie rozszerzenia Capture w programie Photoshop
  4. Photoshop na urządzeniach przenośnych (brak dostępu w Chinach)
    1. Podręcznik użytkownika
    2. Nowości 
    3. Wymagania techniczne    
  5. Photoshop na tablet iPad (brak dostępu w Chinach)
    1. Photoshop na tablet iPad | Częste pytania
    2. Zapoznanie z przestrzenią roboczą
    3. Wymagania systemowe | Photoshop na tablet iPad
    4. Tworzenie, otwieranie i eksportowanie dokumentów
    5. Dodawanie zdjęć
    6. Korzystanie z warstw
    7. Rysowanie i malowanie przy użyciu pędzli
    8. Tworzenie zaznaczeń i dodawanie masek
    9. Retuszowanie kompozycji
    10. Korzystanie z warstw dopasowania
    11. Dopasowanie odcieni kompozytów przy użyciu krzywych
    12. Stosowanie przekształceń
    13. Kadrowanie i obracanie obrazów kompozytowych
    14. Obracanie, przesuwanie, powiększanie i zerowanie obszaru roboczego
    15. Korzystanie z warstw tekstowych
    16. Korzystanie z programów Photoshop i Lightroom
    17. Pobieranie brakujących czcionek w programie Photoshop na tablecie iPad
    18. Tekst w języku japońskim w programie Photoshop na tablecie iPad
    19. Zarządzanie ustawieniami aplikacji
    20. Skróty i gesty dotykowe
    21. Skróty klawiaturowe
    22. Edytowanie rozmiaru obrazu
    23. Nadawanie na żywo podczas tworzenia w programie Photoshop na tablecie iPad
    24. Retuszowanie niedoskonałości za pomocą narzędzia Pędzel korygujący
    25. Tworzenie pędzli w rozszerzeniu Capture i używanie ich w programie Photoshop na tablet iPad
    26. Praca z plikami Camera Raw
    27. Tworzenie i używanie obiektów inteligentnych
    28. Modyfikowanie ekspozycji obrazów przy użyciu funkcji rozjaśniania i ściemniania
    29. Polecenia dopasowań automatycznych w programie Photoshop na tablet iPad
    30. Rozmazywanie obszarów obrazów w programie Photoshop na tablet iPad
    31. Zwiększanie i zmniejszanie nasycenia obrazów przy użyciu narzędzia Gąbka
    32. Wypełnienie z uwzględnieniem zawartości na tablecie iPad
  6. Photoshop w Internecie (brak dostępu w Chinach)
    1. Podręcznik użytkownika
    2. Nowości w programie Photoshop
    3. Wymagania techniczne
    4. Częste pytania
    5. Rysowanie i edytowanie kształtów
    6. Współpraca z innymi przez Internet
  7. Photoshop (beta) (brak dostępu w Chinach)
    1. Pierwsze kroki z wersjami beta aplikacji Creative Cloud
    2. Photoshop (beta) na komputer
    3. Obraz odniesienia
  8. Generatywna sztuczna inteligencja (brak dostępu w Chinach) 
    1. Częste pytania dotyczące generatywnej sztucznej inteligencji w programie Photoshop
    2. Wypełnienie generatywne w programie Photoshop na komputer
    3. Generowanie obrazów z opisów tekstowych
    4. Rozszerzenie generatywne w programie Photoshop na komputer
    5. Zastępowanie tła narzędziem Generowanie tła
    6. Nowe warianty dzięki funkcji Generowanie podobnych
    7. Narzędzie Wypełnienie generatywne w programie Photoshop na tablet iPad
    8. Narzędzie Rozszerzenie generatywne w programie Photoshop na tablet iPad
    9. Funkcje oparte na SI w programie Photoshop w Internecie
  9. Autentyczność zawartości (brak dostępu w Chinach)
    1. Poświadczenia zawartości w programie Photoshop
    2. Identyfikacja i pochodzenie tokenów NFT
    3. Łączenie kont na potrzeby uznania udziału w pracy twórczej
  10. Pliki w chmurze (brak dostępu w Chinach)
    1. Pliki w chmurze — Photoshop | Częste pytania
    2. Pliki w chmurze — Photoshop | Pytania dotyczące obiegów pracy
    3. Zarządzanie plikami w chmurze i korzystanie z nich przy użyciu programu Photoshop
    4. Zwiększanie ilości przestrzeni dyskowej dla programu Photoshop
    5. Nie można utworzyć ani zapisać pliku w chmurze
    6. Rozwiązywanie błędów z plikami w chmurze programu Photoshop
    7. Zbieranie dzienników synchronizacji plików w chmurze
    8. Zapraszanie innych do edytowania plików w chmurze
    9. Udostępnianie plików i komentowanie w aplikacji
  11. Przestrzeń robocza
    1. Podstawy pracy z przestrzenią roboczą
    2. Preferencje
    3. Szybsza nauka dzięki panelowi Odkrywanie w programie Photoshop
    4. Tworzenie dokumentów
    5. Umieszczanie plików
    6. Domyślne skróty klawiaturowe
    7. Dostosowywanie skrótów klawiszowych
    8. Galerie narzędzi
    9. Preferencje wydajności
    10. Kontekstowy pasek zadań
    11. Korzystanie z narzędzi
    12. Ustawienia predefiniowane
    13. Siatka i linie pomocnicze
    14. Gesty dotykowe
    15. Używanie paska Touch Bar w programie Photoshop
    16. Funkcje dotykowe i dostosowywanie obszarów roboczych
    17. Zapowiedzi technologii
    18. Metadane i uwagi
    19. Umieszczanie obrazów programu Photoshop w innych aplikacjach
    20. Miarki
    21. Pokazywanie i ukrywanie dodatków niedrukowanych
    22. Określanie kolumn dla obrazu
    23. Cofanie i historia
    24. Panele i menu
    25. Rozmieszczanie elementów za pomocą przyciągania
    26. Określanie położenia przy użyciu narzędzia Miarka
  12. Podstawowe informacje o obrazie i kolorach
    1. Zmienianie rozmiarów obrazów
    2. Korzystanie z obrazów rastrowych i wektorowych
    3. Rozmiar a rozdzielczość obrazu
    4. Pozyskiwanie obrazów z aparatów fotograficznych i skanerów
    5. Tworzenie, otwieranie i importowanie obrazów
    6. Wyświetlanie obrazów
    7. Błąd nieprawidłowego znacznika JPEG | Otwieranie obrazów
    8. Wyświetlanie wielu obrazów
    9. Dostosowywanie próbników kolorów i próbek
    10. Obrazy HDR
    11. Dopasowywanie kolorów na obrazie
    12. Konwertowanie obrazów z jednego trybu kolorów na inny
    13. Tryby kolorów
    14. Wymazywanie części obrazu
    15. Tryby mieszania
    16. Wybieranie kolorów
    17. Dostosowywanie tablic kolorów indeksowanych
    18. Informacje o obrazie
    19. Filtry zniekształcania są niedostępne
    20. Informacje o kolorach
    21. Dopasowania kolorowe i monochromatyczne przy użyciu kanałów
    22. Wybieranie kolorów w panelach Kolor i Próbki
    23. Próbka
    24. Tryb kolorów (tryb obrazu)
    25. Poświata kolorowa
    26. Dodawanie warunkowej zmiany trybu do operacji
    27. Dodawanie próbek z arkuszy CSS HTML i plików SVG
    28. Głębia bitowa i preferencje
  13. Warstwy
    1. Podstawy pracy z warstwami
    2. Bezpieczna edycja
    3. Tworzenie warstw i grup oraz zarządzanie nimi
    4. Zaznaczanie, grupowanie i łączenie warstw
    5. Umieszczanie obrazów w ramkach
    6. Krycie warstw i mieszanie
    7. Warstwy masek
    8. Stosowanie filtrów inteligentnych
    9. Kompozycje warstw
    10. Przenoszenie, układanie i blokowanie warstw
    11. Maskowanie warstw przy użyciu masek wektorowych
    12. Zarządzanie warstwami i grupami
    13. Efekty i style warstw
    14. Edytowanie masek warstw
    15. Wyodrębnianie zasobów
    16. Odsłanianie warstw przy użyciu masek przycinających
    17. Generowanie zasobów obrazów z warstw
    18. Korzystanie z obiektów inteligentnych
    19. Tryby mieszania
    20. Łączenie kilku obrazów w portret grupowy
    21. Łączenie obrazów przy użyciu automatycznego mieszania warstw
    22. Wyrównywanie i rozmieszczanie warstw
    23. Kopiowanie kodu CSS z warstw
    24. Wczytywanie zaznaczeń z warstwy lub obramowania maski warstw
    25. Odcinanie w celu odkrycia zawartości innych warstw
  14. Zaznaczenia
    1. Podstawy zaznaczania
    2. Zaznaczanie elementów kompozycji
    3. Przestrzeń robocza zaznaczania i maskowania
    4. Zaznaczanie narzędziami do zaznaczania prostokątnego
    5. Zaznaczanie przy użyciu narzędzi Lasso
    6. Dopasowywanie zaznaczeń pikseli
    7. Przenoszenie, kopiowanie i usuwanie zaznaczonych pikseli
    8. Tworzenie tymczasowej szybkiej maski
    9. Zaznaczanie zakresu kolorów na obrazie
    10. Konwertowanie pomiędzy ścieżkami i krawędziami zaznaczenia
    11. Podstawy stosowania kanałów
    12. Zapisywanie zaznaczeń i masek kanału alfa
    13. Zaznaczanie ostrych obszarów obrazu
    14. Powielanie, dzielenie i scalanie kanałów
    15. Obliczenia dotyczące kanałów
  15. Dopasowywanie obrazów
    1. Zastępowanie kolorów obiektu
    2. Wypaczenie perspektywy
    3. Redukcja rozmyć wywołanych potrząśnięciami aparatu
    4. Przykłady użycia narzędzia Pędzel korygujący
    5. Eksportowanie tablic wyszukiwania kolorów
    6. Dopasowywanie ostrości i rozmycia obrazu
    7. Omówienie dopasowań kolorów
    8. Stosowanie dopasowania Jasność/Kontrast
    9. Dopasowywanie szczegółów cieni i obszarów oświetlonych
    10. Dopasowanie Poziomy
    11. Dopasowywanie barwy i nasycenia
    12. Dopasowanie jaskrawości
    13. Dopasowywanie nasycenia koloru na obszarach obrazu
    14. Szybkie dopasowania tonalne
    15. Stosowanie do obrazów specjalnych efektów kolorów
    16. Ulepszanie obrazu przy użyciu korekt balansu kolorów
    17. Obrazy HDR
    18. Wyświetlanie histogramów i wartości pikseli
    19. Dopasowywanie kolorów na obrazie
    20. Kadrowanie i prostowanie zdjęć
    21. Konwertowanie obrazów kolorowych na czarno-białe
    22. Warstwy dopasowań i wypełnień
    23. Dopasowywanie krzywych
    24. Tryby mieszania
    25. Przygotowywanie obrazów do druku
    26. Dopasowywanie kolorów i odcieni obrazu przy użyciu kroplomierzy Poziomy i Krzywe
    27. Dopasowywanie ekspozycji i tonowania obrazu HDR
    28. Rozjaśnianie lub ściemnianie obszarów obrazu
    29. Dopasowania koloru selektywnego
  16. Adobe Camera Raw
    1. Wymagania systemowe wtyczki Camera Raw
    2. Nowości we wtyczce Camera Raw
    3. Wprowadzenie do wtyczki Camera Raw
    4. Tworzenie obrazów panoramicznych
    5. Obsługiwane obiektywy
    6. Dopasowywanie kolorów i odcieni w programie Camera Raw
    7. Efekty winiety, ziarnu i usuwania zmętnienia atmosferycznego we wtyczce Camera Raw
    8. Domyślne skróty klawiaturowe
    9. Automatyczna korekcja perspektywy we wtyczce Camera Raw
    10. Filtr promieniowy we wtyczce Camera Raw
    11. Zarządzanie ustawieniami wtyczki Camera Raw
    12. Otwieranie, przetwarzanie i zapisywanie obrazów we wtyczce Camera Raw
    13. Naprawa obrazów za pomocą ulepszonego narzędzia Usuwanie plam we wtyczce Camera Raw
    14. Obracanie, kadrowanie i dopasowywanie obrazów
    15. Dopasowywanie renderowania koloru we wtyczce Camera Raw
    16. Wersje procesu we wtyczce Camera Raw
    17. Wprowadzanie lokalnych dopasowań we wtyczce Camera Raw
    18. Usuwanie niechcianych osób
    19. Usuwanie odbić
    20. Wyświetlanie stanu edycji SI i zarządzanie aktualizacjami
  17. Naprawianie i przywracanie obrazów
    1. Narzędzie Usuwanie
    2. Usuwanie obiektów ze zdjęć przy użyciu funkcji Wypełnij z uwzględnieniem zawartości
    3. Uwzględniające zawartość narzędzia Łatka i Przesuwanie
    4. Retuszowanie i naprawianie zdjęć
    5. Korygowanie zniekształceń i szumu na obrazie
    6. Podstawowe czynności pozwalające rozwiązać większość problemów
  18. Ulepszanie i przekształcanie obrazów
    1. Zastępowanie nieba na obrazach
    2. Przekształcanie obiektów
    3. Dopasowywanie kadrowania, obrotów i obszaru roboczego
    4. Kadrowanie i prostowanie zdjęć
    5. Tworzenie i edytowanie obrazów panoramicznych
    6. Wypaczanie obrazów, kształtów i ścieżek
    7. Punkt zbiegu
    8. Skalowanie z uwzględnieniem zawartości
    9. Przekształcanie obrazów, kształtów i ścieżek
  19. Rysowanie i malowanie
    1. Malowanie wzorków symetrycznych
    2. Rysowanie prostokątów i modyfikowanie opcji obrysu
    3. Informacje o rysowaniu
    4. Rysowanie i edytowanie kształtów
    5. Narzędzia do malowania
    6. Tworzenie i modyfikowanie pędzli
    7. Tryby mieszania
    8. Dodawanie koloru do ścieżek
    9. Edytowanie ścieżek
    10. Malowanie za pomocą pędzla mieszającego
    11. Pędzle predefiniowane
    12. Gradienty
    13. Interpolacja gradientów
    14. Wypełnianie oraz obrysowywanie zaznaczeń, warstw i ścieżek
    15. Rysowanie narzędziami Pióro
    16. Tworzenie wzorków
    17. Generowanie wzorku przy użyciu wtyczki Tworzenie wzorku
    18. Zarządzanie ścieżkami
    19. Zarządzanie bibliotekami i wzorkami predefiniowanymi
    20. Rysowanie lub malowanie przy użyciu tabletów graficznych
    21. Tworzenie pędzli z teksturami
    22. Dodawanie dynamicznych elementów do pędzli
    23. Gradient
    24. Malowanie stylizowanych pociągnięć pędzlem przy użyciu narzędzia Artystyczny pędzel historii
    25. Malowanie wzorkiem
    26. Synchronizacja ustawień predefiniowanych między urządzeniami
    27. Migracja ustawień predefiniowanych, operacji i ustawień
  20. Tekst
    1. Dodawanie i edytowanie tekstu
    2. Jednolity mechanizm tekstowy
    3. Korzystanie z czcionek SVG OpenType
    4. Formatowanie znaków
    5. Formatowanie akapitów
    6. Tworzenie efektów tekstowych
    7. Edytowanie tekstu
    8. Odstępy między wierszami i między znakami
    9. Tekst arabski i hebrajski
    10. Czcionki
    11. Rozwiązanie problemów z czcionkami
    12. Tekst azjatycki
    13. Tworzenie tekstu
  21. Filtry i efekty
    1. Korzystanie z galerii rozmyć
    2. Podstawowe informacje dotyczące filtrów
    3. Dokumentacja efektów filtrów
    4. Dodawanie efektów świetlnych
    5. Korzystanie z filtra Adaptacyjny szeroki kąt
    6. Korzystanie z filtra Farba olejna
    7. Korzystanie z filtra Formowanie
    8. Efekty i style warstw
    9. Stosowanie określonych filtrów
    10. Smużenie obszarów obrazu
  22. Zapisywanie i eksportowanie
    1. Zapisywanie plików w programie Photoshop
    2. Eksportowanie plików w programie Photoshop
    3. Obsługiwane formaty plików
    4. Zapisywanie plików w formatach graficznych
    5. Przenoszenie projektów między programami Photoshop i Illustrator
    6. Zapisywanie i eksportowanie materiałów wideo i animacji
    7. Zapisywanie plików PDF
    8. Technologia ochrony praw autorskich Digimarc
  23. Zarządzanie kolorami
    1. Omówienie zarządzania kolorami
    2. Utrzymywanie spójności kolorów
    3. Ustawienia kolorów
    4. Bichromia
    5. Korzystanie z profilów kolorów
    6. Zarządzanie kolorami dokumentów przeznaczonych do wyświetlania w Internecie
    7. Zarządzanie kolorami w dokumentach podczas drukowania
    8. Zarządzanie kolorami w przypadku obrazów importowanych
    9. Próby kolorów
  24. Projektowanie stron internetowych, materiałów ekranowych i aplikacji
    1. Photoshop dla projektantów
    2. Obszary kompozycji
    3. Podgląd urządzenia
    4. Kopiowanie kodu CSS z warstw
    5. Cięcie stron internetowych na plasterki
    6. Opcje HTML dotyczące plasterków
    7. Modyfikowanie układu plasterków
    8. Korzystanie z grafiki internetowej
    9. Tworzenie internetowych galerii zdjęć
  25. Wideo i animacja
    1. Edytowanie materiałów wideo w programie Photoshop
    2. Edytowanie warstw wideo i animacji
    3. Omówienie zagadnień dotyczących wideo i animacji
    4. Wyświetlanie podglądu wideo i animacji
    5. Malowanie klatek na warstwach wideo
    6. Importowanie plików wideo i sekwencji obrazów
    7. Tworzenie animacji poklatkowych
    8. Creative Cloud 3D Animation (zapowiedź)
    9. Tworzenie animacji z osią czasu
    10. Tworzenie obrazów do materiałów wideo
  26. Drukowanie
    1. Drukowanie obiektów 3D
    2. Drukowanie w programie Photoshop
    3. Drukowanie z zastosowaniem zarządzania kolorami
    4. Stykówki i prezentacje PDF
    5. Drukowanie zdjęć w układzie pakietu obrazów
    6. Drukowanie kolorów dodatkowych
    7. Profesjonalne drukowanie obrazów
    8. Poprawianie jakości wydruków w kolorze z programu Photoshop
    9. Rozwiązywanie problemów z drukowaniem | Photoshop
  27. Automatyzacja
    1. Tworzenie operacji
    2. Tworzenie grafiki zależnej od danych
    3. Korzystanie ze skryptów
    4. Przetwarzanie wsadowe plików
    5. Odtwarzanie operacji i zarządzanie nimi
    6. Dodawanie operacji warunkowych
    7. Informacje o operacjach i panelu Operacje
    8. Nagrywanie narzędzi w operacjach
    9. Dodawanie warunkowej zmiany trybu do operacji
    10. Zestaw narzędzi do tworzenia wtyczek i skryptów interfejsu programu Photoshop
  28. Rozwiązywanie problemów
    1. Rozwiązane problemy 
    2. Znane problemy
    3. Optymalizacja wydajności programu Photoshop
    4. Podstawowe rozwiązywanie problemów
    5. Rozwiązywanie problemów z awariami i zawieszeniami
    6. Usuwanie błędów programu
    7. Rozwiązywanie problemu z zapełnionym dyskiem magazynującym
    8. Rozwiązywanie problemów z GPU i sterownikiem graficznym
    9. Znajdowanie brakujących narzędzi
    10. Photoshop — 3D | Często zadawane pytania dotyczące wycofanych funkcji
Uwaga:

Opcja Zasoby obrazów znajduje się teraz w menu Plik > Automatyzacja > Wtyczki generatorów.

Z zawartości warstwy lub grupy warstw w pliku PSD można wygenerować zasoby — obrazy JPEG, PNG, GIF lub SVG. 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 eksportowaniu grafiki na strony internetowe można znaleźć w artykule Eksportowanie plików z programu Photoshop w różnych formatach.

Generowanie zasobów obrazów z warstw lub grup warstw

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:

Generowanie zasobów obrazów w programie Photoshop
Przykładowy plik PSD i hierarchia jego 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 > Automatyzacja > Wtyczki generatorów > Zasoby obrazów.
  2. Dopisz rozszerzenie odpowiedniego formatu plików (.jpg, .png.gif, lub .svg) 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.
Uwaga:

W nazwach warstw nie są obsługiwane znaki specjalne : i *.

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.

Nazwy zasobów obrazów w programie Photoshop
Nazwy zasobów obrazów są generowane z nazw warstw i grup warstw.

Uwaga:

Generowanie zasobów obrazów jest włączone dla bieżącego dokumentu. Po włączeniu ta funkcja pozostaje dostępna przy kolejnym otwarciu dokumentu. Aby wyłączyć generowanie zasobów obrazów dla bieżącego dokumentu, usuń zaznaczenie opcji Plik > Automatyzacja > Wtyczki generatorów.

Generowanie zasobów do plików w chmurze

Jeśli korzystasz z pliku w chmurze, zasoby są zapisywane w katalogu „Photoshop Cloud Associates”:

  • Windows: C:\Użytkownicy\nazwa użytkownika\Dokumenty\Adobe\Photoshop Cloud Associates
  • macOS: /Użytkownicy/nazwa użytkownika/Dokumenty/Adobe/Photoshop Cloud Associates

Generowanie wielu zasobów z warstwy lub grupy warstw

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

Zapisywanie zasobów w podfolderze

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]/Ellipse_4.jpg 

Przypadek użycia — projektowanie strony internetowej

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:

Projekt strony internetowej i jego hierarchia 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 w programie Photoshop

Zmienianie nazw odpowiednich warstw/grup warstw w programie Photoshop

Zmienianie nazw odpowiednich warstw/grup warstw

Uwaga:

Z zawartości danej warstwy lub grupy warstw jest tworzony pojedynczy zasób obrazu. Grupa warstw AdventureCo Logo na powyższym zrzucie ekranu zawiera na przykład warstwę kształtów i warstwę aktywnego tekstu. Te warstwy są spłaszczane podczas generowania zasobu obrazu z grupy warstw.

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

Wygenerowane zasoby obrazów w programie Photoshop
Wygenerowane zasoby obrazów

Określanie parametrów jakości i rozmiaru

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.

Parametry zasobów JPEG

  • 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.

Uwaga:

Jak widać, żądany rozmiar obrazu wyjściowego można określić przy użyciu połączenia jednostek i pikseli. Na przykład nazwa warstwy 4in x 100 Rounded_rectangle_3.jpg jest poprawna w kontekście generowania zasobów.

Parametry zasobów PNG

  • 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.

Uwaga:

Jak widać, żądany rozmiar obrazu wyjściowego można określić przy użyciu połączenia jednostek i pikseli. Na przykład nazwa warstwy 4in x 100 Rounded_rectangle_3.png jest poprawna w kontekście generowania zasobów.

Parametry zasobów GIF

  • 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.

Uwaga:

Jak widać, żądany rozmiar obrazu wyjściowego można określić przy użyciu połączenia jednostek i pikseli. Na przykład nazwa warstwy 4in x 100 Rounded_rectangle_3.gif jest poprawna w kontekście generowania zasobów.

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

Tworzenie złożonych nazw warstw

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%)

Przykłady skalowania bezwzględnego

Dobre przykłady skalowania bezwzględnego

  • 100x80 foo.png (proste skalowanie bezwzględne)
  • 80 x 100px foo.png (odstępy między długościami)
  • 4in x100 foo.png (jednostki w połączeniu z brakiem jednostek)
  • 90mm x120cm foo.png (różne jednostki)
  • 100x? foo.png (symbol wieloznaczny)
  • ?x60in foo.png (symbol wieloznaczny na początku)

Złe przykłady skalowania bezwzględnego

  • 100x100foo.png (brak spacji przed nazwą pliku)
  • 80x100 60% foo.png (połączenie skalowania względnego i bezwzględnego)
  • 50% 80x100 foo.png (połączenie skalowania względnego i bezwzględnego)
  • 20in cm x50cm foo.png (wiele jednostek)
  • 30nm x20 nano.png (nieprawidłowa jednostka)

Formatowanie i rozdzielanie wielu plików

Dobre przykłady

  • Warstwa 1.png (dozwolony odstęp w nazwie pliku — rozpoznawane jako jeden plik o nazwie „Warstwa Layer 1.png”)
  • Warstwa 1.png,Warstwa 2.jpg (przecinek jako separator)
  • Warstwa 1.png, Warstwa 2.jpg (przecinek ze spacjami jako separator)
  • Warstwa 1.png+Warstwa 2.jpg (znak plus jako separator)
  • Warstwa 1.png + Warstwa 2.jpg (znak plus ze spacjami jako separator)

Cała składnia razem

100% smaku, 42% Warstwa 1.png24 + 100x100 Warstwa.jpg-90% , 250% Quux/Foo Bar Baz.gif — generuje trzy pliki, przy czym ciąg „100% smaku” jest ignorowany, gdyż nie jest nazwą pliku:

  • Warstwa 1.png w skali 42% jako 24-bitowy plik PNG
  • Warstwa.jpg w rozmiarze bezwzględnym 100x100 pikseli, jako plik JPG o jakości 90%
  • Foo Bar Baz.gif w podfolderze Quux w skali 250% jako plik GIF

Określanie ustawień domyślnych zasobów

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:

default hi-res/

Wszystkie zasoby obrazów zostaną wygenerowane w podfolderze o nazwie hi-res. Na przykład [folder_zasobów]/hi-res/Smakołyk.jpg.

default hi-res/@2x

Wszystkie zasoby obrazów zostaną wygenerowane w podfolderze o nazwie hi-res. Dodatkowo do nazw zasobów zostanie dodany przyrostek @2x. Na przykład [folder_zasobów]/hi-res/Smakołyk@2x.jpg.

default 50% lo-res/

Wszystkie zasoby obrazów zostaną zmniejszone o 50% i zapisane w podfolderze lo-res w folderze zasobów dokumentu

default hi-res/@2x + 50% lo-res/

Generuje dwa zasoby obrazów z jednej warstwy:

  • W podfolderze hi-res generowany jest zasób obrazu, którego nazwa kończy się tekstem @2x.
  • W podfolderze lo-res generowany jest zasób obrazu zmniejszony o 50%
    .
Uwaga:

Domyślne współczynniki skalowania są zastępowane współczynnikami określonymi dla poszczególnych warstw.

Wyłączanie generowania zasobów obrazów dla wszystkich dokumentów

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.
Uwaga:

Polecenie Plik > Automatyzacja > Wtyczki generatorów nie jest dostępne, gdy funkcja generowania zasobów obrazów jest wyłączona w oknie Preferencje. Można ponownie włączyć tę funkcję w oknie dialogowym Preferencje.

Menu Wtyczki generatorów

W wersjach programu sprzed lipca 2024 r. (wersji 25.11 na komputer) wtyczki generatorów były dostępne w menu Plik > Generuj.

Obecnie wtyczki generatorów, w tym domyślna wtyczka Zasoby obrazów, znajdują się w menu Plik > Automatyzacja > Wtyczki generatorów.Ta zmiana została wprowadzona w celu poprawienia czytelności nazwy menu i odróżnienia jej od nowych funkcji generowania, takich jak Generowanie obrazu.

Często zadawane pytania

Nazwy zasobów muszą być niepowtarzalne na poziomie dokumentu.

Zasoby JPG 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).

Tak. Przezroczystość i inne efekty zastosowane do warstwy są odzwierciedlane w zasobach generowanych z danej warstwy. Efekty te mogą jednak zostać spłaszczone w generowanych zasobach.

Zasoby są przycinane do obramowania dokumentu. Jeśli obraz nie jest wewnątrz obramowania dokumentu, Generator nie tworzy skojarzonych z nim zasobów obrazu.

Oprócz przecinka (,) można oddzielać nazwy zasobów obrazów symbolem plus (+). Na przykład:

42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%

Ten sam wynik da następujący zapis:

42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%

Więcej materiałów tego typu

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?