Kl fi\ V C W v i c M a n < s p h o
.t o
Editor 7.2 • Page Curl 1.2- Puzzle Pro 2.0
NQ W FILMY INSTRUKTAŻOWE DO TUTORIALI • ZDJĘCIA ROYALITY FREE
NR 01/2004 (1) CENA 29,80 PLN VAT 0% NAKŁAD 6000 egz.
MAGAZYN
UŻYTKOWNIKÓW
PROGRAMU
ADOBE PHOTOSHOP
www.psdmag.org
oI
co
ni
ca
CL
O
z
O
1<
TEMAT NUMERU W ^
WEBDESIGN^
projektujemy layout strony
kolory na WWW
optymalizacja grafiki
PHOTOco nowego
Fotografia cyfrowa
kupujemy aparat
rozwijaj się
Twoja praca. Twoja droga. Poznaj 3ds max 6.
Biegnij do przodu razem z elastycznymi, bogatymi w możliwości modelowania 3D, animacji
i renderingu narzędziami 3ds max6.
Z nowym systemem cząstek, zintegrowanym rendererem mental ray ©.ultranowoczesnym schematicview.
vertex paint. reactor©2stuntman and vehicle dynamics, wzmocniona integracją z nowym Autocad® 2004,
rodziną Autodesk 1) VIZ. formatami .DWG ™. DXF i IGES 3ds max 6 wspomaga produkcję gier post
produkcję wizualizację i design
Dzięki niesamowitym możliwościom 3ds max 6 wykracza daleko poza uroki starych dobrych czasów
Odwiedź nas na pokazie 3ds max
Quedex • • i
ul. Bukowska 14 http://www.quedexx
62-080 Sierosław biuro@quedexxom
dodatkowe informacje na stonie producenta: www.di
kom. H8 605 061
tcl.*48 61 8963
fax +48 61 8963 900
i/products/3dsmax6
Od redakcji
Mam przyjemność przedstawić Warn pierwszy numer z serii .psd. Pismo powsta-
ło dzięki Waszym sugestiom i uwagom. W głównej mierze poświęcone jest tworze-
niu grafiki i obróbce zdjęć w programie Adobe Photoshop. Nie będziemy jednak po-
mijać innych tematów — zwłaszcza dotyczących nowości, jakie pojawiają się na na-
szym rynku.
Tematem pierwszego numeru jest webdesign, czyli sztuka projektowania
i przygotowywania grafiki na potrzeby internetu. Nie bez przyczyny użyłam tu słowa
„sztuka" — grafików jest wielu, natomiast dobrych grafików niestety dużo mniej...
Zaprojektowanie grafiki na potrzeby WWW to poważne wyzwanie i nie każdy umie
mu sprostać. Mam nadzieję, iż artykuły poświęcone temu zagadnieniu pomogą Warn
w świadomym projektowaniu witryn internetowych. Możecie przeczytać między
innymi o optymalizacji plików graficznych, tworzeniu funkcjonalnego layoutu strony
internetowej i pozycjonowaniu stron.
Oprócz tego zapraszam do wykonywania tutoriaii — w pierwszym numerze pokaże-
my Warn jak tworzyć teksturę przypominającą zardzewiałą powierzchnię, dowiecie się
jak ręcznie wykonać metalowy obiekt pokryty kroplami wody, poznacie tajniki usuwa-
nia efektu mory z zeskanowanych zdjęć.
Nie przeoczyliśmy również nowości, jaka ostatnio pojawiła się na rynku — pakie-
tu Adobe Creative Suitę — w .psd możecie przeczytać o zmianach, jakie firma Adobe
wprowadziła w programie Photoshop CS.
Na dołączonej do pisma płycie CD szczególną atrakcjąjest zestaw 25 zdjęć Royality
Free, które z pewnością przydadzą się Warn przy realizacji własnych projektów.
Życzę miłej lektury
Magdalena Cyrczak
[email protected]
Magdalena Tomczyk
Pracuje jako freelancer, od ra-
ku również w stałej współpracy
z agencjami reklamowymi.
Mariusz Dubielecki (Akira)
Technik-Informatyk, interesuje się
tworzeniem stron WWW, anima-
cji, psychologią, muzyką rockową,
pisaniem, szeroko pojętym spor-
tem ze szczególnym uwzględnie-
niem i praktykowaniem kulturysty-
ki i lekkoatletyki.
Danie! Sodkiewicz
19 lat, z powołania ;-) uczęsz-
cza do Technikum Elektroniczne-
go we Wrocławiu. Oprócz sprzętu
komputerowego interesuje się tak-
że różnego rodzaju programami.
szczególnie związanymi z tworze-
niem stron internetowych i grafiką
Dariusz Pasturczak
Grafiką zajmuje się od przeszło
10 lat. Z Photoshopem pracuje od
sześciu lat. Interesuje się zarów-
no grafiką 2D jak i 3D. także ani-
macją. Obecnie pracuje jako Fre-
elancer wykonując rozmaite pro-
jekty graficzne.
Rafał Dukaczewski
Photoshopa używa od 6 lat. Zaj-
muje się tworzeniem grafiki do
celów reklamowych, projektowa-
niem stron internetowych. logo-
typią.
Łukasz Pabian
Grafiką komputerową interesuje
się od kilku lat. W swoich ilustra-
cjach stara się przekazywać to co
w danej chwili odczuwa, posługu-
jąc się abstrakcyjnym wyrazem
przestrzeni, formy oraz koloru.
Większość jego prac można zoba-
czyć na stronie www.insane.all.pl
Piotr Horodyński
Absolwent Akademii Sztuk Pięk-
nych w Łodzi. Dziedzinąjego dzia-
łalności jest malarstwo, grafika tra-
dycyjna i komputerowa, multime-
dia i animacje.
Aleksandra Kot
Absolwentka Wydziału Geografii
i Studiów Regionalnych Uniwesy-
tetu Warszawskiego, z zamiłowa-
nia podróżniczka i fotograf, gra-
fiką komputerową (Photoshop,
Flash, Bryce. Painter) zajmuje się
od dwóch lat.
Łukasz Zając
Freelance designer z ponad dwu-
letnim doświadczeniem w projek-
towaniu graficznym i projektowaniu
stron internetowych.
Marcin Sawicki
Student III roku informatyki. Grafi-
ką zajmuje się od niedawna bo od
ok. 1.5 roku, w chwili obecnej po-
znaje Flasha. W swoich obecnych
pracach wykorzystuję Photoshopa
7. Photolmpact 8. FreeHand MX
oraz Flash MX. W przyszłości pla-
nuje poznać tajniki tworzenia 3D.
Tomasz Zelek
Student drugiego roku Politechniki Koszalińskiej. Na co
dzień pracuje m.in. jako grafik, zajmując się głównie two-
rzeniem stron WWW. Prowadzi serwis poświęcony Photo-
shopowi — www.graffik.pl.
Magdalena Cyrczak
Grafikąi projektowaniem witryn in-
ternetowych zajmuje się od oko-
ło 2 lat.
Portfolio: www.infranet.pl/magda
Waldemar Pruss
Autor tutorialu p.t.
ia tekstura.
Zardzewia-
Trejderowski Tomasz
Z wykształcenia metalurg, z zawo-
du programista, webdesigner i wy-
kładowca, z zamiłowania —pisarz.
Pracuje jako wolny strzelec, two-
rząc serwisy internetowe, progra-
my i aplikacje oraz wykładając na
kursach komputerowych.
Lech Jaszowski
Fotograf, nauczyciel w Policealnym
Studium Fotograficznym, wykła-
dowca w firmie informatycznej.
Michał Szpilewski
Grafiką zajmuje się od 5 lat, gównie na potrzeby poligrafii,
od 2 lat współtworzy jedną z najdynamiczniej rozwijających
się galerii internetowych —digart.pl
psi
luty/marzec 2004
STYCZEŃ
Temat numeru — WEBDESIGN
Tworzymy menu
DANIEL SODKIEWłCZ
Kolory na WWW
TOMASZ TREJDEROWSKI
Layout
MAGDALENA TOMCZYK
Optymalizacja grafiki
MICHAŁ SZPILEWSKI
Pozycjonowanie stron WWW
MARCIN SAWICKI
Interfejs 3D
ŁUKASZ FABIAN
Projekt: Okładka
ŁUKASZ FABIAN
EFEKTY
NARZĘDZIA
Narzędzia selekcji
TOMASZ ZELEK
Jak zrobić własny pędzel
ŁUKASZ ZAJĄC
FOTOGRAFIA CYFROWA
Usuwanie efektu mory
LECH JASZOWSKI
Fotografia cyfrowa
Kupujemy aparat
DOMINIK MACIASZEK
Efekt termowizji
MARIUSZ DUBIELECKI
Krople wody i nie tylko.
MAGDALENA CYRCZAK
Motyl
RAFAŁ DUKACZEWSKI
KLASYCZNE EFEKTY
Zardzewiała tekstura
WALDEMAR PRUSS
luty/marzec
•
ai
SYLWETKA
Bartek Kozłowski
NOWOŚCI
Photoshop CS — co nowego?
DARIUSZ PASTURCZAK
RECENZJE
Piuginy
•- DARIUSZ PASTURCZAK
Książki
• MAGDALENA CYRCZAK
PIOTR HORODYŃSKI
Tablety
DARIUSZ PASTURCZAK
PIOTR HORODYŃSKI
GALERiA
Galeria
POWSTAŁA PRZY WSPÓŁPRACY Z
W Konkurs
ROZWIĄZANIE KONKURSU
„POCZTÓWKA Z WAKACJI"
POZNAJEMY PHOTOSHOPA
p
* FAQ
"' MARCIN WARDĘGA
digąrt.pl
jest wydawany przez
Software-Wydawnictwo Sp. z o.o.
Redaktor naczelna:
Magdalena Cyrczak
[email protected]
Producent:
Marta Kurpiewska,
[email protected]
Opracowanie CD:
Magdalena Cyrczak
[email protected]
Skład:
Agnieszka Wawrzyniecka,
[email protected]
Projekt graficzny okładki:
Łukasz Pabian,
[email protected]
Projekt typograficzny okładki:
Marzena Turek-Gaś
marzenat@software. com.pl
Dział reklamy:
[email protected]
tek: (22)860 18 79
Prenumerata:
Marzena Dmowska,
[email protected]
tek: (22) 860 17 67
Adres korespondencyjny:
Software-Wydawnictwo Sp. z o. o.,
00-190 Warszawa, ul. Lewartowskiego 6
e-mail:
[email protected],
www.psdmag.org
tel. (22) 860-18-81, fax (22) 860-17-71
Wyprodukowano w Polsce
Druk: Stella Maris
Redakcja dokfada 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 dziafania programów shareware,
freeware i public domain. Uszkodzone podczas wysytki ptyty
wymienia redakcja,
Wszystkie znaki firmowe zawarte w piśmie są własnością odpo-
wiednich firm i zostały użyte wyłącznie w celach informacyjnych.
Deklarowana wysokość nakładu obejmuje również dodruki.
Redakcja nie udziela pomocy technicznej w instalowaniu
i użytkowaniu programów zamieszczonych na płycie CD
dostarczonej z pismem.
Płytę CD dołączoną do magazynu przetestowano programem
AntiWenKit firmy G DATA Software Sp. z o.o.
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ą.
O
Ć)
-o
/l
I? Interfejs
?luty/marzec 2004
Opis CD
DEMO
Ultimate Paint v2.83 (Win)
Program do obróbki obrazu, którego funkcjonalność moż-
na rozszerzyć poprzez pluginy. Umożliwia rysowanie
i edycję własnych obrazów, tworzenie stron HTML ze zdję-
ciami, przesyłanie grafik e-mailem, robienie zrzutów ekra-
nu oraz ustawianie tapet,
strona producenta: http://www.ultimatepaint.com
Universe Image Creator 1.63 (Win)
Program pozwalający na tworzenie realistycznych obra-
zów przypominających przestrzeń kosmiczną: planety,
gwiazdy, rozbłyski świetlne i galaktyki.
strona producenta: http://www.diardsoftware.com
PhotoFrame 2.5 (Win/Mac)
PhotoFrame pozwala na projektowanie wysokiej jakości
ramek i obramowań dla Twoich obrazów. Można wybrać
ramkę z gotowych szablonów lub zrobić własną. Aplika-
cja posiada efektz zmiany koloru, trybu mieszania, cienia,
płaskorzeźby i wiele innych,
strona producenta: http://www.extensis.com
Pro Motion
Program do edycji grafiki - idealny do tworzenia grafiki do
gier, ikon, a także animacji.
strona producenta: http://www.cosmigo.com
WERSJA 30-DNIOWA
Adobe Photoshop 7.0 (Win/Mac)
30-dniowa wersja sztandarowago programu do tworzenia i edycji grafiki,
strona producenta: http://www.adobe.com
FREEWARE
Adobe Acrobat Reader 5.0.5 PL (Win/Mac)
Program umożliwiający przeglądanie dokumentów zapi-
sanych jako PDF (Portable Document Format),
strona producenta: http://www.adobe.com
VCW VicMan's Photo Editor 7.2 (Win)
Darmowy program do obróbki obrazów o ciekawym i wy-
godnym interfejsie użytkownika. Jak każdy tego typu pro-
gram, pozwala zeskanować i obrobić zdjęcie. Efekty i fil-
try tworzy się przez podanie wzoru matematycznego, któ-
ry modyfikuje współrzędne na obrazie,
strona producenta: http://www.vicman.net
dfoto Klient
Program dfoto.klient to narzędzie, które ma ułatwić prze-
glądanie (a w kolejnych wersjach również zarządzanie)
kolekcji fotografii, edycję plików cyfrowych oraz zama-
wianie odbitek w serwisie dfoto.pl. Program wyposażono
m.in. w funkcję bezstratnego obrotu plików jpg, seryjne-
go skalowania fotografii, przycinanie do formatów cyfro-
wych i tradycyjnych (możliwość wyboru proporcji kadro-
wania 2:3 lub 3:4, korektę barwy, kontrastu, nasycenia.
Program obsługuje następujące formaty: JPG, TIF, BMP,
PCX, PNG, TGA
strona producenta: http://www.dfoto.pl
PLUGINY
E>o
cb
ra
-o
w
CL
Andrew's plugins (Win)
Zestaw przykładowych gradientów, styli, pędzli, wzorków,
pluginów i efektów — współdziałających z Photoshopem.
strona producenta: http://www.graphicxtras.com
Mystical Lighting (Win/Mac)
Plugin pozwalający na wprowadzenie realistycznych efek-
tów świetlnych. Zawiera 16 efektów wizualnych oraz takie
udogodnienia jak: możliwość pracy na warstwach, nieogra-
niczone cofanie czynności i maskowanie,
strona producenta: http://www.autofx.com
Page Curl 1.2
Plugin umożliwiający stworzenie efektu zawiniętego rogu
kartki. Szersza recenzja wewnątrz numeru (str. 29)
strona producenta: http://www.avbros.com
Puzzle Pro 2.0
Plugin firmy AV Bros dający efekt układanki z puzzli. Szer-
sza recenzja wewnątrz numeru (str. 29)
strona producenta: http://www.avbros.com
DODATKI
25 ZDJĘĆ ROYALITY FREE od firmy UCE
www.uce.pl
Filmy instruktażowe i pliki źródłowe pomocne przy wyko-
nywaniu ćwiczeń zawartych w magazynie.
luty/marzec 2004
(Cd2)
!r OKŁADKA
W^r i i i
20 min
pliki
Łukasz Pabian
Wielokrotnie zdarza się, że współczesnym twórcom przestaje już wystarczać tylko Photoshop.
Dlatego sięgają do zupełnie innych programów tak by ich projekty nabrały zupełnie nowego
wyrazu. Łącząc techniki stosowane w grafice trójwymiarowej oraz ogromne możliwości Adobe
Photoshop można poszerzyć swoje grafiki o zupełnie nowe horyzonty.
Tło
E
1
o
I•o
Tworzymy nowy plik PliloNowy... (File>New...) o wymiarach: dłu-
gość 990 pikseli i wysokość 1400 pikseli. Następnie wypełnij ca-
łą powierzchnie obrazka gradientem linearnym (pionowo) od koloru
RGB: [212,227,253] do koloru RGB: [240,245,255].
Niebo w tle
Pobieramy fotografię nieba i nanosimy ją na nasz obrazek, po-
przez przeciągnięcie warstwy z pliku jpg na okno z naszą grafiką.
Wyrównujemy zdjęcie względem obrazka i dopracowujemy jego ko-
lorystykę. Wybieramy z menu Obrazek>Dopasuj>Kolor selektywny
(lmage>Adjust>Selective Color), następnie w oknie Kolor selektyw-
ny {Selective Color) wybieramy Niebieskości (Blues), ustawiamy su-
waki na wartościach CMYK: [+79%][+6%][+14%][+19%]. Zmieniamy
tryb krycia na Ostre światło (Hard Lighf). Wybieramy gumkę [E],
zmieniamy na jeden ze zmiękczonych pędzli i ustawiamy jej rozmiar
na około 450 pikseli. Wycieramy dolną cześć zdjęcia, tak by zosta-
ło tylko niebo. Wybieramy z menu Filtr>Artystyczny>Suchy pędzel
(Filter>Artistic>Paint Daubs), ustawiamy suwaki: Rozmiar pędzla
(Brush size) na 12, Szczegół (Sharpness) na 7. Na kolejnej warstwie
rysujemy gradient linearny z dołu od koloru białego do przezroczy-
stości, do połowy wysokości.
Świetliste linie
Aby wykonać łuki należy stworzyć zaznaczenie [/W] w postaci piono-
wej elipsy, na nowej warstwie wypełnić je jasnym kolorem, następnie
przesunąć zaznaczenie tak by powstał najcieńszy łuk. Klawiszami
[Cf/7]+[X] wycinamy niepotrzebną przestrzeń. Kopiujemy tę warstwę
czterokrotnie poprzez przeciągnięcie jej na ikonę tworzenia nowej
warstwy w zakładce Warstwy (Layers). Począwszy od najwyższej
warstwy każdy łuk poddajemy filtrowi Rozmyciu gaussowskiemu
Filtr>Rozmycie gaussowskie (Gaussian Biur (Filter>Blur>Gaussian
Biur), przy czym każda niższa warstwa powinna mieć większy
współczynnik rozmycia. Pierwsze nałożenie filtru powinno być z pa-
rametrem Promień (Radius) 2 piksele. Można zgrupować warstwy
luty/marzec 2004
C
lub też połączyć je w jedną. Następnie powielamy to zgrupowanie
lub warstwę i obracamy o kilka stopni Edycja>Przekształć>Obróć
(Edit> TransforrroRotate).
Nałożenie trójwymiarowych obiektów
Pobieramy z CD obrazki kuia.tif, frawa.tif (pliki wygenerowane przez
3ds max). Nanosimy kule i trawę na obrazek, tak by kula była na
niższej warstwie. Ustawiamy trawę, tak by jej dół wychodził z góry
kuli — z otworu. Gumką należy usunąć niepotrzebny fragment
podstawy trawy, tak by sprawiała wrażenie wyrastania z kuli.
Nałożenie masek
Pobieramy z CD obrazki maska1.tif orazmaska2.tif (p\\k wygene-
rowany przez 3ds max oraz Poser). Za pomocą narzędzia Lasso
(Lasso Tool) [L] wycinamy tylną część głowy, tak by powstał nam
kontur zarówno w jednej, jak i drugiej masce. Nanosimy ma-
ski na nasz obrazek ustawiając je na cienkich „gałęziach" wśród
traw. Możliwe, że będzie potrzebne obracanie warstw by dopaso-
wać je do pozostałych części Edycja>Przekształć>Obróć (Edit>Transform>Rotate). Ciemne oczy wykonamy na nowej warstwie, na-
rzędziem Pędzel (Brush) [B] zamalujemy wszystkie oczy kolorem
RGB: [50,85,129], następnie zmieniamy tryb krycia miedzy warstwa-
mi na Mnożenie (Multiply).
Powielenie elementów
Łączymy wszystkie warstwy — maski, ciemne oczy, kulę, tra-
wę — w jedną warstwę. Następnie powielamy ją i przenosimy war-
stwę poniżej tej z „kwiatem". Przesuwamy ją w prawo i powyżej.
Zmniejszamy o około 85% Edycja>Przeksztalć>5kaluj (Edit>Transform>Sca!e) i nanosimy na tę warstwę efekt rozmycia
gaussowskiego Fi!r>Rozmycie>Rozmycie gaussowskie (F//fer>Btur>Gaussian Biur). Powtarzamy te czynności jeszcze dwa razy,
za każdym razem zwiększając stopień rozmycia gaussowskiego.
Aby uzyskać cienie pod kulami, narzędziem Pędzel (Brush) [B] typu
miękkiego na nowej warstwie punktowo będziemy zaznaczać cienie.
Rysowanie motyla
Narzędziem Pędzel [B] o małym przekroju obrysujemy skrzydło mo-
tyla. Następnie zewnętrzną część skrzydła zamalowujemy czarnym
kolorem, a wewnętrzną ciemnym niebieskim RGB: [38,57,152], Aby
uzyskać nierówne rozprowadzenie koloru należy zastosować pędzle
o nierównych krawędziach. Na nowej warstwie, jasnym niebieskim
RGB: [17,170,245] zamalowujemy część powierzchni, na której jest
niebieski (ciemny). Posługując się narzędziem Rozmycie (Smudge)
[R] uzyskamy rozmazanie pociągnięcia. Powielamy tę warstwę i na-
nosimy na niąfiltr Rozmycie gaussowskie. Zmniejszamy przezro-
czystość do 30%. Kolorem RGB: [17,142,222] rysujemy drobne linie
pędzlem [8] najlepiej o jak najmniejszym przekroju. Można jeszcze
urozmaicić skrzydła poprzez malowanie pędzlami o nieregularnych
końcach. Łączymy warstwy składające się na skrzydła i powielamy
tę warstwę. Narzędziem Zniekształć — Edycja>Przekszta!ć>Znieksz
tałć (Edit>Transform>Disort) zmieniamy ułożenie drugiego skrzydła.
Na kolejnej warstwie dorysowujemy jeszcze główkę i czułki. Warstwy
te można połączyć i zmieniać ich kolorystykę za pomocą polece-
nia Barwa/Nasycenie (Hue/Saturation) — Obrazek>Dopasuj>Barwa/
Nasycenie (lmage>Adjust>Hue/Saturation). ®
di
•o
luty/marzec 2004
WEBDESIGN
15 min
a.film
pliki
TWO
Daniel Sodkiewicz
Nie musisz znać Fiasha aby stworzyć ciekawe i animowane menu do własnej strony www.
Jedyne czego będziesz potrzebować to programu graficznego Photoshop w minimalnej wersji 5.5
i chęci przeczytania tego artykułu. Tutorial ten przeprowadzi Cię przez proces tworzenia menu
za pomocą narzędzi Slice, skryptów Rollover i nieskomplikowanego kodu HTML. Jeżeli nie masz
zielonego pojęcia o choćby jednym z powyższych pojęć, nie musisz się przejmować — poniższe
kroki opisujące dokładnie każdą czynność, przeprowadzą Cię przez cały ten proces.
Cel, Tworzymy przycisk.
Wysol-o-c 393
Rozdzielcza 11
W\ Zachowaj proporcje
0 Metoda POfiownegoprubko^nd Dwu ze cienna V-
Menu, jakie stworzymy, będzie się składać z kilku połączonych ze so-
bą i utrzymanych w nowoczesnym stylu przycisków. Po najechaniu
kursorem na wybrany guzik, zostanie on podświetlony, sam zaś przy-
cisk będzie sprawiał wrażenie trójwymiarowego. Aby rozpocząć pracę
uruchamiamy program Photoshop.
Pierwsze co należy ustalić to wielkość naszego przycisku. Jeżeli nie
mamy konkretnego pomysłu, wybieramy dość standardowe rozmia-
ry 121 na 17 pikseli. Kolejny wybór to kolor tła, w tym przypadku pro-
ponuję jasny odcień szarości np. #D4D4D4 (HTML Code). Aby nadać
naszemu rysunkowi efekt trójwymiarowości należy narysować przy
górnej i lewej krawędzi jasną linię o szerokości 1 piksela np. w kolorze
o jasnej barwie: #F3F3F3. Zapisujemy nasz przycisk w wysokiej ja-
kości pliku JPG, będzie on służył jako szablon do tworzenia kolejnych
klawiszy w menu.
Napisy
Dl
T3
?Iridex - - •• a • • - -i
ń
W zależności od tego z jakich działów składa się nasza strona, two-
rzymy odpowiednie napisy na przyciskach. Korzystając z przygotowa-
nego wcześniej szablonu nanosimy na kolejne przyciski nazwy dzia-
łów. W przedstawionym przykładzie menu będzie się składać
z sześciu guzików: lndex, Newsy, Książki, Historia, Teksty i Kontakt.
Bardzo ważnym elementem, mającym ogromny wpływ na końcową
estetykę naszego menu jest użyta w nim czcionka. Godnymi polece-
nia, eleganckimi krojami sąm.in. Tahoma i Verdana. Każdy stworzo-
ny przycisk zapisujemy osobno w jednym katalogu, staramy się także
aby napisy na każdym z rysunków znajdowały się w tej samej odległo-
ści od górnej, dolnej i (szczególnie) lewej krawędzi. Przed zapisa-
niem obrazka musimy spłaszczyć wszystkie warstwy, poprzez menu:
Warstwa>Sptaszcz obrazek (Layer>Flatten Image).
10
luty/marzec 2004
Składamy menu
Otwieramy wszystkie utworzone przyciski, a następnie ustalamy na
jakim tle zostaną one umieszczone. W naszym przykładzie będzie to
niewielki prostokąt o wymiarach: 123 na 109 pikseli. Przy przyciskach
o wymiarach 121 na 17, po lewej i prawej stronie przycisków będzie
wystawał 1 piksel tła, zaś w pionie pom...
