background image

nauczyć się tworzenia rolloverów, przezro-

czystych plików GIF albo optymalizowania

grafiki – zapraszam do lektury artykułu. Naj-

pierw zaznajomimy się z oknem programu. 

Paint Shop Pro pozwala na skonfigurowa-

nie obszaru roboczego i zapamiętanie go

(komenda 

File | Workspace | Save

).

Oczywiście poszczególne elementy pakietu

możemy w trakcie pracy otwierać i zamykać

bądź też korzystać z opcji ich automatycz-

nego zwijania. 

Palety i okna

Sercem Paint Shop Pro jest pasek narzędzi.

Wszystkie narzędzia w programie dostępne

są właśnie za jego pośrednictwem. Tak jak

każdy inny element, można go umieścić

w dowolnym miejscu okna programu, choć

najczęściej widoczny jest on jako pionowy

pasek po lewej stronie okna aplikacji. 

Kliknięcie określonego narzędzia spowo-

duje wyświetlenie listy dostępnych funkcji

w palecie opcji. Tę ostatnią można włączać

i wyłączać naciskając klawisz [O] lub klikając

odpowiednią ikonę na pasku narzędzi. Paletę

opcji da się automatyczne zwijać za pomocą

przycisku ze strzałką – znajduje się on w pra-

wym górnym rogu palety. 

Kiedy otwieramy jakiś plik lub nowy do-

kument, Paint Shop Pro umieszcza go

w osobnym oknie. To ostatnie można prze-

suwać w dowolne miejsce, maksymalizować

i minimalizować korzystając z odpowied-

nich przycisków. Jeżeli wymiary grafiki wy-

kraczają poza obszar widoczny na monito-

rze, wyświetlana jest tylko część

obrazka, którą można przesuwać za

pomocą pasków przewijania. Da się

także zmniejszać i powiększać wi-

dok całości wydając komendy

View | Zoom In

i

View | Zoom

Out

, albo przywrócić „normalny”

widok za pomocą ikony na pasku

narzędziowym. 

Wiemy już zatem co nieco o PSP

7. Możemy przystąpić do obróbki

grafiki. Przydadzą się przy tym pliki

ćwiczeniowe, które zamieszczamy

na CHIP-CD.

CHIP

| SIERPIEŃ 2002

M

ocną stroną pakietu jest jego

prosta i intuicyjna obsługa, po-

zwalająca początkującym użyt-

kownikom na uzyskiwanie zaawansowanych

efektów graficznych. Najnowsza wersja PSP

7.04 oferuje narzędzia usprawniające współ-

pracę z aparatami cyfrowymi, szereg opcji

pomocnych projektantom przygotowującym

grafikę na strony WWW (m.in. funkcje cię-

cia dużych plików graficznych na mniejsze,

tworzenie map bitowych) oraz mnóstwo in-

nych narzędzi dostępnych do tej pory jedy-

nie w drogich i zaawansowanych progra-

mach graficznych. Jednym słowem firma

Jasc Software dołożyła wielu starań, aby do-

pieścić najnowszą wersję swojego sztanda-

rowego produktu. Mnogość narzędzi to zale-

ta – ale niedoświadczonemu użytkownikowi

zaraz nasuwa się pytanie: jak z tego wszyst-

kiego skorzystać? 

Pierwsze kroki

Niejedna osoba potrafi używać PSP tylko do

wykonywania zrzutów ekranowych albo

przeglądania obrazków. Jeśli chcecie jednak

Jak wykorzystać narzędzia Paint Shop Pro

Pokaż, co umiesz

Paint Shop Pro to obecnie niezwykle popularne narzędzie do obróbki

grafiki oraz zdjęć. Mnogość oferowanych przez pakiet funkcji potrafi

przyprawić o zawrót głowy.

A

Arrk

ka

ad

diiu

us

szz  Ł

Łu

uc

czzyyk

k

132

AK TUALNOŚCI  

>>

TEMAT NUMERU  

>>

HARDWARE  

>>

SOFT WARE  

>>  

INTERNET I G@DŻET Y  

>>

PORADY

>>

MAGAZYN

Podstawowe okno Paint Shop Pro 

– z tego

miejsca zarządzamy całym pakietem.

kasia szymczak

W A R T Y K U L E

Na kawałki:
Tworzenie aktywnej 
mapy bitowej

Naciśnij klawisz:
Przyciski na stronie WWW

Dwa oblicza obrazka:
Rollovery

Tego nie widać:
Tworzenie przezroczystych
plików GIF

Pliku, pomniejsz się: 
Optymalizacja grafiki 
na potrzeby Internetu

Poprawianie kliszy: 
Korekcja zdjęć

134

134

135

136

137

133

background image

133

AK TUALNOŚCI  

>>

TEMAT NUMERU  

>>

HARDWARE  

>>

SOFT WARE  

>>  

INTERNET I G@DŻET Y  

>>

PORADY

>>

MAGAZYN

Obróbka grafiki w Paint Shop Pro

CHIP

| SIERPIEŃ 2002

mogą prowadzić bezpośrednio do konkret-

nych podstron witryny. 

Po przypisaniu fragmentom mapy bito-

wej odpowiednich właściwości zapisujemy

rezultat pracy korzystając z przycisku 

Save

.

W tym momencie zostanie wygene-

rowany kod HTML niezbędny do

wyświetlenia całości aktywnej ma-

py bitowej. Teraz wystarczy w prze-

glądarce WWW otworzyć przygoto-

wany plik HTML, aby zobaczyć

rezultat pracy. Warto jeszcze za-

pamiętać układ komórek naszej gra-

fiki i przypisane im właściwości.

Robimy to, klikając przycisk 

Save

Settings

. Jeżeli w przyszłości będą

potrzebne jakieś modyfikacje mapy,

wystarczy otworzyć grafikę, uru-

chomić Image Slicera i skorzystać

z przycisku 

Load Settings

, wska-

zując na plik z rozszerzeniem JSD –

właśnie on zawiera zapamiętane ustawienia. 

Aktywną mapę bitową można wykorzy-

stać na dwa sposoby:

1. Otworzyć plik HTML w edytorze gra-

ficznym (np. Dreamweaver lub FrontPage)

i dodać pozostałe komponenty strony, takie

jak tekst, grafikę itp.

2. Otworzyć plik HTML w Notatniku,

skopiować cały kod i wkleić go do zbioru

HTML otwartego w edytorze takim jak np.

HomeSite. W ten sposób można wstawić ak-

tywną mapę do istniejącej już strony. Trzeba

jednak pamiętać, by wszystkie grafiki wcho-

dzące w jej skład znajdowały się w tym sa-

mym katalogu co plik HTML – w innym

przypadku trzeba zmienić ścieżki dostępu

do każdej grafiki z osobna.

I

Pewnie nieraz widzieliście specyficzny

rodzaj grafiki na stronie WWW – była ona

podzielona na odrębne obszary, a każdy

z tych ostatnich służył jako niezależny odsy-

łacz internetowy. To aktywna mapa bitowa.

Aby sporządzić taki element, należy „pokro-

ić” obrazek na kilka fragmentów, które po

złożeniu będą na stronie internetowej wy-

glądały jak całość. 

Kreator cięcia

Przygotowując aktywną mapę bitową, za-

czynamy od sporządzenia (lub otwarcia)

grafiki w Paint Shop Pro. Gdy obrazek jest

gotowy, uruchamiamy narzędzie do cięcia

(Image Slicing Tool). Za jego pomocą po-

dzielimy obraz na fragmenty, które zostaną

zapisane w osobnych plikach. Później Paint

Shop Pro przygotuje kod HTML, który po-

zwoli na „złożenie” fragmentów, tak aby

przeglądarka WWW wyświetliła wszystkie

części grafiki jako całość. Na koniec wystar-

czy skopiować kod i obrazki do pliku HTML

opisującego witrynę. 

Grafika widoczna po prawej stronie po-

służy jako przykład do stworzenia aktywnej

mapy bitowej. Obrazek dobrze się nadaje do

pocięcia, gdyż wszystkie obszary mają

prostokątny kształt. Po otwarciu grafiki

wydajemy polecenie 

File | Export | Ima-

ge Slicer

. Zobaczymy okno dialogowe,

w którym znajdziemy kilka narzędzi: 

Arrow Tool – zaznacza pojedyncze ko-

mórki i służy do precyzyjnego pozycjono-

wania linii cięcia.

Grid Tool – uruchamia okno dialogowe

Grid Size służące do równego rozmieszczenia

linii cięcia. Narzędzie to jest używane na po-

czątku do wstępnego rozmieszczenia linii.

Slicer Tool – służy do ręcznego zaznacza-

nia linii cięcia. Za jego pomocą można też

tworzyć poziome i pionowe linie wewnątrz

komórek.

Delete Tool – usuwa z obrazka pojedyn-

cze linie cięcia.

Pan Tool – służy do podglądu całej grafiki.

Co jest czym?

Kiedy już zaznaczyliśmy poszczególne ak-

tywne fragmenty obrazka (komórki), można

im zacząć przypisywać odrębne właściwo-

ści. W tym celu najpierw za pomocą narzę-

dzia ze strzałką 

należy zaznaczyć komór-

kę, a następnie wybrać jedną z dostępnych

opcji:

URL

– odsyłacz w postaci adresu interneto-

wego lub przekierowania do innej strony

w ramach tego samego serwisu.

Alt Text

– tekst pojawiający się zamiast ob-

razka (jeżeli ten ostatni się nie załadował)

lub napis widoczny po pojawieniu się

wskaźnika myszy na obrazku.

Target

– określa, w jakim oknie otworzy się

dokument. Do wyboru jest pięć wariantów:

_top

_parent

_self

_blank

i

_Named

Frame

.

Pozostałe funkcje

Image Slicer udostępnia też kilka dodatko-

wych opcji pomocnych podczas obrabiania

grafiki:

Rollovers

– umożliwia wyświetlanie w da-

nej komórce alternatywnej grafiki w zależ-

ności od położenia wskaźnika myszy.

Format

– pozwala na zapisanie każdej ko-

mórki z osobna w postaci pliku typu GIF,

JPEG lub PNG. Ponieważ każdy z tych for-

matów ma swoje zalety i wady, można zapi-

sać niektóre komórki jako zbiory JPEG, a po-

zostałe jako GIF. Zaznaczenie opcji 

Apply

optimization to whole image

unieważ-

nia indywidualne ustawienia dla każdej ko-

mórki i optymalizuje wszystkie obszary

mapy w ten sam sposób. 

Niektóre komórki w naszym przykładzie

mają przypisane internetowe odsyłacze.

I tak, kliknięcie logo CHIP-a spowoduje

otwarcie nowego okna (

Target: _blank

),

w którym zobaczymy główną stronę witryny

czasopisma (http://www.chip.pl/). Po przy-

trzymaniu myszy nad logo wyświetli się 

dodatkowo napis „Witryna magazynu 

CHIP” (

Alt text: Witryna magazynu

CHIP

). Wszystkie pozostałe odsyłacze 

Za pomocą 

Image Slicera

podzielimy mapę bitową

na fragmenty i przypiszemy im różne właściwości.

Po skojarzeniu fragmentu mapy bitowej

z odsyłaczem kliknięcie obrazka spowo-
duje wyświetlenie strony WWW.

Tworzenie aktywnej mapy bitowej

134

»

background image

CHIP

| SIERPIEŃ 2002

134

AK TUALNOŚCI  

>>

TEMAT NUMERU  

>>

HARDWARE  

>>

SOFT WARE  

>>  

INTERNET I G@DŻET Y  

>>

PORADY

>>

MAGAZYN

z jego właściwościami zaznacz kolorowy pro-

stokąt 

Fill

(opcja 

Styles

), wybierz pożądany

kolor i kliknij 

OK

5. Wydaj polecenie 

Layer | New Vector

Layer

i nadaj nowej warstwie nazwę 

Tekst

.

6. Uruchom narzędzie tekstu 

, kliknij

w obrębie okna dokumentu i upewnij się, że

w opcji 

Create as

zaznaczona jest pozycja

Vector

oraz że opcja 

Antialias

jest aktywna. 

7. Wybierz czcionkę, jej wielkość, kolor i for-

matowanie, po czym kliknij 

OK

.

8. Jeżeli zachodzi potrzeba, skoryguj

ustawienie napisu za pomocą narzę-

dzia do przesuwania 

.

9. Kliknij prawym przyciskiem myszy

warstwę 

Tekst

. Wydaj polecenie 

Con-

vert to Raster Layer

.

10. Z górnego menu wybierz 

Effects |

3D Effects | Drop Shadow

. Ustaw

pożądane parametry efektu i kliknij

OK

.

11. Za pomocą narzędzia wyboru 

usuń zbędną część tła i zapisz rezultat

swojej pracy.

2. Na pasku narzędzi zaznacz narzędzie

Preset Shapes

. Z palety opcji wybierz

Button 004

. Upewnij się, że opcje 

Retain

style 

i

Create as vector

są zaznaczone.

3. Kliknij w obrębie okna dokumentu i nary-

suj przycisk o żądanej wielkości.

4. Jeżeli chcesz zmienić kolor przycisku, sko-

rzystaj z palety warstw i kliknij znak 

+

obok

warstwy 

Layer 1

, za-

znacz 

Button 004

, po

czym kliknij dwukrotnie

obiekt 

Color

. W oknie

I

Dawno minęły już czasy gdy na stronach

WWW wszystkie odsyłacze miały postać

napisów, które od reszty tekstu odróżniały się

tylko kolorem czcionki. Oczywiście taki typ

odsyłacza ma rację bytu, ale czasami warto

go zastąpić specjalną grafiką – przyciskiem.

Oto sposób jej przygotowania:

1. Wydaj polecenie 

File |

New

. Ustaw parametry:

Width: 200 pixels

Height:

200 pixels

Background Co-

lor: Transparent

.

Przyciski na stronie WWW

Oto efekt pracy

– przycisk prze-
znaczony na
stronę WWW.

Jeśli na przycisku ma być 

widoczny napis

, konieczne

jest ustalenie kroju wykorzy-
stywanej czcionki.

Narzędzie Preset Shapes

pozwala na wybranie typu
przycisku jaki zamierzamy
przygotować.

Klawisz warto czasem

uatrakcyjnić

: najłatwiej 

to zrobić, dodając do napisu
efekt cienia.

2. Otwórz pierwszą grafikę (w naszym przy-

padku będzie to ROLLOVER_1.GIF) i wydaj

polecenie 

File | Export | Image Mapper

3. Skorzystaj z narzędzi wyboru 

, aby

zaznaczyć obszary aktywne – właśnie po

pojawieniu się kursora myszy w ich obrębie

nastąpi efekt zamiany grafiki. 

4. Uaktywnij wybrany obszar za pomocą na-

rzędzia ze strzałką i przypisz mu wybrane

właściwości (

URL

Alt text

Target

)

5. Kliknij przycisk 

Rollover Creator

.

6.  Zaznacz opcje 

Mouse over

i wybierz

plik ROLLOVER_2.GIF (lub własny).

7. Zaznacz opcje 

Mouse out

, ale nie wybie-

raj żadnego pliku, ponieważ w tym przypad-

ku zostanie użyta pierwsza wersja obrazka

(ROLLOVER_1.GIF), a o to właśnie nam cho-

dzi. Kliknij 

OK

.

8. Za pomocą przycisku 

Save

za-

pisz rezultat swojej pracy na dysk.

9. Jeżeli chcesz wstawić swój roll-

over na stronę WWW, postępuj

według wskazówek przedstawio-

przy okazji omawiania aktywnych

map bitowych.

poprzez włączanie i wyłączanie widoczno-

ści drugiej warstwy. 

Zmień wygląd

Na pozór istnieje kilka rodzajów rolloverów –

zmieniają się one po najechaniu na nie

wskaźnikiem myszy albo po kliknięciu grafi-

ki. Tak naprawdę jednak rollovery są iden-

tyczne – różne są zaś sposoby obsługiwania

przez przeglądarkę WWW określonego zda-

rzenia – pojawienia się wskaźnika myszy na

obrazku, kliknięcia rysunku itp. Przygotuje-

my rollover w pierwszej postaci. 

1. Zapisz na dysk prezentowane poniżej gra-

fiki (znajdują się na CHIP-CD) lub skorzystaj

z własnoręcznie przygotowanych obrazków. 

I

Umieśćmy na stronie WWW obrazek, któ-

ry będzie zmieniał wygląd po pojawieniu się

na nim wskaźnika myszy lub po kliknięciu

w obrębie grafiki. Do sporządzenia takiego

elementu – rollovera – potrzebne są dwa pliki

zawierające obrazek. Zazwyczaj są one nie-

wielkie, tak by pobieranie dwóch zbiorów za-

miast jednego nie spowalniało ładowania wi-

tryny. Do tworzenia rolloverów w Paint Shop

Pro służy narzędzie o nazwie Image Mapper. 

Na początek klonowanie

Musimy sporządzić dwie grafiki o dokładnie

takich samych rozmiarach. Pierwsza będzie

obrazkiem pokazywanym „normalnie”, dru-

ga zaś to rysunek widoczny po pojawieniu

się wskaźnika myszy na pierwszym obraz-

ku. Najprościej będzie wykonać jeden rysu-

nek, następnie go skopiować i nanieść zmia-

ny na duplikat. Innym sposobem jest

stworzenie pierwszej wersji na osobnej war-

stwie, skopiowanie warstwy i wprowadzenie

do niej odpowiednich zmian. W ten sposób

zyskujemy dodatkowo możliwość bezpo-

średniego podglądu końcowego efektu pracy

Rollovery

Dwie postacie tej samej grafiki

– z nich właśnie 

złożymy rollover.

background image

I

Podczas przygotowywania

stron WWW niejednokrotnie

korzysta się z pewnej cechy pli-

ków typu GIF. Otóż w takiej gra-

fice jeden z kolorów może zo-

stać zadeklarowany jako

przezroczysty. Oznacza to, że

ów kolor nie będzie widoczny

podczas wyświetlania obrazka

przez przeglądarkę internetową.

W rezultacie zobaczymy tło

strony WWW. Daje to możli-

wość uzyskania ciekawego efek-

tu wizualnego. 

W wersji 7.x programu Paint

Shop Pro przezroczysty plik

typu GIF można utworzyć na

kilka sposobów. Oto najprostszy

z nich:

1. Otwórz nowy plik i umieść na

nim dowolny napis.

2.  Wydaj polecenie 

File |

Export | GIF Optimizer

.

3.  Na zakładce 

Transparency

wybierz opcję 

Existing image

or layer transparency

.

4.  Upewnij się, że na zakładce

Colours

zaznaczona jest opcja

Optimized Median Cut

. Klik-

nij 

OK

.

5.  W oknie dialogowym 

Save

Copy As

wpisz nazwę pliku

i kliknij 

Save

.

Taka metoda sprawdza się tylko

wtedy, gdy dysponujemy goto-

wym tłem i chcemy umieścić na

nim jakiś napis. Jeżeli natomiast

mamy do czynienia z istniejącą

już grafiką, zawierającą zarów-

no napis, jak i jednolite, koloro-

we tło, procedura utworzenia

przezroczystego pliku będzie

wyglądała nieco inaczej: 

1. Otwórz obrazek w programie 

Paint Shop Pro.

2.  Z paska narzędzi wybierz

przycisk z pipetą 

i kliknij 

nim w

obrębie tła, które 

chcesz uczynić przezroczystym. 

Niezbędna jest tutaj pewna

uwaga: całe tło musi mieć jed-

nolity kolor, by w całości stało

się niewidzialne. Aby spraw-

dzić, czy takie właśnie jest, trze-

ba przesuwać pipetę nad tłem

i obserwować składniki RGB ko-

loru. Powinny być one takie sa-

me w obrębie całego tła. 

3.  Wybrany kolor stał się teraz

kolorem pierwszoplanowym

(

Foreground Colour

). Kliknij

go na samej górze palety kolo-

rów .

4. W oknie dialogowym 

Colour

zaznacz pole 

HTML code

i skopiuj znajdującą się tam

szesnastkową reprezentację ko-

loru tła, korzystając z kombina-

cji klawiszy [Ctrl]+[C].

5. Wydaj polecenie 

File |

Export | GIF Optimizer

.

6. Na zakładce 

Transparency

wybierz opcje 

Areas that

match this colour

, następnie

kliknij pole obok, a później

w sekcję 

HTML code 

wklej

wcześniej skopiowaną wartość,

naciskając kombinację klawiszy

[Ctrl]+[V]. 

7. Upewnij się, że na zakładce

Colours

zaznaczona jest opcja

Optimized Median Cut

. Klik-

nij 

OK

.

8. W oknie dialogowym 

Save

Copy As

wpisz nazwę pliku

i kliknij 

Save

.

Przezroczyste 
pliki GIF

Wartość z pola HTML code

pozwala określić kolor tła
przezroczystego pliku GIF.

136

»

background image

CHIP

| SIERPIEŃ 2002

136

AK TUALNOŚCI  

>>

TEMAT NUMERU  

>>

HARDWARE  

>>

SOFT WARE  

>>  

INTERNET I G@DŻET Y  

>>

PORADY

>>

MAGAZYN

Obróbka grafiki w Paint Shop Pro

I

Co najbardziej drażni internautę podczas

sieciowych wędrówek? Oczywiście długi

czas ładowania stron WWW. Można temu

zaradzić – użycie zaawansowanych technik

kompresji obrazu pozwala skrócić czas prze-

syłania internetowych witryn z serwera do

komputera użytkownika. 

Czym się bawić?

Najpopularniejszymi formatami stosowany-

mi w Internecie są obecnie GIF i JPEG, więc

do nich ograniczymy nasze rozważania.

Wymienione typy zbiorów są wszechobecne

w Sieci, choć istnieją inne rodzaje plików,

które można używać na stronach WWW – na

przykład PNG. Nawiasem mówiąc Paint

Shop Pro potrafi obrabiać grafikę w tym

ostatnim formacie. 

Kiedy wybieramy format zapisu plików

graficznych przeznaczonych na strony

WWW, ogólną regułą jest zapisywanie zdjęć

i innych obrazków o dużej liczbie kolorów

i przejść tonalnych jako zbiory typu JPEG,

natomiast pozostałych grafik jako pliki GIF.

Warto też pamiętać, że format JPEG stosuje

tzw. kompresję stratną, co oznacza, że przy

każdym zapisie w tym formacie następuje

niewielkie pogorszenie jakości obrazu. Dlate-

go też, jeżeli zachodzi potrzeba zapamiętania

grafiki podczas obróbki, warto wybrać inny

format, niestosujący żadnych metod kompre-

sji (np. własny format Paint Shop Pro – PSP),

a dopiero w ostatniej fazie zapisać rezultat

pracy jako JPEG. Dla odmiany GIF korzysta

z bezstratnej kompresji, więc można bez oba-

wy utraty jakości zapisywać i otwierać plik

wiele razy. Kolejną zaletą tego formatu jest

przezroczystość, co oznacza, że można wy-

brać jeden kolor, który będzie widziany przez

przeglądarkę jako przezroczysty, a zatem po-

zwalający na zobaczenie znajdującego się

pod nim tła. Z kolei format JPEG nie przewi-

duje stosowania opcji przezroczystości. Pod-

sumuowanie charakterystycznych cech każ-

dego formatu zamieszczamy w tabeli poniżej.

Trochę mniejszy JPEG

1.  Wybierz 

File | Open

i otwórz plik gra-

ficzny, który chcesz poddać optymalizacji.

2.  Wydaj komendę 

File | Export | JPEG

Optimizer

.

3.  Na zakładce 

Quality

ustaw stopień kom-

presji. Im większa kompresja, tym mniejszy

plik, ale i gorsza jakość obrazu. W oknie pod-

glądu po prawej stronie widać wygląd grafiki.

4.  Na zakładce 

Format

uaktywnij opcję

Standard

.

5. Na zakładce 

Download Times

możesz

odczytać czas ładowania grafiki dla mode-

mów o różnej szybkości.

6. Kliknij 

OK

i zapisz kopię pliku na dysku.

GIF do prasowania

1.  Otwórz plik graficzny, który chcesz pod-

dać optymalizacji (polecenie 

File | Open

).

2. Wybierz 

File | Export | GIF Optimizer

.

3.  Na zakładce 

Transparency

zaznacz

opcję 

None

.

4. Na zakładce 

Colours

ustaw liczbę kolo-

rów, symulację barw spoza dostępnej palety

oraz paletę barw – jeżeli chcesz zachować ist-

niejącą, skorzystaj z opcji 

Existing Palette

5. Na zakładce 

Format

wybierz typ pliku.

Masz do wyboru 

Non-Interlaced 

(bez

przeplotu – taki obraz ładuje się stopniowo

od góry od razu w pełnej rozdzielczości)

oraz 

Interlaced

(z przeplotem) – ten rysu-

nek ładuje się od razu cały i stopniowo uzy-

skuje ostrość. Jako wersję zaznacz w oby-

dwu przypadkach 

Version 89a

.

6. Jeżeli chcesz, na zakładce 

Download 

Times

możesz odczytać czas ładowania gra-

fiki na modemach o różnej szybkości.

7. Kliknij 

OK

i zapisz kopię pliku na dysku.

Optymalizacja grafiki dla Internetu

16,7 mln kolorów

maks. 256 kolorów

kompresja stratna kompresja bezstratna

brak przezroczystości

przezroczystość

najlepszy do zapisu

najlepszy do zapisu

zdjęć

grafik zawierających

niewielką

liczbę kolorów

JPEG

GIF

Porównanie formatów JPEG i GIF

P

Plliik

k  zza

ap

piissa

an

ny

y  jja

ak

ko

o  JJP

PE

EG

G

- Oryginalna wielkość pliku: 

60 040 bitów

- Współczynnik kompresji: 7
- Wielkość pliku po kompresji:

3371 bitów

- Czas ładowania pliku 

na modemie 56k: 0,8 s.

P

Plliik

k  zza

ap

piissa

an

ny

y  jja

ak

ko

o  G

GIIF

F

- Oryginalna wielkość pliku: 

60 040 bitów

- Dithering: 50%
- Wielkość pliku po kompresji:

6252 bity

- Czas ładowania pliku 

na modemie 56k: 1,5 s.

Widać wyraźnie, dlacze-
go 

format JPEG najlepiej

nadaje się do przedsta-

wienia subtelnych

przejść koloryst ycz-

nych

. Identyczny ob-

razek zapisany w postaci
pliku typu GIF jest nie
tylko większy, ale 
też znacznie gorszy 
jakościowo.

Porównanie kompresji JPEG i GIF

P

Plliik

k  zza

ap

piissa

an

ny

y  jja

ak

ko

o  G

GIIF

F

- Oryginalna wielkość pliku: 

78 956 bitów

- Liczba kolorów: 32
- Wielkość pliku po kompresji:

3063 bity

- Czas ładowania pliku 

na modemie 56k: 0,7 s.

P

Plliik

k  zza

ap

piissa

an

ny

y  jja

ak

ko

o  JJP

PE

EG

G

- Oryginalna wielkość pliku: 

78 956 bitów

- Współczynnik kompresji: 47
- Wielkość pliku po kompresji:

3906 bitów

- Czas ładowania pliku 

na modemie 56k: 0,7 s.

Mamy tu 

niewiele kolo-

rów i duże obszary

o jednakowej barwie

.

Nietrudno zauważyć, że
w takim przypadku GIF
daje lepszy jakościowo
rezultat.

D

Do

ob

brra

a  k

ko

om

mp

prre

essjja

a  JJP

PE

EG

G

- Oryginalna wielkość pliku: 

138 000 bitów

- Współczynnik kompresji: 20
- Wielkość pliku po kompresji:

8876 bitów

- Czas ładowania pliku 

na modemie 56k: 2,1 s.

Z

Złła

a  k

ko

om

mp

prre

essjja

a  JJP

PE

EG

G

- Oryginalna wielkość pliku: 

138 000 bitów

- Współczynnik kompresji: 70
- Wielkość pliku po kompresji:

3906 bitów

- Czas ładowania pliku 

na modemie 56k: 0,9 s.

Chociaż druga grafika
jest mniejsza i dzięki te-
mu ładuje się szybciej,
jej 

jakość jest zauważal-

nie niższa

. Im większy

jest współczynnik kom-
presji, tym plik staje się
mniejszy, ale jednocze-
śnie jego jakość ulega
pogorszeniu. 

Nie zawsze

więc warto ustawiać

wysoki współczynnik

kompresji

.

Kompresja JPEG

background image

I

Paint Shop Pro udostępnia

funkcje przydatne podczas ob-

rabiania cyfrowych zdjęć. Aby

skorzystać z tej grupy opcji wy-

starczy wydać polecenie 

Ef-

fects | Enhance Photo

Równowaga barw

Narzędzie ustalające automa-

tyczną równowagę kolorów (Au-

tomatic Colour Balance) jest uży-

wane podczas wyrównywania

rozkładu kolorów w obrazku.

Większa część pracy wykonywa-

na jest automatycznie, ale moż-

na samemu wpływać na niektóre

parametry i opcje. Omówimy je

dokładniej: 

1.

Zoom

– powiększa lub

zmniejsza obrazek w oknie pod-

glądu. Ikona w środku pozwala

na ustawienie dowolnego frag-

mentu obrazka do podglądu.

2. 

Proof

i

Autoproof

– narzę-

dzie z „okiem” (

Proof

) służy do

nanoszenia zmian na poddawa-

ny obróbce obrazek. Z kolei iko-

na ze strzałką skierowaną w dół

włącza i wyłącza automatyczne

nanoszenie poprawek (

Auto-

proof

). 

3. 

Strength

– określa, w jakim

stopniu poprawki oddziałują na

obrazek. Zmiany wprowadzamy

wpisując numer ręcznie (z prze-

działu od 0 do 100) lub korzysta-

jąc z suwaka. Jest to szczególnie

wygodne podczas testowania

efektu, jaki dają poprawki. 

4. 

Remove Color Cast

– włą-

czenie tej opcji umożliwia ko-

rekcję procentowej zawartości

barwy w obrazku.

5. 

Illuminant Temperature

ustawia temperaturę barw ob-

razka, czyli innymi słowy rów-

nowagę kolorów ciepłych i zim-

nych.

6. 

Reset

– przywraca ustawie-

nia standardowe dla całego

okna dialogowego.

Korekcja kontrastu

Korekcja kontrastu (Contrast En-

hancement) to funkcja popra-

wiająca odwzorowanie szczegó-

łów na zdjęciu poprzez zmianę

ustawień intensywności światła,

półtonów i cieni. Dostępne opcje

są podobne do tych oferowa-

nych przez narzędzie do ustala-

nia równowagi barw. Istnieje

jednak kilka nowych funkcji: 

1. 

Bias

– opcja 

Lighten

daje ja-

śniejszy obraz, 

Darken

ciem-

niejszy, a

Neutral

zrównowa-

żony – średnio jasny.

2. 

Strength

– tak jak w przypad-

ku równowagi barw, z tym że

mamy do dyspozycji tylko dwa

ustawienia. 

3. 

Appearance

– wybierz 

Flat

,

jeżeli zdjęcie jest zbyt kontra-

stowe, 

Bold

, jeśli zbyt mało

kontrastowe, i

Normal

dla zdję-

cia, które ma dobry kontrast.

Korekcja nasycenia

Narzędzie do korekcji nasycenia

przypomina narzędzia do usta-

lania równowagi barw oraz ko-

rekcji kontrastu. Różnice wyma-

gające omówienia to: 

Korekcja kolorów

Zdjęcie u góry jest zbyt
ciemne. Konieczna będzie

korekcja kontrastu

.

139

»

background image

139

AK TUALNOŚCI  

>>

TEMAT NUMERU  

>>

HARDWARE  

>>

SOFT WARE  

>>  

INTERNET I G@DŻET Y  

>>

PORADY

>>

MAGAZYN

Obróbka grafiki w Paint Shop Pro

1. 

Bias

– wybór poziomu nasycenia od mniej

do bardziej kolorowego.

2. 

Strength

– tak jak w przypadku korekcji

kontrastu, ale dostępne są trzy ustawienia

(słabe, normalne, mocne).

3. 

Skintones present

– stosowany w sytu-

acji, kiedy program wykryje zabarwienia

występujące na skórze. Funkcję tę można

włączać i włączać. 

Wykorzystamy wymienione narzędzia w celu

poprawy jakości domowych zdjęć. Najpierw

zajmijmy się obrazkiem z pieskiem. Jest 

on zbyt ciemny – zaczniemy więc od korekcji

kontrastu. Aby ją przeprowadzić, zasto-

sujmy następujące ustawienia: 

Bias: 

Lighter

Strength: Normal

i

Appearance:

Bold

. To pomogło uwydatnić głowę psa i po-

prawiło widoczność szczegółów. Przechodzi-

my do ustawienia równowagi barw. Opcje

ustawiamy następująco: 

Strength: 80

, za-

znaczamy 

Remove color cast

(w celu usu-

nięcia różowej poświaty), a temperaturę usta-

wiamy na 

5000

w celu dokładniejszej

eliminacji różowego koloru. W końcu kory-

gujemy nasycenie barw przy następujących

ustawieniach: 

Bias: Less colorful

,

Strength: Weak

. Zaznaczamy opcję 

Skin-

tones present

. Wreszcie używamy polece-

nia 

Effects | Enhance Photo | Clarify

Teraz poeksperymentujmy ze zdjęciem

jachtu, na którym została zaburzona równo-

waga kolorów. Wyraźnie widać, że na zdjęciu

występuje zbyt dużo barwy niebieskiej. 

Zacznijmy więc od równowagi barw. Standar-

dowe ustawienia tej funkcji poprawiają nieco

sytuację, ale najlepszy rezultat można 

osiągnąć, ustawiając opcję 

Strength

na 

50

i temperaturę na ok.

5000

przy zaznaczonej

opcji 

Remove Color Cast

. Zdjęcie jest

wciąż zbyt ciemne, używamy więc następują-

cych ustawień korekty kontrastu: 

Bias

:

Neu-

tral

Strength

:

Normal 

i

Appearance

:

Natural

. To znacznie pomaga wyodrębnić

więcej szczegółów na fotografii. W końcu

musimy jeszcze skorygować nasycenie barw

przy następujących ustawieniach: 

Bias: Nor-

mal

Strength: Weak

, co jeszcze bardziej

poprawia kolorystykę zdjęcia. 

Funkcje korekcji nie są jedynymi oferowa-

nymi przez program Paint Shop Pro – aplika-

cja zawiera np. narzędzie do likwidowania

efektu czerwonych oczu. Ale temu tematowi

poświęcimy osobny artykuł.

I

Na górnym obrazku trzeba dokonać

korekcji równowagi barw

.

INFO

Na CHIP-CD w dziale
Porady | Paint Shop Pro
znajduje się próbna wersja

programu Paint Shop Pro
7.04 i pliki z ćwiczeniami
do artykułu. Aplikację
można też pobrać spod

adresu http://download.chip.pl/ 
z sekcji Multimedia i grafika.

8

2002