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

Photoshop 6.

wiczenia praktyczne
Autor: ukasz Oberlan
ISBN: 83-7197-531-7
Format: B5, stron: okoo 100

Witaj w magicznym wiecie cyfrowych obrazw!

Skoro zainteresowae si t ksik, to z pewnoci ju wiele syszae
o Photoshopie: e to program magiczny; e wprawny uytkownik potrafi wyczarowa
za pomoc tego narzdzia tak niesamowite obrazy, jak choby ten, ktry
zamiecilimy na okadce niniejszej ksiki; i e to bardzo skomplikowany program.
Bd jednak spokojny. Chocia trudno nie zgodzi si z powyszymi twierdzeniami,
to tak naprawd do opanowania Photoshopa potrzeba jedynie odrobiny zacicia
i kreatywnoci. Jest to rzeczywicie skomplikowany program -- uywaj go przecie
tak wymagajcy odbiorcy, jak profesjonalni graficy, specjalici od filmowych efektw
specjalnych, producenci gier wideo, fotograficy, projektanci przemysowi i wielu innych.
Z pewnoci jednak i Ty znajdziesz swoje miejsce wrd milionw uytkownikw
Photoshopa, bo to program dla kadego, kto marzy o zabawie w manipulowanie
rzeczywistoci. Wirtualn rzeczywistoci, trzeba doda, ale ona take zapewnia
pewien rodzaj artystycznego spenienia...
Zapraszam Ci zatem do krtkiej, lecz arcyciekawej podry po najistotniejszych
funkcjach nowej, szstej ju wersji Photoshopa -- programu, ktry przez jedenacie lat
obecnoci na rynku oprogramowania graficznego nieustannie przyciga rzesze
uytkownikw dziki coraz bardziej niesamowitymi rozwizaniom. Jego szsta wersja
przyniosa szczeglnie przydatne w codziennej pracy z programem udogodnienia, nowe
narzdzia i moliwoci dla kreatywnych umysw.
Photoshop to taki olbrzym o gobim sercu. Kiedy spojrze na niego po raz pierwszy,
wydaje si zimny, trudny i nieprzystpny. Na szczcie to tylko pozory. Daj sobie
zatem szans poznania czego nowego i odkrywczego. Do wszelkich stara, aby
przebrn przez pocztkowe trudnoci i dotrze do tego serca, a w olbrzym,
waciwie pokierowany, stanie si Twoim wasnym gladiatorem, narzdziem, dziki
ktremu porwiesz tumy. Wierz, e niniejsza ksika pomoe Ci wytrenowa Twojego
gladiatora w taki sposb, e uzyskasz nad nim cakowit kontrol.
Z yczeniami przyjemnej lektury i owocnej pracy,
Autor

Przedmowa ......................................................................................................................................... 5
Rozdzia 1.

Rozpoczcie pracy z programem............................................................................................. 7

Interfejs .......................................................................................................................................7
Posugiwanie si poszczeglnymi elementami interfejsu programu ....................................8
Palety ..................................................................................................................................13

Rozdzia 2. Podstawy edycji obrazu............................................................................................................. 19

Teoria obrazu ............................................................................................................................19
Przygotowanie obrazu do dalszej obrbki ................................................................................23
Kadrowanie obrazu .............................................................................................................23
Prostowanie skrzywionego obrazu .....................................................................................26
Zmiana systemu barwnego obrazu .....................................................................................28
Zapisywanie plikw w rnych formatach.........................................................................29

Rozdzia 3. Korekcja i retusz obrazw ........................................................................................................ 31

Korekcja kolorw......................................................................................................................31
Polecenie Wariacje .............................................................................................................32
Polecenie Barwa/Nasycenie................................................................................................36
Korekcja jasnoci i kontrastu ....................................................................................................40
Polecenie Jasno/Kontrast.................................................................................................40
Polecenie Poziomy..............................................................................................................42
Polecenie Krzywe ...............................................................................................................45
Dodatkowa korekcja obrazu......................................................................................................48
Polecenie Mapa gradientowa ..............................................................................................48
Polecenie Odwrotno ........................................................................................................51
Polecenie Wyrwnaj ...........................................................................................................52
Polecenie Prg ....................................................................................................................53
Polecenie Posteryzacja........................................................................................................54
Korekcja obrazu za pomoc filtrw ..........................................................................................55
Co dalej? ...................................................................................................................................59

C:\Andrzej\PDF\Photoshop 6. wiczenia praktyczne\SPIS_TRESCI.doc

Photoshop 6. wiczenia praktyczne

Rozdzia 4. Selekcje ............................................................................................................................................. 61

Narzdzia zaznaczenia ..............................................................................................................61
Zaznaczanie prostoktne, Zaznaczanie eliptyczne .............................................................62
Lasso ...................................................................................................................................63
Rdka ..............................................................................................................................65
Piro....................................................................................................................................67
Modyfikacja zaznaczenia ..........................................................................................................70
Dodawanie, odejmowanie i przecinanie z zaznaczeniem...................................................71
Przemieszczanie i przeksztacanie zaznaczenia..................................................................73

Rozdzia 5. Warstwy i kompozycje................................................................................................................ 75

Podstawowe operacje na warstwach .........................................................................................76
Tworzenie nowej warstwy..................................................................................................76
Usuwanie warstwy..............................................................................................................77
Powielanie warstwy ............................................................................................................77
czenie warstw .................................................................................................................78
Zmiana kolejnoci warstw ..................................................................................................79
Wielowarstwowe kompozycje graficzne ..................................................................................80
Dodawanie cienia do paskiego obrazu ..............................................................................80
Tworzenie przyciskw na stron WWW ............................................................................85

Dodatek A

Przygotowanie obrazw na potrzeby dystrybucji elektronicznej....................... 93

Wybr waciwego formatu ......................................................................................................93
Format GIF .........................................................................................................................94
Format JPEG.......................................................................................................................96
Tworzenie galerii zdj.............................................................................................................98

Dodatek B

Skrty klawiaturowe i ciekawostki ................................................................................... 101

Kilka wskazwek ....................................................................................................................102
Narzdzia ..........................................................................................................................103
Rozmiar pdzla .................................................................................................................103
Narzdzie Przesunicie .....................................................................................................103
Wywietlanie i ukrywanie palet........................................................................................103
Zmiana wielkoci podgldu..............................................................................................104
Menu kontekstowe............................................................................................................104
Kolor narzdzia i kolor ta ................................................................................................104
Wypenianie ......................................................................................................................104
Warstwy............................................................................................................................104
Polecenia Cofnij i Ponw .................................................................................................104
Polecenie Odwr .............................................................................................................105
Polecenia menu Dopasuj...................................................................................................105
Przycisk Wyzeruj..............................................................................................................105
Ciekawostki.............................................................................................................................105
Tajemniczy ekran tytuowy ..............................................................................................105
Kolejny tajemniczy obraz .................................................................................................106

C:\Andrzej\PDF\Photoshop 6. wiczenia praktyczne\SPIS_TRESCI.doc

Wiele miejsca w niniejszej ksice powicilimy zagadnieniom tworzenia obrazw.

Aby mc opublikowa powstae w ten sposb zoone obrazy cyfrowe w postaci elektronicznej, trzeba je najpierw odpowiednio przygotowa. Tym wanie zagadnieniem
zajmiemy si teraz przeanalizujemy sposoby optymalizacji obrazw dla sieci.

Zanim opublikujesz swoje obrazy w Internecie, zastanw si nad tym, co jest dla Ciebie
waniejsze: wygld strony WWW, czy te szybko pobierania jej zawartoci przez
Twoj przegldark internetow. Znalezienie kompromisu pomidzy obydwu tymi
opcjami nie jest oczywicie atwe.
Z atwoci mona zapisa plik z obrazem w jednym z formatw akceptowanych w Internecie. Photoshop zawiera kilka narzdzi przeznaczonych specjalnie do tego celu.
Wystarczy wybra jedno z nich i klikn kilkakrotnie mysz w kolejnych oknach dialogowych, a po chwili obrazek bdzie gotowy do zamieszczenia go na stronie WWW.
Niestety, tak przygotowany obraz zazwyczaj nie spenia oczekiwa ani jego twrcy, ani
osoby przygotowujcej stron WWW. Ustawienia optymalizacji pliku automatyczne
dobierane przez program prawie nigdy nie stanowi podanego kompromisu pomidzy
jakoci obrazu a wielkoci pliku wynikowego. Dlatego te parametry optymalizacji

94

Photoshop 6. wiczenia praktyczne

trzeba dobiera indywidualnie dla kadego obrazu, starajc si raczej nie polega na
opcjach proponowanych przez program. Pierwsz czynnoci w procesie optymalizacji
obrazu pod ktem jego wykorzystania w Internecie jest decyzja o wyborze formatu pliku.

GIF jest jednym z najpopularniejszych formatw plikw stosowanych w sieci Internet,

a to ze wzgldu na fakt, e pliki zapisane w tym formacie s bezporednio obsugiwane
przez przegldarki internetowe. Format GIF umoliwia sprawowanie kontroli nad wielkoci pliku za pomoc kompresji danych oraz redukcji palety kolorw i jest odpowiedni
dla obrazw z ograniczon liczb kolorw oraz szczegw. GIF moe by rwnie stosowany przy przygotowywaniu prostych animacji.
Ponisze wiczenie ukazuje, w jaki sposb mona przeprowadzi optymalizacj obrazu
z wykorzystaniem zapisu pliku w formacie GIF.

Optymalizacja pliku w formacie GIF

wiczenie A.1.

W niniejszym wiczeniu zoptymalizujemy obraz pod ktem jego wykorzystania w Internecie, zapisujc plik w formacie GIF. W tym celu posuymy si poleceniem indeksowania kolorw.
1. Po uruchomieniu programu, otwrz plik z obrazem zapisany w wewntrznym formacie

Photoshopa (plik z rozszerzeniem .psd). Powinien to by plik duy objtociowo,

dziki czemu atwiej bdzie Ci dostrzec zalety optymalizacji. Dobrym wyborem jest
np. plik o nazwie Hands, pochodzcy z kolekcji obrazw dostarczanych wraz
z Photoshopem przez producenta programu (folder Samples, wchodzcy w skad
folderu Photoshop 6, zawierajcego pliki programu). Rozmiar tego pliku siga
6,2 MB, wic jeli miaby on by opublikowany w Internecie, to z pewnoci
potrzebna byaby jego optymalizacja.
Rysunek A.1.
Obrazek o nazwie
Hands

Dodatek A L Przygotowanie obrazw na potrzeby dystrybucji elektronicznej

95

2. Majc ju obraz widoczny na ekranie monitora, wybierz polecenie Obrazek > Tryb >

Kolory indeksowane. Poniewa obraz Hands zawiera wicej ni jedn warstw,

pojawi si okno dialogowe z zapytaniem o zczenie warstw. Operacja ta jest
konieczna przed wykonaniem polecenia indeksowania kolorw. Kliknij przycisk OK.
Rysunek A.2.
Okno dialogowe
czenia warstw

3. Po wykonaniu operacji czenia warstw obrazu, na ekranie pojawi si kolejne okno

dialogowe, o nazwie Kolor indeksowany. Bdziesz teraz mg wybra opcje

optymalizacji obrazu. Na rysunku A.3 przedstawiono okno dialogowe Kolor
indeksowany. Przyjrzyj si wybranym opcjom i sprbuj zastosowa je w swoim
obrazku.
Rysunek A.3.
Okno dialogowe
Kolor indeksowany

4. W przypadku Twojego obrazka istotne s przede wszystkim opcje wyboru palety

kolorw (Paleta), ich liczby (Kolory) oraz rodzaju i wartoci ditheringu (Dithering;
Warto). Poniewa obrazek Hands nie naley do prostych grafik, dla ktrych
format GIF jest najbardziej odpowiedni, wybr selektywnej palety kolorw jest
dobrym rozwizaniem (paleta selektywna stanowi kompromis pomidzy kolorami
najczciej pojawiajcymi si w obrazie oraz kolorami bezpiecznymi dla sieci,
tzn. takimi, ktre s poprawnie reprodukowane w przegldarkach internetowych).
Zmniejszenie wartoci liczby kolorw np. do 64 lub nawet 32 mogoby rwnie
negatywnie wpyn na jako obrazu. Naley take wzi pod uwag stopie
ditheringu, poniewa mniejsze wartoci tego parametru rwnie mog wpyn na
pogorszenie jakoci obrazka.
Dithering to efekt wizualny pozwalajcy odnie wraenie pynnego przechodzenia jednego
koloru w drugi. Dziki temu obrazy korzystajce z ograniczonej palety kolorw (np. obrazy
GIF, ktre zawsze s obrazami 8-bitowymi, tzn. korzystajcymi z palety 256 kolorw)
wygldaj, jak gdyby powstay w oparciu o znacznie wiksz ni faktycznie wykorzystana
liczb kolorw. Dithering jest uyteczny w przypadku obrazw o cigej tonacji barw,
ale w rezultacie zastosowania tej opcji obrazy czsto wygldaj ziarnicie.
5. Po ustaleniu parametrw optymalizacji obrazka w oknie dialogowym Kolor

indeksowany, kliknij przycisk OK, aby potwierdzi wybrane ustawienia.

Zauwa, e w tym momencie zmieni si tryb wywietlania kolorw w pliku,
z ktrym pracujesz. Informacja o tym pojawia si na pasku tytuowym okna
dokumentu (w nawiasie obok nazwy pliku zobaczysz teraz napis Indeks).

96

Photoshop 6. wiczenia praktyczne

6. Aby zakoczy optymalizacj, zapisz plik w formacie GIF. W tym celu wybierz

polecenie Plik > Zapisz jako. Pojawi si okno dialogowe Zapisz jako, w ktrym
wybierz format zapisu CompuServe GIF (lista rozwijana Format). Kliknij przycisk
Zapisz. Pojawi si kolejne okno dialogowe, tym razem z opcjami zapisu pliku GIF.
Pozostaw domylne ustawienia (Normal) i kliknij przycisk OK, co spowoduje
ostateczne zapisanie pliku na dysku. Sprawd teraz wielko zapisanego przed chwil
pliku. W moim przypadku plik o wielkoci 6,2 MB zmniejszy rozmiar do 96 kB!

JPEG to kolejny format plikw graficznych popularny w zastosowaniach sieciowych.

Jest on rwnie bezporednio obsugiwany przez przegldarki internetowe. Format ten
przydatny jest wtedy, gdy zapisywanie plikw typu GIF nie daje zadowalajcych rezultatw. JPEG jest wic dobrym wyborem w przypadku zapisywania plikw graficznych zawierajcych obrazy o jednolitej cigoci barw i pynne przejcia tonalne, czyli
np. fotografie. Format JPEG umoliwia korzystanie z 24-bitowej palety kolorw (ok.
16,7 mln kolorw), ale kompresja plikw odbywa si w przeciwiestwie do formatu
GIF ze strat jakoci obrazu. Naley o tym pamita przy dobieraniu parametrw
optymalizacji pliku: im mniejszy plik, tym gorsza jako obrazu.
Optymalizacj plikw JPEG najlepiej przeprowadzi za pomoc moduu Zapisz dla
Weba (troch niefortunne tumaczenie narzdzia Save for Web z angielskiej wersji programu), dostpnego po wybraniu polecenia o tej samej nazwie z menu Plik. Wykonajmy
wiczenie ilustrujce przebieg tego procesu.

Optymalizacja pliku w formacie JPEG

wiczenie A.2.
1. Otwrz plik graficzny o duej objtoci. Aby porwna niniejsz metod optymalizacji

obrazw z opisan wczeniej, posu si tym samym obrazem (Hands.psd),

z ktrego korzystae w wiczeniu A.1.
2. Majc ju obraz widoczny na ekranie monitora, wybierz polecenie Plik > Zapisz

dla Weba. Na ekranie pojawi si due okno dialogowe o nazwie Zapisz dla Weba,
w ktrym znajdziesz wiele opcji optymalizacji pliku pod ktem jego dystrybucji
elektronicznej. Okno to stanowi w zasadzie osobny modu programu Photoshop,
zaprojektowany specjalnie w celu przygotowywania duych objtociowo obrazw
do publikacji w Internecie. Wygld okna Zapisz dla Weba przedstawia rysunek A.4.
3. Z informacji na dole okna wynika, e obraz bdzie optymalizowany pod ktem

zapisu pliku w formacie GIF. Nas jednak interesuje format JPEG, dlatego z listy
rozwijanej formatw zapisu w prawej czci okna (sekcja Ustawienia) wybierz
opcj JPEG, w miejsce ustawionej domylnie GIF. Po wykonaniu tej czynnoci
zmieniaj si niektre parametry dostpne w oknie Zapisz dla Weba. Znika m. in.
tabela kolorw, ktrej wykorzystanie jest charakterystyczne dla plikw GIF.

Dodatek A L Przygotowanie obrazw na potrzeby dystrybucji elektronicznej

97

Rysunek A.4.
Okno dialogowe
Zapisz dla Weba

4. Upewnij si, e w sekcji Ustawienia okna Zapisz dla Weba zaznaczona jest opcja

Zoptymalizowany, a opcje Postpowy oraz Profil ICC pozostaj nieaktywne.

Opcja Zoptymalizowany pozwala uzyska mniejszy plik o zauwaalnie lepszej
jakoci, natomiast wyczenie opcji Profil ICC zabezpiecza plik przed doczeniem
do niego tzw. profilu kolorw, ktrego obecno nie ma wikszego znaczenia
w przypadku obrazw publikowanych w Internecie.
5. Kliknij zakadk 4 na ekranie, dziki czemu uzyskasz podgld zarwno obrazu

w jego oryginalnej postaci, jak i trzech wersji jego optymalizacji. Przyjrzyj si

uwanie kademu z czterech widocznych teraz na ekranie obrazkw i zwr uwag
na ich jako oraz informacje o wielkoci pliku, a take o czasie jego pobierania
przy okrelonej szybkoci poczenia z Internetem. Informacje te wywietlane s
w dolnej czci ramki podgldu.
Rysunek A.5.
Okno dialogowe
Zapisz dla Weba
zakadka 4 na ekranie,
pocztkowe ustawienia
optymalizacji pliku JPEG

98

Photoshop 6. wiczenia praktyczne

6. Korzystajc z tego, e moesz ocenia jednoczenie trzy wersje optymalizacji

obrazu, przypisz do kadej ramki podgldu inne ustawienia. W tym celu kliknij
najpierw lew ramk w grnym rzdzie i wybierz z listy rozwijanej Ustawienia
w prawej czci okna opcj Oryginalny. W ten sposb ustawie podgld obrazu
w jego pierwotnej postaci. Kliknij teraz kolejn ramk podgldu, po czym wybierz
z listy Ustawienia opcj JPEG High. Kliknij lew ramk podgldu w dolnym rzdzie
i przypisz do niej ustawienia JPEG Medium. W ostatniej ramce ustaw opcj JPEG
Low, wybierajc j rwnie z listy rozwijanej Ustawienia. S to gotowe ustawienia
optymalizacji pliku oferowane przez program. Jeli nie zadowala Ci adne z nich,
kliknij ikon strzaki w polu Jako, stanowicym cz sekcji Ustawienia okna
Zapisz dla Weba. Pojawi si suwak, za pomoc ktrego moesz pynnie regulowa
jako obrazka i, tym samym, wynikow wielko pliku. Uzyskanie najlepszego
kompromisu pomidzy jakoci obrazu i wielkoci pliku moliwe jest wycznie
poprzez metod prb i bdw. Sprawd moliwie najwiksz ilo kombinacji
i wybierz t, ktra najbardziej Ci odpowiada.
Zauwa, e w ramce podgldu obrazu w wersji oryginalnej widnieje informacja o objtoci
pliku wynoszcej 672 kB. Oznacza to, e ju samo zapisanie pliku w formacie JPEG powoduje
znaczce zmniejszenie jego wielkoci (w tym przypadku prawie dziesiciokrotne). Tym niemniej,
jeli obrazek miaby by wywietlany w niewielkim okienku w przegldarce internetowej,
to moesz przeprowadzi prawie maksymaln jego kompresj. Wybr opcji JPEG Low z listy
Ustawienia pozwoli ograniczy wielko pliku do zaledwie 12,96 kB! To naprawd wietny
wynik.
7. Jeli zdecydowae si ju na jak wersj zoptymalizowanego obrazka, to kliknij

najpierw odpowiedni ramk podgldu, a potem przycisk OK. Pojawi si kolejne

okno dialogowe, w ktrym nie zmieniaj adnych ustawie. Moesz jedynie poda
now nazw pliku. Na koniec kliknij przycisk Zapisz, a zoptymalizowany plik zostanie
zachowany na Twoim dysku.

Przygotowanie plikw graficznych do publikacji w Internecie jest czym innym ni

umieszczenie ich na stronie WWW. Za pomoc Photoshopa moesz samodzielnie skonstruowa tak stron, bez koniecznoci nauki HTML-a, JavaScript-u, czy jakiejkolwiek
innej technologii wykorzystywanej do budowy stron WWW.
Do utworzenia galerii zdj suy modu Galeria zdj Weba, dostpny po wybraniu
polecenia o tej samej nazwie z podmenu Plik > Automatyzuj. W poniszym wiczeniu
utworzymy tak przykadow galeri, zawierajc rwnie miniaturki wszystkich wykorzystanych obrazkw.
wiczenie A.2.
1. Zgrupuj w jednym folderze wszystkie obrazy, ktre chciaby zamieci na swojej

stronie WWW i zapamitaj lokalizacj tego foldera na dysku.

Dodatek A L Przygotowanie obrazw na potrzeby dystrybucji elektronicznej

99

2. Uruchom Photoshopa, a nastpnie (nie otwierajc adnego pliku) wybierz polecenie

Plik > Automatyzuj > Galeria zdj Weba. Po chwili na ekranie zobaczysz okno
dialogowe o nazwie Galeria zdj Weba.
Rysunek A.6.
Okno dialogowe
Galeria zdj Weba

3. Wybierz styl prezentacji obrazkw i ich miniaturek w galerii. Su do tego opcje

dostpne na licie rozwijanej Style. Wybieraj kolejno wszystkie opcje i w okienku

podgldu z prawej przyjrzyj si, jak bdzie wyglda Twoja galeria.
4. Z listy rozwijanej Opcje wybierz kolejne ustawienia dotyczce wygldu Twojej

strony. Obydwie listy, Style oraz Opcje, pozwalaj dokadnie okreli sposb,
w jaki galeria obrazw bdzie prezentowa si w oknie przegldarki.
Na pocztek wybierz opcj Galeria miniaturek.
5. Zaznacz opcj Opis: Uyj nazwy pliku, co spowoduje, e nazwa obrazu stanie si

jednoczenie odnonikiem do niego wywietlanym obok danej miniaturki. Jeli wraz

z plikiem zapisae jakie dodatkowe informacje (za pomoc polecenia Plik > Info
o pliku), to moesz zaznaczy opcj Uyj nagwka pliku Info, a informacje te bd
peniy rol wspomnianego odnonika. Przy okazji okrel rwnie nazw oraz rozmiar
czcionki (listy Czcionka oraz Rozmiar czcionki).
6. Z listy rozwijanej Rozmiar wybierz jeden ze standardowych rozmiarw miniaturek,

ewentualnie wpisz wasn wielko w polu tekstowym widniejcym obok.

7. Kolejne trzy pola tekstowe, Kolumny, Rzdy i Rozmiar krawdzi, su do okrelenia

ukadu miniaturek na ekranie. Wybierz wasne ustawienia lub pozostaw domylne.

8. Teraz z listy Opcje w grnej czci okna wybierz opcj Galeria obrazkw, co pozwoli

Ci okreli sposb wywietlania obrazu, do ktrego odnonik stanowi odpowiednia

miniaturka.
9. Jeli obraz powinien zosta otoczony ramk, to podaj jej szeroko w polu Rozmiar

krawdzi. Ponadto, zaznaczajc opcj Zmie wielko obrazkw moesz ustawi

now wielko obrazw zamieszczanych w galerii oraz stopie ich kompresji JPEG.
10. Ponownie signij do listy Opcje, wybierajc pozycj Banner. Tutaj bdziesz mg

zaprojektowa stron informacyjn galerii. Docz te informacje, na ktrych Ci zaley,

a pojawi si one w nagwku strony z galeri Twoich obrazw.

100

Photoshop 6. wiczenia praktyczne

11. Kolejna pozycja na licie rozwijanej Opcje to Kolory specjalne. Tutaj z kolei bdziesz

mg okreli kolorystyk poszczeglnych elementw strony.

12. Kliknij mysz przycisk rdo. Pojawi si okno dialogowe, w ktrym zlokalizuj

przygotowany wczeniej folder, gdzie zgromadzie swoje obrazy. Upewnij si,

e przed klikniciem przycisku rdo zaznaczye rwnie opcj Docz wszystkie
podkatalogi dziki temu do strony doczone zostan rwnie wszystkie obrazy
z ewentualnych podfolderw wchodzcych w skad foldera gwnego.
Kliknij przycisk OK.
13. Kliknij mysz przycisk Cel. Pojawi si okno dialogowe, w ktrym okrel folder na

dysku, do ktrego powinna zosta zapisana gotowa strona WWW. Potwierd wybr
przez kliknicie przycisku OK. Po ukoczeniu procesu tworzenia galerii obrazw
Photoshop wywietli Twoja galeri w oknie przegldarki internetowej.
Rysunek A.7.
Przykadowa galeria
obrazw w oknie
przegldarki
internetowej

Jak wida z powyszych wicze, optymalizacja obrazw moe przynie zadowalajce

efekty w zmniejszaniu objtoci plikw. Jednak optymalizacja obrazw dla sieci to zagadnienie zoone i aby za kadym razem osiga dobre rezultaty, potrzeba wielu godzin
prb z rnymi typami obrazw. Pracujc nad jednym plikiem, sprawd rne ustawienia parametrw optymalizacji i uwanie przygldaj si efektom. Zwracaj uwag zarwno
na kocow jako obrazu, jak i na wielko pliku. Pamitaj, e kluczem do powodzenia
jest uzyskanie dobrego kompromisu pomidzy tymi dwoma cechami.