A hangszíneffektek dinamikus és modern designelemek, amelyek ideálisak a parti meghívókhoz, eseménybannerhez vagy háttérképekhez. Rendszeres vonalakkal és ragyogó színekkel a tervezéseidhez energiát és mozgást adnak. Ebben a bemutatóban megmutatom neked, hogyan hozz létre lenyűgöző hangszíneffekteket Photoshop-ban úgy, hogy formákat, színharmóniákat és ragyogás-effekteket kombinálsz. Kezdjük el és adjunk egy tökéletes ütemet a projektjeidhez!
1. Hangszint retro stílusban
Az első technikában leírom, hogyan lehet létrehozni egy hangszintet retro stílusban. Egy hasonló hatást már raptor31 leírt egy bemutatóban az oldalon PSD-Tutorialok.hu.
A technika egyszerű és nem igényel nagy odafigyelést a létrehozás során, mert a legfontosabb dolgokat egy szűrő elvégzi.
1. lépés: Új dokumentum létrehozása
Létrehozok egy új dokumentumot (Ctrl+N) 800x600 képpont méretben, és kitöltöm a háttérréteget feketével.
2. lépés: Equalizer-kontúr rajzolása
Létrehozok egy új réteget (Ctrl+Alt+Shift+N). Egy 5 pixeles fehér kör alakú ecsettel (B) rajzolom meg a felső szintjelző kontúrját az új rétegen.
3. lépés: Réteg duplikálása és tükrözés
Az Equalizer kontúr rétegét duplikálom a megfelelő billentyűkombinációval (Ctrl+J) és függőlegesen tükrözöm a (Ctrl+T>Tükrözés függőlegesen). A réteget az eredeti Equalizer kontúr alsó széléhez mozgatom a Áthelyező eszközzel.
4. lépés: Mindkét réteg egyesítése
Az összes kontúrréteget kijelölöm a Rétegpanele és egyesítem őket egybe a megfelelő billentyűkombinációval (Ctrl+E).
5. lépés: Belső területek kitöltése
A belső területeket a Kitöltőeszközzel (G) kitöltöm fehér színnel.
6. lépés: Kép 90 fokkal való elfordítása
A teljes dokumentumot 90 fokkal el kell forgatni az óramutató járásával megegyező irányba a Kép>Képr forgatása>90° óramutató járásával megegyezően menü segítségével. Ez fontos, mert a következő lépésben alkalmazott szűrő csak jobbra vagy balra működik, nem pedig felfelé vagy lefelé.
7. lépés: Stilizálásszűrő Szélhatás jobbra
A Szűrő>Stilizálásszűrők menüpont segítségével meghívom a Szélhatás-párbeszédpanelt.
A Vihar jelölőnégyzetet választom a jobbra mutató irányra. Ezután megerősítem az OK gombbal.
8. lépés: Szűrő ismétlése
Az Szűrő menüpontban a legfelső részen található a lehetőség a legutóbbi szűrő ismétlésére. Erre kattintok vagy egyszerűen kiválasztom a megfelelő billentyűkombinációt (Ctrl+F). A szűrő alkalmazását megismétlem kb. 2-3 alkalommal.
Ilyenkor megjelenik az ismert Equalizer kontúr, mint ahogy az az első hangszint kinézetében is látható.
9. lépés: Stilizálásszűrő Szélhatás balra
Meghívom újra a szűrőt a Szűrő menü segítségével, és megváltoztatom az irányt balra. Itt ismétlem meg a szűrő alkalmazását 2-3 alkalommal, amíg a hatás megfelelő lesz.
10. lépés: Kép visszaforgatása
Az Kép>Kép forgatása>90° óramutató járásával ellentétesen menü segítségével visszaforgatom a dokumentumomat.
11. lépés: Tömörített színsáv
A fehér szintjelek megfestéséhez egy Színátmenetkitöltést választok a tömörített színsáv formájában.
A színátmenet világospirosról vérvörösre megy, és tükröződő elrendezésű.
A Füllemebét maszkolórétegként helyezem el a megfelelő billentyűkombinációval (Ctrl+Alt+G).
12. lépés: Hangerő-jelet a kitöltési réteggel együtt duplikálni
A hangerő-jelet a kitöltési réteggel együtt duplikálom, mert most létrehozom a hangerő-jel belső területét.
A hangerő-jelt átalakítom a Ctrl+T. billentyűkombinációval. Az oldalpontok segítségével egyszerűen befelé csökkentem a hangerő-jelet egy kicsit.
A Gradiens kitöltést színesen állítom be, fehérből sárgába.
13. lépés: Mindkét réteget egy Smart-Objektbe beilleszteni
A mindkét réteget kijelölöm, és egy Smart-Objektbe illesztem. Így egységesen módosíthatom mindkét réteget, de megőrzöm a hozzáférést az egyedi rétegekhez.
14. lépés: Kitöltési beállítások
Most pár kitöltési beállítást adok hozzá a Smart-Objektbe, hogy kiemeljem a hatást egy kicsit.
• Kivetített árnyék:
• Fedőréteg: 100 százalék
• Távolság: 6 pixel
• Méret: 6 pixel
• Kifelé sugárzó fénysugár:
• Szín/Világosság: Fehér
• Fedőréteg: 4 százalék
• Méret: 43 pixel
Hogy az árnyéka észrevehető legyen, új háttérként egy Radiál gradienst alkalmaztam sötétkéktől feketéig.
15. lépés: Utolsó csiszolás a kerettel
A hangerő-efektumot most jól felhasználhatom mint designelem a háttérképekhez és az újságokhoz. Ha ebben a formában és méretben szeretném hagyni, akkor még nagyon jól fűszerezhetem az egészet egy keretpréseléssel.
Létrehozok egy új réteget, és bármilyen színnel kitöltöm.
A Kitöltő csúszkat az Ebenek panelen 0 százalékra állítom. Ez azt jelenti, hogy a réteg tartalma nem jelenik meg. Csak a beállított Rétegstílusok jelennek meg. Ezeket most beállítom.
Megnyitom a Kitöltés beállításokat, és választok egy Belső sugrútt a következő beállításokkal:
• Szín/Világosság: Fekete a Multiplikál metódussal
• Fedőréteg: 75 százalék
• Méret: 250 pixel
Kész a keret.
16. lépés: Variáció a Típusterülettel
Ha a hangerőn belül egy fehér területet hagyok, azt nagyon jól felhasználhatom szövegekhez.
A Kijelölő eszközzel először a Smart-Objektben kijelölöm a felső területet a közepéig, másolom a Ctrl+C billentyűkombinációval, majd beillesztem a dokumentumba a Ctrl+V billentyűkombinációval. Ugyanezt megteszem a hangerőm effektus alsó felével is.
A Áthelyezési eszközzel eltolom az új rétegeket úgy, hogy a középen hely maradjon a szöveg számára. Ezután mindkét réteget kijelölöm, és egy Ctrl+E swap-ra csökkentem őket. A transparent belső területet fehér Kefevel festem ki.
17. lépés: Szöveg elhelyezése
Az szöveges eszközzel most beírhatok egy tetszőleges szöveget a belső területre. Kiválasztom a Swatch it betűtípust, és egyszerűen beírom a PSD-Tutorials.de-t. A motiváció szempontjából természetesen egy technoparty bejelentése sokkal jobban illene.
2. Hangerőeffektum létrehozása digitális Bling-Lookban
Egy másik lehetőség a hangerőeffektumot grafikus elemként felhasználni a flyerekhez és háttérképekhez létrehozása digitális Bling-Look megjelenés által.
1. lépés: Dokumentum fekete háttérrel
Létrehozhatok egy új dokumentumot 800x600 méretben, vagy egyszerűen folytathatom a meglévő dokumentumomat, és létrehozhatok egy új csoportot, amelyben ezeket az effekteket szervezem.
2. lépés: Mintázat létrehozása
Egy 42x42 pixel méretű új dokumentumban egy rácsleírást hozok létre.
Ehhez egy fekete, közepes sávot rajzolok függőlegesen jobbra a dokumentumban, és három fekete, keskeny sávot vízszintesen a bal oldalon. Nagy nagyításban megjelenik a pixelrács, ami segít a sávok pozícionálásában.
A Téglalap eszközzel először három 4 pixel magas téglalapot húzok vízszintesen, majd a 10 pixel széles téglalapot függőlegesen a dokumentumban. A keskeny téglalapok közötti hézag 10 pixel!
Fontos, hogy a minta meghatározásakor a háttér átlátszó legyen. Végül az Edit> Define Pattern menüponton keresztül rögzíthetem a mintát.
3. lépés: Folyamat létrehozása
Azokban a színekben, ahogyan a hangszintjeimben megjelenő folyamattöltés megjelenik, egy új rétegen létrehozom a kívánt folyamatot.
4. lépés: Mintázat létrehozása
Létrehozok egy új réteget, és kitöltöm azt a folyamattöltő eszközzel. A háttérszín helyett a mintázat aktív az eszköztáron. Ott rendelem el az éppen létrehozott mintázatom. Ezután kitöltöm a réteget a mintázattal.
Hasznos az rétegkezelés szempontjából, ha a mintázatréteget vágásmaszkként megadom a folyamatrétegnek. Ezt az Alt+Feloldás vagy az Alt és Katt kombinációjával tehetem meg a Rétegek panelben.
5. lépés: Hangszintcsúcsok berajzolása a rétegmaszkba
A folyamatréteghez hozzáadok egy rétegmaszkot. Itt most kiszínezhetem azokat a területeket, amelyek nem tartoznak a hangszintcsúcsokhoz. Ezt kényelmesen megtehetem egy fekete ecsettel. Alternatívaként egyszerűen kijelölhetem az területeket az Kijelölési eszközzel, és feketével kitöltöm a rétegmaszkot. A háttérszínt az Alt+Visszaállítás billentyűkombinációval tudom beilleszteni.
6. lépés: Okos objektum létrehozása
Kijelölöm a folyamatréteget és a mintázatrteget és mindkettőt elhelyezem egy Okos Objektumban (Jobb Kattintás>Átalakítás Okos Objektummá). Most jobb, ha mindkettő az Okos Objektumban van és együtt dolgozom velük, így az Okos Objektumot könnyedén feljebb tudom mozgatni a dokumentumban.
7. lépés: Okos Objektum megkettőzése és tükrözése
Megkettőzöm az Okos Objektumot Strg+J billentyűkombinációval.
A Strg+T>Vízszintesen tükrözés lehetőséggel a duplikám – meglepetés, meglepetés – vízszintesen tükrözhetem.
Az Elmozdító eszközzel még egy kicsit lejjebb húzom, hogy a két "talajrészlet" majdnem érjen egymáshoz. Most csökkentem a Átlátszatlanságt 40 százalékra.
8. lépés: Kifutó tükrözés
Hogy a tükrözés egy sötét bőrbe folyó hatást kapjon, egyszerűen hozzáadok még egy rétegmaszkot az Okos Objektumhoz.
Egy fekete-fehér átmenettel alulról felfelé húzok, hogy az alsó rész kifutóan áttetsző legyen.
9. lépés: Átalakítás
Jelölöm mindkét Okos Objektumot és ezeket egységként kezelem Strg+T segítségével. Javasolt egy kis perspektívát és torzítást adni az effekthez. Így még dinamikusabb lesz az effekt. Ezzel végeztünk is. A hangszint effekt szép grafikus elemet biztosít szórólapokhoz és háttérképekhez egyaránt.
10. lépés: Variáció
Praktikus, hogy bármikor megváltoztathatom a folyamat színeit. Ehhez egyszerűen duplán kattintok a fenti szint nézet Okos Objektumán. Most a PSB dokumentumba kerülök, ahol a két eredeti rétegem található.
Itt tetszésem szerint megváltoztathatom a folyamat színét.
Ha még egy változatot szeretnék készíteni, akkor a hangcsúcsokat kiemelhetem. Ez különlegesen hangsúlyozza a grafikai hatást.
Ehhez mind a hangszinteken az egyes csúcsokat feketével befestem a rétegmaszkban. Ezek így eltűnnek a nézetben.
A PSB dokumentum mentésével a változtatások a PSD fájlban jelennek meg.
Mi tűnik fel? A változatok is belefolytak a tükrözésbe. Cool! Ez azonban nem nagy varázslat, csakúgy, mint az is, hogy az Okos Objektumok másolatok az eredeti Okos Objektumon keresztül Rétegcsoporthoz vagy akár a Strg+J billentyűkombinációval egy példány segítségével az eredeti Okos Objektum eredetijéhez kapcsolódnak. Így az eredetin végzett változtatások "öröklődnek".
Egyébként: Ha nem akarom ezt a változtatást, akkor az Réteg>Okos Objektumok>Új Okos Objektum másolatban menüponton keresztül tudom duplikálni.
