PSD 2

PEŁNE WERSJE: Xara 3D 3 i Webstyle 2 • TRIAL: Adobe Photoshop CS
2 FILMY INSTRUKTAŻOWE DO TUTORIALI • ZDJĘCIA ROYALITY FREE
NR 02/2004 (2) CENA 29,80 PLN VAT 0%
MAGAZYN
UŻYTKOWNIKÓW^
PROGRAMU ADOBE
PHOTOSHOP
Cyfrowy sann
retusz alfoć sesyj
Chirurgia
Obróbka
ustawiaaie
<
KONK
WYGRAJ
ADOBE PHOTOSHOP CS
*m&
GIF - $ y
przegląd pr|gram-a INDEX: 383368
ISSN 1732-2200 02>
prace graf?
projekt opakowania na soki
771732 220028
r
Od redakcji
Fotografia cyfrowa w zaskakującym tempie wkracza w nasze życie. Aparaty cyfro-
we powoli wypierają klasyczne, a zdjęcia zamiast do albumu trafiają najczęściej na
płytę CD. Posiadając program do obróbki zdjęć, jedynie wyobraźnia może nas ogra-
niczać w tworzeniu nowych, atrakcyjniejszych fotografii. W tym numerze .psd najwię-
cej uwagi poświęciliśmy właśnie edycji zdjęć. W kilku tutorialach pokazaliśmy co zro-
bić, żeby zdjęcie wyglądało jak z okładki pisma o modzie, jak przygotować obraz głów-
ny i jak wykonać śmieszny fotomontaż. A dla prawdziwych entuzjastów aparatów cy-
frowych mamy nie lada gratkę — przegląd najnowszych aparatów zaprezentowanych
na targach PMA 2004.
W piśmie pojawiły się dwa nowe działy Protechnika i Portfolio. Pierwszy dotyczyć
będzie przygotowania prac do konkretnego zastosowania np. reklamy prasowej, czy
bilboardu. W tym numerze pokazujemy, jak wygląda proces projektowania kartonowe-
go opakowania na soki. W dziale Portfolio będziemy udzielać wskazówek, które pomo-
gą Warn przygotować dobrą prezentację swoich prac w Internecie. W piśmie znajdzie-
cie tutorial, który pokazuje jak przygotować znak chroniący nasze grafiki przed niele-
galnym ich wykorzystywaniem.
Zaczęła się wiosna — to dobra okazja, żeby przesłać znajomemu piękną kartkę
z życzeniami. W sieci możemy znaleźć dużo serwisów oferujących kartki okoliczno-
ściowe, ale wykonana własnoręcznie zrobi na pewno większe wrażenie na odbiorcy.
Zachęcam zatem do spróbowania swoich sił w projektowaniu własnej pocztówki.
Dla osób, które zajmują się projektowaniem animowanych GIFów, przygotowaliśmy
zestawienie najpopularniejszych programów do tego przeznaczonych. Zachęcam do
przeczytania tego artykułu, może wśród zaprezentowanych programów, będzie taki,
który i Warn przypasuje. Dodam, że wszystkie omawiane programy zamieszczone są
na płycie CD dołączonej do pisma.
Dodatkowo, na płycie znajdziecie zdjęcia Royality Free przygotowane do druku
w formacie A4, które można wykorzystać we własnych projektach.
Życzę miłej lektury

Agnieszka Wawrzyniecka
agaw@software.com.pl
KWIECIEŃ
Temat numeru — EDYCJA ZDJĘĆ

Szybkie wygładzanie skóry
TOMASZ URBAN
Retusz portretów
AGNIESZKA WAWRZYN1ECKA
Kobieta zmienną jest...,

czyli fotomontaż w Photoshopie
MAGDALENA TOMCZYK
Tworzenie obrazu głównego

LECH JASZOWSKi
Usuwanie niechcianego tła

TOMASZ URBAN WJfc
Projekt: Okładka PORTFOLIO

ŁUKASZ FABIAN
Znak graficzny chroniący zdjęcie
DANIEL SODKIEWICZ
EFEKTY
Zrób i wyślij, czyli kartka PROTECHN1KA

okolicznościowa
MAGDALENA CYRCZAK Big Łyk, projektowanie
opakowania
LILIANA SOJA
WEBDESIGN
L Interfejs dla każdego

TOMASZ ZELEK
o
Dl
ro
Emotikony pod lupą
o. TOMASZ ZELEK
s
Ukryte zdjęcia (CtrI+A Pictures)
MARIUSZ DUBIELECKI
kwiecień/maj 2004
1
t/1
• H ;' Programy do tworzenia GIFów

na potrzeby WWW
TOMASZ TREJDEROWSK1
Rozmieszczenie elementów
na stronie WWW
psd
jest wydawany przez
ŁUKASZ STRZELEC Software-Wydawnictwo Sp. z o.o.
Redaktor naczelna:
SYLWETKA agaw@software.com.pl
Redaktor:
i Paweł Jeńca Mariusz Dubielecki

mariusz@software.com.pl
Producent:
Marta Kurpiewska
FOTOGRAFIA CYFROWA marta @software. com.pl
Opracowanie CD:
Targi PMA2004- Mariusz Dubielecki
cyfrowy „Newshali" mariusz@software.com.pl
DOMINIK MACIASZEK
Skład:
agaw@software. com.pl
RECENZJE Projekt graficzny okładki:
Łukasz Pabian,
insane@all.pl
Przedstawaimy: Xara
TOMASZ TREJDEROWSKI Dział reklamy:
Tomasz Dalecki
reklama @software. com.pl
Książki tel.: (22) 860 18 79
MAGDALENA CYRCZAK
Prenumerata:
MARIUSZ DUBIELECKI Marzena Dmowska
pren@software. com.pl
tel.: (22) 860 17 67
KLASYCZNE EFEKTY Adres korespondencyjny:
Software-Wydawnictwo Sp. z o. o.,
Efekty tekstowe 00-190 Warszawa, ul. Lewartowskiego 6
e-mail: psd@software.com.pl,
MAGDALENA CYRCZAK www.psdmag.org
tel. (22) 860-17-42, fax (22) 860-17-71
|!| Efekt soczewki wypukłej Wyprodukowano w Polsce
Druk:TAURUS
PAWEŁ MUCHA Nakład: 6000 egz.
Redakcja dokłada wszelkich starań, by publikowane w piśmie i na

towarzyszących mu nośnikach informacje i programy były poprawne,
jednakże nie bierze odpowiedzialności za efekty wykorzystania ich;
nie gwarantje także poprawnego działania programów shareware,
freeware ipublic domain. Uszkodzone podczas wysyłki płyty
POZNAJEMY PHOTOSHOPA wymienia redakcja.
Wszystkie znaki firmowe zawarte w piśmie są własnością odpo-
o
di
wiednich firm i zostały użyte wyłącznie w celach informacyjnych. ro
Deklarowana wysokość nakładu obejmuje również dodruki. •n
FAQ Redakcja nie udziela pomocy technicznej w instalowaniu

i użytkowaniu programów zamieszczonych na płycie CD
dostarczonej z pismem.
MARCIN WARDĘGA
Płytę CD dołączoną do magazynu przetestowano programem
AntiWenKit firmy G DATA Software Sp. z o.o.
El interfejs Sprzedaż aktualnych lub archiwalnych numerów pisma po innej

cenie niż wydrukowana na okładce — bez zgody wydawcy —jest
działaniem na jego szkodę i skutkuje odpowiedzialnością sądową.
W" KONKURS SEN
kwiecień/maj 2004
Opis CD
WERSJA 30-DNIOWA
Adobe Photoshop CS (Win/Mac)
www.adobe.com
Programy do obróbki zdjęć ImageWrap (Demo)

http://www.imagewarp.com
Zestaw programów do szeroko pojętej obróbki grafiki. Wybrane przez nas Photogenics (Demo)
programy wyróżniają się: przyjaznym interfejsem, bogatą gamą dostępnych ht tp://www. id runa. com
opcji i efektów (czasem bardzo rzadko spotykanych jak np. tworzenie map Neo Paint (Demo)
obrazu). http://www.neosoftware.com
Adesign (Demo) ProMotion v.4.7 (Demo)
http://www.pierresoft.com http://www. cosmigo. com
Ameri-lmager (Demo) Photo Meister v.2.45a (Demo)
http://www. thethinktanksoftware. com http://www.photomeister.com
Image Broadway (Demo)
ht tp://w ww. filestream. com
Rodzina programów Xara Xara 3D v.3 Pełna wersia !!!

Xara Webstyle v.2 Pełna wersia !!!
Rodzina programów Xara — rozbudowany zestaw programów do tworzenia Xara 3D v.5 (Demo)
m.in. statycznych i animowanych banerów, animacji, przycisków, wygasza- Xara X (Demo)
czy ekranu, różnego rodzaju efektów tekstowych (także 3D), ikon jak rów- Xara ScreenMaker 3D (Demo)
nież layoufów. Xara Webstyle v.4.0 (Demo)
http://www.xara.com
Programy do tworzenia GIFów Wymienione programy są opisane w ar-

tykle pt. Programy do tworzenia GIFów
Zebraliśmy jedne z najciekawszych programów (posiadają ciekawe rozwią- na potrzeby stron WWW.
zania, jak również przyjazny interfejs) do tworzenia animowancyh GIFów. Graphic_gale (Demo)
GIF Movie gear v.4 (Demo) http://www.tempest-j.com/gale/
ht tp://w ww. moviegear. com eZindex.html
Activ GIF Creator v.2.18 (Demo) GIF Animator v.5 (Demo)
ht tp://www. wsoft-lab. com http://www.ulead.com
Animate Me v.1.3 (Demo)
ht tp://w ww. wsoft-lab. com
Programy do efektów specjalnych Patchwork v.1.1 (Demo)

ht tp://www. vandog. com
Zestaw 3 programów do tworzenia różnego rodzaju efektów specjalnych i to FontTwister v.1.3 (Demo)
za równo na zdjęciach, grafikach jak również na samym tekście. http://www.neuber.com
idFramer v.1.0.0 (Demo)
http://www.idframer.com
Programy do tworzenia ikon: Program do morphingu, czyli

Snlco v.1.5a (Demo) tworzenia efektownej zmiany,
Programy do tworzenia zdjęć panoramicznych: ht tp://w w w. snidesoft. com przejścia jednego kształtu twa-
o
Panoweaver (Demo) Microangelo v.5.58 (Demo) rzy w inny
o> http://www. easypano. com ht tp://w ww. microangelo. us FantaMorph (Demo)
ra
T3 Panorama Factory v.3.1 (Demo) Program do tworzenia etykiet na http://www.fantamorph.com
to
http://www.panoramafactory.com płyty CD
360 Professional Suitę v.3.5 (Demo) CD Label Designer (Demo)
g
http://www. 360dof. com http://www.datalandsoftware.com
DODATKI
10 ZDJĘĆ ROYALITY FREE od firmy Photosubstnace Filmy instruktażowe i pliki źródłowe pomocne przy wyko-
www.photosubstance. com nywaniu ćwiczeń zawartych w magazynie.
kwiecień/maj 2004
(gl \ P h o t o s h o p CS wersja 30-dnjpwa
Pełne wersje: 10 ZDJĘĆ ROYALITY FREE
Xara3Dv.3 ;
Xara Webstyle v.2 Demo:
Do obróbki zdjęć:
>• Adesign; Ameri-lmager;
ImageWrap; Photogenics
_ Neo Paint; Pro Motion v.4.7
Photo Meister v.2.45a
GIF Movie gear v.4
, Activ GIF Creator v.2.1.8
\ Animate Me v.1.3
I Graphic_gale
I Do tworzenia GIFów:
' GIF Animator
Id Framerv.1.0.0
Patchwork v.1.1.
FontTwister v.1.3
Inne:
Panowear, Snlco v.1.5,
innedema: 360 Professional Suitę v.3.5
Y , „ ,n w c Pannorama factory v.3.1.
Adid J U V.J ... . _ __
Y y Micoroangelo v.5.58
XaraScreenMaker3D CD Label Designer. ^
Xara Webstyle v.4.0 FarteMorph
OKŁADKA
2 godziny
film
pliki
Łukasz Pabian
Łączenie obrazów jest jedną z pierwszych rzeczy, której próbuje każdy użytkownik programów
graficznych. Powstałe w ten sposób fotomontaże zazwyczaj nie bardzo wiadomo jak można wy-
korzystać. Nam udało się znaleźć jedno z rozwiązań, a mianowicie efekt ten wykorzystamy przy
tworzeniu okładki do naszego magazynu. Jakość efektu końcowego jest jedynie zależna od na-
szej wyobraźni, pomysłu i użytych zdjęć (W Internecie można znaleźć katalogi z darmowymi zdję-
ciami — zdjęcia użyte przy realizacji okładki pochodzą z serwisu www.sxc.hu). Poniższy tutońal
opisuje powstawanie wersji testowej (beta) naszej okładki — różni się ona w niewielkim stopniu
od finalnej wersji.
Nadanie realizmu ścianie

•m
Pracę zaczynamy od utworzenia dokumentu o wymiarach 1060
na 1500 pikseli. Następnie otwieramy plik sciana_01.jpg i prze-
ciągamy warstwę ze zdjęciem ściany na obszar roboczy nowego
dokumentu. Kolejno na nowej warstwie [Shft]+[Ctrl]+[N] umiesz-
czamy od dołu Gradient liniowy (Linear Gradient) [G] z kolo-
rem RGB: [145; 188; 40] do przezroczystości i zmieniamy Krycie
(Opacity) warstwy do 50% oraz z zakładki Warstwy (Layers) wy-
bieramy opcję Ściemnianie (Color Burn). Na nowej warstwie
[Shft]+[Ctrl]+[N] rysujemy z lewej strony gradient [G] z kolorem
RGB: [212; 212; 212] do przezroczystości, zmieniamy Krycie war-
stwy do 24% i z zakładki Warstwy wybieramy opcję Ostre Światło
(Hard Light). Rozjaśniamy jeszcze trochę prawy górny róg, po-
przez narysowanie na nowej warstwie Gradientu liniowego po sko-
sie, z kolorem RGB: [234; 202; 117] i z zakładki Warstwy wybiera-
my opcję Nakładka (Overiay).
Ceglana ściana
W prawym dolnym rogu wzdłuż kamieni wycinamy fragment

zdjęcia narzędziem Lasso (Lasso Tool) lub Lasso wielokątne
{Polygonal Lasso Tool) [L]. Na nowej warstwie wypełniamy za-
znaczony obszar jakimkolwiek kolorem za pomocą Wiadra z far-
bą (Paint Bucket Tool) [G]. Otwieramy plik sciana_02.jpg, przeno-
simy jego zawartość z okna warstw na nasz obrazek — na obszar
zaznaczenia, tak by ceglana ściana miała na sobie całe zaznacze-
o nie. Odwracamy zaznaczenie [Shift]+[Ctrl]+[l] i wycinamy niepo-
Ó)
trzebny obszar [Ctr!\+[X\. Przenosimy warstwę z kolorem nad ce-
ro
gły i zmieniamy jej wartość Wypełnij (Fill) do 0%. Klikamy prawym
-o
przyciskiem myszy na tą samą warstwę i z menu wybieramy Opcje
mieszania... (Blending Options...), w sekcji Cień wewnętrzny (Inner
shadow) ustawiamy: Kąt (Angle): 132, Odległość (Distance): 9 pik-
seli, Wielkość (Size): 51 pikseli. Na nowej warstwie zamalowuje-
my czarnym kolorem część obszaru cegieł (pamiętając by obszar
był zaznaczony), najlepiej dużym rozmytym pędzlem [B], następnie
kwiecień/maj 2004
zmniejszamy Krycie do 50%, czynność można powtórzyć by uzy-
skać zadowalający nas cień.
Kamienna ściana
W lewym górnym rogu wzdłuż kamieni zaznaczamy fragment ob-

razka za pomocą Lasso, na nowej warstwie wypełniamy go ko-
lorem RGB: [175; 111; 0] i z zakładki Warstwy wybieramy opcję
Rozjaśnianie liniowe (Linear Dodge). Otwieramy plik sciana_04.jpg
i przenosimy go na nasz obrazek (na obszar zaznaczenia), od-
wracamy zaznaczenie i ścinamy niepotrzebny obszar [Cfrf]+[X].
W oknie warstw, klikamy prawym przyciskiem myszy na warstwie
ze ścianą i wybieramy Opcje mieszania... (Blending Options...).
W sekcji Cień wewnętrzny (Inner Shadow) zmieniamy Krycie na
77%, Odległość (Distance) na 11 pikseli, Wielkość {Size) na 43 pik-
sele. W sekcji Faza i płaskorzeźba... (Bevel and Emboss...) zmie-
niamy Styl (Style) na Faza zewnętrzna (Outer Bevel), Wielkość
(Size) na 5 pikseli, Zmiękczanie (Soften) na 5 pikseli, Błyszczący
kontur (Gloss Contour) na 3 pozycję. Narzędziem Stempel (Clone
Stamp Tool) [S] powielamy ścianę, zamazując niebieską tabliczkę.
Trawa
Otwieramy pliki trawa 01 oraz trawa_02, zaznaczamy obszar po-

za trawą poprzez wybranie z menu Zaznacz>Zakres koloru...
(Select>Color Rangę...) (zaznaczenie objęło nam znaczny obszar).
Odwracamy zaznaczenie i wybieramy z menu Zaznacz>
Zmień>Zawężanie... (Select>Modify>Contract...), ustawiamy war-
tość na 1 lub 2 piksele. Może być wymagane zastosowanie try-
bu Szybkiej maski (Quick Mask Modę) [Q], w celu usunięcia nie-
potrzebnych prześwitów między trawami. Kopiujemy trawy i wkle-
jamy je na nasz obrazek. Dla obydwu warstw z trawą wybieramy
z menu Edycja>Przekształć>Odbij poziomo (Edit>Transform>Flip
Horizontal) i dopasowujemy je do lewego dolnego rogu (używa-
my również [Cfrf]+[7] w celu uzyskania odpowiedniej wielkości ele-
mentów). Następnie zaznaczamy warstwy z trawą, poprzez kliknię-
cie z wciśniętym klawiszem [Ctrl] na jedną z warstw, a następnie
poprzez kliknięcie na drugą — z wciśniętymi tym razem klawisza-
mi [Ctrf]+[Shift]. Na nowej warstwie, poniżej warstw z trawą wypeł-
niamy zaznaczanie kolorem czarnym. Kolejno wybieramy z menu
Filtr>Rozmycie>Rozymycie gaussowskie... (Filter>Blur>Gaussian
Biur...) z wartością około 8 pikseli (uzyskaliśmy cień pod trawą).
Można tu jeszcze zmieniać przezroczystość warstwy, żeby uzy-
skać właściwy stopień nasycenia cienia.
Manekin
Otwieramy plik dummy.tif, w oknie Warstwy przechodzimy do za-

kładki Kanały (Channels), zaznaczamy warstwę Alpha 7 (klikamy
z [CM] na kanale Alpha). Wracamy do zakładki Warstwy, kopiuje-
my zaznaczenie do schowka [Cfrf]+[C] i wklejamy je na nasz ob-
razek [Cfrf]+[V], zmieniamy wielkość manekina wybierając z me-
nu Edycja>Przekształć>Skaluj (Edit>Transform>Scale). Następnie
ustawiamy manekina na oknie, „odbijemy go w lustrze" wybiera- &
jąc z menu Edycja>Przekształć>Odbij poziomo (Edit>Transfor>Flip o
cii
Horizontal). Kolejno zaznaczamy warstwę z manekinem i na no- ro
wej warstwie wypełniamy go kolorem czarnym, a następnie roz- •o
mywamy używając w tym celu Filtr>Rozmycie>Rozmycie gaus-

sowskie..., wycieramy gumką (Erase Tool) [E] górną część czarnej
warstwy, tak by pozostały tylko nogi i wybieramy z menu Edycja>
Przekształć>Pochyl (Edit>Transform>Skew) — modyfikujemy cień
do momentu, aż będzie sprawiał wrażenie padającego światła
na „parapet". Zmniejszamy Krycie do 50% i zaznaczamy ponow-
kwiecień/maj 2004
OKŁADKA
nie manekina, na nowej warstwie nad manekinem wypełniamy za-

znaczenie kolorem RGB: [255; 241; 197], zmniejszamy Krycie do
70%, zmieniamy tryb przenikania na Nakładka (Overlay) i wycie-
ramy obszar (gumką o dużym i rozmytym pędzlu) — tak by pozo-
stały jedynie nogi i kawałek ręki. Znów zaznaczamy manekina i na
nowej warstwie wypełniamy zaznaczenie (po skosie na wysokości
głowy), gradientem Gradient liniowy [G] z kolorem od czarnego do
przezroczystości. Żeby uzyskać efekt cienia, zmniejszamy Krycie
do ok. 70%. Efekt ten można powielać, odpowiednio zmniejszając
długość gradientu.
Dodajemy zegar
Otwieramy zegar_02.jpg, narzędziem Zaznaczanie eliptycz-

ne (Elliptical Marquee Tool) [M] wycinamy zegar, jest on nachy-
lony pod pewnym kątem, dlatego wymagana jest jego modyfika-
cja — [Ctrl]+[T]. Kopiujemy zegar do naszego obrazka, wybieramy
z menu Filtr>Rendering>Efekty świetlne... (Filter>Render>Lighting
Effects...) i ustawiamy światło na zegarze (patrz rys.) z następują-
cymi parametrami: Natężenie (Intensity): 17, kolor ustawiamy na
RGB: [255; 251; 227], Skupienie (Focus): 100, Odblask (Gloss):
45, Materiał (Materiał): 100, drugi kolor na RGB: [255; 222;152],
Światło (Exposure): 100, Otoczenie (Ambience): 6. Można sobie
zapisać te ustawienia, ponieważ będą potrzebne w następnych
krokach. Kolejno zaznaczamy warstwę z zegarem i na nowej war-
stwie wypełniamy zaznaczenie kolorem RGB: [175; 111; 0], rozmy-
wamy je jeszcze Filtr>Rozmycie>Rozmycie gaussowskie...
z wartością Promienia około 20 pikseli i zmieniamy sposób prze-
nikania tej warstwy na Ściemnianie (Color Bum) (warstwę umiesz-
czamy pod warstwą z zegarem).
Dodajemy kolejne zegary
Wykonujemy teraz czynności analogiczne go tych z poprzedniego

kroku, z tą tylko różnicą, że tym razem będziemy wycinać zegary
z plików: zegar_03.jpg i zegar_01.jpg.
Biedronki
Otwieramy pliki biedrona_01 oraz bierdona_02 i zaznaczamy bie-

dronki narzędziem Lasso (LassoTool) [L] lub posługujemy się try-
bem Szybka maska (Quick Mask Modę) [Q], a następnie kopiu-
jemy je i wklejamy do naszego obrazka. Za pomocą narzędzia
Obrazek>Dopasuj>Kolor selektywny... (lmage>Adjusmentst>
Selective Color...) dopasowujemy ich kolorystykę na kanale czer-
wonym. Powielamy biedronki, tak by było ich pięć — za pomocą
narzędzia Stempel (Clone Stamp Tool), na poszczególnych bie-
dronkach można zamazać kropki. Warstwy z biedronkami moż-
na przesunąć narzędziem Przesunięcie (Move Tool) [V\, a trans-
formację (skalowanie, obroty) dokonujemy za pomocą [Ctrl\+[T].
E?
Cień pod każdą biedronką dodajemy używając Opcji mieszania...
o (Blending Options...) (z menu kontekstowego na warstwie). W sek-
ro cji Cień (Drop Shadow) ustawiamy parametry: Krycie (Opacity):
-o 100%, Odległość (Distance): 23 piksele, Zasięg (Spread): 19 pik-
o.
5 seli, Wielkość (Size): 50 pikseli. Ostatnią czynnością w tym ko-
g ku będzie kliknięcie prawym przyciskiem myszy na ikonie Styl war-
stwy (Layer style) (w oknie warstw) i wybranie Kopiuj styl warstwy
(Copy Layer Style), a następnie wykonanie na poszczególnych
warstwach z biedronkami Wklej styl warstwy (Pastę Layer Style).
10 kwiecień/maj 2004
J2
Graffiti i plamy
Otwieramy plik sciana_03 i przenosimy jego zawartość na nasz

obrazek, ustawiamy ją w górnej części obrazka — zaraz pod muro-
waną ścianą, zmniejszamy odpowiednio warstwę z graffiti Edycja>
Przeksztafć>Skaluj (Edit>Transform>Scale), zmieniamy sposób
przenikania tej warstwy na Nakładka (Overlay) i wycieramy [E] roz-
mytym pędzlem jej krawędzie. Ładujemy plik plamy.jpg (umiesz-
czamy je na naszym rysunku) i ustawiamy warstwę z nimi pod
pierwszym zegarem, zmieniamy sposób przenikania na Mnożenie
(Multiply) oraz wymazujemy zbędne plamy. Na nowej, najwyższej
warstwie w lewym górnym rogu obrazka tworzymy Gradient linio-
wy {Linear Gradient) z kolorem RGB: [254; 255; 203] do przezro-
czystości. Zmieniamy sposób przenikania na Mnożenie odwrotno-
ści (Screen) i Krycie (Opacity) na 55%.
Ważka
Otwieramy plik wazka.jpg i w trybie edycji Szybka maska (Quick

Mask Modę) [Q] zamalowujemy pędzlem całą ważkę. Wracamy do
trybu normalnego [Q], odwracamy zaznaczenie, kopiujemy je do
schowka i wklejamy na nasz obrazek. Zmniejszamy wielkość ważki
i ustawiamy ją na ostatnim zegarze. Zaznaczamy warstwę z waż-
ką poprzez kliknięcie na niej z wciśniętym klawiszem [Cfrfj. Na no-
wej niższej warstwie (wypełnionej kolorem RGB: [175; 111; 0]), wy-
bieramy Filtr>Rozmycie>Rozmycie gaussowskie... z wartością
Promienia około 20 pikseli, zmieniamy sposób przenikania tej war-
stwy na Ściemnianie (Color Burn). Zaznaczamy zegar pod waż-
ką i usuwamy obszar rozmytej warstwy nad zegarem. Narzędziem
Gumka (najlepiej małym rozmytym pędzlem) tworzymy wraże-
nie półprzeźroczystych skrzydeł. Należy zmienić w ustawieniach
gumki Krycie na około 40%. Nanosimy cień pod ważkę — prawym
przyciskiem myszy, na jej warstwie uruchamiamy Opcje miesza-
nia... i w zakładce Cień ustawiamy Krycie: 38%, Odległość: 0 pik-
seli, Wielkość: 27 pikseli.
m Ramka
Otwieramy plik ramkaOI i zaznaczamy zawartą w nim ramkę na-

rzędziem Lasso wielokątne (Polygonal Lasso Tool) [L], wycinamy
ją i umieszczamy na naszym obrazku. Obracamy ją o 90° w prawo
Edycja>Przekształć>Obróć 90c w prawo (Edit>Transform>Rotate
90° CW) — ewentualnie można jeszcze trochę dodatko-
wo obrócić ramkę o dowolny kąt Edycja>Przekształć>Obróć
(Edit>Transform>Rotate). Robimy zrzut ekranu klawiszem [Print
Screen] (na klawiaturze), otwieramy nowy plik i wklejamy zawar-
tość schowka, kadrujemy obszar pasujący do naszego obrazka,
zaznaczamy go i kopiujemy. Dopasowujemy wklejoną warstwę do
ramki [Cfrf]+[T|. Ponownie robimy zrzut ekranu i wykonujemy po-
dobne operacje, tak by obramowany rysunek (na obrazie) zga-
dzał się z faktycznym — poprzednią warstwę można już usunąć.
Na wklejony obrazek w ramkę nanosimy cień wewnętrzny - Opcje
mieszania... i w zakładce Cień wewnętrzny (Inner Shadow) usta-
E?
wiamy opcje: Krycie: 75%, Odległość: 9 pikseli, Wielkość: 7pikseli. o
ra
-o
Na tym kończymy pracę — możemy pozmieniać położenie po- o.
szczególnych elementów względem siebie, by uzyskać jeszcze g
ciekawszy efekt. Wiedza zdobyta w tym tutorialu sprawi, że na-
sze prace staną się efektowniejsze — „ożyją" dzięki grze świa-
tła i cieni. •
kwiecień/maj 2004 11
EDYCJA ZDJEC
20 min
film
pliki
„'•••«.••.
\
Szybkie
wygładzanie skóry
Tomasz Urban
Zapewne nie raz zdarzyło się Warn poddać chwili zadumy przy oglądaniu zdjęcia pięknej
osoby, np, w czasopiśmie o modzie. Z ogromną dozą pewności zakładam, że nie mogliście
wyjść z podziwu, jak to możliwe, aby skóra modelki była tak niesamowicie aksamitna, atłasowa
i gładka? Czy to kwestia odpowiednio dobranego miękkiego oświetlenia? — owszem, w dużej
o mierze. A może niesamowitej jakości drogich kosmetyków?— Tak, bywają przydatne... Niemniej,
di
ra
E gdy skóra i inne fragmenty zdjęcia nadal pozostają niedoskonałe, niezbędną pomocą może
"O
okazać się możliwość poprawienia zdjęcia nieskomplikowanym trikiem w Photoshopie.
-B 52
s
•o
Rozmycie gaussowskie
Otwieramy plik agaoriginal.psd znajdujący się w na płycie CD 2

dołączonej do czasopisma. Powielamy warstwę Tło (Background)
wybierając z menu Warstwa>Powiel Warstwę (Layer>Duplicate
Layer) [Ctrl\+[J]. Następnie przechodzimy do do menu
Filtr>Rozmycie>Rozmycie gaussowskie... (Filters>Blur>Gaussian
Biur...) i ustawiamy wartość rozmycia na 6,5 pikseli, zatwierdza-
my [OK\.
Maska warstwy
Tworzymy maskę warstwy klikając na kwadracik z kółeczkiem

znajdujący się na dole palety Warstwy (Layers) i wypełniamy ją ko-
lorem czarnym wciskając najpierw [D] (reset kolorów), a następ-
nie [Ctrl\+[Backspace]. To samo można zrobić wybierając z me-
nu Warstwa>Dodaj maskę warstwy>Ukryj wszystko (Layer>Add
Vector Mask>RevealAII).
Retusz niedoskonałości skóry
Powiększamy obszar, na którym znajduje się twarz. Wybieramy ła-

godny pędzel [B], Ustawiamy wartość Przepływ (Flow) na 50%.
Kolor pędzla pozostawimy bez zmian (biały). Zamalowujemy krót-
kimi pociągnięciami pędzla te obszary maski, na których znajdu-
ją się wszelkie niedogodności kapryśnej natury. Możemy dynamicz-
nie zmieniać rozmiar pędzla skrótami [[] oraz []]. Pamiętamy o uni-
kaniu najeżdżania kursorem na widocznie odcinające się krawędzie,
takie jak linia ust, brody, brzeg koszulki itd.
W przypadku rozmycia ważnego szczegółu możemy odwrócić kolo-
ry wciskając [X\ i pędzlem w kolorze czarnym cofnąć bieg wydarzeń.
Posługując się tą techniką wygładźmy również pozostałe nierów-
ności na zdjęciu, w tym również tło.
Usuwanie zbędnych elementów skóry
Po zakończeniu wygładzania, łączymy warstwy — Warstwa>

Połącz w dół (Layer>Merge Down) [Cfrf]+[E]. Następnie korzysta-
jąc z narzędzia Stempel [Stamp] [S] usuwamy zbędne, wystają-
ce spod bluzki pozostałości koronki. Z wciśniętym klawiszem [Alt]
próbkujemy fragment skóry, na następnie klonujemy go w miejsce
wystającego fragmentu bielizny.
Rozjaśnianie oczy
Używając narzędzia Rozjaśnianie (Dodge) [O] ustawionego na

Półcienie (Highlights), rozjaśniamy białka oczu i lekko kontrastuje-
my źrenice. Lekko muskając narzędziem Wyostrzanie (Sharpen)
[R] z ustawioną Wytrzymałością (Strength) na 20% wyostrzamy
koronki bielizny.
Zapraszam do poprawiania natury! 9 o
Dl
-o
EDYCJA ZDJĘĆ
20 min
film
Retusz portretów
Gdy robimy zdjęcie do dowodu osobistego, aibo prawa jazdy chcielibyśmy wyglądać na nim jak
najładniej. Dzięki Photoshopowi szybko i skutecznie możemy uatrakcyjnić nasz portret. Wystarczy
poznać kilka trików, dzięki którym twarz będzie bez plamek, czy krostek, nie będzie się świecić,
a zęby będą idealnie białe. Metody te sprawdzają się na każdym zdjęciu, wiec zachęcam do
poprawiania natury na własnych portretach.
USUWANIE PIEGÓW
Dużo ludzi uważa, że piegi odmładzają i dodają uroku, ja osobi-
ście swoich nie lubię i pewnie znajdą się ludzie, którzy myślą tak
jak ja. Jest kilka metod na usunięcie tych niechcianych plamek, za-
prezentuję dwie.
Pędzel korygyjący
Pierwsza metoda polega na wykorzystaniu Pędzla korygujące-

go (Healing Brush) dostępnego w palecie narzędzi od 7 wersji
Photoshopa. Tą metodę radzę stosować, gdy mamy do usunięcia
mato przebarwień. Uaktywniamy Pędzel korygujący [J], Średnicę
(Diameter) ustawimy na około 10 pikseli, a Twardość {Hardness)
na 0%. Przytrzymujemy [Alt] i pobieramy próbkę skóry z miejsca,
gdzie nie ma przebarwień, następnie puszczamy [Alt] i klikamy na
plamkę. Operację powtarzamy, aż do usunięcia wszystkich prze-
barwień.
Pędzel historii
Drugi sposób polega na wykorzystaniu filtra rozmycie gaussow-

kie — Filtr>Rozmyj>Rozmycie gaussowskie (Filter>Blur>Gaussian
Biur) na tyle piskeli, aż znikną wszystkie przebarwienia, ja zastoso-
O) wałam 4,4 piskela. Wybieramy Pędzel Historii (History Brush) [Y]
o i klikamy nim na palecie Historii w kwadracik po lewej stronie (po-
CO
winien pojawić się symbol tego narzędzia). Następie cofamy się
"O na palecie Historii o jedną operację do tyłu, w naszym przypadku
a.
1/1
będzie to na zapis „Otwórz". Dzięki temu, rysując pędzlem historii

i
po przebarwieniach na skórze, będziemy uaktywniać zastosowa-
g
ny wcześniej efekt rozmycia i usuniemy wszystkie niedoskonało-
ści skóry. Można zmniejszyć Krycie (Opacity) np. do 70% i zmienić
Tryb krycia (Modę) na Jaśniej (Lighten), fragmenty korygowane nie
będą wtedy tak bardzo odróżniały się od reszty.
o
ta.
USUWANIE REFLEKSÓW Z TWARZY

Cera tłusta ma tendencje do „świecenia się" przy robieniu zdjęć
z lampą błyskową. Do usunięcia refleksów z twarzy posłużymy się
Stemplem (Clone Stamp Tool). Wybieramy miękki pędzel o śred-
nicy np. 40 pikseli, zmieniamy Tryb krycia (Modę) na Ciemniej
(Darken) i zmniejszmy Krycie narzędzia np. do 70%. Z wciśnię-
tym klawiszem [Alt] próbkujemy miejsce, gdzie skóra się nie świe-
ci, a następnie malujemy po obszarach „świecących się". Jeśli
efekt nas nie zadowala, można poeksperymentować z wielkością
pędzla, albo z wielkością Krycia.
WYGŁADZANIE CERY
Każdej kobiecie marzy się cera gładka jak u modelek na rekla-
mach różnego rodzaju kremów. Nie jest chyba sekretem, że tak
piękną cerę na zdjęciach zawdzięczają grafikom, którzy w umiejęt-
ny sposób ją wygładzają. W artykule „Szybkie wygładzanie" poka-
zana została jedna z metod na uzyskanie pięknej cery. Ja pokażę
trochę inną, ale równie efektowną.
Usuwanie elementów ze zdjęcia
Powielamy warstwę z twarzą i wyłączamy widoczność warstwy Tło

(Bacground) poprzez kliknięcie na oczko na palecie Warstwy. Na
warstwie Tło kopia, za pomocą miękkiej gumki, usuwamy wszystko
poza cerą. W miejscach, gdzie są cienie (np. przy nosie) zmniejsza-
my krycie gumki do 30-40% (krycie szybko można zmieniać korzy-
stając z klawiatury numerycznej). Powinniśmy uzyskać efekt jak na
rysunku obok.
Mediana
Gdy udało się nam przygotować zdjęcie, przechodzimy do menu

Filtr>Szum>Mediana (Filter>Noise>Median) i ustawiamy taką war-
tość promienia, aby otrzymać gładką cerę, w moim przypadku wy-
starczyły 4 piksele. Zatwierdzamy [OK] i zmieniamy Tryb krycia na
Jasność (Luminosity). Jeśli zdjęcie jest za bardzo rozmyte, można
zmniejszyć Krycie warstwy np do 80%. Dla każdego zdjęcia nale-
ży samemu dobierać odpowiednie wartości, aby otrzymać zadowa-
lający nas efekt.
WYBIELANIE ZĘBÓW
Jeśli natura nie obdarzyła nas pięknymi, białymi zębami możemy
poprawić w Photoshopie ich wygląd w ciągu kilku minut.
Za pomocą dowolnego narzędzia do wykonywania selekcji (ja wy-
korzystałam Różdżkę (Magie Tool)) zaznaczamy interesujący
nas obszar. Ustawiamy Wtapianie (Feather) (Zaznacz>Wtapianie
Select>Feather) na 1 piksel. Następnie przechodzimy do menu
Obrazek>Dopasuj>Barwa/Nasycenie (lmage>Adjustments>Hue/
Saturation) wybieramy Żółcie (Yellows) i przesuwamy suwak Ol
Nasycenie (Saturation) maksymalnie w lewo, tak aby całkowi- o

cie usunąć żółte przebarwienie. Natomiast suwakiem Jasność
(Lightness) „wybielamy" zęby. Wartość jasności ustawiamy w za-
leżności od zdjęcia, trzeba o tyle przesuwać suwak w prawo, o.
g
aż otrzymamy zadowalający nas efekt. W moim przypadku by- f
\
ło to +25. Jeśli zęby nadal nie są białe, wybieramy w Edycji (Edit)
Podstawowy (Master) i podnosimy minimalnie Jasność.
Zachęcam do eksperymentowania z retuszem zdjęć. •
[.l EDYCJA ZDJEC
20 min
KOBIETA
film
pliki
zmienną jest...,
czyli fotomontaż w Photoshopie
Magdalena Tomczyk
Czy kobietę można zmienić w mężczyznę bez przeprowadzania operacji plastycznej? Dzięki
czarodziejskim narzędziom Photoshopa jest to możliwe. Wystarczy odpowiednie zdjęcie i pomysł.
Ograniczeniem może być jedynie nasza własna wyobraźnia. Na dobry początek wykorzystajmy
zdjęcie załączone na płycie.
Dodanie brody i wąsów
Otwieramy zdjęcie kobieta_oryginal.psd. Przenosimy się na war-

stwę twarz. Wybieramy narzędzie Stempel (Clone Stamp Toof) —
skrót [S] i ustawiamy następujące wartości: Tryb (Modę): Zwykły
{Normal), Pędzel: miękki o rozmiarze 200. Przytrzymując klawisz
[Alt] klikamy lewym przyciskiem myszy na obszarze z włosami.
Próbkujemy w ten sposób obszar włosów i następnie stemplujemy
wokół brody. Aby zachować właściwy kierunek wzrastania włosów
stosujemy następującą zasadę: do prawej strony twarzy pobiera-
my próbki z prawej strony głowy. Natomiast do lewej strony twarzy
Ol pobieramy próbki włosów znajdujących się w okolicach lewej stro-
o ny podbródka. Wąsy dodajemy podobnym sposobem — zmienia-
cb
ra my tylko rozmiar stempla na 65 pikseli.
-a
o.
g
g Skrócenie włosów i kształtowanie brody
Wybieramy Gumkę (Eraser Tool) — miękki pędzel o rozmiarze 65

pikseli i nadajemy odpowiedni kształt brodzie i włosom — usuwa-
my zbędne owłosienie.
3
Korekta kształtu lewej brwi na bardziej regularny
Prawa brew jest trochę nieregularna. Poprawimy teraz jej ra

kształt za pomocą narzędzia Skraplanie (Liquify). Otwieramy
Filtr>Skraplanie... (Filter>Liquify...) [Shft]+[Ctr[\+[X\ i z lewego pa-
nelu wybieramy narzędzie Wypaczenie (Warp Tool). Rozmiar
pędzla {Brush Size): 30, Nacisk pędzla (Brush Pressure): 50, Tryb
Rekonstrukcji (Reconstruction Modę): Sztywny (Stiff). Wyciągamy
brew lekko w górę. W razie konieczności możemy odtworzyć ory-
ginalny obraz używając przycisków Rekonstrukcja (Reconstruct)
lub Przywracanie (Revert). Warto poeksperymentować z kształtem
brwi za pomocą tego narzędzia — efekty mogą nas zaskoczyć.
Zmiana koloru tęczówek i przyciemnienie źrenic
Obraz powiększamy do 100% za pomocą Łupki (Zoom Tool).

Wybieramy narzędzie Różdżka (Magie Wand Tool), z parametrem
Tolerancja (Tolerance): 50 i zaznaczamy obszar obu tęczówek
przytrzymując klawisz [Shift]. Klikamy prawym klawiszem myszy
i tworzymy z zaznaczenia nową warstwę używając opcji Warstwa
przez kopiowanie (Layer via Copy). Nadajemy jej nazwę teczow-
ka. Warto powielić element, który chcemy zmienić — w razie nie-
powodzenia po prostu usuwamy warstwę, na której on się znaj-
duje. Używamy klawiszy [Ctrf\+[U] i zaznaczamy opcję Koloruj
(Colorize), Barwa (Hue): 0, Nasycenie (Saturation): 23, Jasność
(Lightness): -21. Przenosimy się na warstwę twarz i nie zmieniając
parametrów narzędzia Różdżka, zaznaczamy źrenice przytrzymu-
jąc klawisz [Shift]. Kopiujemy źrenice do nowej warstwy, postępu-
jemy analogicznie jak z tęczówkami tzn. używamy opcji Warstwa
przez kopiowanie (Layer via Copy) i nadajemy jej nazwę źreni-
ca. Ostatecznie przenosimy ją nad warstwę tęczówka. Wybieramy
Obrazek>Dopasuj>Jasność/Kontrast... (lmage>Adjustments>
Brightness/Contrast...) i ustawiamy Jasność (Brightness): -30.
Wybielenie zębów
Dokonamy teraz korekcji zębów — usuniemy wszystkie prze-

barwienia i nieco wybielimy je. Przenosimy się zatem na war-
stwę twarz. Znów posłużymy się narzędziem Różdżka — tym ra-
zem do zaznaczenia obszaru zębów. Można to również zrobić po-
przez użycie Pióra (Pen Tool), ale zdjęcie jest na tyle wyraziste,
że z powodzeniem wykonamy dokładne zaznaczenie przy pomo-
cy Różdżki. Wybieramy ją zatem z palety narzędzi. Ustawiamy jej
wartość Tolerancja (Tolerance) na 50 i klikając lewym klawiszem
myszy, przy jednoczesnym przytrzymaniu klawisza [Shift] — za-
znaczamy obszar zębów. Także i tym razem kopiujemy zaznacze-
nie używając Warstwa przez kopiowanie (Layer via Copy), a po-
wstałej w ten sposób warstwie nadajemy nazwę zęby. Używamy
kombinacji klawiszy [Cfrf]+[U] i zaznaczamy opcję Koloruj
(Colorize), Barwa (Hue): 0, Nasycenie (Saturation): -16, Jasność
(Lightness): +14
E?
o
di
to
"O
t/i
Wydłużenie nosa
Zajmiemy się teraz wydłużaniem nosa — wówczas twarz będzie

mniej okrągła. Wracamy do warstwy twarz. Z palety narzędzi wy-
bieramy Lasso wielokątne (Polygonal Lasso Tool) i zaznacza-
my obszar wokół nosa (od czubka nosa, aż do jego nasady mię-
EDYCJA ZDJĘĆ
dzy brwiami). Tworzymy z zaznaczenia nową warstwę i nadajemy

jej nazwę nowy nos. Nowy nos za pomocą strzałek Przesunięcie
(Move Tool) przesuwamy lekko w dół. Jednocześnie możemy go
trochę zwężyć poprzez skalowanie Edycja>Swobodnie Przekształć
(Edit>Free Transform) lub [Ctrl\+[T\. Trzeba teraz wymazać gum-
j ką (Eraser Tool) (miękkim pędzlem o niewielkich rozmiarach) zbęd-
ną powierzchnię wokół nowego nosa. Brzegi starego nosa likwidu-
jemy przy pomocy narzędzia Stempel (Clone Stamp Tool) na war-
'! J
stwie twarz.
Korekta kształtu ust
Usta naszej bohaterki (bohatera?) są dość okrągłe. Spróbujmy

nadać im mniej łagodny kształt. Jeśli kolorystyka i kształt mode-
lowanych dotąd elementów odpowiada nam, to łączymy wszyst-
kie warstwy razem (oprócz tła), używając Warstwa>Połącz w dół
(Layer>Merge Down) [Ctrl]+[E]. Teraz wybieramy Filtr>Skraplanie..
(Filter>Liquify...) lub [Shft]+[Ctrl\+[X]. Warto poeksperymentować
z różnymi narzędziami skraplającymi i różnymi kształtami ust.
Korekta kształtu twarzy
Również za pomocą narzędzia Filtr>Skraplanie... możemy nie-

co zmienić kształt czoła. Można do tego wykorzystać pędzel
Wybrzuszenie (Bloat Tool) z parametrami: Rozmiar pędzla (Brush
Size): 50, Nacisk Pędzla (Brush Pressure): 50. W prezentowanym
przykładzie czoło zostało lekko uwypuklone między brwiami i na
nich. Odrobinę zwężamy całą twarz, aby była bardziej pociągła.
W tym celu używamy Edycja>Swobodnie Przekształć (Edit>Free
Transform) i skalujemy szerokość twarzy.
Rozjaśnienie rzęs
Zbyt wyraziste sąjeszcze rzęsy. Aby twarzy nadać bardziej mę-

skie rysy musimy je nieco rozjaśnić. Z palety narzędzi wybie-
ramy Rozjaśnianie (Dodge Tool) lub [O]. Ustawiamy: Pędzel
(Brush): miękki o rozmiarze 17, Tryb (Rangę): Cienie (Shadows),
Ekspozycja (Exposure): 100%. Rozjaśniamy zwłaszcza końcówki
rzęs. Zmniejszamy Ekspozycję (Exposure) do 50% i rozjaśnia-
my też granicę dolnych powiek, aby nie wyglądały jak podkreślo-
ne konturówką.
Przyciemnienie włosów i brody
Można nieco przyciemnić włosy. Wybieramy narzędzie
I Ściemnianie (Burn Tool) z parametrami Pędzel (Brush): mięk-

ki o rozmiarze 100, Tryb (Rangę): Światła (Highlights), Ekspozycja
(Exposure): 100%. Łagodnymi pociągnięciami myszy retuszujemy
I włosy. Zmniejszamy Ekspozycję (Exposure) do 50% i przyciemnia-

my brodę.
Możemy podziwiać już efekt końcowy naszej pracy. Jeżeli nie je-
steśmy jednak w pełni z niego zadowoleni to powinniśmy raz jesz-
cze zrobić fotomontaż, poeksperymentować z różnymi ustawienia-
mi — jednym słowem poćwiczyć. Gdy zdobędziemy doświadcze-
nie, to nasze fotomontaże będą coraz bardziej wiarygodne
i przekonywujące. •
EDYCJA ZDJĘĆ
Tworzenie
20 min
obrazu
główne
film
pliki
Lech Jaszowski
Bez względu na to czy używamy aparatu cyfrowego, czy też iustrzanki, po zrobieniu zdjęć powin-
niśmy dołożyć wszelkich starań, aby nasze fotografie wyglądały jak najlepiej. Wszystkie czynno-
ści, które w tym celu powinniśmy wykonać, wiodą do utworzenia tzw. obrazu głównego. Obraz
główny jest plikiem graficznym o możliwie najlepszej jakości — punktem wyjścia do ewentualne-
go, późniejszego wykorzystania naszego zdjęcia we wszelkiego rodzaju projektach graficznych.
Artykuł ten opisze wszystkie czynności i zabiegi, które są niezbędne do otrzymania wcześniej
wspominanego obrazu głównego.
n Wypoziomowanie zdjęcia
Jeśli zrobione przez nas zdjęcie jest obrócone pod kątem 90°,
to do pozycji pionowej obracamy je wybierając: Obrazek>Obróć
obszar roboczy>90° w prawo (lub w lewo) (lmage>Rotate
Canvas>90° CW (lub CCW)). Jeżeli natomiast chcemy wypro-
stować linie horyzontu lub obrócić zdjęcie z innego względu, to
w tym celu wybieramy narzędzie Miarka (Measure Tool) i rysuje-
my linię prostą wzdłuż horyzontu (tutaj wzdłuż linii brzegowej je-
ziora) — parametr A na pasku narzędzi pokazuje kąt nachyle-
nia (1,3°—jednak nie trzeba go zapamiętywać). Kolejno wybiera-
my Obrazek>Obróć obszar roboczy>Swobodnie... (lmage>Rotate
Canvas>Arbitrary...) — dokładna wartość kąta i kierunek obrotu są
już wypełnione. Wystarczy wszystko zatwierdzić przyciskiem [OK].
Kadrowanie zdjęcia
Po obrocie zdjęcia o kąt, który nie jest wielokrotnością 90°, powin-

O) no się wykonać kadrowanie. Funkcji tej używamy również w ce-
lu pozbycia się niepotrzebnych ramek powstałych w wyniku ska-
"O nowania. Wyeliminowanie zbędnych elementów ze zdjęcia w celu
otrzymania lepszego obrazu pod względem kompozycyjnym jest tu
jednak najważniejszym i jednocześnie najtrudniejszym zadaniem.
Przy czym należy mieć stale na uwadze następującą tezę —
z jednego zdjęcia w wyniku różnego kadrowania możemy otrzy-
mać więcej niż jeden poprawny obraz główny.
Kadrowania dokonujemy w następujący sposób: wybieramy na-
t £
rzędzie Kadrowanie (Crop Tool) [C], zaznaczamy obszar, który ma O
być pozostawiony i zatwierdzamy całą operację klawiszem [Enter].
Po skadrowaniu należy zapisać plik pod inną nazwą, aby oryginał
móc jeszcze w inny sposób wykadrować w przyszłości.
Korekcja tonalna — ustawianie cieni
Zanim przejdziemy do ustawiania cieni, pozostawimy sobie moż-

liwość przyszłej zmiany ustawień, poprzez stworzenie warstwy
dopasowania. W tym celu wybieramy z menu: Warstwa>Nowa
warstwa dopasowania>Poziomy... (Layer>New Adjustment
Layer>Levels...). Nadajemy nowo powstałej warstwie jakąś nazwę
(np. Poziomyi) i naciskamy [OK].
W przypadku zdjęcia czarno-białego: (plik posiada tylko kanał
szary): w okienku Poziomy (Levels) przesuwamy myszką czarny
trójkąt znajdujący się zaraz pod histogramem (po jego lewej stro-
nie) do miejsca, gdzie zaczyna „rosnąć" wykres. Aby lepiej zorien-
tować się, kiedy mamy zatrzymać czarny trójkąt, można ciągnąć
go z wciśniętym klawiszem [Alt] — zatrzymujemy się w momencie,
gdy zaczynają pojawiać się pierwsze czarne piksele na zdjęciu.
W przypadku zdjęcia kolorowego: postępujemy podobnie jak ze
zdjęciem czarno-białym, z tą różnicą, że w tym przypadku mamy
więcej kanałów kolorów, które musimy poddać korekcie. Najpierw
zatem wybieramy z górnej listy Kanał (Channel) czerwony (Red)
i ustawiamy odpowiednie położenie czarnego trójkąta (pierwsza licz-
ba poziomów wejścia powinna wynosić 28). Analogicznie postępuje-
my z kanałami Zielonym (Gereen) (30) i Niebieskim (Blue) (19).
Korekcja tonalna — ustawianie świateł
Zajmiemy się teraz ustawieniami światła. Będąc cały czas w oknie

Poziomy, postępujemy identycznie jak we wcześniejszym kro-
ku. Z tą różnicą, że tym razem będziemy przesuwać biały trójkąt.
Przesuwamy go w lewą stronę do momentu, kiedy „skończy się" wy-
kres (lub do momentu pojawienia się pierwszych białych pikseli na
zdjęciu — gdy używamy klawisza [Alf]). W wypadku zdjęcia z przy-
kładu trzecia liczba Poziomów wejścia powinna przyjmować wartości
237 (kanał czerwony i zielony) oraz 236 (kanał niebieski).
Uwaga! Opisana metoda korekcji tonalnej jest metodą przybliżo-
ną, mnemotechniczną, ale bardzo dobrze sprawdza się dla znako-
mitej większości zdjęć. Metoda dokładniejsza (ale też trudniejsza
i zabierająca więcej czasu) polega na zastosowaniu Kroplomierzy
(Eyedropper Too\) i palety Info.
Ustawianie ogóinego kontrastu
W nadal otwartym oknie Poziomy (Levels) przesuwamy środko-

wy, szary trójkąt. Dla zdjęć czarno-białych robimy to w (jedynym)
szarym kanale, natomiast dla zdjęć kolorowych robimy to na zbior-
czym kanale RGB. Przesuwając trójkąt w prawo, przyciemniamy
zdjęcie i nadajemy mu większy kontrast. Natomiast przesuwanie
O
go w lewo powoduje rozjaśnienie zdjęcia i jednoczesne zmniejsze- CTl
nie kontrastu. Tutaj przesuniemy suwak środkowy w lewo (do war-

tości 1,05). Zamykamy teraz okno Poziomy zatwierdzając zmiany -o
U)
poczynione w krokach 3-^5.
Dopasowanie nasycenia k o l o r ó w
Często korzysta się również z narzędzia Barwa/Nasycenie (Hue/

Saturation) w celu polepszenia ogólnego nasycenia kolorów lub
EDYCJA ZDJEC
tylko wybranego koloru. Aby to wykonać, na początku oczywi-

ście utworzymy nową warstwę dopasowania: Warstwa>Nowa war-
stwa dopasowania>Barwa/Nasycenie... (Layer>NewAdjustment
Barwa/Nasycenie Layer>Hue/Saturation...). Po nadaniu nazwy warstwie, naciskamy
[OK\. W wyświetlonym okienku Barwa/Nasycenie (Hue/Saturation)
Edycja:
przesuwamy suwak Nasycenie (Saturation) w prawo, aby zwięk-
Barwa.
szyć ogólne nasycenie kolorów (w naszym przykładzie do +15).
Natomiast aby zwiększyć nasycenie tylko wybranego koloru, nale-
Nasycenie:
ży go najpierw wybrać z listy u góry okna, a potem już manipulo-
wać suwakiem Nasycenie. Zwiększymy nasycenie koloru wody
i nieba — wybieramy z listy kolorów Niebieskości (Blues) i ustawia-
my suwak środkowy na +20. Na końcu zatwierdzamy dokonane
zmiany przyciskiem [OK\.
Usuwanie niepotrzebnych elementów
Ten krok bardziej dotyczy tych, którzy skanują, niż wykonujących

zdjęcia aparatem cyfrowym. Jednak i Ci czasem będą chcieli po-
zbyć się przeszkadzających elementów, które zostały uwiecznione
na zdjęciu (np. druty wysokiego napięcia). Pamiętajmy, że
naszym celem jest stworzenie obrazu podobającego się widzowi,
a nie wierne odtworzenie fotografowanej rzeczywistości.
Adobe Photoshop CE Najpierw robimy kopię najniższej warstwy. Na palecie Warstwy za-
Plik Edycja Obrazek Warstwa Zaznacz Filtr Widok Okno Pom
znaczamy dolną warstwę i wybieramy z menu: Warstwa>Powiel
warstwę... {Layer>Duplicate Layer...). Po ewentualnej zmianie na-
zwy warstwy (np. na Czyste) naciskamy [OK] i tą właśnie warstwę
staramy się oczyścić. Do wyboru mamy kilka narzędzi: Stempel
(Clone Stamp Tool), Pędzel korygujący (Healing Brush Tool) (od
wersji 7) czy filtr Kurz i rysy... (Dust& Scratches...). Poniżej przed-
stawiamy ogólną metodę korzystania z narzędzi Stempla i Pędzla
korygującego: Wciśnij klawisz [Alt] i kliknij powierzchnię, która za-
kryłaby dobrze skazę. Kliknij tę skazę. Powtórz powyższe czynno-
ści, aż do likwidacji wszystkich skaz.
Wyostrzenie zdjęcia
Przy tej czynności najlepiej pracować w powiększeniu 100%:

Widok>Wielkość rzeczywista (View>Actual Pixels), lub
[Alt]+[Ctrl]+[O\. Następnie wybieramy Filtr>Wyostrzanie>
Wzmocnienie... (Filter>Sharpen>Unsharp Mask...).
Parametr Wartość (Amount) kontroluje siłę wyostrzania, najpierw
ustawiamy go na 500%, a Promień (Radius) na 1 piksel.
Próg (Threshold) oznacza numeryczną różnicę pomiędzy warto-
ściami jasności dwóch sąsiadujących pikseli, która musi zachodzić,
aby piksele te mogły zostać wyostrzone. Niskie wartości wyostrza-
ją dużą liczbę pikseli, wysokie — mniejszą. Ustawiamy go na 0 —
chociaż obraz stanie się straszliwie szorstki, to będzie można ła-
two zaobserwować, czy nie wyostrzamy przypadkiem ziarna, za-
nieczyszczeń i niepożądanych detali obrazu. Jeśli tak będzie, to
stopniowo zwiększamy wartość progu (tutaj do wartości 70).
Promień (Radius) określa szerokość obwiedni wyostrzania, czy-
li grubość wyostrzonej krawędzi. Zwiększamy go stopniowo, aż od-
kryjemy, że zaczyna niszczyć drobne szczegóły zamiast je podkre-
Ol
ślać (na naszym zdjęciu przy 1,4).
ro
•o Teraz można obniżyć parametr Wartość do 350%. Ostatnią czyn-
nościąjest zatwierdzenie zmian przyciskiem [OK].
Na tym kończymy przegląd najważniejszych czynności, które są
niezbędne do uzyskania obrazu głównego. •
EDYCJA ZDJEC
USUWANIE NIECHCIANEGO TŁA

(V)
20 min
a.
Tomasz Urban
film Jedną z częściej wykonywanych „operacji" na zdjęciach jest wycinanie obiektów z tła. Sposobów
na rozwiązanie tego zgryźliwego problemu w Photoshopie jest co najmniej kilka. Choć poziomem
pliki trudności nieznacznie od siebie odbiegają, toteż ich zastosowanie bywa różne. W poszczególnych
częściach artykułu przedstawię trzy sposoby na pozbycie się związanego z obiektem tła.
EKSTRAKT Z PAPIERU
Opcja Wydziel (Extract) dostępna w Photoshopie od wersji 6,
umożliwia nam szybką (wręcz odręczną) selekcję obiektu poprzez
zarysowanie jego krawędzi jaskrawym „flamastrem" oraz zdaniu
się na łaskę lub niełaskę algorytmu rozpoznawania kontrastu brze-
gów zaznaczenia. Niebywałą zaletą tego rozwiązania jest ogrom-
na szybkość wycinania, pomocna przy obróbce wielu plików, oraz
najszybsza z dostępnych w Photoshopie opcji separowania od tła
znienawidzonych przez grafików włosów. Wadąjest niska dokład-
ność algorytmu, kierująca użyteczność narzędzia w stronę wszela-
kiej maści grafik „ekranowych" (www, aplikacje itp.), gdzie oszukać
oko jest o wiele łatwiej.
Wydziel
Otwieramy plik papierek.tif znajdujący się na CD 2 dołączonym do

czasopisma. Następnie wybieramy opcję Wydziel (Extracf) z menu
Filtr (Filter) [Ctrl\+[Alt]+[X\. Ustawny rozmiar markera na 30 (mo-
żemy go w trakcie pracy regulować na bieżąco skrótami [ [ ] i [ ] ]
i p o w i ę k s z m y l e w y g ó r n y r ó g o b i e k t u w c i s k a j ą c [Ctr!\+[Spacja\.
Automatyczne rozpoznawianie krawędzi
Wciskając klawisz [Ctrl] uruchamiamy opcję automatycznego roz-

poznawania krawędzi. Zaczynając od dowolnego wierzchołka/
załamania przesuwamy kursor obranej linii odcięcia. Przy szcze-
gólnie miękkich krawędziach (ważne przy wycinaniu włosów) puść-
my [Ctrl] i obrysujmy obszar bez opcji przyciągania do krawędzi.
W przypadku, gdy nasz ślad flamastra „zejdzie" odrobinę z obra-
nego toru używamy gumki, dostępnej po wciśnięciu klawisza [Alf],
wymazując niedokładny fragment, a następnie kontynuując zakre-
ślanie do końca. Uwaga! W obrysie nie może być żadnej przerwy!
Wypełnianie selekcji
•a!
O) Pomniejszamy obrazek do rozmiaru okna [Cfrf]+[O], następnie wy-

o
di bieramy narzędzie Wypełnienie (Fill) [G] i klikamy kursorem we-
ra wnątrz obrysowanego obszaru.
"O
Aktywujemy przycisk Podgląd (Preview), aby zobaczyć wyniki na-
o.
szych karkołomnych manewrów.
Jeśli krawędzie wymagają dopracowania, pomajstrujmy przy
nich narzędziami Czyszczenie (Cleanup Tool) [C] i Retusz (Edge
Touchup Tool) [71 Możemy regulować wirtualny docisk kursora
klawiszami 1-9.
Gdy efekt spełnia nasze oczekiwania kliknijmy [OK].
E
MAGNETYCZNA POMARAŃCZA
Opcja Lasoo Magnetyczne (Magnetic lasso) umożliwia nam bardzo
szybkie obrysowanie ścieżką naszego obiektu. Dzięki regulowane-
mu obszarowi automatycznego przyciągania ścieżki do krawędzi
oraz ustawialnemu progowi kontrastu, dostajemy wygodne narzę-
dzie selekcji. W tym przypadku również zaletą jest szybkość, która
niestety nie idzie w parze z jakością. Kapryśny algorytm przyciąga-
nia do krawędzi przy mało kontrastowych spotkaniach tła z obiek-
tem, potrafi płatać figle.
Ustawienie parametrów lassa magentycznego
Otwieramy plik orange tif, znajdujący się na dołączonym do czaso-

pisma CD 2. Wybieramy narzędzie Lasso magnetyczne (Magnetic
Lasso) [Shift]+[L].
Ustawiamy wielkość kursora na 15 pikseli (trzymając wciśnię-
ty przycisk [/], lub wpisując wartość w okienku Szerokość (Width).
Według potrzeb ustawmy opcję Wtapiania (Feather) na np. 3 pik-
sele, pozostałe zaś wartości kolejno: Kontrast (Edge Contrast) —
10%, Częstotliwość (Frequency) — 50. Wciskamy [Tab], następnie
[F], zwiększając przez to obszar roboczy.
Obrysowywanie krawędzi
Kliknijmy myszką trzymając kursor tak, aby krawędź naszej po-

marańczy znajdowała się w jego obrębie. Następnie przesuwajmy
kursor po krawędzi starając się, aby przypadała ona na jego środ-
ku zaznaczonym krzyżykiem. (Kursor taki możemy uzyskać mając
włączone precyzyjne wyświetlanie kursorów).
Konsekwentnie obrysujmy pomarańczę, kończąc edycję zamknię-
ciem krzywej.
Wciskamy dwa razy przycisk [F], wracając do stanardowego in-
terfejsu programu. Teraz Możemy do woli delektować się powsta-
łą selekcją.
Smacznego!
CIĘŻAR ŚWIETLNEJ ŚCIEŻKI

Trzecim sposobem używanym najczęściej przez grafików projektu-
jących prace ukazujące się w druku, jest „ręczne" rysowanie krzy-
wych Beziera za pomocą narzędzia Pióro (Pen). Ogromne możli-
wości edycyjne oraz dokładność stawiają sposób wycinania ścież-
kę na pierwszym miejscu, szczególnie wtedy, gdy nie możemy
pozwolić sobie na kompromisy. Do wad tego rozwiązania należy
jego czaso- i pracochłonność oraz konieczność nabycia wprawy
w posługiwaniu się „piórkiem".
__ Zaznaczanie
U "\ Ol
Otwieramy plik buto.f/f znajdujący się na dołączonym do czasopi- O
sma CD 2. d>
03
Narzędziem Zaznaczenie eliptyczne (Eliptical Marquee) [M], lub E
[Shift]+[M] zaznaczmy okrągły obszar, którego krawędzie będą
zgrywały się z obłymi kształtami żarówki.
Wyciągamy prowadnice z linijek: pionowej i poziomej (jeśli
nie są włączone: [Ctrl]+[R] i ustawmy je w taki sposób, jak wi-
dać na rysunku. Jeśli mamy włączoną opcję Przyciągaj (Snap)
[Shift]+[Ctrl\+[;] prowadnice zostaną przyciągnięte zarówno do kra-
wędzi, jak i do środka obszaru zaznaczenia.
EDYCJA ZDJĘĆ
Narzędzie Pióro
Usuwamy zaznaczenie [Ctrl]+[D] i powiększamy górny fragment

naszej żarówki. Wybieramy narzędzie Pióro (Pen) [P] i stawia-
my pierwszy punkt kontrolny w miejscu przecinania się prowadnic.
Starajmy się możliwie zawsze stawiać punkty kontrolne nieznacz-
nie wewnątrz obszaru wycinanego przez nas obiektu.
Zmniejszmy obszar roboczy klikając kilka razy [Cfr/]+[-] lub [Ctrf]+
[Alt]+[Spacja]+[Click]. Z wciśniętym [Alt] chwytamy za punkt kon-
trolny i wyciągnijmy w prawo wąs do połowy obszaru wyznaczone-
go przez prowadnicę środkową i prawą.
Edycja krzywych
Klikamy w miejscu wyznaczającym pionową połowę czaszy żarów-

ki, przez które biegnie środkowa prowadnica pozioma, i nie pusz-
czając lewego klawisza myszki wyciągnijmy wąsy tak, jak pokaza-
no to na rysunku. Chowamy prowadnice [Cfr/]+[;] i stawiamy na-
stępny punkt kontrolny „w dolince" najbliższego zagięcia krawędzi
(nie puszczając lewego klawisza myszki wyciągnijmy wąsy).
Z wciśniętym [Alt] i [Shift] chwytamy końcówkę dolnego wąsa po-
przedniego punktu, edytując krzywą tak, by zgrywała się z krawę-
dzią obiektu.
Usuwanie niepotrzebych punktów
Klikamy na ostatni punkt kontrolny (aby móc kontynuować rysowa-

nie krzywej). Operujemy tak wąsami, aby krzywa w miejscu punk-
tu kontrolnego nie tworzyła załamań. W każdym momencie mo-
żemy usunąć wybrany punkt kontrolny (pokazuje się wtedy kursor
z minusem). Jeśli zdecydujemy się skasować ostani punkt, klika-
my na niego z wciśniętyn [Ctrl], a następnie wybieramy [Delete].
Z [Ctrl] możemy dowolnie przesuwać punkty.
Dodawanie punktów kontrolnych
W dowolnym miejscu ścieżki możemy wstawić punkt kontrolny

(program sam wstawi wąsy zgodne z „naprężeniem" krzywej),
a następnie z [Ctrl] dociągnąć go do krawędzi. Pamiętajmy, że-
by kontynuować rysowanie ścieżki musimy kliknąć na ostani punkt
kontrolny. Obrysowujemy pozostałą część obiektu zamykając krzy-
wą kliknięciem na pierwszy punkt rozpoczynający naszą przygodę
(pojawi się kursor z kółeczkiem).
Tworzenie selekcji
Przechodzimy do paletki Ścieżki (Paths) i klikamy 2-krotnie na

Ścieżka robocza (Work Path), nadając ścieżce nazwę sciezkaOI.
Następnie z wciśniętym [Ctrl] klikamy na napisie sciezkaOI two-
rząc zaznaczenie.
Wciskając kombinację [Cfrf]+[J] przenosimy zaznaczony obszar do
nastęnej warstwy, a spodnią wypełniamy białym kolorem. Przez
l/l użycie [Ctrl]+[klik] na warstwie z żarówką tworzymy ponownie jej
o.
i zanaczenie. Z menu Zaznacz (Select) wybieramy opcję Wtapianie
5 (Feather) [Alt]+[Ctrl\+[D] ustalając Wtapianie (Feather Radius) na 3
piksele. Naszą żarówkę możemy uznać za wyszparowaną.
Podążajcie własnymi ścieżkami! •
Jak zrobić tekst wokół jakiegoś obiektu? Jak pozbyć się efei
Aby zrobić tekst wokół obiektu klikamy na ikonie z liter- Efekt tem można usunąć na kilka sposobów, np. przez za-
ką T {Type Tool), po czym piszemy wybrany tekst. Należy stosowanie Stempla (Clone Stamp Tool) lub bardzo szybką
jednak pamiętać, by tekst nie był za długi ponieważ istnie- metodą polegającą na wybraniu miękkiego Pędzla (Brush),
je możliwość, że nie zmieści nam się wokół przedmiotu, po- zamianie Trybu (Modę) na Barwa (Hue) i zamalowaniu czer-
za tym nie należy wpisywać od razu całego tekstu ponieważ wonych źrenic.
możliwość wygięcia napisu jest tylko do 180°. Kolejnym kro-
kiem, po napisaniu tekstu, jest otwarcie panelu Zniekształ- Jak połączyć wybrane warstwy?
cenie tekstu (Warp Text). W tym celu należy kliknąć na pa-
sku narzędzi na ikonke z literą T i strzałkami pod tą lite- Aby połączyć warstwy należy przejść do panelu Warstwy
rą Utwórz zakręcony tekst (Create warped text). Wybiera- (Layers), zaznaczyć wybrane przez nas warstwy (kliknąć
my Styl/Łuk (Style/Arć). Tam, suwakami można dostosować koło tego małego oczka (musi pojawić się spinacz w tym
promień łuku oraz efekt dla liter. miejscu) i wybrać z menu Warstwy>Połącz zaznaczone
(Layers>Merge Linker). Można też zrobić to w inny spo-
Jak zrobić obwódkę z przerywanej linii? sób. Powiedzmy, że chcemy zaznaczyć tylko niektóre war-
stwy, a pozostałe niech będą nie widoczne. W tym celu kli-
Do stworzenia takiej obwódki będzie potrzebna ścieżka. kamy w panelu Warstwy na oczko po lewej stronie danej
Najprościej ją zrobić wykorzystując narzędzie Kształt wła- warstwy (warstwa stanie się niewidoczna). Następnie prze-
sny {Custom Shape Tool), po wybraniu którego klikamy na chodzimy do menu Warstwy i wybieramy Połącz Widoczne
ikonie Ścieżki (Path) (wygląda jak stalówka w prostokącie). (Merge Visible)
Dzięki temu rysowany kształt będzie widoczny w postaci
ścieżki. Należy wybrać dowolny kształt i narysować go na Co oznacza „Żaden z pikseli nie jest zaznaczony w stop-
obrazku. Wybieramy Pędzel (Paint Brush Tool) i ustawiamy niu większym niż 50%, więc ramka zaznaczenia nie bę-
pędzel o kwadratowej końcówce, wielkości kilkunastu pik- dzie widoczna" („No pixels are morę than 50% selected.
seli. Następnie przechodzimy do palety Pędzle (Brushes), The selection edges will be not visible")?
gdzie w zakładce Kształt pędzla (Brush Tip Shape) zmniej-
szamy Zaokrąglenie (Roundness) do 25%, a Odstępy (Spa- Jest to typowy błąd — należy sprawdzić wartość Wtapia-
cing) zwiększamy do 150%. W zakładce Dynamiki kształtu nia (Feather) podczas zaznaczania, powinna być na 0 lub
(Shape Dynamice) ustawiamy Wahanie kąta (Angle Jitter) bardzo nisko.
na 0%, a Kontrola (Control) na Kierunek (Direction). Teraz
pozostaje udać się do palety Ścieżki (Paths), gdzie należy Dlaczego czcionka mimo zmiany jej punktacji nadal po-
kliknąć na ikonie Obrysuj ścieżkę pędzlem (Stroke path with zostaje duża? Jak temu zaradzić?
brush). Na koniec usuwamy ścieżkę i gotowe.
Czasem przy przenoszeniu z jednego obrazka do inne-
Jak nadać zdjęciu jeden odcień? go całej warstwy z tekstem pojawia się problem wielkości
czcionki, to jeden z możliwych przypadków —jest ich wię-
W celu nadania zdjęciu jednego odcienia należy wejść cej. Różne wielkości czcionek pisanych przy tej samej punk-
w menu Obrazek>Dostosuj>Barwa Nasycenie (lmage> tacji np. 8 i przy tej samej wielkości obrazka w pikselach
Adjustments>Hue Saturation). Zaznaczyć Koloruj (Colorize) (np. 500x500) są spowodowane różnymi rozdzielczościa-
i suwakami ustawić interesujący nas efekt. mi (wartościami pola Rozdzielczość Resolution). Jeśli w tym
tkwi problem, zmiana rozdzielczości dokumentu może po-
Jak można ze zdjęcia kolorowego zrobić zdjęcie tylko móc (przy wyłączonej opcji resample oczywiście).
z 2 kolorami np. czerwonym i żółtym ?
Jak podzielić obraz na równe mniejsze części?
W tym celu należy przełączyć tryb na skalę szarości —
Obrazek>Tryb>Skala szarości (lmage>Mode>Crayscale), Należy otworzyć zdjęcie i narzędziem Odcięcie (Slice To-
następnie wybrać Bichromię (Duotone), kliknąć na kolo- ol) kliknąć prawym klawiszem myszki na obrazku, wybiera-
ry znajdujące się tam i wybrać takie, które nas interesują jąc Podziel odcięcie (Divide Slice). W oknie ustawień mo-
(w tym przypadku będzie to czerwony i żółty). żemy teraz określić sposób, w jaki ma zostać podzielone
zdjęcie. Załóżmy, że chcemy uzyskać 10 równych części.
Czy istnieje możliwość skonwertowania plików Photo- Zaznaczamy Podziel poziomo 5 odcięć pionowo, równo roz- Ol
o
shop a (*.psd) do Flash'a? mieszczone (DMde Horizontally Into 5 slices down, evenly O)
m
spaced) oraz Podziel pionowo 2 odcięcia poziomo, równo E
Oczywiście, że istnieje możliwość skonwertowania plików rozmieszczone (DMde Vertically Into 5 slices down, evenly "O
i/)
Photoshop'a do Flash'a, do tego służą specjalne programy. spaced). Pierwsza opcja odpowiada za podział obrazu w po-
Jednym z nich jest PSD2FLA. Jednak lepszym rozwiąza- ziomie, druga w pionie. Po zatwierdzeniu zmian powinniśmy
niem jest zapisanie grafiki w formacie png, który jest „łatwo otrzymać zamierzony efekt. Kolejnym krokiem jest zapisa-
przyswajany" przez Flash'a. nie na potrzeby sieci Zapisz dla Weba... (Save for Web).
Marcin Wardęga
EFEKTY
(V)
45 min
tt-
film
pliki
Wiosna idzie!
Magdalena Cyrczak
Jest wiele okazji żeby wysłać kartkę z życzeniami do bliskiej osoby. Wówczas zazwyczaj sięgamy
po gotowe kartki w kiosku lub w Internecie. Ale zawsze przecież możemy zrobić taką kartkę sami.
Własnoręcznie wykonana kartka sprawi nam, jak również naszemu adresatowi o wiele więcej
radości i przyjemności. My będziemy mieli satysfakcję z wykonania oryginalnego, niepowtarzal-
nego projektu, natomiast adresat będzie się cieszył z otrzymania nieszablonowej, „wyróżniającej
się z tłumu" kartki. To jak będzie wyglądać nasza kartka zależy jedynie od naszej wyobraźni
i umiejętności. Poniższy artykuł pokaże jak stworzyć jedną z takich kartek.
Tematyka
D-
o Tematem kartki może być niemal wszystko, w zależności od oka-
di
03
zji z jakiej chcemy ją wysłać. Zastanówmy się najpierw co chce-
-a my na niej umieścić i zróbmy wstępne szkice. Najlepszym wyj-
5 ściem jest po prostu narysować to, co ma się znaleźć na projekcie.
Przygotujmy na przykład kartkę okolicznościową z okazji nadcho-
dzącej wiosny. Odejdźmy od komputera, a najlepiej pójdźmy na
spacer. Weźmy ze sobą kredki i papier — w celu naszkicowania te-
go co później przeniesiemy do komputera. Szkic nie musi być do-
kładny, ważne żeby powstał wstępny plan, według którego będzie-
my podejmować dalsze działania. Pozwoli nam to na określenie ja-
kie będą wzajemne relacje pomiędzy poszczególnymi elementami
projektu, da nam czas na zastanowienie się na co chcemy położyć Nazwa: jBez nazw^ 1
szczególny nacisk i jaki efekt zamierzamy osiągnąć. ceruiaf obtazka:328K

a^ienia wielkości; { Własny
di
Rozmiar
Szerokość: 3 2 0
i j pikseli
d|
Wysokość: |35° j piksel.
jj
Tworzymy plik o dowolnych rozmiarach, w zależności od tego jak
Rozdaefcsość: |72 j piks/cal
di
Tiyb: 1 Kolor RGB
duży będzie nasz projekt. W moim przypadku jest to 320 na 350
pikseli, RGB, białe tło. Ponieważ kartka jest przeznaczona do wy- '/wypełnienie
C Białe
syłania jej drogą elektroniczną ustalamy rozdzielczość na 72
<~ Kolor tła
pikseli/cal; jeśli natomiast chcemy przygotować projekt do druku —
rozdzielczość musi być większa: ok. 150 pikseli/cal dla zwykłej dru-
karki i ok. 300 pikseli/cal dla druku offsetowego. Nie przesadzajmy
z rozmiarami kartki, jeśli ma ona być wysyłana e-mailem — niech
mieści się na ekranie przy rozdzielczości 800 na 600 pikseli by
każdy mógł ją obejrzeć bez potrzeby przewijania zawartości ekra-
nu. Rozdzielczość 800 na 600 pikseli jest bowiem nadal używana
przez dużą grupę użytkowników.
Tło
„Od ogółu, do szczegółu" — taka zasada powinna nam przy-

świecać. Zatem najpierw przygotowujemy tło, a dopiero póź-
niej bardziej szczegółowe elementy. Tworzymy nową warstwę
[Ctrl]+[Shift]+[N] i nazywamy ją background01. Ustalamy kolor na-
rzędzia na soczysty zielony (np. #23A223) i rysujemy prostokąt
wielkości nieco mniejszej niż wielkość dokumentu. Następnie ko-
piujemy tę warstwę (klikamy prawym klawiszem na jej nazwie
i z menu kontekstowego wybieramy Powiel warstwę... (Duplicate
Layer...)), nadajemy jej nazwę background02. Zmniejszamy nie-
co wysokość prostokąta, zaznaczamy go i wypełniamy nieco
ciemniejszym kolorem zielonym (np. #008700). Następnie nakła-
damy na niego maskę Warstwa>Dodaj Maskę>Okryj wszystko
(Layer>Add Layer Mask>RevealAII), którą wypełniamy czarno-bia-
łym przejściem gradientowym tak, aby kolor zielony zanikał ku gó-
rze. Pamiętajmy o tym, by przejście było łagodne.
Tworzymy wzorek
Na tle możemy umieścić dowolne wzorki — na przykład ostatnio

bardzo popularne skośne linie. Przygotowujemy zatem dokument
o wielkości 5 na 5 pikseli, o przezroczystym (Transparent) tle. usta-
lamy kolor narzędzia na ciemnozielony (np. #034003), wybieramy
narzędzie Linia (Linę) [U], ustalamy jej szerokość na 1 piksel i ry-
sujemy skośną linię po przekątnej dokumentu (do wykonania wzor-
ka możemy się także posłużyć Ołówkiem (Pencil) [B]). Następnie
wybieramy polecenie Edycja>Zdefiniuj wzorek... (Edit>Define
Pattern...) i zapisujemy wzorek pod nazwą np. linie.
Opi)ł
r c*
r o
Elementy tła — wzorek r Bs
? do pynfct.j poohod^ras j
ra
r o n
Tworzymy nową warstwę, nazywamy ją np. HnieOI, umieszcza- r •a
o.
my ją pomiędzy warstwami backgroundOI i background02, wybie- 5
ramy kolor narzędzia, taki jak kolor warstwy backgroundOl czyli
#23A223 i rysujemy niewielki prostokąt. Następnie wybieramy po-
lecenie Warstwa>Styl Warstwy>Natożenie wzorka (Layer>Layer
mm
Style>Pattern Overlay...) i wypełniamy go utworzonym przez nas
wzorkiem z parametrem Krycie (Opacity) 70-80%. Możemy sko-
łirr
EFEKTY
piować tę warstwę kilkukrotnie, zmienić jej rozmiary i umieścić

w różnych miejscach projektu. Dzięki umieszczeniu warstwy z li-
niami pod warstwą tła z maską uzyskaliśmy efekt przenikania
wzorka w tło.
Elementy tła — zeskanowane napisy
Każdy ma w domu jakieś stare notatki, nieco wyblakłe i niewy-

raźne. Będą one idealnym materiałem dla naszego projektu.
Skanujemy takie zapiski, następnie zwiększamy ich kontrast tak,
aby litery stały się niemal czarne i usuwamy tło. Później przeno-
simy napisy na warstwę w naszym projekcie i zwiększamy ich ja-
sność aż staną się białe. Następnie nieco zmniejszamy ich para-
metr krycia (Opacity) — na około 80%. Zamiast zeskanowanych
napisów możemy również użyć dowolnej czcionki — najlepiej ta-
kiej, która przypomina pismo odręczne. Wówczas omijamy etap
usuwania tła. Jednak efekt nie jest, aż tak niepowtarzalny jak
w przypadku użycia swoich zapisków. (Plik z napisami umieszczo-
ny jest na płycie CD 2)
Szczegóły
Za pomocą narzędzia Pióro (Pen) tworzymy kształty przypomina-

jące podłużne liście, łodyżki, zawijasy. Najwygodniej jest je stwo-
rzyć w programie do grafiki wektorowej takim jak CorelDRAW czy
lllustrator i zapisać je w formacie EPS, który potem tatwo może-
my importować do Photoshopa. Następnie kopiujemy kilka razy te
kształty i umieszczamy je w rogach obrazka. Skalujemy je i wkom-
ponowujemy w projekt tak, by wyglądały jak „wyrastające" zza kra-
wędzi obrazka.
Aby stworzyć „zadrapania" i przetarcia na projekcie używamy róż-
nych pędzli, którymi w dowolny sposób zamalowujemy wybrane
fragmenty, następnie przecieramy je gumką typu Kreda (lub gum-
ką o jakiś innych, nieregularnych kształtach) dostępną w standar-
dowym zestawie oferowanym przez program i zmniejszamy ich kry-
cie na ok. 30%-40%. Możemy zaznaczyć obiekty znajdujące się na
tych warstwach (klikamy na ikonie warstwy z wciśniętym klawiszem
[Ctrf\), ustawić opcję wtapiania (Feather) na ok. 4-5 pikseli, zazna-
czyć odwrotność na warstwie [Ctrl]+[Shift]+[f] i usunąć ją. Następnie
kopiujemy warstwy kilkukrotnie, skalujemy je i obracamy.
Ponieważ przygotowujemy kartkę o tematyce wiosennej — war-

to umieścić w tle np. schematyczne kwiaty lub inne elementy flo-
rystyczne. Możemy skorzystać z gotowych kształtów oferowanych
przez program Adobe Photoshop lub stworzyć je sami. Kształty
umieszczamy na kilku warstwach, niektóre z nich przesuwamy pod
% jf
warstwę z napisami, a część nawet pod warstwy z „zadrapaniami".
l i ?
Nadajemy im kolor ciemnozielony, a niektórym biały. Różnicujemy
Dl i T również ich parametr krycia: część powinna być ledwie wyraźna
O " ~* (Krycie ok. 20%) natomiast niektóre dobrze widoczne (nie zmienia-
ch
my im krycia lub zmniejszamy je tylko nieznacznie).
R
03
TJ
Q_
Główny obiekt — stokrotka
Najpierw na nowej warstwie, która nazywamy środek, tworzy-

my środek kwiatka — ustalamy kolor narzędzia na kukurydzia-
no-żółty (np. #F5B801), a następnie za pomocą narzędzia Elipsa
(Elipsę) rysujemy okrąg (z wciśniętym klawiszem [Shift]), wybie-
ramy polecenie Warstwa>Styl warstwy (Layer>Layer Style) i na-
dajemy następujące parametry: Faza i płaskorzeźba... (Bevel and
Emboss...): Głębia (Depth) 430%, Wielkość (Size) 4, Zmiękczanie
(Soften) 16 i kolor dla cienia: #4D0303.
Następnie na nowej warstwie, którą nazywamy płatek za pomo-
cą narzędzia Pióro (Pen) rysujemy kształt jednego płatka stokrot-
ki, tworzymy zaznaczenie z selekcji i wypełniamy je kolorem bia-
łym. Wybieramy Styl warstwy i nadajemy jej Nałożenie gradientu
od koloru #B9BFCE do przezroczystości pod kątem 90°. Warstwę
płatek umieszczamy pod warstwą środek, następnie kopiujemy ją
kilkakrotnie i umieszczamy kolejne płatki kwiatu dookoła środka.
Wszystkie warstwy zawierające płatki i warstwę ze środkiem sto-
krotki łączymy ze sobą i spłaszczamy. Następnie całości nadajemy
styl Cień o parametrze krycia 40% i wielkości ok. 10.
Biedronka
Wiosenny charakter? Projektowi na pewno przyda się biedronka

— obiekt wdzięczny i bardzo łatwy do wykonania. Zaczynamy ją
rysować od utworzenia nowej warstwy, a na niej niewielkiej elipsy
o kolorze ciemnoszarym (#1D1D1D). Następnie kopiujemy tę war-
stwę, nazywamy ją np. red zaznaczamy elipsę, wypełniamy ją ko-
lorem intensywnie czerwonym i zmniejszamy. Następnie nadajemy
warstwie styl Faza i Płaskorzeźba o parametrach: Głębia: 160%,
Wielkość. 3, Zmiękczanie: 16 oraz Cień (Drop Shadow)
z Odległością: 2 i Wielkością: 2
Na koniec narzędziem Elipsa lub pędzlem o kolorze ciemnobrązo-
wym — prawie czarnym malujemy na biedronce kropki.
m Obramowanie
Aby nadać obrazkowi bardziej artystyczny wygląd wykonajmy po-

szarpaną ramkę. Tworzymy nową warstwę ponad wszystkimi do-
tąd utworzonymi i nazywamy ją ramka. Następnie narzędziem
Zaznaczenie prostokątne (Rectangle Marquee) rysujemy prosto-
kąt odrobinę mniejszy niż prostokąt na warstwie backgroundOI.
Zaznaczamy odwrotność za pomocą kombinacji [Ctrl\+[Shift]+[i]
i wypełniamy ją kolorem białym. Odznaczamy [Ctrl]+[D] i za pomo-
cą gumki o poszarpanych krawędziach wycieramy część wypełnie-
nie tak, aby nie było widać ani krawędzi ramki, ani prostych krawę-
dzi projektu pod nią.
Napisy
Na koniec dodamy napisy wspomagające przekaz graficzny pro-

jektu i jego czytelność. Poświęćmy więc chwilę typografii, gdyż jest
to istotny element projektu, który nie lubi pośpiechu. Dobieramy
czcionkę — najlepiej inną niż standardowy Arial — może to być
czcionka dekoracyjna, podkreślająca charakter kartki; jednak uwa-
żajmy, aby nie przesadzić — kolorowy projekt wraz z czcionką peł- Ol
ną ozdobników nie będzie wyglądał dobrze. Wielkość napisu mu- o
di
si być również proporcjonalna do wielkości reszty projektu — zbyt
wielka czcionka będzie wyglądać nieestetycznie, natomiast zbyt
mała będzie po prostu nieczytelna. Pamiętajmy również o zacho-
waniu pewnego odstępu, światła pomiędzy elementami graficzny-
mi a napisami. Gdy już uwzględnimy wszystkie te elementy obej-
rzyjmy projekt jeszcze raz, a potem ponownie za dwa dni. Jeśli
nadal będziemy z niego zadowoleni — możemy zacząć pokazy-
wać go innym! ®
EFEKTY
IV)
20 min Emotikony
film
pod lupą
pliki
Tomasz Zelek
Użytkownikom Internetu zapewne nieobce jest pojęcie emotikony — małej ikonki mającej na
celu odzwierciedlenie emocji przy pisaniu tekstu. W niniejszym tutoriaiu spróbujemy stworzyć jej
większego brata - żółtą, kreskówkową główkę.
m Definicja kształtu głowy

Pracę zaczniemy od utworzenia dokumentu o wymiarach 600 na
600 pikseli (nowo utworzony dokument powinien mieć białe tło).
Przy użyciu kombinacji klawiszy [Shift]+[Ctrf]+[N] tworzymy no-
wą warstwę, na której wykonujemy okrągłą selekcję, wykorzystu-
jąc narzędzie Zaznaczanie eliptyczne (Elliptical Marquee Tool).
Zaznaczenie wypełniamy kolorem żółtym używając Wiadro z Farbą
(Paint Bucked Tool), po czym przechodzimy do okna Warstwa>Styl
Warstwy>Blask zewnętrzny... (Layer>Layer Style>Outer Glow...),
w którym ustawiamy: Tryb mieszania (Blend Modę) na Zwykły
(Normal), Krycie (Opacity) na 50% i kolor na czarny.
Nadanie wyrazistości twarzy
Zamykamy okno efektów i nie pozbywając się jeszcze selek-

cji, tworzymy nową warstwę [Shift]+[Ctrl\+[N\. Zmiękczamy za-
znaczenie o 50 pikseli wykorzystując do tego celu menu
Zaznacz>Wtapianie... (Select>Feather...), a następnie wciskamy
kolejno [Shift]+[Ctrl]+[l] (odwrócenie zaznaczenia), [D] (zerowa-
nie kolorów), [Alt]+[Backspace] (wypełnienie) i [Cf/7]+[D] (kasowa-
nie selekcji). Na koniec wybieramy Warstwa>Grupuj z poprzednią
(Layer>Group with Previous) i zmniejszamy krycie warstwy
Dl do 40%.
O
di
ra
xi
Pierwszy etap tworzenia oka
Trzeci krok rozpoczynamy od utworzenia grupy warstw, w któ-

rej to zgromadzimy wszystkie warstwy składające się na oko.
Wybieramy w tym celu Warstwa>Nowa>Zestaw warstw...
(Layer>New>Layer Set...), jako nazwę grupy warstw podajemy
oko. Kolejno tworzymy nową warstwę [Shift]+[Ctrl]+[N], która au-
:p
tomatycznie zostanie dodana do naszej grupy. Na warstwie tej za-
znaczamy niewielki okrąg — Zaznaczanie eliptyczne (Elliptical
Marquee Tool), będący naszym okiem i wypełniamy go kolorem
białym za pomocą Wiadra z Farbą (Paint Bucked Tool). Następnie
dodajemy efekt Warstwa>Styl warstwy>Blask Wewnętrzny...
(Layer>Layer Style>lnner Glow...). Ustawiamy: Tryb mieszania
(Blend Modę) na Zwykły (Normal), Krycie (Opacity): 15%, Kolor:
czarny i Wielkość (Size): 40 pikseli. Ostatnią czynnością w tym
kroku będzie dodanie efektu Warstwa>Styl warstw>Blask ze-
wnętrzny... (Layer>Layer Style>Outer Glow...) z parametrami: Tryb
Mieszania: Zwykły (Normal), Krycie (Opacity): 40%, Kolor: czarny.
Tęczówka i źrenica
Tworzymy kolejną warstwę używając kombinacji klawiszy

[Shift]+[Ctrl\+[N], na której powstanie tęczówka oka. Wykonujemy
najpierw okrągłe zaznaczenie Zaznaczanie eliptyczne (Elliptical
Marąuee Tool), a następnie wypełniamy je dowolnym kolorem np.
#4EA104. Dodajemy teraz efekt Warstwa>Styl warstwy>Blask we-
wnętrzny... (Layer>Layer Style>lnner Glow...) z wartościami: Tryb
Mieszania: Zwykły (Normal), Krycie: 40%, Kolor: czarny i Wielkość:
20 pikseli. Kolejno tworzymy nową warstwę [Shift]+[Ctrl\+[N],
w której stworzymy źrenicę, wykorzystując do tego celu duży, czar-
ny Pędzel (Brush Tool) [B] .
Powieka — ostatni etap tworzenia oka
W kroku tym zajmiemy się powieką. Robimy ją na osobnej war-

stwie [Shift]+[Ctrl]+[N], wykonując okrągłe zaznaczenie — minimal-
nie większe od samego oka. Naszym celem jest zaznaczenie jedy-
nie górnej połowy okręgu, dlatego też dolną część odejmiemy, za-
znaczając ją narzędziem Zaznaczanie prostokątne (Rectangular
Marquee Tool) z wciśniętym klawiszem [Alt]. Rogi selekcji zaokrą-
glamy przy pomocy
Zaznacz>Zmień>Wygładzanie... (Select>Modify>Smooth...), poda-
jąc wartość 5 pikseli, po czym wypełniamy ją nieco ciemniejszym
odcieniem koloru głowy. Podobnie jak w przypadku pozostałych
części oka, tutaj również dodamy efekt Warstwa>Styl warstwy-
>Blask wewnętrzny... (Layer>Layer Style>lnner Glow...) o para-
metrach: Kolor: czarny, Tryb mieszania: Zwykły (Normal), Krycie:
20%, Wielkość: 20 pikseli. Klikamy na grupie oko prawym klawi-
szem myszki i wybieramy Powiel zestaw warstw... (Duplicate Layer
Set...), a powieloną grupę o nazwie oko copy przesuwamy przy po-
mocy narzędzia Przesunięcie (Move Tool) na drugą stronę głowy,
uzyskując w ten sposób parę oczu.
Policzki i zarys ust
Tworzymy nową warstwę poza jakąkolwiek grupą [Shift]+[Ctrl]+[N],

na której wykonujemy okrągłe zaznaczenie. Posłuży nam ono
do zrobienia policzków, powinno więc minimalnie nachodzić
na oko z jego lewej, dolnej strony. Selekcję wypełniamy kolo- o
ch
rem głowy, znajdującym się tuż przy oku (#FFE400) — Wiadro ra
E
z Farbą (Paint Bucked Tool), a następnie obrysowujemy ją kolo- "O
rem czarnym (1 pikselem) korzystając z menu Edycja>Obrysuj...

(Edit>Stroke...). Miękką gumką Gumka (Eraser Tool) wymazujemy
zbędną część wypełnienia, tworząc zarys taki jak na rysunku obok.
Przy pomocy klawiszy [Ctrf]+[J] powielamy warstwę, odbijamy ją
poziomo za pomocą menu Edycja>Przekształć>Odbij Poziomo
(Edit>Transform>Flip Horizontal) i przesuwamy na prawą stro-
EFEKTY
nę głowy. Buźkę dodamy poprzez wykonanie na nowej warstwie

[Shift]+[Ctrl]+[N] okrągłego zaznaczenia i obrysowanie go czar-
nym kolorem — Edycja>Obrysuj... (Edit>Stroke...) na szerokość
1 piksela. Część obrysu usuwamy przy pomocy miękkiej gumki
Gumka (Eraser Toot).
Nakrycie głowy — czpaka
Zajmiemy się teraz nakryciem głowy, jakim będzie czapeczka.

Tworzymy nową warstwę i rysujemy niedużą, niebieską kropkę na
czubku głowy, wykorzystując do tego celu Pędzel (Brush Tool) [B]
wielkości ok. 40 pikseli. Kolejny raz tworzymy nową warstwę, na-
stępnie ustawiamy okrągłą selekcję za pomocą Zaznaczanie elip-
tyczne (Elliptical Marąuee Tool), nieco mniejszą od głowy, którą
ustawiamy tak, by jej górna krawędź znajdowała się tuż powyżej
postawionej przed chwilą kropki. Zaznaczony obszar wypełnia-
my jaśniejszym odcieniem niebieskiego (#3760B2) Wiadro z Farbą
(Paint Bucked Tool) i wciskamy [Cfrf]+[D]. Tworzymy eliptyczne za-
znaczenie Zaznaczanie eliptyczne (Elliptical Marąuee Tool) o wy-
sokości minimalnie mniejszej niż wypełniony okrąg i szerokości
ok. dwukrotnie większej od niego. Selekcję ustawiamy mniej wię-
cej w połowie okręgu i wciskamy klawisz [Delete]. Na osobnej war-
stwie [Shift]+[Ctrl]+[N] obrysowujemy wewnątrz elipsę 10 piksela-
mi, z kolorem kropki (#193673) Edycja>Obrysuj... (Edit>Stroke...).
Twardą gumką Gumka (Eraser Tool) wymazujemy niepotrzeb-
ną część obrysu, pozostawiając jedynie fragment, który posłuży
nam za daszek czapki. Dodajemy jeszcze efekt Warstwa>Styl war-
stwy>Cień... (Layer>Layer Style>Drop Shadow...), z parametrami:
Krycie: 50%, Kąt: 90°, Wielkość: 10 pikseli.
Efekt końcowy — ostatnie poprawki
Powracamy na warstwę z czapką, na której wciskamy [CW]+[7] i

spłaszczamy nieco okrąg, łapiąc za górną krawędź obrysu i prze-
suwając ją lekko w dół. Zatwierdzamy zmiany klawiszem [Enter],
po czym dodajemy efekt Warstwa>Styl warstwy>Blask we-
wnętrzny... (Layer>Layer Style>lnner Glow...) z ustawienia-
mi: Tryb mieszania: Zwykfy (Norma!), Krycie (Opacity): 25%,
Kolor: czarny i Wielkość (Size): 70 pikseli. Tworzymy nową war-
stwę [Shift]+[Ctrf\+[N] i wybieramy Warstwa>Grupuj z poprzed-
nią (Layer>Group with Previous). Na warstwie tej utworzymy pio-
nowe paski, które widoczne będą na czapce. W tym celu wyko-
nujemy kolejno 3 eliptyczne zaznaczenia, obrysowujemy je 3
pikselami Edycja>Obrysuj... (Edit>Stroke...), używając ciemniej-
szego odcienia koloru czapki (#1649AF). Do pasków dodajemy
efekt Warstwa>Styl warstwy>Blask zewnętrzny... (Layer>Layer
Style>Outer Glow...) z kolorem podobnym do czapki (#3760B2).
Kolejno używamy efektu Warstwa>Styl warstwy>Blask wewnętrz-
ny... (Layer>Layer Style>lnner Glow...), w którym ustawiamy: Tryb
Mieszania: Jaśniej (Lighten), Krycie (Opacity): 100%, Kolor: nie-
co ciemniejszy od koloru czapki (#1649AF). Ostatnią rzeczą, ja-
O)
ką wykonamy, będzie dodanie białych odbić światła na źrenicach.
o Przechodzimy na najwyższą warstwę i wykonujemy niewielkim,
U)
ra okrągłym pędzlem [B] dwie kropki.
X)
Na tym kończymy naszą pracę. Wiedzę zdobytą w tym tutorialu,
możemy wykorzystać do stworzenia innych emotikonek, jak rów-
nież wszelkiego rodzaju rysunkowych postaci. ®
EFEKTY
Ukryte zdjęcia
I 20 min
(Ctrl+A Pictures)
film
pliki
Mariusz Dubielecki (Akira)
W poniższym artykule poznamy ciekawy i interesujący efekt, jakim są ukryte zdjęcia (po zazna-
czeniu specjalnie spreparowanego zdjęcia pojawia się drugie — wcześniej niewidoczne zdjęcie).
Nauczymy się jak przy niewielkiej ingerencji w warstwy, modyfikacji poziomu ich widoczności
i przy użyciu różnego rodzaju wzorów wypełnień, można otrzymać ciekawy, nieszablonowy a nie-
kiedy bardzo śmieszny efekt końcowy.
jjfj Dobór Zdjęcia
Pracę zaczynamy od właściwego doboru zdjęć. Najlepiej jest wy-

korzystać dwa podobne zdjęcia, które różnią się jakimś bardzo wi-
docznym i wyrazistym szczegółem lub szczegółami (chociaż nie
jest to regułą, bo wszystko zależy od naszej inwencji i wyobraźni).
Pomysłem na takie zdjęcie może być chociażby zdjęcie pustej uli-
cy połączone ze zdjęciem zatłoczonej ulicy, czy zdjęcie twarzy wy-
rażającej smutek połączone ze zdjęciem twarzy przedstawiającej
uśmiech.
Gdy mamy już pomysł, otwaramy zdjęcie, które ma być ukryte (wi-
doczne dopiero po zaznaczeniu) i dwukrotnie klikamy na warstwie
Tło (Background) w celu zmienienia jej nazwy na warstwa 7 i po-
zbycia się zabezpieczenia uniemożliwiającego nam pracę na tej
S1 warstwie (symbol kłódki).
o
di
ro
E
inwersja
o.
i Powielamy warstwę warstwa 1 i nadajemy jej nazwę warstwa 2.
Ponownie wracamy do warstwy warstwa 1 i dokonujemy inwersji
zdjęcia przy pomocy zakładki Obrazek>Dopasuj>Odwrotność
(lmage>Adjustments>lnvert). W tym celu możemy również wyko-
rzystać skrót klawiszowy [Ctrl]+[l].
IM
dl
Wzór wypełnienia - przygotowanie dokumentu Haz
,:«
Dokonamy teraz jednej z kluczowych czynności, która jest nie- i Ustawienia wielki:
Szelokośt::pf™~" | piksef
zbędna do osiągnięcia zamierzonego przez nas celu — stworzy-
my odpowiedni wzór wypełnienia. Wypełnienie będzie stanowić
Wysokoś*fc|2 | pikseh
d
swoistego rodzaju kurtynę zasłaniającą jedno ze zdjęć. Natomiast " I *sM d
użycie odpowiedniego wzoru do wyżej wspomnianego wypełnie-
nia sprawi, że gdy zaznaczymy zdjęcie, to naszym oczom uka-
że się druga fotografia — wcześniej niewidoczna dla nas. W tym
celu otwieramy nowy dokument z następującymi parametrami
Szerokość (Width) i Wysokość (Height): 2 piksele, Rozdzielczość
(Resolution): 72 piksele/na cal, Tryb (Modę): RGB Color,
Wypełnienie (Contents): Przezroczyste (Transparent) i zatwierdza-
my nasze ustawienia przyciskiem [OK\.
Definicja i zapis wzoru wypełnienia
Następnie używając narzędzia Łupka (Zoom Tool) [Z], powięk-

szamy maksymalnie nasz dokument. Kolejno wybieramy narzę-
dzie Ołówek (Pencil Toof) [8], ustawiamy wielkość na 1 piksel.
Upewniamy się, że mamy ustawiony do rysowania kolor czarny
i stawiamy dwie kropki: w lewym górnym rogu i prawym dol-
nym rogu dokumentu. Wybieramy zakładkę Zaznacz>Wszystko
(Select>Alt) [Ctr[\+[A] i zapisujemy nasz dokument jako wzór wy-
pełnienia, czyli aktywujemy zakładkę Edycja>Zdefiniuj Wzorek...
(Edit>Define Pattern...). Naszemu nowo utworzonemu wzorowi wy-
pełnienia nadajemy nazwę szachownica i zatwierdzamy całą ope-
rację przyciskiem [OK\.
Warstwa wypełnienie — użycie nowego wzoru

1-
Wracamy do naszego wcześniejszego zdjęcia i tworzymy nową
warstwę, która będzie się znajdować powyżej warstwy warstwa 2.
Nowo tworzonej warstwie nadajemy nazwę wypełnienie i zatwier-
dzamy wszystko przyciskiem [OK]. Kolejno wybieramy narzędzie
Wiadro z Farbą (Paint Bucked Tool) [G] i ustawiamy następujące
parametry: Źródło (Filf): Wzorek (Pattern), Wzorek (Pattern): nasz
wzorek o nazwie szachownica, Tryb (Modę): Zwykły (Norlmal),
Krycie (Opacity): 100%, Zakres (Tolerance): 32. Zostawiamy za-
znaczone środkowe pole — Ciągłe (Contiguous) (pozostałe od-
znaczamy). Ostatnią czynnością jest kliknięcie narzędziem Wiadro
z Farbą (Paint Bucked Tool), [G] na warstwie wypełnienie.
Warstwa 2 — modyfikacja
Trzymając cały czas wciśnięty przycisk [Ctrl] klikamy na warstwie

wypełnienie, co w konsekwencji spowoduje zaznaczenie całej jej
zawartości. Następnie klikamy na warstwę warstwa 2 i naciskamy
przycisk [Delete]. Kolejno używamy kombinacji klawiszy [Ctr/]+[D]
w celu odznaczenia wszystkiego. Ostatnią czynnością w tym kroku
będzie wyłącznie widoczności warstwy wypełnienie, a dokonujemy q
di
ns
tego poprzez wyłączenie symbolu oczka znajdującego się przy wy-
żej wspomnianej warstwie. in
Pierwszoplanowe zdjęcie — dodanie

H—
W tym kroku zajmiemy się wstawieniem do naszego projektu zdję-
cia, które będzie widoczne na pierwszym planie. W tym celu otwie-
EFEKTY
1
ramy plik z wspomnianym zdjęciem (ważne jest żeby wybra-
ne przez nas zdjęcia do stworzenia efektu byty tych samych roz-
miarów). Zaznaczamy całe zdjęcie używając Zaznacz>Wszystko
[Ctrl]+[A] i kopiujemy je przy pomocy Edycja>Kopiuj (Edit>Copy)
[Ctr!\+[C\. Możemy już zamknąć plik z drugim zdjęciem i wrócić do
właściwego dokumentu z naszą pracą.
Pierwszoplanowe zdjęcie — modyfikacja
Zaznaczamy warstwę warstwa 2 i wstawiamy powyżej niej no-

wą warstwę o nazwie pierwszoplanowe zdjęcie. Następnie wkleja-
my do tej warstwy wycięte przez nas wcześniej zdjęcie używając
Edycja>Wklej lub [Cfrf]+[\/]. Zmniejszamy krycie warstwy pierwszo-
planowe zdjęcie do 50%.
Połączenie warstw — ostatnie poprawki
Zaznaczamy warstwę warstwa 2, klikamy w prawym górnym rogu

okna warstw na mały trójkącik (symbol trójkąta w kole) i wybieramy
opcję Połącz w Dół (Merge Down) lub posługujemy się w tym ce-
lu skrótem klawiszowym [Ctrl\+[E\. Powyżej opisywana czynność
spowoduje połączenie warstw: warstwa 2 i warstwa 7 w jedną war-
stwę. Ostatnią czynnością do osiągnięcia zaplanowanego przez
nas efektu jest nadanie nowo powstałej warstwie (otrzymanej z po-
łączenia warstw warstwa 2 i warstwa 7) wartości kontrast: -30.
Uzyskamy to za pomocą: Obrazek>Dopasuj>Jasność/Kontrast...
(lmage>Adjustemnts>Brightness/Contrast...).
W celu obejrzenia efektu naszej pracy musimy utworzone przez
nas zdjęcie zamieścić na stronie WWW lub przesłać e-mailem,
a następnie zaznaczyć (użyć [Cfr/]+[/\]). Nie wszystkie zdjęcia
w równym stopniu nadają się do wykorzystania przy tworzeniu te-
go efektu. Po kilku próbach powinniśmy dojść do wprawy i dokony-
wać właściwego doboru fotografii. @
Specjalna oferta dla czytelników .psd!!!
<*„ yara
Na dołączonej do pisma płycie CD Na dołączonej do pisma pły-
znajduje się pełna wersja Xara 3D 3 war- cie CD znajduje się pełna wersja
ta $44,99+VAT — z możliwością upgrade Xara Webstyle 2 warta $69+VAT
do wersji Xara 3D 5, po obniżonej cenie — z możliwością upgrade do
— $34.99+VAT, czyli 20% taniej. (Upgra- wersji Xara Webstyle 4 (CD-
de dokonuje się przez link w programie, version) po obniżonej cenie —
albo przez stronę: http://www.xara.com/ $49+VAT. To prawie 30% taniej!
Ol
x3d3upgrade. asp ?p=wyda). (Upgrade dokonuje się przez
ra Oferta jest ważna do końca maja 2004 link w programie, albo przez
•a
w roku. Warunkiem otrzymania rabatu jest stronę: http://offer.xara.com/
CL
rejestracja programu Xara 3D 3 przez webstyle2/upgrade/wyda/).
5
link w programie, albo przez stronę http:// Oferta jest ważna do koń-
5
www.xara. com/x3d3offer. asp ?p=wyda. ca maja 2004 roku. Warunkiem
otrzymania rabatu jest rejestracja programu Xara Web-
style 2 przez link w programie, albo przez stronę: http://
offer.xara.com/webstyle2/imp/ lub http://offer.xara.com/
webstyle2/wyda/.
Przedstawiamy:
XARA!
Tomasz Trejderowski
Xara (www.xara.com) to już nie tylko rodzina pięciu (Xara X, liniami (Linę spacing), przesunięcie linii bazowej tekstu (Ba-
(ara3D, Webstyle, Menu Maker, Screenmaker 3D) dosko- seline shiff) czy wreszcie kerning czcionek.
nałych programów graficznych. Wraz z setkami przykła- Nie ma możliwości dodania własnych elementów graficz-
J dów, filmów, tutoriali oraz serwisami www.xaraonline.com, nych, czy w ogóle w jakikolwiek sposób dokonania ręcznych
www.buyfonts.com, www.talkgraphics.com i www.xarax- korekt generowanego obrazu. Można to wykonać jedynie
one.com mamy już do czynienia ze zjawiskiem czy wręcz w zewnętrznym programie (np. Photoshopie) po dokonaniu
całą społecznością grafików, którzy wybrali ten styl two- eksportu. Jest to najważniejsza cecha programu — przez
rzenia grafiki. Styl tak odmienny od stosowanego w Photo- jednych traktowana jako największa wada, a przez innych
shopie. Styl tak niepopularny wśród grafików-profesjona- jako największa zaleta. Taka jest po prostu idea tych dwóch
listów, a znajdujący tylu fanów i popularyzatorów wśród omawianych aplikacji z rodziny Xara. Wszystko zaczyna
początkujących twórców, iż nie sposób o nim nie wspo- się i kończy w obszarze modyfikacji istniejącego szablo-
mnieć. W artykule niniejszym omówimy dwa najpotężniej- nu. Można zmienić kąt, cień, oświetlenie, użytą czcionkę,
sze (i najstarsze — doczekały się najwięcej wznowień oraz kolor czy teksturę, ale żadne ręczne modyfikacje nie wcho-
zaliczyły największą liczbę pobrań) programy z tej rodzi- dzą w rachubę. Musisz to zaakceptować jako pewnik lub...
ny: Xara3D i Xara Webstyle. Najnowsze wersje obu są przestać używać program.
do pobrania ze strony producenta. Mamy także doskona- Zmiany nanoszone względem bazowego szablonu reali-
ły prezent wyłącznie dla czytelników .psd. Odrobinę star- zuje się przez modyfikację bardzo dużej liczby parametrów.
sze, ale za to pełne wersje obu omawianych programów Są one podzielone na osiem głównych okien edycyjnych.
zostały umieszczone na płycie CD dołączonej do niniej- Ich układ i kolejność jest bardzo logiczna, tak więc mno-
szego numeru! gość opcji staje się wyłącznie zaletą i wcale nie budzi uczu-
Oba programy, w odróżnieniu od Photoshopa, wykorzy- cia zagubienia nawet wśród zupełnie początkujących użyt-
stują nowy styl tworzenia grafiki — w oparciu o szablony. kowników.
Proces tworzenia, niezależnie od tego, czy tworzymy grafi- Dodatkowo, oprócz wspomnianych ośmiu okien pełnych
kę na potrzeby strony WWW, ulotki reklamowej czy do każ- modyfikatorów możemy zmieniać kolor, natężenie oraz roz-
dego innego celu, jest taki sam. Twórca wybiera tylko sza- mieszczenie źródeł trzech świateł oświetlających nasz trój-
blon bazowy, a następnie w serii kolejnych kroków usta- wymiarowy model oraz kolorystykę i intensywność cienia
la takie aspekty jak kolorystyka, oświetlenie, cieniowanie, jak również tła. Tło oraz model może być albo pokryte kolo-
czcionki, ułożenie. Następnie może dokonać eksportu goto- rem, albo teksturowane dowolną teksturą. Zmiany modyfi-
wego modelu do wielu popularnych formatów. Tak przy- katorów kształtu (wspomnianych w poprzednim akapicie)
gotowaną pracę można od razu wykorzystać jako gotowe dokonujemy poprzez zmianę wartości liczbowych w odpo-
dzieło lub potraktować jako podstawę wyjściową do dalszej wiednich oknach. Natomiast zmianę umieszczenia modelu
obróbki w Photoshopie bądź wykorzystania w bardziej zło- w trójwymiarowej przestrzeni oraz rozmieszczenia źródeł
żonej scenie. światła i cienia możemy dokonać przy użyciu myszki, tech-
niką przeciągnij-i-upuść {drag-and-drop).
Program ten, zgodnie z nazwąjest ukierunkowany na gra- File Edif View Options ffircdow Hs!p
fikę trójwymiarową. Jednakże od razu należy przestrzec — D U* U JO

nie jest on tak wszechstronny jak Webstyle. Tutaj główny
nacisk położono na tekst. Możemy przy pomocy tego pro-
gramu stworzyć statyczny banner, animację, klawisz (but-
ton) czy wreszcie wygaszacz ekranu. Ale wszystko będzie
bardziej lub mniej ściśle związane z tekstem — napisem.
Istnieje możliwość dodania prostych symboli graficznych,
czy nawet uczynienia ich głównym tematem obrazu lub ani-
macji — ale nadal pozostaje to tekst, np. znaki symbolicz-
ne zawarte w czcionkach Windings czy Webdings. Jednak-
że możliwości w zakresie modyfikacji tekstu są imponują-
ce — widać, że program jest doskonale przygotowany od
tej strony i zadowoli praktycznie każdego, nawet najbardziej
wymagającego grafika. Oprócz oczywistych opcji, takich jak
wypisywanie tekstu różnymi krojami i czcionkami oraz zmia-
ny jego wysokości, mamy wpływ także na to czy tekst poja-
wia się pełny czy tylko jego obramowanie (Outline), możemy
zmienić stosunek wysokości do szerokości tekstu (Aspect 749 * 433 -41* 0' : 0"
ratio), pozycjonowanie (Align), odległość między kolejnymi Łt Główną zaletą programu jest olbrzymia ilość czynników, które wpływają na gotowy obraz lub animację
RECENZJE
Gotowe dzieło można wyeksportować do kilku popular- czasie należy albo zakupi licencję na tą wersję aplikacji,
nych formatów graficznych takich jak: Bitmapa, GIF, JPEG albo skorzystać z wcześniejszej dystrybucji tego programu,
czy PNG. Troszeczkę niepoważne jest dodanie opcji eks- odrobinę uboższej w opcje, ale za to pełnej. (Pełna wersja
portu do formatu ICO (ikona) czy CUR (kursor). Należy Xara 3D 3 dostępna na CD).
wziąć pod uwagę, że Windows (nawet w najnowszych wer-
sjach takich jak XP czy 2003) nie zbyt dobrze radzi sobie XARA WEBSTYLE &
z ikonami i kursorami (wskaźnikami myszki) większymi niż Xara Webstyle różni się od swej siostry — Xary3D — dia-
64x64 piksele. Więc używanie takiego program do tworze- metralnie. Przede wszystkim możliwe jest tworzenie znacz- ^ ^
nia tychże ikon i kursorów można by porównać do piele- nie większego wachlarza grafik. Od podstawowych jak kla-
nia ogródka dwa metry na dwa metry przy użyciu kombaj- wisze, bannery reklamowe, nagłówki płaskie, nagłówki trój-
nu Bizon. Nie mniej opcja taka istnieje. Jeśli ktoś wymiarowe, tła, linie separujące (dividers), ele-
chce może użyć programu Xara3D do tworzenia WSZYSTKO menty wypunktowania (bullets), logotypy czy
kursorów oraz ikon. Jest to więc niewątpliwy plus ZACZYNA SIĘ bannery reklamowe, po skomplikowane jak opra
tej aplikacji. I KOŃCZY W wy graficzne całych stron internetowych (lay
Nie bez znaczenia pozostają nowe opcje OBSZARZE outs), zestawy elementów graficznych (theme
dodane w najnowszej — piątej już odsłonie pro- MODYFIKACJ sets) czy systemy menu i nawigacyjne (NavBars
gramu. Xara3D 5 pozwala eksportować anima- I S T N I E J Ą C E G O & Menus). Mamy też prosty edytor fotografii
cję oraz statyczne ilustracje do formatu Flash. S Z A B L O N U . >• (szczegóły poniżej) oraz narzędzie do tworze-
Pomimo dużych obostrzeń (grafiki i animacje nia albumów fotografii — które z punktu widzenia
zapisane jako Vector Flash tracą bardzo wiele na jakości, grafika jest akceptowalne, ale dość słaba.
i producent: Xara zaś przy zapisie ich jako Bitmap Flash uzyskujemy pliki rzę- Druga podstawowa różnica polega na tym, iż mamy do
: Xara 3D 5 i du powyżej 1 MB, których używanie w Internecie mija się czynienia z obiektami wyłącznie płaskimi. Nawet wspo-
. cena: $44.99 (pełna wersja)
z celem) otrzymujemy w jednym programie możliwość two- mniane nagłówki trójwymiarowe są traktowane jak obiek-
Xara Webstyle 4
i cena: $69.00 (pełna wersja) rzenia obiektów i animacji w bardzo popularnym standar- ty płaskie. Pozostały jednak ustawienia dotyczące cienia,
dzie (ponad 500 milionów użytkowników) Flash. chociaż są znacznie uboższe. Można zmieniać rozmiesz-
Ważnym udogodnieniem (także dostępnym tylko w naj- czenie obiektu tylko na płaszczyźnie. Nie można obracać
nowszej wersji) jest możliwość otwarcia istniejącego obraz- obiektów, a o czymś takim jak zmiana oświetlenia — w ogó-
ka lub animacji (albo utworzenia nowego na podstawie le można zapomnieć.
szablonu), zmodyfikowania tylko wybranych parametrów, Poza tymi podstawowymi zmianami, obsługa programu
a następnie pobrania (odziedziczenia) ustawień dotyczą- jest zbliżona do Xary 3D. Wybierasz grupę, następnie wska-
cych animacji (Animation picker) lub wybranych parame- zujesz interesujący cię szablon oraz w serii kroków zmie-
trów wyglądu stylu (Style picker) z innego szablonu lub niasz takie parametry jak czcionka, kolory, tło, wytłoczenie
innego obrazka czy animacji. (bevel), cień i rozmiary. Ostatecznie zapisujesz grafikę, ale
Podsumowując — program ten to naprawdę rozbudowa- tylko w trzech formatach: GIF, JPEG i PNG.
ne narzędzie graficzne, które pozwala w kilka chwil przygo- Programu Webstyle również możesz używać przez 15 dni
tować nawet bardzo złożony obraz czy animację. Efekt pra- za darmo. Potem należy zakupić pełną najnowszą wersję ze
cy aplikacji możemy wykorzystać jako samoistny model na strony producenta lub zainstalować starszą, ale pełną wer-
stronę WWW czy do dokumentu albo użyć jako elementu sję — dostępną na naszym CD. Różnica polega na tym, że
składowego bardziej złożonej sceny, którą dalej będziemy po 15 dniach przestają działać wszystkie omówione wcze-
edytować — np. w Photoshopie. śniej elementy, poza Photo Editor. Autorzy programu na
Programu Xara3D w wersji niezarejestrowanej (trial) pierwszej stronie stwierdzają, iż Photo Editor to „podstawo-
można używać przez 15 dni od momentu instalacji. Po tym we narzędzie dla każdego webmastera, który chce umieścić
swoje zdjęcia na stronie internetowej". Sęk w tym, że jest
to tylko i wyłącznie slogan reklamowy. Photo Editor poza
Selecł the type ot web graphlc you want to create
Seieei Th0me Sets to view graphic coltectiotts
naprawdę podstawowymi narzędziami jak zmiana jakości
(jasności, saturacji, kontrastu, ostrości czy przezroczysto-
ści), kolorystyki, tła, obracania i przycinania oraz tworzenia
miniaturki, nie oferuje niczego błyskotliwego czy powalają-
cego na kolana. Wypada dosyć marnie przy średniej klasy
programach graficznych, a próba porównania go do Photo-
shopa to po prostu grzech :)
Niestety Xara Webstyle ma też wady. Do najważniejszych
należy fatalne wręcz wsparcie dla polskich znaków. Prawy
Dl klawisz [Alt] jest używany w ten sam sposób jak lewy (jako
O
cń skróty klawiaturowe), toteż wprowadzenie polskich liter jest
ro
bardzo utrudnione, a w niektórych przypadkach wręcz nie-
-o
n możliwe. Pozostaje jedynie wpisywanie tekstów w innym
programie np. Notatniku, kopiowanie ich do schowka i wkle-
janie do Xary. Także czcionki, które naprawdę zawierają
polskie znaki (oznaczone CE) w Xarze nie wyświetlają pra-
widłowo polskich liter — mimo, że w innych aplikacjach nie
ma z tym problemów. •
H Główne okno programu Xara Webstyle 4
PORTFOLIO
• . •** " "•_
10 min
ZNAK
film GRAFICZNY
pliki chroniący
zdjęcie
Daniel Sodkiewicz
N;~. . • ..r)/e zgody przez autora procy na jej modyfikację oraz rozpowszechnianie, najdobitniej
uzmysławia naniesiona bczpoźiednk:- n:i rysunek zmk graficzny- elektroniczny podpis, mówiący
o prawoch do óan~:j nrau:^ .':.•:.;..'.•:•/r-?/; •••v-iJ.'-^.-v .-;•"•.-. hvorzenia wyzaj wspomnianego znaku wod-
nego, i-.n.-ry ;.<Hw3<sy pctfncjai::vch / r « ; 's-.::j>. r-;yjednoczesnym zachowaniu wizualnejatrakcy.-
znak wodny
Wielkość naszego znaku jest uzależniona od rozmiarów obraz-

ka, w przedstawionym tutaj przykładzie na rysunek 1200x960 pik-
seli, nakładamy znak graficzny 400x225 pikseli (Musimy pamiętać,
aby znak wodny nie był zbyt duży w stosunku do całości projektu).
W centrum naszego znaku rozpoznawczego wstawiamy np. nasz
nick i adres naszej strony, opatrzony symbolem © — Copyright.
Poza tym, znak wodny może składać się z napisu: Copyright ©
2004 Ali rights resen/ed (wszystkie prawa zastrzeżone), wszystko
zależy od pomysłu i potrzeb dotyczących rozmiaru znaku.
Otwieramy nowy dokument o wymiarach 400x225 pikseli z bia-
łym tłem [Ctrl]+[N]. Następnie tworzymy nasz symbol, narzędziem
Tekst (Horizontal Type Tool), dobierając dość duży rozmiar fontu,
kolor (w naszym przypadku czarny) i pogrubienie. Aby wizualnie
uatrakcyjnić cały projekt, obrysowujemy stworzony napis dość gru-
bym okręgiem. W tym celu wybieramy narzędzie Kształt Własny
(Custom Shape Tool) [U] i obrysowujemy nasze logo kształtem
Okrągła cienka ramka (Circle Thin Frame).
Nakładamy znak wodny
Przy pomocy narzędzia Różdżka (Magie Wand Tool) [W], zazna-

czamy białe pole okalające stworzony symbol. Następnie za po-
mocą polecenia Zaznacz>Odwrotność (Select>lnverse)- skrót kla-
wiszowy [Shift]+[Ctrl\+[l], odwracamy zaznaczenie na sam znak,
wraz z wypełniającym go wewnątrz białym tłem. Poprzez polecenie
Edycja>Kopiuj (Edit>Copy) [Ctrl]+[C\ kopiujemy znak wodny i wkle-
jamy go na obraz, który chcemy nim opatrzyć Edycja>Wklej
(Edit>Paste) [Ctrl\+[V\).
42
kwiecień/maj 2004
Wtapianie znaky
Wklejony znak automatycznie staje się aktywną warstwą, podatną

na edycje. Z menu wybieramy Filtr>Stylizacja>Płaskorzeźba...
(Filter>Stylize>Emboss...), w oknie Płaskorzeźba (Emboss)
ustawiamy następujące parametry: Kąt (Angle): 50, Wysokość
(Height): 2, Intensywność (Amounf): 130 i zatwierdzamy zmiany
przyciskiem [OK]. Następnie w oknie Warstwy (Layers), prawym
przyciskiem myszy klikamy na warstwę z naszym znakiem, z me-
nu kontekstowego wchodzimy do Opcje mieszania... (Blending
Options...). W wyświetlonym oknie o nazwie Efekty (Layer Style),
wybieramy Tryb Mieszania (Blend Modę) na Światło liniowe (Linear
Light), a wartość Krycie Wypełnienia (F/7/ Opacity) ustawiamy na
14%, tworząc efekt przezroczystości i wypukłości obiektu.
m Końcowe poprawki
Rozmiar naszego znaku wodnego możemy dowolnie modyfiko-

wać za pomocą takich narzędzi jak: Edycja>Swobodnie Przekształć
{Edit>Free transform) [Cfrf]+[7] czy Edycja>Przekształć>Zmeksz
tałć. Dodatkowo za pomocą Filtr>Artystyczne>Blask neonu mo-
żemy nadać ciekawe barwy naszemu znakowi. Proponujemy POLSKI PRQ<3
także po eksperymentować z efektami znajdującymi się
w Obrazek>Dopasuj. Na tym kończymy pracę. Wiedza zdoby- ZASTOSOWANIE:
Szyfrowanie poufnych ,
ta w tym tutorialu sprawi, że nasze projekty będą lepiej chronio- danych i oprogramowania
ne, a co najważniejsze nie stracą przy tym swojej artystycznej war- $ Szyfrowanie poczty e-matt
# Zabezpieczenie danych
tości. ® w razie kradzieży lub
włamania przez Internet
Sejf Wirtualny: zasada działania
jak sejfu wmurowanego w ścianę
*G DATA Software Sp. z o.o.
w Szczecinku nie ponosi
odpowiedzialności za używanie
programu TopSecret Next Generation
do ukrywania w komputerach
nielegalnego (pirackiego)
oprogramowania producentów
polskich i zagranicznych.
GMSA
SOFTWARE
Sp. z o.o.
146,40, ul. 28 Lutego 2
78-400 Szczecinek
®+48 94 372-96-50
i + 4 8 94 372-96-59
e-mail: biuro@gdata.pl
handel@gdata.pl
http://www.gdata.pl
SZUKAJ NASZYCH PRODUKTÓW W:

RENOMOWANYCH SKLEPACH, HURTOWNIACH I HIPERMARKETACH
PROTECHNIKA
ROJEKTOWANI
OPAKOWANIA
Liliana Soja
Czy zastanawialiście się kiedyś jak globalizacja wpływa
na nasze życie? Otóż przejawy jej są już widoczne w bar-
dzo wyspecjalizowanych niszach naszej działalności.
Przykładem niech będzie proces projektowania opako-
wań na soki. Projektant nie projektuje samodzielnie, ale
musi poddać się rygorowi działań marketingowych, które
wykształcają sztywne standardy. Dla jednych jest to uła-
twienie, a dla innych zbyt duże ograniczenie, szczególnie
dla tych bardziej kreatywnych wolnych ptaków. Czy to jest
dobre, czy złe? Oceńcie sami. Dodam tylko, że jakby cały
świat się temu poddał nie byłoby np. Benettona.
owanie jest szatą zewnętrzną produktu. Już na pierw- jest pewne, nie widać chęci do poszukiwań ciekawych |
szy rzut oka akceptujemy ją lub przechodzimy obok. Tym i nowatorskich rozwiązań plastycznych.
samym akceptujemy, lub nie, sam produkt ładnie lub kiep- Obecnie na świecie można zaobserwować różne podej-
sko ubrany. W tym przypadku apetyt rośnie już wraz ze ścia do projektowania opakowań: jedno w Stanach Zjedno-
spojrzeniem. Przyzwyczailiśmy się np. do kartonów na so- czonych, inne w Japonii. W USA w supermarketach rzuca-
ki w kształcie kubików, które wypełniają półki w supermar- ją się w oczy przede wszystkim znaki towarowe firm. Naj-
ketach. Są krzykliwe i agresywne. Rywalizują ze sobą in- ważniejsze jest wypromowanie „marki", której koncepcja
tensywnością kolorów i ostrą typografią. Producenci soków oparta jest na konsekwentnym budowaniu wizerunku pro-
starająsię za wszelką cenę przyciągnąć uwagę konsumen- duktu. Powszechnie panujący kult marki ma doprowadzić
ta. Jest to walka o sukces rynkowy produktu, który przekła- do jednego celu: za markowe produkty konsumenci wy-
da się na pieniądze. W walce tej w społeczeństwie nadpro- łożą więcej „kasy". Ten trend pojawia się w Europie wraz
dukcji bierze udział większość producentów. z potężnymi amerykańskimi sieciowymi agencjami rekla-
Niektóre opakowania zwracają uwagę słabą jakością, in- mowymi i zdaje się trwale zmieniać mentalność europej-
ne starają się przemawiać lepszym dizajnem i te właśnie czyków w podejściu do dizajnu opakowań. W tej dziedzinie
częściej trafiają do naszych koszyków. Stworzenie super Europa na naszych oczach amerykanizuje się. Do niedaw-
atrakcyjnego opakowania przyciągającego wzrok to nie na zwracano uwagę na urodę opakowania, jego kształt,
wszystko: najważniejsze zdają się być jego koszty produk- szatę graficzną oraz tworzywo, z którego było wykonane.
cji, które nie mogą być wysokie. Panuje powszechny ste- Konsumenci kupowali raczej opakowania, które podoba-
reotyp myślenia, że dobry projekt musi dużo kosztować. ły się, a nie markę. Dziś jednak nie Amerykanie czy Euro-
Niekoniecznie tak jest: dobry projekt to przede wszystkim pejczycy, ale Japończycy mają super nowoczesne, najbar-
dobry pomysł, który wyłania się ze współpracy producen- dziej wyrafinowane dizajnersko opakowania na świecie.
ta i jego brand menagera z dobrym, profesjonalnym pro-
jektantem. Wyprodukowanie złego opakowania kosztuje ty- AJEKTOWY
CT1 le samo co dobrego. Mimo to producenci bardzo niechętnie Projektowanie opakowania z prawdziwego zdarzenia
O odnoszą się do nowatorskich projektów. Decyzja wprowa- jest procesem złożonym. Jest to łańcuch wspólnych dzia-
dzenia na rynek ciekawego projektu wymaga bowiem wi- łań specjalistów z różnych dziedzin, w wyniku czego pro-
"D zjonerskiego myślenia, pewnego wyrobienia plastycznego, jektant dostaje do rąk tzw. brief projektowy. To w gestii fir-
dużej odwagi i ryzyka. Powszechnie panująca obecnie mo- my zlecającej jest skonstruowanie dobrego briefu, który
da na konkursy skierowane do przypadkowych studiów gra- określa cel marketingowy, jakim jest szybka i korzystna
ficznych niewiele tu pomoże. Najczęściej popełnianym błę- sprzedaż danego produktu. Brief stanowi podstawę zało-
dem jest subiektywna ocena projektów przez osoby odpo- żeń projektowych i wytyczną dla projektanta. Jest w nim
wiedzialne za akceptację nowego wizerunku produktów. Na zawarta analiza specyfiki samego produktu, oraz analiza
rynku polskim wybiera się sprawdzone wzorce, czyli to co i zdefiniowanie grupy docelowej, czyli jaki rodzaj konsu-
mentów ma dane opakowanie przyciągać. Brane są pod RYSUNEK TECHNICZNY FUNDAMENTEM
uwagę realia danego segmentu handlu, włącznie z pod- PROJEKTU
glądaniem konkurencji. Brief zawiera analizę marki, czyli Przyjrzyjmy się teraz, jak wygląda siatka rysunku tech-
pozycjonowanie, „osobowość" opakowania, tzn. jakie po- nicznego, która jest niezbędna do wykonywania naszego
winny być emocjonalnie przekazy projektowanego opako- projektu, bowiem zawiera wszystkie wymogi dotyczące wy-
wania, analizę ceny, jaka ma być w porównaniu z podob- miarowania i stanowi podstawę konstrukcji projektu karto-
nymi produktami funkcjonującymi na rynku, a także anali- nu (Rysunek I ł ) . Są tu wyraźnie zaznaczone: całkowite po-
zę rozmiarów i smaków oraz w jaki sposób produkt będzie le zadruku oraz wielkości jakie trzeba przyjąć na wszelkie
sprzedawany. Zadaniem projektanta jest więc przełoże- zagięcia, klejenie pudełka i inne. Rysunek techniczny siatki
nie języka strategii marketingowej na wizualny przekaz został stworzony w programie lllustrator, w którym też wy-
w postaci konkretnych, przejrzystych koncepcji plastycz- konujemy wszelkie elementy graficzne, typograficzne oraz
nych. Opakowanie produktu musi być atrakcyjne wizual- ilustracje wymagające dużej precyzji. Tworzymy grafikę
nie, przyciągające uwagę konsumenta i zachęcające go wektorową, która charakteryzuje się tym, że możemy ją do-
do kupna. wolnie skalować bez strat jakości. Oczywiście w programie
mis Cdła rodzina opakowań na soki
lllustrator najlepiej jest też wykonać logo firmy. W ten spo-

PROJEKTOWANIE - GŁÓWNE sób zapewniamy doskonałąjakość druku.
ZAŁOŻENIA Nasza koncepcja polega na stworzeniu takiej kompo-
Po dokładnej analizie i głębokim zrozumieniu specyfi- zycji grafiki dopasowanej do formy pudełka, aby na fron-
ki produktu projektant przystępuje do projektowania, mu- cie, czyli na najbardziej atrakcyjnej stronie, pojawiło się lo-
si znaleźć pomysł na stworzenie koncepcji całości. Zwy-
Zamknięcie kartonu
kle przedstawia się kilka całkowicie odmiennych koncep-
cji, które traktowane sąjako projekty wstępne. Podchodząc
do projektowania należy myśleć o rozwiązaniach modular-
nych.
Projekt realizacyjny możemy stworzyć w słynnym trio pro-
gramów graficznych: lllustrator, Photoshop oraz QuarkX-
Press, który umożliwia nam zmontowanie całości. Następ- Tył kartonu
nie projekt (najlepiej jako plik otwarty) powinien trafić do rąk
specjalisty, który zajmuje się przygotowaniem go do druku.
Wykonane zostaną klisze w separacji na kolory przezna-
czone do druku offsetowego, fleksograficznego lub roto-
grawiury (w zależności jakie walory projektu mają być pod-
kreślone w efekcie końcowym).
O
dl
Przód kartonu ro
Proces projektowania przeanalizujemy na przykładzie
T3
projektu systemu opakowań kartonowych na soki, stworzo-
nego przez studio projektowe Direct Design na pewien kon-
kurs w 2003 roku (Rysunek D ) . Nie będzie to projekt formy
wzorniczej, ale projekt szaty graficznej bazujący na ogólno- _l
dostępnej siatce rysunku technicznego kartonowego opa-
kowania przeznaczonego do pakowania płynnych produk-
tów spożywczych. 13 Rysunek techniczny siatki kartonu
PROTECHNIKA
go umieszczone w górnej par- wać poszczególne owoce i osobno je skanować, a potem

tii, ponieważ w tym miejscu jest całość komponować bezpośrednio w Photoshopie. Po ska-
najlepiej widoczne (Rysunek nowaniu na dobrym skanerze diapozytywu z odpowiednią
H). Poniżej będzie tytuł, któ- rozdzielczością — 300 dpi, można zacząć się nim bawić.
ry w jak najkrótszej formie ma Bierzemy pod uwagę wymogi techniczne przygotowania
informować o zawartości kar- projektu do druku np. fleksograficznego w pełnym kolorze.
tonu. Natomiast głównym ak- W przypadku zdecydowania o użyciu slajdu przedstawiają-
centem jest apetyczny owoc cego np. jabłko wykonujemy kolaż całości w Photoshopie.
umieszczony na wybranym tle. Należy „wyjąć" precyzyjnie owoc z tła slajdu, czyli wyszpa-
Jeden wyeksponowany owoc rować go i wkomponować w stworzone wcześniej tło. Przy-
działa bardziej przekonywu- stępując do projektowania kolażu należy wziąć pod uwa-
jąco niż ich cała kompozycja. gę całe pudełko i wtedy nie ma większych problemów z za-
Całość stworzymy techniką ko- komponowaniem poszczególnych stron.
lażu w Photoshopie.
DOBÓR KOLORÓW
DIAPOZYTYW W przypadku naszej koncepcji projektu, w której wyko-
B Najlepsze miejsce do VS. I L U S T R A C J A rzystujemy ilustrację jabłka, tworzymy również całą kom-
umieszczenia logo pozycję techniką kolażu. Umieszczamy jabłko tak, aby zna-
W naszej koncepcji bazujemy na hiperrealistycznych ilu- lazło się ono w samym centrum wraz z elementem graficz-
stracjach komputerowych przedstawiających owoce cha- nym na czarnym tle (Rysunek H). Element graficzny to
rakterystyczne dla poszczególnych smaków soków. Ilustra- miękka, ale zdecydowana w swojej formie fala dzieląca tło
cje te są specjalnie stworzone do koncepcji całości i jeśli na dwie części: jednolita czarna oraz nasycona kolorem.
zdecydujemy się na ich użycie, to znacznie zmniejszymy Kolor nawiązuje do charakteru poszczególnych smaków
koszty wyprodukowania opakowań. Koszt ilustracji kompu- soków i tym samym automatycznie tworzy kod kolorystycz-
terowej jest znacznie niższy od wyprodukowania diapozy- ny do koncepcji całego systemu opakowań. W naszym pro-
tywu. Jakość ilustracji zależy wyłącznie od zdolności ar- jekcie soku jabłkowego czarne tło kontrastuje ze świetli-
tysty ilustratora. W praktyce jednak częściej jest stosowa- stym fragmentem rozblurowanego diapozytywu przedsta-
ny diapozytyw wykonany w atelier fotograficznym przez wiającego sad jabłkowy. Kolory te mają wpływać na pod-
profesjonalnego fotografika. Jeśli zdecydujemy się na ta- świadomość konsumenta i kojarzyć mu się bezpośrednio
ką opcję, to najlepiej będzie wybrać specjalistę fotografo- ze świeżością letniego sadu i dojrzałymi owocami gaszą-
wania żywności. Nic nie zastąpi doskonałego technicznie cymi pragnienie.
diapozytywu. Wykonanie dobrego slajdu wiąże się ze ści-
słą współpracą grafika-projektanta z fotografem oraz styli- WSKAZÓWKI TECHNICZNE
stą. Czasem do sesji powinien zostać zaproszony kucharz, Czasami pracując nad kompozycją bitmapową moż-
(jeśli potrzebujemy np. fotkę apetycznych, złocistych fry- na posiłkować się elementami graficznymi wymagający-
tek, które należy fotografować tuż po usmażeniu). Po wy- mi precyzji, wykonanymi w lllustratorze, co daje doskonałe
stylizowaniu kompozycji owoców, niesłychanie ważne jest efekty, np.: element graficzny w kształcie fali najlepiej wy-
ustawienie odpowiedniego światła. Im lepiej jest doświe- konać jako grafikę wektorową i wciągnąć ją do Photoshopa,
tlony slajd, tym mniej późniejszych „poprawek" kompute- w którym powstaje kolaż całości. Określając jego wielkość
rowych. Czasami mniej pracochłonne i bardziej efektywne bierzemy pod uwagę całą powierzchnię zadruku pudełka
jest stosowane różnych sztuczek, np. układanie skompliko- dodając po 3 mm z każdego boku na spady. Technicznie
wanej kompozycji owoców nie ma sensu: lepiej sfotografo- kolaż najlepiej tworzyć na warstwach, gdzie jedna z nich
E- Następne kioki przy tworzeniu kolażu - komponowanie S Projekt po zmontowaniu wszystkich elementów graficznych i typogra-
elementów grafiki na warstwach w Photoshopie ficznych
jest pomocnicza i umieszczamy na niej podkład siatki z ry-
sunkiem technicznym. Siatka dokładnie określi wymiary
i pozwoli na centrowanie elementów grafiki na konkretnych
polach. Warstwy zapewniają więc swobodę w manipulowa-
68 Sprawdź!
NOWYCH
niu obiektami bardzo precyzyjnie — z dużą możliwością

korekty kolorystycznej i stosowaniem najróżniejszych efek-
tów. W naszym przykładzie jest zachowana duża powścią-
gliwość i jedynym efektem jest kolorowy cień jabłka. Ostat-
nio standardem stał się schemat klasycznego opakowa-
nia kartonowego, w którym na bokach zwykle umieszcza
się konkretne informacje dotyczące produktu, jak skład, ta-
bele wartości odżywczych, kod kreskowy i inne (Rysunek
0). Tak stworzony kolaż po wyeliminowaniu warstwy po-
mocniczej z rysunkiem technicznym, najlepiej zapisać jako
TIFF z rozdzielczością 300 dpi. Jest to zdecydowanie naj-
cięższy plik naszego projektu, bowiem potrafi ważyć kilka-
dziesiąt MB.
ŁĄCZENIE WSZYSTKICH KOMPONENTÓW

Następny krok, to montaż wszystkich elementów skła-
dowych tworzących docelową kompozycję szaty graficz-
nej w QuarkXPress. Tworzymy nowy dokument i umiesz-
czamy w nim wszystkie elementy grafiki wektorowej, wy-
konanej w lllustratorze, takie jak napis „GRAND", logo oraz
napis „SOK JABŁKOWY 100%". Kod kreskowy generuje- 79,60 zł
my oddzielnie w specjalnym programie do tego przezna-
29,60 zf
czonym i umieszczamy na ściśle określonym polu rysun-
ku technicznego naszego projektu pudełka. Kolaż zapi-
sany wcześniej w formacie TIFF, stanowiący globalne tło,
importujemy z Photoshopa. Następnie nanosimy wszyst-
kie niezbędne teksty. Jest tu duża swoboda w manipulacji
tekstem i z łatwością można dokonywać wszelkich korekt.
Ten etap pracy jest już czysto „rzemieślniczy" i z.a2>Nyc7.a\
najbardziej mozolny. Wydaje się często że korekty teksto-
120,00 zł
we nigdy się nie kończą. Projekt opakowania na prezenta-
cji powinien wyglądać jak gotowy produkt końcowy i dla-
tego dobrze jest wykonać jego prawdziwą makietę w ska-
li 1:1 lub wizualizacją 3D (Rysunek 0 ) . Ta ostatnia metoda
w związku ze spektakularnym rozwojem grafiki 3D zaczy-
na być już standardem. Na koniec przypomnienie — a jed- COMf
nak szata zdobi nie tylko człowieka, ale i produkty przez Programowanie
niego wytwarzane. ®
59,60 zł
dla każdego
13 Projekt finalny gotowy do ostatniego etapu
- separacji na kolory do druku
INFORMATYKA
Księgarnia Internetowa
księgarnia miemeiowa •
www.rin.com.pl
WEBDESIGN
(V)
30 min
film
pliki
Tomasz Zelek
Ładny i przejrzysty interfejs to podstawa każdego dobrego programu komputerowego, witryny

internetowej i nie tylko. Tutońal ten w przejrzysty i zrozumiały sposób pokaże jak przy użyciu
podstawowych narzędzi takich jak: zaznaczanie eliptyczne, czy różdżka oraz przy niewielkiej
ingerencji w warstwy i style warstw można stworzyć prosty, a zarazem efektowny i ciekawy
interfejs.
Wybór gradienty
Pracę zaczynamy od utworzenia nowego dokumentu z białym tłem

o wymiarach zależnych od wielkości naszego interfejsu. W naszym
przypadku będzie to: Szerokość (Width) i Wysokość (Height)
1181 pikseli. Na osobnej warstwie Warstwa>Nowa>Warstwa...
(Layer>New>Layer...) narzędziem Zaznaczanie eliptyczne
(Elliptical Marquee Tool) wykonujemy okrągłe zaznaczenie, któ-
re wypełniamy dowolnym kolorem np. #FF6F00. Idealny okrąg
uzyskamy trzymając wciśnięty klawisz [Shift] podczas zaznacza-
nia. Następnie dokonujemy zamalowania go poprzez wciśnięcie
[Alt]+[Backspace]. Gdy koło jest już gotowe, korzystamy z kombi-
nacji [Ctr/]+[D], w celu pozbycia się zaznaczenia.
Przechodzimy do menu Warstwa>Styl Warstwy>Opcje miesza-
nia... (Layer>Layer Style>Blending Options...). Dodajemy tu efekt
Nałożenie koloru (ColorOverlay), dzięki któremu nadamy naszemu
rysunkowi odpowiedni kolor. Posłużyliśmy się kolorem o następują-
cych wartościach RGB: [4; 39; 120]. Ostatnią czynnością przy tym
o efekcie będzie zmniejszenie wartości opcji Krycie (Opadły) do 34%.
cb
ro Drugim efektem, który dodamy jest Nałożenie gradientu (Gradient
-o
(/> Overlay). W oknie wcześniej zaznaczonego przez nas efektu roz-
o.
wijamy listę z dostępnymi gradientami i klikamy na małej strzałce
i w rogu okienka, po czym z rozwiniętego menu wybieramy Metale
s (Metals). Wybieramy środkowy spośród wczytanych gradien-
tów (Silver). Jego styl ustawiamy na Liniowy (Linear), Kąt (Angle)
45 stopni i zaznaczamy opcję Wyrównaj do warstwy... (Align with
Layer...).
ar
ai
Pozostał nam jeszcze trzeci i zarazem ostatni efekt — Faza i Pła-

skorzeźba (Bevel and Emboss), w którym ustawiamy dla poszcze-
gólnych opcji następujące wartości: Głębia (Depth) 1000%, Krycie
cienia (Shadow Modę) 40%. Kończymy zatwierdzeniem naszych
opcji za pomocą przycisku [OK].
Wycięcia na drugim kole
Tworzymy nową warstwę [Shift]+[Ctr[\+[N], na której ponownie wy-

konamy okrągłe zaznaczenie. Tym razem niech nasze zaznacze-
nie będzie nieco większe od poprzedniego. Do wypełnienia uży-
wamy dowolnego koloru (w naszym przypadku jest to kolor o na-
stępujących wartościach RGB: [0; 144; 255]. Na gotowym okręgu
dokonamy teraz kilku wycięć. W tym celu posłużymy się narzę-
dziami: Zaznaczanie prostokątne (Rectangular Marquee Tool) oraz
Zaznaczanie eliptyczne (Elliptical Marquee Tool). Efekt, który chce-
my uzyskać przedstawiony został na rysunku 2.
Zajmiemy się w pierwszej kolejności wycięciami u góry i na dole
koła. Wybieramy narzędzie Zaznaczanie prostokątne (Rectangular
Marquee Tool), następnie zaokrąglamy rogi selekcji Zaznacz>Zm
ień>Wygtadzenie... (Select>Modify>Smooth) i wciskamy klawisz
[Delete]. Zabieg ten spowoduje usunięcie zaznaczonych fragmen-
tów, a naszym oczom ukaże się część koła stworzonego w kro-
ku 1.
Kolejno pozbywamy się zaznaczenia wciskając [Ctrl\+[D] i przecho-
dzimy do kolejnej czynności, jakąjest wycięcie środka. Robimy to
analogicznie jak z brzegami, korzystając z narzędzi: Zaznaczanie
prostokątne (Rectangular Marquee Tool), Zaznaczanie eliptyczne
(Elliptical Marquee Tool) oraz klawisza [Delete].
Nałożenie efektów z okna Efekty
Z chwilą gdy nasz rysunek będzie wyglądał podobnie jak na ry-

sunku 2, przechodzimy do okna Efekty (Layer Style), które akty-
wujemy w następujący sposób: Warstwa>Styl warstwy>Opcje mie-
szania... (Layer>Layer Style>Blending Options...). Znajdując się
w oknie Efekty (Layer Style) ponownie dodamy trzy efekty zna-
ne nam już z kroku 1, a mianowicie: Nałożenie gradientu (Gradient
Overlay) — ustawienia identyczne jak w kroku 1, Nałożenie koloru
(Color Overlay) — wartości RGB: [145; 8; 8], Krycie (Opacity) 7%,
Faza i Płaskorzeźba... (Bevel and Emboss...) — ustawienia ana-
logiczne do tych w kroku 1, zmieniamy tylko wartość jednej z opcji
Błyszczący Kontur (Gloss Contour) na Pierścień (Ring) (przy stan-
dardowych ustawieniach jest to opcja druga od lewej w dolnym
rzędzie). Klikając na [OK] zatwierdzamy zmiany, co w konsekwen-
cji daje nam efekt jak na rysunku 3.
Dodawanie szybki do wycięcia
W tym kroku zajmiemy się nałożeniem szybki na wycięty we-

wnątrz koła otwór. Wybieramy narzędzie Różdżka (Magie Wand
Tool) i przy jego pomocy zaznaczamy wycięty fragment poprzez o
Ol
05
kliknięcie w jego wnętrzu (znajduje się on po lewej stronie koła).
"O
Tworzymy nową warstwę i wypełniamy zaznaczenie znajdujące /l
się na niej dowolnym kolorem (w naszym przypadku jest to kolor

o wartościach RGB: [0; 0; 0]. W oknie Efekty (Layer Style) doda-
jemy efekt Nałożenie koloru... (Color Overlay) RGB: [84; 93; 114]
z wartością opcji Krycie (Opacity) 100% oraz efekt Faza i płasko- \
rzeźba... (Bevel and Emboss...), w którym zmieniamy jedynie war-

tość opcji Wielkość (Size) na 1 i Tryb mieszania światła (Highlight
psi
Ifi.iUi
WEBDESIGN
Modę) na 50%. Następnie zamykamy okno Efekty (Layer Style).

W palecie Warstwy (Layers) klikamy na bieżącej warstwie trzyma-
jąc klawisz [Ctrl], co spowoduje zaznaczenie naszej szybki.
Tworzymy teraz nową warstwę na której zmniejszamy selekcję
o kilka pikseli korzystając z menu Zaznacz>Zmień>Zawężanie...
{Select>Modify>Contract...). Zaznaczony obszar wypełniamy bia-
łym kolorem, a krycie warstwy zmniejszamy do 50%. Miękką gum-
ką wymazujemy większą część dolnego wypełnienia — zostawia-
jąc jedynie niewielki fragment u góry jak na rysunku 4.
Tworzenie ekranu głównego
Na nowej warstwie, stworzymy ekran z prawej strony interfej-

su, na którym wyświetlane będą różnego rodzaju informacje, tek-
sty — w zależności od wybranej opcji z menu. Ekran ten bę-
dzie miał postać zaokrąglonego prostokąta, który wykonamy
przy pomocy Zaznaczanie prostokątne (Rectangular Marquee
Tool) i funkcji Wygładzanie... (Smooth...) z menu Zaznacz>Zmień
(Select>Modify). Zaznaczenie wypełniamy kolorem granato-
wym RGB: [49; 64; 99], a krycie warstwy (Opacity) zmniejsza-
my do 70%. Mając w dalszym ciągu zaznaczony ekran, two-
rzymy nową warstwę, na której obrysowujemy selekcję kilko-
ma pikselami przy pomocy menu Edycja>Obrysuj...>Wewnętrzny
(Edit>Stroke...>Location Inside). W oknie Efekty (Layer Style) na-
dajemy naszej ramce kolor szary poprzez Nałożenie Koloru (Color
Overlay) RGB: [168; 162; 163] i dodajemy efekt Faza i płaskorzeź-
ba (Bevel and Emboss) z ustawioną wartością Błyszczący Kontur
(Gloss Contour) na Pierścień-podwójny (Ring-Double). Po zatwier-
dzeniu wszystkich zmian przyciskiem [OK], nasz ekran powinien
wyglądać jak na rysunku.
Efekt końcowy
Z lewej strony ekranu dodamy kilka prostych przycisków.

Wykonamy je przy pomocy narzędzia Zaznaczanie prostokąt-
ne (Rectangular Marąuee Tool), utworzone zaznaczenie wypeł-
niamy na nowej warstwie kolorem o wartościach RGB: [135; 130;
133]. W oknie Efekty (Layer Style) dodamy do nich efekt Faza
i Płaskorzeźba (Bevel and Emboss) z wartością opcji Głębia
(Depth) 1000%, Wielkość (Size) 0, Tryb mieszania światła (Opacity
ofhighlight) 100% i Tryb mieszania cienia (Opacity ofshadow)
100% . Włączymy też Cień (Drop Shadow) z wartością opcji
Krycie (Opacity) 50%, Odległość (Distance) 2 i Wielkość (Size) 3.
W zakładce Opcje mieszania... (Blending Options...) zmieniamy
jeszcze Tryb mieszania (Blend Modę) na Nakładka (Overlay) i za-
mykamy okno Efekty (Layer Style).
Nad ekranem stworzymy także niewielkie okienko, w którym bę-
dą wyświetlane nagłówki tekstów. Będzie to zaokrąglony prostokąt
w kolorze niebiesko-szarym RGB: [95; 104; 128] z dodanym efek-
tem Faza i płaskorzeźba... (Bevel and Emboss...), w którym usta-
wiamy następujące opcje Styl (Style) z wartością Żłobienie (Pillow
Dl Emboss), Wielkość (Size) 3, Kierunek (Direction): W dół(Down),
O
tjl
Tryb mieszania światła (Opacity of highlight) 100%, Tryb mieszania
TO cienia (Opacity ofshadow) 100%. Nasz interfejs jest już gotowy.
"O
l/l Wyglądem powinien przypominać ten na rysunku 6. •
O.
3
g
•N !
KSIĄŻKI — RECENZJE
Człowiek i jego znaki
Autor: Adrian Frutiger Adrian Frutiger to znakomity szwajcarski typograf i projektant krojów pism dru-
Objętość: 292 strony karskich, autorytet w dziedzinie przekazów i komunikacji wizualnej, laureat doktora-
ISBN: 83-85586-14-8 tu honoris causa.
Wydawnictwo: Do, Optima Książka „Człowiek i jego znaki" jest pierwszą od wielu lat tego typu pozycją w Pol-
Cena: 35 zł sce, stanowi wyczerpujący opis zarówno siły przekazu jak i historii podstawowych
form graficznych tworzonych przez różne kultury w różnych epokach. Autor wyja-
śnia etapy powstawania piktogramów, symboli oraz pisma, omawia zasady czytel-
i jego znaki ności i siłę oddziaływania znaków na odbiorcę, przedstawia zagadnienia powstawa-
nia różnych odmian krojów pisma. Przekonujemy się, że współczesna komunikacja
nie jest możliwa bez pomocy obrazów i symboli. Jednoczesne połączenie analizy wi-
zualnej z podłożem historycznym daje nowąjakość spojrzenia za zagadnienie emo-
cji wywoływanych przez znaki na człowieka oraz stanowi podstawę procesu projek-
towania znaku graficznego.
Treść została wzbogacona dużą ilością ilustracji wykonanych przez autora; rysun-
ki te udowadniają, że znak graficzny oraz jego przekaz jest uniwersalny i rozpozna-
wany wszędzie tam, gdzie słowo nie wystarcza lub jest niezrozumiałe.
Książka „Człowiek i jego znaki" to jedna z ważniejszych pozycji z dziedziny prze-
kazu wizualnego i obowiązkowa lektura zarówno dla zawodowych projektantów jak
i amatorów.
Magdalena Cyrczak
Techniki obróbki zdjęć cyfrowych

Praktyczne projekty
• •••o Na rynku jest wiele pozycji książkowych o Photoshopie. W większości starają się
one opisywać możliwości Photoshopa pod kątem każdej z możliwych dziedzin, w ja-
Autor: Gregory Georges kiej może on zostać wykorzystany. Tego typu książki nie mogą w pełni omówić żad-
Obiętość: 302 strony nego z poruszanych tematów, w tym także kwestii obróbki zdjęć cyfrowych. Co za-
Wydawnictwo: Helion tem mają zrobić osoby, które pragną zagłębić się w wyżej wspomnianym temacie?
ISBN:83-7197-907-X Jedną z możliwości jest sięgniecie po dzieło Gregory Georgesa (światowej sła-
Cena: 45 zł wy fotografa - z 25 letnim doświadczeniem), które w całości poświecone zostało ob-
TiCHNIKI róbce zdjęć cyfrowych. Autor w przystępny i przejrzysty sposób opisuje w nim róż-
ne techniki cyfrowej obróbki zdjęć na podstawie 50 projektów. Wszystkie projekty
OBRÓBKI są dokładnie opisane z zachowaniem zasady „krok po kroku" i oparzone niezbędny-
ZDJĘĆ mi zrzutami ekranu, dzięki czemu czytelnik może wykonywać opisane efekty i jed-
CYFROWYCH nocześnie nabywać praktyczną wiedzę (na płycie dołączonej do książki znajdują
się wszystkie zdjęcia, które wykorzystał w swoim dziele Gregory - zarówno zdjęcia
przed jak i po przeróbkach). Na szczególną uwagę zasługuje fakt, iz każde wykorzy-
stane prze autora zdjęcie zostało opatrzone wartościowymi informacjami na temat
o
użytego aparatu, obiektywu, filmu (w przypadku aparatu analogowego) czy sposo- Ó)
bu, w jaki dane zdjęcie zostało zdigitalizowane. Nauczymy się z niej m.in. poprawne- ro
go kadrowania, dopasowywania kolorów i nasycenia, usuwania przebarwień, robie- -o
nia fotomontaży, symulowania ruchu, tworzenia cyfrowych karykatur. Jest to niewąt-
pliwie ciekawa i godna uwagi pozycja. Przyda się zarówno początkującym jak i śred-
nio zaawansowanym użytkownikom.
Podsumowując książka ta wychodzi obronną rękaw konfrontacji z wymagającym,
rządnym wiedzy czytelnikiem. Z czystym sumieniem mogę ją polecić.
Mariusz Dubielecki
-fl
Formjt GIF to bardzo nietypowy format zapisu grafiki.

Z c wóch głównych powodów należy traktować go odrobinę
ina :zej niż formaty takie jak np. JPEG czy PNG.
I'o pierwsze — wykorzystano w nim algorytm kompre-
•sji-na którego patent posiada kontrowersyjna firma amery-
kańska Unisys. W niektórych państwach patent ten już wy-
gasł, w innych powinien wygasnąć do końca bieżącego ro-
ku. Jednakże problemem patentu ani kontrowersyjności fir-
my Unisys zajmować się nie będziemy.
Po drugie —jest to jedyny jak na razie format strikte gra-
ficzny, który pozwala przechowywać i wyświetlać także se-
kwencje obrazów — tworzące animację. Konwersję pomię-
dzy JPEG i PNG czy statycznymi (jedno klatkowymi) GIFa-
Tomasz Trejderowski mi można przeprowadzać w niemalże każdej przeglądarce
graficznej. Jednakże do tworzenia animowanych GIFów po-
Istnieje bardzo dużo mniej lub bardziej
trzeba już dużo bardziej wyspecjalizowanych narzędzi.
wyspecjalizowanych programów do
PHOTOSHOP I IMAGEREADY
tworzenia animowanych GIFów. Photoshop to niezwykle rozbudowany i wszechstronny
Ale, który jest najlepszy? — w pełni program. Można nawet rzec — środowisko twórcze. Biorąc
pod uwagę ilość dostępnych pluginów (często bardziej za-
odpowiadający naszym wymogom awansowanych niż niejeden program) oraz narzędzi wspie-
rających (tak jak wspomniany ImageReady) czy współpra-
i oczekiwaniom (pod względem oferowanej cujących (niemalże cała rodzina oprogramowania Adobe)
gamy dostępnych opcji i narzędzi, łatwo dość do wniosku, że w przypadku tego produktu wy-
chodzimy już poza ramy „zwykłego" programu komputero-
jak również pod względem wymagań wego. ImageReady, przeznaczony głównie do tworzenia
animowanych GIFów, oferuje użytkownikowi dwa potęż-
sprzętowych czy finansowym). Artykuł ten ne mechanizmy graficzne, odziedziczone po Photoshopie,
pomoże nam (poprzez porównanie różnych których próżno szukać w innych programach dedykowa-
nych do tworzenia animacji GIF. Mowa tu oczywiście o War-
programów) w udzieleniu sobie odpowiedzi stwach (Layers) i Kawałkach (Slices). Jak przydatne są te
dwa mechanizmy wie każdy nawet początkujący grafik, któ-
na powyższe pytanie. ry choć raz z nich skorzystał. O ile Kawałki mają minimal-
ne zastosowanie w przypadku tworzenia animowanych GI-
O)
Fów, o tyle do produkcji wersji jedno klatkowych mogą się
ra
już bardzo przydać i znacząco skrócić proces ich tworze-
-o
V nia. Dlatego ich obecność w ImageReady nie jest tylko do-
datkiem. Zaś wielowarstwowości nikomu nie trzeba ani opi-
sywać ani specjalnie zachwalać. Ta podstawowa metoda
tworzenia grafiki, praktycznie wymyślona przez Adobe da-
je nieopisane wręcz możliwości nawet średnio wprawione-
mu grafikowi — do tego stopnia, iż po przejściu do aplikacji
o tworzenia
grafika z kolekcji Infinity
graficznej, która warstw nie oferuje, niektórzy mówią nawet dłowo ustawioną przerwę 0,1 sekundy, zaś pierwsza i ostat-
o „malowaniu nogą zamiast ręką":). Pominiemy szczegóło- nia — 0,07 sekundy), ale są. Sytuacja jest na tyle wybiórcza,
wy opis obu tych mechanizmów, gdyż nie jest to tematyką że nie udało mi się sformułować konkretnych wniosków od
niniejszego artykułu. czego takie błędy w interpretacji mogą zależeć.
Połączenie możliwości odziedziczonych po Photoshopie Wspomniany silnik graficzny ImageReady ma jeszcze
z narzędziami do tworzenia animowanych GIFów daje nam jedną nieprzyjemną cechę — tym razem jednak występu-
potężne narzędzie, które można wykorzystać do tworzenia je ona też w niektórych innych programach, nie tylko w apli-
niewiarygodnych animacji oraz efektów w statycznych ob- kacjach ze stajni Adobe. Otóż wbudowane algorytmy opty-
razach. W praktyce jednak dochodzi się do zupełnie innego malizacji oferują czasami „ujemną optymalizację". Obrazek
wniosku. Na potrzeby tych mediów w których animowane stworzony w innym programie niż ImageReady po potrakto-
GIFy się wykorzystuje — czyli głównie stron internetowych waniu algorytmami optymalizacji zwiększa swój rozmiar, co
— nie jest potrzebna aż tak zaawansowana maszyneria ja- jest oczywistym zaprzeczeniem idei tego procesu.
ką oferuje ImageReady. Warto do tego dołożyć dość znacz- Podsumowując wszystkie wymienione powyżej cechy,
ne wymagania programu. Uruchomi się on bez problemów można dojść do wniosku, że jakkolwiek ImageReady jest
nawet na słabej maszynie. Ale pewne rozwiązania wystę- naprawdę dobrym, rozbudowanym i profesjonalnym narzę-
pujące (w wyniku błędu lub celowego działania programi- dziem, to na potrzeby Internetu — głównego medium w któ-
stów) w silniku graficznym powodują, że nawet na kompute- rym wykorzystuje się animowane GIFy — graficy mają do
rze z procesorem 1,5 GHz podgląd (animacja) tworzonych wykorzystania dużo bardziej wyspecjalizowane narzędzia.
GIFów jest skokowy. Opisowi kilku wybranych z nich poświęcimy dalszą część
Nieco denerwujący jest fakt, że ImageReady dość nie- niniejszego artykułu.
typowo interpretuje niektóre animacje GIF stworzone w in-
nych programach. W sytuacji gdy wszystkie klatki animacji GIF MOVIEGEAR4.0
mają ustawioną stałą długość przerwy pomiędzy wyświe- Zdecydowanie jeden z najlepszych programów do two-
tlaniem kolejnej — ImageReady nieprawidłowo odczytuje rzenia animowanych GIFów, przy czym — uwaga! —jest to
te wartości dla pierwszej lub ostatniej klatki. Różnice są na- wyłącznie narzędzie do sklejania animacji z gotowych poje-
prawdę minimalne, rzędu setnych części sekundy (w ana- dynczych klatek, przygotowanych w innym programie. Nie
lizowanym przypadku wszystkie kolejne klatki miały prawi- posiada ani narzędzi wspomagających tworzenie pojedyn-
• • a # s aa
D Ujemna optymalizacja w Image Ready O Główne okno programu GIF Movie Gear4.0
kwiecień/maj 2004
WEBDESIGN
czych klatek ani opcji generowania efektów na bazie jed- cych się na animację wynikową poprzez usunięcie co n-tej
nej klatki animacji czy przejść pomiędzy dwoma klatkami. klatki, co w niektórych przypadkach (animacje zawierające
Jednakże proces samego tworzenia animacji jest doskona- klatki różniące się między sobą minimalną ilością szczegó-
le wspierany przez wiele narzędzi, których trudno szukać łów) może znacząco zmniejszyć rozmiar pliku bez większe-
w innych programach. go ubytku dla efektu końcowego. Naprawdę bardzo potęż-
Zaczynając od samego początku. Przede wszystkim ne narzędzie!
jest to program, który łączy w sobie dwie funkcjonalno- Oczywiście wszel-
ści. Dzięki możliwości szybkiej zmiany palety (przy pierw- kie podstawowe na-
szym uruchomieniu programu — patrz ilustracja obok — rzędzia takie jak edy-
albo poprzez wybranie Edit>Preferences>Use) można cja palet kolorów, czy
dzięki niemu tworzyć zarówno animowane GIFy w pale- metody wyświetlania
cie ograniczonej (standardowo) do 256 kolorów, albo 24- kolejnych klatek, edy-
bitowe (True Color) ikony wprowadzone w systemie Win- cja komentarzy — to
dows XP. wszystko jest wbu-
B Optymalizacja animacji w programie GIF dowane także w GIF
Bardzo dobrze wspiera-
Movie Gear
ny jest sam proces dodawa- Movie Gear.
nia kolejnych klatek anima- Na koniec trzeba jeszcze wspomnieć o kompatybilności
cji. Autorzy programu słusz- programu z innymi formatami graficznymi. Począwszy od
nie wyszli z założenia, że nie wersji 4.0 jest ona naprawdę imponująca. Po pierwsze im-
zawsze kolejne klatki posia- port — animację możemy importować z pliku wideo (*.aw),
vn palette and color seSting?.
dają te same wymiary bądź animowanego wskaźnika myszki (*.ani) lub innej animacji
tą samą paletę barw. W sy- GIF. Zaś pojedyncze klatki z takich formatów jak: statycz-
tuacji w której dodajemy do ny obraz GIF, bitmapa, JPEG, format Photoshopa (*.psd),
B Wybór celu do jakiego będzie jednej animacji kolejne klat- PNG, wskaźnik myszki (*.cur) oraz ikona. Równie imponują-
używany program
ki pochodzące z różnych źró- co wygląda również eksport gotowej animacji do zewnętrz-
d e ł — GIF Movie Gear oferuje nam szereg opcji, dzięki któ- nych formatów (5ave as). Mamy to do wyboru wszyst-
rym (eksperymentując) możemy wybrać taką opcję migracji kie wymienione powyżej oraz dodatkowo animację Flash
dwóch różniących się palet barwnych, bądź taki mechanizm {*.swf). Tak, tak — dzięki GIF Movie Gear możemy na pod-
dostosowywania różnych rozmiarów klatek, aby wynikowa stawie animacji GIF tworzyć proste obiekty Flash, bez ko-
animacja jak najmniej na tym ucierpiała. nieczności uciekania się do innych programów!
Dzięki podzieleniu operacji dotyczących pojedynczej Program GIF Movie Gear jest typu Shareware. Można go
klatki i całej animacji na osobne menu — Frame i Animation używać bez zobowiązań przez 30 dni od pierwszej instala-
— możemy praktycznie każdą podstawową zmianę (przy- cji (jak zapewniają autorzy, deinstalacja i ponowna instala-
cięcie, edycja palety kolorów, zmiana rozmiaru, przesunię- cja nie wyzeruje licznika). Jego rejestracja kosztuje $39.95
cie, obrót) przeprowadzić zarówno na pojedynczej, zazna- i jest przeprowadzana dzięki bezpiecznej usłudze digi-
czonej klatce (lub kilku zaznaczonych jednocześnie — kla- buy.com. Preferowana jest płatność kartą kredytową po-
wisz [Ctrl] — klatkach), jak i na całej animacji. przez Internet. Inne formy zakupu są możliwe ale związane
Nareszcie mamy do czynienia z programem, w którym są z dodatkowymi kosztami procesowymi.
pojęcie „optymalizacja grafiki" nie sprowadza się tylko do
kliknięcia klawisza Optimize! Tutaj dostajemy do rąk kilka ANIMATEME 1.2
narzędzi nad którymi mamy pełną kontrolę dzięki rozbudo- To nie jest typowy program do „sklejania" animacji GIF
GIF Movie Gear 4.0 wanym parametrom sterującym. I tak — w oknie optymali- z pojedynczych klatek, przygotowanych w tym, czy innym
http://www.gamani. coml zacji kolorów widzimy zawsze dwa obrazki (aktualnie wy- programie. Ideą tego programu jest wykorzystanie skryp-
AnimateMe 1.2
braną klatką animacji, oczywiście z możliwością szybkiego tów animacyjnych. Wybierasz jeden obraz (File>Backgro-
http://www. wsoft-lab.com/
products/ przejścia do dowolnej innej) — oryginalny przed redukcją und image lub [F5]) jako tło — obraz bazowy (może to być
Active GIF Creator 2.18 kolorów oraz efekt zastosowania tejże redukcji. Naocznie Bitmapa, JPEG lub GIF — brak wsparcia dla PNG), a na-
http://www. wsoft-lab. coml więc możemy zobaczyć ile bajtów zyskujemy redukując ko- stępnie ustalasz serię efektów, które maja być zastosowane
products/agif/animateme/
lory o daną ilość oraz czy nie wpłynie to ujemnie na efekt do wybranego obrazu wraz z oczywiście parametrami okre-
końcowy —jakość animacji. Natomiast w oknie optymali-
zacji animacji możemy wybrać jakie operacje będą składa-
ły się na proces optymalizowania konkretnie wybranej ani-
macji. Do wyboru mamy tutaj połączenie (uśrednienie) pa-
let: globalnej i lokalnych palet każdej klatki, usunięcie palet
lokalnych (na trzy różne sposoby) i zastąpienie ich paletą
E>
o globalną dla całej animacji, obcięcie klatek do minimalnego
di
ra wymaganego prostokąta (usuwa zbyteczny przezroczysty
-a margines wokół klatek), zastąpienie pikseli powtarzających
a się w kolejnych klatkach przezroczystością (dzięki odpo-

wiednim metodom przejścia pomiędzy kolejnymi klatkami
— dostępnym w standardzie GIF — odbiorca nie zauważy
różnicy, a rozmiar pliku może ulec zmniejszeniu) oraz usu-
nięcie niepotrzebnych (duplikujących się) klatek animacji.
Ostatecznie możemy też zredukować ilość klatek składają- H Główne okno programu AnimateMe 1.2
o
OJ
ślającymi sposób zachodzenia i zachowanie się kolejnych by uzyskać dostęp do konkretnej klatki animacji. Ogólnie
efektów nakładanych na obraz bazowy. W każdej chwili mo- więc (na pierwszy i drugi rzut oka) ma się wrażenie bałaga-
żesz wyłączyć i włączyć dowolną liczbę efektów wśród już nu i zagubienia przez pierwsze kilkanaście bądź kilkadzie-
zdefiniowanych lub zmienić ich parametry. Do wyboru jest siąt minut korzystania z programu. To niewątpliwy minus
dziewięć efektów wraz z pokaźną grupą parametrów przy- w porównaniu do dobrze zorganizowanego i uporządkowa-
porządkowaną do każdego z nich. Jakkolwiek całość spra- nego GIF Movie Gear.
wia wrażenie zaawansowanego programu (według ilości Z drugiej jednak strony Active GIF Creator oferuje nam
parametrów na jakie można zmieniać generowaną anima- kilka narzędzi do bezpośredniej edycji (retuszu) każdej
cję) — efekt końcowy nie jest powalający. Głównym powo- klatki animacji. Mamy dwa rodzaje zaznaczeń: prostokąt-
dem jest tu ograniczenie samego GIFa do tylko 256 kolo- ne oraz (odrobinę kulejące) zaznaczenie typu lasso. Ma-
rów, co oczywiście bardzo ujemnie wpływa na typowe efek- my narzędzie powiększania i gumkę. Mamy także wszyst-
ty operujące na zmieniającej się palecie kolorów. kie podstawowe narzędzia służące do rysowania, znane
Program jest typu Shareware. Rejestracja kosztuje $25 z praktycznie każdego programu graficznego — od tak pro-
(jeśli zakupisz także opisywany poniżej Active GIF Cre- stego jak Paint do tak zaawansowanego jak Photoshop. To
ator— program AnimateMe będzie można nabyć po obni- bardzo duży plus, szczególnie dla tych grafików, którzy są
żonej cenie $19) i można jej dokonać poprzez serwisy Sha- przyzwyczajeni do wykonywania wszystkich operacji zwią-
relt lub RegNow. Szczegóły na stronie WWW producenta. zanych z tym samym procesem (tu: procesem tworzenia
Dopóki nie zarejestrujesz programu, nie możesz wyekspor- animowanych GIFów) w jednym i tym samym programie.
tować gotowej animacji do pliku GIF, a jedynie oglądać efek- Minusem programu natomiast są operacje wspierają-
ty w samym AnimateMe. Program jest dostępny w języku ce, takie jak: optymalizacja (tu funkcjonuje znacznie gorzej
angielskim oraz w kilku językach europejskich, ale bez pol- niż w GMG), eksport i import (znacznie mniej obsługiwa-
skiego. nych formatów) oraz rejestracja. Szczególnie na tą ostat-
nią rzecz pragnę zwrócić uwagę. Pojęcie shareware ozna-
ACTIVE GIF CREATOR 2.18 cza w skrócie Try Before You Buy — czyli spróbuj zanim ku-
Program pochodzi od tego samego producenta, co Ani- pisz. Zasada ta świetnie jest odzwierciedlona w GIF Movie
mateMe 1.2, lecz swoją funkcjonalnością jest porównywal- Gear — przez trzydzieści dni od instalacji możesz korzy-
ny do GIF Movie Gear i dlatego też omówimy ten program stać z programu bez jakichkolwiek ograniczeń. Tutaj nie-
poprzez porównanie do wspomnianego poprzednika. stety, zdaje się, że autorzy zapomnieli o tej zasadzie. Także
Active GIF Creator — w skrócie nazywany przez produ- pomimo, iż używasz programu Active GIF Creator w okre-
centa Agif — jest programem służącym do tworzenia ani- sie próbnym — o czym informują pojawiające się co jakiś
macji GIF poprzez ich „posklejanie" z pojedynczych kla- czas komunikaty, funkcjonalność programu jest ograniczo-
tek. Pierwszą rzeczą, która rzuca się w oczy jest dosyć du- na, czy wręcz żadna, jako, że do każdej stworzonej anima-
ża złożoność programu. Wszystkie podstawowe parametry cji jest dodawany napis „Agif — UNREGISTERED". Czyni
nie są (jak w przypadku GMG) podzielone na osobne okna, to stworzone w tym programie (nawet w okresie próbnym)
służące konkretnym celom tylko rozmieszczone w mniej lub animacje absolutnie nieprzydatnymi.
bardziej sensowny sposób na głównym oknie programu. Plusem programu Active GIF Creator jest być może do-
Ikony sterujące całym programem również w głównej mie- stępność narzędzi dodatkowych. Mamy tu proste narzędzie
rze występują na głównym oknie. Ponadto jest ich bardzo do tworzenia kolekcji obrazów, utworzenia z obrazka pseu-
dużo, są małe i dosyć nieczytelne. Do tego dochodzi pale- do-trójwymiarowego klawisza czy narzędzie do tworzenia
ta barw, której wszystkie 256 kolorów dostępnych w anima- aktywnych map obrazów (image-map), wykorzystywanych
cjach typu GIF postanowiono umieścić na jednym przewi- czasem na niektórych stronach WWW.
janym pasku, w dwóch rzędach. Korzystanie z takiej palety Program jest typu shareware. Rejestracja kosztuje $35
— polegające na ciągłym przewijaniu paska kolorów w jed- ($50 dla firm) i można jej dokonać poprzez serwisy Sharelt
ną i w drugą stronę — jak łatwo się domyśleć, jest bardzo lub RegNow. Szczegóły na stronie WWW producenta. Pro-
uciążliwe. Także kolejne klatki animacji są umieszczone po gram jest dostępny w języku angielskim oraz w wielu języ-
lewej stronie, w jednym (długim —jeśli dana animacja za- kach europejskich. Liczba dostępnych języków jest znacz-
wiera wiele klatek) pasku, który należy ciągle przewijać, nie większa niż w przypadku AnimateMe, lecz nadal braku-
je polskiego. Program ten można zarejestrować za darmo,
i Ąrmioton Tool* Help
jeśli wykona się dla producenta tłumaczenie na język pol-
E* + x • . ft9G
ski. To samo dotyczy programu AnimateMe.
Podsumowując: plusy tego programu nie są zbyt do-
strzegalne wśród jego minusów. Ponadto wszystko, co ofe-
ruje ponad możliwości opisywanego GIF Movie Gear, każ-
dy grafik znajdzie wśród podstawowych opcji lub rozsze- E1
rzających pluginów Photoshopa czy ImageReady. Jeśli o
Dl
ktoś decyduje się kupić dwa (lub więcej) programy do two- ro
rzenia animowanych GIFów — może rozważyć możliwość -o
nabycia także Active GIF Creator. Jeśli natomiast z powo-
dów finansowych lub innych względów chce nabyć tylko je-
den z programów — to bez zastanowienia powinien wybrać
omawiany wcześniej GIF Movie Gear. Porównanie obu tych
narzędzi wypada zdecydowanie na plus właśnie tego pro-
B Główne okno programu Active GIF Creator 2.18 gramu. •
WEBDESIGN
ROZMIESZCZENIE ELEMENTÓW
NA STRONIE WWW
Łukasz Strzelec
Poprawne rozmieszczenie komponentów składowych naszej witryny (logo, banner rekla-

mowy, menu...) to wbrew pozorom nie jest taka prosta i oczywista sprawa.
Poniższy artykuł rozwieje wszelkie tego typu dylematy i wątpliwości — udzielając cennych
wskazówek odnośnie optymalnego rozmieszania poszczególnych elementów.
Stronę WWW można podzielić na kilka elementów, które menu po lewej stronie witryny. Odbiorcami witryn typu ho-
rozmlBszcza się w dowolny sposób — tworząc różnorodne me page są przede wszystkim znajomi ich autorów, a strony
icje. Głównymi elementami strony są: te mają charakter pokazowy, prezentujący wizerunek twór-
cy, dlatego też w tym przypadku można pomyśleć o czymś
niestandardowym, nieszablonowym — sprawić by strona
Zazwyczaj jest to stosunkowo spora po względem roz- stała się ciekawa, „inna" i niekonwencjonalna. Jednakże
miarów grafika (o niewielkiej wysokości, ale dużej szeroko- podkreślmy to raz jeszcze: Optymalnym rozwiązaniem jest
ści — szerokość witryny). Nie jest to jednak regutą, gdyż lo- umiejscowienie menu po lewej stronie naszej witryny.
go może stanowić również mały, jednakże mocno zauwa- Dobrym sposobem na urozmaicenie menu jest dodanie
żalny element graficzny. Przyjęło się jednak, że logotyp małych obrazków kojarzących się z danym tematem/dzia-
w Home Page'ach to zazwyczaj duża, przejrzysta grafika łem menu, co przedstawia poniższy Rysunek B.
(umieszczana w polu, obszarze Top witryny), której tema-
tem przewodnim są zainteresowania/hobby autora np. ro-
wer, samochód, komputer... itd.
Logo często składa się również z nazwy strony oraz jej
adresu, co widać na Rysunkach II i B.
COMPANY SLOGAN GOES HERĘ
B Sposób na urozmaicenie menu
Kolejnym dobrym sposobem na urozmaicenie me-

nu jest jego wyróżnienie. Może to polegać chociażby
na tym, że menu składać się będzie z miniaturek foto-
grafii, gdzie każdy dział zaznaczony będzie innym kolo-
rem. Efekt ten wygląda ciekawie i sprawia, że nasza stro-
na nabiera wyrazu, z monotonnej, podobnej do innych wi-
tryn staje się stroną nieszablonową, obdarzoną ciekawy-
mi rozwiązaniami — poniżej jeden z takich przykładów:
Dl Eł Przykład umieszczenia logo
O
di
ra
MENU
Ia. Menu to kolejny istotny elementem każdego WWW. Powi-
5 nien znajdować się on wysoko i w dobrze widocznym miej-
scu na stronie. W dzisiejszym świecie wiele osób jest bar-
g
dzo zabieganych i często szukają w internecie tylko konkre-
tów. Dlatego też menu powinno być łatwo zauważalne, tak
aby internauci mogli się szybko dostać do niezbędnych in- H Kolejny sposób na urozmaicenie menu
formacji - optymalnym rozwiązaniem jest umiejscowienie
BANNER STOPKA
Któż z nas nie miał problemów z poprawnym umiejsco- Ostatnim dość istotnym elementem, jest tzw. „stopka"
wieniem bannera tak, aby po pierwsze nie przeszkadzał czyli krótko mówiąc dane na temat autora strony. Zazwy-
i nie psuł dobrego wizerunku strony. A po drugie był zauwa- czaj zamieszczana jest tam informacja kto wykonał projekt
żalny — bo to przecież jego główne zadanie. Na wstępie graficzny (design/layout). Często też spotykany jest napis
podam dwa standardowe wersje rozmiarów bannera, któ- „wszystkie prawa zastrzeżone".
re przyjęły się na całym świecie i są najczęściej stosowa-
ne. Są to: 400 x 50 pikseli oraz trochę większy 468 x 60 pik- It is not meant to be read. Designt
ropy woijid look ii it was idserted.
oiiiy. It is not meant to te
seli. h,-.w *.py would bok. if it
Natomiast najczęściej stosowanymi rozwiązaniami w kwe-
stii rozmieszczania bannerów na stronach WWW są:
H Stopka
•• Umieszczanie bannera w Topie. Należy go wkompono-
wać tak, aby nie nachodził na inne elementu strony, jak EFEKTY
chociażby wcześniej opisane menu. W celu jeszcze większego uatrakcyjnienia naszej strony
można zastosować wiele ciekawych efektów. Jednym z nich
jest np. zrobienie logotypu w formie pociętych kwadratów
(obrazek niżej).
Company Mamę ' »»»»»•>»»»
fel Przykład umieszczenia bannera w Topie
*• Umieszczanie bannera na samym dole strony — spo-

sób ten jest częściej stosowany, jeżeli chodzi o strony 0 Ciekawy efekt urozmaicający stronę WWW
domowe. Rozwiązanie to ma swoje plusy i minusy. Do

pozytywów można zaliczyć chociażby fakt, iż nasz lo- Pomysłów na urozmaicenie jest wiele — wszystko zale-
gotyp jest „czysty" — niewypełniony reklamą bannero- ży od naszej fantazji oraz zdolności artystycznych. Trudno
wą. Minusem takiego zastosowania jest natomiast zde- podawać konkretne przykłady, gdyż byłyby ich miliony. Po-
cydowanie mniejsza efektywność reklamowa takiego za efektem kratki można to samo zrobić stosując kółka, li-
bannera. nie, prostokąty, czy nieregularne kształty. Na zakończenie
podaję jeszcze jedno dość ciekawe rozwiązanie przydatne
głównie w home pagach z działami, w których chcemy poka-
zać, uwidocznić nasze lub znajomych fotografie... A miano-
wicie efekt ten przypomina fotografię złączonąjakby z kart-
ką papieru (np. za pomocą spinacza). Osobiście znam mało
stron wykorzystujących tą metodę, dlatego szczególnie za-
chęcam do skorzystania z niej.
ompany Warne
I
O Przykład umieszczenia bannera na dole strony
o
Efekt spinacza będzie atrakcyjnym dodatkiem na stronie WWW
m
Teraz musimy zadać sobie proste pytanie: "Co jest dla Wszystkie wyżej wymienione elementy są stosowany-
nas ważniejsze? Wygląd i lepsze wrażenie? Czy może lep- mi standardami w dzisiejszej dobie internetu. Warto cza-
sza skuteczność reklamowa?". Gdy znajdziemy już na to sem pomyśleć, popracować nad naszą stroną, aby zwięk-
pytanie odpowiedź, to zostaje jedynie zastosować jedną szyć jej efektywność i jakość. Zrobić coś czego nie mają in-
z dwóch proponowanych przeze mnie metod. Jednakże ni. Niech będzie ona niepowtarzalna, jedyna w swoim ro-
pragnę zauważyć, że w home pagach stosowana jest czę- dzaju — niech wyróżnia się w „tłumie". ©
ściej druga metoda, której efekt widać powyżej.
psć
aczęła się Twoja przygoda z grafiką, jak wyglą-
* dała pierwsza praca?
To pytanie z kategorii „prehistoria". Pierwsze pieniądze

dostałem za opracowanie graficzne serii książeczek z za-
bawami matematycznymi dla dzieci. Było to coś formatu
•"ziSeytu szesnastSkartkowego. Wtedy przy komputerze na-
wet nie stałem, więc jak średniowieczny skryba narysowa-
łem kilkanaście stron w całości ręcznie, włącznie z teksta-
ni, tabelkami, zadaniami i grami. Były też oczywiście ilu-
fracje.
Okładkę wg szkicu pomógł mi złożyć kolega, który dys-
ponował zabójczo szybkim pecetem 386. Plik przekroczył
wielkością nasze wyobrażenie i nie mieścił się na dyskiet-
ce, więc okładkę wydrukowaliśmy, po czym Wydawnictwo
ją... zeskanowało. Brzmi to teraz zabawnie, w czasach kie-
dy właściwie nie trzeba wychodzić z domu, a kilka mega-
bajtów wysyła się maiłem.
Jakimi technikami tworzysz swoje grafiki?
Chyba powinienem mieć wytatuowane na czole logo

pewnej firmy produkującej tablety, bo bez tego sprzętu nie
wyobrażam sobie pracy.
Od paru już lat prawie w ogóle nie używam papieru.
Przy okazji wmawiam sobie, że chronię środowisko, co
jest oczywistą bzdurą.
Dlatego, jeśli pytasz jakiej techniki używam, to odpo-
wiem, że ... każdej. Painter ma ok. 400 różnych narzędzi
malarskich. Zmieniam je w zależności od potrzeb, albo na-
stroju, czasem lepszym rozwiązaniem jest pastela, cza-
sem rysunek bardziej precyzyjny. Jest też kilka narzędzi, z wykształcenia jestem architektem szybko znaleźli-
które właściwie nie mają swojego odwzorowania w „świe- śmy wspólny język. Jestem bardzo zadowolony z efek-
cie realnym". To mi się właśnie najbardziej podoba: jedno tu prac nad serwisami dla Architektury (www.architek-
piórko, 400 narzędzi i miliony barw. tura-murator.pl) i Dobrego Wnętrza (www.dobrewne-
W Photoshopie kończą wszystkie moje rysunki. Jest nie trze.pf). Przynajmniej w taki sposób wspomogłem brać
do pobicia w korekcji kolorystycznej i kompozycji. architektoniczną.
Jeśli chodzi o sprawy techniczne, to do tabletu jest pod- Myślę, że kluczem do dobrych wspomnień jest wła-
łączony macintosh ze sporą ilością RAM, a do niego podłą- śnie komfort pracy, swoboda twórcza i zaufanie do cu-
czony jest monitor, tak wielki, że nazywam go wielorybem. dzych kompetencji.
Z rysunków najbardziej lubię te zrobione bez specjal-
Jak wygląda proces powstawania Twoich prac? Czy nego celu, bo mówią o czymś co działo się w mojej gło-
określiłbyś go mianem działania spontanicznego czy wie, nie mają zamiaru sprzedawać, promować albo na-
raczej schematycznego? mawiać. Ten pt. „Fantazja" powstał w momencie kiedy
trafił mi się tzw. dołek związany z samotnością i jedno-
Dzieje się to spontanicznie. Dziś, na pływalni, gdzieś mię- kierunkowością uczuć. Straszny świat i ja sam z ołó-
dzy piątym a ósmym basenem wymyśliłem animację otwie- weczkiem. Ostatnio powstała kolejna bliska mi rzecz,
rającą jeden z moich ostatnich projektów. Najczęściej, po „The Seed". Któregoś dnia zacząłem się po prostu za-
prostu wyobrażam sobie cały projekt i dopiero wtedy sia- stanawiać jakby to było gdyby ewolucja poszła zupeł-
dam do komputera. Zdarza się, że nic nie przychodzi mi do nie innym torem...
głowy więc coś sobie szkicuję i wtedy projekt wyłania się
z mroku. Czy cierpisz na przypadłość zawodowych grafi-
Ilustracje ewoluują. Najpierw jest szkic, później wypeł- ków, tzn. czy każda widziana przez Ciebie grafika
nienia, na końcu detale. Po czym ścieram większą par- jest automatycznie analizowana, oceniana i porów-
tię, bo zmienił się pomysł, albo kasuję wszystko i zaczy- nywana ?
nam zupełnie od innej strony. Mam parę takich rysunków,
które nie wyszły poza fazę szkicu, bo albo nie miałem do Oj, tak. Ale staram się z tym walczyć, bo to jest tro-
nich serca, albo coś nie grało, albo mi się znudziły zanim chę niewygodne. Mam na myśli zdrową ambicję, kiedy
powstały. widzisz coś i masz wrażenie, że jest to skończona do-
Nie potrafię tego wyjaśnić, ale jest taki moment pod- skonałość i wkurzasz się, że sam tak nie potrafisz. Tra-
czas rysowania, kiedy to co dzieje się na monitorze sta- fiam czasem na takie strony albo widzę piękne ilustracje
je się przestrzenią i zaczyna żyć. Albo dojdę do tego mo- i się kurczę, czuję się jak ten chłopiec ze zdjęcia w Ży-
mentu i powstaje coś ciekawego, albo poddaję się gdzieś ciu Warszawy, który ma wszystko przed sobą. Jestem
na etapie kresek. wielkim zazdrośnikiem, ale ta zazdrość, trochę męczą-
ca, popycha mnie do przodu, dzięki niej się rozwijam. Je-
o
Czy masz jakąś swoją ulubioną pracę? śli kiedyś dojdę do wniosku, że jestem najlepszy to bę- di
ro
dzie to koniec.
-o
Z projektami i ilustracjami jest jak z dziećmi — wszystkie
kocha się jednakowo, choć niektóre są nieznośne. Rodzi Projektowanie, na potrzeby której z dziedzin grafiki
się takie coś i trzeba od razu oddać do adopcji i nie masz użytkowej (ilustracje, logotypy, reklamy) sprawia Ci
już na nic później wpływu. Albo źle wydrukują, albo źle za- najwięcej przyjemności?
kodują. Najlepiej jest z projektami, nad którymi mam peł-
ną kontrolę. Zdarzają się wyjątki jak przy serwisach inter- Zdecydowanie najbardziej lubię ilustracje. W pierw-
netowych dla Muratora. Z tymi ludźmi pracowało się nad szych dniach stycznia 2003 roku zmieniłem całkowicie
wyraz przyjemnie, zawodowa sprawa. Może dlatego, że wygląd swojej strony internetowej (www.pejot.com) i po-
Fantazja
stawiłem na ilustracje, zacząłem dostawać zlecenia pra- ci, organizowanego przez UNESCO pt. Ratujmy Wenecję.
wie wyłącznie na rysunki. I o to mi zawsze chodziło. Dzi- Stoję tam w białej koszuli, najmniejszy, uczeń Szkoły Pod-
wię się tylko, że nie wpadłem na to wcześniej. stawowej nr 54, przyduszony aksamitką i robię mądrą mi-
Bardzo lubię projektować różne znaczki i logotypy. Przy- nę. Ta gazeta to jeden z moich największych skarbów, bo
pominają szyfry, w których trzeba zakodować pewną in- mniej więcej w tym czasie doszło do mnie, że umiem ryso-
formację, wać i mogę coś z tym zrobić. Dostałem wtedy super-kred-
W projektach internetowych najbardziej interesuje mnie ki świecowe, zwane też przez dorosłych tłustymi pastela-
zawsze nawigacja. Próbuję rożnych rzeczy i robię ekspe- mi. Używałem ich przez wiele lat, nawet do projektów na
rymenty. Jednym z nich był serwis dla Tomasza Gudzowa- studiach.
tego (www.tomasz-gudzowaty.pl). Tylko nie pytaj kto to ko-
dował... Jak spędzasz czas wolny, czy masz jakieś hobby po-
za grafiką?
Twoje prace zdobyły wiele nagród, która jest dla Cie-
bie najcenniejsza? Praca jest moim hobby. Wyjątkowo mało oryginalne zda-
nie, ale nic na to nie poradzę. Myślę o moim hobby nawet
Mam pożółkły egzemplarz Życia Warszawy z 1976 ro- podczas tak wyczerpującej i nudnej czynności jaką jest
ku. Na pierwszej stronie, po lewej, Edward Gierek ściska pływanie.
się z Helmutem Schmidtem. Po prawej zdjęcie tej samej
wielkości przedstawia siódemkę laureatów polskiego eta- Jakich wskazówek udzieliłbyś czytelnikom, którzy
pu międzynarodowego konkursu rysunkowego dla dzie- upatrują swoją przyszłość w grafice?
o
di
ro
TJ
Jeśli chcesz robić wyłącznie to co lubisz i chcesz być
V)
o.
PAWEŁ JONCA zadowolony z efektu - musisz być niezależny, czyli robić
g Urodził się 35 lat temu. wszystko sam. Ciężka sprawa, prawie niewykonalna.
g Na papierze architekt,
naprawdę ilustrator
i projektant. p.s. Nie jestem robotem, mam dziewczynę i jestem nor-
Prowadzi jednoosobowe malny :)
studio Pejot.
www.pejot.com Z Pawiem Jońcą rozmawiali:
Agnieszka Wawrzyniecka i Mariusz Dubielecki
FOTOGRAFIA CYFROWA
TARGI PMA 2004

CYFROWY „NEWSHALL"
Na ę o <azję szykują się wszyscy producenci. Bum cyfrowy

trw rzedaż aparatów rośnie, a wraz z nimi rosną ocze-
kiwknii użytkowników. Nie maleje apetyt na piksele, czego
najlepszym wyrazem są wszystkie nowe aparaty wyposa-
żone w sensor 8-megapikselowy. Praktycznie w ciągu jed-
nego tygodnia ustanowiono standard dla zaawansowanych
Dominik Maciaszek
modeli, który od wymarzonych niegdyś 5 Megapiskeli jest
W tym miejscu będziemy prowadzić regularny o 60% wyższy! Druga tendencja to wymienianie przez pro-
ducentów całych linii. Czasem poprawki są niewielkie i trud-
newsroom dotyczący fotograficznych nowości no pozbyć się wrażenia, że wdrożono je, aby coś się dzia-
sprzętowych. Będziemy, ale dopiero od ło (patrz kompakty serii IXUS Canona). Innym razem, jak
w wypadku zaawansowanych modeli Olympus CAMEDIA,
następnego numeru, bo „pokój" nie pomieści tego jest to bardzo rozmyślne, kierowane oczekiwaniem rynku,
działanie. Trzeci kierunek rozwoju to przystępne cenowo lu-
o czym chcemy dziś napisać. Potrzebna jest hala, strzanki cyfrowe i tu niestety oczekiwania klientów są ciągle
a najlepiej kilka — tak dużych jak hale wystawowe wyższe niż oferta producentów. Jedyny poważny ruch wy-
konał Nikon z modelem D70, choć zapowiedzi takie jak cy-
centrum konferencyjnego w Las Vegas. Właśnie frowy Dynax 7 Minolty czy FinePix S3 Pro firmy Fujifilm by-
ły również bardzo oczekiwane.
tu w połowie lutego odbyły się największe na
W ciągu miesiąca poprzedzającego imprezę i przez czte-
świecie targi branży fotograficzne PMA 2004. ry gorące dni lutego zaprezentowano ponad 60 nowych
aparatów. Nie sposób opisać ich wszystkich, ale i nie ma ta-
kiej potrzeby. Krótki przegląd w zupełności wystarczy by zo-
rientować się co pojawi się na naszych sklepowych półkach
w ciągu następnych sześciu miesięcy.
CANON
Za najważniejsze wydarzenie stajni Canon trzeba uznać
premierę modelu PowerShot Prol. Jest to znakomity roz-
budowany kompakt o konstrukcji przypominającej małą lu-
strzankę. Pierwszy wyróżnik to rozdzielczość 8 Mpx, drugi
to rewelacyjny obiektyw o ogniskowej 28-200mm i jasności
F2.4-F3.5. Czerwona obwódka wokół ostatniego pierście-
nia była dotąd zarezerwowana wyłącznie dla profesjonal-
nych wymiennych obiektywów serii L. Oznacza to najwyż-
szą jakość układu optycznego z elementami zapobiegają-
cymi powstawaniu typowych wad obrazu (krzywizny, roz-
bieżności kolorów, duszki). Prol przeznaczony jest dla
doświadczonych fotoamatorów i można go uznać za na-
stępcę bardzo popularnego modelu G5.
Druga ważna nowość Canona to PowerShot S1 IS.
Otwiera on nową linię kompaktów o bardzo rozbudowanej
optyce (obiektyw z 10-krotnym zoomem 37-370mm!) i roz-
szerzonej funkcji nagrywania filmów. Producent przedsta-
wia go jako połączenie kamery z aparatem cyfrowym i fak-
tycznie coś w tym jest. Sl IS fotografuje w maksymalnej roz-
dzielczości 2048 x 1536, a filmy nagrywa w formacie VGA
(640 x 480) w tempie 30 kl/sek. bez limitu długości uję-
U Nowy Canon PowerShot Pro1 podłączony do drukarki termosublimacyjnej CP300
poza rozdzielczością 6 Mpx i możliwością wy-
miany optyki, jest cena — ok 1000 dolarów ame-
rykańskich.
Nikon zgodnie z oczekiwaniami również pod-
niósł poprzeczkę do 8 Megapikseli. Mowa o roz-
budowanym kompakcie Coolpix 8700, który mo-
że pochwalić się także imponującą optyką (od-
powiednik 35-280mm F2.8-F4.2). Dla począt-
kujących przewidziano aż 12 programów te-
matycznych, a dla zaawansowanych odbiorców
wszystkie funkcje manualne znane z tradycyj-
nych lustrzanek. Przykładem na to, że w dobie
„cyfry" zainteresowanie koncernów fotograficznych
B Aparat cyfrowy Canon PowerShot Prol nie ogranicza się wyłącznie do aparatów, są inne nowo-
ści Nikona. Warto tu wymienić lampę SB-600 dedykowaną
cia. Taką funkcjonalność ma już wiele aparatów, ale S1 ma do aparatów cyfrowych, oprogramowanie Picture Project do
nad nimi jedną zasadniczą przewagę. Posiada wbudowany zarządzania plikami zdjęciowymi czy przenośny bank zdjęć
optyczny stabilizator obrazu (Image Stabilizer), który przy Nikon Coolwalker pełniący funkcję pojemnego dysku pod-
fotograficznych ujęciach tele, zapobiega wstrząsom, a podczas pracy w terenie.
czas kręcenia filmów zmiękcza ruch „kamery". To będzie
bez wątpienia hit sezonu letniego 2004. OLYMPUS
Ponadto japoński potentat pokazał na PM A 2004 jeszcze Olympus również postawił na wysoką rozdzielczość i tak
5 nowych aparatów kompaktowych {IXUS lis, 430, 500 oraz samo jak konkurenci postarał się o aparat 8-megapikselo-
PowerShot A75 i A3W). Są one typowym przykładem od- wy wyposażony w szerokokątny obiektyw o 5-krotnym zbli-
świeżenia starszych produktów, a ich wypuszczenie cieszy żeniu. Mowa o modelu CAMEDIA C-8080, który jest nowym
przede wszystkim dlatego, że poprzednicy strącana cenie. flagowcem japońskiej firmy. Oczywiście jako zaawansowa-
ny aparat kompaktowy posiada wszystkie funkcje jakich
NIKON spodziewamy się po aparacie z wysokiej półki.
Największy konkurent Canona również chciał pokazać Ponadto Olympus rozszerzył interesującą serię Ultra
się z jak najlepszej strony i chyba zrealizował zamiar. PMA Zoom, której specyfika polega na bardzo rozbudowanej
było pierwszą okazją do publicznej prezentacji zapowiada- optyce przy stosunkowo niewielkich gabarytach korpusu
nego wcześniej modelu Nikon D70. Jest on bezpośrednim aparatu. I tak CAMEDIA C-725 oferuje zbliżenie 8-krotne,
rywalem taniej lustrzanki Canon ESO 300D i już wstępny C-765 aż 10-krotne, a C-770 Movie poza potężnym obiek-
ogląd specyfikacji upewnia, że ma szansę na zwycięstwo tywem także rozbudowaną funkcjonalność trybu video,
w tej batalii. D70 oferuje pełną funkcjonalność o możliwościach zbliżonych do wspomnianego Canona Sl
z zaawansowanymi funkcjami fotograficz- IS. Uzupełnieniem najnowszej oferty firmy jest też kilka
nymi (3 rodzaje pomiaru światła, szeroki mniejszych, kieszonkowych kompaktów, które zgod-
zakres czułości, wybór rodzaju pomia- nie z przeznaczeniem mogą być zabierane „zawsze
ru ostrości itd.). Natomiast 300D po- i wszędzie".
siada wbudowane ograniczenia, któ-
re mogą zniechęcać bardziej wy- MINOLTA I FUJIFILM
robionych fotografów. Najwięk- W obozie Minolty (choć po niedawnej fu-
szym atutem D70 zji powinniśmy mówić o firmie Konica Mi-
nolta) za najbardziej doniosłe wydarze-
nie trzeba uznać ogłoszenie prac
nad lustrzanką Dynax 7 Digital. Po-
siadacze optyki systemowej Minol-
ty czekali na to od prawie 2 lat. Póki
co wiadomo, że aparat będzie oparty
na konstrukcji rewelacyjnej lustrzan-
i analogowej Dynax 7 i zostanie
wyposażony w sensor o roz-
dzielczości 6 Mpx. Więcej
szczegółów wkrótce.
Inne ciekawe premiery
koncernu Konica Minolta ro
"O
to DiMAGE A2 czyli kolej-
ny reprezentant rodziny 8 5
Megapikseli. Robi wrażenie 5
znakomity obiektyw o ogni-
skowej 28-200mm F2.8-F3.5,
który wspomagany jest przez
unikalny system redukcji wstrzą-
B Nowy aparat cyfrowy firmy Nikon — D70
psd
FOTOGRAFIA CYFROWA
ry światłoczułe SuperCCD SR (gdzie na każdy piksel przy-

padają dwie fotodiody!) wprowadzono do dwóch topowych
modeli firmy. Pierwszy z nich to lustrzanka FinePix S3 Pro,
zastępująca niezwykle udany 52 Pro. Drugi to hybrydowy
kompakt 520 Pro, który nawiązuje do linii zapoczątkowanej
przez S602 Zoom. Choć SuperCCD w tym drugim wypadku
ma rozdzielczość 3.1 Megapikseli to generuje obrazy 2-krot-
nie większe i nie jest to wcale zwykła interpolacja (sztuczne
podbicie) wielkości obrazu.
...I INNI
Udało nam się w największym skrócie wspomnieć o le-
dwie trzeciej części wszystkich modeli zaprezentowanych
na PMA 2004. Dodajmy do tego, że Kodak powiększył linię
kompaktową EasyShare, Sony pokazało kilka Cyber-sho-
tów, Pentax zaktualizował serię Optio, a HP otworzyło inte-
resującą linię R (Photosmart R707). Po kilka nowych modeli
Q Najnowszy przywiozły ze sobą takie firmy jak Panasonic, Casio, Kyoce-
sów. O ile in-
model firmy Olymus
- CAMEDIA C-8080 ni producenci ra, a nawet formalnie nieistniejący już Polaroid.
skupiają się w takich Jeśli dodamy do tego całą masę nowych obiektywów,
sytuacjach na korygo- oprogramowania do obróbki obrazu, drukarek, skanerów
waniu wstrząsów na pozio- i innych urządzeń mniej lub bardziej związanych z fotogra-
mie optyki, to rozwiązanie Minolty polega na wprawieniu fią, to obraz tego co wydarzyło się w pierwszych miesią-
w kontr-wibrację samej matrycy CCD. Poprzednik, model cach 2004 roku będzie prawie kompletny. Aby oddać ska-
DiMAGE A1 dowiódł już skuteczności tego systemu. War- lę zjawiska jakim jest fotografia cyfrowa możemy przywo-
to zwrócić także uwagę na DiMAGEZ2, kompakt z rozdziel- łać ostatnią grupę produktową— nośniki danych. Całkiem
czością4 Mpks i imponującym obiektywem 37-370mm. Pod niedawno mało komu śniły się karty pamięci większe niż
względem właściwości fotograficznych można powiedzieć, 512MB. A teraz? Lexar Media oraz SimpleTech mają już
że jest to aparat rodzinny z ambicjami. Ale jest coś jeszcze w ofercie karty CompactFlash o pojemności 8GB! Wszyst-
— Z2 rejestruje filmy wideo w rozdzielczości 800 x 600 i to kie opisane przez nas produkty powinny trafić do sprzeda-
bez ograniczeń długości ujęcia. ży jeszcze przed wakacjami. Pora więc zacząć poważne
Z kolei Fujifilm konsekwentnie rozwija własne rozwią- oszczędności. ®
zania technologiczne w przechwytywaniu obrazu. Senso-
CHCESZ K KSIĄ;
'o TANIEJ7
Zamów prenumeratę .psd, a będziesz mógł kupić
każdą z niżej wymienionych książek 2 0 % taniej
Podstawy 3ds max® 5 Dreamweaver 4. Ćwiczenia z...

V
ActionScript - Skrypty Flasha Dreamweaver MX
Animacje flash w łatwy sposób Flash 5
r
3D Studio Max R2. Ilustrowany poradnik Flash w zastosowaniach. Projekty praktyczne
Adobe (Ilustrator 10 PL. Ćwiczenia z... Grafika w sieci WWW. Proste rozwiązania
Photoshop 7
prosto - poglądowo - wnikliwie
Adobe LiveMotion (Ilustrator 7.0 PL od A do Z

o grafice
Adobe Photoshop 6. Ćwiczenia z... lllustrator9PL 2 8 0 0 z ł
'
Adobe Photoshop 7 PL. Ćwiczenia z... Macromedia Flash 4
41,28 zł
Adobe Photoshop 7. Ćwiczenia z... Maya 4. 30 przykładów animacji 3D
Animacje i WWW. Ćwiczenia z Macromedia Paint Shop Pro 5 od A do Z
Flash 5 Photoshop 6 wersja polska (CE)
CorelDRAW 10 CorelDRAW 10 od A do Z Photoshop 7
CorelDRAW Graphics Suitę 11 Tajniki skanowania
Dreamweaver4
KLASYCZNE EFEKTY
20 min
Efekty tekstowe
Magdalena Cyrczak
film W tym artykule przedstawimy efekty tekstowe, które można łatwo wykonać w ciągu kilku minut.
Wykorzystują one przede wszystkim wbudowane narzędzia i filtry Photoshopa, natomiast raczej
nie wymagają zdolności manualnych, co sprawia, że są przydatne dla każdego.
TEKST 3D
Styl Faza i Płaskorzeźba
Piszemy tekst dowolną czcionką, najlepiej taką, która ma sze-

rokie, bezszeryfowe litery Tekst {Horizontal Type Tool) [7].
Zniekształcamy nieco napis poleceniem Edycja>Swobodnie
Przekształć (Edit>Free Transform) [Ctrl]+[T], następnie dupliku-
jemy warstwę z tekstem poleceniem Warstwa>Powiel Warstwę...
(Layer>Duplicate Layer...) i przenosimy kopię poniżej warstwy ory-
ginalnej. Kolejno ukrywamy warstwę oryginalną, a kopii nadajemy
styl Warstwa>Styl warstwy>Faza i Płaskorzeźba... (Layer>Layer
Style>Bevel and Emboss...) z następującymi parametrami: Styl
(Style): Faza wewnętrzna (Inner Bevef), Technika (Technique):
Dłuto Twarde (Chisel Hard), Głębia (Depth): 90%, Wielkość (S/ze):
5, Zmiękczanie (Soften): 0.
Przesuwanie warstw
PSD Będąc na warstwie kopii wybieramy narzędzie Przesunięcie {Move

Tool) [V\, a następnie trzymając wciśnięty klawisz [Alt] naciskamy
na klawiaturze kilkukrotnie klawisz ze strzałką skierowaną w gó-
rę, oraz kilkukrotnie klawisz ze strzałką skierowaną w prawo. Za
każdym razem gdy to robimy zostaje zduplikowana warstwa z ko-
pią napisu, co powoduje powstanie efektu 3D. Na koniec klikamy
na warstwie z oryginalnym napisem i ustawiamy ją tak, żeby napis
wyglądał jak najbardziej realistycznie.
PŁONĄCY NAPIS
Filtr poruszenie
Tworzymy napis i poddajemy go rasteryzacji Warstwa>Raste

ryzacja>Warstwa tekstowa (Layer>Rasterize>Type), następ-
nie duplikujemy warstwę z napisem Warstwa>Powiel Warstwę...
(Layer>Duplicate Layer...) i stosujemy na niej filtr Filtr>Rozmycie>
Poruszenie... (Filter>Blur>Motion Biur...) z parametrami: Kąt
(Angle): 0, Odległość (Distance): 20. Ponownie duplikujemy war-
stwę oryginalną i na kopii jej stosujemy ten sam filtr Poruszenie...
o (Motion Biur...) o tej samej odległości, ale z wartością Kąt (Angle):
Dl
03 90. Wasz efekt powinien wyglądać mniej-więcej tak jak na ilustracji.
•o
(/I
software Tryby kolorów
Następnie wybieramy polecenie Obrazek>Tryb>Skala szarości...

(lmage>Mode>Grayscale...), łączymy warstwy [Ctrl]+[E] i prze-
chodzimy do polecenia Obrazek>Tryb>Kolory Indeksowane...
(lmage>Mode>lndexed Color...), zatwierdzamy zmiany przyciskiem
[OK\. Teraz wybieramy polecenie Obrazek>Tryb>Tabela Kolorów...
(lmage>Mode>Color Table...) i z rozwijanej listy wybieramy Ciało
Czarne (Black Body). Na koniec, aby efekt wyglądał bardziej reali-
stycznie możemy zduplikować istniejącą warstwę Warstwa>Powiel
warstwę... (Layer>Duplicate Layer...) i na tej, która znajduje się ni-
żej, zastosować filtr Filtr>Rozmycie>Rozmycie Gaussowskie...
(Filter>Blur>Gaussian Biur...)
WYCINANKA
Wycinanie napisu
Spróbujmy uzyskać efekt tekstu, który będzie wyglądał jak wycię-

ty z papieru. Otwieramy w tym celu nowy dokument o białym tle
[Ctrl]+[N]. Nad nim tworzymy warstwę z tekstem [Shft]+[Ctrf]+[N\,
a następnie nad nią kolejną warstwę, którą nazywamy tlo i w ca-
łości wypełniamy ją dowolnym kolorem - Wiadro z farbą (Paint
Bucket Tool) [G]. Kolejno klikamy na warstwie z tekstem mając jed-
nocześnie wciśnięty klawisz [Ctrl]. Nie usuwając zaznaczenia prze-
nosimy się na warstwę tlo i wciskamy klawisz [Delete].
Cień
Będąc na warstwie tlo nadajemy jej odpowiedni styl polece-

niem Warstwa>Styl Warstwy>Cień... (Layer>Layer Style>Drop
Shadow...) z parametrami: Odległość (Distance): 6, Zasięg
(Spread): 32, Wielkość (Size): 8. W ten sposób szybko otrzymuje-
my atrakcyjny efekt wyciętego napisu.
LODOWY NAPIS
Nadanie efektów
Tworzymy nowy dokument z czarnym tłem i na nowej war-

stwie czcionką w białym kolorze piszemy tekst. Duplikujemy
warstwę i ukrywamy kopię (symbol oczka trzeba odzna-
czyć). Następnie oryginalnej warstwie nadajemy style:
Warstwa>Styl Warstwy>Nalożenie Gradientu... (Layer>Layer
Style>Gradient Overlay...) o wartościach: Nałożenie gradien-
tu... (Gradient Overlay...)\ od jasnoniebieskiego do białego ku gó-
rze; Warstwa>Styl Warstwy>Faza i Płaskorzeźba... (Layer>Layer
Style>Bevel and Emboss...) z parametrami: Głębia (Depth): 91,
Wielkość (Size): 43, Zmiękczanie (Soften): 0.
Filtr Wiatr
Zaznaczamy kopię warstwy z tekstem i obracamy ją o 90°

zgodnie z ruchem wskazówek zegara za pomocą polecenia
Edycja>Przekształć>Obróć 90° w prawo (Edit>Transform>Rotate Dl
90° CW). Stosujemy dwukrotnie filtr Filtr>Stylizacja>Wiatr...

q
Dl
(Filter>Stylize>Wind...). Następnie wybieramy Edycja>Zanik ro
Wiatr... (Edit>Fade Wind...) i ustawiamy Krycie (Opacity) na -a
30%. Obracamy obrazek o 90° w lewo przywracając go do
pierwotnej pozycji Edycja>Przekształć>Obróć 90 o w lewo
s.
(Edit>Transform>Rotate 90° CCW). Kolejno przesuwamy warstwę
z kopią napisów pod warstwę oryginalną. Dzięki powyższym czyn-
nością uzyskaliśmy napis z prostym efektem przypominającym ob-
lodzenie. •
Paweł Mucha
Tutońal ten ma na celu ukazanie możliwości programu Adobe Photoshop w zakresie sferycznego
zniekształcania obrazu, przydatnego na przykład przy tworzeniu efektu lupy. Na początku na-
uczymy się jak przy pomocy kilku narzędzi uzyskać ten efekt, a następnie do szkła powiększają-
cego dobudujemy korpus uzyskując realistyczną lupę.
Obieramy powiększany obszar

O)
o Otwieramy wybrane zdjęcie, lub zdjęcia, na których chcemy zasto-
di
ro
Io.
sować efekt lupy. Najpierw należy zdecydować, którą część obrazu
chcemy poddać powiększeniu. Następnie z paska narzędzi wybie-
i ramy Zaznaczanie Eliptyczne {Elliptical Marquee Tool) i rysujemy
3 owal, który posłuży nam za soczewkę (by zakreślić idealny okrąg
przytrzymujemy klawisz [Shift]). Teraz klikamy prawym przyciskiem
myszy na zaznaczonym przez nas obszarze i wybieramy opcję
Warstwa przez kopiowanie (Layer via Copy). Nowo powstałej war-
stwie nadajemy nazwę Szkło.
s.
Powiększamy zaznaczenie
Upewniamy się, że operujemy na właśnie stworzonej warstwie,

po czym wybieramy Edycja>Swobodnie Przekształć (Edit>Free
Transform) lub [Ctrl]+[T\. Ustawiamy następujące opcje: Położenie
Punktu Odniesienia (Reference Point Location): centralny, zazna-
czamy Zachowaj Stosunek Kątów (Maintain Aspect Ratio), Ustaw
Skalowanie Poziome (Set Horizontal Scalę): około 110% (zależ-
ne jest to od tego, jak daleko chcemy umieścić lupę od obserwo-
wanego przedmiotu), przy czym Ustaw Skalowania w Pionie (Set
Vertical Scalę): ustawi się już same. Akceptujemy zmiany wciska-
jąc Zatwierdź Przekształcenie (Commit Transform) lub [Enter].
Tworzymy efekt soczewki
Aby odpowiednio zniekształcić obraz wybieramy Filtr>Zniekształć>

Sferyzacja... (Filter>Distort>Spherize...). Ustawiamy Tryb (Modę):
Zwykły (Norma!), Wartość (Amount): na satysfakcjonujący nas sto-
pień uwypuklenia (w naszym przypadku około 60%). Podobny
efekt uzyskać można przy użyciu Filtr>Zniekształć>Ściśnięcie...
(Filter>Disort>Pinch...)
Dodajemy soczewce realizmy
Tworzymy teraz nową warstwę, poprzez wybranie Warstwa>

Nowa>Warstwa... (Layer>New>Layer...) lub [Shift]+[Ctrl\+[N].
Nazywamy ją Powierzchnia, gdyż symulować będzie powierzch-
nię szkła powiększającego. Trzymając wciśnięty [Ctrl] klikamy
na warstwie Szkło. Wybieramy Pędzel (Brush Tool) lub [6], kli-
kamy prawym przyciskiem myszy na obrazie i wybieramy ro-
dzaj pędzla — niech będzie okrągły i łagodny, Główna Średnica
(Master Diameter): 100 pikseli, Krycie (Opacity): 50%. Malujemy
nim po zaznaczeniu tam, gdzie według nas widoczne byłyby od-
błyski światła. Teraz klikamy na warstwę Powierzchnia z wci-
śniętym [Ctrl], przełączamy się na warstwę Szkło i uruchamiamy
Filtr>Rozmycie>Rozmycie Gaussowskie... (Filter>Blur>Gaussian
Biur...). Ustawiamy Promień (Radius): około 3 piksele.
Zatwierdzamy wszystko [OK].
Tworzymy obudowę
Nie likwidując zaznaczenia tworzymy nową warstwę, której nada-

jemy nazwę, np. Ramka. Wybieramy funkcję Edycja>Obrysuj...
(Edit>Stroke...), ustawiamy Szerokość (Width): 7 pikseli,
Kolor (Color): czarny, Położenie (Location): Środek (Center).
Uzyskaliśmy w ten sposób otoczkę, która pojawiła się wzdłuż kra-
wędzi zaznaczenia. Wykonujemy ten krok ponownie, ale zmienia-
my wartości opcji Szerokość (Width): 2 piksele, Kolor (Color): szary.
Dodajemy rękojeść
Lupa nie składa się jedynie z soczewki ale również i z uchwytu.

Tworzymy więc warstwę o nazwie Uchwyt i kreślimy na niej prosto-
kątne zaznaczenie (Rectangular Marquee Tool), o długości rów-
nej około półtorej średnicy soczewki. Ustawiamy teraz kolor na-
rzędzia (Foreground Color) na szary i tła (Background Color) na
czarny. Wybieramy z paska narzędzi Gradient (Gradient Tool) lub
[G]. Aby uzyskać efekt walcowatej rękojeści, należy nacisnąć le-
wy przycisk myszy na środku wcześniej utworzonego zaznaczę-
psi
KLASYCZNE EFEKTY
ł-
nia, przytrzymując [Shift] przesunąć kursor do dolnego brzegu
— tak, jak to jest pokazane na rysunku — i tam zwolnić oba kla-
wisze. Kolejno wybieramy narzędzie Zaznaczanie Prostokątne
(Rectangular Marquee Tool). Przytrzymanie klawisza [Alt] podczas
zaznaczania, usuwa to co zakreślamy, z istniejącego już zazna-
czenia. Zmniejszamy więc w ten sposób maskę do kilku górnych
pikseli. Następnie zmieniamy kolor narzędzia (Foreground Color)
na biały i ponownie wykonujemy operację przy użyciu Gradient
(Gradient Tool).
Dopasowujemy rączkę do obudowy
Gotowy uchwyt można dopasować z prawej lub lewej strony obu-

dowy. Jeżeli jednak chcemy mieć go w innym miejscu, to musimy
wykonać jeszcze kilka czynności. Zaznaczamy warstwę Uchwyt.
Następnie korzystamy z funkcji Edycja>Przekształć>Obróć
(Edit>Transform>Rotate). Przy jej pomocy obracamy rękojeść
i ustawiamy ją tak, by pasowała do reszty korpusu. Warstwę
Uchwyt dobrze jest umieścić poniżej warstwy Szkło — dzięki temu
łatwo będzie skorygować jej długość bez konieczności przycinania.
Efekt końcowy •
Aby dodać ramce nieco więcej realizmu, możemy skorzystać

z Warstwa>Styl Warstwy>Faza i Płaskorzeźba... (Layer>Layer
Style>Beveland Emboss...) i tam ustawiając następujące opcje:
Głębia (Depth): około 300%, Kąt (Angle): na taki, by realistycznie
symulował światło (w naszym przypadku 30).
Korzystając z nabytych w tym ćwiczeniu umiejętności można stwo-
rzyć również efekt soczewki wklęsłej, lub zbudować szkło dwuso-
czewkowe.
W tutorialu zostały wykorzystane zdjęcia autorstwa

Pana Przemysława Tracza, których oryginalne wersje znajdują się
pod adresem http://www.tracz.art.pl. •
S1
o
ra
"a
70 kwiecień/maj 2 0 0 4
POZNAJEMY PHOTOSHOPA
INTERFEJS PHOTOSHOPA
Adobe Photoshop CE • roktadka_psd_re(J>03.psd e 18,3% (Layer 20,RGBI]
I Plik Edycja Obrazek Warstwa Zaznacz Filtr Widok Okno Pomoc
O>*-
& LJ
*. T.
^ \
ii./.
aao
• PASEK MENU PASEK NARZĘDZI

Pasek menu programu Photoshop Pasek narzędzi grupuje wszystkie podstawowe narzędzia pro-
zawiera wszystkie opcje, ustawienia gramu Photoshop, za pomocą których manipuluje się obrazka-
oraz narzędzia, które możemy wyko- mi, np. narzędzia do malowania, rysowania, zaznaczania. Przy
rzystać podczas pracy z programem. ikonach na pasku narzędzi znajduje się mała strzałka, oznacza
Menu podzielone jest w sposób ona, że w tym miejscu na pasku narzędziowym zgrupowano kil-
logiczny na główne kategorie: Plik ka narzędzi, które są podobne pod względem funkcjonalności.
(File), Edycja (Edit), Obraz (Image), Aby uzyskać dostęp do ukrytych w danej chwili narzędzi, nale-
Warstwa (Layer), Zaznaczenie (Se- ży kliknąć ikonę odpowiedniego narzędzia prawym klawiszem
lect), Filtr (Filter), Widok (View), Okno myszy lub dłużej przytrzymać wciśnięty lewy klawisz.
(Window), Pomoc (Help).
• PASEK OPCJI PALETY*

Pasek opcji jest to zbiór opcji wybra- Palety są specjalnymi zestawami narzędzi lub ustawień progra-
nego narzędzia zgrupowanych w jed- mu Photoshop. Kiedy pierwszy raz uruchomimy program Palety
nym dobrze widocznym i łatwo domyślnie ustawione są po prawej stronie ekranu. Ważną zaletą
dostępnym miejscu. Jeżeli pod- Palet jest jednak możliwość ich przemieszczania na całym ekra-
czas pracy zmienimy narzędzie, nie programu. Każdy może dowolnie je rozmieścić, połączyć
pasek opcji dynamicznie zmieni swój z innymi paletami lub w razie potrzeby zupełnie ukryć. Zwiększa
wygląd wyświetlając opcje, których to znacznie funkcjonalność i wygodę korzystania z programu.
można użyć do dostosowania sposo-
bu działania tego narzędzia.
• OKNO SKALI DOKUMENTU WYBÓR RODZAJU OKNO WSKAZÓWEK*

Okno skali dokumentu informuje nas INFORMACJI PROGRAMU O)
o
na bieżąco o tym w jakiej skali znaj- O DOKUMENCIE Jest to obszar, w którym dynamicz- O)
ra
duje się aktywny dokument (obrazek, To tutaj decydujemy o czym informo- nie i na bieżąco Photoshop informu- E
zdjęcie), nad którym właśnie pracu- wał nas będzie Photoshop w oknie je nas o czynnościach jakie możemy O
jemy. 100% oznacza rzeczywistą Informacje o dokumencie. Do wybo- w danej chwili wykonać za pomocą
wielkość dokumentu, jednak gdy pra- ru mamy kilka opcji, które dosto- danego narzędzia. Stanowi to swego
cujemy na dużym dokumencie, któ- sowujemy do aktualnych naszych rodzaju podręczną pomoc dla użyt-
ry nie mieści się w oknie programu potrzeb. kowników, którzy poznają i uczą się
w całości możemy zmienić jego ska- programu Photoshop.
lę w zależności od potrzeb.

PSD 2

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

PSD 2

Uploaded by

Copyright:

Available Formats

PEŁNE WERSJE: Xara 3D 3 i Webstyle 2 • TRIAL: Adobe Photoshop CS

2 FILMY INSTRUKTAŻOWE DO TUTORIALI • ZDJĘCIA ROYALITY FREE

NR 02/2004 (2) CENA 29,80 PLN VAT 0%

Życzę miłej lektury

Temat numeru — EDYCJA ZDJĘĆ

Kobieta zmienną jest...,

Tworzenie obrazu głównego

Usuwanie niechcianego tła

Projekt: Okładka PORTFOLIO

Zrób i wyślij, czyli kartka PROTECHN1KA

L Interfejs dla każdego

• H ;' Programy do tworzenia GIFów

i Paweł Jeńca Mariusz Dubielecki

Redakcja dokłada wszelkich starań, by publikowane w piśmie i na

FAQ Redakcja nie udziela pomocy technicznej w instalowaniu

El interfejs Sprzedaż aktualnych lub archiwalnych numerów pisma po innej

W" KONKURS SEN

Programy do obróbki zdjęć ImageWrap (Demo)

Rodzina programów Xara Xara 3D v.3 Pełna wersia !!!

Programy do tworzenia GIFów Wymienione programy są opisane w ar-

Programy do efektów specjalnych Patchwork v.1.1 (Demo)

Programy do tworzenia ikon: Program do morphingu, czyli

Nadanie realizmu ścianie

W prawym dolnym rogu wzdłuż kamieni wycinamy fragment

W lewym górnym rogu wzdłuż kamieni zaznaczamy fragment ob-

Otwieramy pliki trawa 01 oraz trawa_02, zaznaczamy obszar po-

Otwieramy plik dummy.tif, w oknie Warstwy przechodzimy do za-

mywamy używając w tym celu Filtr>Rozmycie>Rozmycie gaus-

nie manekina, na nowej warstwie nad manekinem wypełniamy za-

Otwieramy zegar_02.jpg, narzędziem Zaznaczanie eliptycz-

Dodajemy kolejne zegary

Wykonujemy teraz czynności analogiczne go tych z poprzedniego

Otwieramy pliki biedrona_01 oraz bierdona_02 i zaznaczamy bie-

Otwieramy plik sciana_03 i przenosimy jego zawartość na nasz

Otwieramy plik wazka.jpg i w trybie edycji Szybka maska (Quick

Otwieramy plik ramkaOI i zaznaczamy zawartą w nim ramkę na-

Otwieramy plik agaoriginal.psd znajdujący się w na płycie CD 2

Tworzymy maskę warstwy klikając na kwadracik z kółeczkiem

Retusz niedoskonałości skóry

Powiększamy obszar, na którym znajduje się twarz. Wybieramy ła-

Usuwanie zbędnych elementów skóry

Po zakończeniu wygładzania, łączymy warstwy — Warstwa>

Używając narzędzia Rozjaśnianie (Dodge) [O] ustawionego na

Pierwsza metoda polega na wykorzystaniu Pędzla korygujące-

Drugi sposób polega na wykorzystaniu filtra rozmycie gaussow-

będzie to na zapis „Otwórz". Dzięki temu, rysując pędzlem historii

USUWANIE REFLEKSÓW Z TWARZY

Usuwanie elementów ze zdjęcia

Powielamy warstwę z twarzą i wyłączamy widoczność warstwy Tło

Gdy udało się nam przygotować zdjęcie, przechodzimy do menu

Nasycenie (Saturation) maksymalnie w lewo, tak aby całkowi- o

Dodanie brody i wąsów

Otwieramy zdjęcie kobieta_oryginal.psd. Przenosimy się na war-

Wybieramy Gumkę (Eraser Tool) — miękki pędzel o rozmiarze 65

Korekta kształtu lewej brwi na bardziej regularny

Prawa brew jest trochę nieregularna. Poprawimy teraz jej ra

Zmiana koloru tęczówek i przyciemnienie źrenic

Obraz powiększamy do 100% za pomocą Łupki (Zoom Tool).

Dokonamy teraz korekcji zębów — usuniemy wszystkie prze-

Zajmiemy się teraz wydłużaniem nosa — wówczas twarz będzie

dzy brwiami). Tworzymy z zaznaczenia nową warstwę i nadajemy

Korekta kształtu ust

Usta naszej bohaterki (bohatera?) są dość okrągłe. Spróbujmy

Korekta kształtu twarzy