IDZ DO

PRZYKADOWY ROZDZIA
SPIS TRECI

KATALOG KSIEK
KATALOG ONLINE
ZAMW DRUKOWANY KATALOG

TWJ KOSZYK
DODAJ DO KOSZYKA

CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK

CZYTELNIA
FRAGMENTY KSIEK ONLINE

Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl

Adobe Photoshop CS2.

Wystarczy jedno kliknicie!
Autor: Jack Davis
Tumaczenie: Wojciech Pazdur
ISBN: 83-7361-747-7
Tytu oryginau: The Adobe Photoshop CS2
One-Click Wow! Book
Format: 195195, stron: 128

Jeden obraz jest wart tysic sw. Wystarczy rozejrze si dookoa, eby zobaczy
mnstwo wspaniaych fotografii i rysunkw zdobicych niemal kad witryn, okadk
czy ulic... Ale jak przemwi obrazem? Twrca, oprcz talentu i wiedzy, potrzebuje
doskonaych narzdzi, by urzeczywistni artystyczn wizj. To dziki nim powstaje
ten pikniejszy wiat, ktry ogldamy kadego dnia.
Ksika Adobe Photoshop CS2. Wystarczy jedno kliknicie! pozwala odkry
prawdziw magi tego programu. Niezalenie od tego, czy jeste ekspertem,
czy dopiero zaczynasz przygod z Photoshopem, znajdziesz w niej przydatne
wskazwki i cenne porady. Autor doradza, jak usprawni prac, zarzdza projektem
oraz szybciej osign zamierzony rezultat. Na doczonym CD-ROM-ie znajduj si
dodatkowe wiczenia oraz setki przydatnych narzdzi, dziki ktrym oszczdzisz
czas i zadziwisz odbiorc efektami specjalnymi. A zatem do dziea!
W ksice midzy innymi:
Praca z warstwami: definiowanie, przypisywanie, kopiowanie
Zarzdzanie projektem: skalowanie, wyostrzanie, redukcja wielkoci pliku
Wykorzystanie stylw w poczeniu z maskami
Stosowanie pdzli: tworzenie wzorw i ramek
Obiekty wektorowe: narzdzia, ksztaty, praca z tekstem
Magia efektw: chrom, szko, drewno, cienie, powiaty, wytoczenia
i wiele innych
Usprawnianie pracy dziki wykorzystaniu palety Actions

Spis treci

Jak korzysta z tej ksiki

i doczonego do niej CD-ROM-u?

Ksika opisuje sposoby wykorzystania setek

narzdzi znajdujcych si na CD-ROM-ie.

Wprowadzenie

Nie moesz si doczeka, by zacz? Tutaj dowiesz si

wszystkiego, co jest potrzebne na pocztek.

Galeria stylw

Obok przedstawiamy kilka przykadw tego,

co mona uzyska przy uyciu 21 zestaww stylw
z CD-ROM-u doczonego do ksiki.

1. PRACA ZE STYLAMI WARSTW

12

Co to jest styl warstwy?

13

Style pozwalaj byskawicznie (!) poprawi wygld zdjcia,

napisu czy grafiki poprzez naoenie na nie koloru, tekstury,
cienia, ramki lub jednego z dziesitek innych ozdobnikw.

Interaktywne style do przyciskw

14

Magiczne style warstw

15

Po naoeniu stylu na warstw atwo zarwno zmienia

zawarto warstwy, jak i modyfikowa sam styl.
Skalowanie stylw
Dopasowywanie stylw
Kopiowanie i wklejanie stylw
Wykorzystanie stylw w poczeniu z maskami
Praca ze stylami w Image-Ready

Rozdzielczo i zapisywanie plikw

16
18
20
21
23

24

Aby utrzyma moliwoci edycji obrazw, naley

zachowywa je wraz z zachowaniem podziau na warstwy,
razem ze stylami, w plikach wasnego formatu programu
Photoshop.

wiczenia ze stylw warstw

28

W niniejszym podrozdziale nauczymy si, jak skonfigurowa

program Photoshop do pracy ze stylami, nakada style,
zmienia style, kopiowa i wkleja style, konwertowa to
w taki sposb, by moliwe byo nakadanie na stylw,
zamienia style, skalowa style, zapisywa biblioteki stylw,
zmienia zawarto warstw bez zmiany stylw, stosowa
style z mechanizmem rollover w programie ImageReady.

Photoshop_WOW.indd vi

2006-06-04 19:44:46

2. STYLE DO FOTOGRAFII

33

Galeria zdj

34

Przykady wykorzystania
stylw do fotografii

38

Style zmieniajce wygld krawdzi

Style do tworzenia ramek
Style do przebarwiania i postarzania zdj
Style z kolorowymi nakadkami
Style do poprawy jakoci zdj
Style do tworzenia efektw ziarna filmu,
szumu i mezzotinty
Style z teksturami ptna, papieru i innymi

38
40
42
44
46
48
50

3. STYLE DO TEKSTW I KSZTATW

52

Galeria napisw i ksztatw

53

Nastpnych kilka stron ilustruje magiczne efekty,

ktre mona uzyska stylami wymienionymi na stronach
od 58. do 81. (niektre style zostay przeskalowane,
aby lepiej pasoway do rysunkw uytych jako przykady).
Efekty chromowania
Metale
Szko, ld, krysztay
Kamienie szlachetne
Plastiki
Drewno
Kamienie, cegy, mineray
Materiay organiczne
Wzorki i tkaniny
Kontury i wypenienia
Cienie, powiaty, wytoczenia
wiata i neony
Style do tworzenia przyciskw

Photoshop_WOW.indd vii

58
60
62
64
66
68
70
72
74
76
78
80
82

4. INNE PRZYDATNE NARZDZIA

84

Jak uywa ksztatw wektorowych

85

Galeria ksztatw i stylw

86

Wariacje na temat paneli tekstowych

88

2006-06-04 19:44:48

Wariacje na temat ramek owalnych

i prostoktnych

90

Wariacje na temat ramek nieregularnych 92

Jak uywa zestaww pdzli?

93

Tworzenie ramek za pomoc pdzli

96

Galeria malarska

98

Przedstawione tu obrazy powstay przy uyciu pdzli

z zestaww Wow-Pattern Stamp Brushes i Wow-Art History
Brushes opisanych na stronach 100. i 101. oraz technik,
o ktrych piszemy na stronach od 93. do 95.

Galeria obrazw malowanych narzdziami

Pattern Stamp i Art History Brush
100
Przedstawione tutaj obrazy z jabkiem powstay na podstawie
poniszego zdjcia, przy uyciu narzdzi z zestaww
Wow-Pattern Stamp Brushes i Wow-Art History Brushes.

Przykady wzorkw

102

Do niniejszej ksiki doczono zestaw ponad 150 cyklicznie

powtarzajcych si wzorkw podzielonych na 6 zestaww.
Na tej i na nastpnej stronie moesz obejrze 36 przykadw
rnych wzorkw z tej kolekcji.

Wykorzystanie pdzli korygujcych

104

Wykorzystanie zada

105

Przykady wykorzystania zada

106

Efekty gradientowe

108

Gradienty z zestawu Wow-Gradients mog by uywane

do wypeniania napisw lub ksztatw bd do tworzenia
te obrazkw.

SKOROWIDZ

Photoshop_WOW.indd viii

110

2006-06-04 19:44:48

wic najprociej, styl warstwy to funkcja

zmieniajca wygld warstwy, ktr mona przypisa zdjciu, napisowi czy elementowi
graficznego za pomoc jednego kliknicia na
palecie Styles (Style). Oto kilka przykadw
zaawansowanych efektw uzyskanych po uyciu stylw zawartych na pycie. Aby uzyska podobne efekty, nie korzystajc przy tym ze stylw
warstwy, trzeba by powici sporo czasu oraz
wysiku i posiada odpowiednie umiejtnoci.

M
Co to
jest styl
warstwy?
Style pozwalaj
byskawicznie (!)
poprawi wygld
zdjcia, napisu
czy grafiki poprzez
naoenie na nie
koloru, tekstury,
cienia, ramki lub
jednego z dziesitek
innych ozdobnikw.

Styl moe powodowa zamian kolorystyki obrazu,

na przykad przez czciowe pokrycie gradientem
w kolorze sepii (Wow-Tint FX 01) lub zwikszenie
gbi koloru i kontrastu (Wow-Darkroom 04).

o przygotowania kolekcji stylw znajdujcych

si na CD-ROM-ie doczonym do ksiki posuyy nastpujce efekty:

cie, ostry lub agodny;

cie wewntrzny, tworzcy efekt rzebienia
przeksztacanych obiektw;
efekt arzenia si krawdzi, powodujcy ich rozszerzenie na zewntrz bd do wntrza obrazu;
cite krawdzie, szerokie i wskie, o naronikach ostrych i zaokrglonych;
nakadki pojedynczych kolorw, gradientw
i wzorkw, powodujce zmiany, a nawet przesonicie zdjcia, napisu czy elementu graficznego;
efekt przezroczystoci, dziki ktremu przetwarzany obraz mona uczyni czciowo lub cakowicie przejrzystym;
tekstury, ktre tworz wypukoci i wgbienia
na powierzchni obrazu;
obrysy take wielokolorowe ktre pozwalaj podkreli kontury obrazu;
nakadka satynowa, ktra pozwala uzyska
efekty odbicia i rozproszenia wiata.
Za pomoc stylu warstwy Wow-Gems 02
mona przeksztaci szare koo w perowo-kamienn pastylk. Ten sam efekt
mona uzyska bez zastosowania stylu,
tworzc 11-warstwowy obraz wedug
schematu ukazanego z prawej strony,
wykorzystujc szare koo jako podstawowy element grupy wycinajcej. Wybr
jednego z tych dwch rozwiza jest
chyba oczywisty!

X Osobna ksika oraz

CD-ROM Adobe
Photoshop Elements
One-Click Wow!
zawieraj narzdzia
i ich opisy przeznaczone
specjalnie dla programu
Adobe Photoshop Elements
Styl moe modyfikowa krawdzie zdj, co mona
wykorzysta do stylizacji zdj, na przykad nowoczesnej obwdki (Wow-Edges 05) czy te starowieckiej
drewnianej ramki (Wow-Frame 05).

Styl pozwala zamieni prosty napis czy element graficzny w realistycznie wygldajcy obiekt materialny,
na przykad ze stali (Wow-Metal 17) czy przezroczystego, niebieskiego plastiku (Wow-Plastic 08).

Bevel Shadow cie cicia

Bevel Highlight odblask cicia
Inner Shadow cie wewntrzny
Inner glow arzenie wewntrzne
Satin nakadka satynowa
Color Overlay nakadka koloru
Pattern Overlay nakadka wzorka
Oryginalne, szare koo
Outer Glow arzenie zewntrzne
Drop Shadow cie
Background to

CO TO JEST STYL WARSTWY?

Photoshop_WOW.indd 13

13

2006-06-04 19:45:50

tyle mona stosowa w programie ImageReady w taki sam sposb jak w Photoshopie. Jednake ImageReady pozwala
dodatkowo korzysta ze stylw z wbudowanym mechanizmem rollover, ktre zapewniaj ekranow aktywno przyciskw
umieszczanych na stronach internetowych
oraz w innych, interaktywnych interfejsach.
Style te zawieraj ustawienia kolorw, wymiarw oraz kod JavaScriptu konieczne do
tego, by przyciski na ekranie zmieniay swj
wygld, gdy uytkownik wskae je wskanikiem. Style z zestawu Wow-20 Button
Styles, ktrych nazwy zawieraj fraz All
Three, to style z mechanizmem rollover.
Kady utworzony przy ich uyciu przycisk
moe przyjmowa jeden z trzech stanw zilustrowanych poniszymi rysunkami.

Interaktywne S
style do
przyciskw
X W cz stylw przeznaczonych
do przyciskw wbudowany zosta
kod JavaScriptu, ktry powoduje,
e przycisk zmienia si, gdy ustawiony
zostanie nad nim wskanik myszy
(jest to tzw. mechanizm rollover).
Jeli chcesz zobaczy tre kodu,
kliknij przycisk Preview in Default
Browser (Podgld w domylnej
przegldarce) znajdujcy si u dou
palety narzdziowej (Tools)
programu ImageReady.

Kiedy odwiedzajcy klika przycisk, uaktywniany

jest stan Down, ktry sygnalizuje, e kliknicie
zostao zarejestrowane i uruchomio okrelone
dziaanie

tyle z zestawu Wow-20 Button Styles

oferuj szeroki wybr wzorw przyciskw w stanie Normal. Stan Over polega
zwykle na rozwietleniu przycisku, za w stanie Down przyciski wygldaj na wcinite
w powierzchni, na ktrej s umieszczone.

Przycisk w stanie Normal oczekuje na dziaanie

uytkownika odwiedzajcego witryn

Normal

Over

Down

Gdy odwiedzajcy ustawia wskanik myszy

nad przyciskiem, ten przechodzi w stan Over.
Zmiana stanu zachodzi w taki sposb, by zasygnalizowa, e jego kliknicie spowoduje jakie
zdarzenie

14

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 14

2006-06-04 19:45:53

Magiczne
style
warstw
Po naoeniu stylu
na warstw atwo
zarwno zmienia
zawarto warstwy,
jak i modyfikowa
sam styl.

tyle warstw zapewniaj ogromn elastyczno! Kiedy naoymy styl na warstw, dostosuje si on do zmian wprowadzonych w jej
zawartoci.

rogram pozwala nie tylko zmienia zawarto

warstw z przypisanymi stylami, ale rwnie
zamienia style na inne lub modyfikowa ich pojedyncze atrybuty.

Jeli naoymy styl (w tym przykadzie jest to

Wow-Metals 06) na warstw napisu, a pniej
zmienimy czcionk, styl zostanie zachowany

Styl Wow-Chrome 10 zosta naoony (u dou)

na napis, zastpujc styl Wow-Metals 06

programie ImageReady style z mechanizmem rollover rwnie dopasowuj si

o zmian ksztatu elementw graficznych, co pozwala modyfikowa ksztat przyciskw przy zachowaniu waciwoci graficznych stylu i interaktywnoci.

W
X Aby usun styl z warstwy,
wystarczy klikn prawym
przyciskiem myszy (Windows)
lub klikn z wcinitym
klawiszem Ctrl (Mac OS)
ikon obok jej nazwy na
palecie Layers (Warstwy)
i z otwartego menu podrcznego
wybra polecenie Clear
Layer Style (Wyczy styl
warstwy). Mona te uy
ikony Clear Style (Wyczy
styl) znajdujcej si u dou
palety Styles (Style).

Tekst mona edytowa, a styl dopasuje si do

wprowadzonych zmian

Jeli zmienimy ksztat elementu graficznego, styl

(w tym przypadku Wow-Metals 19) citych krawdzi i odblaskw dopasowuje si do nowej formy

Styl interaktywny Wow Button 03-All Three zosta

naoony na cztery identyczne przyciski, na czterech
rnych warstwach. Przyciski widoczne na rysunku
znajduj si w stanie Normal, a ramki wok nich
wyznaczaj obszary aktywne

Gdy rysujemy lub malujemy na warstwie, na ktr

uprzednio naoony zosta styl, jest on (w tym
przypadku styl Wow-Plastic 07) automatycznie
nakadany na nowo tworzone elementy warstwy

Po rozcigniciu przyciskw styl dopasowa si

do ich nowego ksztatu, podobnie jak ramki
obszaru aktywnoci
MAGICZNE STYLE WARSTW

Photoshop_WOW.indd 15

15

2006-06-04 19:45:53

Skalowanie
stylw
Aby dopasowa styl
warstwy do wielkoci
wybranego obrazu,
musimy przeskalowa styl.
X Kady styl warstwy zapamituje
ustawienia rozdzielczoci pliku,
w ktrym zosta utworzony. Style
z zestaww doczonych do niniejszej
ksiki przygotowane zostay
z rozdzielczoci 225 pikseli/cal
(pixels/inch). Cho style te mona
wykorzystywa w plikach o innej
rozdzielczoci, to jednak oczekiwane
rezultaty najatwiej uzyska w tych
plikach, ktrych rozdzielczo jest
taka sama. Rozdzielczo obrazu
mona zmieni, w aden sposb
nie zmieniajc jego zawartoci.
Wystarczy wybra polecenie Image/
Image Size (Obrazek/Wielko
obrazka), wyczajc funkcj
Resample Image (Metoda
ponownego prbkowania)
i wpisujc 255 w polu Resolution
(Rozdzielczo). Procedura ta
opisana jest take w podrozdziale
Wprowadzenie
na stronach od 3. do 5.

ardzo prawdopodobne jest, e po naoeniu stylu konieczne okae si jego

przeskalowanie. Wynika to std, e styl moe
wyglda rnie w zalenoci od gruboci linii
tworzcych rysunek, gruboci czcionki czy te
wielkoci zdjcia.

1. Nakadanie stylu
Pierwsz czynnoci jest naoenie stylu na
warstw przy uyciu metody opisanej w podrozdziale Wprowadzenie, na stronach od 3.
do 5. lub przez jego skopiowanie i wklejenie,
o czym bdziemy mwi w podrozdziale Kopiowanie i wklejanie stylw na stronie 20.

Wspaniay portret babci

wymaga umieszczenia
w ramce
Jednak ramka
i obwdka, ktre
pojawiy si po
naoeniu stylu
Wow-Frame 03,
zasaniaj zbyt du
cz fotografii.
Sytuacja wymaga wic
przeskalowania stylu

2. Skalowanie
Klikamy prawym przyciskiem myszy (Windows) lub wciskamy klawisz Ctrl (Mac OS)
i klikamy ikon widoczn z prawej strony nazwy warstwy, na palecie Layers (Warstwy),
po czym wybieramy polecenie Scale Effects
(Skaluj efekty) z menu podrcznego. Powoduje to otwarcie okna dialogowego Sca16

le Layer Effects (Skaluj efekty warstw).

Klikamy ikon trjkta obok symbolu %, co
powoduje wywietlenie suwaka. Chwytamy
i przecigamy suwak, regulujc w ten sposb
szeroko ramki. Istnieje te moliwo okrelenia jej wielkoci przez wpisanie wartoci
procentowej, zgodnie z sugestiami zawartymi
w poniszej uwadze.

Z poziomu menu
podrcznego
otwieramy okno
dialogowe Scale Layer
Effects (Skaluj efekty
warstw), a nastpnie
zmieniamy skal
efektu na 50%,
znacznie poprawiajc
wygld ramki

Uwaga: Nakadajc style warstw zawierajcych wzorek lub tekstur, musimy wzi pod
uwag kilka istotnych wskazwek.
Po pierwsze, niektre ustawienia skali efektu pozwalaj szczeglnie dobrze zachowa
ostro i wyrazisto wzorka lub tekstury (kady styl zawierajcy wzorek bd
tekstur oznaczony jest gwiazdk (*) na
kocu nazwy, przykady s przedstawione
na stronach od 48. do 51. oraz od 60. do
83.). Jeli si upewnimy, e rozdzielczo
przetwarzanego obrazu wynosi 225 pikseli
na cal (patrz poprzednia wskazwka), to
optymalnymi ustawieniami skali s 25%,
50%, 100% (bez skalowania) oraz 200%.
Jeeli adne z tych ustawie nie zapewnia

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 16

2006-06-04 19:45:54

oczekiwanych rezultatw, moe okaza si na

przykad, e dopasowanie szerokoci ramki
do fotografii moliwe jest wycznie kosztem
zmikczenia wzorka lub tekstury (style, ktre
nie zawieraj wzorkw ani tekstur, nosz nazwy bez gwiazdki na kocu. To za oznacza, e
nakadajc je, nie musimy przejmowa si ustawieniami skali).

X Moliwe, e w wyniku
nadmiernego zmniejszenia
skali stylu niektre jego
elementy ulegn zatarciu
na przykad jeeli
wybralibymy zbyt niskie
ustawienie Scale (Skala)
w oknie dialogowym Scale
Layer Effects (Skaluj
efekty warstwy), po
czym zamknlibymy okno,
klikajc przycisk OK, to
cicie krawdzi lub cie
obrazka mgby sta si
niewidoczny. Ponadto
zbyt dua redukcja skali
obrazu moe uniemoliwi
przywrcenie mu
dotychczasowej wielkoci.
Jeli tak si zdarzy,
wystarczy ponownie naoy
styl i przeskalowa obraz,
tym razem jednak nie tak
drastycznie.

72 pikseli/cal

150 pikseli/cal

225 pikseli/cal

300 pikseli/cal

Przeskalowanie stylu Wow-Frame 03 do

48% powoduje zamazanie wzorka (u gry),
natomiast po zmianie skali do 50% rysunek
ten zachowuje ostro

Po drugie, redukcja skali stylu zawierajcego tekstury lub wzorki moe spowodowa, e
miejsca czenia kafelkw wzorka stan si
bardziej widoczne. Jeli na przykad przyjrzymy
si dokadnie portretowi babci w ramce (strona
16.), to si przekonamy, e powtarzalny wzorek widoczny jest bardziej w ramce utworzonej
w punkcie 2. ni w 1., kiedy to styl zosta naoony przy ustawieniu skali 100%.
styl z pyty CD doczonej do tej ksiki
Jeli
naoymy na obraz o rozdzielczoci innej ni

225 pikseli na cal, wwczas uzyskane rezultaty

mog by odmienne ni te, ktre prezentowane s
w ksice. Oto kilka przykadw stylu Wow-Frame 03, ktry naoony zosta na cztery kopie tego
samego obrazu, ale o rnych rozdzielczociach.

Zwrmy uwag na to, e zmiana rozdzielczoci

obrazu w celu zmiany skali stylu nie jest rozwizaniem najlepszym. Znacznie efektywniejsz
jest metoda skalowania opisana w punkcie 2.
na stronie 16. Gdy chcemy jednak naoy styl
z zestaww opisywanych w tej ksice na obraz o
rozdzielczoci innej ni 225 pikseli na cal, wyprbujmy wymienione poniej ustawienia skali, ktre definiujemy w oknie dialogowym Scale Layer Effect (Skaluj efekty warstw). Uatwi one
zachowanie ostroci wzorkw i tekstur. Wspczynniki wyrnione pogrubieniem czcionki daj
te same rezultaty co domylne ustawienie 100%
w przypadku obrazu o rozdzielczoci 225 pikseli na cal (warto przypomnie, e nakadajc style bez wzorkw i tekstur, nie trzeba martwi si
ustawieniami skali).
72 pikseli/cal: 78%, 156%, 312%, 624%
150 pikseli/cal: 75%, 150%, 300%
300 pikseli/cal: 75%, 150%, 300%

SKALOWANIE STYLW

Photoshop_WOW.indd 17

17

2006-06-04 19:45:56

iedy nie moemy znale w kolekcji doczonej

do ksiki takiego stylu, ktry w peni speniaby nasze oczekiwania, moemy wykorzysta inny,
najbardziej zbliony, i go zmodyfikowa. Miejscem,
w ktrym dokonujemy zmian stylw naoonych na
warstwy, jest okno dialogowe Layer Style (Efekty).

Dopaso- K
wywanie
stylw

Okno dialogowe Layer Style (Efekty) (widoczne poniej) otwieramy,

dwukrotnie klikajc ikon widoczn
po prawej stronie nazwy stylizowanej warstwy, na palecie Layers
(Warstwy). Podobny rezultat mona osign, dwukrotnie klikajc
jeden z efektw u dou rozwinitej
palety Layers (Warstwy)

Photoshop
pozwala zmienia
skadniki
nakadanych
stylw, a nawet
wzbogaca je
o nowe efekty.
Tak zmodyfikowane
style mona
zapisywa
i zachowywa
do dalszego
wykorzystania.

X Celem niniejszej ksiki

jest zaprezentowanie
moliwoci, jakie daj
style z kolekcji zawartej
na doczonej pycie
CD-ROM, a take
sposobw ich
wykorzystania.

Oprcz efektw, style warstw

oferuj opcje mieszania,
ktre decyduj o sposobie
interakcji stylu i warstwy
z innymi warstwami oraz
maskami

18

i Inner Glow (Blask wewntrzny) po wewntrznej

stronie krawdzi; (2) Inner Glow zawsze rozcigany
jest rwnomiernie we wszystkich kierunkach, natomiast pooenie cienia mona dowolnie zmienia.

Styl Wow-Frame 07
wykorzystuje typowy
efekt ciemnego cienia
(Drop Shadow)

Styl Wow-Glow 02, dziki

purpurowemu cieniowi wywietlanemu w trybie Screen
(Mnoenie odwrotnoci),
nadaje napisowi efekt neonu

Ustawienia w sekcji Bevel and Emboss (Faza i paskorzeba) okna dialogowego Layer Style (Efekty)
pozwalaj modelowa cicie bd wytoczenie
krawdzi, w czym wspomagaj je efekty Contour
(Kontur) oraz Texture (Tekstura). Contour wpywa
na wygld krawdzi obiektu, za Texture na wygld powierzchni.

Parametr Contour (Kontur) w stylu Wow-Metal 15 uatwia

ksztatowanie krawdzi obiektu, za zmieniajc tekstur,
moemy utworzy nierwnoci jego powierzchni
W lewej czci okna dialogowego Layer Style (Efekty) wymienione s wszystkie efekty, ktre mog by wczone do stylu.
Te, ktre ju zostay wykorzystane, oznaczone s znacznikami widniejcymi w polach wyboru. Efekt mona doda lub
usun ze stylu, klikajc odpowiednie polu wyboru. Kliknicie
nazwy efektu wcza go i otwiera pole z jego ustawieniami

by dostosowa efekt, warto wiedzie, jakie jest

jego dziaanie. Oto krtkie podsumowanie:

Efekty Drop Shadow (Cie) i Glow (Blask) tworz rozmyt, ciemn bd rozwietlajc obwdk
wok krawdzi wszystkich obiektw na warstwie.
Obwdk mona zamieni z jasnej na ciemn lub
odwrotnie, wybierajc inny kolor i Blend Mode
(Tryb mieszania). Innym parametrem, decydujcym o wygldzie efektu, jest take jego mikko,
czyli gsto. Tylko dwch parametrw zmieni
si nie da: (1) Drop Shadow (Cie) i Outer Glow
(Blask zewntrzny) rozcigane s na zewntrz
obiektw, za Inner Shadow (Cie wewntrzny)

Efekt Satin (Satyna) tworzy zoone wewntrzne odblaski w stylu pprzezroczystym lub odbicia
w stylu nieprzezroczystym.
Styl Wow-Plastic 09
z wczonym efektem Satin
(Satyna) tworzcym refrakcj
wiata (po lewej) i po wyczeniu tego efektu (z prawej)
Efekt Satin (Satyna) w stylu
Wow-Chrome 20 symuluje
odbicia wiata na powierzchni
obiektu (po lewej); wyczenie
efektu powoduje utrat
chromowego blasku (po prawej)

Efekty Overlay (Nakadka) definiujemy, zmieniajc

Color (Kolor), Gradient i Pattern (Wzorek). Elementy te s nakadane wedug wskazanej kolejnoci, od gry ku doowi.

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 18

2006-06-04 19:45:56

X Panele poszczeglnych
efektw, otwierane w oknie
dialogowym Layer Style
(Efekty), pozwalaj zmienia
ustawienia niektrych
parametrw bez koniecznoci
przesuwania suwakw czy
wpisywania liczb modyfikuje
si je przecigniciami
wskanika w oknie edytowanego
obrazu. W ten sposb mona
zmienia kt padania i odlego
cienia, a take Inner Shadow
(Cie wewntrzny),
przesuwa tekstur, efekt
satyny, nakadk gradientu
i wzorka, jak rwnie kolor
wikszoci linii tworzony
z gradientw i wzorkw.
X Oprcz pojedynczych
waciwoci efektw w stylu
zmienia moemy take ich
skal i rozmiary caego obr
azka zawierajcego style, przy
czym proporcje wszystkich
stylw zostaj zachowane.
Mwilimy o tym w podrozdziale
Skalowanie stylw na
stronach od 16. i 17.
X Kliknicie pola Styles
(Style) widniejcego u gry
listy, z prawej strony okna
dialogowego Layer Style
(Efekty), otwiera palet
wszystkich dostpnych stylw
wprost w oknie dialogowym!

Efekt nakadki wzorka (Pattern Overlay) w stylu WowWoods 15 tworzy rysunek drewna (po lewej), nakadka
gradientu (Gradient Overlay) w trybie Color Dodge (Rozjanianie) rozwietla obiekt (porodku), za naoenie koloru
ciemnotego za pomoc efektu Color Overlay (Naoenie
koloru) w trybie Overlay (Nakadka) powoduje zwikszenie
kontrastu i podkrelenie kolorw

Efekt Stroke (Obrys) tworzy lini konturow

wok obiektu, wypenion wybranym kolorem,
gradientem, a nawet wzorkiem. Obrys moe by
tworzony wewntrz lub na zewntrz krawdzi
obiektu, a take z obu stron jednoczenie.

Efekt wiate neonowych uzyskany za pomoc stylu

Wow-Glows 01 tworzony jest przez gradientowy obrys
w trybie Shape Burst (Pknity ksztat)

o naoeniu stylu na warstw moemy przystpi do modyfikowania jego waciwoci w oknie dialogowym Layer Style (Efekty). Oto kilka
przykadw takiego dziaania:

Obiekt mona oddali od podoa, zwikszajc

warto parametru Distance (Odlego) efektu
Drop Shadow (Cie).

Zmieniajc kt padania wiata w ustawieniach efektu

Drop Shadow (Cie) uytego w stylu Wow-Chrome 13,
z domylnych 120 stopni (po lewej) na 60 (po prawej),
przesuwamy pozorne rdo wiata z gry, po lewej,
do dou, z prawej strony napisu

Wybierajc rne ustawienia parametru Contour

(Kontur) dla efektu Contour, moemy zmienia
styl ramki okalajcej obraz.

Zmiana domylnego wzoru konturu efektu Bevel And

Emboss/Contour (Faza i paskorzeba/Kontur) powoduje
przeobraenie prostej ramki (z lewej), utworzonej przez
naoenie stylu Wow-Frame 04, w bardziej wyszukan, o obionej powierzchni (z prawej)

W stylach wykorzystujcych t sam tekstur dla

efektw Pattern Overlay (Naoenie wzorka)
oraz Texture (Tekstura) wygadzenie powierzchni
mona uzyska, wyczajc efekt Bevel and Emboss/Texture (Faza i paskorzeba/Tekstura).

Styl Wow-Plastic 03 z domyln tekstur efektu

Texture (Tekstura) (po lewej) i bez niej (po prawej)
Po naoeniu stylu Wow-Fabric 16 i zwikszeniu wspczynnika Distance (Odlego) z domylnych 9 pikseli (po
lewej) do 36 (po prawej) napis wyglda tak, jakby by uniesiony nad podoe

Kierunek padajcego wiata mona zmieni, regulujc parametr Angle (Kt) efektw cienia, cienia wewntrznego oraz fazy i paskorzeby (zmieniajc ustawienie kta dla jednego efektu, musimy
zmieni go w podobny sposb w pozostaych efektach, by zachowa jednolito owietlenia).

o wprowadzeniu modyfikacji stylu mona

go zachowa do przyszego wykorzystania.
Zacz naley od dodania go do biecej palety
Styles (Style), a nastpnie zachowa jako element
biblioteki stylw, korzystajc z narzdzia Preset
Manager (Zarzdzanie ustawieniami).

Zajrzyj do punktu 8. w podrozdziale wiczenia ze stylw warstw na stronie 31., gdzie

opisano procedury nazywania i zachowywania
stylw na dysku.
DOPASOWYWANIE STYLW

Photoshop_WOW.indd 19

19

2006-06-04 19:45:57

Kopiowanie
i wklejanie
stylw
Style mona kopiowa
z warstwy na warstw,
a nawet z pliku do pliku.
X Kopiujc styl z jednego pliku do
innego, chcielibymy, by po skopiowaniu
zachowa on te same atrybuty, o ile
oba pliki maj t sam rozdzielczo
(naley pamita, e style z kolekcji
doczonej do tej ksiki, oprcz
zestawu Wow-20 Button Styles,
przygotowane zostay w jednakowej
rozdzielczoci 225 pikseli na cal).
Aby szybko uzyska informacj
o rozdzielczoci pliku, naley klikn
informacyjn, lew cz paska stanu,
wciskajc klawisz Alt (Windows)
lub Option (Mac OS).

Jeli si okae, e rozdzielczoci

obu plikw s rne i konieczna
jest tymczasowa zmiana
tego parametru w pliku
odbiorczym, naley wybra
polecenie Image/Image Size
(Obrazek/Wielko obrazka)
i si upewni, e funkcja
Resample Image (Metoda
ponownego prbkowania)
jest wyczona, a nastpnie
wpisa now rozdzielczo w polu
Resolution (Rozdzielczo)
(t sam procedur mona
zastosowa po wklejeniu stylu
w celu przywrcenia pierwotnej
rozdzielczoci obrazu).
20

opiowanie stylu z jednej warstwy na inn

w tym samym pliku lub innym jest bardzo
proste. Dziki tej moliwoci moemy powiela zarwno style przygotowane od podstaw,
jak i napotkane w innych plikach. A tak przebiega kopiowanie i wklejanie stylu.

1. Aby skopiowa styl

Klikamy prawym przyciskiem myszy (Windows) lub z wcinitym klawiszem Ctrl
(Mac OS) ikon widoczn z prawej strony
nazwy warstwy, otwierajc w ten sposb
menu podrczne. Nastpnie wybieramy
polecenie Copy Layer Style (Kopiuj styl
warstwy). Ten sam rezultat mona osign,
wybierajc polecenie Layer/Layer Style/
Copy Layer Style (Warstwa/Styl warstwy/
Kopiuj styl warstwy).
Poniewa spodobaa nam si
ramka (przeskalowana wersja
stylu Wow-Edges
05) utworzona na
warstwie Dinner,
skopiujemy j na
inne warstwy
W celu skopiowania warstwy wybieramy odpowiednie
polecenie z menu
podrcznego

Skopiowany styl zosta wklejony na inn warstw, take przy uyciu menu podrcznego

3. Moemy kontynuowa
wklejanie stylu na inne warstwy
Jeli z gry zamierzamy wklei styl na wicej ni dwie warstwy, w Photoshopie CS2
moemy zaoszczdzi nieco czasu, zaznaczajc wszystkie warstwy docelowe poprzez klikanie ich nazw z wcinitym klawiszem Ctrl/Command (w poprzednich
wersjach Photoshopa moliwe byo wycznie czenie warstw poprzez klikanie pl
wyboru na lewo od miniatur warstw). Po
zaznaczeniu warstw ponownie otwieramy
menu podrczne, ale tym razem wybieramy
polecenie Paste Layer Style (Wklej styl
warstwy). W starszych wersjach Photoshopa naley wykorzysta polecenie Paste
Layer Style to Linked (Wklej efekty do
poczonych).

2. Aby wklei skopiowany styl

Klikamy prawym przyciskiem myszy (Windows) lub z wcinitym klawiszem Ctrl
(Mac OS) z prawej strony nazwy warstwy,
na ktrej zamierzamy powieli to, co skopiowalimy. W ten sposb otwieramy menu
podrczne, a z niego wybieramy polecenie
Paste Layer Style (Wklej styl warstwy).

W Photoshopie CS2 zaznaczylimy kilka rnych warstw, po

czym wkleilimy skopiowany styl na wszystkie jednoczenie. Zabieg ten pozwoli na ujednolicenie
obramowania wszystkich zdj tworzcych obraz.

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 20

2006-06-04 19:45:59

a kad warstw w Photoshopie, za wyjtkiem warstwy Background (To), moemy naoy dwie maski mask pikselow
oraz mask wektorow. Maski te decyduj
o tym, ktre fragmenty warstwy bd widoczne, a ktre zostan ukryte.

Wykorzysta- N
nie stylw
w poczeniu
z maskami
Maski warstw, maski
wektorowe oraz maski
odcinania pozwalaj
maskowa obrazy wewntrz
ksztatw czy napisw.
X Photoshop oferuje kilka metod
nakadania wektorowych masek na
warstwy. Operacj t naley zacz od
wybrania warstwy za pomoc kliknicia
jej nazwy na palecie warstwy.
Kolejn czynnoci powinno by
wybranie polecenia Layer/Add
Vector Mask (Warstwa/Dodaj
mask wektorow).
Podobny rezultat mona osign,
klikajc ikon Add a Mask
(Utwrz mask warstwy)
znajdujc si na pasku u dou palety
Layers (Warstwy) z wcinitym
klawiszem Ctrl (Windows) lub
Command (Mac OS).
Jeli na dan warstw ju wczeniej
naoylimy zwyk mask pikselow,
to Photoshop jest na tyle sprytny,
by wiedzie, e jedynym typem
maski, jaki pozosta do wyboru, jest
maska wektorowa. Zwalnia to nas od
obowizku naciskania klawisza Ctrl/
Command podczas klikania ikony
Add a Mask (Utwrz mask
warstwy).

Styl Wow-Tint FX 03 nakada tonalny efekt sepii,

a ponadto wewntrzny blask i cie wok krawdzi.
W tym przypadku krawd wyznacza maska

Mask wektorow mona naoy na warstw,

wciskajc klawisz Ctrl/Command i klikajc ikon
Add a mask (Utwrz mask warstwy). Ksztat maski
tworzy si natomiast za pomoc narzdzia z grupy
Shape (Ksztat), na przykad elipsy, ktr mona
znale na palecie narzdziowej (Tools). Nastpnie
naley klikn ikon Add to path area (+) (Dodaj do
obszaru cieki (+)) umieszczon na pasku narzdziowym Options (Opcje) i, przecigajc wybranym
narzdziem, wytyczy obrys maski

Domylnie maska warstwy lub maska wektorowa pozostaje poczona z zawartoci warstwy.
Jeli na przykad przesuniemy obraz za pomoc
narzdzia Offset (Przesunicie), przemieszczona zostanie rwnie maska, w zwizku z czym
widoczny bdzie wci ten sam fragment obszaru obrazu. Jeli jednak odczymy mask
od warstwy, klikajc ikon acucha widoczn
midzy ich miniaturkami, i przesuniemy obraz,
maska pozostanie w miejscu, odsaniajc inne,
dotychczas zasonite fragmenty obrazu.

Po zerwaniu cza midzy mask i obrazem, co wida

na powyszym rysunku, obraz mona przesuwa wewntrz maski, przecigajc go za pomoc narzdzia
Move (Przesunicie)

o zmodyfikowaniu ksztatu maski styl dopasowuje si do jej nowej formy.

Elipsa zostaa rozcignita w taki sposb, by
widoczne stay si obie
osoby wystpujce na
zdjciu. Zmiany ksztatu
elipsy dokonano za pomoc
narzdzia Path Selection
(Zaznaczanie cieki)
(jego ikona znajduje si tu
nad ikon narzdzia Pen
(Piro) na palecie narzdziowej (Tools), wciskajc
klawisz Ctrl/Command+T
i przecigajc jeden
z naronikw ramki

pyw maski na efekty krawdziowe mona wyczy, zaznaczajc pole wyboru

opcji Layer Mask Hides Effects (Maska warstwy ukrywa efekty) lub Vector Mask Hides
Effects (Maska wektorowa ukrywa efekty)
w sekcji Blending Options (Opcje mieszania)
okna dialogowego Layer Style (Efekty).

Wczenie opcji Vector

Mask Hides Effects (Maska
wektorowa ukrywa efekty)
w sekcji Blending Options
(Opcje mieszania) okna
dialogowego Layer Style
(Efekty) powoduje ukrycie
efektw blasku i cienia

maska naoona jest na warstw posiaJeli

dajc przypisany styl warstwy, wwczas

kady efekt krawdziowy uyty w stylu ukada

si wzdu krawdzi maski.

WYKORZYSTANIE STYLW W POCZENIU Z MASKAMI

Photoshop_WOW.indd 21

21

2006-06-04 19:46:01

Wykorzystanie
stylw
w poczeniu
z maskami

aska odcinania (clipping mask) pozwala uy zawartoci jednej warstwy jako maski dla innej warstwy (lub
Sposoby twowarstw) powyej niej.

Cig dalszy

odcinania nazwa warstwy odcinajcej na

palecie Layers (Warstwy) jest podkrelona, za nazwa warstwy odcinanej wywietlana jest z wciciem.

X Gdy chcemy utworzy mask

odcinania, wykorzystujc do tego
celu kilka warstw obrazu, moemy
tego dokona na kilka sposobw.
Zaznaczamy warstw tu ponad
t, ktra ma peni rol maski
odcinania, a nastpnie wybieramy
polecenie Layer/Create
Clipping Mask (Warstwa/
Utwrz mask odcinania).
Wskazujemy warstw i uywamy
skrtu klawiaturowego
Ctrl+Alt+G (Windows) lub
Command+Option+G (Mac
OS), ktry jest odpowiednikiem
polecenia Create Clipping
Mask.
Wciskamy klawisz Alt/Option
i klikamy na palecie Layers
(Warstwy), na pasku midzy
warstw odcinajc i znajdujc
si tu nad ni. Gdy wskanik
myszy zmienia posta w zoon
z dwch kek ikon, oznacza
to, e utworzona zostanie maska
odcinania.

Kolejne warstwy mona

docza do grupy w podobny
sposb, korzystajc
z wybranej metody.
22

rzenia masek odcinania opisuje wskazwka po lewej. Po utworzeniu maski

orzystanie z masek obcinajcych daje

znacznie wicej moliwoci ni uycie pozostaych typw masek, czy to pikselowych czy wektorowych. Jedn z korzyci jest moliwo maskowania obrazw
wewntrz napisw, przy czym tekst pozostaje w peni edytowalny.

Mask odcinania mona utworzy, naciskajc

klawisz Alt/Option i klikajc midzy warstwami
na palecie Layers (Warstwy). Kady styl naoony na warstw obcinajc zostanie wwczas
naoony take na warstw obcinan. W tym
przykadzie styl Wow-Glass 12 zosta naoony na warstw napisu SEASIDE

Dziki temu obcinany obraz mona bez trudu

przemieszcza wewntrz obcinajcego napisu czy
ksztatu.
Jeli jednak chcesz przeksztaci (przesun,
obrci, przeskalowa) obie warstwy, moesz to
zrobi, zaznaczajc nazwy obu warstw na palecie
Layers (Warstwy) przed uruchomieniem narzdzia do transformacji lub czc obie warstwy poprzez kliknicie ikony acucha na palecie Layers
(Warstwy), dziki czemu pozostan one zczone
nawet wtedy, gdy nie zaznaczysz drugiej z nich.
Po poczeniu warstw wszelkie operacje przesuwania, obracania czy skalowania odnosz si do
obu warstw.

Warstwa zdjcia zostaa zaznaczona, a nastpnie

poczona z warstw napisu. Po wybraniu polecenia
swobodnego przeksztacenia obie warstwy zostay
obrcone razem

olejn korzyci wynikajc ze stosowania

masek obcinania jest to, e moesz je stosowa do wielu warstw jednoczenie.

Domylnie przesunicie (przeskalowanie

czy obrcenie) jednej z warstw nie wywiera adnego wpywu na drug warstw.

Obraz widoczny w literach zosta obrcony

przez kliknicie nazwy warstwy, na ktrej
si znajduje, przez nacinicie klawiszy
Ctrl/Command+T (skrt wybierajcy polecenie Edit/Free Transform (Edycja/Swobodnie
przekszta)) i przecignicie uchwytu ramki
przeksztacenia

Kada z szeciu zmontowanych

fotografii (u gry po lewej) znajduje si na osobnej warstwie.
Wszystkie zdjcia zostay poddane dziaaniu maski odcinania,
ktrej podstawow warstw
(obcinajc) jest warstwa z eliptycznym ksztatem, na ktr naoony zosta styl Wow-Tint FX
08. Styl ten wpywa na wszystkie
odcinane fotografie, nakadajc
na nie ziarnist tekstur i przyciemniajc ich krawdzie

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 22

2006-06-04 19:46:02

Praca
ze stylami
w ImageReady
Style warstw w programie
ImageReady nadaj
efekt trjwymiarowoci
przyciskom ekranowym
i powoduj, e dziaaj
one interaktywnie.
X Lista pojedynczych efektw
w stylach nie jest wywietlana
domylnie na palecie Layers
(Warstwy) programu
ImageReady. Aby wywietli t
list, naley klikn may trjkt
widoczny po lewej stronie ikony .
X Style z mechanizmem rollover
s zaprojektowane wycznie do
uycia w programie ImageReady.
Jeli sprbujemy wykorzysta je
w Photoshopie, warstwa przyjmie
styl stanu Normal, nie nabierajc
cech interaktywnych.
X Napisy warto umieszcza
na warstwach innych ni te, na
ktrych umieszczana jest graficzna
cz przyciskw. W ten sposb
bowiem tre napisw pozostaje
edytowalna, za samym napisom
mona nadawa odrbne style.

tyle w ImageReady wczytuje si i nakada w taki

sam sposb jak w Photoshopie. Jednak oprcz
pojedynczych stylw, ktre znajdujemy w programie Photoshop, ImageReady pozwala nakada
i dostosowywa take style interaktywne, posiadajce wbudowany mechanizm rollover.

Style te zgromadzone s w bibliotece Wow-20 Buttons Styles (zaprojektowanej specjalnie do wykorzystania w ImageReady), a fraza All Three na kocu
nazwy stylu oznacza, e jest to styl typu rollover.

Aby zastosowa styl w ImageReady, adujemy odpowiedni bibliotek do palety stylw, zaznaczamy warstw na
palecie Layers (Warstwy), a nastpnie klikamy ikon stylu
(miniaturki stylw z mechanizmem rollover wyrnione s
czarnym trjktem w lewym grnym rogu)

Aby obejrze (i przypisa) okrelony stan,

kliknij jego nazw na palecie Web Content
(Zawarto WWW).
Aby wywietli wszystkie
stany zawarte w stylu
rollover, naley klikn
ikon trjkta widoczn
obok miniaturki stanu
Normal na palecie Web
Content (Zawarto
WWW)

Gdy chcemy zmieni styl przycisku w wybranym stanie, wystarczy wybra go spord stylw pojedynczych (nie rollover).
Aby dokona edycji jednego lub kilku efektw
uytych w wybranym stanie przycisku, wybieramy odpowiedni warstw na palecie Layers
(Warstwy), po czym dwukrotnie klikamy nazw efektu, otwierajc palet z jego ustawieniami (style pojedyncze take mog by edytowane w ten sposb).

Kiedy nakadamy na warstw jeden ze stylw

z grupy All Three, tworzony jest prostoktny obszar interaktywnoci, wystarczajco duy, by obj
wszystkie nieprzezroczyste obiekty znajdujce si
na warstwie. Obszar ten automatycznie reaguje na
dziaania uytkownika. Kady styl typu All Three
posiada zdefiniowane trzy stany: Normal, Over
Definicje wszystkich trzech staoraz Down.

nw mona znale w podrozdziale Co to jest

styl warstwy? na stronie 13.

Naoenie stylw typu All Three na trzy wzory

przyciskw, z ktrych kady umieszczony jest na
odrbnej warstwie, spowodowao utworzenie obszaru
interaktywnego dla kadego z nich

Paleta efektw w programie ImageReady ukrywa

wicej, ni wida na pierwszy rzut oka. Klikajc
ikon na zakadce palety, rozwijamy j (po prawej)
i uzyskujemy dostp do dalszych parametrw

Aby zachowa styl, przypisujc go jednak do

innego stanu przycisku, dwukrotnie klikamy
nazw stanu i po otwarciu okna dialogowego
Rollover State Options (Opcje stanu Rollover) wybieramy stan docelowy.
Okno wyboru stanu
docelowego

aleta Web Content (Zawarto WWW)

w programie ImageReady CS 2 znacznie uatwia testowanie poszczeglnych stanw zawartych
w stylu typu rollover. Oto przykady:

PRACA ZE STYLAMI W IMAGEREADY

Photoshop_WOW.indd 23

23

2006-06-04 19:46:04

ykorzystujc style w pliku Photoshopa,

warto w plik okresowo zapisywa w naRozdziel- W
tywnym formacie programu (.psd). W ten sposb
obraz pozostaje ywy i w peni edytoczo i za- bowiem
walny. Oznacza to, e wszystkie elementy obrazu
warstwy i ich style mona podda edyw dowolnym momencie.
pisywanie cji tekst,
Zapisywanie pliku
plikw
z zachowaniem warstw

Aby utrzyma
moliwoci edycji
obrazw, naley
zachowywa je wraz
z zachowaniem
podziau na warstwy,
razem ze stylami,
w plikach wasnego
formatu programu
Photoshop. Nastpnie
powinnimy wybra
odpowiedni objto
i format pliku
wyjciowego:

Aby zapisa plik po raz pierwszy, wybieramy polecenie File/Save As (Plik/Zapisz jako), a nastpnie
w otwartym oknie dialogowym Save As (Zapisz
jako) wskazujemy format Photoshop. Powinnimy
si przy tym upewni, e opcja As Copy (Jako kopi) nie jest wczona, w przeciwiestwie do opcji
Layers (Warstwy), ktra powoduje, e zachowany
zostanie podzia warstw oraz ich style. Nastpnie
nadajemy plikowi nazw oraz wybieramy katalog,
w ktrym ma by zachowany, po czym klikamy
przycisk Save (Zapisz).

wa go wprost z aplikacji. Moemy te przygotowa

go do wykorzystania w programie do skadu publikacji czy te edytorze tekstu (aby si dowiedzie, jak
przystosowa obraz do dalszej edycj i w programie
ImageReady, przeczytaj podrozdzia Redukowanie
wielkoci kopii obrazu przeznaczonego do dalszej
edycji w programie ImageReady, ktry znajdziesz
na stronie 26.). Jeli obraz ma by po prostu doczony do listu elektronicznego lub umieszczony na
stronie internetowej, wwczas naley przygotowa
go zgodnie ze wskazwkami zawartymi w podrozdziale Zmiana wielkoci obrazw przesyanych
poczt elektroniczn i umieszczanych na stronach
internetowych na stronie 27.).
Bez wzgldu na to, czy obraz bdzie drukowany
z poziomu programu Photoshop czy te przeniesiony
w celu wydrukowania do innej aplikacji, korzystajc
z okna dialogowego Image Size (Wielko obrazka),
moemy stwierdzi, czy przy obecnej wielkoci obraz
zostanie wydrukowany zgodnie z naszymi oczekiwaniami czy te naley jego wielko zmieni.

Sprawdzanie wielkoci obrazu

przeznaczonego do wydrukowania
Aby otworzy okno dialogowe Image Size (Wielko obrazka), wybieramy polecenie Image/Image
Size (Obrazek/Wielko obrazka). Po otwarciu
naley si upewni, e pole wyboru opcji Resample Image (Metoda ponownego prbkowania) NIE
Wskazwka zatytuowana
jest zaznaczone.

z przeznaczeniem
do druku z poziomu
programu Photoshop,

Ponowne prbkowanie obrazu na stronie 25.

wyjani, dlaczego wyczenie funkcji ponownego
prbkowania jest tak wane.

w celu przeniesienia
obrazu do
innego programu
i wydrukowania,

Jeli wymiary, jakie chcielibymy uzyska na wydruku, rni si od tych, ktre wywietlone s w polach Width (Szeroko) i Height (Wysoko) sekcji
Document Size (Rozmiar dokumentu), w jednym
z pl wpisujemy dan warto. Drugi wymiar zostanie automatycznie dopasowany dla zachowania
proporcji obrazu. Modyfikacji ulegnie take Resolution (Rozdzielczo).
Jeli rozdzielczo wynikowa okae si co najmniej
rwna jednej z wymienionych niej, oznacza to
bdzie, e obraz zawiera wystarczajco duo informacji, by mg zosta wydrukowany we wskazanej
wielkoci. Przyj naley nastpujce zasady:
Bezpieczna rozdzielczo dla druku wykonywanego za pomoc drukarki atramentowej wynosi
150 pikseli na cal lub wicej.

w celu dalszej
edycji w programie
ImageReady,
w celu wywietlania
na ekranie.

Okno dialogowe Save As (Zapisz jako) w programie Photoshop (w wersji dla Mac OS X) przygotowane do zapisu
pliku warstwowego w formacie.psd

Podczas dalszej pracy plik zapisujemy, wybierajc

polecenie File/Save (Plik/Zapisz) lub naciskajc
klawisze Ctrl/Command+S. Powoduje to zapisanie pliku w tym samym formacie.
o zakoczeniu nakadania i dostosowywania
stylw warstw i zapisaniu obrazu w pliku
w formacie programu Photoshop moemy przystosowa wielko obrazu do drukowania i wydruko-

24

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 24

2006-06-04 19:46:04

X Kiedy opcja Resample

Image (Metoda ponownego
prbkowania) nie jest wczona, wwczas adne modyfikacje
parametrw, jakie wprowadzimy
w oknie dialogowym Image
Size (Rozmiar obrazka), nie
spowoduj jakichkolwiek zmian
kolorw pikseli (kropek tworzcych obraz). Jeli na przykad
zmniejszymy wartoci Width
(Szeroko) i Height (Wysoko), warto Resolution
(Rozdzielczo) wzronie.
Mwic najprociej, w ten
sposb instruujemy program
Photoshop, by zachowa kolory
wszystkich pikseli, ale kady
z nich wydrukowa jako mniejszy. Dziki temu kady piksel
zajmuje mniejsz powierzchni,
co powoduje, e drukowany
obraz otrzymuje mniejsze rozmiary, ale staje si ostrzejszy.
Z drugiej jednak strony, po
zwikszeniu wymiarw obrazu
piksele zachowuj swoje kolory,
lecz staj si wiksze. Naley
zatem uwaa, by nie nada
pikselom zbyt duych rozmiarw
innymi sowy, by rozdzielczo (wyraana liczb pikseli
na cal lub centymetr) nie staa
si zbyt niska powoduje to
bowiem, e na wydruku pojawiaj si pojedyncze piksele,
co wida szczeglnie wyranie
na krawdziach midzy obszarami o kontrastowych kolorach.

Obraz o niedostatecznej
rozdzielczoci uwidacznia
pojedyncze piksele.
Jest to widoczne
zwaszcza w druku
wykonywanym za
pomoc pras
drukarskich

Bezpieczna rozdzielczo dla druku wykonywanego do celw komercyjnych, za pomoc urzdze

poligraficznych, wynosi 225 pikseli na cal (pixels/
inch) lub wicej.
Jeli rozdzielczo obrazu, ktry zamierzamy wydrukowa, mieci si we wskazanych bezpiecznych
granicach, moemy przej do podrozdziau Drukowanie wprost z programu Photoshop lub Przygotowanie kopii obrazu w celu przeniesienia do innego
programu (oba na tej stronie).

Zmiana wymiarw obrazu

Jeeli rozdzielczo obrazu nie mieci si w bezpiecznych granicach, o ktrych piszemy na stronie 24., oznacza to, e jego wydruk bdzie nieostry i z artefaktami.
Niska warto rozdzielczoci w oknie Image
Size (Rozmiar obrazka)
oznacza, e jeli obraz
wydrukowany zostanie
w wymiarach 810 cali,
moe pojawi si efekt
pikselozy (widoczne
poszarpanie krawdzi)

Bardzo atw metod poprawienia jakoci wydruku

jest zwikszenie rozdzielczoci obrazu do wartoci
bezpiecznej, co mona uzyska, zmniejszajc wymiary obrazka. Gdy chcemy skorzysta z tego rozwizania, musimy w taki sposb zredukowa Width (Szeroko) bd Height (Wysoko) obrazu, by warto
Resolution (Rozdzielczo) znalaza si w bezpiecznym zakresie.
Zredukowanie wymiarw obrazu do 54
cale spowodowao
na tyle due podwyszenie rozdzielczoci,
e obraz nadaje si
do wydrukowania
za pomoc drukarki
atramentowej

Redukujc wymiary obrazu przy wyczonej funkcji

ponownego prbkowania, instruujemy program, by zachowujc kolory wszystkich pikseli (maych, kwadratowych kropek), drukowa je jako mniejsze i cianiej
uoone (wiksza liczba pikseli na cal). Dziki temu
oko ogldajcego nie bdzie w stanie ich rozrni.

Drukowanie wprost z programu Photoshop

Po ustawieniu odpowiednich wymiarw i bezpiecznej rozdzielczoci obrazu jestemy gotowi do wydrukowania go wprost z Photoshopa.
Wszystko, co pozostao do zrobienia, to wybranie
polecenia File/Print With Preview (Plik/Drukowanie z podgldem), sprawdzenie pooenia
obrazu na stronie i kliknicie przycisku Print
(Drukuj) w razie koniecznoci zmiany orientacji strony naley najpierw klikn przycisk Page
Setup (Ustawienia strony). Powinnimy take
si upewni, e ustawienia drukarki odpowiadaj wielkoci papieru, ktrego uywamy. Niektre
modele drukarek oferuj ponadto funkcje pozwalajce poprawi jako druku, co ma szczeglne
znaczenie w przypadku zdj i reprodukcji.

Sterownik drukarki Epson C80 samodzielnie okrela,

czy drukowany obraz jest czarno-biay czy te kolorowy.
Jednak o rodzaju uytego papieru (w tym przypadku
papieru do druku o jakoci fotograficznej) musi go poinformowa uytkownik. Tryb PhotoEnhance bardzo dobrze
sprawdza si podczas drukowania zdj i wielu innych
rodzajw obrazw

Przygotowanie kopii obrazu w celu

przeniesienia do innego programu
Jeli obraz ma zosta przeniesiony do programu
poligraficznego i wydrukowany z jego poziomu,
to czeka nas nieco wicej pracy. Jedynym sprawdzonym sposobem przygotowania pliku do drukowania w innym programie jest wygenerowanie
spaszczonej kopii (obraz spaszczony to taki,
ktrego wszystkie warstwy zostay poczone
i przeniesione na warstw ta). Po pierwsze, tworzymy kopi przenoszonego obrazu, wybierajc
polecenie Image/Duplicate (Obrazek/Powiel)
i generujc w ten sposb duplikat pliku.

Powielanie pliku
ROZDZIELCZO I ZAPISYWANIE PLIKW

Photoshop_WOW.indd 25

25

2006-06-04 19:46:05

Rozdzielczo
i zapisywanie
plikw
Cig dalszy

X Oto kilka formatw, najbardziej

uytecznych do zachowywania projektw
przygotowywanych w Photoshopie:
Aby zachowa rozdzielno warstw
oraz edytowalno stylw lub te
przygotowa obraz do wydrukowania
z poziomu Photoshopa, zapisujemy
go we wasnym formacie
programu (.psd).
Jeli naszym celem jest umieszczenie
obrazu na stronie dokumentu przygotowywanego w programie poligraficznym, najlepiej bdzie, jeli obraz w
zachowamy w formacie TIFF (.tif).
Z uwagi na moliwo znacznej
redukcji objtoci format JPEG
(.jpg) jest szczeglnie uyteczny
w przypadku obrazw przeznaczonych
do umieszczenia na stronach internetowych bd wysania poczt elektroniczn. Naley jednak zwrci uwag
na to, e kompresja moe wywiera
niekorzystny wpyw na jako obrazu.
Gdy chcemy, by plik by odczytywalny
przez program Adobe Acrobat Reader
(bardzo popularna bezpatna aplikacja oferowana w wersjach zarwno
dla systemu Windows, jak i Mac OS),
zapisujemy go w formacie
PDF (.pdf).
Aby dowiedzie si wicej na temat
formatw zapisu plikw w programie
Photoshop CS2, naley wybra
polecenie Help/Photoshop Help
(Pomoc/Zawarto pomocy),
a nastpnie otworzy temat Saving
and Exporting (Zapisywanie
i eksportowanie obrazkw).

26

Nastpnie, by spaszczy obraz, wybieramy

polecenie Layer/Flatten Image (Warstwa/
Spaszcz obrazek). W ten sposb uzyskamy
spaszczon, jednowarstwow wersj obrazu. Wygld obrazu nie ulegnie zasadniczym
zmianom, ale poniewa obraz nie bdzie ju
skada si z odrbnych warstw, tote i modyfikacja stylw nie bdzie moliwa. Obszary przezroczyste wypenione zostan biaym
kolorem, a tekst przestanie by edytowalny
(dlatego te bardzo wane jest to, by operacji spaszczania dokonywa na kopii obrazu,
zachowujc orygina w formacie Photoshopa, wedug wskazwek zawartych we wczeniejszym podrozdziale Zapisywanie pliku
z zachowaniem warstw na stronie 24.).
Aby zapisa duplikat pliku, uywamy polecenia File/Save (Plik/Zapisz), a nastpnie
z menu rozwijanego Format w oknie dialogowym Save As (Zapisz jako) wybieramy
format zapisu, na przykad TIFF.
Po-

rady dotyczce wyboru formatu znale

mona we wskazwce po lewej stronie. Po

nadaniu plikowi nazwy i wybraniu lokalizacji klikamy przycisk Save (Zapisz).

opracowywany obraz nie jest przeJeli
znaczony do drukowania, a jedynie do

wywietlania na ekranie na przykad jako

element animacji lub interaktywnego interfejsu strony internetowej moemy zredukowa wymiary obrazu, dziki czemu bdzie
on mg by zademonstrowany na kadym
monitorze, nawet najmniejszym.

Powielanie pliku

Czynnoci, ktre musimy wykona w dalszej kolejnoci, mog wydawa si nieco zagmatwane, ale
s bardzo istotne z uwagi na dziwne, aczkolwiek
niezmiernie interesujce, powizania midzy stylami warstw i rozdzielczoci. Sekret ley w zmianie
rozdzielczoci (parametru mierzonego pikselami
na cal), a nie wielkoci obrazu.
1. Okrel docelowe wymiary obrazu. Moe si
na przykad okaza, e dany projekt wymaga
nadania obrazowi wysokoci 464 pikseli.
2. Po wczytaniu kopii pliku otwrz okno dialogowe Image Size (Wielko obrazka), wybierajc
polecenie Image/Image Size (Obrazek/Wielko obrazka). Wcz funkcj Resample Image
(Metoda ponownego prbkowania), a take
Constrain Proportions (Zachowaj proporcje).
3. Zmieniaj ustawienie Resolution (Rozdzielczoci) nie ruszajc jednak ustawie Width (Szeroko) ani Height (Wysoko) a
dany wymiar (Szeroko bd Wysoko),
okrelony w punkcie 1., uzyska odpowiedni
warto. Dokonujc tych regulacji, w polu
rozdzielczoci, moesz wpisywa wartoci
dziesitne. Dziki temu uzyskanie dokadnego
wymiaru nie stanowi problemu.

Redukowanie wielkoci kopii

obrazu przeznaczonego do dalszej
edycji w programie ImageReady
By moe zechcemy przenie obraz do programu ImageReady, zachowujc wszystkie
warstwy, i wykorzysta go do przygotowania
przyciskw lub animacji, wczajc i wyczajc poszczeglne warstwy. W takim przypadku konieczne bdzie zachowanie stylw
warstw. Najpierw jednak bdziemy musieli
zmniejszy rozmiary obrazu w Photoshopie:
zaczynamy od zapisania kopii pliku, wybierajc polecenie Image/Duplicate (Obrazek/
Powiel) i klikajc przycisk OK.

Dobierajc warto rozdzielczoci metod prb

i bdw, naley bacznie obserwowa wskazania
w polach wymiarw obrazu widniejcych u gry okna
dialogowego. Rozdzielczo zmieniamy dopty, dopki
nie uzyskamy danego wymiaru

4. Kliknij OK, by zakoczy procedur zmiany

wymiarw obrazu i zamkn okno dialogowe.
Wielko obrazu zostanie zmieniona, a wraz
z ni przeskalowaniu ulegn wszystkie style.

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 26

2006-06-04 19:46:05

X Dziki wczeniu
funkcji Resample Image
(Metoda ponownego
prbkowania) w oknie
dialogowym Image Size
(Wielko obrazka)
zmiana wymiarw obrazu
powoduje zmian liczby
pikseli tworzcych w
obraz; aby go zmniejszy,
Photoshop odrzuca
niektre piksele. Proces
ten moe spowodowa
zmikczenie obrazu, co
moe pocign za sob
konieczno wybrania
opcji Bicubic Sharper
(Dwuszecienna
(Wyostrzanie)) w polu
Image Interpolation
(Interpolacja obrazka)
w oknie z preferencjami
Photoshopa.

Aby przenie obraz do programu ImageReady,

wystarczy klikn przycisk Jump to ImageReady
(Przejd do ImageReady), ktry umieszczony jest
u dou palety narzdziowej.

Zmiana wielkoci obrazw

przesyanych poczt elektroniczn
i umieszczanych na stronach
internetowych
Rnica midzy przygotowywaniem obrazu w celu
przeniesienia go do programu ImageReady i preparowaniem w celu doczenia do listu elektronicznego lub umieszczenia na stronie internetowej
polega na tym, e w drugim przypadku mamy do
czynienia z obrazem spaszczonym, a nie warstwowym, uzyskanym jako kopia obrazu oryginalnego.
A zatem zaczynamy od wybrania polecenia Image/
Duplicate (Obrazek/Powiel) i kliknicia przycisku OK, nastpnie za wybieramy polecenie Layer/Flatten Image (Warstwa/Spaszcz obrazek).

Aby dowiedzie si wicej o spaszczaniu

obrazw, trzeba wrci do podrozdziau Przygotowanie kopii obrazu w celu przeniesienia do
innego programu na stronach 25. i 26.
Po wczytaniu kopii pliku oryginalnego otwieramy
okno dialogowe Image Size (Wielko obrazka),
wybierajc polecenie Image/Image Size (Obrazek/Wielko obrazka). Nastpnie wczamy
funkcje Resample Image (Metoda ponownego
prbkowania) oraz Constrain Proportions (Zachowaj proporcje). W sekcji Pixel Dimension
(Wymiary piksela), zajmujcej grn cz okna
dialogowego, wpisujemy docelow szeroko lub
wysoko obrazu. Jeli nie wiemy, jakie wymiary
naley nada obrazowi, to ograniczajc jego szeroko do 580, a wysoko do 400 pikseli, zyskamy
pewno, e obraz bdzie wywietlany w caoci
nawet na maych monitorach.

Wyostrzanie i zapisywanie plikw

Modyfikacja wymiarw obrazu przy wczonej funkcji Resample Image (Metoda ponownego prbkowania) moe spowodowa, e obraz stanie si nieco
zamazany szczeglnie, jeli nie wczye opcji
Bicubic Sharper (Dwuszecienna (Wyostrzanie))
w polu Image Interpolation (Interpolacja obrazka) w oknie z preferencjami Photoshopa.

Aby zmiana wymiarw obrazu bya moliwa,

powinnimy wczy funkcj Resample Image
(Metoda ponownego prbkowania)

Zamiast korzysta z polecenia File/Save As (Plik/

Zapisz jako), moesz zoptymalizowa rozmiar pliku (ograniczy go tak mocno, jak to tylko jest moliwe bez zbytniej utraty jakoci) za pomoc polecenia File/Save For Web (Plik/Zapisz dla Weba).
Wicej na temat tego rozwizania znajdziesz w pliku pomocy Photoshopa podmenu Help/How to
create web images (Pomoc/Tworzenie obrazkw
dla internetu).

Wrd wielu uytecznych funkcji

narzdzia Save for
Web (Zapisz dla
Weba) jest moliwo optymalizowania obrazka do
z gry okrelonych
rozmiarw pliku
i przeskalowania go na potrzeby eksportu z opcj Bicubic
Sharper (Dwuszecienna (Wyostrzanie))
ROZDZIELCZO I ZAPISYWANIE PLIKW

Photoshop_WOW.indd 27

27

2006-06-04 19:46:06

wiczenia
ze stylw
warstw
W niniejszym
podrozdziale
nauczymy si, jak:

1. Skonfigurowa
program Photoshop
do pracy ze stylami.

1. Przygotowywanie pliku
Najpierw musimy si upewni, e odpowiednie podkatalogi z CD-ROM-u doczonego do ksiki zostay
Wskazwki dozainstalowane w Photoshopie.

tyczce instalowania stylw mona znale w podrozdziale Wprowadzenie na stronie 3.

Po uruchomieniu Photoshopa sprawdzamy, czy paleta Layers (Warstwy) jest otwarta. Jeli nie, wybieramy polecenie Window/Show Layers (Okno/
Warstwy). W podobny sposb otwieramy Styles
(Style), czyli wybieramy polecenie Window/Show
Styles (Okno/Style). Klikamy przycisk oznaczony
maym trjktem, znajdujcym si w prawym grnym rogu palety Styles (Style), i wybieramy polecenie Large List (Dua lista).
Na duej licie
palety Styles (Style)
wywietlane s
miniaturki i pene
nazwy stylw,
natomiast dolna
cz menu teje
palety zawiera spis
wszystkich bibliotek
stylw zawartych
w folderze Styles
programu
Photoshop

2. Nakada style.
3. Zmienia style.
4. Kopiowa i wkleja
style.
5. Konwertowa to
w taki sposb,
by moliwe byo
nakadanie na
stylw.
6. Zamienia style.
7. Skalowa style.
8. Zapisywa biblioteki
stylw.
9. Zmienia zawarto
warstw bez zmiany
stylw.
10. Stosowa style
z mechanizmem
rollover w programie
ImageReady.

Nastpnie, ponownie otwierajc menu palety Styles

(Style), wybieramy bibliotek Wow-15 Organic Styles, ktr znajdziemy w dolnej czci menu. Kiedy
pojawi si komunikat ostrzegawczy, klikamy przycisk
Append (Docz), dodajc style z wybranej biblioteki do tych, ktre ju widniej na palecie. Kliknicie
przycisku OK powoduje za zamian stylw.

O rnicach midzy doczaniem i zastpowaniem

stylw bdzie mowa w jednej z kolejnych wskazwek, na stronie 29. W taki sam sposb doczamy
kolejne biblioteki: Wow-03 Tint FX Styles oraz
Wow-17 Stroke Styles.
Aby doczy style do
biecego zbioru, klikamy przycisk Append
(Docz); kliknicie
przycisku OK powoduje
zamian stylw

28

Kolejn czynnoci, jak powinnimy wykona,

jest skopiowanie pliku Wow-Styles Tutorial 1.psd
z folderu Wow-Styles Tutorial na pycie CD-ROM
doczonej do ksiki na dysk twardy. Po skopiowaniu otwieramy w plik, wybierajc polecenie
File/Open (Plik/Otwrz).

Zawarto pliku Wow-Styles Tutorial 1.psd

Kiedy spojrzymy na palet Layers (Warstwy), bez

trudu si przekonamy, e kady skadnik wczytanego obrazu Wow-Styles Tutorial 1.psd, ktry jest
projektem pocztwki, umieszczony zosta na osobnej warstwie.
Tekst napisany czcionk Arial Black zosta rozdzielony na dwie warstwy, ktrym moemy nada rne style.
Zdjcia take umieszczono na odrbnych warstwach. Zostay one jednak poczone. Aby zczy warstwy, kliknito nazw jednej z nich na
palecie Layers (Warstwy), a kolejnymi klikniciami w kolumnie cza zczono z ni nastpne warstwy zdj. Zabieg taki umoliwia jednoczesne przesuwanie i nakadanie stylw kilku
warstwom naraz.
Na samym spodzie stosu ley wypeniona szarym kolorem warstwa Background (To).
adnej z warstw obrazu nie nadano jeszcze stylu.

2. Nakadanie stylu na warstw

Wszystkim warstwom, na ktrych umieszczono
elementy obrazu, mona nada odrbne kolory
i gbi, nakadajc na nie rne style.
Na warstw napisu Mentawai wybrany zosta
styl Wow-Organics 05, ktry nada napisowi
wygld przestrzenny przez uycie efektw cienia, blasku, fotograficznej nakadki wzorka (tkanina) oraz tinty utworzonej z nakadki koloru.

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 28

2006-06-04 19:46:07

X Po naoeniu stylu na
warstw po prawej stronie
jej nazwy, na palecie Layers
(Warstwy), pojawia si ikona.
Ponadto poniej wywietlane
s nazwy efektw, ktrych
uyto do zdefiniowania stylu.
Gdy chcemy czasowo wyczy
dziaanie jednego z nich,
wystarczy klikn ikon oka
widniejc w kolumnie po lewej
stronie nazwy efektu. Ponowne
kliknicie w tym samym miejscu
przywraca efekt. Aby uczyni
palet Layers (Warstwy)
nieco bardziej zwart, naley
klikn may trjkt widoczny na
lewo od ikony, ukrywajc w ten
sposb list efektw. Kolejne
kliknicie tego trjkta powoduje
wywietlenie listy na powrt.

X Podczas otwierania biblioteki

program daje do wyboru
moliwo doczenia (dodania)
nowych stylw do tych, ktre
ju widniej na palecie, lub
zastpienia biecej kolekcji
now. Obie opcje maj swoje
zalety i wady. Doczenie
kolejnych stylw moe
spowodowa, e ich lista stanie
si bardzo duga, a pami RAM
komputera znacznie obciona.
Trudniej te znale odpowiedni
styl. Z drugiej jednak strony, jeli
zamieniamy dotychczasowy zbir
stylw, zamiast go rozszerzy,
naraamy si na ryzyko utraty
stylw, ktre sami utworzylimy,
zaimportowalimy lub
zmodyfikowalimy, ale po dodaniu
ich do palety nie zapisalimy
w bibliotece.

Napis a really cool place zmodyfikowano

przy zastosowaniu stylu Wow-Stroke 01
przygotowanego z uyciem trzech nakadek: koloru, gradientu i wzorka.
Warstwa rodkowego zdjcia (Dinner) zostaa zmodyfikowana przy uyciu stylu WowTint FX 01 nadajcego fotografii tonalne
zabarwienie sepi. Styl wykorzystuje efekty
blasku wewntrznego, ciemnego cienia oraz
nakadki koloru, ktry czciowo zastpuje
oryginalne kolory odcieniami brzu.

Zredukujmy wic ustawienie Size (Wielko)

do 10 pikseli, by nieco zmniejszy szeroko
krawdzi efektu. Okno dialogowe zamykamy
klikniciem przycisku OK.

Przed (z lewej) i po zmniejszeniu wielkoci efektu

Inner Glow (Blask wewntrzny) do 10 pikseli

4. Kopiowanie i wklejanie stylw

Obraz zawarty w pliku Wow-Styles Tutorial 1.psd

po naoeniu stylw na obie warstwy tekstowe
oraz warstw fotograficzn Dinner. Mae ikony
wywietlane na palecie Layers (Warstwy) wskazuj,
ktre warstwy zmodyfikowano przy uyciu stylw

3. Dostosowywanie stylu
Modyfikowanie naoonego stylu jest bardzo
proste. Aby zmieni styl na warstwie fotograficznej Dinner, dwukrotnie klikamy ikon
obok nazwy warstwy, otwierajc w ten sposb
okno dialogowe Layer Style (Efekty). Nastpnie klikamy pozycj Inner Glow (Blask
wewntrzny) na licie z lewej strony okna
i moemy przystpi do regulowania parametrw efektu.

Ustawienie Size (Wielko) dla efektu Inner Glow

(Blask wewntrzny) w stylu Wow-Tint FX 01
wynosi 32 piksele

Gdy chcemy zastosowa ten sam styl na innych

warstwach fotograficznych, musimy go skopiowa i wklei, wykonujc nastpujce czynnoci: prawym przyciskiem myszy (Windows) lub
z wcinitym klawiszem Ctrl (Mac OS) klikamy
ikon obok nazwy warstwy Dinner, a z wywietlonego menu podrcznego wybieramy polecenie Copy Layer Style (Kopiuj styl warstwy).
Nastpnie, poniewa wszystkie warstwy zdj s
ze sob poczone, klikamy prawym przyciskiem
(lub z wcinitym klawiszem Ctrl) nazw dowolnej z pozostaych fotografii i wybieramy polecenie Paste Layer Style To Linked (Wklej styl
do poczonych). Spowoduje to naoenie tego
samego stylu na wszystkie warstwy fotograficzne
jednoczenie (jeli styl miaby zosta wklejony
tylko na jedn z nich, naleaoby uy polecenia
Paste Layer Style (Wklej styl warstwy).

Kopiowanie stylu (z lewej) i wklejanie go na pozostae,

poczone warstwy fotograficzne (z prawej)
WICZENIA ZE STYLW WARSTW

Photoshop_WOW.indd 29

29

2006-06-04 19:46:07

6. Zamiana stylw

wiczenia ze
stylw warstw
Cig dalszy

X Dwukrotne kliknicie nazwy

warstwy powoduje zaznaczenie
samej nazwy, co umoliwia jej
modyfikowanie.
Obraz z pliku Wow-Styles Tutorial 1.psd
po skopiowaniu stylu Wow-Tint FX 01 i wklejeniu
na poczone warstwy

5. Konwertowanie ta
Jednak dwukrotne kliknicie
miniaturki lub ikony otwiera
okno dialogowe Layer
Style (Efekty), ktre
pozwala na dostosowanie
parametrw stylu
naoonego na warstw.
Style warstw z zestawu
Wow-20 Button
Styles powstay z myl
o tworzeniu przyciskw, ale,
podobnie jak reszta stylw
opisywanych w tej ksice,
znakomicie sprawdzaj
si w pracy z dowolnymi
elementami graficznymi,
a nie tylko przyciskami.
Poniej przedstawiamy
przykady: styl Wow
Button 02-Normal
przypisany literze A, styl
Wow Button 40-Over
naoony na liter B i styl
Wow Button 05-Down
ozdabiajcy liter C.
Wszystkie style zostay
przeskalowane w celu
dopasowania do czcionki.

Gdy chcemy uzyska interesujce to, moemy uy

jednego ze stylw zawierajcych wzorek bd tekstur i wypeni nimi ca warstw. Aby jednak byo
to moliwe, naley przeksztaci Background (To)
w zwyk warstw akceptujc style. W tym celu
dwukrotnie klikamy miniaturk warstwy ta na palecie Layers (Warstwy), w oknie dialogowym New
Layer (Nowa warstwa) wpisujemy now nazw
warstwy (na przykad Base Layer lub Warstwa
bazowa) i klikamy przycisk OK.

Przeksztacanie warstwy Background (To)

w zwyk warstw

Jeli uznamy teraz na przykad, e nowa warstwa

Base Layer (Warstwa bazowa) powinna by
wypeniona faktur bambusa, wwczas z palety
Styles (Style) wybieramy styl Wow-Organics 16.

Opracowywany obraz po naoeniu stylu

Wow-Organics 16 na najnisz warstw (obraz
na tym etapie pracy stanowi zawarto pliku
Wow-Styles Tutorial 2.psd)
30

Jedn z najwspanialszych cech palety Layers

(Warstwy) jest to, e pozwala ona cakowicie
zmienia wygld i klimat caej kompozycji
obrazu, do czego wystarczy zamiana jednego
stylu na inny. Gdy chcemy wskaza warstw,
ktrej styl zamierzamy zmieni, klikamy jej
nazw na palecie Layers (Warstwy). Nastpnie wczytujemy odpowiedni bibliotek stylw
i klikniciem wybieramy nowy styl.
Aby zmieni styl warstwy Base Layer
(Warstwa bazowa), wczytajmy bibliotek Wow-14 Rock Styles i wybierzmy z niej
Wow-Rocks 20, w jednej chwili wypeniajc
to obrazu marmurow tekstur.
By nada nowy wygld napisowi Mentawai,
wczytajmy bibliotek Wow-09 Metal Styles
i wybierzmy styl Wow-Metals 06. Dziki
temu napis nabierze zocistego blasku, ktry
tworzony jest przez efekty nakadki wzorka
i odpowiedniej tekstury.

Nowe style, zastpujce poprzednie,

zastosowano na warstwach Mentawai
oraz Base Layer (Warstwa bazowa)
uyto stylw Wow-Metals 06 i Wow-Rocks 20

7. Skalowanie stylu
Skalowanie bardzo czsto pomaga w dopasowaniu stylu do wielkoci okrelonego elementu
graficznego. Wskamy zatem warstw a really
cool place, jednokrotnie klikajc jej nazw na
palecie Layers (Warstwy). Nastpnie kliknijmy prawym przyciskiem myszy (Windows) lub
z wcinitym klawiszem Ctrl (Mac OS) ikon
po prawej i wybierzmy polecenie Scale Effects
(Skaluj efekty warstw) z menu podrcznego.
Po otwarciu okna dialogowego Scale Layer
Effects (Skaluj efekty warstw) kliknijmy may
trjkt widniejcy z prawej strony wartoci 100,

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 30

2006-06-04 19:46:09

X Gdy zechcemy zachowa

bibliotek zawierajc
niektre lub wszystkie
style, ktre znajduj si na
palecie Styles (Style),
powinnimy uy polecenia
Edit/Preset Manager
(Edycja/Zarzdzanie
ustawieniami),
z rozwijanej listy Preset
Type (Typ ustawie)
wybra Styles (Style),
a nastpnie, wciskajc
klawisz Shift, klikniciami
zaznaczy wszystkie style,
ktre chcielibymy zawrze
w bibliotece, i klikn
przycisk Save Set
(Zapisz zestaw).

Kliknicie przycisku Save Set (Zapisz zestaw) powoduje utworzenie biblioteki z wybranych stylw

Po otwarciu okna
dialogowego Save
(Zapisz) naley nada
nazw nowej bibliotece,
odnale folder Styles
(wewntrz folderu
Presets programu
Photoshop CS2) i klikn
przycisk Save (Zapisz).

Zapisanie biblioteki w folderze

Styles powoduje, e bdzie ona
widoczna na licie bibliotek,
w menu palety Styles (Style)

odsaniajc w ten sposb suwak regulacyjny. Nastpnie przesumy w suwak w lewo, zmieniajc
tym samym wielko tekstury i redukujc dystans
midzy napisem i rzucanym przeze cieniem.
Przesunicie cienia sprawia, e napis wydaje si
by bliej ta.

Nastpnie, aby zapobiec utracie nowego stylu

na skutek zastpienia biecego zestawu stylw innym, wybieramy polecenie Edit/Preset
Manager (Edycja/Zarzdzanie ustawieniami)
i z listy rozwijanej Preset Type (Typ ustawie)
wybieramy opcj Styles (Style). Po wykonaniu
tych czynnoci moemy wybra style, ktre
zawarte zostan w nowo tworzonej bibliotece.
Instrukcje dotyczce zapisywania

nowych bibliotek stylw mona znale we

wskazwce po lewej stronie. Kiedy bibliotePrzed (z lewej) i po zredukowaniu
skali stylu do 20%

ka zostanie zapisana, klikamy przycisk Done

(Gotowe).

9. Zmiana zawartoci warstwy

8. Zapisywanie biblioteki stylw
Kiedy dokonamy zmian wykorzystanych stylw
(na przykad modyfikacji tonalnego zabarwienia
w punkcie 3. czy przeskalowania stylu w punkcie 7.),
warto nowo powstaym stylom nada nowe nazwy
i zachowa w bibliotece stylw. Dziki temu zmodyfikowane style bdzie mona wybiera wprost
z palety Styles (Style). Proces zapisu wasnych
stylw przebiega dwuetapowo.
Po pierwsze, dodajemy nowy styl do listy wywietlanej na palecie Styles (Style) zaznaczamy warstw, na ktrej uyty zosta styl
przeznaczony do zapisania (powiedzmy, na
warstwie Dinner), po czym klikamy przycisk
Create New Style (Utwrz nowy styl) znajdujcy si u dou palety Styles (Style). Pola opcji
w oknie dialogowym New Style (Nowy styl),
ktre si otworzy, pozostawiamy bez zmian,
wpisujemy nazw stylu i klikamy przycisk OK.

Jedn z magicznych cech stylw warstw jest to,

e pozostaj one sklejone z warstwami. A zatem, jeli zawarto warstwy, na ktr naoylimy styl, zmienia si, styl natychmiast dopasowuje si do owej zmiany.
Aby zmieni krj czcionki na warstwie Mentawai, selekcjonujemy t warstw na palecie,
nastpnie zaznaczamy napis za pomoc narzdzia Type (Tekst) i wybieramy nowy krj z listy
rozwijanej na pasku narzdziowym Options
(Opcje) (gdy chcemy zmieni krj czcionki na
caej warstwie, wwczas nie musimy zaznacza
narzdziem Type (Tekst) adnego tekstu, jaki
si na niej znajduje).
Przed (u gry) i po
zmianie kroju czcionki
(nie dysponujc krojem wykorzystanym

w przykadzie, czyli
CCDutchCourage,
mona uy innego)

Po zaznaczeniu stylizowanej warstwy klikamy

przycisk Create New Style (Utwrz nowy styl), rozpoczynajc w ten sposb proces zapisywania biecego
stylu. Po zamkniciu okna dialogowego New Style
(Nowy styl) zapisany styl pojawi si jako ostatnia
pozycja listy na palecie Styles (Style)

Zmiemy teraz tre napisu a really cool place. Zacznijmy od uaktywnienia zawierajcej
go warstwy, a nastpnie zaznaczmy cay napis,
przecigajc wzdu niego wskanikiem narzdzia Type (Tekst). Nacinijmy klawisz CapsLock i wpiszmy BEYOND THE DREAM, a na
koniec nacinijmy klawisz Enter.
WICZENIA ZE STYLW WARSTW

Photoshop_WOW.indd 31

31

2006-06-04 19:46:10

wiczenia
ze stylw warstw
Cig dalszy

Aby zakoczy t cz wiczenia, zmiemy

czcionk dla warstwy BEYOND THE DREAM. Obraz na tym etapie pracy zosta zapisany w pliku Wow-Styles Tutorial 3.psd.

X Palety stylw w programach

Photoshop i ImageReady s podobne,
ale nie takie same.
Wczytanie biblioteki stylw
w jednym programie nie powoduje
automatycznego wczytania jej
w drugim. Biblioteki te trzeba
wczytywa w obu programach
niezalenie.
W przeciwiestwie do Photoshopa
program ImageReady nie udostpnia
opcji Large List (Dua lista)
w menu palety stylw. Najlepszym
wyborem pozostaje tu wic opcja
List (Lista), gdy tylko ona
zapewnia jednoczesne wywietlanie
prbek stylw i ich penych nazw.
X Poniewa program ImageReady
nie zosta wyposaony w funkcj
Preset Manager (Zarzdzanie
ustawieniami), to gdy chcemy zapisa
bibliotek stylw, naley wskaza pust
warstw, by nie wprowadza zmian
w obrazie, a nastpnie usun te style,
ktrych nie chcemy zapisa w bibliotece,
zaznaczajc je kolejno na palecie Styles
(Style) i klikajc przycisk Delete
Style (Usu styl) (oznaczony ikon
kosza na mieci). Przycisk ten znajduje
si na samym dole palety. Po usuniciu
wszystkich niechcianych stylw naley
klikn przycisk umieszczony w prawym
grnym rogu palety, oznaczony maym
trjktem, i z menu podrcznego wybra
polecenie Save Styles (Zapisz style).

Wyselekcjonowany tekst
Napis po edycji treci

10. Nakadanie stylw

typu rollover w programie
ImageReady
Program ImageReady pozwala korzysta
ze wszystkich stylw, jakich mona uy
w Photoshopie. Jednak dodatkow korzyci jest moliwo wykorzystania stylw
typu rollover, w ktre wbudowane zostay
funkcje interaktywne.

Przed (u gry) i po naoeniu stylu Wow-Button

24-All Three na warstw
jednego z przyciskw

Uruchamiamy zatem program ImageReady

i otwieramy plik Wow-Styles Tutorial 4.psd.
Zawarty w nim obraz jest wersj opracowywanej wczeniej pocztwki, ktrej wymiary
przystosowano, przez ich redukcj, do potrzeb strony internetowej i ktr wyposaono w graficzne przyciski. Kady z owalnych
przyciskw umieszczony zosta na osobnej
warstwie.
Obraz Wow-Styles Tutorial 4.psd po naoeniu stylu Wow Button 24-All Three na wszystkie przyciski

Obraz zawarty w pliku Wow-Style Tutorial 4.psd

Z menu podrcznego palety Styles (Style) wybierzmy bibliotek Wow-20 Button Styles, a nastpnie kliknijmy przycisk
Append (Docz) lub Replace (Zastp).

O rnicach midzy doczaniem

i zastpowaniem stylw bya mowa na
stronie 29., w jednej ze wczeniejszych
wskazwek.
32

Nastpnie kliknijmy na palecie Layers (Warstwy) nazw jednego z owalnych przyciskw,

wskazujc w ten sposb jego warstw, a z palety stylw wybierzmy Wow Button 24-All
Three. ImageReady naoy wybrany styl i utworzy obszar interaktywnoci (najmniejszy obszar
obejmujcy cay przycisk i elementy jego stylu).
W podobny sposb ten sam styl namy na
warstwy pozostaych piciu przyciskw.

Tak jak w programie Photoshop, moemy wprowadza modyfikacje stylizowanych przyciskw.

W tym celu selekcjonujemy nazw wybranej
warstwy, naciskamy klawisze Ctrl/Command+T
jako odpowiednik wybrania polecenia Edit/Free
Transform (Edycja/Swobodnie przekszta),
a nastpnie, wciskajc klawisz Alt/Option, przecigamy jeden z uchwytw ramki przeksztacania (poczone przyciski zostan przeksztacone
w taki sam sposb).
Zarwno styl, jak i obszar
interaktywny automatycznie dostosowuj si do
zmian ksztatu przycisku.
Aby zakoczy operacj
przeksztacania, naley
nacisn klawisz Enter

ROZDZIA 1 PRACA ZE STYLAMI WARSTW

Photoshop_WOW.indd 32

2006-06-04 19:46:11