Professional Documents
Culture Documents
Zaawansowane techniki
pracy z warstwami
Tematyka lekcji
W tej lekcji opisano, jak:
przycina warstwy,
tworzy i edytowa warstwy korekcyjne,
tworzy efekty trjwymiarowe za pomoc filtra Vanishing Point
(Punkt zbiegu),
zarzdza warstwami,
spaszcza obraz zoony z warstw,
scala i stemplowa warstwy.
236
PhS-5-Book.indb 236
2011-01-31 17:19:44
Dysponujcpodstawowwiedznatematwarstw,
moemyprzystpidotworzeniabardziejzoonych
efektwzzastosowaniemmasekwarstw,warstw
korekcyjnych,filtrwirozmaitychstylwwarstw,
atakezwykorzystaniemwarstwpochodzcych
zinnychdokumentw.
237
PhS-5-Book.indb 237
2011-01-31 17:19:45
Rozpoczynamy prac
W tej lekcji utworzymy obraz przedstawiajcy opakowanie telefonu komrkowego.
W tym celu poczymy kilka obrazw w jeden wielowarstwowy. Dla celw prezentacji
utworzymy trzy rne wersje w formie kompozycji warstw. Praca nad tym projektem
bdzie doskona okazj do bliszego zapoznania si z warstwami korekcyjnymi, stylami
i maskami warstw oraz filtrami. Aby nabra wprawy w posugiwaniu si warstwami,
warto eksperymentowa nie ograniczajc si tylko do prezentowanych tu wicze
zczeniem rozmaitych filtrw, efektw, masek oraz innych atrybutwwarstw.
1 Uruchom Photoshopa i aby przywrci domylne ustawienia programu,
natychmiast przytrzymaj wcinite klawisze Ctrl+Alt+Shift (Windows)
lubCommand+Option+Shift (Mac OS) (zob. punkt Przywracanie ustawie
domylnych na stronie 14).
2 W oknie komunikatu, ktre pojawi si na ekranie, zatwierd przyciskiem Yes (Tak)
usunicie pliku z ustawieniami Photoshopa.
3 Na pasku aplikacji kliknij przycisk Launch Bridge (Uruchom program Bridge) ( ),
aby otworzy przegldark.
4 W panelu Favorites (Ulubione) kliknij pozycj Lessons, a nastpnie w polu
zminiaturami kliknij dwukrotnie folder Lesson09, aby zobaczy jego zawarto.
5 Zaznacz miniatur pliku 09End.psd i przyjrzyj mu si uwanie. Jeli bdzie to
konieczne, powiksz widok podgldu za pomoc suwaka w dolnej czci okna.
Celem wicze wykonywanych podczas tej lekcji bdzie zaprojektowanie opakowania
zwykorzystaniem obrazw pobranych z rnych plikw. Obrazy te uoymy wwarstwy, dodamy perspektyw i cao odpowiednio wykoczymy. Aby zaprezentowa
klientowi rne wersje, przygotujemy kilka kompozycji warstw.
6 Kliknij dwukrotnie plik 09Start.psd, aby otworzy go w Photoshopie. Wybierz
polecenie File/Save As (Plik/Zapisz jako), zmie nazw pliku na 09Working.psd
(roboczy) i kliknij przycisk Save (Zapisz). W oknie Photoshop Format Options
(Opcje formatu programu Photoshop) kliknij OK.
7 Wycignij panel Layers (Warstwy) z doku warstw i przesu go w grn cz
obszaru roboczego, a nastpnie rozcignij go, aby moliwe byo obejrzenie okoo
dziesiciu warstw bez przewijania.
238
PhS-5-Book.indb 238
2011-01-31 17:19:46
PhS-5-Book.indb 239
239
2011-01-31 17:19:47
Tak utworzony obraz przeniesiemy do pliku Start, ale wczeniej musimy spaszczy
obraz do jednej warstwy.
5 Z menu panelu Layers (Warstwy) wybierz polecenie Merge Visible (Scal widoczne).
Warstwy mona scali rwnie w inny sposb. Nie naley jednak wybiera polecenia
Flatten Image (Spaszcz obraz), bo to spowodowaoby usunicie przezroczystoci istniejcej w obrazie.
Teraz przeniesiemy obraz z jednego pliku do drugiego. Jest to bardzo atwe wystarczy go przecign i upuci.
6 Na pasku aplikacji kliknij przycisk Arrange Documents (U dokumenty) i wybierz
ukad 2 Up (2 na grze), aby widzie oba obrazy.
7 Za pomoc narzdzia Move (Przesunicie) przecignij scalon warstw Phone Art
z panelu Layers (Warstwy) na okno obrazu 09Working.psd. Warstwa ta zostanie
umieszczona nad warstw aktywn (Full Art), a wic na szczycie stosu warstw
obrazu 09Working.psd. Pudeko zostanie czciowo zakryte obrazem z telefonem.
240
PhS-5-Book.indb 240
2011-01-31 17:19:48
PhS-5-Book.indb 241
241
2011-01-31 17:19:49
242
PhS-5-Book.indb 242
2011-01-31 17:19:51
Uwaga:
Dopasowanie siatki
do cianek pudeka
nie musi by bardzo
precyzyjne.
10 Wcinij klawisze Ctrl+V (Windows) lub Command+V (Mac OS), aby wklei
zawarto schowka na utworzon siatk. To spowoduje automatyczne wczenie
narzdzia Marquee (Zaznaczanie) w oknie filtra Vanishing Point (Punkt zbiegu).
11 Za pomoc narzdzia Marquee (Zaznaczanie) ( ) przesu obrazek na rodek
przedniej paszczyzny perspektywy, aby jego wiksza cz znalaza si na gwnej
ciance pudeka, ale by rwnie zawija si na pozostae cianki. Ustawienie
obrazka na przedniej ciance ma due znaczenie dla jego uoenia na pozostaych
paszczyznach.
PhS-5-Book.indb 243
243
2011-01-31 17:19:52
Definiowanie
wasnychskrtwklawiszowych
Photoshop ma zdefiniowane skrty klawiszowe dla wikszoci narzdzi i polece,
alemoemy rwnie tworzy wasne skrty. Podczas realizowania kolejnych etapw
naszej kompozycji umiecimy w niej jeszcze kilka elementw graficznych przygotowanych w programie Adobe Illustrator. Aby przypieszy prac, zdefiniujemy skrt
klawiszowy dla polecenia Place (Umie).
1 Wybierz polecenie Edit/Keyboard Shortcuts (Edycja/Skrty klawiszowe). Zostanie
otwarte okno dialogowe Keyboard Shortcuts and Menus (Skrty klawiszowe i menu).
2 W kolumnie Application Menu Command (Polecenie menu aplikacji) kliknij
trjkcik obok pozycji File (Plik), aby rozwin jej zawarto. Przewi w d
izaznacz polecenie Place (Umie).
3 Wcinij klawisz F7, aby przypisa go jako skrt polecenia. Pojawi si ostrzeenie,
e klawisz F7 jest ju przypisany do polecenia Window /Layers (Okno/Warstwy),
sucego do otwierania i zamykania panelu Layers (Warstwy).
4 Kliknij kolejno przyciski Accept (Zakceptuj) i OK.
244
PhS-5-Book.indb 244
2011-01-31 17:19:53
Nowy element bdzie widoczny w panelu Layers (Warstwy) jako warstwa ZX-Tel logo.
Maa ikona w prawym dolnym rogu miniatury tej warstwy wskazuje, e jest to obiekt
inteligentny (ang. smart object).
6 Wybierz polecenie File/Save (Plik/Zapisz), aby zapisa rezultat
dotychczasowejpracy.
PhS-5-Book.indb 245
245
2011-01-31 17:19:54
Dodawanie grafiki
zzastosowaniemperspektywy
Dodany przed chwil tekst poddamy przeksztaceniom i stylizacji, aby wyglda bardziej
realistycznie i pasowa do perspektywy wyznaczonej przez cianki pudeka. Aby mc
skorzysta z filtra Vanishing Point (Punkt zbiegu), musimy rozpocz od konwersji
danych wektorowych obiektu inteligentnego na zwyke piksele.
1 W panelu Layers (Warstwy) kliknij prawym przyciskiem myszy (Windows) lub
kliknij przy wcinitym klawiszu Control (Mac OS) warstw ZX-Tel logo i z menu
kontekstowego wybierz polecenie Rasterize Layer (Rasteryzuj warstw). Obiekt
inteligentny zamieni si w zwyk warstw rastrow.
246
PhS-5-Book.indb 246
2011-01-31 17:19:55
6 Wcinij klawisze Ctrl+V (Windows) lub Command+V (Mac OS), aby wklei logo
napaszczyzn perspektywy, a nastpnie ustaw je na przedniej ciance pudeka.
7 Wcinij klawisze Ctrl+T (Windows) lub Command+T (Mac OS), aby wywietli
uchwyty przeksztacenia. Przecigajc te uchwyty, dopasuj logo do rozmiarw
pudeka. By moe trzeba bdzie take obrci napis.
8 Wcinij klawisz Alt (Windows) lub Option (Mac OS) i przecignij kopi logo
nagr pudeka. Po ustawieniu go we waciwym pooeniu kliknij przycisk OK.
PhS-5-Book.indb 247
247
2011-01-31 17:19:56
248
PhS-5-Book.indb 248
2011-01-31 17:19:56
PhS-5-Book.indb 249
249
2011-01-31 17:19:57
9 Dopasuj grafik Special Offer do perspektywy, postpujc tak samo jak w przypadku
grafik umieszczanych wczeniej:
250
PhS-5-Book.indb 250
2011-01-31 17:19:57
PhS-5-Book.indb 251
251
2011-01-31 17:19:59
Kompozycje warstw
Nastpnym etapem bdzie zapisanie aktualnej konfiguracji jako kompozycji warstw.
Kompozycje warstw pozwalaj w atwy sposb przecza si midzy rnymi ukadami warstw i efektw w obrbie tego samego pliku. Mona powiedzie, e kompozycja warstw jest czym w rodzaju zdjcia zrobionego przy okrelonym stanie panelu
Layers(Warstwy).
1 Wybierz polecenie Window/Layer Comps (Okno/Kompozycje warstw).
2 U dou panelu Layer Comps (Kompozycje warstw) kliknij przycisk Create New Layer
Comp (Utwrz now kompozycj warstwy). Now kompozycj nazwij Black Box
(czarne pudeko) i w polu Comment (Komentarz) wpisz krtki jej opis: 3D box,
black top and side shape with full-color art (pudeko trjwymiarowe,
czarna gra ibok pokryty kolorow grafik). Kliknij przycisk OK.
Teraz dokonamy pewnych zmian i zapiszemy nowy wygld pudeka jako kolejn kompozycj warstw.
3 W panelu Layers (Warstwy) ukryj warstwy Black Box i Shape Art oraz wcz
widoczno warstwy Full Art.
252
PhS-5-Book.indb 252
2011-01-31 17:20:00
4 U dou panelu Layer Comps (Kompozycje warstw) kliknij przycisk Create New
Layer Comp (Utwrz now kompozycj warstwy). Wpisz nazw Full Image (peny
obraz) iopis 3D box, blue top with full-color art (pudeko trjwymiarowe,
niebieska gra zkolorow grafik). Kliknij przycisk OK.
5 Porwnaj obie wersje pudeka, wczajc w panelu Layer Comps
(Kompozycje warstw) na przemian obie kompozycje.
Zarzdzanie warstwami
Kompozycje warstw to wspaniay sposb prezentowania rnych wersji opracowywanego projektu. Rwnie poyteczn jest moliwo czenia warstw w grupy wedug ich
zawartoci. W kolejnym wiczeniu zorganizujemy w ten sposb wszystkie elementy
tekstowe i graficzne.
1 W panelu Layers (Warstwy) zaznacz warstwy Special Offer, Side Box Copy
i ZX-Tel logo. W tym celu kliknij kad z nich, trzymajc wcinity klawisz
Ctrl(Windows) lub Command (Mac OS).
PhS-5-Book.indb 253
253
2011-01-31 17:20:01
2 Z menu panelu wybierz polecenie New Group from Layers (Nowa grupa z warstw).
Jako nazw grupy wpisz Box Type (tekst pudeka) i kliknij przycisk OK.
3 Wciskajc klawisz Shift, zaznacz warstwy Shadow, Shape Art i Full Art, a nastpnie
powtrz etap 2. W oknie dialogowym New Group from Layers (Nowa grupa
zwarstw) wpisz nazw grupy Box Artwork (grafika pudeka) i kliknij przycisk OK.
Grupy warstw uatwiaj porzdkowanie i zarzdzanie pojedynczymi warstwami. Grup
mona w razie potrzeby rozwin i obejrze zawarte w nim warstwy lub zwin i w ten
sposb uproci widok palety. Kolejno warstw w grupie moe by zmieniana.
4 Kliknij ikony oka obok kadej grupy warstw, aby wyczy ich widoczno,
isprawd w ten sposb, jak warstwy zostay pogrupowane. Nastpnie przywr
widoczno obu grup.
Pod wieloma wzgldami grupy warstw funkcjonuj dokadnie tak samo jak pojedyncze
warstwy. Mona je zaznacza, kopiowa, przesuwa, a nawet przypisywa im roz
maite atrybuty i maski. Kada modyfikacja grupy przenosi si na wszystkie tworzce
jwarstwy.
254
PhS-5-Book.indb 254
2011-01-31 17:20:03
Pierwsza liczba jest wielkoci obrazu drukowanego, ktra jest zbliona do rozmiaru,
jaki miaby plik w formacie Photoshopa po spaszczeniu. Liczba po prawej stronie
wskazuje przyblion wielko aktualnego pliku z wszystkimi warstwami i kanaami.
2 Wybierz polecenie Image/Duplicate (Obraz/Powiel). Utworzonej w ten sposb kopii
pliku nadaj nazw 09Final.psd i kliknij przycisk OK.
3 Z menu panelu Layers (Warstwy) wybierz polecenie Flatten Image (Spaszcz obraz).
W oknie z pytaniem, czy usun warstwy ukryte, kliknij OK.
Wszystkie warstwy obrazu 09Final.psd zostay poczone w jedn warstw ta. Teraz
obydwa rozmiary pliku widoczne w lewym dolnym rogu okna obrazku s takie same
irwne mniejszemu z tych, ktre byy wywietlane poprzednio. Zauwa, e po spaszczeniu obszary przezroczyste stay si biae.
PhS-5-Book.indb 255
255
2011-01-31 17:20:04
1 W panelu Layers (Warstwy) kliknij ikon oka obok grupy Box Type, aby j ukry.
2 Zaznacz grup Box Artwork.
3 Z menu gwnego wybierz polecenie
Layer/Merge Visible (Warstwa/Scal widoczne).
Warstwy, ktre nie s widoczne w grupie warstw,
nie zostan scalone.
4 Wybierz polecenie Edit/UndoMerge Visible
(Edycja/Cofnij Scal widoczne).
Wyprbujemy jeszcze inn metod czenia warstw
izmniejszania rozmiarw pliku.
Stemplowanie warstw
Stemplowanie warstw pozwala poczy korzyci, jakie daje spaszczenie obrazu,
zjednoczesnym zachowaniem wybranych warstw w stanie nienaruszonym. Polega ono
na umieszczeniu obrazu powstaego w wyniku scalenia w nowej warstwie i pozostawieniu oryginalnych wersji warstw scalanych. Takie rozwizanie bywa przydatne,
gdypotrzebny nam jest obraz spaszczony, a jednoczenie chcemy zachowa niektre
jego warstwy.
1 W panelu Layers (Warstwy) zaznacz grup Box Artwork.
2 Przytrzymaj wcinity klawisz Alt (Windows)
lub Option (Mac OS) i wybierz polecenie
Layer/Merge Group (Warstwa/Scal grup).
Wpanelu pojawi si nowa warstwa, ktra bdzie
zawiera efekt spaszczenia wybranych warstw.
Aby zmniejszy rozmiar pliku, moesz usun
oryginalne warstwy.
256
PhS-5-Book.indb 256
2011-01-31 17:20:04
Pytania kontrolne
1 Dlaczego warto czy warstwy w grupy?
2 Jak mona przyci warstw zgodnie z zadanym ksztatem?
3 Jak dziaaj warstwy dopasowania i jakie korzyci daje ich stosowanie?
4 Czym s style warstwy i do czego mona je wykorzysta?
5 Jakie s rnice midzy spaszczaniem, scalaniem i stemplowaniem warstw?
Odpowiedzi
1 Grupy uatwiaj organizowanie i manipulowanie warstwami. Na przykad mona
jednoczenie przesun wszystkie zgrupowane warstwy, zmieni ich cechy lub doda
donich mask.
2 Warstw, ktra ma by przycinana, naley umieci nad warstw zawierajc ksztat
tncy. Nastpnie naley zaznaczy pierwsz z nich, wcisn klawisz Alt lub Option
i klikn lini oddzielajc owe warstwy. Warstwa przycinana zostanie przesunita
w prawo, a przed jej miniatur pojawi si strzaka wskazujca w d na warstw
przycinajc.
3 Warstwy dopasowania (korekcyjne) s specjalnym rodzajem warstw Photoshopa,
wykorzystywanym do korygowania kolorw i tonw obrazu bez zmieniania
rzeczywistych pikseli. Warstwy te moemy wcza i wycza, edytowa, usuwa
imaskowa.
4 Style warstwy s konfigurowalnymi efektami specjalnymi dodawanymi do warstwy.
Pozastosowaniu styl moemy w dowolnym momencie zmodyfikowa lub usun.
5 Spaszczenie obrazu oznacza poczenie zawartoci wszystkich warstw w jedn
warstw ta. Dziki temu rozmiary pliku ulegaj znacznemu zmniejszeniu.
Scalanie umoliwia wybranie warstw przeznaczonych do spaszczenia; warstwy te s
zastpowane jedn warstw. Stemplowanie pozwala poczy korzyci wynikajce
zespaszczenia obrazu z moliwoci zachowania niektrych warstw; spaszczane
warstwy umieszczane s w nowej warstwie, a oryginalne pozostaj bez zmian.
PhS-5-Book.indb 257
257
2011-01-31 17:20:05