Photoshop. Efekty specjalne

Wydawnictwo Helionul. Chopina 644-100 Gliwicetel. (32)230-98-63e-mail: [email protected]

PRZYK£ADOWY ROZDZIA£PRZYK£ADOWY ROZDZIA£

IDZ DOIDZ DO

ZAMÓW DRUKOWANY KATALOGZAMÓW DRUKOWANY KATALOG

KATALOG KSI¥¯EKKATALOG KSI¥¯EK

TWÓJ KOSZYKTWÓJ KOSZYK

CENNIK I INFORMACJECENNIK I INFORMACJE

ZAMÓW INFORMACJEO NOWOŒCIACH

ZAMÓW INFORMACJEO NOWOŒCIACH

ZAMÓW CENNIKZAMÓW CENNIK

CZYTELNIACZYTELNIAFRAGMENTY KSI¥¯EK ONLINEFRAGMENTY KSI¥¯EK ONLINE

SPIS TREŒCISPIS TREŒCI

DODAJ DO KOSZYKADODAJ DO KOSZYKA

KATALOG ONLINEKATALOG ONLINE

Photoshop.Efekty specjalne

Niezwyk³e efekty specjalne stosowane przez profesjonalistów

• Fotomonta¿e i symulacje g³êbi• Rozmycia i deformacje obiektów• Efekty fotograficzne

Cyfrowa obróbka grafiki i zdjêæ daje ogromne pole do popisu projektantom publikacji drukowanych i witryn WWW oraz fotografom. Standardowe ju¿ zastosowania aplikacji graficznych, takie jak poprawa kontrastu, korekta kolorów i prostowanie „uciekaj¹cych” linii, to tylko wierzcho³ek góry lodowej. Dziêki mo¿liwoœciom Photoshopa mo¿emy ca³kowicie zmieniæ fotografiê — nadaæ jej wygl¹d obrazu, zmontowaæ z inn¹, wprowadziæ rozmycia i deformacje czy oprawiæ w efektowne cyfrowe „ramki”. Prawdziwie zaskakuj¹ce efekty uzyskamy, ³¹cz¹c mo¿liwoœci kilku filtrów i narzêdzi. Profesjonaliœci stosuj¹ takie techniki do tworzenia obrazów, które podziwiamy w prasie i w internecie.

„Photoshop. Efekty specjalne” to ksi¹¿ka napisana przez eksperta w dziedzinie obróbki grafiki w programie Photoshop — Scotta Kelby. Autor przedstawia efekty specjalne stosowane przez profesjonalnych grafików i projektantów. Poznasz tradycyjne techniki retuszowania zdjêæ, efekty tekstowe i sztuczki stosowane w fotografii reklamowej. Dowiesz siê, jak w niestandardowy sposób wykorzystaæ znane Ci z codziennej pracy narzêdzia Photoshopa. Ka¿da z technik przedstawiona jest sposób, który u³atwi Ci jej zrozumienie i opanowanie. Przekonasz siê, jak ³atwo jest uzyskaæ efekty, które na pierwszy rzut oka wydaj¹ siê niezwykle skomplikowane.

• Tworzenie fotomonta¿y• Cienie i poœwiaty• Symulacje odbiæ i tekstur• Efekty œwietlne• Rozmywanie krawêdzi obiektów• Deformacje• Zmiana wygl¹du obiektów tekstowych• Modyfikowanie fotografii

Zostañ specjalist¹ od cyfrowych efektów specjalnych

Autor: Scott KelbyT³umaczenie: Piotr CieœlakISBN: 83-7361-983-6Tytu³ orygina³u: Photoshop Classic Effects:The Essential Effects Every User Needs to KnowFormat: B5, stron: 375

http://helion.pl/view/2547w



http://helion.pl/add/2547w/photfx




mailto:[email protected]

http://helion.pl/view/2547w/photfx.htm

http://www.amazon.com/exec/obidos/ASIN/0321272250/eboinf-20

http://www.amazon.com/exec/obidos/ASIN/0321272250/eboinf-20

8 Spis treści

Spis treści

ROZDZIAŁ 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19Złota kolekcja Tradycyjne i niezastąpione efekty specjalne

Jak wykorzystać jedno zdjęcie do stworzenia tła

i przestrzennego ujęcia przedmiotu . . . . . . . . . . . . . . . . . . . . . . 20

Przenoszenie obiektu z tła przed napis na pierwszym planie . . . . . 28

Nakładanie obrazków . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Łączenie zdjęcia z jednobarwnym tłem . . . . . . . . . . . . . . . . . . . . . . . 36

Podwójna poświata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Zanikające odbicie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

ROZDZIAŁ 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49Cień księżyca Efekty specjalne — cienie

Cienie rzucane przez różne obiekty . . . . . . . . . . . . . . . . . . . . . . . . . .50

Żółte karteczki typu Post-it® . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58

Efekt à la Polaroid® . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .64

Miękka poświata w tle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .70

ROZDZIAŁ 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75Prawdziwe kłamstwaSprawdzone efekty specjalne

Odbicie na szkłach okularów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76

Piaskowany metal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .80

Barwienie fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87

Nakładanie wzorków . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90

Projektowanie menu płyty DVD . . . . . . . . . . . . . . . . . . . . . . . . . . . . .94

Zdjęcie niczym kadr z filmu science-fiction . . . . . . . . . . . . . . . . . . . .98

ROZDZIAŁ 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .103Klasyka rocka Stare, ale jare

Przycinanie zdjęć do określonych kształtów . . . . . . . . . . . . . . . . . . .104

Efekt sepii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110

Wyżłobienia w metalu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114

Miękkie krawędzie zdjęć . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122

Efekt przedartej kartki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .124

Błyski światła . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130

9Spis treści

ROZDZIAŁ 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .133Strumień czasu Ponadczasowe efekty specjalne

Zmiana koloru obiektów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .134

Telewizyjne linie przeplotu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137

Efekt rozmycia obiektów w ruchu . . . . . . . . . . . . . . . . . . . . . . . . . . .144

Niebanalne krawędzie fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . .148

Malowane krawędzie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152

Dopasowanie kształtu obrazka . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156

ROZDZIAŁ 6. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163Poważne efekty uboczneEfekty, które trudno zaszufladkować

Efekt pikselizacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .164

Projektowanie znaczków pocztowych . . . . . . . . . . . . . . . . . . . . . . . .168

Dopasowywanie kształtu napisów do obiektów . . . . . . . . . . . . . . . .172

Wytłaczane elementy graficzne . . . . . . . . . . . . . . . . . . . . . . . . . . . . .178

W jaki sposób dodać efekt sztucznych ogni

do nocnych fotografii? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184

Wyładowania elektryczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190

ROZDZIAŁ 7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .199Bez podtekstów Klasyczne efekty tekstowe

Napis z chromowanymi krawędziami . . . . . . . . . . . . . . . . . . . . . . . .200

Żelowe napisy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206

Napis z fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212

Napisy z wieloma obrysami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218

Trójwymiarowy napis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224

Efekt cienia zniekształconego perspektywą . . . . . . . . . . . . . . . . . . .230

Efekt „zniszczonych” napisów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .233

Chromowany napis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .242

ROZDZIAŁ 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .251Wehikuł czasu Tradycyjne efekty fotograficzne

Ostry pierwszy plan i rozmyte tło zdjęcia . . . . . . . . . . . . . . . . . . . . .252

Łączenie dwóch fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .254

Fotomontaż reklamowy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .260

Tworzenie odbić . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .266

Kolorowanie czarno-białych fotografii . . . . . . . . . . . . . . . . . . . . . . .272

Tworzenie efektu winiety . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .280

10 Spis treści

ROZDZIAŁ 9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .285U progu sławyEfekty, które widziałeś milion razy

Częściowe przesłanianie fragmentów zdjęcia . . . . . . . . . . . . . . . . .286

Uzupełnianie fotografii o realistycznie wyglądające napisy

i elementy graficzne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .290

Gwieździste niebo na zdjęciach . . . . . . . . . . . . . . . . . . . . . . . . . . . . .294

Flary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .300

Podkreślenie wrażenia ruchu obiektów . . . . . . . . . . . . . . . . . . . . . .304

Eleganckie, przezroczyste napisy . . . . . . . . . . . . . . . . . . . . . . . . . . . .310

ROZDZIAŁ 10. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .317Samo sedno Rozdział na niby

Stonowane zdjęcie w roli tła . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318

Przenoszenie obiektu z tła przed napis na pierwszym planie . . . . .319

Nakładanie obrazków . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .320

Łączenie zdjęcia z jednobarwnym tłem . . . . . . . . . . . . . . . . . . . . . . .321

Podwójna poświata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .322

Zanikające odbicie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .323

Cienie rzucane przez obiekty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324

Żółte karteczki typu Post-it® . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .325

Efekt à la Polaroid® . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326

Miękka poświata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .327

Odbicie na szkłach okularów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .328

Piaskowany metal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329

Barwienie fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .330

Nakładanie wzorków . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331

Efekt szumu i barwienie zdjęcia . . . . . . . . . . . . . . . . . . . . . . . . . . . .332

Efekt „futurystycznej” siatki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .333

Przycinanie zdjęć do określonych kształtów . . . . . . . . . . . . . . . . . . .334

Efekt sepii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .335

Wyżłobienia w metalu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .336

Miękkie krawędzie zdjęć . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .337

Efekt rozdartej kartki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .338

Błyski światła . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .339

Zmiana koloru obiektów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .340

Telewizyjne linie przeplotu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341

Efekt rozmycia obiektów w ruchu . . . . . . . . . . . . . . . . . . . . . . . . . . .342

Niebanalne krawędzie fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . .343

Malowane krawędzie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .344

Dopasowanie kształtu obrazka . . . . . . . . . . . . . . . . . . . . . . . . . . . . .345

Efekt pikselizacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .346

11Spis treści

Projektowanie znaczków pocztowych . . . . . . . . . . . . . . . . . . . . . . . .347

Dopasowywanie kształtu napisów do obiektów . . . . . . . . . . . . . . . .348

Wytłaczane elementy graficzne . . . . . . . . . . . . . . . . . . . . . . . . . . . . .349

Nakładanie efektu sztucznych ogni na nocne fotografie . . . . . . . .350

Wyładowania elektryczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .351

Napis z chromowanymi krawędziami . . . . . . . . . . . . . . . . . . . . . . . .352

Efekt żelowych napisów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .353

Napis utworzony z fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354

Napisy z wieloma obrysami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .355

Trójwymiarowy napis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356

Efekt cienia zniekształconego perspektywą . . . . . . . . . . . . . . . . . . .357

Efekt „zniszczonych” napisów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358

Chromowany napis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .359

Zmiana ostrości wybranych fragmentów zdjęcia . . . . . . . . . . . . . . .360

Łączenie dwóch fotografii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .361

Fotomontaż reklamowy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .362

Tworzenie odbić . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363

Kolorowanie czarno-białych fotografii . . . . . . . . . . . . . . . . . . . . . . .364

Tworzenie efektu winiety . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365

Częściowe przesłanianie fragmentów zdjęcia . . . . . . . . . . . . . . . . .366

Uzupełnianie fotografii o realistycznie wyglądające napisy

i elementy graficzne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .367

Gwiaździste niebo na zdjęciach . . . . . . . . . . . . . . . . . . . . . . . . . . . . .368

Flary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .369

Podkreślenie wrażenia ruchu obiektów . . . . . . . . . . . . . . . . . . . . . .370

Eleganckie, przezroczyste napisy . . . . . . . . . . . . . . . . . . . . . . . . . . . .371

SKOROWIDZ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .372

75Rozdział 3.

Są takie efekty specjalne, z których korzysta

się od lat, które stały się kamieniami milo-

wymi w rozwoju grafiki komputerowej i same-

go Photoshopa. To właśnie te „sprawdzone”

efekty widuje się na co dzień przy najróżniej-

szych okazjach i w rozlicznych reklamach. Do

złudzenia prawdziwe, oszukują nasze niedo-

skonałe zmysły, stanowiąc

groźne narzędzie w rękach

sprawnych grafików i pro-

jektantów. Tytuł nasunął się

więc niejako sam, choć cały

rozdział nie ma wiele wspól-

nego z filmem Prawdziwe kłamstwa, w którym

zagrał Arnold Schwarzenegger. Ponadto taki

tytuł brzmi troszkę niegrzecznie i dwuznacz-

nie, a przecież to właśnie niegrzeczne i wie-

loznaczne tytuły zwiększają sprzedaż książek,

czyż nie? Tak naprawdę, na początku nadałem

tej książce roboczy tytuł Naga prawda o efek-

tach specjalnych w Photoshopie (już widzę te

tłumy przepychające się wokół półek

z książkami dla grafików komputerowych).

Mój wydawca stwierdził jednak, że jest to tytuł

nazbyt pikantny i nie chcąc ryzykować skan-

dalu, zaproponował mi zastąpienie go odro-

binę złagodzoną wersją, w rodzaju: Skąpo

odziana prawda o efektach

specjalnych w Photoshopie.

Przyznaj jednak sam — taki

nagłówek nie ma już tej

samej, wyzywająco sprośnej

nutki, co mój prawdziwy,

oryginalny tytuł roboczy. Jak widać na

okładce, zdecydowałem się więc na bardziej

konserwatywne rozwiązanie… Jeśli mimo

wszystko chciałbyś nazywać tę książkę (choć-

by w myślach i po cichu) jej roboczym tytułem

w oryginalnym brzmieniu, to obiecuję, że

nikomu o tym nie powiem. Słowo.

Sprawdzone efekty specjalne

PRAWDZIWE KŁAMSTWAS P R A W D Z O N E E F E K T Y S P E C J A L N E

Odbicie na szkłach okularówJedna z wad fotografii studyjnych polega na tym, że w okularach sfotografowanych modeli odbijasię oświetlenie i wyposażenie studio. W takich sytuacjach bardzo często stosuje się sztuczkę polegającą nazastąpieniu tych odbić innymi, bardziej pasującymi do projektu, w którym wykorzystane będzie zdjęcie. Zesztuczką tą można zetknąć się praktycznie wszędzie, począwszy od plakatów filmowych (została ona zastosowanam.in. na plakacie filmu Urodzeni mordercy), przez reklamy w czasopismach aż do banerów internetowych, naktórych w ciemnych okularach różnych osób pojawiają się najdziwniejsze błyski i odbicia.

76 Rozdział 3. Sprawdzone efekty specjalne

Krok 1.Wczytaj zdjęcie osoby w okularach przeciw-słonecznych (przykład na rysunku obok).Projekt będzie polegał na zasugerowaniuoglądającemu, że postać na zdjęciu graw karty — efekt ten uzyskamy przez dodanieodpowiedniego odbicia w okularach modela.

Krok 2.Naciśnij klawisz L, aby włączyć narzędzieLasso (lub wybierz dowolne inne narzędziezaznaczania, którym lubisz się posługiwać)i utwórz zaznaczenie obejmujące wnętrzeokularów (rysunek obok).

STRONA328

© B

rand

X P

ictu

res

Krok 3.Wczytaj zdjęcie, które posłuży do przygoto-wania odbicia (w tym przypadku będzie todłoń trzymająca karty). Naciśnij Ctrl+A(Mac OS: Command+A), aby zaznaczyć całąfotografię, a następnie skopiuj ją do schow-ka, korzystając ze skrótu Ctrl+C (Mac OS:Command+C).

Krok 4.Wróć do zdjęcia mężczyzny w okularach.Zaznaczenie, które przygotowałeś wcześniej,powinno być nadal aktywne. Skorzystajz polecenia Edit/Paste Into (Edycja/Wklej na)i wklej skopiowane zdjęcie z kartami downętrza tego zaznaczenia. Wklejona foto-grafia najprawdopodobniej będzie o wiele zaduża, skorzystaj więc ze skrótu Ctrl+T(Mac OS: Command+T), aby wydać polece-nie Free Transform (Przekształć swobodnie).Naciśnij i przytrzymaj klawisz Shift, a następ-nie kliknij jeden z uchwytów w narożnikachramki przekształcenia i przeciągnij go downętrza ramki, aby przeskalować zaznaczonyfragment (rysunek obok). Naciśnij Enter(Mac OS: Return), aby zatwierdzić wykonaneprzekształcenie.

77Rozdział 3.Sprawdzone efekty specjalne

ciąg dalszy na następnej stronie

© B

rand

X P

ictu

res

Krok 5.Skopiowany fragment trzeba teraz dopaso-wać w taki sposób, aby sprawiał wrażenieodbicia, a nie wyglądał jak kawałek zdjęcianaklejony na okulary przeciwsłoneczne. Roz-pocznij od wybrania efektu Inner Shadow(Cień wewnętrzny) z rozwijanego menu,dostępnego po kliknięciu ikony Add a LayerStyle (Dodaj styl warstwy) znajdującej się nadole palety warstw. Gdy pojawi się okno dia-logowe z opcjami dotyczącymi wybranegoefektu, zmień wartość parametru Distance(Odległość) na 1, parametru Size (Wielkość)na 3 oraz parametru Angle (Kąt) na 120, a nakoniec kliknij przycisk OK. Wzdłuż wew-nętrznej krawędzi wklejonego fragmentupojawi się delikatny cień (rysunek obok).

Krok 6.Zmieniając tryb mieszania warstwy z wkle-joną fotografią z Normal (Zwykły) na Screen(Mnożenie odwrotności) (rysunek obok),dodatkowo zwiększymy realizm odbicia.


Krok 7.Mimo naszych działań, odbicie nadal jestzbyt wyraźne. Korzystając z palety warstw,zmniejsz wartość parametru Opacity (Krycie)dla warstwy z odbiciem do 50% (rysunekobok).

Krok 8.Na koniec należy uzupełnić projekt odpo-wiednimi informacjami tekstowymi. Do stwo-rzenia napisów pokazanych na przykładzieobok wykorzystałem czcionkę HelveticaRegular.


Piaskowany metalNa efekt piaskowanego metalu natknąłem się ostatnio, przeglądając magazyn Fortune, w którymzamieszczona była reklama firmy Garmin, producenta systemów nawigacyjnych GPS. Projektant reklamy wykonałkawał dobrej roboty, umiejętnie zachowując właściwe proporcje pomiędzy technicznym stylem a czytelnością,przez ograniczenie roli umieszczonego w projekcie metalicznego paska jako doskonałego tła dla nagłówkai zdjęcia produktu. W zaprezentowanym tutaj przykładzie starałem się oddać nastrój tego projektu i zastosowanew nim efekty specjalne.


Krok 1.Realizację projektu rozpoczniemy od wyboruwłaściwego zdjęcia. Wczytaj fotografię, któraposłuży jako kanwa reklamy (zdjęcie wyko-rzystane w opisanym tutaj przykładowymprojekcie możesz pobrać ze strony interneto-wej http://www.scottkelbybooks.com/classic-photos/). Naciśnij klawisz D, aby zmienićbieżący kolor narzędzia na czarny i kolor tłana biały. Podczas dalszych prac nad projek-tem poniżej zdjęcia znajdą się informacjei napisy reklamowe, należy więc odpowiedniopowiększyć obszar roboczy obrazka. Wydajpolecenie Canvas Size (Wielkość obszaruroboczego), usuń zaznaczenie z pola Relative(Względnie), a w polu Height (Wysokość)wpisz wartość 3 cale. Kliknij środkowe górnepole w siatce Anchor (Kotwica), zaś z rozwijanej listy Canvas extension color(Kolor rozszerzenia obszaru roboczego) wybierz opcję White (Biały) (rysunekobok). Kliknij przycisk OK, aby powiększyć wysokość obszaru roboczego pro-jektu o podaną wartość.

STRONA329

© B

rand

X P

ictu

res

Krok 2.Naciśnij klawisz M, aby włączyć narzędzieRectangular Marquee (Zaznaczanie prosto-kątne) i utwórz zaznaczenie obejmujące całewnętrze obszaru roboczego projektu, pomi-jając wąski pasek wokół krawędzi dokumentu(rysunek obok). W następnym kroku ćwicze-nia zaznaczenie to otoczymy wąską ramką,która będzie stanowić granicę projektowanejreklamy, utwórz więc nową warstwę doku-mentu, klikając Create a New Layer (Utwórzwarstwę), znajdującą się na dole palety Layers(Warstwy).

Krok 3.Narysujemy teraz wspomnianą przed chwiląramkę. Wybierz polecenie Stroke (Obrysuj)z menu Edit (Edycja). Gdy pojawi się oknodialogowe tego polecenia, w polu Width (Sze-rokość) podaj wartość 1, w sekcji Location(Położenie) zaznacz opcję Center (Środek)i kliknij przycisk OK, aby obrysować bieżącezaznaczenie cienką, czarną kreską. Na razienie anuluj zaznaczenia. Przyda się podczasdalszej pracy.

Krok 4.Z menu Select (Zaznacz) wybierz polecenieInverse (Odwrotność). Spowoduje to zazna-czenie całego obszaru na zewnątrz cienkiej,czarnej kreski. Kliknij warstwę Background(Tło) w palecie Layers (Warstwy), aby ją uak-tywnić, a następnie naciśnij klawisz Backspa-ce (Mac OS: Delete), aby usunąć te fragmentyzdjęcia, które znajdują się na zewnątrz utwo-rzonego w poprzednim kroku obrysu (rysu-nek obok). Teraz możesz już anulowaćzaznaczenie, naciskając Ctrl+D (Mac OS:Command+D).



Krok 5.Kliknij ikonę Create a New Layer (Utwórzwarstwę), znajdującą się na dole palety Layers(Warstwy). Wybierz narzędzie RectangularMarquee (Zaznaczanie prostokątne) i utwórzzaznaczenie w kształcie wąskiego prostokąta,umieszczając je tuż pod fotografią (rysunekobok). W tym miejscu pojawi się pasek imitu-jący piaskowany metal, który posłuży nam jakotło nagłówka reklamy i zdjęcia produktu.

Krok 6.Naciśnij klawisz G, aby włączyć narzędzieGradient, a następnie naciśnij Enter (Mac OS:Return), aby wyświetlić okno próbnika gra-dientów. Kliknij miniaturę gradientuo nazwie Copper (Miedź) (jest to przedostat-nia miniatura w drugim rzędzie w standardo-wej bibliotece gradientów). Korzystającz narzędzia Gradient, kliknij w lewym górnymrogu zaznaczenia i przeciągnij kursoremmyszy po przekątnej, aż do jego prawego dol-nego rogu (rysunek obok), aby wypełnić całezaznaczenie wybranym gradientem. Pozostawjeszcze bieżące zaznaczenie — przyda siępodczas dalszej pracy.


Krok 7.Ponieważ pasek ma być srebrny, a nie mie-dziany, wciskając kombinację klawiszyShift+Ctrl+U (Mac OS: Shift+Command+U), usuń kolor z warstwy z gradientem.Spowoduje to zmniejszenie nasycenia barww bieżącej warstwie do zera, dzięki czemuuzyskamy szary gradient o metalicznympołysku. Gradient jest jednak zbyt ciemnyi należy rozjaśnić go przy użyciu poleceniaImage/Adjustment/Levels (Obrazek/Dopasuj/Poziomy). W oknie dialogowym tego polece-nia odnajdź czarny suwak znajdujący się podetykietą Output Levels (Poziomy wyjścia)i przeciągnij go w prawo (rysunek obok). Nakoniec zatwierdź całą operację, klikając przy-cisk OK.

Krok 8.W porządku — udało się nam uzyskać meta-liczny wygląd paska, teraz czas na jego „pias-kowanie”. Wybierz polecenie Add Noise(Dodaj szum) z menu Filter/Noise (Filtr/Szum).Gdy pojawi się okno dialogowe tego filtra(pokazane na rysunku obok), zmień wartośćparametru Amount (Wartość) na 20%, w sekcji Distribution (Rozmieszczenie) wybierzopcję Gaussian (Gaussowskie) i zaznacz poleopcji Monochromatic (Monochromatyczny)(jeśli nie zaznaczyłbyś tej opcji, wygenerowa-ny szum składałby się z czerwonych, zielo-nych i niebieskich punktów). Kliknij przyciskOK, aby zatwierdzić wybrane ustawieniai tym samym nałożyć szum na przygotowanywcześniej pasek z gradientem.



Krok 9.Wygenerowany szum trzeba terazprzekształcić w taki sposób, by całość przypo-minała piaskowany metal. Wybierz polecenieMotion Blur (Poruszenie) z menu Filter/Blur(Filtr/Rozmycie). Zmień wartość parametruAngle (Kąt) na 0 (aby uzyskać rozmyciew kierunku poziomym), zaś parametrowi Distance (Odległość) nadaj wartość 200i kliknij przycisk OK. Skorzystaj ze skrótuCtrl+D (Mac OS: Command+D), aby anulo-wać bieżące zaznaczenie. Efekt piaskowane-go metalu jest gotowy. Teraz zajmiemy siędodaniem kosmetycznych, lecz istotnychszczegółów, takich jak nadanie krawędziom„metalowego” paska odpowiednich kontu-rów i wypukłości, a oprócz tego dodamy sto-sowne napisy i informacje. Zapraszam zatemdo kolejnego kroku ćwiczenia.

Krok 10.Rozpoczniemy od podkreślenia wypukłościmetalowego paska. Z listy efektów dostępnejpo kliknięciu ikony Add a Layer Style (Dodajstyl warstwy) znajdującej się na dole paletywarstw wybierz efekt Bevel and Emboss (Fazai płaskorzeźba). W oknie dialogowym z usta-wieniami tego efektu należy zmienić wartośćzaledwie dwóch parametrów: Depth (Głębia)na 200% oraz Size (Wielkość) na 1 piksel.Zmienione w ten sposób krawędzie metalo-wego paska będą sprawiały wrażenie zeszlifo-wanych pod pewnym kątem, nadając całościładny, przestrzenny wygląd (rysunek obok).To jeszcze nie koniec pracy w oknie dialogo-wym Layer Style (Efekty), powstrzymaj sięwięc na razie przed kliknięciem przycisku OK.


Krok 11.Kliknij etykietę Drop Shadow (Cień) po lewejstronie okna dialogowego Layer Style (Efek-ty). Twoim zadaniem będzie teraz dodaniemiękkiego, jasnego cienia tuż pod metalo-wym paskiem. Zmniejsz wartość parametruOpacity (Krycie) do 40% (aby rozjaśnić efekt),parametrowi Angle (Kąt) nadaj wartość 85(dzięki temu cień pojawi się dokładnie podpaskiem i nie będzie nadmiernie przesuniętyw lewo lub w prawo), a na koniec zwiększwartość parametru Size (Wielkość) do 10(cień stanie się wówczas bardziej subtelny)i kliknij przycisk OK.

Krok 12.W ogłoszeniu, które zainspirowało mnie doprzygotowania tego projektu, zdjęcie rekla-mowanego urządzenia — czyli palmtopaz systemem nawigacji satelitarnej — umiesz-czone było na metalowym pasku, w taki jed-nak sposób, że częściowo nakładało się onona fotografię umieszczoną powyżej. Ponie-waż nie dysponowałem zdjęciem palmtopa,zdecydowałem się wykorzystać fotografięmonitora LCD (możesz pobrać ją ze stronyinternetowej zawierającej materiały pomoc-nicze do ćwiczeń zawartych w tej książce).Wczytaj to lub inne wybrane zdjęcie i naciśnijklawisz W, włączając tym samym narzędzieMagic Wand (Różdżka). Naciśnij i przytrzy-maj klawisz Shift, a następnie kliknij kolejnowszystkie białe i nie stykające się ze sobąfragmenty obrazka. Następnie wydaj polece-nie Select/Inverse (Zaznacz/Odwrotność), aby

odwrócić zaznaczenie w taki sposób, by obejmowało jedynie kształt monitora.Naciśnij klawisz V, aby włączyć narzędzie Move (Przesunięcie), kliknij w dowol-nym miejscu wewnątrz zaznaczonego obszaru i przeciągnij zdjęcie monitora dookna dialogowego z reklamą, umieszczając je na metalowym pasku (w sposóbpokazany na rysunku obok). W razie potrzeby naciśnij Ctrl+T (Mac OS: Com-mand+T), aby wydać polecenie Free Transform (Przekształć swobodnie), i sko-ryguj wielkość skopiowanego zdjęcia.



© B

rand

X P

ictu

res

Krok 13.Naciśnij klawisz T, aby włączyć narzędzieType (Tekst) i wstaw główny napis reklamowyprojektu. W pokazanym obok przykładzienapis ten (zapisany kapitalikami) zostałwykonany czcionką Cronos z biblioteki czcio-nek firmy Adobe, z powodzeniem można jąjednak zastąpić krojem Myriad Pro, dostar-czanym wraz z pakietem Photoshop CS. We wspomnianym już ogłoszeniu napis rekla-mowy został poddany działaniu pewnej drob-nej sztuczki, która sprawia, że litery tekstuwyglądają jak wyryte w metalu. Spróbujmyuzyskać podobny efekt. Skopiuj warstwęz tekstem, korzystając ze skrótu Ctrl+J(Mac OS: Command+J), a następnie naciśnijkolejno klawisze D oraz X, aby zmienićbieżący kolor narzędzia na biały. NaciśnijAlt+Backspace (Mac OS: Option+Delete),aby wypełnić powieloną warstwę kolorembiałym i korzystając z palety warstw, przeciągnij ją poniżej warstwy z napisemw kolorze czarnym. Włącz narzędzie Move (Przesunięcie) i naciśnij klawiszstrzałki skierowanej w lewo, aby odrobinę przesunąć skopiowaną warstwę — gotowe!

Krok 14.Gotowy projekt powinien zostać uzupełnionyo dodatkowy tekst informacyjny. Włączzatem narzędzie Type (Tekst) i wprowadźodpowiednie informacje (na przykładziepokazanym obok wykorzystałem w tym celuwspomnianą już czcionkę o nazwie Cronos),dodaj znak firmowy i slogan reklamowy.


Krok 2.Naciśnij klawisz Ctrl (Mac OS: Command)i kliknij miniaturę warstwy ze zdjęciem w pale-cie Layers (Warstwy), aby utworzyć obejmująceto zdjęcie zaznaczenie. Kliknij ikonę CreateNew Fill or Adjustment Layer (Utwórz nowąwarstwę wypełnienia lub korekcyjną) znajdującąsię na dole palety warstw (czwarta od lewej)i z rozwijanego menu, które się wówczas poja-wi, wybierz warstwę korekcyjną Hue/Saturation(Barwa/Nasycenie). Gdy pojawi się okno dialo-gowe z opcjami tworzenia warstwy, zaznacz

pole opcji Colorize (Koloruj). Następnie przesuń suwak Hue (Barwa) i wybierzinteresujący odcień (wartość tego parametru w naszym przykładzie wynosi 75).Ponieważ wybrana fotografia jest stosunkowo jasna, warto przy okazji nieznacznieją przyciemnić, zmniejszając wartość parametru Lightness (Jasność) do –25. Klik-nij przycisk OK, aby zatwierdzić wybrane ustawienia i zabarwić zdjęcie jednolitym,zielonym kolorem. Proste, prawda? Przejdźmy w takim razie do dalszej częściprojektu.

Barwienie fotografiiJednolita zmiana zabarwienia kolorowej fotografii to bardzo często stosowany i dość prosty do przygotowania efekt — wystarczy jedynie wiedzieć, jak go uzyskać. Dlatego też zdecydowałem się zawrzećw tym samouczku nie tylko proste informacje związane z barwieniem zdjęcia, lecz również dodatkowe wskazówkiumożliwiające dodanie kilku prostych elementów, pozwalających na przygotowanie dużego, interesującegoplakatu. W tej sztuczce najbardziej podoba mi się możliwość przerobienia zwyczajnego, nieskomplikowanegozdjęcia w coś bardziej intrygującego pod względem artystycznym — a wszystko to niewielkim nakładem pracy.


Krok 1.Wczytaj fotografię, którą zamierzasz zabar-wić. Wydaj polecenie File/New (Plik/Nowy)i utwórz nowy dokument o wymiarach więk-szych od wielkości wybranej fotografii,a następnie naciśnij klawisz V i za pomocąnarzędzia Move (Przesunięcie) przeciągnijwarstwę ze zdjęciem do okna nowego, więk-szego dokumentu (rysunek obok). Zabiegten jest niezbędny, ponieważ naszym zamia-rem jest nie tylko pokolorowanie fotografii,lecz również przygotowanie ciekawego pro-jektu plakatu (oczywiście, sam „efekt” polegatylko na barwieniu, zaś ta część ćwiczenia,która poświęcona zostanie na opracowanieplakatu, umożliwi wykorzystanie tego efektuw kompletnym, gotowym projekcie).

STRONA330

© B

rand

X P

ictu

res


Krok 3.Dorysujmy ramkę do zdjęcia — w tym celuz rozwijanego menu dostępnego po kliknię-ciu ikony Add a Layer Style (Dodaj styl war-stwy) znajdującej się na dole palety warstwwybierz efekt Stroke (Obrys). Gdy pojawi sięokno dialogowe z ustawieniami tego efektu,kliknij próbnik koloru i zmień kolor obrysuna czarny. Zwiększ wartość parametru Size(Wielkość) na 8, zaś z rozwijanego menuPosition (Położenie) wybierz opcję Inside(Wewnątrz), aby uniknąć utworzenia ramkio zaokrąglonych narożnikach. Kliknij przyciskOK, aby zatwierdzić wprowadzone zmiany.

Krok 4.Wyprzedzimy teraz nieco czas i dodamy dwaspośród trzech efektów, które poznaszdokładniej w jednym z kolejnych ćwiczeńw tym rozdziale. Wprowadź dwa akapitydowolnego tekstu przy użyciu bardzo niewiel-kiej czcionki (na przykład Helvetica o wielko-ści 3 punktów), umieść tu i ówdzie kilkadużych plusów (symbol +) i linijkę tekstuwypisanego kapitalikami, zawierającegojakąś głęboką myśl w rodzaju „Jak dociecprawdy w świecie otaczającej nas iluzji?”.Zmniejsz stopień krycia wszystkich warstwtekstowych, redukując wartość parametruOpacity (Krycie) w palecie warstw dla każdejz nich z osobna.


Krok 5.Na koniec warto dodać napisy reklamowe na białym polu poniżej zdjęcia (jak na rysun-ku obok). Tekst „truth in advertising” napisa-ny został czcionką Helvetica Regular. Do utworzenia napisu umieszczonego tużpod spodem posłużyła czcionka CopperplateGothic Regular. Nazwa fikcyjnej galerii sztukizapisana została czcionką Trajan Pro (dostar-czaną wraz z programem Photoshop CS).


Nakładanie wzorkówTen klasyczny już dziś efekt polega na nałożeniu wzorku na wybrany obiekt bądź jego fragment.Zanim Photoshop został wyposażony w możliwość tworzenia efektów warstw (nastąpiło to w 6. edycji tegoprogramu), tego typu sztuczki należało wykonywać ręcznie, co niejednokrotnie nastręczało sporych trudności.Dzięki zaletom efektów warstw cały proces uległ znacznemu uproszczeniu.


STRONA331

Krok 1.Wczytaj zdjęcie przedstawiające obiekt, naktóry chcesz nałożyć wybrany wzorek. W opi-sanym tutaj przykładzie takiej modyfikacjipoddam zdjęcie parasolki, a właściwie tylkotej jej części, która wykonana jest z tkaniny.

Krok 2.Pierwszy etap tego zadania polega na zazna-czeniu wszystkich fragmentów parasola, któ-re wykonane są z tkaniny. Rozpocznij odnaciśnięcia klawisza W, włączając tym samymnarzędzie Magic Wand (Różdżka), a następniekliknij po lewej stronie poszycia parasola(rysunek obok). (Uwaga! Jeśli kliknięcieRóżdżką spowoduje zaznaczenie jedynie bar-dzo niewielkiego obszaru parasolki, spróbujzwiększyć wartość parametru Tolerance (Tole-rancja), którego pole znajduje się na paskuopcji programu, a następnie kliknij jeszcze raz).

Krok 3.Naciśnij i przytrzymaj klawisz Shift, a następ-nie kliknij narzędziem Magic Wand(Różdżka) w środkowej części tkaninytworzącej poszycie parasola, aby zaznaczyćpozostałą jej część. Być może po kliknięciunadal nie wszystkie fragmenty parasolazostaną całkowicie zaznaczone. W takimprzypadku naciśnij klawisz L i włącz narzę-dzie Lasso, a następnie — przytrzymując kla-wisz Shift — kliknij i obrysuj wszystkieniezaznaczone fragmenty. Na koniec powi-nieneś otrzymać zaznaczenie obejmującecałą parasolkę — a ściślej mówiąc tę jejczęść, która wykonana jest z tkaniny.

© B

rand

X P

ictu

res

Krok 4.Aby nałożyć styl Pattern Overlay (Nałożeniewzorka) na dowolny fragment obrazu, należyumieścić ten fragment na oddzielnej war-stwie projektu. Naciśnij zatem Ctrl+J (MacOS: Command+J), by skopiować zaznaczonyfragment parasolki do nowej warstwy obrazu(rysunek obok).

Krok 5.Wybierz opcję Pattern Overlay (Nałożeniewzorka) z rozwijanego menu, wyświetlanegopo kliknięciu ikony Add a Layer Style (Dodajstyl warstwy) znajdującej się na dole paletywarstw (pierwsza od lewej). Gdy pojawi sięokno dialogowe z ustawieniami tego efektu,na parasol zostanie automatycznie nałożonystandardowy wzorek (dziwaczne niebieskiebąble). Nie zostanie on połączony i zmieszanyz naturalnym kolorem parasola, lecz całkowi-cie go przykryje (jak na rysunku obok), spra-wiając, że cały obrazek będzie wyglądał —delikatnie mówiąc — nie najlepiej.

Krok 6.Najpierw znajdźmy jakiś interesujący wzorek,a później zastanowimy się, w jaki sposóbpołączyć go z istniejącym tłem. Kliknij nie-wielką, skierowaną w dół strzałkę znajdującąsię po prawej stronie miniatury wzorkuw sekcji Pattern (Wzorek), aby rozwinąć prób-nik dostępnych wzorków. Następnie kliknijniewielki przycisk ze strzałką w prawym gór-nym rogu tego próbnika, aby rozwinąć pod-ręczne menu, zawierające między innymilistę dostępnych bibliotek z wzorkami.Wybierz bibliotekę Nature Patterns (Wzorki— natura) (rysunek obok), a gdy pojawi sięostrzegawcze okno dialogowe, kliknij przy-cisk Append (Dołącz), aby dodać wzorkizawarte w wybranej bibliotece do bieżącegozestawu wzorków w próbniku.



Krok 7.Wzorki zawarte w wybranej bibliotece poja-wią się w oknie próbnika wzorków. Kliknijwzorek o nazwie Blue Daisies (rysunek obok),aby uaktywnić interesujący, ładny wzorekkwiatowy. Nie klikaj jeszcze przycisku OK.

Krok 8.Gdy powtórnie przyjrzysz się obrazkowi,przekonasz się, że dziwne niebieskie bąblezostały zastąpione przez fioletowe stokrotki(rysunek obok). Niemniej jednak, choć wzo-rek jest znacznie ładniejszy, to nadal nie two-rzy z tkaniną jednolitej całości, lecz wydajesię być na nią naklejony.

Krok 9.Aby połączyć nałożony wzorek z tkaninąparasola, należy zmienić bieżący tryb miesza-nia w rozwijanym menu Blend Mode (Trybmieszania), znajdującym się u góry okna dia-logowego Layer Style (Efekty), w sekcji Pat-tern (Wzorek). Zazwyczaj w takich sytuacjachbardzo dobrze spisuje się opcja Overlay(Nakładka), lecz w tym konkretnym przypad-ku lepiej jest skorzystać z trybu mieszaniaColor Dodge (Rozjaśnianie), który spowodujejednocześnie nieznaczne rozjaśnienie kwia-tów. Zmniejsz stopień krycia efektu, zmie-niając wartość parametru Opacity (Krycie) do65% (rysunek obok). Teraz możesz jużkliknąć przycisk OK i zatwierdzić wprowa-dzone zmiany. W kolejnych krokach ćwicze-nia przekształcimy nasze zdjęcie parasolaw reklamę środka przeciwdepresyjnego.


Krok 10.Pod zdjęciem należy dodać trochę pustegomiejsca, aby można było uzupełnić projekto odpowiedni slogan reklamowy i tekst infor-macyjny. Wydaj polecenie Image/Canvas Size(Obrazek/Wielkość obszaru roboczego)i w oknie dialogowym tego polecenia zaznaczpole opcji Relative (Względnie), a w poluparametru Height (Wysokość) wprowadź war-tość 3 cale. Na koniec kliknij środkowe górnepole w diagramie Anchor (Kotwica) i wybierzopcję White (Biały) z rozwijanej listy Canvasextension color (Kolor rozszerzenia obszaruroboczego).

Krok 11.Po kliknięciu przycisku OK, poniżej zdjęciaparasola dodane zostaną 3 cale pustegoobszaru roboczego. W pustym miejscumożesz wprowadzić slogan i inne napisyinformacyjne przy użyciu narzędzia Type(Tekst). Na pokazanym obok przykładzie slo-gan i tekst reklamowy wpisałem czcionkąMinion Pro (dostarczaną wraz z Photosho-pem CS), zaś nazwę leku w owalnej niebies-kiej „kapsułce” na dole reklamy utworzyłemprzy użyciu kroju Helvetica Bold. Sam owalprzygotowałem na oddzielnej warstwie pro-jektu, tworząc zaznaczenie narzędziem Ellip-tical Marquee (Zaznaczanie eliptyczne)i wypełniając je jasnym, niebieskim kolorem.Następnie z rozwijanego menu dostępnegopo kliknięciu ikony Add a Layer Style (Dodajstyl warstwy) w palecie warstw wybrałem efektBevel and Emboss (Faza i płaskorzeźba) i uzu-pełniłem całość efektem Drop Shadow(Cień), korzystając z listy efektów w okniedialogowym Layer Style (Efekty).


Projektowanie menu płyty DVDW kolejnym ćwiczeniu zaprojektujemy — od strony wizualnej — menu dla płyty DVD. Oczywiście, z technicznegopunktu widzenia nie uzyskamy w ten sposób w pełni funkcjonalnego menu, lecz jedynie jego ogólny projekt gra-ficzny. Ponadto nie jest to nawet jeden sposób — to właściwie cztery sposoby (w ramach coraz bardziej popularne-go trendu „cztery w jednym”). Pierwsza i najważniejsza w tym ćwiczeniu sztuczka polega na przygotowaniuniezmiernie popularnego efektu polegającego na zaprojektowaniu fotograficznego tła o ziarnistej, jednobarwnejteksturze. W dalszej części ćwiczenia poznasz również kilka innych ciekawych efektów.


Krok 1.Wczytaj zdjęcie, które posłuży jako tło dlaprojektowanego menu płyty DVD (w przed-stawionym tutaj przykładzie zajmiemy sięutworzeniem menu dla fikcyjnego filmuwojennego, opowiadającego o perypetiachpewnej misji ratunkowej). Naciśnij Ctrl+A(Mac OS: Command+A), aby wydać polece-nie Select/All (Zaznacz/Wszystko), a następnieskorzystaj ze skrótu Ctrl+Shift+J (Mac OS:Command+Shift+J), aby wyciąć całe zdjęciez warstwy tła i skopiować je do nowej,oddzielnej warstwy obrazu.

Krok 2.Wybierz polecenie Desaturate (Usuń kolor)z menu Image/Adjustments (Obrazek/Dosto-suj). Spowoduje to całkowite usunięcie kolo-rów zdjęcia. Następnie z menu Filter/Noise(Filtr/Szum) wybierz polecenie Add Noise(Dodaj szum). W oknie dialogowym AddNoise (Dodaj szum) zmień wartość paramet-ru Amount (Wartość) na 7, w sekcji Distribut-ion (Rozmieszczenie) wybierz opcję Gaussian(Gaussowskie) i upewnij się, że zaznaczonejest pole Monochromatic (Monochromatycz-ny), aby uniknąć wygenerowania szumuskładającego się z czerwonych, zielonychi niebieskich pikseli. Kliknij przycisk OK.

STRONA332

© B

rand

X P

ictu

res

Krok 3.Kliknij znajdującą się na dole palety warstwikonę Create New Fill or Adjustment Layer(Utwórz nową warstwę wypełnienia lub korek-cyjną) i z rozwijanego menu, które się wówczaspojawi, wybierz warstwę typu Hue/Saturation(Barwa/Nasycenie). Gdy pojawi się okno dialo-gowe z ustawieniami warstwy, zaznacz opcjęColorize (Koloruj), a następnie przeciągnijsuwak Hue (Barwa) w prawo, aż pole powyżejsuwaka wskaże wartość 200. W ten sposób

całe uprzednio zaszumione zdjęcie zostanie zabarwione na niebiesko (rysunekobok). Kliknij przycisk OK. Praca nad pierwszym efektem — wspomnianym wewstępie zaszumieniu i podbarwieniu zdjęcia — została już zakończona. Ponieważjednak naszym celem jest stworzenie menu dla filmu na płycie DVD, możemykontynuować naukę innych efektów i pracę nad projektem.

Krok 4.Kolejna sztuczka polega na stonowaniu kolo-rów części fotografii w taki sposób, by możnabyło na niej umieścić tytuł bądź napisy — dzię-ki zmniejszeniu jasności tła będą one wyraźnei czytelne. Utwórz nową warstwę obrazu, kli-kając ikonę Create a New Layer (Utwórz war-stwę), znajdującą się na dole palety warstw.Zmień kolor narzędzia na czarny, naciskającklawisz D, a następnie wypełnij tym koloremcałą warstwę, korzystając ze skrótu Alt+Backs-

pace (Mac OS: Option +Delete). Zmniejsz stopień krycia nowej warstwy, redu-kując wartość parametru Opacity (Krycie) w palecie warstw do 40%, aby samolotna zdjęciu w tle był znowu widoczny.

Krok 5.Naciśnij klawisz M, aby włączyć narzędzieRectangular Marquee (Zaznaczanie prosto-kątne), i utwórz duże, prostokątne zaznacze-nie obejmujące wnętrze obszaru roboczego— tutaj będą pojawiać się miniatury pro-wadzące do poszczególnych ujęć filmu.Następnie naciśnij klawisz Backspace(Mac OS: Delete), aby usunąć cały zaznaczo-ny fragment warstwy (rysunek obok). Na warstwie pozostaną wówczas dwa przy-

ciemniające tło paski — na górze i na dole projektu — o stopniu kryciawynoszącym 40%. Na paskach tych umieścimy dodatkowe napisy ułatwiającenawigację w gotowym menu. Anuluj bieżące zaznaczenie, korzystając ze skrótuCtrl+D (Mac OS: Command+D). W ten sposób zakończyliśmy pracę naddrugą techniką, polegającą na przyciemnieniu wybranych fragmentów tła,na których znajdą się napisy informacyjne.



Krok 6.Nadszedł czas na trzecią część zadania…Tworząc odpowiednie obramowanie i poświatęwzdłuż przyciemnionych pasków u góry i nadole projektu, uzyskamy wrażenie przestrzen-ności i głębi. Kliknij ikonę Add a Layer Style(Dodaj styl warstwy), znajdującą się na dolepalety warstw, i wybierz efekt Stroke (Obrys).Gdy pojawi się okno dialogowe z ustawieniamiefektu, kliknij próbnik koloru i w oknie ColorPicker (Próbnik kolorów) zmień barwę obrysuna białą. Nie zamykaj jeszcze okna dialogowe-go Layer Effects (Style) i kliknij etykietę Outer Glow (Faza zewnętrzna), znajdującąsię na liście efektów po jego lewej stronie. Przy użyciu listy Blend Mode (Tryb mie-szania) zmień tryb mieszania efektu na Linear Dodge (Rozjaśnianie liniowe),a następnie kliknij próbnik koloru i zmień bieżący kolor poświaty na biały. Na ko-niec zwiększ wartość parametru Spread (Rozszerzenie) do 18 i taką samą wartośćnadaj parametrowi Size (Wielkość). Kliknij przycisk OK.

Krok 8.Wczytaj fotografię, którą zamierzasz umieścićw narysowanym zaznaczeniu. Naciśnij Ctrl+A(Mac OS: Command+A), aby zaznaczyć jącałą, a następnie skorzystaj ze skrótu Ctrl+C(Mac OS: Command+C), aby skopiować jądo schowka. Powróć teraz do okna projektumenu dla płyty DVD (utworzone uprzedniozaznaczenie powinno być nadal aktywne)i wybierz polecenie Paste (Wklej) z menu Edit(Edycja). Skopiowane do schowka zdjęciepowinno zostać wklejone do istniejącegozaznaczenia i automatycznie umieszczone na nowej warstwie obrazu. NaciśnijCtrl+T (Mac OS: Command+T), aby wydać polecenie Free Transform(Przekształć swobodnie). Przytrzymaj klawisz Shift, kliknij jeden z uchwytóww narożniku ramki przekształcenia i przeciągnij go do wewnątrz ramki, abyprzeskalować zdjęcie w sposób pokazany na obrazku obok. Zatwierdź prze-kształcenie, naciskając klawisz Enter (Mac OS: Return).

Krok 7.Czwarty efekt polega na umieszczeniu zdjęciawewnątrz okrągłego zaznaczenia. NaciśnijShift+M tyle razy, ile będzie trzeba, abywłączyć narzędzie Elliptical Marquee (Zazna-czanie eliptyczne), a następnie przytrzymaj kla-wisz Shift i narysuj okrągłe zaznaczenie,w którym umieścisz zdjęcie prowadzące dopierwszego ujęcia filmu (rysunek obok).



Krok 9.Dodamy teraz poświatę i biały obrys wokółokrągłego wycinka fotografii. Z listy efektówdostępnej po kliknięciu ikony Add a LayerStyle (Dodaj styl warstwy), znajdującej sięna dole palety warstw, wybierz Outer Glow(Blask zewnętrzny) i korzystając z listy BlendMode (Tryb mieszania), zmień tryb mieszania na Linear Dodge (Rozjaśnianie liniowe).Zmniejsz wartość parametru Opacity (Krycie)do 43% i zmień kolor poświaty na jasnonie-bieski, korzystając z niewielkiego próbnika

koloru dostępnego w oknie dialogowym z opcjami efektu. Zwiększ wartośćparametru Spread (Zasięg) na 18 i Size (Wielkość) na 21, a następnie kliknijetykietę Stroke (Obrys) znajdującą się na liście efektów po lewej stronie oknadialogowego Layer Style (Efekty). W sekcji poświęconej ustawieniom obrysuzmień jego kolor na biały i kliknij przycisk OK.

Krok 10.Powtórz opisany proces składający się z two-rzenia okrągłego zaznaczenia, wczytywaniakolejnego zdjęcia, zaznaczania, kopiowaniai wklejania zawartości schowka do zaznacze-nia dla kolejnych ujęć filmu. Za pomocąpolecenia Free Transform (Przekształć swo-bodnie) skaluj wklejone zdjęcia. Za każdymrazem kliknij etykietę Effects (Efekty), znaj-dującą się pod warstwą z pierwszymokrągłym zdjęciem, i przeciągnij ją pod war-stwę z nową fotografią. W ten sposób skopiu-

jesz efekt poświaty i obrysu do wybranej warstwy. Gdy uda Ci się powtórzyćcałą operację trzykrotnie (aż otrzymasz menu z czterema fotkami, podobnedo pokazanego na rysunku obok), przejdź do następnego kroku ćwiczenia.

Krok 11.Na koniec dodaj kilka napisów przy użyciunarzędzia Type (Tekst). Wszystkie napisykapitalikami pokazane na rysunku obokzostały wykonane czcionką Stencil Std Bold.Jeśli chcesz zwiększyć czytelność tytułów scenznajdujących się pod zdjęciami, kliknij ikonęAdd a Layer Style (Dodaj styl warstwy) i dodajefekt Outer Glow (Blask zewnętrzny) dowarstw zawierających te napisy, zmieniająckolor poświaty na czarny i nadając jej trybmieszania Normal (Zwykły). Gotowe!

Zdjęcie niczym kadr z filmu science-fictionTa bardzo prosta, a przy tym niezwykle popularna sztuczka polega na przerobieniu zwykłego zdjęcia w taki sposób,by nabrało ono futurystycznego, technicznego wyglądu. Zazwyczaj efekt ten osiąga się przy użyciu zwykłej siatki,dwóch, trzech akapitów drobnego tekstu i kilku rozsianych losowo krzyżyków. Brzmi głupio, ale właśnie dlategoPhotoshop nie jest programem do obróbki dźwięku — końcowy rezultat ma dobrze wyglądać, a nie dobrzebrzmieć.


Krok 1.Wczytaj zdjęcie, któremu chciałbyś nadaćfuturystyczny wygląd.

Krok 2.Na początku zajmiemy się utworzeniem siat-ki. Wydaj polecenie File/New (Plik/Nowy).Korzystając z opcji zawartych w oknie dialo-gowym tego polecenia, utwórz w trybie RGBnowy dokument o wymiarach 0,25 cala na0,25 cala i dowolnej rozdzielczości (ja pozo-stawiłem rozdzielczość wynoszącą 72 ppi, aby zaoszczędzić na czasie).

Krok 3.Kliknij przycisk OK, aby otworzyć oknonowego, miniaturowego obrazka. NaciśnijCtrl+A (Mac OS: Command+A), aby zazna-czyć cały obszar obrazka, a następnie kliknijikonę Create a New Layer (Utwórz warstwę).Wydaj polecenie Edit/Stroke (Edycja/Obry-suj). W oknie dialogowym tego poleceniaokreśl szerokość obrysu na 1 piksel, w sekcjiLocation (Położenie) wybierz opcję Center(Środek) i kliknij przycisk OK, aby otoczyćcały obszar roboczy tego malutkiego obrazkaczarną ramką o szerokości 1 piksela.

STRONA333

© B

rand

X P

ictu

res

Krok 4.Korzystając z palety warstw, ukryj warstwęBackground (Tło), klikając ikonę z okiemw kolumnie po lewej stronie miniatury tejwarstwy (rysunek obok). Dzięki ukryciu war-stwy tła wnętrze kwadratu obrysowanegoczarną ramką będzie przezroczyste. W prze-ciwnym razie byłoby ono wypełnione kolo-rem białym.

Krok 5.Wybierz polecenie Define Pattern (Zdefiniujwzorek) z menu Edit (Edycja). Nadaj wzorko-wi dowolną nazwę i kliknij przycisk OK, abyzapisać go do biblioteki wzorków Photoshopa.

Krok 6.Powróciwszy do okna ze zdjęciem, utwórznową warstwę obrazka, klikając ikonę Createa New Layer (Utwórz warstwę) na dole tejpalety. Następnie z menu Edit (Edycja)wybierz polecenie Fill (Wypełnij). Z menuUse (Użyj), znajdującego się w sekcji Contents(Wypełnienie) w oknie dialogowym tego pole-cenia, wybierz opcję Pattern (Wzorek),a następnie kliknij miniaturę bieżącego wzor-ku, która się wówczas pojawi, i z bibliotekiwzorków wybierz ostatni (będzie todokładnie ten, który utworzyłeś przedchwilą). Kliknij przycisk OK, aby nałożyćwybrany wzorek na całą bieżącą warstwęobrazu — utworzy on siatkę podobną do tej,która pokazana jest na rysunku obok.



Krok 7.Skorzystaj ze skrótu Ctrl+I (Mac OS: Com-mand+I), aby odwrócić kolory siatki, zmie-niając czerń tworzących ją linii na czystykolor biały (rysunek obok).

Krok 8.Kliknij ikonę Add a Layer Mask (Utwórz mas-kę warstwy), znajdującą się na dole paletywarstw (na rysunku obok ikona ta zostałaoznaczona kółkiem), aby do warstwy z siatkądołączyć maskę. Naciśnij klawisz G, bywłączyć narzędzie Gradient, a następnie naciśnij Enter (Mac OS: Return), aby tuż obokbieżącego położenia kursora myszy wyświetlićpróbnik gradientów. Wybierz gradiento nazwie Black to White (Czarny, biały) (trzeciaminiatura od lewej w górnym rzędzie w stan-dardowej bibliotece gradientów). Upewnij się też, że na pasku opcji narzędziaaktywna jest ikona Linear Gradient (Gradient liniowy). Jest to pierwsza z lewejz grupy pięciu ikon umieszczonych po lewej stronie tego paska.

Krok 9.Kliknij mniej więcej pośrodku obszaru robo-czego i przeciągnij kursorem myszy pionowow górę, aż do krawędzi obrazka. Dzięki temusiatka pozostanie w pełni widoczna na samejgórze zdjęcia i będzie stopniowo zanikać, bystać się zupełnie przezroczystą poniżej miejs-ca, w którym rozpocząłeś rysowanie gradien-tu (rysunek obok).


Krok 10.Otwórz paletę warstw i zmniejsz wartośćparametru Opacity (Krycie) dla warstwyz siatką do około 15% (wartość ta możewahać się o kilka procent w górę lub w dół,w zależności od kolorystyki tła zdjęcia, którewybrałeś). To ostatnia czynność dotyczącasiatki — teraz rozbudujemy projekt o ele-menty tekstowe, dzięki którym całość będziesprawiać techniczne, futurystyczne wrażenie.

Krok 11.Naciśnij klawisz T, aby włączyć narzędzie Type(Tekst) i z palety Character (Typografia) (pale-tę tę można w każdej chwili wyświetlić, wybie-rając odpowiednie polecenie z menu Window(Okno)) wybierz dowolny krój bezszeryfowy(taki jak Helvetica czy Arial), a następniewprowadź krótki akapit tekstu. Tak naprawdęnie jest ważne, co on będzie zawierał (tekstpiosenki, wiersz, losowo zestawione słowa — cokolwiek), ponieważ po utworzeniu tegoakapitu zmniejszymy wielkość czcionki, którązostał on napisany, do 3 punktów, czyli prak-tycznie do zupełnie nieczytelnej wielkości(taki jest zresztą cel tego zabiegu). Następniekliknij w dowolnym miejscu obrazka przyużyciu narzędzia Type (Tekst) i wprowadźznak plusa (+), powiększając rozmiar czcionkido co najmniej 30 punktów. Zmień położenieutworzonej w ten sposób warstwy tekstowejnarzędziem Move (Przesunięcie) i korzystając

z palety warstw, zmniejsz jej stopień krycia do 24%. Naciskając Ctrl+J (Mac OS:Command+J), powiel warstwę z plusem i ponownie zmień jej położenie w takisposób, by nie nakładały się one na siebie.

PrzykładPamiętasz menu płyty DVD, które przygoto-waliśmy w poprzednim projekcie? Spójrz narysunek obok — został on tutaj wzbogaconyo siatkę, kilka znaczków plusa i dwa akapitydrobnego tekstu. Wszystko to po prostu sko-piowałem z bieżącego projektu, z jedną drobnąróżnicą — zwiększyłem odrobinę stopień krycia siatki, ponieważ stała się ona niemalcałkiem niewidoczna na nowym tle. To niesa-mowite, jaką różnicę sprawia dodanie kilku takniepozornych, wydawałoby się, elementów.


Business

Photoshop. Efekty specjalne