Egy vonzó háttér elengedhetetlen egy sikeres szórólap számára. A Photoshop segítségével rövid idő alatt lenyűgöző terveket készíthetsz, amelyek azonnal szembetűnnek. Ebben a bemutatóban öt gyors és egyszerű technikát mutatok be neked, hogy népszerű szórólap-háttérképeket készíts – dinamikus színátmenetektől a menő kopottas textúrákig és modern geometriai mintákig. Ideálisak bulikhoz, eseményekhez vagy üzleti szórólapokhoz. Kezdjünk bele és emeljük a szórólapjaidat a következő szintre!
1. Scanlines
A klasszikus megoldás maguk a scanlines, melyeket függőlegesen, átlósan vagy vízszintesen lehet elhelyezni egy szórólap háttérben.
1. lépés: Új dokumentum létrehozása
Egy ilyen háttér létrehozásához egyszerűen csak egy megfelelő mintára van szükségem, amely beteszi nekem a scanlines-kat a képembe. Ehhez egy új dokumentumot hozok létre (Ctrl+N) 4x4 pixel méretben. A háttér átlátszó.
2. lépés: Scanlines-minta kiválasztása
Olyan közelítek a dokumentumomhoz, amennyire csak lehet.
A Kijelölő eszközzel most kiválasztok négy négyzet alakú kijelölést, amelyek átlósan mozognak bal alsóról jobb felsőre. Ha további kijelölést szeretnék hozzáadni az aktuálishoz, tartsam lenyomva a Vált billentyűt a kijelölő húzásakor.
3. lépés: Feketével való kitöltés a kijelölésen belül
Az alapértelmezett színeket beállítom a Eszköztárban az D billentyűvel, ha még nincsenek beállítva, majd a fekete elülső szín kitöltöm az általam kiválasztott területeken az Alt+Baklash billentyűkombinációval.
4. lépés: Mintaként való rögzítés
A kijelölést megszüntetem a Ctrl+D billentyűkombinációval. A Szerkesztés>Minta rögzítése menüpontban kiválasztom az új mintámnak szánt mintát. Az előugró párbeszédpanelben „Scanline diagonális” nevet adok az új mintámnak.
5. lépés: Scanline beillesztése
Egy új rétegben a szórólapomban kitöltöm a scanlinemintámmal a dokumentumot a Kitöltős eszközzel. A Menüsávban az állítás az Mintára van beállítva. A Kijelölési menüben kiválasztom az imént rögzített mintám. Most csak egyszerűen kattintok a dokumentumban.
Szükség esetén csökkenthetem a Átlátszóságot. Ebben a példában az Átlátszóságot 25 százalékra állítom.
6. lépés: Változatosság függőleges és vízszintes Scanlines esetén
Ha az átlós scanlinesek helyett inkább függőleges vagy vízszintes scanlineseket szeretnék, ezek könnyen elkészíthetők egyénileg létrehozott mintával.
A függőleges scanlinesek mintadokumentuma: 4x1 pixel
A vízszintes scanlinesek mintadokumentuma: 1x4 pixel
Egy fekete pontot egyszerűen beszúrok a dokumentumba, ahogyan fentebb leírtam. Ezután a mintákat a Szerkesztés menüpontban rögzítem. Ebben a példában a réteg a vízszintes scanlinesekkel az Összemosás üzemmódba lett helyezve.
Ha a vonalak közötti távolságot rövidíteni vagy összeszorítani szeretném, egyszerűen csak az illesztési méretet kell azonosítani a mintafájlban. Szélesebb távolságok esetén válasszak 5:1, 6:1 vagy magasabb arányt, kisebb távolságok esetén pedig 3:1 vagy 2:1 arányt.
Egészen intuitívan a dokumentumot egyszerűen csak a Kivágó eszközzel nagyíthatom. Így növekszik a megjelenítési arány, ahogy szeretném.
7. lépés: Scanlinesek skálázása
A minta felhasználási módja lehet Mintamintaátvételként is. Egy új réteget létrehozok Ctrl+Shift+Alt+N billentyűkombinációval és bármilyen színnel kitöltöm azt. A Töltési beállításokban a Mintaátvétel fülön kiválasztom a megadott mintát. Ezzel a mintával skálázhatom és finomíthatom a scanline megjelenést.
Exkúrsz: Scanlines-fotóhatás
A műsorvezetőnk, Mosh egy bemutatóban bemutatott egy gyors módszert, hogyan lehet a scanlinesre emlékeztető hatást fotókban élénkké varázsolni.
Példa: Világítótornyos kép – Képforrás: Denis Pepin @ Fotolia.com
Először lekettintem a háttér-rétegemet az Ctrl+J billentyűkombinációval. A Kijelölő eszközzel: Egyes oszlopok segítségével kiválasztok egy oszlopot egy kiemelkedő részen a képemben.
Az Ctrl+T billentyűkombinációval transzformálhatom a kijelölésemet. A kijelölt keretet húzom balra és jobbra a képszélekhez.
A kiválasztást az Ctrl+D segítségével törölhetem. A Kitöltés módszerét átállítom Luminance-ra 30 százalékos átlátszósággal.
A réteget lemásolom az Ctrl+J lenyomásával, majd a másolatot Soft Light rétegmodusba teszem 30 százalékos átlátszósággal.
Utolsó lépésként a háttérrétegemre a Filter>Objektivkorrektur menüponton keresztül adhatok egy vignettát. -100 Jósszág-ot választok +20 Középérték mellett. Végezetül hozzáadok egy rövid „Rügen 2010” szöveget egy 150 pontos Jellyka fekete betűtípussal.
Ez csak egy kis gyors megmutató egy fotóhatásról. Próbáld ki és kísérletezz a kitöltési módszerekkel.
2. Pöttyözött és emelt
1. lépés: Egyszerű pöttyözés
Hasonlóan a jelenetvonalak generálásához, pöttyözött mintákat is létrehozhatok repülőszóró hátterekhez. Ehhez egyszerűen létrehozok egy 4x4 pixel méretű új dokumentumot.
Az Kijelölő eszközzel kiválasztom a jobb alsó négy pixelt, majd feketével kitöltöm őket. Ezek után a mintát rögzítem a Szerkesztés menüponton keresztül.
A Összekeverés módban 70 százalékos átlátszósággal gyorsan érdekes hátteret is tehetek a repülőszórókhoz.
2. lépés: Pöttyözéssel és emelkítéssel
A pöttyözött megjelenést az emelkített hatással erősíthetem meg.
Első lépésként létrehozok egy 3x3 pixel méretű új dokumentumot. A középső pixelt feketével töltöm ki. Az alsó és jobb oldali szomszédos pixeleket 50 százalékos szürke színnel töltöm ki. Az alsó jobb sarokba egy 80 százalékos világos szürke színnel töltöm fel a pixelt.
A Összekeverés módban az emelt hatás is egy érdekes eszköz lehet a repülőelemek tervezéséhez.
3. lépés: Körmozaik
Létrehozok egy további 20x20 pixel méretű új dokumentumot. Itt is áttetsző a háttér.
Az Ellipszis eszközzel a gomb lenyomása mellett (amely biztosítja, hogy a köröm kerek legyen) egy kört húzok a dokumentumban. A szín fekete - ez azonban nem igazán fontos.
A kört mintának is rögzítem, és mint háttérelemként használom. Alternatívaként egyszerűen átláthatom a kört, és a külső területeket feketére festem. Ezzel a módszerrel a fényképeket is nagyon szépen lehet művészileg hangsúlyozni.
3. Rácsozási hatások
1. lépés: Rácsolási szűrő mint alternatíva a mintarendszer rögzítéséhez
A lehetőség adott pöttyözött háttereket létrehozni mintákkal az útmentén történő mintarögzítés nélkül is.
Létrehozok egy új réteget, és megtöltöm azt 50 százalékos szürke színnel. A módust Összekeverés-re állítom be.
Ezután megnyitom a Rácsozási hatás szűrőt a Filter>Rajzszűrő menüponton keresztül.
A minta típusa Pont 1-es Méret és 30-as Kontraszt mellett. Az ajánlott, hogy a kontraszt meghatározásához nagyítással szinte belekukkantsak a képbe (nagyszerű 400 százalékon).
Majd jóváhagyom a OK gombbal. Kész is a pöttyözött rácsom.
2. lépés: Variáció körökkel és vonalakkal
Alternatívaként a Pont mintatípus mellett az Rácsozási hatás filterben találom a Kör és Vonalak opciókat. Ezek a két mintatípus is nagyon szép lehetőségek egyszerűsített flajerhátterekhez.
Példa a vízszintes vonalakra:
3. lépés: Transzformációk a vonalaknál
A rácsolási hatás létrehozásának hátránya a szűrőn keresztüli generálásban rejlik, hogy nincsenek igazán széleskörű változtatási lehetőségeim a méret terén. Ha nagyon finom vonalakra van szükségem a képen, akkor ezzel a szűrővel elérem a határaimat. Nincs más választásom, mint vagy a rácsolás hatását egy nagyobb dokumentumban végezni, átmásolni az aktuális dokumentumba és a Ctrl+T billentyűkombinációval kicsinyíteni.
Ugyanezt megtehetem úgy is, hogy az aktuális réteget kezdetektől fogva Ctrl+T billentyűkombinációval kicsinyítem, Ctrl+J billentyűkombinációval lemásolom, majd a keletkezett hézagban elhelyezem.
Következtetés: A Rácsozási hatás szűrő képes gyors megoldásokat adni sima flajerhátterekhez. A vonalak és pontok finomított távolságaihoz azonban nem kerülhetem el a mintákat.
Példa a körökre:
4. Rács és vonalminta
Termékek, logók vagy tipográfiai elemek bemutatásához néha hatásos lehet egy hatásos rács vagy minta hátteret helyezni a szórólapra. Most két lehetséges módot szeretnék megmutatni, hogyan lehet egyszerűen érdekes háttéreket létrehozni.
4.1 Vonalminta fényhatással
Az első példában bemutatom egy vonalminta létrehozását fényhatással.
1. lépés: Új dokumentum
Létrehozok egy új dokumentumot 1200 x 800 pixel méretben. A háttér fekete.
2. lépés: Két új réteg létrehozása
A Ctrl+Shift+Alt+N billentyűkombinációval létrehozok egy új réteget. Ezt a gyorsbillentyűt kétszer egymás után használom.
3. lépés: Vonalterület kiválasztása és fehér színnel kitöltése
A Lassóeszközzel a vonalmintám környékét kijelölöm. Ekkor a legfelső réteg aktív. A kijelölést fehér színnel kitöltöm.
4. lépés: Elmosás
A menürendszeren keresztül, a Filter>Elmosás menüpontból kiválasztom a Gaussi Elmosó opciót.
A Sugár olyan értéket választok, ami szépen elmosza a széleket. Az én példámban körülbelül 50 pixel tökéletes.
5. lépés: Pöttyözés
A Rétegmód beállítom Pöttyözésre.
6. lépés: Az alatta lévő réteggel egyesítés
A pöttyözött hatást megtartva, de visszatérve az eredeti Normál rétegmódhoz, kiválasztom a réteget az alatta lévővel, majd a Ctrl+E gyorsbillentyűvel egyesítem őket egy réteggé.
7. lépés: Mozgásélesség
A menürendszeren keresztül, a Filter>Elmosás menüpontból kiválasztom a Mozgásélesség opciót.
Itt a közepes Távolságot választom, körülbelül 275 pixel, hogy a pöttyökből vonalas hatást hozzon létrek.
8. lépés: Réteg másolása és rács effektus
Ezután duplikálom a réteget, a Átlátszóság értékét 50 százalékra csökkentem, majd a menüből Filter>Szerkesztési szűrők alatt kiválasztottam a Rácsolási effektus opciót.
A Minta típusát Vonal-ra, a Méretét 1-re, a Kontrasztot 0-ra állítottam.
9. lépés: Szűrőhatás befestése
Létrehozok egy Árnyalat-Telítettség beállítási réteget. A vonaleffektem befestéséhez bekapcsolom a Festés opciót.
• Árnyalat: 224 a kékszínhez
• Telítettség: 39
• Világosság: -10 és 0 között – az aktuális kinézettől függően
A háttér elkészült, és egy logóhoz, szöveghez vagy hasonlóhoz rendelhető:
10. lépés: Átalakítás
A két vonalréteget kijelölöm, majd átalakítom őket egy Okos objektummá. A Ctrl+T billentyűkombinációval még dinamikusabbá tehetem a nézetet, ha a vonalakat bal alulról jobb felülre mozgatom.
11. lépés: Logó és vágás beállítása
A logómat egy Színátmenet segítségével a Kitöltési opciókban feketére színezem, majd a Külső sugárzást fehérbe állítom 75 százalékos Átlátszóság-on és 35 Px Méret-en, Színezett világosítás módban.
A Kivágóeszközzel még bármikor módosíthatom a dokumentum méretét.
4.2 Rácsvonalak
A rácsvonalak nagyon jól mutatnak egy szórólap háttereként. Teljes egészében a háttérben vagy hangsúlyozó designelemként is használható.
1. lépés: Mintázat létrehozása
Egy új dokumentumban, 50x50 pixel méretben, áttetsző háttérrel, a Kijelölő eszközzel fent és balra húzok egy keskeny kijelölő sávot. Ezt a kijelölést fehér vagy fekete színnel kitöltöm.
Ezután a mintát mentem a Szerkesztés>Minták meghatározása menüponton keresztül.
2. lépés: Rács mint háttér minta
A mintát egyszerű háttérelemként használhatom, ha egy új réteget a mintával a kitöltő eszköz segítségével kitöltök.
Ha szélesebb rácsot szeretnék, egyszerűen a kitöltési lehetőségeken keresztül állíthatom be, ahol a rácsot ugyanazzal a kontúrral látom el.
Ha a rácsnak nagyobbnak vagy kisebbnek kell lennie, érdemes egy új réteget létrehozni egy tetszőleges színnel, a terület csúszkát 0-ra állítani, majd a mintataszítást beállítani a rács mintájával a kitöltési lehetőségekben. Ott a rácsot igény szerint átméretezhetem.
A további munkához optimális lesz a mintataszításomat jobb egérgombbal kattintva kiexportálni saját rétegként.
3. lépés: Rács mint dizájnelem
A rácsot kiválóan lehet felhasználni dizájnelemként.
Ebben a példában (képforrás: Mike Liu – Fotolia.com) a fénysugár még dinamikusabbá tevődik. Ezért egy új rétegen a kitöltő eszköz segítségével beillesztem a rács mintát.
Az Ctrl+T>Görbítés segítségével a rácsomat igazítom a fénysugár alakulásához. Így a fénysugár dinamikus kiegészítő hatást kap.
A kitöltési lehetőségekben egy fehér fénysugár kifelé 20 pixel méretű beállítását a Színes kiégetés módra, még kiegészítő hatásúvá teszi az effektet.
A világítótornyos képen a tengeri hangulatot még jobban ki tudom hangsúlyozni, ha egy ráccsal hullámot szimulálok. Itt is beillesztem a rácsomat egy új rétegen, és hullámoptikává görbítem.
A rácsot a kitöltési lehetőségekben egy fehér kontúrt helyezek 1 pixel méretűre kívülre. Ezzel a rács kissé vastagabbá válik.
És ahogyan a rács alakja Görbítéssel változtatható, úgy vonalakat, vonalakat és köröket is lehet kiemelni a nézetben Transzformációk és Rétegmaszkok által. Vonalas mintázatoknál akár szinuszpöttyöket is szimulálhatok.
Ebben a példában egy körös rácsot illesztettem be, és egy Rétegmaszka segítségével a nézetet a belső területre korlátoztam, így a világítótornyos csúcson szikrahatás jön létre.
5. Végtelen minták és szünet nélküli csempék
A Flyer- és webháttérképek gyakran használnak végtelen mintákat és szünet nélküli csempéket. A tutoriálom utolsó részében több megközelítést mutatok az örök minta készítéséhez.
5.1 Egyszerű végtelen minta
Van egy képrészlet, amelyet szívesen végtelen mintaként szeretnék létrehozni. A textúrázott képek esetében gyakran sikerül olyan mintát készítenem, amelynek nincsenek látható csatlakozásai. Fontos csak, hogy sikeresen kiválasszam.
1. lépés: Mintaterület kiválasztása
A példámban egy végtelen mintát szeretnék létrehozni ebből a textúrából. Az összes képterület kiválasztásához használom az Ctrl+A billentyűkombinációt. Mivel – még a CS5-ön is – a választási lehetőség módosításának lehetősége a Választás menüpontban elszürkül, alternatív megoldást választok, hogy pontos kiválasztást hozzak létre.
A jobb kattintás>Választás transzformálása után a menüsorban megjelennek több numerikus beviteli mező. Ezekben a magasságot és a szélességet egyaránt 70 százalékra állítom. Ezután Enter gombbal megerősítem.
2. lépés: Kijelölés másolása és beillesztése
Az Ctrl+C & Ctrl+V kombinációval másolhatom a kiválasztásomat egy új rétegre.
3. lépés: Minta kiválasztása és rögzítése mintaként
A szabaddá háromszögformáló eszközzel kijelölöm a mintát. A Kezelés menüponton keresztül rögzíthetem a mintát.
4. lépés: Felhasználás háttérelemként
Új réteget hozok létre a Flyeremben, és kitöltöm azt egy tetszőleges színnel. A Flächeregler-t 0 százalékra állítom. A kitöltési lehetőségekben a már korábban rögzített mintát a Musterüberlagerung részben rendelem el a Flyeremhez.
A kitöltési módot Fényesség-re állítom. A fedőréteget egy alsó értékre csökkentem. A Méretezés-csúszkával a minta méretét változtathatom. A pontos pozícionáláshoz érdemes az egérrel közvetlenül a dokumentumban a mintám a helyére mozgatni.
5.2 A ismétlődő mintázat
Az „alapmintázat” jellegű hatás eléréséhez, amely gyakran előfordul weboldalak és szórólapok háttereként, alkalmaznom kell egy Elmozgatás szűrőt.
1. lépés: Forma méretre húzása és mintaként beállítása
A Saját forma eszközzel egy virágos formát húzok egy 500 x 500 pixeles dokumentumban, amely a tapéta mintázatom lesz. A formát pontosan középre helyezem a dokumentumban. Ezután a virágos formát beállítom mintává.
2. lépés: Eltolás beállítása
A tapétahatás még nem teljes önmagában, még akkor sem, ha az mintázatot ismétlődően alkalmazhatnám. Hiányzik az eltolás. Ahhoz, hogy elérjem ezt, új dokumentumot hozok létre a korábbinál kétszeres méretben, azaz 1000x1000 pixeles méretben.
Egy réteget kitöltök a mintázatommal. Négy elem jelenik meg. A Kijelöléseszközzel kiválasztok egy mintasort.
A Szűrők>Egyéb szűrők>Eltolás hatása menüponton keresztül beállítom az effektus vertikális eltolását. A pixeleket olyan módon választom meg, hogy a felső széle pontosan illeszkedjen az alsó széléhez.
5.3 Varázslatos csempék textúráknál
Az első példában bemutatott módon általában ritkán sikerül olyan mintázatot létrehozni, amelynek nincsenek látható illesztési vonalai.
Azonban akár szabálytalan textúrákat is lehet zökkenőmentesen csempévé tenni. Ehhez ismét alkalmazom az Elmozgatás szűrőt, majd javítom azután a látható széleket.
1. lépés: Elmozgatás effektus alkalmazása
A textúrám mérete 1000 x 1000 pixel. Ha ezt mintaként beállítom és egy nagyobb dokumentumban alkalmazom, az átmenetek a következő módon fognak kinézni:
Visszatérek az eredeti méretű, 1000x1000 pixel textúra fájlomhoz. A Szűrők>Egyéb szűrők menüponton keresztül kiválasztom az Elmozgatás hatás szűrőt. Itt pontosan az effektus vízszintes és függőleges eltolását állítom be, mindkét esetben 500 pixelre.
2. lépés: Látható illesztés javítása
Az illesztés jól látható a középen.
A CS5-től kezdve elérhető a Tartalomfüggő javítás funkció a Területjavító ecseteszközben. A Területjavító ecsettel lágy ecsetvégű kiválasztásokat végezve megjelölöm az illesztési vonalakat. Az Tartalomfüggő jelölőnégyzet be van kapcsolva.
Az illesztési vonalak most automatikusan javításra kerülnek. Előfordulhat, hogy többször alkalmazni kell.
Az élek javításához a leghatékonyabb az Javítóeszköz, amit azok is használhatnak, akik még nem a CS5 verziót alkalmazzák. Az aktivált Forrásjelölőnégyzettel egyszerűen kiválasztom az illesztési vonalakat, majd a kiválasztást egy tiszta területre húzom. Színezet, Telítettség, Világosság és Kontraszt módosul, és az illesztési vonal meggyőzően javítva lesz.
Mikor az illesztési vonalak javítva vannak, mintámat a Szerkesztés menüponton keresztül beállítom mintaként.
3. lépés: Zökkenőmentes csemperendszer beállítása
Egy 2000x2000 méretű új fájlt hozok létre, és most a Kitöltőeszközzel beállítom zökkenőmentesen az élekkel rendelkező textúrámat.
Az éppen textúrák nagyon hasznosak lehetnek, ha öregedési hatásokat, grunge-hatásokat stb. szeretnénk beilleszteni a képekbe. Lásd az alábbi képet (kép forrása: Lev Dolgatsjov – Fotolia.com).
Ezért jó lehet nagyon nagy dokumentumok esetén egyszerűen zökkenőmentessé tenni a nem csempézett textúrákat. Ebben a példaképen a fent bemutatott textúrát az Eltolásban módban helyezték el a Vegyes átfedésben az egész képre, és egy Színárnyalat/Telítettség beállítási réteggel, mint Vágásrácsként egy kicsit lecsökkentették.
Ennek a bemutatóknak a munkafájljaiban 16 mintával ellátott szett található. Ezek között szerepelnek az ebben a bemutatóban megjelenített diagonális, horizontális és vertikális vonalak, pixelreliefek és pöttyös minták, körmozaikminták és rácsos minták.
