Professional Documents
Culture Documents
Spis treci
Przedmowa
Wstp
Tre
Moje studio
11
11
12
14
1 Proces projektowania
15
51
Pocztek projektu
52
53
55
56
60
62
Projektowanie neonw
Diabe tkwi w szczegach
Znieksztacenie obrazu w szkle
63
65
67
22
23
Kanay alfa
Tworzenie zaznacze
Zastosowanie kanaw alfa
68
68
69
24
26
Odbicia
72
76
80
15
Szkic
Definicje poj zwizanych
z perspektyw
Prace nad szkicem
19
20
21
51
Punkt zwrotny
Inspiracje
Materiay pomocnicze
Droga do ideau krok po kroku
Zdjcia pomocnicze,
przedstawiajce detale sceny
Do czego mog przyda si notatki?
3 Oakland
32
33
Porzdek musi by
35
2 wiata i cienie
39
39
40
42
44
46
48
4 Shoe Repair
83
Odbicia icienie
83
Odbicia
84
Starzejcy si neon
86
Rdza
88
Zanikajce odbicia
90
Cienie
92
Projektowanie tkaniny
Szwy
94
98
5 Old Chair
Kolejny punkt zwrotny
101
Od myszy do tabletu
Wacom Cintiq
102
103
104
104
105
110
111
6 Red Truck
113
Tekstury i filtry
113
114
Postarzanie ciarwki
120
Projektowanie powierzchni
skorodowanego metalu
Zastosowanie filtra Displace
(Przemieszczanie)
125
Drobne plamki
128
Reflektor
130
136
Detale
137
7 Oyster Bar
101
122
141
Dbao o szczegy
141
Deszcz i kaue
Tam, gdzie koczy si deszcz
Wiksze kaue wody
Kaue na ulicy
143
146
148
150
154
155
158
161
Najprostsze rozwizanie
163
165
Tekstury
Stolarka
Betonowa podstawa
lisko!
Ach, te drobiazgi
166
166
169
170
171
157
8 Lunch in Tiburon
173
Uchwyci wiato
173
Obrus
Symbole kwiatowe
To
Kropkowana tekstura
Wypukoci obrusu
Tworzenie powtarzajcego si wzoru
agodne fady i zagicia
Filtr Displace (Przemieszczanie)
175
176
178
180
182
182
184
184
Malowanie pieprzem
187
Soneczne odblaski
192
195
195
196
Drobne napisy
198
Grupy odcinania
234
Odrczne malowanie
200
236
9 Damen
203
10 wiczenia
243
Najwiksze wyzwanie
203
Twoja kolej
243
Podzia na projekty
15 tysicy warstw
Pliki i pliczki
206
207
207
Zabawy z warstwami
244
Tworzenie cieni
249
Pocig
Organizacja pracy
Style warstw
208
209
210
258
262
Okna
211
Tworzenie tekstur
267
Nity
Zadrapania powierzchni
Jeszcze o nitach
212
212
214
Eksperymenty z filtrami
Stary, zardzewiay napis
Pada!
Byskawica kontratakuje!
275
275
282
287
Zardzewiae ogrodzenia
216
Brud i kurz
217
Drzewa
218
Poegnanie
297
Wzorki
220
Skorowidz
298
224
225
225
228
229
230
230
231
232
wiata i cienie
wiat wok nas
Zanim jeszcze rzuc si w wir realizacji projektu, staram si przeanalizowa
jeden z najwaniejszych aspektw tworzenia realistycznego obrazu owietlenie. Wprawdzie wydaje si, e to kompozycja i temat zdjcia s najwaniejsze, lecz w rzeczywistoci to wanie owietlenie decyduje o nastroju obrazu,
a take opowiada pewn histori. Pora dnia, rda wiata i sposb uoenia cieni stanowi kluczowe elementy, decydujce o sposobie postrzegania sceny. Jeli widziae film Obywatel Kane czy jeden ze starych thrillerw
Hitchcocka albo dowolny inny dobry film czarno-biay z minionej epoki, to
z pewnoci zwrcie uwag na gr wiate i cieni, ktra kreuje nastrj i dramaturgi obrazu. Brak kolorw w starych filmach musia by rekompensowany umiejtnym owietleniem, ktre kazao widzom wierzy w prawdziwo
wiata pokazanego na srebrnym ekranie.
Cienie decyduj te o przestrzennoci i plastycznoci sceny. Pozbawione cieni
obiekty wydaj si nudne i paskie. Poprawne wycieniowanie obiektw zapewnia
im odpowiedni gbi i pozwala uzyska zudzenie trjwymiarowego wiata na
dwuwymiarowym medium, takim jak kartka papieru czy ekran monitora. Zarwno
Illustrator jak i Photoshop su do edycji grafiki dwuwymiarowej, lecz dziki umiejtnemu zastosowaniu cieniowania i perspektywy, mona w nich tworzy obrazy
sprawiajce wraenie bardzo naturalnej trjwymiarowoci.
wiata i cienie decyduj o tym, w jaki sposb dany obiekt bdzie postrzegany wzgldem innych elementw kompozycji, i nadaj mu odpowiednie miejsce na scenie.
Obrazy, ktrych
tematem s
wiata i cienie
Niektre z moich projektw powicone
zostay wycznie pokazaniu interesujcej gry wiate i cieni. Obraz Bodega shadows (rysunek 2.1) i shadowplay (rysunek 2.2) stanowi przykady prac, w ktrych
gwnym tematem kompozycji s cienie.
Obiekty, ktre rzucaj owe cienie, schodz niejako na dalszy plan; s mniej istotne.
To wanie cienie, a nie one, s najwaniejszymi elementami kompozycji.
Gwnym tematem projektu blue door
(rysunek 2.3) jest skomplikowana gra cieni,
odbi i wiate. Gdyby nie zoone zalenoci pomidzy wpadajcym przez okna
wiatem i cieniami obiektw, projekt byby
banalnie prosty i niezbyt interesujcy.
Kontrast pomidzy wiatem wiate i cieni
stanowi te temat kilku innych moich
kompozycji, takich jak late afternoon,
red doors czy street light. To wanie
dziki umiejtnemu dobraniu owietlenia
moemy z atwoci umieci wymienione
kompozycje w czasie i przestrzeni (rysunki
2.4, 2.5 i 2.6).
40
41
Definiowanie
rde wiata
Jeli gwnym rdem wiata w projektowanym obrazie jest soce, to sposb padania cieni powinien odzwierciedla por
dnia, ktr zdecydowae si odwzorowa w kompozycji. Na przykad w projekcie Damen to wanie cienie sprawiaj,
e wystarczy rzut oka na obraz, by odgadn czas, w jakim rozgrywa si pokazana
na nim scena.
Podczas czenia kilku obiektw na scenie lub dodawania obiektu do istniejcej
sceny, naley zadba o to, by owietlenie
i cieniowanie tych obiektw byy spjne.
Rozbienoci w owietleniu i cieniowaniu s tak oczywiste, e dostrzeg je z atwoci nawet osoby postronne, patrzce
na kompozycj okiem laika. Na przykad
obiekt znajdujcy si pod lamp nie moe
by ocieniony od gry. Intensywno i kolorystyka owietlenia musz odzwierciedla zalenoci zachodzce w obrbie caego projektu. Bardzo wane jest te
ujednolicenie kierunku padania wiata.
Rysunek 2.7 schematycznie ilustruje drog
wiata i sposb, w jaki jest ono blokowane
przez pobliskie obiekty. Upraszczajc to zagadnienie, mona powiedzie, e wiato
rozchodzi si w linii prostej, a cienie rzucane przez stojce na jego drodze przedmioty odzwierciedlaj kierunek jego padania. Dodanie jakiego obiektu do istniejcej
sceny wymaga owietlenia go i utworzenia cieni padajcych zgodnie z pooeniem
rde wiata. Rysunek 2.8 przedstawia
lew cz obrazu Damen. Jeli zdecydowabym si umieci na peronie dowolny
obiekt, to obiekt ten powinien rzuca cie
odpowiadajcy pooeniu i ukadowi pozostaych cieni w kompozycji.
42
W celu ustalenia dokadnego pooenia soca w omawianej kompozycji narysowaem lini prost, biegnc od krawdzi zadaszenia peronu, a do wyranej
linii wyznaczajcej zasig cienia na barierkach pod wiat. Na podstawie takiej
linii mona z atwoci okreli pooenie soca. Na rysunku 2.9 na peronie
umieszczony zosta ty walec, zapoyczony z przykadowego rysunku ilustrujcego rozchodzenie si wiata. Walec wyglda obco, nienaturalnie i zupenie nie
pasuje do otoczenia. Dlaczego? Przede
wszystkim dlatego, e nie rzuca cienia.
Przesunem lini wyznaczajc kierunek padania wiata w d, w taki sposb,
by stykaa si ona z grn krawdzi walca
(rysunek 2.10). Kraniec linii wskazuje zasig padania cienia na deskach peronu.
Posugujc si narzdziem Pen (Piro), narysowaem ciek o odpowiednim ksztacie i wypeniem j kolorem czarnym (rysunek 2.11). Po utworzeniu warstwy
z cieniem, zmniejszyem jej stopie krycia
na tyle, by dopasowa jego intensywno
do wygldu pozostaych cieni w projekcie.
W wyniku tej prostej poprawki ty cylinder nagle zacz pasowa do swego otoczenia i sprawia naturalne, realistyczne wraenie (rysunek 2.12).
Rysunek 2.10. Linia wskazujca kierunek padania wiata zostaa przesunita w taki sposb, by zetkna si z grn krawdzi nowego obiektu
43
Tworzenie
efektw
wietlnych
Podczas projektowania efektw wietlnych
w obrazie naley wzi pod uwag wiele
rnych czynnikw:
Liczb rde wiata.
Rozmieszczenie rde wiata.
Intensywno owietlenia.
Kolor wiata.
Olbrzymi wpyw na ksztat cienia ma powierzchnia, na ktr on pada. Kada nierwno tej powierzchni sprawi, e kontury i zasig cienia ulegn zmianie.
44
Rysunek 2.17. Jeli ciana lub inny obiekt, na ktry pada cie,
zostanie ustawiony pod pewnym ktem w stosunku do rda
wiata, cie ten staje si znacznie szerszy
ciana
rdo wiata
Obiekt
Wski cie
rdo wiata
Obiekt
ciana
Szeroki cie
Rysunek 2.18. wiato rozchodzi si w linii prostej. Na pokazanym tutaj
schemacie moesz zaobserwowa wpyw uoenia obiektw na ksztat cieni,
ktre na nie padaj
Rozdzia 2 : wiat a i cieni e
45
Efekt cienia
Cienie, o ktrych pisaem dotychczas, byy bardzo skomplikowane. Istniej jednak cienie znacznie prostsze; takie,
ktre sprowadzaj si do symbolicznego odwzorowania
ksztatu jednego obiektu na drugim. Cienie tego typu stay
si jednym z najpopularniejszych efektw specjalnych, stosowanych w grafice komputerowej (rysunek 2.19).
Przed pojawieniem si warstw tworzenie cieni wymagao solidnej dawki oblicze i umiejtnego zastosowania kanaw alfa. Dzi proces ich generowania jest bardzo uproszczony cie sta si zwykym efektem, ktry
mona doda do dowolnej warstwy dokumentu. W celu
uzyskania tego efektu naley po prostu wybra warstw,
do ktrej ma on zosta doczony, wywietli ustawienia stylw tej warstwy i wczy opcj o nazwie Drop
Shadow (Cie).
Wszystkie ustawienia efektw warstw, w tym efektu cienia, zgromadzone s w oknie dialogowym Layer Style
(Styl warstwy), wywietlanym po dwukrotnym klikniciu wybranej warstwy w palecie Layers (Warstwy).
Jednym z najwaniejszych ustawie znajdujcych si
w tym oknie jest prbnik koloru. Umoliwia on bowiem
dostosowanie koloru cienia do barwy wiata, emitowanego przez rdo. Prcz koloru mona te zmieni
tryb mieszania cienia suy do tego lista Mode (Tryb)
oraz wartoci parametrw Opacity (Krycie), Angle (Kt)
i Distance (Odlego). Parametr Size (Rozmiar) decyduje
o rozmyciu krawdzi cienia i ma kluczowe znaczenie dla
nadania mu odpowiedniego charakteru. Na przykad
mocne wiato reflektorw spowoduje powstanie cieni
o bardzo wyrazistych, ostrych konturach, za mikkie,
rozproszone wiato bdzie tworzy cienie o bardzo agodnych, rozmytych krawdziach. Rozproszenie i zasig
cienia uzalenione s w gwnej mierze od odlegoci
obiektu rzucajcego ten cie do powierzchni, na ktrej
w cie si pojawi.
Rysunek 2.19. Proste cienie stay si jednym z najchtniej uywanych efektw specjalnych w grafice komputerowej. Na przykadowym rysunku logo rzuca cie na szare, metaliczne to pod spodem
46
Rysunek 2.20 przedstawia logo zaprojektowane przy uyciu starannie wykaligrafowanych liter. Symbol ten nie jest jednak
wystarczajco wyrazisty. W celu poprawienia jego czytelnoci i zaakcentowania
detali mona doda do niego kolorowy
efekt cienia.
Na przykadzie pokazanym na rysunku
2.21 logo zostao ozdobione mikkim,
czerwonym cieniem.
Waciwoci utworzonego w ten sposb
cienia mona zmodyfikowa w dowolnym
momencie. Efekt cienia stanowi integraln
cz warstwy, do ktrej zosta przypisany.
Warstwa ta zostanie oznaczona odpowiedni etykiet w palecie Layers (Warstwy).
Rysunek 2.21. W panelu Drop Shadow (Cie) zgromadzone zostay wszystkie parametry i opcje majce wpyw na wygld efektu cienia
Rozdzia 2 : wiat a i cieni e
47
48
(Faza i paskorzeba). Na rysunku 2.23 nit zosta powielony, a jego kopia przesunita w d. Podobnych par
nitw w obrazie Damen jest bardzo wiele.
Rysunek 2.24 ilustruje t sam par nitw po dodaniu wizualnej reprezentacji rda wiata, ktre zostao
umieszczone pomidzy nimi. Ju na pierwszy rzut oka
wida, e cieniowanie pierwszego nitu wyglda nierzeczywicie jego jasno owietlona cz znajduje si na
dole, a cie rzucany jest ku grze, w kierunku padajcego wiata.
Zmiana sposobu cieniowania jednego z nitw spowodowaa analogiczn modyfikacj ustawie dla drugiego
z nich (rysunek 2.25). Jeli przeanalizujesz uwanie ten
rysunek, to z pewnoci zwrcisz uwag na fakt, i zasig wprowadzonej zmiany obj obydwa nity, pomimo
e znajduj si one na oddzielnych warstwach. Innymi
sowy, zmiana stylu warstwy Layer 1 copy spowodowaa
analogiczne przeksztacenie warstwy Layer 1. Za taki stan
rzeczy odpowiedzialna jest wanie Use Global Light (Uyj
wiata globalnego), ktra powoduje ujednolicenie wartoci parametrw Angle (Kt), niezalenie od tego, czy nale one do edytowanej warstwy, czy te do jednej z pozostaych warstw w obrbie edytowanego dokumentu.
49