Webgrafika II. ' Takács Gábor



Hasonló dokumentumok
Antik kinézet a Gimp segítségével

8. fejezet: Kijelölések és görbék. A kijelölés alapjai. A fejezet tartalmából:

Adobe. indesign. Kezdő. lépések. + hasznos tippek és trükkök. Kiadás dátuma: :00

A dokumentum üzleti (intézményi) felhasználásához kérjen engedélyt! Magáncélra szabadon használható, a forrás (szerző) megjelölésével.

Vektorgrafikus rajzeszközök

MUNKAANYAG. Szőcs Endre. Csatornák típusai. Csatornák segítségével elvégezhető műveletek. A követelménymodul megnevezése: Képfeldolgozás

4. Az eszköztáron az Ellipse Select segítségével jelöljük ki az egyik szemet, majd nyomjuk le a Ctrl billentyűt és jelöljük ki a másikat is.

Üdvözöljük. Solid Edge kezdő lépések 2

Az alapértelmezett színek használatához nyomja le a D billentyűt, hogy az előtérben lévő színminta feketévé váljon.

Tuplet Tool Hangjegycsoport eszköz

3. lecke: Fürdőszoba tervezés - Burkolás

2. GYAKORLAT THONET-ASZTAL

Nappali képzés: Számítógéppel segített tervezés szerkesztésben közreműködött: Zobor Bence Kiegészítő- levelező képzés: Számítástechnika 2.

Picture Style Editor verzió Kezelési kézikönyv

Mössbauer Spektroszkópia

020 - Élkopás térkép (Edge Abrasion Map) automatizált létrehozása célszoftver alkalmazásával.

MODELER FELHASZNÁLÓI KÉZIKÖNYV

FOKA elérés beállításának leírása

Mi az a Scribus? SCRIBUS. Mi az a Scribus? Milyen platformon érhet el? Hasonló feladatra használható programok. Mire használhatjuk a Scribust?

Konfokális mikroszkópia elméleti bevezetõ

3. gyakorlat. 1/7. oldal file: T:\Gyak-ArchiCAD19\EpInf3_gyak_19_doc\Gyak3_Ar.doc Utolsó módosítás: :57:26

Tanulási segédlet 4. osztály

ARCHLine.XP Windows. Újdonságok. Felhasználói kézikönyv. ARCHLine.XP 2009 Újdonságok

megjelenítés EDGED FACES átállítjuk a szegmensek számát 5x5x5-re

2. Gyakorlat Khoros Cantata

Napfotók (webkamerás felvételek) képfeldolgozása

Szövegalakítás. Elforgatott szövegek. A HULK felirat itt most a kép részét képezi, vagyis mindössze a felett e lév ő ké t sorr a kel koncentrálnunk.

1. óra Digitális képfeldolgozás

Webgrafika I. Takács Gábor

MENÜ ÚTMUTATÓ. E-Animations Zrt.

A Adobe Flash CS4 grafikus felülete

1.4 fejezet. RGB színrendszerek

1 Újdonságok a 3D szerkesztő módban

ScopeImage 9.0. Kamera és képfeldolgozó szoftver. Felhasználói kézikönyv

Audio-video tartalom-előállítás 2. kis ZH tananyag (részlet) 2015/16 ősz

HATODIK FEJEZET / FÜGGİ MODELLEK / TANGRAM

Dr. Pétery Kristóf: Corel PHOTO-PAINT X3 Képmanipuláció

Photoshop szótár - Magyar-Angol

ARCHLine.XP Interior Windows. Interior alapok. Oktatási anyag az ARCHLine.XP Interior alapszintű használatához.

PÉLDATÁR BEGYAKORLÓ FELADAT TÉRBELI FELADAT MEGOLDÁSA VÉGESELEM- MÓDSZERREL

Bevezetés. A WebAccess használatának bemutatása előtt néhány új funkció felsorolása következik:

Újdonságok. Release 2

Készítette:

14.Cellaformátum. XVII. Az Excel XP Igazítás Igazítás ikonokkal

Selection Tool Kijelölő eszköz

Adobe Photoshop Album Starter Edition 3.0

1. lecke: Nappali tervezés

ArcGIS 8.3 segédlet 6. Dr. Iványi Péter

PovRay. Oktatási segédlet

3. Gyakorlat ellenőrzés nélküli osztályozás

4. Gyakorlat ellenőrzött osztályozás

PÉLDATÁR BEGYAKORLÓ FELADAT SÍKFESZÜLTSÉGI PÉLDA MEGOLDÁSA VÉGESELEM-MÓDSZERREL

Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13.

MUNKAANYAG. Angyal Krisztián. Szövegszerkesztés. A követelménymodul megnevezése: Korszerű munkaszervezés

Építész-informatika 3, Számítógéppel segített tervezés Kiegészítő- levelező képzés: Számítástechnika gyakorlat

Kezdő lépések. Nokia N kiadás HU

Dr. Pétery Kristóf: CorelDRAW 9 testre szabás

Használati útmutató a Moodle távoktatási keretrendszerhez Kodolányi János Főiskola

Destour Outdoor 2.0 felhasználói kézikönyv

9. Entitás modulok. Nagy Gusztáv: Drupal 7 alapismeretek Fejlesztői verzió: október 6.

Zajszűrés III. Réges-régi szkennek (DCP előttről) Áttekintés

Minden jog fenntartva, beleértve bárminemű sokszorosítás, másolás és közlés jogát is.

Beállítások módosítása

Corel PHOTO-PAINT X6 Képmanipuláció

Dr. Pétery Kristóf: Adobe Photoshop CS Képmanipuláció

Az Ön kézikönyve HP SCANJET 7490C SCANNER

SEGÉDLET ELEKTRONIKUS FELÜLET HASZNÁLATÁHOZ. EMVA Monitoring adatszolgáltatás

Corel PHOTO-PAINT X5 Maszkolástól nyomtatásig

4. lecke: Konyha tervezés

Animációk, effektusok

Szövegszerkesztés Verzió: 0.051

NYOMTATOTT ÁRAMKÖRÖK RAJZOLÁSA/TERVEZÉSE SPRINT LAYOUT 5. 0-val

Az Ön kézikönyve KONICA MINOLTA

Felhasználói útmutató

Windows alapismeretek

ÉRTÉKELÉS: VIZSGÁZTATÓ ALÁÍRÁSA:... VIZSGÁZÓ NEVE:

7. gyakorlat Tervlapok készítése, a terv elektronikus publikálása

ábra 1 LabelPOINT 250 elektromos feliratozógép Címkekimeneti nyílás Vágóél LCD kijelző Bekapcsológomb

Aronic Főkönyv kettős könyvviteli programrendszer

CAD-CAM-CAE Példatár

szló Nógrádi László

Kitöltési Útmutató a évi HOP monitoring adatszolgáltatás elektronikus kitöltéséhez január 21. verziószám: 01

Végeselem módszer 7. gyakorlat

Számítógépes Arc Animáció

Moodle tanulói kézikönyv

4. lecke: Konyha tervezés

Műszaki informatika I. (CAD I.)

ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK

Mérnöki létesítmények 3D-s modellje

2500 Series multifunkciós készülék

Az alábbiakban az interneten elérhető kompetenciatesztek kitöltéséhez olvashat útmutatót.

14.2. OpenGL 3D: Mozgás a modellben

PocketTopo felhasználói kézikönyv

i1400 Image Processing Guide A-61623_zh-tw

A GIMP festő és rajzolóeszközei

TELEMATICS regisztrációs segédlet. Gépek első aktiválása. Gép aktiválása meglévő TELEMATICS profilhoz

ECDL Prezentáció, syllabus 5.0

hp photosmart 850 digitális fényképezôgép kezelési útmutató

ECDL Képszerkesztés, syllabus 1.0

HP Scanjet N6310. Felhasználói kézikönyv

Átírás:

Webgrafika II ' Takács Gábor

Tartalomjegyzék GYAKORLATOK.........1 HÁTTÉR... 1 Kavicsos háttér... 1 Elhúzott háttér... 3 Szövet hatás... 4 Figurás háttér... 7 Kaleidoszkóp...14 FELIRATOK...19 Domborított szöveg...19 Üvegbetûk...24 Aranyos betûk...31 Álló betûk...34 Steppelt szöveg...40 GOMB...42 Gél-gomb...42 FOTÓ KORREKCIÓ...57 Világosítás...57 Piros szem effektus...61 JÁTSZUNK FESTMÉNYT...64 Égbolt...65 Felhõk...67 Szélfútta felhõk...69 Hegy...70 Tükrözõdés...74 Féltávoli növényzet...76 Közelebbi táj...82 Közelkép...86 A NAP TIPPJEI......91 ANGOL - MAGYAR PSP SZÓTÁR......95 FELHASZNÁLT ÉS AJÁNLOTT IRODALOM.........112 AJÁNLOTT LINKEK.........112 PSP oldalak...113 Szûrõk...113 Tubes...113 Maszkok:...114 Tutorial...114

Gyakorlatok Az eddigiekben megismertük a PSP kezelési lehetõségeit. Itt az ideje, hogy ismereteinket hasznos (vagy haszontalan) dolgok készítésére felhasználjuk. Háttér A Web oldalaink fontos kelléke a háttér. Szinte ökölszabály, hogy a háttér sohase legyen fehér. Ez igaz Web oldalakra, de prezentációra is. A fehér háttér nagyon vakítja a szemet, az könnyen elfárad. Legegyszerûbb esetben célszerû valamilyen halvány pasztell színt adni hátterünknek. A Web oldalaknál ezt valamennyi Web-szerkesztõvel meg tudjuk csinálni. Picivel bonyolultabb, ha háttérnek valamilyen, nem feltûnõ semleges mintát választunk. Az esetek legnagyobb részében a háttérnek nincs információ hordozó szerepe. Vigyázni kell tehát, hogy a háttér ne vonja el a figyelmet a szövegrõl, a képekrõl, stb. Fontos szabály, hogy a háttérnek, kevés kivételtõl eltekintve, háttérbe húzódónak kell lenni! A hátterek tömkelegét tudjuk az Internetrõl letölteni, de egyiknek sincs olyan varázsa, mint amit magunk készítünk. Kavicsos háttér Hozzunk létre egy új képet! [Ctrl + n] Width = Height = 100 Background color = White Image type = 16.7 Million Colors Tegyünk rá, véletlenszerû színes pixeleket, azaz ún zajt! OK Image/Noise/Add Random %Noise = 100 (ez az érték kisebb is lehet) OK II-1

Tegyük szürkévé az egész képet, mert így a pontokat egyformán tudjuk kezelni. Viszont, érdemes azonnal visszaállítani 16 milliós képpé, mert a manipulációkat általában ezen a színmélységen tudjuk végrehajtani. Ezt az odavissza mûveletet érdemes megjegyezni, mert sokszor élhetünk, ill. élni kell vele. Colors/Grey Scale Colors/Increase Color Depth/16 Million Colors Mentsük el a képet, mondjuk backgr_00.psp néven! Egy adott irányba elhúzva, homályosítsuk el a képet (Motion Blur), majd tegyük élesebbé (Sharpen More). Image/Blur/Motion Blur Direction = n * 45 (ahol n páratlan egész szám) Intensity = 4 (ez az érték vátozhat) OK Image/Sharpen/Sharpen More Az elõtér színét állítsuk zöldre (0,255,0), vagy bármire (fehérre, kékre, stb.), amilyen tónusú képet szeretnénk. Öntsük le képünket, jelen esetben zöld, forró viasszal (Hot Wax Coating). Image/Other/Hot Wax Coating A Noise felhasználásával készített hátterekkel, az esetek nagy részében, feltûnõ illesztési él nélkül önthetünk ki nagyobb felületeket. II-2

Készítsünk különbözõ színû felíratokat egy ilyen háttérrel kiöntött felületre! Hátterünk egy kicsit harsányra sikerült, tompítsunk rajta. Tegyünk a háttér képre egy réteget (Fedõ réteg) és a kiöntõ eszközünkkel (Flood Fill ) öntsük ki fehér színnel. Mozgassuk a Layer palettán az átlátszóságot állító csúszkát és figyeljük meg a kép alakulását. A gyakorlatban az Opacity értéket általában 70% és 90% közé szokták állítani. Ez utóbbi módszert érdemes megjegyezni, mert jól használható képek tompítására. Elhúzott háttér Vegyük elõ a backgr_00.psp képünket és másolatán folytassuk a munkát. Állítsuk be az elõtérszínt halványzöldre (192/255/192). Öntsük le forró viasszal, és erõteljesen húzzuk el valamilyen irányba. II-3

Image/Other/Hot Wax Coating Image/Blur/Motion Blur Direction = n * 45 (ahol n páratlan egész szám) Intensity = 40 (ez az érték más is lehet) OK Az ilyen csíkos, vonalas háttérrel már kevés az esélyünk, hogy az illesztési vonalak alig legyenek észrevehetõk. Tompítással javíthatunk a helyzeten, de még jobb eredményt érünk el, ha emellett alkalmazzuk a Selection/Convert to Seamless Pattern eljárást is. Szövet hatás Ismét a backgr_00.psp képünk másolatán dolgozunk. Húzzuk el jobbra, majd lefelé a képpontokat. Emeljük ki a kontúrokat (Image/Edge/Enhance More), készítsünk dombornyomást (Image/Other/Emboss) és színezzük át (Colors/Colorize). II-4

Image/Blur/Motion Blur Direction = 90 Intensity = 4 (ez az érték más is lehet) Image/Blur/Motion Blur Direction = 180 Intensity = 20 (ez az érték más is lehet) Image/Edge/Enhance More Image/Other/Emboss Colors/Colorize Hue = 30; Saturation = 255 (ezek az értékek vátozhatnak) (Ezzel az utóbbi módszerrel bármit átszínezhetünk a Hue és Saturation értéknek megfelelõen!) Ne feledjük, a tompításra itt is szükség lehet, ha alkalmazni akarjuk háttérként a képünket. Vegyük elõ ismét a backgr_00.psp képet és másoljuk le. A Layer palettán a Bacground soron kattintsunk az egér jobb gombjával. Válasszuk a Duplicate parancsot és ezzel hozzunk létre még egy ugyanilyen réteget. A Background rétegre alkalmazzuk a következõ effektet: Image/Blur/Motion Blur Direction = 0 Intensity = 20 (ez az érték más is lehet) A Copy of Background rétegre pedig a következõt: Image/Blur/Motion Blur Direction = 90 Intensity = 20 (ez az érték más is lehet) A Copy of Background réteg átlátszóságát állítsuk 50%-ra, majd a Layers/Merge/Merge All (Flatten) parancsal egyesítsük a rétegeket. II-5

Használjuk egymás után háromszor a Image/Sharpen/Sharpen More parancsot, hogy kiélesítsük a kontúrokat. Végül színezzük át a képünket: Colors/Colorize Hue = 30; Saturation = 255 (ezek az értékek vátozhatnak) Kiindulásunk ismét a backgr_00.psp kép. Elõször készítsünk a másolatából mozaikképet, színezzük át, majd élesítsük ki a kontúrokat. Image/Other/Mosaic Block Width = 7 Block Height = 7 Colors/Colorize Hue = 130; Saturation = 255 (ezek az értékek vátozhatnak) Image/Sharpen/Sharpen More Image/Sharpen/Sharpen More Image/Sharpen/Sharpen More Az így kapott képre készítsünk dombornyomást. Image/Other/Emboss Az átszínezést és a tompítást a már ismert módon végrehajthatjuk. II-6

Figurás háttér Elõfordulhat. hogy olyan Web hátteret (vagy kiöntést) szeretnénk, amely figurális elemekbõl tevõdik össze. Mondjuk pénzérmékkel akarunk teleszórni egy felületet. Ilyen feladathoz egy kis képet kell készítenünk, amelyet a böngészõnk gyorsan le tud tölteni. A háttér befedése ekkor a helyi gépen, nagy gyorsasággal történik (ha háttérnek nagy képet választunk, annak a letöltése hosszú idõ is lehet, ami elveheti kedvét az érdeklõdõnek az oldal megtekintésétõl). A Háttérminta fejezetünkben már láttuk az illesztési élek problémáját. Különösen kritikus ez, ha a hátteret apró figurák alkotják. Nézzük elõször a rossz példát. Nyissunk egy 200x200-as, fehér hátterû, új rajzlapot. Szórjuk tele az euro tubusunk segítségével érmékkel. A szóráshoz az eszközt használjuk, az euro tubus kiválasztásával, a következõ beállítás mellett: Amennyiben a program nem kínálja fel ezt a tubust, akkor az még nincs a megfelelõ könyvtárban. A mintakollekciónkból másoljuk át az euro.tub fájlt a program...\paint Shop Pro 6\Tubes mappájába. Szórás után az alábbihoz hasonló ábrát kapunk. II-7

Készítsünk egy 300x300-as nagyságú fehér hátterû lapot és az az alábbi beállítások mellett, öntsük ki az érmékkel. eszközzel, Az eredmény nem valami szívderítõ, a feltûnõ illesztési élek hiteltelenné teszik a kitöltést: II-8

Olyan megoldást kell keresnünk, amely biztosítja az illeszkedésnél is az átmenetet. A megoldás több lépésben hozható létre. Elsõ gondolat, oszzuk fel a képet 4 részre és az átellenes térnegyedeket cseréljük fel, az alábbi séma szerint. Ezzel azt érhetjük el, hogy ezen háttérelemeket egymás mellé téve, a határoknál nem lesz illesztési gond. De!!!, de elõbb hajtsuk végre a mûveleltet és nézzük meg úgy az eredményt. Az elsõ gond, hogyan tudjuk a térnegyedeket felcserélni? Egy képen belül nem tudjuk megcsinálni. Az eredeti képen pontosan ki kell jelölni a térnegyedet és egy új ábrán pontosan a megfelelõ másik negyedbe kell illeszteni. A végrehajtáshoz a pontos kijelölés mûveletét (két kattintás az ikonra) és az Alpha Channel segítségét vesszük igénybe. Elõször hozzuk létre a négy térnegyed pontos kijelölését és mentsük el az Alpha Channel-re. Készítsünk egy új 200x200-as, fehér hátterû alapot és II-9

kattintsunk kétszer a Selection ( ) ikonra. Állítsuk be az alábbi értékeket, majd nyomjuk meg az OK gombot. Képünkön megjelenik az elsõ térnegyed pontos kijelölése: A kijelölést mentsük el az Alpha Channel-re (Selection/Save To Alpha Channel.., majd OK és az új ablakban szintén OK). Jegyezzük meg, hogy az elsõ térnegyed Selection #0 néven került elmentésre. A második térnegyedre a kijelölés: Left=100, Right=200, Top=0, Bottom=100. Az elõzõek szerint mentsük el az alfa csatornára, ahol a második térnegyed a Selection #1 nevet kapja. II-10

A harmadik térnegyedre a kijelölés: Left=0, Right=100, Top=100, Bottom=200. Az elõzõek szerint mentsük el az alfa csatornára, ahol a harmadik térnegyed a Selection #2 nevet kapja. A negyedik térnegyedre a kijelölés: Left=100, Right=200, Top=100, Bottom=200. Az elõzõek szerint mentsük el az alfa csatornára, ahol a negyedik térnegyed a Selection #3 nevet kapja. Ezt az ábrát ternegyedek.psp néven mentsük el. Így a késõbbiekben bármilyen 200x200-as ábrán rendelkezésünkre áll a térnegyedes kijelölés (ha megnyitjuk ezt az ábrát!!), hiszen a.psp kiterjesztés magával viszi az Alpha Channel kijelöléseit is. Másoljuk le ezt az üres ábrát (Shift + d) és tegyük az érmékkel kitöltött mellé. Az érmés ábrára töltsük be az alfa csatornáról az elsõ negyed kijelölését (Selections/Load From Alpha Channel.., válasszuk Selection #0 kijelölést). Érdemes azonnal a vágólapra másolni a kijelölt részt (Ctrl + c). Az üres rajzlapra pedig töltsük be a negyedik negyed kijelölését (Selections/Load From Alpha Channel.., válasszuk Selection #3 kijelölést). A vágólapról másoljuk a kijelölt részbe az elsõ negyed ábráját (Edit/Paste/Into Selection.. vagy Ctrl + Shift + l). l A tanult módszerrel tegyük az új helyükre az ábrarészeket. II-11

Ezekkel az áthelyezésekkel azt értük el, hogy az illesztetlenség a kép közepére került. olyan helyre, amit már anélkül tudunk lefedni, hogy a figurát, jelen esetben az érmét, darabolnunk kellene. A megkülönböztethetõség érdekében tegyünk a képünkre egy olyan réteget (Fehér), amelyet fehérrel öntünk ki és az átlátszóságát 70-re állítjuk. Erre a rétegre a késõbbiekben nincs szükség, majd ki fogjuk törölni. Azt tudjuk, hogy ábrákat rétegenként tudunk mozgatni, ahol a rétegen lévõ valamennyi ábra együtt mozog. Ezért minden egyes érmünket külön rétegre tesszük, hogy külön tudjuk mozgatni õket. Hozzunk létre tehát egy Érme 1 réteget és az euro tubus segítségével tegyünk rá egy érmét, majd azt mozgassuk ( ) úgy, hogy az illesztetlenséget az ábra szélén letakarja. Ne törekedjünk a szimmetrikus elhelyezésre, a lényeg az, hogy a határvonalat takarja és pont a kép széléig érjen. II-12

Ezzel a módszerrel, külön-külön rétegre, tegyünk egy-egy érmét az ábra széleire (ügyeljünk az érme árnyékaira is). Végül az ábra közepén is takarjuk le az illesztési vonalakat. Ezen kívül is elhelyezhetünk érmét, ügyelve arra, hogy teljes terjedelmében az ábrán legyen. Mentsük el a mûvet ermek.psp néven. Töröljük ki a Fehér réteget, majd a Layers/Merge/Merge All (Flatten) paranccsal egyesítsük a maradékot. Az eredmény: Most nézzük meg, milyen lesz egy háttér, ha ezzel a képpel öntjük ki: II-13

A csatlakozási él nem látszik. Természetesen észrevehetõ az ábrarészek ismétlõdése, de összességében korrekt benyomást kelt. Az ismétlést nem tudjuk elkerülni, hisz az a módszer lényegébõl fakad, de az ábra méretét, a kitöltõ figurák nagyságát változtatva javíthatunk vagy ronthatunk a helyzeten. Web-es háttérnek ez az ábra nagyon feltûnõ, de a már ismert tompítási módszerrel elfogadhatóvá tehetjük. Kaleidoszkóp Gyermekkorunk szívesen nézegetett, változatos színek tükörszimetrikus kavalkádját, a kaleidoszkóp produkálta. A PSP ugyan kínál ilyen effektust (Image/Effects/Kaleidoscope), de most magunk próbáljunk hasonlót készíteni, hogy közben néhány trükköt megtanuljunk. Elsõ lépésben állítsunk elõ egy szivárvány-átmenetes kiöntõ mintát. A Flood Fill ( ) eszközünkre kattintva a Tool Options palettát használva, válasszuk ki Fill Style = Linear Gradient opciót. II-14

A második fülön válasszuk az Edit szerkesztést, majd nyomjuk meg a New gombot. Az új átmenetnek adjuk a Szivarvany nevet. Hozzunk létre és állítsunk be az átmeneteket (Gradient) a következõk szerint: 1. Location = 0; Custom (Color) = 255,255,0 2. Location = 33; Custom (Color) = 0,255,255 3. Location = 66; Custom (Color) = 255,0,255 4. Location = 100; Custom (Color) = 255,255,0 Az átlátszóság (Transparency) mindenhol 100 % legyen. II-15

Hozzunk létre egy 100x100-as fehér hátterû alapot és öntsük ki az alábbi beállítás szerint. Tegyünk egy réteget a képünkre, és azt az alábbi beállítás szerint öntsük ki. II-16

A rétegünk keverési módját (Blend Mode) állítsuk különbség (Difference) értékre (más keverési módot is kipróbálhatunk). Egyesítsük a rétegeket (Layers/Merge/Merge All (Flatten)), majd képünket tegyük a vágólapra (Ctrl + c). Vegyük elõ a ternegyedek.psp képünket, másoljuk le (Shift + d) és hívjuk elõ az alfa csatornáról az elsõ térnegyedet. A vágólapról másoljuk a kijelölt részbe ábránkat (Edit/Paste/Into Selection.. vagy Ctrl + Shift + l). l II-17

Fordítsunk a kis ábránkon 90 fokot jobbra, Image/Rotate a mellékelt beállítás szerint, és másoljuk a vágólapra. A nagyobbik ábránkon az alfa csatornáról vegyük elõ a második térnegyed kijelölését és másoljuk bele az elfordított ábrácskát. Forgassunk újra az ábrán és tegyük a negyedik (!) térnegyedbe, majd újabb forgatás után a harmadikba (!). Végül az alábbi ábrát kell kapnunk: II-18

Mentsük el ábránkat kaleidoszkop.psp néven. Duplikáljuk az alapréteget (Layers/Duplicate( Layers/Duplicate), fordítsunk rajta 45 fokot (Image/Rotate( Image/Rotate), majd állítsunk be különbözõ keverési módokat (Blend Mode). Különbözõ szögelfordulásokkal, keverési módokkal, a felsõ réteg negatívba állításával, változatos ábrákat állíthatunk elõ, melyeket háttérként, kitöltésként, díszítõelemként, stb. használhatunk. Feliratok A feliratok fontos részei a Web oldalaknak. Itt most nem elsõsorban az ún. kenyérszövegre kell gondolnunk, hanem díszítõ-, vagy címfeliratokra. Ha valaki ilyenek készítésére adja a fejét, akkor célszerû különbözõ fontkészleteket telepíteni a gépére. Mi itt most azzal gazdálkodunk ami van, tehát formailag nem lesznek túl változatosak a kísérleteink, de a módszerben van a lényeg. Domborított szöveg Készítsünk egy 300x100-as fehér hátterû lapot és írjuk rá a PSP6 szöveget. Válasszuk ki a Text eszközünket ( ) és kattintsunk az ábra közepére. A felnyíló ablakban állítsuk be az alábbi értékeket: II-19

Betûtípusnak valamilyen tömörebbet érdemes keresni, itt az Ariel Black-re esett a választás. Az OK megnyomása után a szöveget, ha szükséges, mozgassuk az ábra közepére. Terjesszük ki a kijelölést 3 pixellel. II-20

A Selections/Modify/Expand parancs kiválasztása után állíthatjuk be a kiterjesztés értékét pixelben. Tegyünk az ábrára egy normál eloszlású (Gauss) elmosást (Gaussian Blur). Image/Blur/Gaussian Blur A Radius értékét állítsuk 2,00-ra. Ettõl az értéktõl a késõbbi ábránk domborultsága függ. II-21

Az eddigiek elõkészítõ mûveletek voltak a domborítást végzõ szûrõ (Emboss) alkalmazásához. Image/Other/Emboss paranccsal máris kiugrik a felirat a háttérbõl. A kijelölést mentsük el az alfa csatornára (Selections/Save To Alpha Channel), majd a Ctrl+dvel szüntessük meg. Már így is használható, de érdemes még foglalkozni vele. Húzzunk rá egy szövetmintát (texture), hogy ne ilyen szürke színû legyen a képünk. Tegyünk a képünkre egy új réteget, mondjuk Minta néven és állítsuk be rajta a keverési módot (Blend Mode) takarásra (Overlay). Layers/New Raster Layer Keressünk valahol egy nekünk tetszõ textúrát, jobb híján a mintakollekcióból vegyük elõ a bg_fa.jpg képet. A kiöntõ eszközünk (Flood Fill) kiöntési módját (Fill Style) a Tool Options elsõ fülén állítsuk háttérmintára (Pattern). A második fülön állítsuk be ezt a képet. II-22

Ezzel a mintával öntsük ki a dombormû Minta rétegét. Adjunk árnyékot a betûinknek. Elõször egyesíteni kell a rétegeket (Layers/Merge/Merge All (Flatten)), majd az árnyékoláshoz be kell tölteni az alfa csatornáról a kijelölést (Selections/Load From Alpha Channel). Végül az árnyék beállítása következik. Image/Effects/Drop Shadow Opacity=80; Blur=10; Vertical=7; Horizontal=7 Végül Ctrl + d a kijelölés eltüntetéséhez. Amennyiben nem találjuk elég élesnek a képet az Image/Sharpen/Sharpen More paranccsal keményíthetünk rajta. II-23

Üvegbetûk Üvegbõl készült betûk hatását érhetjül el a következõ gyakorlatunkkal. Ezeknél a fény játékát, az átlátszóságot kell biztosítanunk. Vannak különbözõ letölthetõ és megvásárolható plug-in-ek, amelyek erre vannak kihegyezve, de azok most nem állnak rendelkezésünkre. A meglévõ készletbõl kell gazdálkodnunk, így több lépcsõs mûveletre számíthatunk. Az üveghatás sötét háttér elõtt érvényesül, tehát az elkészítés során fekete háttéren dolgozunk. A kész mûvet azután tesszük át valamilyen mozgalmasabb háttérre, hogy az üveg átlátszósága is érvényesüljön. Készítsünk tehát egy 300x100-as, fekete hátterû rajzlapot, majd erre írjuk rá a szövegünket. File/New Width = 300; Height = 100; Background color = Black Image type = 16.7 Million... A szöveg beírásához alkalmazzuk az alábbi beállításokat: II-24

Igazítsuk a szöveget középre és a kijelölést rögtön mentsük el az alfa csatornára (Selections/Save To Alpha Channel, OK, OK). Szüntessük meg a kijelölést (Ctrl + d) és duplikáljuk a réteget (Layers/Duplicate). A Layer palettát megjelenítve ( ) elõször jelöljük ki a Background réteget és tiltsuk le a másolat láthatóságát. Vegyük elõ az alfa csatornáról a kijelölést (Selections/Load From Alpha Channel; OK), mert az alkalmazandó effektus (Inner Bevel) csak kijelölésen belül alkalmazható. Használjuk az elõbb említett effektust (Image/Effects/Inner Bevel Image/Effects/Inner Bevel) az alábbi beállításban: II-25

Az eredmény a kijelölésen belül olyan ferde levágás, ahol a fény jobbról és alulról érkezik (Angle = 125). A beállítás paraméterein (10 db!!) változtathatunk, ami természetesen befolyásolja a legvégsõ eredményt, de ezt ne egyszerre valamennyivel tegyük, mert a kimenetet úgy elég nehéz megjósolni. Itt a célunk az volt, hogy világos és nem túl sötét árnyalatokat kapjunk, mert majd egy keverés után, kétirányú megvilágítású képet kell kihoznunk az üveghatás elérésére. Váltsunk át a duplikált rétegre. II-26

Alkalmazzuk az elõzõ effektust (Image/Effects/Inner Bevel), azzal a különbséggel, hogy most a bal felsõ sarokba tegyük a fényforrást. Az eredmény a kijelölésen belül olyan ferde levágás, ahol a fény balról és felülrõl érkezik (Angle = 315). Keverjük össze a két képet, hogy mindkét megvilágítás érvényesüljön. A keverési módot (Layer Blend Mode) állítsuk Hard Light-ra és az átlátszóságot (Opacity) 50 %-ra. Végül egyesítsük a rétegeket (Layers/Merge/Merge All (Flatten)). A kijelölést még meg kell tartanunk. II-27

A következõ effektusunk alkalmazása elõtt válasszuk az elõtér színét fehérre, a hátterét feketére. A különbözõ elõtér-, és háttérszín alkalmazásával a forró viasz más szín és kontraszt árnyalatot eredményez. Ha már megismertük ennek az eljárásnak a lényegét, érdemes kipróbálni több lehetõséget is. Öntsük le a képünket forró viasszal (Image/Other/Hot Wax Coating). Növeljük a színtelítettséget (Saturation) a képünkön. Colors/Adjust/Hue-Saturation- Lightness (Hue=0; Saturation=100; Lightness=30) Tegyük egy kicsit ragyogóbbá (Brightness) és vegyünk le a fényességbõl (Contrast). II-28

Colors/Adjust/Brightness- Contrast (Brightness=30; Contrast=-10) Végül keményítsünk a képünkön. Image/Edge/Enhance Ezt a képet transzparensként át kell másolunk egy másik fekete háttérre. Hogy az átlátszóság nekünk tetszõen jelenjen meg, meg kell fordítani az elõtér és a háttér színét. Most a háttér legyen a fehér. Másoljuk le a képünk kijelölt szövegét (Ctrl + c), készítsünk egy ugyanilyen méretû, fekete hátterû rajzlapot, és rögtön tegyünk rá egy új réteget. A rétegre transzparensként (Ctrl + Shift + e) másoljuk rá a kijelölt szöveget és a kijelölést növeljük 2 pixellel (ez az érték a betû nagyságától függ). Transzparensként való átmásolás után. Selections/Modify/Expand (Number of pixels = 2) II-29

2 pixelnyit elmossuk a képet, majd élesítünk rajta valamit. Image/Blur/Motion Blur (Angle=120; Intensity = 2 pixels) Image/Edge/Enhance Vegyük le a kijelölést (Ctrl + d), jelöljük ki a hátteret és öntsük ki egy sötétkék tónusú mintával. A fájlt a mintakollekciónkban bluebubb.jpg néven találjuk. Az eredmény: Javíthatunk a hatáson, ha csillagszerû csillanást teszünk a képünkre. Ehhez vegyük elõ a mintakollekcióból a csillag.jpg képet és transzparensként (ehhez a színpalettán a háttérnek kell feketének lenni) tegyük a képünk, általunk jónak vélt, pontjaira. Vigyázat ne vigyük túlzásba a fénycsillag elhelyezését. És íme a végeredmény: II-30

Aranyos betûk Betûinket aranyból is készíthetjük. Hozzunk létre egy 300x100-as, fehér hátterû rajzlapot, majd erre írjuk rá sárga színnel (RGB = 255/245/205) a szövegünket. A betûket most is érdemes széthúzni (Kerning = 150). Növeljük meg 4 pixelnyi kerettel a kijelölésünket. Selections/Modify/Feather (Number of pixels = 4) A szinpalettán állítsuk az elõtér (Foreground) színét a betûszínnek megfelelõ sárgára (RGB = 255/245/205). A háttérszin közömbös. A képet öntsük le háromszor (!) forró viasszal. Image/Other/Hot Wax Coating Image/Other/Hot Wax Coating Image/Other/Hot Wax Coating Már így is jól használható, de tegyük egy kicsit aranyosabbá. II-31

Colors/Adjust/Hue/Saturation/... (Hue = 0; Saturation = 100; Lightness = 35) A színfokozat (Hue) értékét növelve (1; 2; 3) csökkenthetjük a felirat aranytartalmát. Végül adjunk árnyékot a képünknek és szüntessük meg a kijelölést. Image/Effects/Drop Shadow (Color = fekete; Opacity = 40; Blur = 10; Offset 7/7) Ctrl + d Készítsünk most egy kicsit cizelláltabb aranyló feliratot. Ismét a 300x100-as fehér hátterû rajzap létrehozásával kezdjük a munkát. A betû színét és az elõtérét is, állítsuk egy kicsit sötétebb sárgára (RGB = 255/220/100). Keressünk egy olyan betûtípust, amelyik elég vastag, de egy kicsit kacskaringósabb az eddig használtnál. Ilyen például a Matura MT Script Capitals, de számítsunk arra, hogy a különbözõ gépeken pontosan ezt nem, de remélhetõleg valami hasonlót találunk. Ha mégsem, akkor is válasszunk valamit, hogy a módszert kipróbálhassuk. A kiemelõ effektussal (cutout) árnyékoljuk be a betûket. II-32

Image/Effects/Cutout (Opacity = 70; Blur = 8; Offset = -5/-5) És most öntsünk rá forró viaszt. Image/Other/Hot Wax Coating Változtassunk a fényességen és a kontraszton. A mûveletet egymás után, háromszor hajtsuk végre. Colors/Adjust/Brightness... Colors/Adjust/Brightness... Colors/Adjust/Brightness... (Brightness = 40; Contrast = 30) Tegyük a betûinket aranylóbbá. Colors/Adjust/Hue/Saturation/... (Hue = 2; Saturation = 100; Lightness = 40) Végül az árnyékolás és a kijelölés megszüntetése maradt. II-33

Image/Effects/Drop Shadow (Color = fekete; Opacity = 40; Blur = 10; Offset 7/7) Ctrl + d Álló betûk A felkínált árnyékolási technika, a felület felett lebegõ felirat hatását kelti. Elõfordulhat, hogy olyanra lenne szükségünk, ahol a betûk függõlegesen állnak és ferde vetített árnyékuk van. Készítsünk az eddigiekhez képest valamivel szélesebb, 380x100-as fehér alapú rajzlapot és üntsük ki valamilyen pasztell színnel. Állítsuk be a háttérszínt RGB=96/192/192 értékre. Vegyük elõ a kiöntõ eszközünket (Flood Fill ), és a mellékelt beállításban, öntsük ki a background színével (RGB=96/192/192) a rajzlapot. Válasszuk ki a Text eszközt ( következõképp: ) és paramétereit állítsuk be a II-34

Illesszük beírásunkat a rajzlapra úgy, hogy a középtõl kicsit jobbra essék. Fekete elõtér és a választott pasztell háttér mellet (RGB = 96/192/192), állítsuk be a kiöntõ eszközünket ( ) a következõk szerint: II-35

Kattintsunk valamelyik betûre. Az átmenet mindegyik betûn megjelenik, köszönhetõen a Match mode = None beállításnak. Ferdítsük el kb. 67 fokban az ábránkat. Mivel a torzító effektus egy lépésben csak 45 fokos ferdítést tesz lehetõvé, ezért kétszer egymás után alkalmazzuk. Image/Deformations /Skew (Horizontal = 45; Vertical = 0) Image/Deformations /Skew (Horizontal = 45; Vertical = 0) II-36

Vegyük le a kijelölést (Ctrl + d) és mossuk el a kontúrokat. Image/Blur/ /Blur More Tegyünk a képünkre egy réteget. A rétegre vigyük fel újra az eredeti szöveget és igazítsuk úgy, hogy az árnyék neki legyen tulajdonítható. Tulajdonképpen az árnyék készítésének módszere eddig tartott. A betûket még ugyan alakítani kell, de az már az egyéni izlésünktõl függ, hogy az eddig tanult változatokat alkalmazzuk, vagy valami mást. Most csináljunk valami mást. Mentsük el a kijelölést az alfa csatornára (Selections/Save To Alpha Channel, majd OK, OK) és fessük a betûket kékre. A kifestéshez állítsuk az elõtér színét kékre (RGB = 0/0/255) és a kiöntõ eszközünkkel kattintsunk valamelyik betûre. Image/Blur/ /Blur More II-37

Vegyük le a kijelölést (Ctrl + d) és lágyítsunk a képen (rétegen). A lágyítás a kontúrok elmosását jelenti, amit a kijelölés alatt egy homogén ábrán nem tudunk végrehajtani. A kijelölés megszüntetésével kontúr csak a széleken keletkezik, amit így egy kicsit el tudunk mosni. Image/Blur/ /Soften More Töltsük vissza a kijelölést (Selections/Load From Alpha Channel, majd OK), mert a további mûveleteket csak a betûkön akarjuk végrehajtani. Tegyünk a betûkre némi véletlenszerû zajt, ami olyan hatást kelt, mintha flitterekkel szórnánk tele. Image/Noise/Add (%Noise = 50, Random bekapcsolva) Alkalmazzuk az Inner Bevel (belsõ ferde levágás; Image/Effects/Inner Bevel) effektust a következõ beállítással: II-38

A végsõ eredményrõl vegyük le a kijelölést (Ctrl + d), ha szükséges igazítsuk a betûket pontosabban az árnyékhoz, és el is készült a mû. A további felhasználástól függõen, a rétegek megtartásával elmenthetjük.psp formában, vagy egyesítjük a rétegeket és akkor.jpg, esetleg.gif formában archiválhatjuk. II-39

Steppelt szöveg Érdekes hatást érhetünk el steppelt (quilting) szöveg létrehozásával. Készítsünk egy 300x100-as nagyságú, fehér hátterû rajzlapot. Írjuk rá vastag betûkkel a szövegünket, ha szükséges igazítsuk középre. Mentsük el a kijelölést az alfa csatornára (Selections/Save To Alpha Channel, majd OK, OK). Szüntessük meg a kijelölést (Ctrl + d) és duplikáljuk a réteget (Layers/Duplicate). A Layer palettát megjelenítve ( ) elõször jelöljük ki a Background réteget és tiltsuk le a másolat láthatóságát. Tegyünk az alaprétegre egy normál eloszlású (Gauss) elmosást (Gaussian Blur; Radius = 3.00). Domborítsuk meg az ábrát (Image/Other/Emboss). II-40

Jelöljük ki a másolt réteget, tegyük láthatóvá, és a keverési módját (Blend Mode) állítsuk Difference értékre. Az eredmény: Emeljük ki egy kicsit a kontúrokat, azzal, hogy lágyítunk a képen (Image/Blur/Soften) II-41

Tegyünk egy újabb réteget a képünkre, melynek a Blend Mode-ját állítsuk Color-ra. Töltsük rá a kijelölést az alfa csatornáról (Selections/Load From Alpha Channel, majd OK). Válasszunk egy világosabb kék színt (RGB = 0/192/255) az elõtér színének. Jelöljük ki a Flood Fill (kiöntõ ) eszközünket (Fill style = Solid Color; Match Mode = None; Opacity = 100) és kattintsunk az egyik betûre. Fordítsuk meg a kijelölést (Selections/Invert), tegyünk rá egy újabb réteget, amelynek a Blend Mode-ját állítsuk Overlay-re és ezt a részt öntsük ki a Cyan- Magenta-Yellow színátmenettel (Angle = 90). Végül szüntessük meg a kijelölést (Ctrl + d). Gomb Gél-gomb A gomboknak meghatározó szerepük van a Web-oldalakon, mert legtöbbször ezeket használjuk a navigációhoz. Most egy különleges változat készítésével ismerkedünk meg, a gél (áttetszõ, kocsonyás anyag) hatását keltõ gombbal. Ezt a benyomást részben a gomb színével, részben a fényhatással érjük el. Készítsünk egy 400x200-as Transzparens hátterû rajzlapot. Tegyünk rá rögtön egy Fehér nevû réteget, amit öntsünk is ki fehér színnel. Ennek az a szerepe, hogy a munka közben is látszódjon a produktum, de ha szükséges bármikor kikapcsolhassuk vagy kitörölhessük. Munkánkat már most érdemes gel.psp néven elmenteni és minden fázis után a mentést megismételni. II-42

Nyomógombunk legyen kapszula alakú, amit egyszerûen egy vastag vonal meghúzásával hozunk létre. Ahhoz, hogy ezt megfelelõen el tudjuk helyezni a rajzlapon, célszerû igénybe venni a rácsozat nyújtotta vizuális segítséget. Állítsuk be a rácsok távolságot 50-re (File/Preferences/General Program Preferences parancssoron a Rulers and Units fül kiválasztásával Horizontal - és a Vertical Spacig értékét állítsuk 50-re). A rács láthatóságát bekapcsolva (View/Grid), pontosabban rajzolhatunk. Válasszuk ki a rajzoló eszközünket (Draw következõkre: ) és paramétereit állítsuk a A vonal szélessége 100 pixel (Width = 100) és a vége lekerekített (Cap beállítás). Állítsuk az elõtér színét kékre (RGB = 70/110/170), a háttérét fehérre (RGB = 255/255/255). A mutatott rácspontok közé húzzunk egy vonalat: II-43

A kép mellé kattintva megjelenik a kapszulánk. A rácsvonalakat (View/Grid) és a vektoros kijelölés keretét (Ctrl + d) ki is kapcsolhatjuk. II-44

A varázspálcával (Magic Wand ) jelöljük ki a kapszulát úgy, hogy a színes részre kattintunk. Mentsük el a kijelölést az alfa csatornára (Selections/Save To Alpha Channel, majd OK, OK). Tegyünk rá egy Kiemelés nevû réteget, amelynek a keverési módját (Blend Mode) állítsuk fénylõ, világító (Blur) értékre. Gombunk térbeli elem, árnyékolással emeljük ki a háttérbõl, amihez a Cutout effektust használjuk (Image/Effects/Cutout). Paramétereit az alábbiak szerint állítsuk be: II-45

Az eredmény: Most egy, a vízszintes tengelyre nézve aszimmetrikus, elmosott szélû fehér foltot fogunk készíteni, ami majd a gomb átlátszóságában, ill a térhatásban játszik szerepet. Elmosott és fokozatos átmenettel átlátszó szélt a Feather paranccsal tudunk létrehozni. Ahhoz, hogy ez pont a mostani kijelölésig érjen, elõször leszûkítjük valamennyivel a kijelölést, majd ugyanennyivel újra kibõvítjük, de most már az elõbb említett paranccsal. Tegyünk a képünkre egy újabb réteget Fehér folt néven. A kijelölés szûkítése: Selections/ Modify/ Contract (Number of pixels = 10) II-46

A kijelölés bõvítése: Selections/ Modify/ Feather (Number of pixels = 10) A kiöntõ eszközünket ( ) aktíválva (Fill style = Solid Color), kattintsunk a jobb (!) egérgombbal a kép közepére. Az átlátszóságát (Opacity) állítsuk 40%-ra, a keverési módot (Blend Mode) pedig kitérés (Dodge) értékre. A Dodge üzemmód a felsõ világosabb és az alsó sötétebb szin eltérésének ( kitérésének ) arányában növeli az alsó szín színértékét, azaz teszi világosabbá azt (a Burn ennek az ellentetje). II-47

Vegyük le a kijelölést (Ctrl + d). A mozgató (Mover ) eszközünkkel fogjuk meg a réteget és húzzuk le, hogy a folt felsõ széle a kapszula középvonalába essen. Az átmenetek eléggé lépcsõzetesek, ezért egy kicsit el kell mosnunk a képet. Használjuk az Image/Blur/Gaussian Blur parancsot és a Radius értékét állítsuk 10-re. II-48

A Fehér réteg láthatóságát kikapcsolva azt látjuk, hogy a lehúzott Fehér folt árnyékként, túlnyúlik az ábránkon, amit el kell tüntetnünk. A Fehér folt rétegen maradva, hívjuk elõ az elmentett kijelölést (Selections/Load From Alpha Channel, majd OK) és invertáljuk (Selection/Invert). Így mindent kijejöltünk, ami nem a gombhoz tartozik. II-49

A kijelölésen belüli törléshez nyomjuk meg a Delete gombot. Szüntessük meg a mostani kijelölést (Ctrl + d) és tegyük láthatóvá ismét a Fehér réteget. A gomb alsó szélére is kívánkozik egy kis kiemelés. Készítsünk egy új réteget Alsó kiemelés néven és hívjuk elõ az alfa csatornától az eredeti kejelölésünket (Selections/Load From Alpha Channel, majd OK). Használjuk ismét a Cutout effektust (Image/Effects/Cutout), az elõzõhöz képest annyi különbséggel, hogy az Offset/Vertical értékét állítsuk -5-re. Ez a beállítás egy alsó és keskenyebb árnyékolást eredményez. II-50

A gomb felsõ részére fénytükrözést, egy világos csíkot kell tennünk. Készítsünk egy új réteget Felsõ csík néven. A meglévõ kijelölést csökkentsük 5 pixellel a Selections/Modify/Contract parancs segítségével (Number of pixels = 5). Most a kijelölések kivonását kell alkalmaznunk. Válasszuk ki a kijelölõ (Selection ) eszközünket és a kiválasztás típusát (Selection type) állítsuk téglalapra (Rectangle). Nyomjuk le a Ctrl billentyût, és nyomvatartása mellett, rajzoljunk egy téglalap alakú kijelölést úgy, ahogy azt az alábbi ábrán látjuk (folytonos vonal). II-51

A billentyûket elengedve az eredeti kijelölés egy szeletét látjuk (a biztonság kedvéért érdemes az alfa csatornára elmenteni). Ebbõl a szeletkébõl fogunk egy fénycsíkot varázsolni. A mintavevõ szemcseppentõvel (Dropper ) vegyünk mintát a kijelölt rész alsó szélérõl az egér bal (!) gombjával. Ezzel ezt a színt az elõtér színévé tettük, a háttér változatlanul fehér. II-52

Vegyük elõ a kiöntõ eszközünket ( ), a kiöntési stílust állítsuk lineáris átmenetûre (Linear Gradient) és válasszuk ki az elõtér-háttér (Foreground- Background) átmenetet. Az Angle attribútum legyen 0. Kattintsunk a kijelölés közepére. A kijelölésünk alsó sarkai nagyon hegyesek, ezeket le kell kerekíteni. Mindezt legegyszerûbben egy perspektívikus torzítással tudjuk megcsinálni. Az Image/Deformations/Perspective -Vertical parancsot kiválasztva, a %Difference értéket állítsuk 11-re. Az OK gomb megnyomása után a következõ eredményt kapjuk: II-53

A fénycsíkunk kontúrjai nagyon élesek, le kell tompítanunk. A Feather paranccsal növeljük meg 3 pixellel a kijelölést (Selections/ Modify/ Feather (Number of pixels = 3)) és tegyünk rá Gauss eloszlású elmosást (Image/Blur/Gaussian Blur, Radius = 3), majd szüntessük meg a kijelölést (Ctrl +d). A Kiemelés réteg keverési módját (Blend Mode) állítsuk át Soft Light-ra. Ezáltal a képünk valamit veszít, a sötét részek feketeségébõl. Kapcsoljuk ki a Fehér réteg láthatóságát. A Layer palettánkon a következõket kell látni: II-54

Csináljunk egy utolsó mentést, mert a továbbiakban a rétegeket egyesítjük és azt a változatot nem érdemes az eddigiekre rámenteni, hanem egy újabb fájlt kell létrehoznunk. Egyesítsük a látható rétegeket a Layers/Merge/Merge Visible paranccsal. Ezzel a Fehér kivételével összemostuk a rétegeket, melyeket egy mentett képen többé már nem tudunk szétválasztani. Készítsünk egy újabb mentést gel2.psp néven. A Merged réteg átlátszóságát állítsuk 90%-ra (ez az érték a háttér milyenségétõl is függ). A felsõ fénycsíkunk még kilóg a képbõl, ezért hozzá kell mosni. Vegyük elõ az eredeti kijelölést az alfa csatornáról. Használjuk az Image/Blur/Gaussian Blur parancsot, ahol a Radius értékét állítsuk 2-re. Végül vegyük le a kijelölést (Ctrl + d). II-55

A gomb kész, már csak a felhasználására kell példát mutatni. Elõször tegyünk alá egy hátteret. Az egyszerûség kedvéért a kiöntõ eszközünk ( ) textúráját (Twigs) használjuk erre, ne feledjük a stílust Solid Color-ra visszaállítani. Ekkor a minta színét nekünk kell megválasztani, több színt is kipróbálhatunk. Most állítsuk az elõtér színét RGB = 100/100/0 értékre. Jelöljük ki a Fehér réteget és kattintsunk rá az eszközünkkel. A gombra felíratot is tehetünk, amihez elõször tegyünk fel egy Felírat nevû réteget. Mivel utoljára az alsó rétegen dolgoztunk, az új rétegünk e fölé és a Merge alá kerül. Fogjuk meg az egér bal gombjával és vigyük a Merge fölé. Most már rátehetjük a kívánt szöveget (betûnagyság 48). A térhatás miatt tegyünk árnyékot is a felírathoz (Image/Effects/Drop Shadows, Opacity = 80, Blur = 10, Vertical = 10, Horizontal = 5), majd szüntessük meg a kijelölést (Ctrl + d). II-56

A Felírat réteg átlátszóságát változtatva belesûllyeszthetjük a gomb anyagába. Példánkban az Opacity értéke 40%. Mentsük el munkánkat. Fotó korrekció Világosítás Elöfordulhat, hogy olyan fényképet sikeredik készíteni, amely részben vagy egészben sötétbe burkolózik. Vegyük elõ a mintakollekciónkból az alanya.jpg fotót. II-57

Ilyen képet automata fényképezõgéppel gyakran csinálhatunk, ha nem figyelünk arra, hogy a keresõvel befogott részlet közepe a többihez képest, nagyon világos felületet (is) tartalmaz (világos égbolt, vakító házfal, stb.). Gépünk ugyanis a befogott terület középsõ részén méri és átlagolja a fényt, amihez az expozíciót beállítja. Emiatt lehet a képünk egy-egy részlete alul-, vagy túlexponált. Az agyunk különben sokat javít a szem által közvetített képen, a látott részeket a valóságban nem érezzük ennyire eltérõ világosságúnak, csak a kép elõhívásakor döbbenünk meg, hogy mennyire különbözõek a részletek. Elektronikusan elég jól tudjuk orvosolni a sötét részek bajait. Az érdekesség kedvéért, munkánk közben, érdemes bekapcsolni a hisztogram kapcsolót ( ), és figyelni a spektrum alakulását. Másoljuk le a fotót (Shift + d) és duplikáljuk az alapréteget (Layers/Duplicate). A duplikált rétegen (Copy of Background) tegyük negatívba a képet (Colors/Negative Image). II-58

A réteg keverési módját (Blend Mode) állítsuk kitérésre (Dodge), az átlátszóságát (Opacity) pedig 90 %-ra. Az átlátszóság változtatásával módosíthatjuk a világosítás mértékét. Végül egyesítsük a rétegeket (Layers/Merge/Merge All(Flatten)). II-59

A képen még élesíthetünk az Image/Sharpen/Unsharp Mask paranccsal. Változóit a következõképp állítsuk be: Az eredmény: Természetesen a világos részek is világosodnak, tehát veszítenek a kontrasztjukból, de hát ez az ára a sötét rész láthatóvá tételének. A A színharmónia módosítása c. fejezetben már láttunk egy világosítási módszert (Colors/Histogram Functions/Equalize), ami szintén jól használható, de nem ugyanezt az eredményt adja. Ott a színek egy kicsit tompábbak, a világosítás nem szabályozható, viszont a világosabb részek megõriztek valamit a II-60

láthatóság arányaiból. Ez utóbbi esetben a színek élénkebbek, a világosság szabályozható, de a világos részek jelentõsen veszítenek kontraszjukból. Világosítsuk ki a képet az elsõ módszerrel is és hasonlítsuk össze a két különbözõ eredményt. Piros szem effektus Vakuval készített képeken a szem gyakran piros színben játszik. Ez (a nyuszikat kivéve :-)) rendkívül természetellenes és zavaró. Vegyük elõ a mintakollekcióból a pirosszem.psp képet és készítsünk róla másolatot. Nagyítsuk ki elõször az egyik szemet (most a balt). II-61

Vegyük elõ a szabadkézi kiválasztó eszközünket (Freehand ), állítsuk be a kiválasztás típusát Point to Point-ra és rajzoljuk vele körbe a pupillát. Ha kék szemet szeretnénk, állítsuk be az elõtér színét világoskékre (RGB = 128/255/255; a szem ennél végül sötétebb lesz). Válasszuk ki a Retouch ( ) eszközünket. A beállítási opciók harmadik fülén kattintsuk be a Show brush outlines jelölõnégyzetet. A második fülön állítsuk be a Retouch mode-ot Color To Tartget értékre. Az elsõ fülön pedig a következõket: II-62

A nagyság (Size) értékét akkorára kell választani, hogy nagyobb legyen valamivel, mint a pupilla körüli kijelölés. Ennél a példánál ez 18-as érték, de más esetben ettõl biztosan különbözõ. A szem színének árnyalatán a átlátszóság (Opacity) értékének változtatásával is módosíthatunk. Vigyük a kurzort a pupillára úgy, hogy a kijelölés mindenhol belül legyen a kurzor látható nagyságán. Kattintsunk a bal egérgombbal. A pupilla színei azonnal megváltoznak: II-63

Csináljuk meg ugyanezt a mûveletsort a másik szemre is, és a végeredmény: Játszunk festményt Igen nagy kreativitással, sok türelemmel, a technika pontos alkalmazásával egész jó dolgokat tudunk alkotni. A következõ lépéssorozat minden egyes fázisát (x), külön figyelmeztetés nélkül, mentsük el egy-egy.psp fájlba (kep0x.psp), hogy bárhonnan kezdõdõen új festõtechnikát próbálhassunk ki. II-64

Égbolt Figyeljük meg tiszta idõben az égboltot a horizonttól egészen a fejünk feletti részig. Anélkül, hogy a légkör fizikájába belemennénk, azt tapasztaljuk, hogy a fejünk felett szinte mélykék a színe, míg a horizontnál halványabb és ködösnek tûnõ. Elsõ lépésben ezt kell megcsinálnunk. Készítsünk egy 400x400-as 16 Mill. színû, fehér alapot. Háttérnek válasszunk egy világosabb (150/220/255), míg elõtérnek egy sötétebb (0/128/255) kéket. Vegyük elõ a kiöntõ eszközünket ( ), stílusát állítsuk be lineáris átmenetûre (Linear Gradient) és válasszuk a Foreground- Background átmenetet. A szöget (Angle) állítsuk 180 fokra, hogy felül legyen a sötétebb és alul a világosabb kék. Öntsük rá a rajzlapunkra. Tegyük ködössé a hátteret, de vigyázzunk, a fejünk feletti részt ne. Az elõtér színét állítsuk fehérre (255/255/255), a háttér marad a világoskék. A kiöntõ eszköz elõzõ, lineáris átmenetét használva, állítsuk a textúrát (Paper texture) ködösre (Fog). Ha így használnánk az elõtér-háttér átmenetet, akkor a fejünk feletti részt is ködösítenénk. Egy másolaton módosítsuk ennek az átmenetnek az átlátszóságát. A módszert a Színátmenetes kifestés fejezetben ismertük meg. II-65

Az ábrán nem látszik, de a második marker Location értéke 33%. Kattintsunk kétszer a képünkre, mert így markánsabb lesz köd. A foltosodást egy kis elmosással tehetjük életszerûbbé (Image/Blur/Gaussian Blur, Radius = 2). Ez az égbolt a legtöbb tájkép hátterének megfelel. II-66

Felhõk Az égen felhõk úsznak, melyekre rásüt a nap, felsõ részük fehér, az alsó sötétebb. A sötétebb színt a felhõ vastagsága szerint kell megválasztani. Most ne legyenek viharfelhõink, tehát világosabb sötétet (:-)) választunk (210/220/255). Az elõtér kapja ezt a színt, a háttér pedig legyen fehér. A felhõket felszórjuk az égboltra az Airbrush ( ) eszközzel. A paramétereket úgy kell megválasztani, hogy a szórás ne karakteresen jelenjen meg. Ennek a beállítása a legnehezebb. Mire kell figyelni? a szélek átmenetesen jelenjenek meg (Hardness = 0), a fújás elhúzása ne legyen folyamatos (Step > Size), az elsõ fújás ne fedje le rögtön a hátteret (Opacity < 10), többszörös átfújás a véletlenszerûség látszatát kelti, a felhõ nem egy határozott vonal. Próbáljuk meg a következõ beállítással: II-67

A felhõ megrajzolásának lépései: az egér bal gombjának lenyomása mellett, húzzuk meg a felhõ fõ irányvonalát, de ne törekedjünk ez egyenes vonalra, hanem próbáljuk meg egy kicsit cakkosra venni (az elsõ vonalunk alig látszik), próbáljuk meg hozzávetõlegesen újra meghúzni ezt a vonalat, de nem kell törekedni az elõzõ pontos követésére, menjünk végig újra ezen a nyomvonalon, de most az egeret le-föl is mozgassuk, újra menjünk a nyomvonalon végig, most kör-körös mozdulatokkal, szükség szerint ez utóbbi lépést ismételjük meg. Tegyünk egy réteget a rajzlapunkra és hajtsuk végre sorjában a mûveleteket. Valami hasonlót kell kapnunk: Ne veszítsük el a kedvünket és kitartásunkat, mert elfogadható eredményt, lehet, hogy csak többszöri próbálkozással érünk el. A következõ lépésben a megvilágítást adjuk meg a felhõnek. Ezt megint érdemes egy új rétegre tenni. A beállításon nem kell változtatni, csak most a jobb egérgombot használjuk. Kis körkörös egérmozgással tegyük fel a megvilágított részeket. A sötét és világos részek elég kontúrosan jelenhetnek meg, ezért a bal egérgobbal itt egy kicsit mossuk össze (fedjük le vékonyan sötéttel) a két eltérõ színt. Az eredmény hasonló lehet: II-68

Ugyanezzel a módszerrel, különbözõ rétegekre, tegyünk még felhõket a képre. Szélfútta felhõk A felhõk kontúrjai elmosódottak, ezen valamit élesíteni kell, láthatóan szélfúttabbá kell tenni. Ehhez módosítsunk a beállításon. Vegyük kisebbre az ecset nagyságát, hogy arányos legyen szélekre rajzolt kiemelés (Size = 10). Az átlátszóságot csökkentsük (Opacity = 50), hogy markánsabban jelenjenek meg a pontok. A lefedettséget (Density = 30) csökkentsük, ezáltal a festõecset nem rajzol meg minden pontot a választott nagyság területén, így szakadozottnak tûnik a felhõ. II-69

A választott beállítással menjünk végig a felhõ és az ég kontúrvonala mentén. Ne húzzuk az ecsetet, hanem csak kattintgassunk. A bal vagy a jobb egérgombot használjuk, attól függõen, hogy a fényes részeket, vagy az árnyékolt felhõ szélét akarjuk kiemelni. Hegy Rajzoljuk meg egy hegy kontúrját. Az elõtér színét válasszuk kékes feketére (35/60/100), a háttér világoskék (150/220/255). A vonal vezetésnél ne törekedjünk az egyenesre, inkább cakkosra vegyük a kontúrt. Eszközünk a rajzoló ecset (Paint Brush ), beállítása pedig legyen a következõ: II-70

A vonalvastagságot 3-ra vesszük, hogy érvényesülhessen a rajzolási folt lágyítása (a keménység lenullázása, Hardness = 0), a lefedettség (Density = 60) kis kihagyásokkal jelenjen meg és az átlátszatlanság (Opacity = 50) biztosítsa az azonnal látható vonalat, de némi halványítást is. Ezek után egy új rétegre, rajzoljuk meg a hegy kontúrját. Amire érdemes gondolni: nem egyetlen hegycsúcsot szeretnénk, inkább hegylánc szerût (lehetõség legyen több csúcs kialakítására), a hegy teteje sziklás legyen (legyen benne meredek rész), legyen még hely alatta félközeli és küzelebbi tájnak (egy árnyalattal a felezõvonal fölé kerüljön) Vegyük elõ ismét a szóró eszközünket. A festékfolt nagyságát állítsuk 5-re, a lefedettséget (Density) 90-re és az átlátszatlanság (Opacity) legyen 30. Ismét egy új réteget nyitva, a kontúrtól lefele, húzzunk le néhány pixelnyit ezzel a II-71

beállítással. Könnyebben és pontosabban tudunk dolgozni, ha kinagyítjuk az ábrát. Erre azért volt szükség, hogy a továbbiakban ne kelljen annyira figyelni, a lehúzásoknál, a kontúr felsõ szélét. Módosítsunk egy kicsit a beállításon: Shape = Horizontal, Size = 15, Opacity = 20, Density = 95. Ismét dolgozzunk új rétegre, a sötét részekbõl kiindulva, fessünk lefele, de a kurzort ne csak függõlegesen mozgassuk, hanem közben egy kicsit jobbra-balra is. Töbször menjünk végig a nyomvonalon, de vigyázzunk, ne legyen homogén a felület. Végül tegyünk rá egy kis elmosást: Image/Blur/Gaussian Blur, Radius = 0,5. Az elõzõhöz képest, állítsunk újra a beállításon: Shape = Round, Opacity = Shape = Round, Opacity = 5. Az átlátszatlanságot egész kicsire vettük, így ugyan több ecsetvonással, de sokkal finomabban rajzolhatjuk meg a következõ fázist. II-72

A hegy megvilágított oldalára vigyünk fel halványkék világosságot (egér jobb gomb). A festés módszere ugyanaz. Itt a szemünk elõtt kell lebegni a várt hegycsúcsoknak és völgyeknek. Az elõzõ ábra rétegeit célszerû összemásolni (Layer/Merge/Merge All (Flatten)) és ezt a fázis új ábraként elmenteni. Most a hegy árnyákos részleteit fogjuk kiemelni. Az elõtér színének állítsuk be a 100/140/220 értéket. A szóró eszköz beállítása: Shape = Round, Size = 1, Opacity = 15, Density = 95. A hegy árnyákos oldalára húzzunk vonalakat az elképzelt görbületnek megfelelõen. Elég sok vonalat kell húznunk. Nézzük meg az eredményt és egy kinagyított részletet. A napos oldalon emeljük ki vonalazással a megvilágítottságot. Állítsunk be az elõtér színének: 235/220/205 értéket. Próbáljuk követni a hegy képzeletbeli görbületét. Vegyük fehérebbre az elõtér színét (235/235/255) és erõsítsünk rá a napsütöttebb helyekre. II-73

Tegyünk a hegy lábához zöld növényzetet. Az elõtér színe: 115/155/95. A mûvelet hasonlóan aprólékos, mint elõbb. Húzzunk zöld vonalakat a hegy lábához, majd egy kicsit sötétebb zölddel (100/145/145) tegyük változatosabbá vonalainkat. Tükrözõdés Válasszuk ki a fehér színt. Festékszóró eszközünkkel ködösítsük el a hegy lábát. Beállítás: : Shape = Round, Size = 30, Opacity = 15, Density = 100, Paper texture: Fog. II-74

A hegy elõtt egy tó van, amelyben a hegy és az ég is tükrözödik. Készítsük el ezt a tükörképet. Jelöljünk ki egy balszéltõl a jobbszélig tartó területet, amelynek az alja a hegy lábánál húzódik. Pontos kijelöléssel a felsõ szélet állítsuk be a következõre: Top = 400 - Bottom (ahol 400 a kép magassága) Ez a terület tükörképként pontosan beforgatható a mostani kijelölés alá. Az így kiválasztott területet másoljuk le (Ctrl + c), és új rétegként másoljuk a képre (Ctrl + l). l A kijelölést most már meg is szüntethetjük (Ctrl + d). Ezt a másolatot a mozgató eszközzel ( ) vigyük a kép legtetejére (!!) és igazitsuk pontosan az oldalakhoz és a felsõ szélhez. Ezután tükrözzük vízszintesen a teljes réteget az Image/Flip paranccsal (Ctrl + i). i Kaptunk egy tökéletes tükörképet. II-75

Mondhatjuk, hogy túl tökéletes a tükörkép. Egy kicsit viziesíteni kell. El kell mosni az éleket és tompítani kell a színeket. Az elmosáshoz az Image/Blur/ Motion Blur parancsot használjuk, ahol a szöget (Angel) 180 fokra, az elmozdulást (Intensity) 10 pixelre állítsuk be. A tompítás egyszerûbb, itt csak a réteg átlátszatlanságát (Opacity) kell 70-re beállítani. Féltávoli növényzet A hegy és a tó között helyezzünk el egy földsávot, fákkal, bokrokkal tóparttal. Állítsuk be az elõtér színét kékes tónusú egész sötét színre: 50/40/60. A vízvonal környékén, a festékszóró eszközünkkel, rajzoljunk egy girbe-gurba vonalat. A beállítás: Shape = Round, Size = 2, Opacity = 20, Density = 100, Paper texture: None. II-76

Vegyük vastagabbra az ecsetünket és egy sávot fessünk be az elõzõ színnel (Size = 4, Opacity = 40). Az alsó vonal lesz a partvonal, annak nem kell cakkosnak lenni. Ha szükségét látjuk a felsõ vonalon még igazíthatunk. Nagyított ábrán könnyebben tudunk dolgozni. A felsõ szélhez húzzunk függõleges vonalakat, ezzel a fák koronáját imitáljuk. Jobbra haladva kisebbek legyenek ezek a vonalak, hogy a perspektívát is érzékeltessük (Size = 1, Opacity = 15). II-77

Most csak kontúrokat látunk, ebbõl kell zöld növényzetet csinálni. Az elõtérnek állítsunk be 90/140/70 színkódú zöldet. A már ismert módszerrel tegyük fel a fák levelei közé függõleges vonalakkal, a fák és a part között pedig ferde vonalakkal ezt a színt (Opacity = 25). A lombkoronában barnás árnyalatok is vannak. Tegyünk ebbõl a színbõl is képünkre (RGB = 140/90/66, Opacity = 15). Ezeket inkább a bokrokra és a parti fövényre tegyük, nem kell belõlük sok, azért is állítottuk az átlátszatlanságot kisebbre, hogy egy húzás ne fessen markáns vonalat. II-78

A fák koronája között átszûrõdõ napfény élénkebb sárga színezetet ad a parti növényeknek. 185/200/100 sárgával szórjunk egy keveset néhány fa koronájára és a rések között néhány parti bokorra. Figyeljünk a fény feltehetõ irányára. Ennek a tóparti sávnak is van tükrözõdése a vízben. Valódi tükörképet egyszerû eszközökkel, ilyen görbe partvonalon, nehezebb csinálni, inkább megkerüljük a problémát. A tükörképet úgyis el kell mosni, de a partvonal jellegét érdemes megtartani, ezért a partvonal egy szûk sávját egyszerûen átmásoljuk a víztükörre. Amikor ezt elmossuk, már nem lehet eldönteni, hogy tükörkép volt-e vagy sem, de a karaktere, színdominenciája megmarad. A másoláshoz a másolatkészítõ ecsetet (Clone Brush ) használjuk. Alkalmazását a Képrészlet klónozása fejezetben tárgyaltuk. Tegyünk a képre egy réteget és nagyítsuk ki kétszeresére. Ekkora méretben egyszerre meg tudjuk rajzolni az egész partvonalat. Válasszuk ki az eszközt és állítsuk be paramétereit: II-79