4. Drodzy Czytelnicy,
Trzymacie w rękach wydanie listopadowe, czyli takie, które wydaliśmy w miesiącu, gdy nie chce nam się już spacerować po dworze,
gdy za oknem jest zimno i ponuro. Taka pogoda sprzyja czytaniu gazet w zacisznym mieszkaniu i spędzaniu dużej ilości czasu przed
komputerem. A więc chwyćmy magazyn .PSD w dłoń, usiądźmy przed komputerem, odpalmy Photoshopa i pobawmy się w ćwiczenie
umiejętności graficznych z tutorialami z tego wydania.
W numerze znajdziecie wiele kolorowych grafik, które mają Wam ubarwić te szare dni.
Grafiki w większości są pracami przysłanymi na nasz wakacyjny konkurs Świat w tysiącach milionów kolorów, który zorganizowali-
śmy przy wsparciu firmy HP – producenta profesjonalnych stacji roboczych dla grafików. Wpłynęło wiele prac na wysokim poziomie
i wykonanych ciekawymi technikami. Z przyczyn oczywistych nie mogliśmy wszystkich dobrych grafik nagrodzić, ale chcieliśmy ja-
koś je uhonorować. Zaprosiliśmy, więc do współpracy autorów konkursowych prac i zaowocowało to ukazaniem się drukiem tutoriali.
Teraz każdy kto przeczyta magazyn .PSD 11/2009 będzie mógł tworzyć prace tak jak to robią najlepsi w konkursie.
W tym miejscu też chcę pogratulować zdobywcom pierwszego i drugiego miejsca. Nagrody przyznaliśmy Bartoszowi Rydelowi za pracę
Mały Książe i Marcinowi Rubinkowskiemu za Miasto barw. Wszystkie grafiki możecie znaleźć w galerii internetowej: http://psdmag.org/
pl/gallery/45-aswiat-w-1000-mln-kolora3w.
W magazynie znajdziecie też, oczywiście, artykuły nie związane z konkursem np.: warsztaty rysowania Mangi, ćwiczenie z tworzenia
pastelowych portretów ze zdjęć za pomocą filtrów z grupy Artystyczne.
Zapraszamy też i zachęcamy do wychodzenia spoza ram Photoshopa i do obejrzenia kolejnej części kursu z cyklu Adobe Production
Premium CS4.
Miłej lektury, ciekawych graficznych dokonań i dobrej pogody,
Anna Adamczyk
II miejsce w konkursie „Świat w tysiącach milionów kolorów” Marcin Rubinkowski
I miejsce w konkursie „Świat w tysiącach milionów kolorów” Bartosz Rydel
5. grafika z okładki
literacka wizja – czyli jak stworzyć Małego
Księcia
Bartosz Rydel 10
sprzęt dla grafika
premiera nowego monitora EIZO z serii
ColorEdge – CG243W
materiały pochodzą od firmy Alstor 14
warsztaty
miasto barw i nadziei...
Marcin Rubinkowski 16
pasja kolorów – digital painting od podstaw
Tomasz Szewczyk 22
uliczka śródziemnomorskiego miasta
– efekt gorąca za pomocą kolorów
Amelia Hałgas 26
kukiełka Freddie Mercury – wstęp do
animacji postaci
Krzysztof Micielski 32 fotomontaż
schody do...
marzyciel – świat koloru – czyli jak Zuzanna Patocka 58
stworzyć nierealny świat
Michał Przedladzki 38 pomaluj swój świat – fotokompozycja na
temat kolorów
panele w Photoshopie uszyte na miarę Marcin Kołodziejak 64
– twoją miarę – wprowadzenie do Adobe
Configurator 1.0 beta
Artur Obrzut 42
Creative Suite 4
fuzja kolorowych światów – zdjęcie skąpane
manga w twoim komputerze w barwach
Olga Dąbrowska 46 Katarzyna Skotnicka 70
malowanie filtrami artystycznymi –
pastelowy portret
felieton
Artur Kubieniec 52 nocne wolne style
Maciej Tarnowski 76
papugi – rewia kolorów
Katarzyna Rybińska 55
rozmaitości
wizytówki autorów 6
opis zawartości płyty DVD 7
informacje z branży 21
galeria digart.pl 78
formularz zamówienia prenumeraty 80
klub Pro – wizytówki firm prenumerujących
magazyn .PSD 82
6. autorzy
Bartosz Rydel (QzyN79) Zamiłowanie do plastyki towarzyszyło mu od najmłodszych
Grafiką komputerową w każdej formie interesuję się od cza- lat. Aktualnie zajmuje się ilustrowaniem książek, bajek dla
sów C64. Profesjonalnie jednak wykorzystuje swoje umie- dzieci oraz gier komputerowych. Generalnie życiowy samo-
jętności od 9 lat w jednej z rzeszowskich drukarni na stano- uk, zainteresowany wieloma aspektami samorealizacji. Wy-
wisku grafik operator DTP. Na co dzień w pracy używa głów- znaje zasadę iż w życiu nigdy nie jest za późno. Zdobyw-
nie programów do grafiki wektorowej. Po godzinach męczy ca kilku nagród, autor kilku wystaw, w internecie można go
Photoshopa do tworzenia swoich wizji i dla własnej przy- znaleźć pod nickiem Rubinos lub na stronie www.rubinos.pl
jemności. Portfolio: www.qzyn79.digart.pl
Katarzyna Rybińska
Amelia Hałgas Lubi malować ludzi, dlatego większość jej grafik to portrety
Studiuje Architekturę na Politechnice Warszawskiej. Rysu- lub wariacje na ten temat. Maluje tradycyjnymi metodami,
je i maluje od dziecka, a przygodę z grafiką komputerową ale od jakiegoś czasu zajmuje się komputerową ilustracją.
i Photoshopem rozpoczęła jakieś dziesięć miesięcy temu. Grafik z wykształcenia. Portfolio: www.katrybinska.com
W przyszłości chciałaby zajmować się tym profesjonalnie.
Kontakt: jameli@o2.pl Zuzanna Patocka (zuzisue)
Pasjonują ją wizualne aspekty rzeczywistośi. Studentka
Krzysztof Kopciowski PJWSTK, Sztuki Nowych Mediów. Pozytywną energię i ra-
Absolwent filmoznawstwa. Jego szczególnym zaintere- dość czerpie z życia I stara się przekazać w nieprzecięt-
sowaniem cieszą się możliwości łączenia grafiki 2D i 3D. nych, ekspresyjnych projektach. Oprócz grafiki komputero-
Szczery pasjonat digital paintingu oraz innych form wizuali- wej interesuje się fotografiąi typografią Tworzy motion gra-
zacji cyfrowej. Strona domowa: http://keylight.com.pl phic w rytmie jazz-funk’u. Wiele jej grafik było wykorzysta-
nych komercyjnie. Portfolio: www.behance.net/zuzisue
Olga Dąbrowska
Freelancer, ilustratorka, zajmuje się digital paintingiem. Pre- Maciej Tarnowski
feruje styl realistyczny z elementami fantasy oraz portre- Absolwent Grafiki ze specjalizacją: projektowanie graficzne
towanie zwierząt. Publikowała swoje prace m. in w Advan- na UZ. Zawodowiec pasjonat. Były szef studia graficznego w
ced Photoshop, Imagine FX, Forbidden Whispers, Amazing ARW Focus, który przeszedł na 100% freelance. Zajmuję się
Events. Współpracuje z magazynem Photoshop Digital Pa- grafiką zawodowo od niespełna pięciu lat, w szerokim tego
inting i oczywiście .PSD Ulubieni artyści: Katarina Sokolova, słowa znaczeniu: od kreacji, przez rysunek, reklamę, WWW,
Linda Bergvist, Nykolai Aleksander. Portfolio: www.nakato- projekty okładek, opakowań, tuning graficznym aut, obsłu-
ni.com, e-mail: nakatoni@gmail.com gę graficzną przeróżnych festiwali itd.
Kontakt: emte.design@gmail.com
Katarzyna Skotnicka
Absolwentka historii sztuki i policealnego studium grafiki Tomasz Szewczyk
komputerowej. Od półtora roku grafik we wrocławskim stu- Młody grafik-samouk, świeżo po studiach. Rysuje od wie-
diu reklamy. Obecnie szczególnie mocno zajęta retuszem lu lat. Grafiką komputerową zajmuję się od dwóch lat, ale
zdjęć biżuterii. Kontakt: ka.skotnikca@gmail.com robi to z coraz większym zainteresowaniem. Specjalizuję
się głównie w digital paintingu postaci, ale stara się posze-
Marcin Kołodziejak (Aparat) rzać horyzonty. Portfolio: http://maderath.deviantart.com/,
Absolwent Filozofii. Jego pasja to fotografia. Zdjęcia robi za- kontakt: toms660@gmail.com
wsze i wszędzie, stąd jego pseudonim - aparat. Photoshop
wykorzystuje jako narzędzie do postprocessingu i poprawy Krzysztof Micielski
fotografii, a także do cyfrowej kreacji rzeczywistości. Kry- Animator, motion designer, zajmuje się tworzeniem anima-
tyczny wobec swoich umiejętności, perfekcjonista. cji poklatkowej 2D jak i animacją 3D, ostatnia praca – klip do
Portfolio: www.aparat.digart.pl piosenki Put Out The Fire zespołu Queen została doceniona
przez żyjących członków. Oprócz tego zajmuje się także
Michał Przedlacki projektowaniem stron internetowych, czołówek programów
Grafik i ilustrator. Założyciel studia graficznego PIXELPolis telewizyjnych. Kontakt: kmicielski@gmail.com
Studio. Współpracował z magazynem Fantastyka jako ilu-
strator. Grafiką zajmuje się od ponad 10 lat. Obecnie główny Artur Kubieniec (Cherub)
grafik w jednej z łódzkich firm. Pasjonat zastosowań Photoshopa. Założyciel witryn Cherub
Portfolio: www.michalgrafik.prdreammedia.com Gallery (www.cherub.pl oraz www.photoshop.sklep.pl) po-
święconych temu programowi, które są na bieżąco aktuali-
Marcin Rubinkowski (Rubinos) zowane o nowe zasoby.
Jest studentem Kulturoznawstwa na Uniwersytecie Ślą-
skim. Posiada także dyplom z grafiki komputerowej.
PHOTOSHOP Skład:
Tomasz Kostro
tomasz.kostro@software.com.pl
Wydawca:
Software-Press Sp. z o. o. Sp. K
02-682 Warszawa, ul. Bokserska 1
Magazyn .psd jest wydawany przez Software-Press Sp. z o.o. Grafika na okładce: e-mail: psd@psdmag.org, www.psdmag.org
Sp. K z siedzibą przy ul. Bokserska 1, 02-682 Warszawa Bartosz Rydel tel. (22) 427 37 59, fax (22) 244 24 59
Projekt graficzny okładki: Wyprodukowano w Polsce
Redaktor Naczelny: Agnieszka Marchocka Druk: ArtDruk www.artdruk.com
Anna Adamczyk Korekta: Nakład: 8000 egz.
anna.adamczyk@software.com.pl Mateusz Lipiński .psd ukazuje się w językach:
Opracowanie CD: Dział reklamy: Redakcja dokłada wszelkich starań, by publikowane w piśmie i na towarzyszących mu nośnikach informacje i programy
Krzysztof Wołowski, Krzysztof Kopciowski adv@software.com.pl, były poprawne, jednakże nie bierze odpowiedzialności za efekty wykorzystania ich; nie gwarantuje także poprawne-
Kierownik Produkcji: tel.: (22) 427 35 30 go działania programów shareware, freeware i public domain. Uszkodzone podczas wysyłki płyty wymienia redakcja.
Andrzej Kuca Prenumerata i archiwa: Wszystkie znaki firmowe zawarte w piśmie są własnością odpowiednich firm i zostały użyte wyłącznie w celach
informacyjnych. Deklarowana wysokość nakładu obejmuje również dodruki. Redakcja nie udziela pomocy tech-
andrzej.kuca@software.com.pl software@europress.pl nicznej w instalowaniu i użytkowaniu programów zamieszczonych na płycie CD dostarczonej z pismem.
Dział Produkcji i kolportażu: www.europress.pl, tel.: (22) 877 20 80 Płyty CD dołączone do magazynu przetestowano programem AntiVirenKit firmy G DATA Software Sp. z o.o.
6
Alina Stebakow Sklep internetowy: Redakcja używa systemu automatycznego składu
Sprzedaż aktualnych lub archiwalnych numerów pisma po innej cenie niż wydrukowana na okładce — bez zgody wy-
alina.stebakow@software.com.pl www.europress.pl dawcy — jest działaniem na jego szkodę i skutkuje odpowiedzialnością sądową.
7. opis DVD
DVD
Na płycie DVD dołączonej do tego wydania znajdziecie multime-
dialny kurs, kodeki potrzebne do odtworzenia filmów, pliki źródło-
we potrzebne do wykonania tutoriali, zdjęcie Royalty Free, słow-
nik Photoshopa.
Kurs Adobe Creative Suite 4
Production Premium
Część 3. Kreatywne portfolio – planowanie
organizacja i przygotowanie materiałów
W bieżącym kursie zajmiemy się planowaniem i przygotowa-
niem materiałów, które chcemy zaprezentować w naszym port-
folio. Zbudujemy układ portfolio oraz jego szkielet. Wykorzysta-
my programy z pakietu Creative Suite do przygotowania materia-
łów źródłowych. Wreszcie przygotujemy workflow do pracy z In-
Design CS4.
Lekcje:
1. Pytania
2. Struktura katalogów i organizacja materiału w Bridge
3. Fonty - źródła i zarządzanie
4. Wstępne planowanie layoutu
5. Projekt InDesign
6. Szkic portfolio w Photoshopie
7. Update struktury katalogów i wstępne przetworzenie plików
8. Przygotowanie materiału statycznego
9. Przygotowanie materiału dynamicznego
10. Opracowanie animacji w After Effects
patron kursu:
.psd 11/2009 » www.psdmag.org 7
8. opis DVD
zdjęcia royalty free
Zdjęcia Royalty Free
od agencji Digitouch
Zdjęcia Royalty Free www.digitouch.pl
od agencji MediumPhoto
www.mediumphoto.com.pl
Zdjęcia Royalty Free
od agencji Eblis
www.eblis.pl
8 .psd 11/2009 » www.psdmag.org
9. tu powinna znajdować się płyta DVD
opis
w razie jej braku proszę skontaktować się ze sprzedawcą
Co na krążku?
Na płycie DVD dołączonej do tego wydania znajdziecie mul-
timedialny kurs, kodeki potrzebne do odtworzenia filmów, pli-
ki źródłowe potrzebne do wykonania tutoriali, zdjęcie Royalty
Free, słownik Photoshopa.
Płyta działa w systemach Win/Mac
W przypadku uszkodzonej płyty prosimy
napisać maila na adres: cd@software.com.pl
DVD
.psd 11/2009 » www.psdmag.org 9
10. grafika z okładki
literacka
wizja czyli jak stworzyć Małego Księcia
Zadaniem tego tutoriala jest zwrócenie uwagi początkującym artystom na fakt, że
sercem każdej grafiki jest pomysł. W tutorialu tym ukażemy w 10. krokach etapy
powstawania magicznego świata Małego Księcia. Stworzymy nierzeczywisty obraz z kilku
zupełnie różnych fotografii. Sami zobaczycie, że jest to bardzo łatwe, obróbka i montaż
poszczególnych elementów jest dziecinnie prosta. Po wykonaniu tego ćwiczenia kreowanie
własnych wizji i pomysłów nie powinno przysparzać nikomu trudności.
01 zaczynamy 03 planeta Księcia
Zaczynamy od ustawienia formatu naszej pracy [Ctrl]+[N] na- Otwieramy plik planeta_res.jpg, dowolną technika pozbywamy się
dajemy parametry: Width:3000, Height: 4192 pixels, Resolution : tła i wciągamy fotografię jako nową warstwę Multiply 100%. Prze-
200 pixels/inch. Następnie wypełniamy tło kolorem #002d5b. Otwie- chodzimy do Layer>Layer Style i zaznaczamy Outer Glow i Inner Glow,
ramy plik little_prince.jpg i dowolną techniką wybieramy postać z tła. nadając wartości: Outer Glow: Blend Mode: Screen, Opacity: 100%, No-
Ja użyłem trybu Szybkiej Maski [Q] i tę metodę polecam. Po dokład- ise: 0, Color: white, Spread: 0, Size: 6 (dla Inner Glow ustawienia są iden-
nym wypełnieniu naszego bohatera zdejmujemy szybką maskę, wybie- tycznie, jedynie Size zmienimy z 6 na 21). Otwieramy Color Balance
ramy inwersję [Ctrl]+[I] i przeciągamy go do naszego projektu. Nada- [Ctrl]+[B] i nadajemy wartości Midtones: 38, +84, +52. Kopiujemy pla-
my troszkę blasku naszej postaci – podciągamy Jasność i Kontrast netę – Layer>Duplicate Layer i nadajemy jej warstwie wartości Hard
– Adjustments>Brightness/Contrast – na: Brightness: +27, Contrast: +22. Light, 56% Opacity. Ustawiamy naszą postać na nowym domu.
02 przestrzeń powietrzna 04 sadzimy baobab
By nasz bohater nie wisiał w kompletnej pustce, dodamy trosz- Otwieramy space.jpg Gumką z miękkimi krawędziami o Kryciu
kę chmur – otwieramy plik The_Sky.jpg i miękkim pędzlem, oko- 40-50% wymazujemy tło. Ważne, by nie wymazać małej plane-
ło 40% krycia, wymazujemy wszystko mniej więcej do połowy pro- ty znajdującej się na fotografii, bo za chwilę będziemy na niej sadzić
jektu (z lekkim naddatkiem na późniejsze korekty). Kopiujemy war- baobaby. Otwieramy Tree Stock 9.png Jako że chcemy dwa drzewa
stwę, nadajemy jej parametr Colors 100%, otwieramy Color Balance na naszej planecie, kopiujemy poprzednią warstwę – Layer>Dupli-
[Ctrl]+[B] i nadajemy wartości dla parametru Midtones: -8, -13, -75. cate Layer. Drzewo zmniejszamy względem pierwszego i pochyla-
my [Ctrl]+[T]. Chcąc im nadać troszkę głębszego koloru, manipulu-
jemy kolorem [Ctrl]+[B].
10 .psd 11/2009 » www.psdmag.org
11. literacka wizja – czyli jak stworzyć Małego Księcia
poziom średni | pliki na DVD
Photoshop CS
.psd 11/2009 » www.psdmag.org 11
12. grafika z okładki
05 bujamy w obłokach 08 trochę klimatu
By nadać naszej planecie tajemniczości, tworzymy dwie nowe By nadać naszemu kosmicznemu niebu cieplejszej barwy, two-
warstwy, jedną z nich nazwiemy chmury_przed_drzewami, dru- rzymy nową warstwę i pędzlem o miękkich krawędziach malu-
gą chmury za drzewami. Wykorzystując dowolny pędzel, z darmo- jemy nieregularne kształty w różnych ciepłych pastelowych kolo-
wych bibliotek internetu, malujemy białym kolorem wg własnego rach, następnie zmieniamy właściwości warstwy na: Overlay: 100%.
uznania kłębiaste obłoczki – zwracając uwagę by przednie chmur-
ki były jaśniejsze od tylnich.
06 Książę i róża 09 kosmiczne elementy
Otwieramy roza.jpg i po obróbce wciągamy zawartość na no- Kończąc naszą wizję Małego Księcia, wykorzystamy ponownie
wą ROZA, z Overlay 100%. Przykryjemy Różę szklanym słojem. pędzle, które dziś okazały się bardzo pomocne – tym razem jed-
Otwieramy Sloik.jpg i pozbywamy się tła, skalujemy i umieszczamy nak będziemy potrzebowali dodatkowo pędzli o tematyce kosmos.
nad różą, nazywając warstwę SLOIK. Zaznaczamy obie warstwy SLO- Najlepiej zaopatrzyć się w pakiet, w którym znajdziemy np.: spada-
IK i ROZA, grupujemy [Ctrl]+[G] – nazywamy ROZA. Teraz, by uzy- jące gwiazdy, planety, mleczne drogi itp... Po namalowaniu wg wła-
skać ładny, szklany słój duplikujemy warstwę SLOIK dwa razy, nada- snej inwencji twórczej dodatkowych elementów (najlepiej malo-
jąc im nazwy SLOIK_3_overlay i SLOIK_2_overlay – po czym nadajemy wać każdy na osobnej warstwie), mieszanie warstwy ustawiamy na
im odpowiednie wartości i kolejność, która jest bardzo ważna. Overlay 100%.
07 Róża i więcej chmur 10 ostatnie szlify
Powinno to wyglądać tak: cała grupa ROZA z opcją Krycia: Pass W ten sposób dotarliśmy do końca montażu. Projekt można
Through, SLOIK_3_overlay: Overlay: 100%, Layer Style jak na zrzu- ozdobić ramką w stylu starej karty książki, korzystając z darmo-
cie ekranu, SLOIK_2_overlay: Overlay: 100%, ROZA: Overlay: 100%, SLO- wych pędzli z internetu lub nakładając gotową fotografię.
IK: Overlay: 44%. Ponownie wykorzystamy pędzle chmur i domaluje- Bartosz Rydel
my je na nowej warstwie – tym razem będą to chmury otaczające
planetę Małego Księcia.
12 .psd 11/2009 » www.psdmag.org
13.
14. sprzęt dla grafika
premiera nowego
monitora EIZO z serii
ColorEdge – CG243W
Miło nam poinformować Państwa, że Eizo wprowadza do sprzedaży
nowy monitor z serii ColorEdge. Model o symbolu CG243W
przeznaczony jest do prac z kolorem – prepressu, edycji zdjęć, montażu
video i postprodukcji. Urządzenie posiada złącze DisplayPort, dzięki
któremu możliwa jest m.in. praca z 10-bitowym sygnałem video.
M onitor sprawdzi się doskonale w pracy z obrazem – zarów-
no statycznym, jak i dynamicznym. Zastosowana w nim 24”
matryca zbudowana w technologii IPS ma naturalną rozdziel-
czość 1920x1200 (przy proporcjach 16:10), czas reakcji 5 ms (przej-
ście od szarości do szarości) i kąty widzenia 178° w poziomie i pionie,
leżnie od zmieniających się warunków otoczenia, po włączeniu urzą-
dzenia czy wyjściu ze stanu czuwania.
Wszystkie modele monitorów graficznych EIZO ColorEdge wy-
korzystują zapisaną w elektronice tabelę kolorów LUT, z której pod-
czas kalibracji dobierane są najbardziej odpowiednie do wyświetle-
umożliwiając korzystanie z monitora w najbardziej dogodnej pozycji. nia odcienie. W modelu CG243W wykorzystano usprawniony mecha-
Dzięki interfejsowi Display Port i podwójnym złączom cyfra/ nizm, o nazwie 3D LUT. Dotychczasowy dobór odcienia dokonywany
analog do monitora można podłączyć trzy komputery. Korzystając był niezależnie dla każdej składowej RGB z oddzielnych tabel wzorco-
z Display Port CG243W obsługuje 10-bitowy sygnał video. wych. W nowym modelu, wszystkie wzorce umieszczone są w jednej
Maksymalna jasność panelu to 270 cd/m2, a współczynnik kon- przestrzennej tabeli, co pozwala na bardziej precyzyjny wybór żąda-
trastu 850:1. Urządzenie ma możliwość reprodukowania szerokiej ga- nej składowej barwy.
my kolorów, obejmującej 98% przestrzeni AdobeRGB, wykorzystywa- Urządzenie spełnia wymagania kryterium Monitor PreCert Class
nej często podczas wydruków i w fotografii cyfrowej. Monitor wyświe- A, organizacji FOGRA, która określa normy w zakresie kątów widze-
tla również w 100% przestrzenie kolorystyczne wykorzystywane przy nia i jednorodności odwzorowania. Oznacza to, że monitor może być
produkcji broadcastowej, takie jak PAL/SECAM, SMPTE-C czy HDTV. użyty w systemach softproofingowych certyfikowanych przez tę or-
ganizację.
kalibracja sprzętowa
CG243W można kalibrować sprzętowo, dzięki czemu proces ten doko- dodatkowe funkcje:
nuje się bezpośrednio na elektronice urządzenia, a nie na karcie gra-
ficznej, co jest charakterystyczne dla kalibracji programowej. Gwa- • wyświetlanie na ekranie monitora funkcji klawiszy, dla łatwiej-
rantuje to, że podczas kalibracji żaden ton nie zostanie pominięty, co szego poruszaniu się w menu OSD w zaciemnionych pomieszcze-
skutkuje jeszcze większą zgodnością kolorystyczną. Dołączone do niach
monitora oprogramowanie ColorNavigator1 wykorzystywane jest do • stopka typu HighAdjustable, umożliwiająca regulację wysokości
ustawiania wartości docelowych jasności, punktu bieli i krzywej gam- w zakresie 82 mm, obrót w pionie o 40°, w poziomie o 70°oraz pra-
ma. ColorNavigator współpracuje z wybranymi urządzeniami pomia- cę w pozycji portretowej.
rowymi2, wykorzystując 12-bitową tablicę LUT monitora, a w efekcie • funkcja symulująca dysfunkcję postrzegania kolorów (protano-
umożliwiając dokładną kalibrację w przeciągu zaledwie 5 minut. pia i deuteranopia), umożliwiająca weryfikację, w jaki sposób wi-
dziane będą określone modele kolorystyczne przez osoby cier-
równomierna jasność i kolory piące na te przypadłości. Symulacja wykonywana jest w czasie
Autorskie rozwiązanie EIZO – funkcja Digital Uniformity Equalizer rzeczywistym – dotyczy to zarówno obrazów statycznych, jak
(DUE) czuwa nad równomiernością jasności i nasycenia barw, których i ruchomych.
jednorodność stanowi problemem w monitorach LCD. Gwarantuje to, • hub USB z jednym portem upstream i dwoma downstream
że kolory w różnych częściach matrycy wyświetlane będą w taki sam • w zestawie kaptur ochronny oraz komplet to czyszczenia ekranu
sposób, gwarantując że współczynnik Delta E nie przekroczy 3. • gwarancja 5 lat
Dzięki 16-bitowemu przetwarzaniu kolorów, odcienie szarości
wyświetlane są płynnie, bez widocznych gradientów. Powoduje to, że Monitor pojawi się w ofercie polskiego dystrybutora, firmy Alstor
detale umieszczone nawet w ciemnych obszarach ekranu, będą wy- w październiku. Jego cena nie jest jeszcze znana.
raźne, co jest również problematyczne w panelach LCD. Więcej informacji o monitorach EIZO znaleźć można na stronach:
Monitor może korzystać z siedmiu zdefiniowanych modeli kolo- http://www.eizo.pl; http://www.graficzne-eizo.pl/
rystycznych, włączając sRGB, Rec709, EBU, SMPTE-C czy DCI. Aby zni- lub http://www.edycjavideo.com.pl/
welować rozbieżności kolorystyczne, będące zjawiskiem naturalnym,
powstającym w skutek degradacji świetlówek w trakcie użytkowania
monitora LCD, załączone oprogramowanie ColorNavigator oferuje funk- 1. Oprogramowanie kompatybilne jest z systemami operacyjnymi: Macintosh OS X 10.3.9
i nowszymi, Windows Vista (32-bit, 64-bit) oraz Windows XP (32-bit, 64-bit).
cję reset (przywracania ustawień) – oznacza to powrót zdefiniowa- 2. Kompatybilne urządzenia pomiarowe to: ColorMunki, Eye-One, DTP94, DTP94B, Mona-
nych trybów do ustawień fabrycznych. coOPTIX firmy X-Rite, Spyder2 i Spyder3 firmy DataColor, jak również własne rozwiązanie
EIZO – czujnik EX1, dostępny w zestawie z oprogramowaniem EIZO EasyPIX. Więcej infor-
W modelu CG243W po raz pierwszy zastosowano czujnik tempe- macji na temat zestawu EasyPIX znaleźć można na stronie www.eizo.com.
ratury, aby zapobiec wahaniom nasycenia barw i jasności. Narzędzie Do przełączania się pomiędzy trybami wymagane jest oprogramowania UniColor
Pro. Aplikacja jest kompatybilna z systemami Windows Vista/XP/2000 i Mac OS 10.3.9
to wraz z opatentowaną przez Eizo technologią stabilizacji poziomu ja- lub nowszych. Można ją nieodpłatnie ściągnąć ze strony www.eizo.com
sności monitora, gwarantuje poprawne wyświetlanie kolorów, nieza-
14 .psd 11/2009 » www.psdmag.org
15.
16. warsztaty
miasto barw
i nadziei...
„Albo chcemy coś przekazać, albo tylko przedstawiamy”. Uważam, że samo tworzenie z głębszą
ideą w zamyśle rządzi się innymi regułami, a rodzący się i pielęgnowany pomysł zrealizowany w
odpowiednim momencie, może stać się opowieścią zamkniętą w ułamku sekundy i wtedy tworzenie
ma sens. Nie chcę powiedzieć, że wszystko musi mieć jakieś głębszy sens, jednakże dobrze, żeby
zaistniała jednak jakaś celowość w działaniu. W artykule tym wytłumaczę od strony technicznej
proces powstawania tejże pracy oraz pokażę kilka prostych i pomocnych PS-owych zabiegów.
01 tło 03 plan
Zatem zaczynam od przeszukania zakamarków dysku w po- Na tym etapie trzeba sobie zaplanować co i gdzie ułożymy. Pa-
szukiwaniu odpowiedniego zdjęcia chmur, kieruje się własnym miętajmy komponując, iż ludzki umysł lubuje się w geometrii,
upodobaniem i tym czymś, co mnie urzeknie w odpowiedniej mie- doszukuje się perspektywy i nie przepada za wieloma elementami
szaninie barw (aktualnie rzadko korzystam z fotografii, jednakże skupiającymi uwagę na raz. Pamiętamy o tym, ażeby w jakiś spo-
w tym przypadku potrzebowałem kolorystycznej stymulacji). Wrzu- sób lewa strona pracy równoważyła prawą, a górna, dolną część ob-
cam ją do Photoshopa i kopiuję kilkakrotnie na warstwach, pozosta- razu. Zastanawiamy się także czy chcemy stworzyć statyczny obra-
wiając jednak zawsze gdzieś pod ręką na osobnej warstwie ukryty zek, a może sprawiający wrażenie dynamiki? Nie warto na tym eta-
oryginał. pie skupiać się w ogóle, na jakichkolwiek detalach. Nastawiamy się
tylko na zaplanowanie wszystkiego w przestrzeni roboczej.
02 korekcja zdjęcia 04 wcielanie planu w życie...
Zmieniam odcienie w Krzywych (Curves) [Ctrl]+[M] i na Pozio- Zaczynam bazgrać twardym okrągłym Pędzlem (Brush tool)
mach (Levels) [Ctrl]+[L]. Bawię się i bawię, aż efekt mnie za- [B] po dowolnym zdjęciu miasta na Masce warstw (Add layer
dowoli. Warto sobie porównywać kilka wersji. Polecam często korzy- mask). Na Masce warstw Pędzel koloru czarnego ukrywa elemen-
stać z korekcji za pomocą Krzywych (Curves) w różnych momen- ty, natomiast biały je uwidacznia. Nadal jest to tylko taka bazgranina
tach tworzenia pracy. Po wielu zabiegach decyduję się jednak tyl- pomagająca mi jedynie lepiej zobaczyć ogólny zarys, dodatkowo zy-
ko na drobne przepalenie barw i drobną korekcję kontrastu całości skuję już jakąś fakturę pod miasto.
w stosunku do oryginału. Mam ogólną podstawę barwną i na pewno
na tym etapie zaczyna już działać wyobraźnia.
16 .psd 11/2009 » www.psdmag.org
17. miasto barw i nadziei...
poziom trudny | pliki na DVD
Photoshop CS4
.psd 11/2009 » www.psdmag.org 17
18. warsztaty
05 miasto 08 oświetlenie
Jest to moment umieszczenia prawie wszystkich elementów Miękkim przeźroczystym Pędzlem dodaję oświetlenie poszcze-
na obrazie. Jeszcze na oko i niedokładnie machając twardym gólnych elementów emanujących światłem. Za pomocą oświe-
okrągłym Pędzlem (Krycie 30-100%) na przemian z Gumką (Era- tlenia pogłębiam wrażenie przestrzenności brył. Używam barwy bia-
ser tool) [E] tworzę zarysy miasta. Wynajduje jakieś zdjęcie osie- łej. Na ogół nie powinno się używać czerni i bieli jednakże w przy-
dla z otchłani dysku, większość zdjęcia gumuję, pozostawiając so- padku, gdy mamy zamiar w późniejszych etapach zmieniać kolo-
bie tylko fakturę blokowiska. Używając Clone stamp tool [S], kopiu- rystkę całej pracy, nie jest wskazane przestrzeganie tego zakazu.
ję wiele elementów już mniejszym pędzlem z różnym Kryciem, wy- Używam też innych barw - delikatnie podświetlam poszczególne
pełniając, mniej więcej, przestrzeń w zamiarze przeznaczoną na bu- elementy oraz nadaję im odpowiednią barwę.
dynki w mieście.
06 barwy i faktura 09 cienie
Warstwę z osiedlem umieszczam pod namalowanym zarysem, Dodaję dużo cieni, mam zamiar zmienić później klimaty kolo-
łączę [Ctrl]+[E] ze sobą obie warstwy. Na nowopowstałej war- rystyczne, więc pozwalam sobie na używanie koloru czarnego
stwie nadal działam Clone stamp tool i zwykłym Pędzlem, pobiera- z Kryciem około 30%. Prostuję względem symetrii elementy budyn-
jąc Pipetą (Eyedropper tool) [Alt] kolory wprost z obrazu. Chaotycz- ków. Staram się wyciągnąć kontrasty i nadal staram się światłocie-
nie macham Pędzlem, cieniując wstępnie poszczególne elementy niem sugerować bryły.
twardą okrągłą końcówką (Krycie 20%). Nadal nie przykładam się
do szczegółów, ważny jest ogół kształtu miasta, który się powo-
li wyłania.
07 wstępne szczegóły 10 chwila oddechu
Coraz więcej szczegółów maluję okrągłym lekko przeźroczystym Po kilku chwilach oddechu spoglądam znów na pracę. Ważna jest
twardym Pędzlem. Uzupełniam fakturę listowia i trawy, bawiąc się chwila odpoczynku podczas pracy, ażeby móc z odrobiną dystansu
pędzlami ich Scateringiem oraz gumując. Umieszczam kilka okrągłych spojrzeć na własne dzieło. Mamy wtedy większe prawdopodobieństwo
elementów na drzewie oraz nadaję kształt i kolor roślinie. Pojawiają się wychwycenia własnych błędów oraz szansę na świeży pomysł, który
też gałęzie, korzenie i linkowate elementy. Miękkim przeźroczystym może coś wnieść do pracy. Ja akurat pomyślałem o wodospadzie oraz
Pędzlem oświetlam i zamazuję dalsze obszary horyzontu w celu oddzie- zauważyłem, iż mur przy korzeniu drzewa jest zbyt jasny i za bardzo wy-
lenia planów. Domalowuję także kilka flar słońca. Kształtuję mury i dory- chodzi do przodu. Przejeżdżam po nim przeźroczystym, czarnym mięk-
sowuję losowo szczegóły np. postacie przy drzwiach czy anteny. kim Pędzlem [B]. Nadałem także drzewu delikatną rozwianą smugę.
18 .psd 11/2009 » www.psdmag.org
19. miasto barw i nadziei...
11 skąpane w słońcu... 14 screen
Na tym etapie dochodzę do wniosku, że miasto powinno być Po kolejnej chwili oddechu patrząc z dystansu, stwierdzam, iż bar-
skąpane w promieniach słonecznych. Można to zrobić na wiele wy nadal są zbyt martwe i zróżnicowane. Postanawiam umieścić
różnych sposobów, ja akurat w tym przypadku skorzystałem z no- kolejną fakturę. Przeszukawszy dysk, znajduję odpowiednią poplamio-
wej warstwy z ustawionym Kryciem 70% i z Mieszaniem warstw ty- ną kawą kartkę, wrzucam ją do Photoshopa, umieszczam na osobnej
pu Screen. Namalowałem na niej miękkim, przeźroczystym Pędzlem warstwie z Kryciem 60% i trybie Nakładka (Overlay). Przepalam tym
[B] pastelowymi odcieniami pomarańczowego smugi, które odgra- samym wszystkie kontrasty barwne oraz uzyskuję odpowiednią tona-
niczyły kolorystycznie miasto od reszty pracy. Warto troszkę poeks- cję kolorystyczną. Nadal polecam eksperymentować, gdyż ustawienia,
perymentować na sposobach Mieszania warstw i ich Kryciu. Możli- których użyłem, subiektywnie pasowały mi i mojej pracy, jednakże ta-
wość mieszania warstw daje duże pole manewru cyfrowemu twórcy. kie, a nie inne ustawienia nie są regułą pasującą do każdej sytuacji.
12 więcej szczegółów 15 prawie koniec...
Dodaję więcej szczegółów, używając na przemian twardych Najczęściej jest to krok, na którym dodaję ostatnie cienie gład-
i miękkich pędzli o białym i czarnym kolorze z Kryciem od 30- kim okrągłym przeźroczystym pędzlem, pobierając kolory z ob-
50%. Dorzucam także listowie (Pędzel - Scattered Leaves). Przy- razka. Staram się sugerować bryły światłocieniem oraz odpowied-
ciemniam także mur przy konarze i domalowuje ptaki. Dodaję trosz- nio przyciemniając poszczególne partie, osadzać je bardziej w prze-
kę faktury używając dry brusha. Bawię się w opcjach pędzla (Scatte- strzeni. Ogólnie rzecz biorąc, kończę pracę, tworzę nową warstwę
ring i Spacing). Czasem maluję w powiększeniu, czasem jednak pa- na podpis, rysuję podpis, dorzucam do warstwy efekt cienia (Drop
trząc na całość, jest to moment jeszcze w miarę otwarty na szcze- Shadow) z w trybie Darkner, a potem całą warstwę ustawiam na Vi-
góły i poprawki elementów już stworzonych. vid Light. Jest to etap drobnych eksperymentów już z samym podpi-
sem. Praca wydaje się skończona...
13 kolor 16 szczegóły na poważnie
Nadszedł czas na zabicie błękitu, który bardzo kontrastował z domi- Zbliżam sobie obrazek do 100% i zaczynam się bawić ze szczegó-
nującą w pracy pomarańczą. Nie warto umieszczać dużo odmien- łami. W ruch idzie pędzel na przemian miękki i twardy, zdarza się
nych klimatycznie od siebie barw na jednaj pracy. Duże kontrasty barw- także Dry brush i zabawa (Scattering i Spacing). Kolory pobieram Pi-
ne przyciągają uwagę. Warto zdecydować się na zakres kolorystyczny petą [Alt] już prosto z pracy. Używam dużo Clone stamp tool. Dopraco-
wcześniej, jednakże nic nie jest stracone. Na osobnej warstwie umiesz- wuję drzewo, poprawiam skały, oświetlam je miękkim okrągłym pędz-
czam fakturę kartonowej kartki papieru, ustawiam Mieszanie warstw na lem, poprawiam powierzchnie, dopracowuję scenę przy drzwiach. Clo-
Color i 20% Krycie. Możemy się także pobawić tą warstwą na Krzywych ne stamp tool poprawiam koronę drzewa, dopracowuję fakturę muru
i zobaczyć jak prosta jest zmiana odcieni koloru całości pracy. oraz poprawiam plamy przy lewym końcu tworu skalnego.
.psd 11/2009 » www.psdmag.org 19
20. warsztaty
17 długi spacer 20 retusz
Praca ma już szczegóły i zasadniczo jest skończona, zawsze na W zasadzie koniec pracy, warto się przyjrzeć z bliska wszystkie-
tym etapie warto zapisać sobie dzieło i przejść się na długi spa- mu, wówczas na pewno znajdziemy kilka niedociągnięć pędzla
cer, odciążyć głowę, by móc spojrzeć na swój twór później. Świeży czy pozostałości po jakiejś fakturze. Gdy znajdziemy takie elementy
umysł szybciej jest w stanie wyłapać niewidoczne wcześniej man- na pracy jak drobne paprochy czy jakieś elementy i nie chcemy so-
kamenty. Dostrzegłem błędy w budowie muru pomiędzy twarzą bie pomóc Clone stamp tool, polecam zerknąć na bardzo ułatwiają-
a drugim drzewem, poprawiłem także odrobinkę korzeń oraz drugi ce życie narzędzie Łatka (Patch tool), do którego skrót został przy-
szczebel na murze od prawej. Wszystko wcześniej zastosowanymi pisany do klawisza [J]. Zaznaczamy Lasso paproch do usunięcia,
pędzlami i Clone stamp tool. przeciągamy w pole obok z podobną fakturą i program stworzy łat-
kę na podstawie miejsca, które mu wskazaliśmy. Z reszta drobnych
niedociągnięć radzimy sobie miękkim okrągłym Clone stamp tool z
Kryciem 40%.
Tak w skrócie przedstawia się proces tworzenia tejże pracy.
Podczas pracy w Photoshopie warto pamiętać, iż jest to tylko narzę-
dzie, samo za nas nic nie zrobi, jednakże my możemy w nim zrobić
różne rzeczy na wiele sposobów. Wszystko zależy od naszej pomy-
słowości. Ważne jest dobre skomponowanie pracy, dobra organiza-
cja i ofiarowanie sobie tych kilku chwil oddechu podczas tworzenia.
Powodzenia i dobrych pomysłów
Marcin Rubinkowski
www.rubinos.pl
18 połączenie warstw i ostateczna korekcja
Zaznaczam klawiszem [Shift] wszystkie użyte warstwy w za-
kładce Warstwy, naciskam kombinację klawiszy [Ctrl]+[G],
i grupuję wszystkie użyte warstwy. Następnie kopiuję sobie gru-
pę, łapiąc ją myszką i przeciągając na przycisk Nowa warstwa.
Mam w ten sposób dwie takie same grupy, jedną grupę ukrywam
i przestaję jej używać, ale może się ona przydać w dalszej pracy.
Drugą otwieram, zaznaczam z klawiszem [Shift] wszystkie użyte
w tej grupie warstwy i łączę kombinacją klawiszy [Ctrl]+[E].
19 ostateczna korekcja c.d.
Następnie zaznaczam nową warstwę i kombinacją [Ctrl]+[M]
przechodzę do korekty w Krzywych, bawię się chwilę, szuka-
jąc najlepszej wersji kolorystycznej. Eksperymenty są jak najbar-
dziej mile widziane na tym etapie. Korekta w Krzywych daje ogrom-
ne możliwości, warto je odkryć.
20 .psd 11/2009 » www.psdmag.org
21. info z branży
premiera pakietu Corel Digital Studio 2010 • Proste tworzenie kopii bezpieczeństwa i nagrywanie: Twórz
Współczesne rodziny każdego roku robią setki zdjęć i nagrywają kopie zapasowe i chroń fotografie oraz filmy, wypalaj profe-
setki filmów wideo, a różne badania pokazują, że mniej niż poło- sjonalnie opracowane płyty DVD z menu w hollywoodzkim sty-
wa z nich dokonuje edycji tych zdjęć, a jeszcze mniej – edycji na- lu lub twórz dyski CD i MP3 metodą "przeciągnij i upuść". Nig-
granych materiałów wideo. Dlatego właśnie zapisane w cyfrowym dy nie było to takie łatwe.
formacie rodzinne wspomnienia są przechowywane na domowych
komputerach, jednak nikt ich nie ogląda i nikomu nie są udostęp- Program Corel Digital Studio 2010 zaprojektowano tak, aby wy-
niane. Dlaczego? Dlatego, że większość ludzi nie myśli o kompute- korzystać zaawansowane funkcje systemu Windows® 7 firmy
rowej edycji zdjęć i filmów jako o czynności prostej i ciekawej. A ta- Microsoft®, w tym praktycznego systemu Windows Touch. Pro-
ki właśnie jest pakiet Corel Digital Studio 2010 – w jednym progra- dukt stanowi także świetną, kreatywną platformę dla użytkow-
mie dokonamy edycji zdjęć i filmów, nagramy je na płytę DVD i od- ników systemów Windows® XP i Windows Vista®. Corel Digital Stu-
tworzymy na komputerze, a to wszystko w kompletnym, łatwym, dio 2010 to przykład innowacji, która skłoniła firmę Microsoft do
atrakcyjnym i ciekawym narzędziu. nadania firmie Corel tytułu Global ISV Consumer Partner of the
Dzięki Corel Digital Studio 2010 wszystkie zdjęcia i filmy wideo Year w czerwcu br.
mogą być teraz przetwarzane w jednym, prostym i kreatywnym
programie. Bez względu na to czy chcecie jednym kliknięciem do- cena i dostępność
konać szybkiej korekty fotografii czy filmów, stworzyć album, po- Corel Digital Studio 2010 jest obecnie dostępny w wersji angiel-
kazy zdjęć, dodać muzykę do rodzinnych klipów wideo czy też na- skiej, niemieckiej, francuskiej, włoskiej, holenderskiej, hiszpań-
grywać je na DVD w rozdzielczości HD, we wszystkich narzędziach skiej oraz chińskiej, w formacie ESD (electronic software down-
tego programu znajdziecie ten sam interfejs i sposób obsługi. load) w cenie 69 euro z vatem (sugerowana cena detaliczna). Od
W dobrze zintegrowanym pakiecie oferującym bardzo intuicyjną połowy września br. Corel Digital Studio 2010 będzie można nabyć
obsługę, po nauczeniu się jednej czynności, resztę zadań wykonu- w najlepszych sklepach na całym świecie. Aby uzyskać dalsze in-
je się bardzo szybko. formacje, nabyć wersję ESD lub pobrać za darmo 30-dniową wersję
Dzięki Corel Digital Studio wszyscy korzystający z kompu- testową, odwiedź stronę internetową www.corel.com
tera mogą teraz w pełni cieszyć się swoimi zdjęciami, filmami Poszczególne składniki pakietu Corel Digital Studio 2010, do
i tworzyć własne materiały, które następnie można udostępnić in- obróbki zarówno zdjęć jak i materiałów wideo, można zakupić od-
nym, powiedział Daniel Weisbeck, wiceprezes firmy Corel ds. mar- dzielnie. Corel PaintShop PhotoT Express 2010 dostępny jest od
ketingu. Dzięki prostej i eleganckiej grafice oraz intuicyjnej obsłu- 29 euro z vatem a Corel VideoStudio Express 2010 – za 39 euro
dze Corel Digital Studio pokonuje dotychczasowe opory użytkow- z vatem.
ników, prowokuje do kreatywności i zapewnia wszystkim możli- *Usługa wydruku online dostępna od połowy września w USA,
wość tworzenia i udostępniania zapisanych wspomnień w ciągu Kanadzie, Wlk. Brytanii, Niemczech, Włoszech, Francji, Hiszpanii
zaledwie kilku minut. i Holandii. W późniejszym terminie usługa udostępniona zostanie
również w kolejnych krajach.
Corel Digital Studio 2010: Tworzenie doskonałych
fotografii i filmów w kilka minut
Nie trzeba używać bardzo skomplikowanych programów ani też
poświęcać wielu godzin na obróbkę projektów. Corel Digital Stu-
dio zostało zaprojektowane dla użytkowników ceniących prosto-
tę i szybkie rezultaty.
• Łatwe tworzenie filmów: I wreszcie każdy może cieszyć się
tworzeniem własnych filmów. Dzięki łatwemu interfejsowi i in-
tuicyjnej obsłudze Corel Digital Studio oferuje innowacyjne wi-
zualne podejście do projektów wideo, przez co każdy może te-
raz doskonalić swoje filmowe wspomnienia i udostępniać je
innym – nawet w jakości HD.
• Kreatywne projekty fotograficzne: Zaskocz przyjaciół i rodzi-
nę pięknymi albumami i kalendarzami, które w Corel Digital
Studio można stworzyć w kilka minut. Nie ma tu czasochłon-
nego przesyłania zdjęć przez internet, co spowalnia pracę,
gdy pragniemy być kreatywni. Teraz można skupić się wyłącz-
nie na wspomnieniach, stworzyć własny projekt i po jego opra-
cowaniu – wydrukować go w domu lub też skorzystać z inter-
netowej usługi profesjonalnego wydruku oferowanej przez fir-
mę Corel*.
• Wszystkie multimedia w jednym miejscu: Narzędzie Media
Organizer pomaga umieścić wszystkie zdjęcia i filmy wideo
w jednym miejscu, co ułatwia szukanie, znajdowanie i organi-
zowanie cyfrowych zapisów ulubionych wspomnień. Do poka-
zów zdjęć lub rodzinnych filmów wideo można dodać muzykę
z własnej muzycznej biblioteki. Media Organizer to punkt wyj-
ściowy wszystkich tworzonych projektów, który ułatwia prze-
chodzenie między poszczególnymi zadaniami.
• Udostępnianie materiałów w sieci nigdy nie było łatwiejsze:
Udostępnij swoje pliki i projekty w dowolny sposób. Korzystaj
z poczty elektronicznej, serwisów takich jak Flickr, Facebook
czy YouTube lub wysyłaj materiały na urządzenia przenośne.
Dzięki Corel Digital Studio kontakt z przyjaciółmi czy rodziną
to tylko kwestia kilku kliknięć.
.psd 11/2009 » www.psdmag.org 21
22. warsztaty
pasja
kolorów digital painting od podstaw
W tym tutorialu pokażę jak wykorzystać Photoshopa do malowania postaci
i sprawienia, by współgrała z otaczającym ją tłem. Tablet graficzny okaże się bardzo
przydatnym narzędziem. Przed przystąpieniem do pracy zalecane jest zapoznanie
się z anatomią człowieka, proporcjami, układem mięśni, a także z ekspresją twarzy.
Warto także przeszukać Internet w poszukiwaniu odpowiednich dla nas zdjęć, które
pomogą nam w wyobrażeniu sobie tego, co chcemy narysować.
01 szkic 03 tło c.d.
W mojej pracy zdecydowałem, że na pierwszym planie będzie Czas, by ożywić nasze tło. Stwórzmy nową warstwę, zróbmy na
figurować postać kobiety. Na początku zabrałem się za kom- niej zaznaczenie za pomocą narzędzia Rectangular Marquee
pozycję rysunku, postawę postaci, jej pozycję na płótnie. Wykona- Tool i wypełnijmy je gradientem np. o dwóch różnych odcieniach nie-
łem kilka szybkich szkiców, a gdy byłem zadowolony z rezultatu, za- bieskiego. Później używając [Ctrl]+[T] i za pomocą Warp Mode prze-
brałem się za bardziej szczegółowy rysunek. Ważną rzeczą jest zro- kręćmy nasz prostokąt, by uzyskać nowy zadowalający kształt. Uży-
bienie dobrego szkicu, ponieważ pomoże on nam później w malowa- wamy Filter>Blur>Motion Blur z parametrem Distance 30 lub więk-
niu. Rysujemy na nowej warstwie i ustawiamy ją na samej górze li- szym. Na koniec zmieniamy Blending Mode warstwy na Overlay. Że-
sty warstw. by bardziej urozmaicić tło można dodać jeszcze kilka takich warstw,
eksperymentując z rodzajami gradientów i mieszaniem warstw.
02 tło 04 tło koniec
Następną czynnością, do której powinniśmy przystąpić, jest Do wykończenia tła użyłem zdjęcia mgławicy (Orion_Nebu-
ustalenie kolorystyki tła - będzie ona w znacznym stopniu wpły- la.jpg). Naturalnie może to być zupełnie inna fotografia lub tek-
wała na to jakimi kolorami będziemy malować to, co się znajduje na stura, którą znajdziecie i uznacie za ciekawą. Zdjęcie wklejamy na
pierwszym planie. Wybrałem Gradient Tool, zaznaczyłem opcję Ra- nową warstwę i zmieniamy opcje Blending Mode na Soft Light. Dla
dial Gradient i wypełniłem całe tło kolorami. Od żółtego przez czer- wyraźniejszego efektu skopiowałem warstwę i ustawiłem ją nad ist-
wony, granatowy aż do jasnoniebieskiego. niejącą.
22 .psd 11/2009 » www.psdmag.org
23. pasja kolorów – digital painting od podstaw
poziom trudny | pliki na DVD
Photoshop CS4
.psd 11/2009 » www.psdmag.org 23
24. warsztaty
05 malowanie postaci 08 kontrast
Twardym pędzlem o Opacity 100%, wypełniamy kontur szkicu Na tym etapie postanowiłem dodać kolor spoza palety kolorów
jednolitym granatowym kolorem, nadajemy postaci kształt. Bę- tła. Aby ożywić trochę kolorystykę i sprawić, by postać wyszła
dziemy później pozbywać się szkicu, więc ważne jest, żeby na tym nieco z tła. Zdecydowałem się na lekko przyćmioną morską zieleń.
etapie zrobić ładne wypełnienie z równymi krawędziami. Świeżo dodany kolor oświetla nowe partie ciała bohaterki, ukazując
ją w całej okazałości.
06 gra świateł 09 usunięcie pozostałości
Na nowej warstwie malujemy refleksy światła na skórze. Kolory Jeśli zostały Wam jakieś pociągnięcia wystające poza kontur
najlepiej wybrać Pipetą (Sample Tool) z kolorów tła. Powinniśmy postaci, to można w łatwy sposób się ich pozbyć, zachowując
zacząć od mniej dominującego koloru (najlepiej fioletowego), na nim przy tym resztę pociągnięć w stanie nienaruszonym. By to zrobić,
będziemy dodawać później mocniejsze barwy. Żeby rysunek wyglą- wybieramy warstwę, którą chcemy oczyścić i przytrzymując kla-
dał realistycznie, musimy określić położenie źródła światła. Mając to wisz [Ctrl] klikamy lewym przyciskiem myszy miniaturkę warstwy
w pamięci, malujemy oświetlone partie ciała. Powoli nadajemy na- z konturem. Uzyskamy dzięki temu zaznaczenie w kształcie tego
szej bohaterce wrażenia trójwymiarowości. Na tym etapie nie przej- właśnie konturu. Później wybieramy Select>Inverse i wciskamy kla-
mujmy się, jeśli wyjdziemy poza krawędzie konturu, w późniejszym wisz [Delete].
etapie pokażę jak szybko się tego pozbyć.
07 żar ognia, chłód kosmosu 10 włosy – wypełnienie
Za pomocą miękkiego pędzla o niskim Opacity (50% lub mniej) na- Twardym pędzlem o Opacity 100% wypełniamy szkic włosów
nosimy kolor na oświetloną skórę. Założyłem, że czerwone świa- kolorem. Ja użyłem ciemnego fioletu. Tym razem nie trzeba
tło pada z lewej strony rysunku, więc czerwień w partiach ciała zwró- dbać zbytnio o dokładność kształtu kosmyków ani tym bardziej ry-
conych w tamtą stronę jest intensywniejsza. Obszary wymagające sować pojedynczych włosków. Później te niedoskonałości zostaną
szczegółowości (np. twarz, dłoń) malujemy małym pędzlem przy przy- zakryte przez kolejne warstwy.
bliżeniu 200% - 300%. Na nowej warstwie rysujemy żywym pomarań-
czowym kolorem partie ciała najbardziej wystawione na działanie oświe-
tlenia. W podobny sposób dodajemy niebieski blask bijący z tyłu.
24 .psd 11/2009 » www.psdmag.org
25. pasja kolorów – digital painting od podstaw
11 włosy – określenie kierunku 14 połączenie włosów ze skórą
Na nowej warstwie, dość twardym pędzlem (Hardness 80- Na nowej warstwie domalowujemy wszystkie brakujące ele-
90%), o średnim rozmiarze i Opacity około 80%, malujemy dłu- menty włosów, szczególnie skupiamy się na miejscu, gdzie wło-
gie pasma włosów. Używamy ciemnego koloru, najlepiej tego same- sy łączą się z głową. Powtarzamy kroki z poprzednich punktów.
go, którego używaliśmy podczas malowania postaci. Głównym ce-
lem tego punktu jest określenie kierunku układania się włosów. Nie
zamalowujemy więc całej warstwy pod spodem, zostawiamy miej-
sca odkryte.
12 włosy c.d. 15 ostateczne pociągnięcie
Czas na dodanie światłocieni. Wybieramy najpierw fiolet o dwa Na koniec powinniśmy spojrzeć na nasz rysunek jeszcze raz
tony ciemniejszy. Zachowując kierunek ruchu włosów, rysujemy w poszukiwaniu wszelkich błędów i niedociągnięć. Może się
szerokie pasma włosów, miękkim pędzlem o dużym Opacity 80%. okazać nawet, że będziemy musieli część rysunku narysować od
Później zmieniamy kolor na jaśniejszy. Zmniejszamy pędzel, zwięk- nowa. Za pomocą narzędzia Smudge Tool możemy wygładzić kra-
szamy jego Twardość (Hardness) do około 50%, a Opacity zmniej- wędzie rysunku lub rozmyć barwy w niektórych miejscach. Robimy
szamy do 50% i malujemy na tym samym miejscu nowe pasma wło- przybliżenie na twarz i czarnym kolorem, małym, twardym pędzlem
sów tym razem już dokładniej. W końcu wybieramy kolor jaśniej- o Opacity 20% przyciemniamy elementy twarzy najbardziej schowa-
szy od bazowego i znowu w podobny sposób zmieniamy parametry ne przed światłem. Wnętrze ust, ucha, dziurki nosa itp. Po zakończe-
pędzla. To samo robimy z innymi kolorami – zielenią i czerwienią. niu poprawek możemy wreszcie usunąć warstwę ze szkicem.
13 jeszcze więcej włosów 16 Podsumowanie
Teraz powinniśmy mieć zaznaczone na włosach główne kolo- Nauczyliśmy się jak w Photoshopie stworzyć od samego szkicu
ry i ich rozmieszczenie. Powyższa technika malowania pozwa- interesującą i kolorową grafikę. Poznaliśmy kilka sztuczek uła-
la na oddanie głębi i złożonej struktury włosów. Pora na najjaśniejsze twiających malowanie, a także prosty sposób na tworzenie ciekawe-
barwy, jasny błękit i pomarańcz. Można od razu zacząć od dokład- go tła. Wszystko to tylko za pomocą podstawowych narzędzi, odro-
niejszych pędzli. Jako że te barwy znajdują się na brzegach fryzu- biny wyobraźni i wytrwałości. Zachęcam czytelników do tworzenia
ry, można ich użyć do zamalowania niedoskonałości kształtu kosmy- własnych oryginalnych prac. Mam nadzieję, że moje rady okażą się
ków na niższych warstwach. Na koniec rozmiar pędzla zmniejszamy dla Was pomocne.
do minimum i jasnymi kolorami rysujemy pojedyncze włoski. Tomasz Szewczyk
.psd 11/2009 » www.psdmag.org 25
26. warsztaty
uliczka
śródziemnomorskiego
miasta gorąca za pomocą kolorów
efekt
Skończyły się wakacje i każdy, kto był w jakimś śródziemnomorskim mieście na urlopie,
na pewno ma masę zdjęć i wspomnień z różnych uliczek, które są ich typowym
elementem. W uliczkach tych, pomimo że są wąskie i zacienione i tak panuje upał.
Nawet w cieniu jest tam gorąco. W tym tutorialu pokażemy jak za pomocą kolorów
i paru prostych pędzli pokazać efekt gorąca i oddać klimat takich miejsc.
01 szkic 03 oświetlenie
Zaczynamy od bardzo ogólnego szkicu linearnego podstawo- Następnym krokiem w uzyskaniu odpowiedniego klimatu jest
wym Hard Round Brush na papierze o małej rozdzielczości (ok. wybranie oświetlenia. W tym przypadku źródło światła znajdu-
1500 px.), aby nie wdawać się w detal i móc swobodnie szkicować je się wysoko z lewej strony, dzięki czemu dociera, aż do najgłęb-
bez obawy o spowolnienie pociągnięć pędzla przez zbyt duży roz- szych zakamarków uliczki i potęguje wrażenie gorąca. Budynki rzu-
miar pliku. Potem zwiększymy rozdzielczość. Szkicujemy bardzo cają bardzo mocny cień na posadzkę i w tym miejscu otrzymujemy
ogólnie bryły budynków, schodów, nieba i roślin. Dodajemy też ubra- największy kontrast.
nia wiszące na sznurach między budynkami, co jest typowym ele-
mentem takich uliczek. Nie zagłębiamy się w detal, na który przyj-
dzie czas później.
02 kolorystyka 04 pędzle
A teraz odrobina rozważań teoretycznych. Najważniejszym Podczas malowania tej pracy nie będziemy używali zbyt wielu
etapem w tej pracy jest wybranie jej kolorystyki. Wybieramy skomplikowanych pędzli. Wystarczą nam: Texture Brush – dzię-
ciepłe i nasycone kolory. Żółcienie i pomarańcze będą występowały ki któremu otrzymamy większość faktur, Hard Round Brush – któ-
w świetle, a fiolety i błękity w cieniu. Bardzo ważne jest by w miej- ry posłuży nam do podmalówek i do zrobienia całego detalu, Plant
scach, gdzie jest cień dodać także ciepłych kolorów, jak czerwień, Brush i Persp Foliage – do roślinek, Airbrush do końcowych efektów.
pamiętając, że w takich miejscach nawet w cieniu jest gorąco, a cie- Wszystkie te pędzle można znaleźć na płycie DVD. Gdy rozważyli-
płe barwy to podkreślą. Tak samo barwy w słońcu nie powinny być śmy już wszystkie teoretyczne aspekty – możemy przejść do ma-
zbyt jasne i zimne, aby zachować wrażenie upału. lowania.
26 .psd 11/2009 » www.psdmag.org
28. warsztaty
05 wstępne malowanie 08 niebo
Zaczynamy malować na nowej warstwie za pomocą Texture Ważnym elementem tej pracy, podkreślającym jej klimat, jest
Brush, znajdującego się na płycie DVD (Size 60-90 px., Opacity niebo. Powinno być ono czyste i błękitne. Im bliżej widnokrę-
80%). Dzięki niemu uzyskamy fakturę, która będzie potem prześwi- gu tym bardziej się rozjaśnia. Malujemy je za pomocą Hard Round
tywać spod spodu. Malujemy bardzo ogólnie, nie przejmując się per- Brush ustawionego na 80% Opacity. Dodajemy delikatne jasnonie-
spektywą i detalem. Na tym etapie chodzi przede wszystkim o kolo- bieskie obłoki za pomocą tego samego pędzla z Opacity poniżej
rystyczne rozplanowanie pracy. Używamy wielu kolorów, aby uzyskać 50%. Niebo jest ważnym elementem każdego rysunku, bo pokazuje,
ciekawe efekty wizualne, ale cały czas pamiętamy o klimacie, który jaka jest w danej chwili pogoda. Błękitne czyste niebo od razu koja-
chcemy otrzymać. Nie przejmujmy się, że nie widzimy już szkicu, po- rzy się z gorącym dniem.
nieważ i tak jest bardzo prosty i służył tylko do rozplanowania pracy.
06 perspektywa 09 sznury z ubraniami
Podczas malowania nie zajmowaliśmy się perspektywą, ale na Choć susząca się między budynkami odzież, należy już raczej
tym etapie należałoby ją dopracować. Na nowej warstwie za po- do detalu, to zrobimy ją już na tym etapie, ponieważ jest ona bar-
mocą okrągłego pędzla rysujemy linię horyzontu i wybieramy punkt dzo ważnym elementem, jeśli chodzi o klimat. Malujemy Hard Round
zbiegu. Za pomocą Line Tool lub pędzlem tworzymy proste linie Brush z Opacity 80% stosując różne kolory – najlepiej te, które znaj-
do punktu zbiegu (klik piórkiem>trzymamy [Shift]>klik piórkiem dują się w palecie barwnej całej pracy. Malujemy je szybko i niezbyt
w drugim miejscu). Kiedy mamy już linie zbiegu, sprawdzamy, czy szczegółowo – mają stanowić jedynie sylwetkę na tle nieba. W trak-
perspektywa naszej pracy jest dobra. Jeśli tak, to możemy ukryć cie pracy dopracujemy je jeszcze trochę, żeby współgrały z resztą.
warstwę z perspektywą i przejść dalej, ale warto co jakiś czas ją włą- Zaznaczamy warstwę nieba i ubrań z łączymy je [Ctrl]+[E].
czyć i sprawdzić czy wszystko się zgadza, żeby uniknąć błędów.
07 zmiana rozdzielczości 10 trzecie plany
Skoro mamy już cały obrazek pokolorowany, wstępnie ustalone Jak wynika z zasady perspektywy powietrznej – im dalej tym
bryły i perspektywę, to możemy zwiększyć rozdzielczość i za- więcej powietrza pomiędzy obiektami a obserwatorem, więc i ko-
jąć się dopracowywaniem szczegółów pracy. Zmieniamy Image Size lory muszą być zimniejsze. Na tym etapie dopracowujemy budynki i
na około 3500 px., tworzymy nową warstwę i przechodzimy do na- inne obiekty w tle. Zrobimy to na poprzedniej warstwie, ale jeśli ktoś
stępnego etapu pracy. obawia się pomyłki, to można utworzyć nową. Malujemy Hard Round
Brush z Opacity na 50% – bez detali, bo odległość jest duża. Używamy
jasnych błękitów z odrobiną żółcieni o małym nasyceniu. Nie używa-
my ciepłych kolorów, bo zależy nam na uzyskaniu głębi w obrazku.
28 .psd 11/2009 » www.psdmag.org
29. uliczka śródziemnomorskiego miasta
11 wskazówka do kroku trzecie plany 14 schody
Jeśli uznamy, że dalsze plany wychodzą nam zbyt jaskrawe Schody są ważnym elementem naszej pracy, ponieważ prowa-
lub zdetalizowane, to możemy nałożyć na nie kolor Layer>Lay- dzą wzrok obserwatora w głąb. W oddali będą widoczne jedynie
er Style>Color Overlay i wybrać np. jasny błękit i zmniejszyć Opacity, jako poziome kreski światła, a im bliżej tym bardziej będzie widoczna
aż otrzymamy pożądany efekt. W ten sposób oziębimy trochę kolo- ich faktura. Dzięki roślinom, które na nich umieściliśmy, nie są tak bar-
ry i uzyskamy efekt przegrody powietrznej. dzo agresywnym poziomym elementem pracy. Malujemy je Hard Ro-
und Brush z Opacity na 80%. Tak jak przy budynkach zostawiamy wi-
doczną fakturę pędzla spod spodu. Zmniejszamy średnicę pędzla na
5-8 px. i malujemy spękania i podziały na kamiennych stopniach. Im
bliżej, tym kontrast i nasycenie kolorów powinny być mocniejsze.
12 drugie plany – budynki 15 pierwsze plany – budynki
Im bliżej obserwatora tym kolory robią się cieplejsze i zwiększa Budynki na pierwszym planie będą miały najbardziej nasycone
się kontrast. Tak więc - dodając do naszej palety więcej poma- kolory i wymagają też największego dopracowania. W wypadku
rańczy i żółcieni w świetle, a fioletów w cieniu – podmalowujemy bu- tej pracy wszystko było malowane z wyobraźni bez referencji, ale moż-
dynki na drugim planie naszej pracy. Malujemy za pomocą Hard Ro- na użyć do tego zdjęć z istniejących miast. Malujemy budynki Hard Ro-
und Brush - Opacity 70%, starając się, aby w niektórych miejscach und Brush z Opacity na 80%, starając się, jak najlepiej oddać fakturę ka-
prześwitywała spod spodu faktura pędzla, którym wcześniej ma- miennej ściany. Nie musimy malować poszczególnych kamieni, ponie-
lowaliśmy. Budynki te są na tyle blisko, że możemy dodać im tro- waż dodamy teksturę w następnym kroku. Bardzo ważne jest, by róż-
chę detalu, aby rośliny wyglądały ciekawiej np. okna z okiennicami, nicować kolory użyte na ścianie, ponieważ faktura, szczególnie na tych
gzymsy itp., ale pamiętamy o odległości i nie przesadzamy z tym. starych budynkach, nigdy nie jest czysta i jednokolorowa.
13 drugie plany – rośliny 16 faktura kamieni
Typowym dla takich miejsc elementem są rośliny stojące na uli- Umieszczamy (File>Place) fakturę kamienia na naszym ob-
cy w doniczkach lub pnące się po ścianach. Tak więc, aby na- razku. Skalujemy Edit>Transform>Scale, powielamy ją parę ra-
sza uliczka stała się bardziej prawdopodobna, domalowujemy parę zy [Ctrl]+[C] i [Ctrl]+[V] i podmalowujemy. Teraz czeka nas trudne
roślin. Ponadto dzięki nim urozmaici się nasza paleta kolorów – te- zadanie, ponieważ musimy dopasować perspektywę cegieł do per-
raz możemy dodać do niej trochę zieleni w różnych odcieniach. Uży- spektywy naszego budynku po prawej stronie. Używamy do tego
wamy do tego Plant Brush, dostępnego na płycie, z Opacity 80%. Nie narzędzi Edit>Transfrom>Distort i Edit>Transfrom>Perspective. Na-
staramy się, aby były bardzo realistyczne. Malujemy je za pomocą stępnie zmieniamy Blending Mode warstwy na Hard Light, Opacity
plam światła i cienia, aby uzyskać trójwymiarowy efekt. na 64% i wycieramy gumką w miejscach, gdzie jest niepotrzebna.
.psd 11/2009 » www.psdmag.org 29
30. warsztaty
17 podmalówka 20 przyciemnienie
Jeśli chcemy uzyskać realistyczne tekstury, to nie wystarczy Jeśli po zakończeniu malowania uznamy, że warstwa cienia wy-
jedynie wkleić zdjęcia, ale musimy też je podmalować na nowej daje się zbyt jasna, nie musimy jej przemalowywać. Zamiast te-
warstwie. Domalowujemy spękania, zabrudzenia i inne uszkodzenia, go możemy zastosować prosty sposób na jej przyciemnienie. Zazna-
które sprawią, że tekstura przestanie być sterylna i sztuczna. Uży- czamy różdżką obszar, który chcemy przyciemnić. Kopiujemy [Ctrl]+
wamy do tego Hard Round Brush z Opacity na 90% i używamy róż- [C] i wklejamy na nową warstwę [Ctrl]+[V]. Uaktywniamy okno Cu-
nych kolorów, aby efekt był bardziej realistyczny. rves [Ctrl]+[M] i poruszając krzywą, przyciemniamy obszar o tyle,
o ile uważamy za stosowne, po czym naciskamy OK. Obrys tego ob-
szaru jest dość wyrazisty, więc wycieramy go trochę za pomocą na-
rzędzia Eraser Tool z Opacity 50%.
18 faktura posadzki 21 cień na posadzce
Z fakturą posadzki postępujemy w taki sam sposób jak z fakturą Choć cienie od budynków kładą się jako proste bryły, to świado-
ściany. Teraz mamy łatwiejsze zadanie, ponieważ łatwiej tu dopa- mie nie robimy w tej pracy tak ostrego cienia, ponieważ byłby
sować perspektywę. Po dopasowaniu tekstury, także musimy ją pod- on zbyt mocnym i przyciągającym wzrok elementem i to dokładnie
malować na nowej warstwie, aby uzyskać pożądany efekt. Aby oszczę- pośrodku pracy. Tak więc robimy cień nieco rozproszony na obrze-
dzić czas, możemy w prosty sposób namalować efekt zniszczonych żach, który dodatkowo sprawia, że faktura posadzki staje się bar-
kamieni, malując po nich szybko i w różnych kierunkach Hard Round dziej przestrzenna. Jednak jeśli chcemy zrobić bardziej wyrazisty
Brush o małej średnicy około 2-4 px. Będą dzięki temu sprawiały wra- lub ciemny cień nie ruszając przy tym istniejącej faktury posadz-
żenie porysowanych i wydeptanych. Nie zapominajmy o tym, żeby fak- ki – możemy na nowej warstwie namalować kształt cienia i ustawić
tura pędzla spod spodu, prześwitywała i urozmaicała efekt. Blending Mode na Hard Light a Opacity zmniejszyć na 75%.
19 cień 22 detale w tle
Bardzo ważne, jeśli chcemy uzyskać efekt gorąca, jest dobranie Kiedy mamy już wszystko prawie skończone, to możemy do-
kolorów w cieniu po lewej stronie na pierwszym planie. Obszar dać parę realistycznych elementów, które sprawią, że nasza
ten powinien zawierać ciepłe kolory. Trzeba też uważać, żeby nie praca będzie ciekawsza. W tle domalowujemy jeszcze trochę deta-
mieszać zbyt dużo barw, bo wtedy zrobi się brudno-szary. Nie powi- lu naszym roślinkom i podmalowujemy tkaniny wiszące w poprzek
nien być też jednolitą ciemną masą – malujmy, tak żeby było widać uliczki. Oprócz tego malujemy jakieś narzędzia oparte o ścianę po
trójwymiarowość ściany. Należy też unikać czerni, ponieważ przy lewej stronie w cieniu – nie są one zbyt widoczne, ale sprawiają, że
tak mocnym oświetleniu w cieniu nie będzie zupełnie czarno. Niech rysunek ożywa. Trochę bałaganu zawsze dobrze robi kompozycji.
ciemny fiolet lub błękit będzie najciemniejszym kolorem. Wszystko to malujemy Hard Round Brush z Opacity na 70%.
30 .psd 11/2009 » www.psdmag.org
31. uliczka śródziemnomorskiego miasta
23 detale na pierwszym planie 26 nasycenie
Teraz zajmiemy się detalem latarni, okiennicy i kwiatów z przo- Zastosujemy teraz efekt, który dodatkowo nasyci kolory i skon-
du. Latarnię i okiennicę malujemy Hard Round Brush z Opacity trastuje nasz obrazek, przez co jeszcze bardziej uwidoczni się
na 100% i z małą średnicą, aby uzyskać jak największy realizm. Pa- efekt gorąca w powietrzu. Tak więc, zaczynamy od skopiowania naszej
miętajmy o refleksach na metalu i cieniu, który latarnia i okiennica warstwy – zaznaczamy warstwę i kopiujemy Layer>Duplicate Layer.
rzucają na ścianę. Przysłaniamy ostrą linię, gdzie budynek łączy Zaznaczamy skopiowaną warstwę i rozmywamy ją Filter>Blur>Gaus-
się z posadzką, dodatkową doniczką. Do namalowania liści używa- sian Blur i ustawiamy wartość na około 11px. Następnie dodajemy
my pędzla Persp Foliage dostępnego na płycie. Malujemy najpierw auto-tony Image>Adjustments>Auto Levels. Na koniec przełączamy
ciemne, a na nich jasne liście, aby uzyskać wrażenie trójwymiaro- Blending Mode na Overlay i ustawiamy Opacity na 10-15%. Dzięki filtro-
wości. Tak samo postępujemy z kwiatami wiszącymi pod oknami w wi Blur wydaje się, że powietrze w obrazku lekko się rozmywa.
24 wskazówka – różnicowanie 27 efekty końcowe
Ważne jest, aby nie traktować tak samo detali w świetle i w cie- Na sam koniec dodamy parę bardzo ciepłych plam słońca na
niu. Gdy oglądamy coś, co jest całkowicie zacienione, to nie wi- posadzce i ścianie. Tworzymy nową warstwę, wybieramy Air-
dzimy tak dokładnie wszystkich elementów, jak wtedy gdy przed- brush z Opacity na około 40% i tworzymy parę plam w wybra-
miot jest w pełnym słońcu. Nie możemy jednak potraktować przed- nych miejscach. Następnie przełączamy Blending Mode na Overlay
miotów zacienionych jako ciemnej plamy, ponieważ istnieje też i zmniejszamy nieco Opacity warstwy. Teraz wycieramy miejsca,
światło odbite, które daje im delikatne oświetlenie i zgaszoną, nie- które są zbyt nasycone za pomocą narzędzia Eraser Tool ustawione-
zbyt kontrastową kolorystykę. Tak więc, kwiaty i ścianę będące w go na Airbrush około 50% Opacity. Dzięki temu powstaje efekt odbi-
cieniu detalizujemy w bardziej bryłowy i uproszczony sposób, uży- tych promieni słonecznych i robi się jeszcze cieplej.
wając do tego Hard Round Brush z Opacity około 50%.
wskazówka – warto eksperymentować
Po skończeniu malowania zawsze warto spłaszczyć obrazek i po-
eksperymentować, bo dzięki temu możemy uzyskać nieoczekiwane
i niekiedy bardzo ciekawe efekty. Photoshop posiada wiele narzędzi
i filtrów, które mogą sprawić, że nasza praca będzie wyglądała cieka-
wiej, bez zbędnego wysiłku.
Tak więc nauczyliśmy się, jak parę kolorów, detali i efektów mo-
że sprawić, że nasz obrazek będzie promieniował ciepłem. Szcze-
gólnie kiedy na dworze zrobi się zimno i szaro, to każdemu bę-
dzie przyjemnie stworzyć choćby obrazek, na którym będzie ciepło
i przenieść się znowu w słoneczne miejsca.
Amelia Hałgas
25 spłaszczenie
Kiedy mamy już wykończony detal w rysunku, to zapisujemy
go, aby zachować kopię z warstwami, a następnie spłaszcza-
my obrazek Layer>Flatten Image i zapisujemy pod inną nazwą. Te-
raz kiedy mamy wszystkie warstwy połączone, to możemy użyć pa-
ru filtrów i efektów, co może jeszcze poprawić wygląd naszego ry-
sunku.
.psd 11/2009 » www.psdmag.org 31
32. warsztaty
kukiełka Freddie
Mercurydo animacji postaci
wstęp
Każdy z nas widział w telewizji animowane postacie, czy to 3D, czy też 2D.
Wcześniej kreskówki były animowane poklatkowo, dziś może nas wyręczyć
w tym komputer, animując automatycznie pomiędzy klatkami kluczowymi.
W tym ćwiczeniu pokażę jak przygotować postać, następnie zaimportować
ją do After Effects i tam stworzyć krótką animację. W ćwiczeniu posłużę się
zdjęciem figurki wykonanej przez Joannę i Marię Karolczak.
01 poziomy 03 usuwanie tła
Używając narzędzia Levels [Ctrl]+[L] rozjaśnimy nieco foto- Wciąż mając wybrane narzędzie Pen Tool, naciskamy pra-
grafię. Pod wykresem widzimy trzy strzałki, przesuwając czar- wy klawisz myszy pośrodku naszej ścieżki i wybieramy Make
ną w prawo będziemy ściemniać obraz, natomiast przesuwając bia- selection. Pojawi się niewielkie okienko dialogowe, które zatwierdza-
łą w lewo odpowiednio go rozjaśnimy. Szara strzałka pośrodku roz- my OK. Stworzona ścieżka zostanie zamieniona na zaznaczenie. Wy-
jaśni szarości. bieramy Select/Invert, aby odwrócić zaznaczenie, a następnie w za-
kładce Layers upewniamy się, że warstwa jest odblokowana. Jeśli
obok nazwy występuje mała kłódka, klikamy nazwę warstwy dwu-
krotnie, zostaje ona odblokowana. Następnie używając klawisza
[Del], usuwamy tło oraz wyłączamy zaznaczenie [Ctrl]+[D].
02 wycinanie 04 poprawianie krawędzi I
Do wycięcia użyjemy narzędzia Pen Tool [P]. Rysujemy ścieżkę Tworzymy nową warstwę [Ctrl]+[Shift]+[N] i ustawiamy ją pod
wokół całej postaci, starając się w miarę jak najdokładniej ją ob- warstwą z naszą postacią. Wybieramy Pain Bucket Tool [G], jako
rysować. Gdy dojedziemy do punktu, z którego zaczynaliśmy, obok Foreground Color ustawiamy kolor czarny, a następnie kolorujemy
ikonki piórka pojawi się niewielkie kółko, oznacza to, że możemy za- nim nową warstwę. Jak widać, figurka ma białą obwódkę wokół wło-
mknąć naszą ścieżkę. sów. Trzymając klawisz [Ctrl] klikamy miniaturkę naszego zdjęcia
w zakładce Layers, postać zostanie ponownie zaznaczona.
32 .psd 11/2009 » www.psdmag.org
33. kukiełka Freddie Mercury – wstęp do animacji postaci
poziom średni | film i pliki na DVD
Photoshop CS4 | After Effects CS4
.psd 11/2009 » www.psdmag.org 33
34. warsztaty
05 poprawianie krawędzi II 08 przygotowywanie ramienia
Używając Clone Stamp Tool, próbkujemy, trzymając klawisz Przenieśmy warstwę z ramieniem na samą górę, a następnie
[Alt], obszar między skronią a uchem. Następnie rysujemy do- używając Pen Tool lub Polygonal Lasso Tool wykonajmy zazna-
kładnie na krawędzi zaznaczenia, zbliżając się do czubka głowy. Po- czenie ramienia z obu stron, w celu dosztukowania fragmentów, któ-
nownie musimy próbkować kolor, tym razem z drugiej strony. re będą widoczne podczas ruchu ramion. Następnie używając Clone
Stamp Tool wypełnijmy zaznaczenie, próbkując z pozostałej części
ramienia. Teraz powtarzamy punkty 6-8 dla drugiej ręki.
06 wycinanie ręki 09 głowa
Ponownie używając Pen Tool (bądź Polygonal Lasso Tool) two- Ponownie używając Polygonal Lasso Tool lub Pen Tool oddzie-
rzymy zaznaczenie wokół całej prawej reki naszej postaci, uwa- lamy głowę od tułowia. Następnie warstwę z głową ukrywamy
żając przy górze, aby zaznaczenie przechodziło dokładnie w miej- (ikonka oczka po lewej stronie z nazwą warstwy). I narzędziem Clo-
scu, gdzie zaczyna się rękaw kurtki. Po zaznaczeniu, klikamy pra- ne Stamp Tool dosztukowujemy fragment karku, który będzie wi-
wym przyciskiem myszy w środku naszego zaznaczenia i wybiera- doczny przy poruszaniu głową. Wystarczy fragment około 2 cm po-
my Layer via Cut. Ręka zostanie wycięta z automatycznym przenie- nad linią cięcia.
sieniem na nową warstwę.
07 wycinanie przedramienia 10 zapisywanie przygotowanych elementów
Kolejny raz używając Pen Tool lub Polygonal Lasso Tool, powta- Każdą część ciała eksportujemy do osobnego pliku, osobiście po-
rzamy krok 6., tym razem oddzielając przedramię wraz z dłonią lecam bezstratny format PNG. Trzymając klawisz [Ctrl] klikamy
i przenosząc je na nową warstwę. miniaturkę obok warstwy, następnie kopiujemy do pamięci [Ctrl]+
[C], tworzymy nowy plik [Ctrl]+[N]. Z okna dialogowego wybieramy
Background Contents Transparent i zatwierdzamy OK. W nowym do-
kumencie wklejamy element z pamięci [Ctrl]+[V] i zapisujemy (Fi-
le>Save As) jako plik PNG, odpowiednio nazywając (ramie_l.png; ra-
mie_p.png itd.). Analogicznie postępujemy z pozostałymi elementami.
34 .psd 11/2009 » www.psdmag.org
35. kukiełka Freddie Mercury – wstęp do animacji postaci
11 importowanie do programu After Effects 14 ustawianie elementów w kompozycji
Uruchamiamy program After Effects. Klikamy prawym przyci- Przywróćmy wszystkie elementy kukiełki na swoje miejsca.
skiem myszy w zakładce Project pod belką Name, wybieramy Klikając nazwę warstwy, możemy przenosić dany element w do-
Import>File i importujemy wszystkie zapisane elementy. wolne miejsce. Ustawmy postać do widoku początkowego. Pamiętaj-
my, aby warstwy z ramionami znalazły się pod warstwą z tułowiem.
12 ustawianie kompozycji 15 ustawianie punktu rotacji
Z górnego menu wybieramy Composition>New Composition, Teraz jeden z najważniejszych punktów, otóż każdy element
w oknie dialogowym ustawiamy rozdzielczość - w naszym wy- musi się poruszać wokół określonej osi, aktualnie punkt rotacji
padku będzie to 1280 x 720, ilość klatek na sekundę (Framerate) jest ustalony pośrodku każdego elementu. Jasne jest to, że np. ra-
– dla nas 25 oraz długość kompozycji (Duration) - zmienimy tutaj na mię musi mieć ustalony punkt rotacji w miejscu łączenia się z tu-
5 sekund. Zatwierdzamy OK. łowiem. Wybieramy warstwę z prawym ramieniem i klikamy kla-
wisz [Y], następnie trzymając lewy klawisz myszy, przesuwamy
punkt, który znajduje się na środku (niewielkie kółko z krzyżykiem)
w miejsce łączenia.
13 przenoszenie elementów do kompozycji 16 sprawdzanie punktu rotacji
Okno kompozycji zostało utworzone pośrodku, przeciągamy Po umieszczeniu punktu rotacji musimy sprawdzić czy nasze
wszystkie pliki PNG z zakładki Project na okno kompozycji, pliki ramię porusza się zgodnie z oczekiwaniami. Wybieramy war-
są za duże w stosunku do naszego okna. Poniżej w zakładce Comp stwę z prawym ramieniem i klikamy klawisz [R] (Rotation), następ-
1 znajdują się nasze elementy, każdy na osobnej warstwie. Naci- nie najeżdżamy myszką na wartość +0.0 i trzymając lewy klawisz
skamy klawisz [S] aby uruchomić Skalowanie, następnie na której- myszki, powoli przeciągamy w prawo i w lewo, ramię wykona ruch
kolwiek warstwie klikamy dwa razy napis 100% i wpisujemy 20%, do góry lub w dół. Jeśli ramię wysuwa się za daleko, powracamy do
wszystkie elementy zostaną automatycznie przeskalowane. punktu 15. i poprawiamy punkt rotacji. Jeśli wszystko się zgadza,
wpisujemy z powrotem wartość +0.0.
.psd 11/2009 » www.psdmag.org 35