18 Photoshop CS4 Layer Comps – zostań mistrzem.pdf

(4618 KB) Pobierz
54
I D
P S
Ai
Fl D W
F W
Ct A E
Pr Sb O L
En Br
Photoshop CS4
Layer Comps
– zostań
mistrzem
Często w trakcie tworzenia
dowolnej pracy graficznej,
prezentacji multimedialnej
czy strony internetowej
zachodzi konieczność
przygotowania kilku
niezależnych projektów
graficznych
01 Otwieramy dowolny projekt
przygotowany za pomocą Photoshopa.
Aby w pełni wykorzystać potencjał,
jaki niesie wykorzystanie narzędzia
Layer Comps, dobrze mieć pracę
złożoną z dużej liczby warstw. Naturalnie
w tym momencie mamy przygotowany
jedynie pojedynczy projekt. Dzięki
użyciu kompozycji warstw przygotujemy
kolejne.
Naturalnie, nie jest to jakiś szczególnie
skomplikowany zabieg, zajmuje jednak trochę czasu
i dodatkowo wymaga nieco miejsca na dysku, by w od-
powiednim porządku przechowywać wielowarstwowe
pliki PSD, które pozwalają na łatwe dokonywanie
zmian, jeśli zażyczy sobie tego nasz klient.
Tworzenie kilku wstępnych wersji projektu
jest związane zazwyczaj z powielaniem jego podstawo-
wych elementów oraz warstw w kolejnych plikach PSD.
W każdym z nich zapisujemy zwykle inny układ warstw,
pozostawiając jednak teksty czy logotypy w ich oryginal-
nej postaci – te bowiem nie ulegają istotnej modyfikacji.
Wszystko to sprawia, że praca staje się bardzo powta-
rzalna i nudna, a sam proces projektowania odchodzi
niejako na boczny tor. Pracując w ten sposób, kolejny projekt wraz z pełnym zestawem warstw zapisujemy pod inną nazwą i dopiero wówczas
wprowadzamy odpowiednie modyfikacje. Pomijając fakt, że niekiedy całkowicie nieświadomie możemy nadpisać jedną z przygotowanych
wcześniej wersji, to dodatkowo marnujemy w ten sposób całkiem sporo miejsca na naszych dyskach, zapisując wciąż te same elementy.
Problem czy może raczej niedogodność tę doskonale rozwiązuje użycie palety/narzędzia o nazwie Layer Comps, czyli kompozycji
warstw w polskiej wersji Photoshopa. Layer Comps pozwala bowiem, aby w jednym pliku PSD zapisać kilka różnorodnych wersji tego samego
projektu. Jest to niezwykle wygodne, przyspiesza projektowanie i znacznie oszczędza miejsce na dysku. W ten sposób
nie tylko główne elementy projektu nieulegające modyfikacji występują tylko raz w pojedynczym pliku Photoshopa, ale
także pozostałe elementy graficzne nie są już kopiowane do osobnych plików PSD.
Co ważne, użycie Layer Comps eliminuje także problem niezamierzonej utraty materiałów źródłowych. Jakże
często klient w ostatniej chwili wybierał inną wersję projektu, akurat tę, którą właśnie usunęliśmy z naszego dysku lub
nawet nie zapisaliśmy. Dzięki użyciu kompozycji warstw wszystkie elementy projektów są dostępne w pojedynczym
pliku Photoshopa i nie ma obawy o ich przypadkowe usunięcie. W rezultacie
na dysku jest zapisany tylko jeden dokument zawierający wszystkie nasze
projekty w odrębnej postaci, co znacznie zmniejsza jego zużycie, a także uła-
twia archiwizację. Paleta czy też może narzędzie Layer Comps jest dostępne
w programie Adobe Photoshop już od wersji CS2.
Layer Comp (Kompozycja warstw) to zapisany w oryginalnym doku-
mencie Photoshopa wielowarstwowy projekt, zawierający niezbędne infor-
macje o widoczności, położeniu czy stylach każdej warstwy naszego projektu.
Wszystkie niezbędne informacje zostają zapisane dzięki niewielkiej palecie
Layer Comps dostępnej w menu górnym Window.
Co niezwykle ważne, wszystkie przygotowane projekty są doskonale
widoczne w innych aplikacjach firmy Adobe. Używając pojedynczego pliku
PSD, możemy z łatwością wskazać odpowiednią kompozycję/projekt, jaki
chcemy wykorzystać do dalszej pracy w InDesignie czy Illustratorze.
02 Za pomocą polecenia
Window>Layer Comps otwieramy niewiel-
ką paletę o tej samej nazwie a następnie
za pomocą niewielkiego przycisku Create
New Layer Comp tworzymy pierwszą,
startową kompozycję warstw.
Paweł
Zakrzewski
Od wielu lat
jako freelancer
oraz instruktor
związany z grafiką
komputerową,
tworzeniem stron
www i prezentacji
multimedialnych.
Posiada
certyfikaty Adobe
Community
Expert, Adobe
Certified
Expert oraz
Adobe Certified
Instructor.
Założyciel
i manager Adobe
Creative Suite
User Group In
Poland (ACSUG).
Więcej informacji
o autorze pod
adresem www.
pawelzakrzewski.pl
Umiejętności
Praca
z warstwami
w programie
Photoshop
Wykorzystanie
obiektów typu
Smart Object
Projektowanie
Wykorzystanie
plików PSD
w programie
InDesign oraz
Illustrator
Potrzebny czas
30 minut
Computer Arts
Październik 2009
www.computerarts.com.pl
793690876.224.png 793690876.233.png 793690876.244.png 793690876.255.png 793690876.001.png 793690876.012.png 793690876.018.png 793690876.024.png 793690876.030.png 793690876.036.png 793690876.045.png 793690876.056.png 793690876.067.png 793690876.078.png 793690876.087.png
 
793690876.098.png 793690876.109.png 793690876.130.png 793690876.151.png 793690876.163.png 793690876.174.png 793690876.192.png 793690876.212.png 793690876.213.png 793690876.214.png 793690876.215.png 793690876.216.png 793690876.217.png 793690876.218.png 793690876.219.png 793690876.220.png 793690876.221.png 793690876.222.png 793690876.223.png 793690876.225.png 793690876.226.png 793690876.227.png 793690876.228.png 793690876.229.png 793690876.230.png 793690876.231.png 793690876.232.png 793690876.234.png 793690876.235.png 793690876.236.png 793690876.237.png 793690876.238.png 793690876.239.png 793690876.240.png 793690876.241.png 793690876.242.png 793690876.243.png 793690876.245.png 793690876.246.png 793690876.247.png 793690876.248.png 793690876.249.png 793690876.250.png 793690876.251.png 793690876.252.png 793690876.253.png 793690876.254.png 793690876.256.png 793690876.257.png 793690876.258.png 793690876.259.png 793690876.260.png 793690876.261.png 793690876.262.png 793690876.263.png
 
Technika
55
Akademia Adobe CS4
03
W oknie dialogowym New Layer Comp mamy możliwość określenia
elementów, jakie zostaną zapisane w bieżącym układzie. W większości przypad-
ków bardzo korzystne jest, aby zaznaczyć tu wszystkie dostępne opcje. W ten
sposób w pojedynczej kompozycji/projekcie zapisane zostaną: styl, widoczność
oraz położenie każdej warstwy. Warto zwrócić uwagę na fakt, że w oknie Layer
Comps nie ma możliwości zapisania informacji o przekształceniach i filtrach
samej warstwy. Naturalnie, aby ułatwić sobie rozróżnianie kolejnych projektów,
warto używać opisowych nazw.
04
Wykorzystując wszystkie elementy naszej pracy
oraz wszelkie dodatkowe elementy graficzne i warstwy,
tworzymy kolejny projekt. Edytujemy widoczność warstw,
ich położenie, dodajemy nowe style. Niestety, nie możemy
bezpośrednio wprowadzać zmian wielkości. Takie działanie
mogłoby doprowadzić do zmiany wielkości danej warstwy
we wszystkich projektach.
05
Aby dokonać modyfikacji
rozmiaru warstwy konieczne jest jej
powielenie. W tym celu możemy łatwo
wykorzystać polecenie Ctrl+J (Cmd+J)
i szybko przenieść wybraną grafikę na
odrębną warstwę. Po wyłączeniu pod-
glądu oryginału możemy wprowadzać
dowolne zmiany na utworzonej kopii.
06
Po zakończeniu budowy
drugiego projektu, za pomocą przycisku
Create New Layer Comp dostępnego
w dolnej części palety Layer Comps
musimy zapisać kolejną wersję pracy.
Pozwoli to zachować bieżący układ
warstw tak, by za pomocą jednego
przycisku powrócić do niego w dowolnej
chwili. Do zmiany widoku aktywnej kom-
pozycji warstw możemy wykorzystać
przyciski Layer Comp lub Last Document
State widoczne po lewej stronie nazwy
danej kompozycji.
www.computerarts.com.pl
Computer Arts Październik 2009
793690876.264.png 793690876.002.png 793690876.003.png 793690876.004.png 793690876.005.png 793690876.006.png 793690876.007.png 793690876.008.png 793690876.009.png 793690876.010.png 793690876.011.png 793690876.013.png
 
793690876.014.png 793690876.015.png 793690876.016.png 793690876.017.png 793690876.019.png 793690876.020.png 793690876.021.png 793690876.022.png 793690876.023.png 793690876.025.png 793690876.026.png 793690876.027.png 793690876.028.png 793690876.029.png 793690876.031.png 793690876.032.png 793690876.033.png 793690876.034.png 793690876.035.png 793690876.037.png 793690876.038.png 793690876.039.png 793690876.040.png 793690876.041.png 793690876.042.png 793690876.043.png 793690876.044.png 793690876.046.png 793690876.047.png 793690876.048.png 793690876.049.png 793690876.050.png 793690876.051.png 793690876.052.png 793690876.053.png 793690876.054.png 793690876.055.png 793690876.057.png 793690876.058.png 793690876.059.png 793690876.060.png 793690876.061.png 793690876.062.png 793690876.063.png 793690876.064.png 793690876.065.png 793690876.066.png 793690876.068.png 793690876.069.png 793690876.070.png 793690876.071.png 793690876.072.png 793690876.073.png
56
Technika
Akademia Adobe CS4
07
W celu dodania filtra lub retuszu wybranych
elementów warstwy konieczne jest także powielenie
oryginalnej warstwy. W przeciwnym przypadku zmiany
wprowadzone na oryginale będą widoczne na warstwie
w każdym projekcie. Użycie polecenia Ctrl+J (Cmd+J)
pozwala łatwo i szybko powielić wybraną warstwę; po
wyłączeniu oryginału (ikona Oczko) możemy z powodzeniem
stosować dowolne edycje.
08
Niezbędną korektę tonalną wprowadzamy zawsze na warstwach
typu Adjustment Layer. W ten sposób możemy ją łatwo włączyć (przycisk Oczko)
lub wyłączyć w danej kompozycji. Pozwoli to uwzględnić wprowadzoną korektę
jedynie w wybranym projekcie, pozostawiając pozostałe kompozycje bez
dodatkowej edycji.
09
W podobny sposób tworzymy kolejne wersje/
kompozycje naszego projektu. Każdą z nich za pomocą
przycisku Create New Layer Comp zapisujemy pod
osobną nazwą w palecie Layers Comp. Umożliwi to nie
tylko szybki powrót do wybranej wersji, ale także ułatwi
wprowadzanie dalszych zmian.
10
Adobe Photoshop posiada szereg dodatkowych udogodnień,
doskonale sprawdzających się podczas projektowania wielu kompozycji.
W menu górnym File>Automate>Scripts znajdziemy kilka prostych skryptów,
które możemy wykorzystać do dalszej pracy. Polecenie Layer Comps to Files
umożliwia za pomocą jednego kroku zapisanie wszystkich przygotowanych
projektów w osobnych plikach graficznych, aby np. przesłać je jako propo-
zycje do Klienta. W oknie edycyjnym skryptu możemy określić oczywiście
nazwę, lokalizację oraz format zapisu naszej pracy.
Computer Arts Październik 2009
www.computerarts.com.pl
793690876.074.png 793690876.075.png 793690876.076.png 793690876.077.png 793690876.079.png 793690876.080.png 793690876.081.png 793690876.082.png 793690876.083.png 793690876.084.png 793690876.085.png
 
793690876.086.png 793690876.088.png 793690876.089.png 793690876.090.png 793690876.091.png 793690876.092.png 793690876.093.png 793690876.094.png 793690876.095.png 793690876.096.png 793690876.097.png 793690876.099.png 793690876.100.png 793690876.101.png 793690876.102.png 793690876.103.png 793690876.104.png 793690876.105.png 793690876.106.png 793690876.107.png 793690876.108.png 793690876.110.png 793690876.111.png 793690876.112.png 793690876.113.png 793690876.114.png 793690876.115.png 793690876.116.png 793690876.117.png 793690876.118.png 793690876.119.png 793690876.120.png 793690876.121.png 793690876.122.png 793690876.123.png 793690876.124.png 793690876.125.png 793690876.126.png 793690876.127.png 793690876.128.png 793690876.129.png 793690876.131.png 793690876.132.png 793690876.133.png 793690876.134.png 793690876.135.png 793690876.136.png 793690876.137.png 793690876.138.png 793690876.139.png 793690876.140.png 793690876.141.png 793690876.142.png
Technika
57
Akademia Adobe CS4
11
Gotową pracę zawie-
rającą zestaw kilku odrębnych
projektów zapisanych za pomocą
palety Layer Comps zapisujemy
w postaci typowego pliku PSD na
naszym dysku. Pozwoli to na swo-
bodne wykorzystanie go w innych
programach Adobe. Co ważne,
do dalszej pracy wykorzystamy
jedynie wybraną kompozycję.
Skalujemy z zachowaniem
jakości
Aby zachować możliwie najwyższą jakość wyko-
rzystanej grafiki, stosujmy – jeśli to możliwe – obiekty typu
Smart Object. Technika ta pozwala zachować oryginalną postać
grafiki/warstwy podczas pracy projektowej. W rezultacie każde
wprowadzone przekształcenie wielkości czy obrót wykonujemy
tylko jeden raz, co pozwala zachować maksymalną jakość na-
szej pracy. Aby przekształcić dowolną warstwę w Smart Object,
wystarczy kliknąć prawym klawiszem w jej nazwę i wskazać
polecenie Convert To Smart Object. Obiekty inteligentne pozwa-
lają także na dodawanie i edycję filtrów bez utraty oryginalnej
postaci danej warstwy.
12
Podczas pracy w programie Illustrator wywołujemy
polecenie File>Place. W oknie dialogowym wskazujemy
oryginalny plik PSD oraz dezaktywujemy opcję Link. W ten
sposób oryginalny plik PSD z Photoshopa zostanie osadzony
w naszym projekcie. W kolejnym oknie dialogowym wskazu-
jemy wybraną kompozycję oraz aktywujemy opcję (o ile jest
dostępna ze względu na charakter naszej pracy) Convert
Layers to Objects. W rezultacie w dokumencie Illustratora
zostanie osadzona grafika zapisana w wybranej kompozycji.
Co więcej, wszystkie elementy projektu stanowią teraz osobne
obiekty i w razie potrzeby możemy je łatwo edytować lub
nawet usunąć z naszej pracy.
13
W programie Adobe InDesign
importujemy plik PSD zawierający kilka
przygotowanych wcześniej projektów
w postaci kompozycji warstw. Aby
wskazać odpowiednią kompozycję,
zaznaczamy grafikę, a następnie
w górnym menu programu wskazujemy
polecenie Object>Object Layer Options.
W oknie dialogowym możemy nie tylko
wskazać, którą kompozycję chcielibyśmy
wykorzystać, ale także określić warstwy,
jakich potrzebujemy. Daje to naprawdę
rewelacyjne możliwości.
www.computerarts.com.pl
Computer Arts Październik 2009
793690876.143.png 793690876.144.png 793690876.145.png 793690876.146.png 793690876.147.png 793690876.148.png 793690876.149.png 793690876.150.png 793690876.152.png 793690876.153.png
 
793690876.154.png 793690876.155.png 793690876.156.png 793690876.157.png 793690876.158.png 793690876.159.png 793690876.160.png 793690876.161.png 793690876.162.png 793690876.164.png 793690876.165.png 793690876.166.png 793690876.167.png 793690876.168.png 793690876.169.png 793690876.170.png 793690876.171.png 793690876.172.png 793690876.173.png 793690876.175.png 793690876.176.png 793690876.177.png 793690876.178.png 793690876.179.png 793690876.180.png 793690876.181.png 793690876.182.png 793690876.183.png 793690876.184.png 793690876.185.png 793690876.186.png 793690876.187.png 793690876.188.png 793690876.189.png 793690876.190.png 793690876.191.png 793690876.193.png 793690876.194.png 793690876.195.png 793690876.196.png 793690876.197.png 793690876.198.png 793690876.199.png 793690876.200.png 793690876.201.png 793690876.202.png 793690876.203.png 793690876.204.png 793690876.205.png 793690876.206.png 793690876.207.png 793690876.208.png 793690876.209.png 793690876.210.png 793690876.211.png
Zgłoś jeśli naruszono regulamin