Szeretnél egy kis pluszt adni a szövegeidnek, de kevés az időd? Semmi gond! Néhány egyszerű lépéssel cool tüpográfiai effekteket varázsolhatsz Photoshop segítségével. Ebben a tutorialban öt gyors és egyszerű technikát mutatok neked, hogy kreatívan és modern módon alakítsd a tüpográfiádat. A neon-fényektől a fémes kinézetig és a torzított effektekig - ezek a gyors trükkök sokféleséget és stílust hoznak a tervezéseidbe. Kezdjük el és emeld ki a szövegeidet!
1. Retrokontúr effekt az alcímekhez
A szórólapokhoz és háttérképekhez kiválóan alkalmasak a kreatív retrokontúrok létrehozásához a Külső sugár kitöltési opcióval.
1. lépés: Szöveg elhelyezése
A kiindulási képem egy sugaras háttér textussal, amely enyhén elforgatva van. A szöveg betűtípusa a Eight Track 300 Pt méretben.
2. lépés: Külső sugárként Gradiensként
A Külső sugár kitöltési opció általában világos vagy sötét sugárt/árnyékot használ. A Photoshop azonban lehetőséget biztosít arra is, hogy színek helyett gradienst használjunk a sugárhoz.
A szövegeknél precíz beállításoknál számos kontúreffekt jelenhet meg, amelyek különböző kitöltési módszerekkel variálhatók. A megfelelő gradiensek könnyű elérhetősége és létrehozása révén szinte végtelen számú kontúreffekt áll rendelkezésre, amelyek finoman körbeölelik a betűket vagy pszechedelikusan színes keretet adhatnak nekik.
A Méret a Kitöltési opciók párbeszédpaneljében a külső sugár nagyságát jelzi. Az Aláöntés azt jelzi, hogy mennyire hatékonyan hat a hatás a szövegre. Fontos a technika: Precíz.
Nagyszerű: Az Effekte special beállítás alatt található egy szakadozott gradiens, amelyet sikeres retro hatás létrehozására lehet használni. A színek is könnyen testreszabhatók. Aki szereti, az a külső kontúrokat is kiolvaszthatja a transzparenciában.
Kész a retrokontúr effekt:
2. Felszakadozott kontúr effekt az alcímekhez
A felszakadozott kontúr effekt kiválóan használható roncsolt szórólapokon vagy alcímeknél. Maga az effekt gyorsan elkészíthető.
1. lépés: Szöveg elhelyezése fehér háttéren
A háttér fehér. A PSD betűkkel 600 pontos Army betűmérettel írok.
2. lépés: Betűk kiválasztása A szöveg réteg betűit a Ctrl billentyűvel és a szövegréteg réteg ikonjára való kattintás segítségével kiválasztom.
3. lépés: Kiválasztás szerkesztése A Ctrl+Alt+R billentyűkombinációval megnyitom a Kontúr finomítása párbeszédpanelt. Itt beállítom a kiválasztásomnak egy Lágy élt. A konkrét érték a szövegmérettől függően változhat.
4. lépés: Új réteg létrehozása és színnel kitöltés Létrehozok egy új réteget a Ctrl+Shift+Alt+N billentyűkombinációval és ezt bármilyen színnel kitöltöm. Csak a kiválasztott terület lesz színnel kitöltve.
A szövegréteget letilthatom és a kijelölést a Ctrl+D kombinációval feloldhatom.
5. lépés: Átalakítás Okos objektummá Kijelölöm a Lágy élekkel rendelkező betűréteget és a fehér réteget, majd mindkét réteget átalakítom egy okos objektummá.
6. lépés: Okos szűrő Akril szűrőt háromszor alkalmazok az Okos objektumomra.
- Menet
Ecset részletek: | 6 |
Árnyékolási tartomány: | 0 |
Struktúra: | 2 |
A beállítások változhatnak a kiválasztott szín, a lágy élek mérete és a szövegméret szerint.
- Menet
Ecset részletek: | 14 |
Árnyékolási tartomány: | 0 |
Struktúra: | 2 |
- Áthaladás
Ceruza részletek: | 11 |
Árnyékolási terület: | 0 |
Struktúra: | 2 |
Már két áthaladás után látható, hogyan alakul ki egy szabálytalan, rojtos szélhatás. A harmadik és esetleg negyedik áthaladással finomhangolhatom a hatást, ha szükséges.
Így jól lehet alkalmazni az effektet szövegháttérként grunge hátterekhez. Az itt látható háttér ebben az oktatóanyagban munkaanyagként mellékelve van.
Ebben a nézetben a Sötétebb szín mód 85 százalékos Áteresztősséggel, a háttér a Normál módban szintén 85 százalékos Áteresztősséggel:
A differenciált nézetben a Különbség módban 100 százalékos Áteresztősséggel, a háttér a Normál módban 50 százalékos Áteresztősséggel:
3. Egyszerű 3D-s tükrözési effektus
Egy egyszerű tükrözési effektus betűk számára, amely egyszerű módon, nagyobb dísz nélkül hatásosan működik, a következő lépések alapján keletkezik.
Kép forrása: Akhilesh Sharma - Fotolia.com.
1. lépés: Mintát állít be tükrözéshez
Ennek az effektusnak az első lépése abban áll, hogy azon képet, amelyet a szövegben tükrözni szeretnék, mintának jelölöm meg. Ezt a képet nyitott képen a Szerkesztés>Minta rögzítése menüpontban tehetem meg.
2. lépés: Szöveg elhelyezése Az Arial 300 pontos betűt elhelyezem a dokumentumban. A dokumentum mérete 800x600 képpont, fekete háttérrel.
3. lépés: Kitöltési beállítás keret A szövegem rétegének a Kitöltési beállításokat megnyitom, és kiválasztom a Keret fület. Ebben a Mintázat kitöltés típust választom ki, majd rákattintok a korábban megjelölt mintára a Mintaelőnézetben.
Ytovábbi beállítások:
Méret: | 3 px |
Pozíció: | Közép |
Nagyítás: | szükség szerint, tehát attól függően, hogy mekkora volt a korábban megadott minta; ebben az esetben 35 % |
Az egérrel tökéletesen elhelyezhetem a kívánt mintát a képen úgy, ahogy azt a szövegkontúrban megjeleníteni szeretném. A beállításokat az OK gombbal tudom jóváhagyni.
4. lépés: Kitöltési beállítás réteggé alakítása A jobb gombbal kattintással réteget készíthetek az effektus rétegből. A kontúr most egy rétegben található a rétegpanelen. Az effektusra helyezem a réteget a szöveg rétege alá.
5. lépés: Mintázat átfedés beállításai A szöveg rétegére vonatkozó Kitöltési beállításokban a Mintázat átfedés fület választom ki, és ott a korábban megadott mintát hívom elő. Az Nagyítás csúszkával kicsinyítem a mintát, amíg a nézetben passzol. Az egeret használva a képen tovább pontosan elhelyezhetem a mintát, ahogyan azt a szövegben megjeleníteni szeretném.
6. lépés: Finomhangolás a kontúron A hatás életszerűvé tétele érdekében a kontúrréteget kicsit lejjebb és balra tolom az egér nyilakkal a billentyűzeten, így enyhe 3D-hatás jön létre.
Most, hogy még több fényt szeretnék a tükrözésbe vinni, egy 1 pixel vastag külső kontúrt hozok létre a Mintával kitöltött kontúrra a szöveg rétegénél. Mivel a kontúr 1 pixelen valóban nagyon enyhén van kiemelve, akár a szöveg felső részén is megjelenhet. Ha az effekt túl erős, egyszerűen csökkentheted az Áteresztősséget egy kicsit.
Ez egy szép további fényreflexiót eredményez. Kész a könnyű 3D-s tükrözési effektus.
4. Fényvisszaverődés hatások szövegekben és alakzatokban
Scott Kelby 12 lépésben részletezte az effektus készítését két betűhöz. Így járt el:
- Szöveg létrehozása
- Szöveget raszterezni, kijelölni és első színátmenetet készíteni
- Repterületet duplikálni és ellenkező irányban másik színátmenetet készíteni
- Ellipszáválasztással levágni az átmenetet
- Választás átformálása
- A kijelölt átmenetterület megfordítása és eltávolítása
- Kontúr hozzáadása
- Laposított élképzés és domborzat hozzáadása
- -12. lépés megismétlése a második betűhöz
A hatás egy kis, aranyos figyelemfelkeltő. Az odavezető út azonban csak egy statikus eredményt tesz lehetővé. A szöveget nem lehet megváltoztatni, mert eleinte rácsra lett alakítva. Minden további betűhöz újra kellene elvégeznem a lépések nagy részét.
Az én útmutatómban egy olyan módszert szeretnék bemutatni, amely lehetővé teszi a szöveg további módosíthatóságát. Ezzel a hatással további betűk is gyorsabban hozzáadhatók lesznek.
1. lépés: Fokozat készítése
E hatás gyorsabb létrehozása érdekében először minta formájában létrehozom a duplafokozatot. Ezt követően a 1000x600 képpontos dokumentumban megnyitom a Fokozat menüt, és az aktív Fokozat eszköz (G) mellett a menüsoron a Fokozat előnézetére kattintok.
A fokozatnak a következő elrendezése van:
Szürke - Fehér - Fekete - Szürke
Szükség esetén az új fokozatot a Fokozat előnézetébe is elhelyezhetem, ha valamilyen tetszőleges nevű fokozatként deklarálom. Ezután jóváhagyom a fokozatbeállításaimat az OK gombbal.
2. lépés: Fokozat görbítése
A Fokozatot az Fokozateszközzel az alsó dokumentumközépről húzom fel balra.
A Fokozat íve miatt sajnos nem lehetek képes minden szerkesztést a Fokozatfedéssel egyedül végrehajtani. A megoldás az, hogy a Fokozatot görbült formában Minta-ként alkalmazom.
Az Crtl+T>Görbítés-el most beállítok egy enyhe görbületet, hogy a fekete átmenet görbítve jelenjen meg. Ehhez enyhén felfelé balra húzom a Görbítés hálózatomat.
3. lépés: Fokozat mintaként történő rögzítése A görbült duplafokozatot most Minta-ként rögzíthetem. Ezt a Szerkesztés>Minta rögzítése menüből tehetem meg. A neve: Duplafokozat reflexióval.
4. lépés: Szöveg elhelyezése A dokumentumhoz választok egy új, sötétpiros háttért. Most a szöveget már egy 530 pontnyi hadsereg írásjellel írhatom be. Beírom a P betűt.
5. lépés: Mintaátfedés A szöveg rétegem Kitöltési lehetőségei-nél a Mintaátfedés fülön a kijelölési listából kiválasztom az előzőleg meghatározott mintát.
6. lépés: Kontúr A következő Kontúr fülön a kívánt pozícióban 5 pixeles Kontúrt állítok be. A Kitöltési mód egy Fokozat.
A Fokozatválasztóban a Standardbeállítást, Ezüst'et a Fémbeállításokból kiválasztom.
A kontúr önmagában még nem úgy hat, ahogy szeretném. Csak Lapos él és megkönnyebbül hatására lesz igazán fémes.
7. lépés: Lapos él és megkönnyebbül A 3D-fémhatásért a beállítások az Lapos él és megkönnyebbül fülön vannak. Az alábbi beállításokat választom ki:
• Stílus: Megkönnyebbült kontúr
• Eljárás: Kerekített
• Mélység: 100 százalék
• Méret: 5 pixel
• Fényezési szög és -magasság: 120 és 30 fok
• Fényes kontúr: Dupla gyűrű
A hatás kész.
8. lépés: További betűk További betűkhöz egyszerűen duplikálom a szövegréteget, elmozdítom a kívánt helyre és a Szöveges eszközzel a megfelelő betűre megváltoztatom.
Szükség esetén csak a Mintaátfedést kell az új betű forma szerint a Mintaátfedés regiszterben igazítanom.
Ha szeretnék színes hangsúlyokat az átmenetemben, a Színátmenetet az Összemosás módban még hozzáadhatom a Kitöltési lehetőségekben.
Ezzel minden lezárult!
5. Dőlt szöveg kerettel
Az előző tükröződés hatásának szép fejlesztése lehet az, ha a szövegemhez hozzáadok egy keretet és a keretet a szöveggel együtt döntök a nézetben.
Ebben a példában nem mindegyik betűnek lesz külön tükröződése, hanem egy tükörkép részesedik a többibe; azaz: a betűk nem külön rétegekben vannak, hanem egy rétegen vannak együtt.
1. lépés: Keret hozzáadása
A Textúra formázó eszközzel (U) húzok egy vékony keretes téglalapot a Standard beállításokból, mint keret a szövegemhez.
2. lépés: Rétegstílusok másolása Az Alt-tal átveszem a meglévő rétegstílusokat a szövegrétegről a keretrétegre. Így a rétegstílusokat másolom a keretnek. Szükség esetén módosíthatom a Mintaátfedés pontos pozícióját az Kitöltési lehetőségekben, hogy a nézet ténylegesen rendezett legyen.
3. lépés: Mindkét réteget okos objektummá konvertálom Kijelölöm a szöveg- és a keretréteget az rétegpanelben, majd ezeket átalakítom egy Okos objektummá.
4. lépés: Átalakítás Kiválasztom a Ctrl+T lehetőséget az én Okos objektumomnál, hogy átrajzoljam. A bal felső sarokpontot a Ctrllal az egérrel az éppen közepére húzhatom. Ezzel a keret és a szöveg dől. Szükség esetén az alsó sarokpontokat is külön megtartott Ctrl gombbal el lehet tolni, hogy még kiemelkedőbb legyen a dőlt hatás. Az Enter lenyomásával tudom megerősíteni a transzformációt.
5. lépés: Elhelyezési tipp Fontos, hogy a szövegnek legyen kerete, hogy valóban megjelenjen egy dőlő vagy elbillenő hatás. A szöveg önmagában csak korlátozott mértékben éri el ezt az hatást.
Ha különleges hatást szeretnék elérni az elhelyezéssel, akkor a szöveget egy keretben olyan módon helyezem el, hogy ne az egész keret férjen el a dokumentumban. Szükség esetén vágni kell a dokumentumot ehhez az optikához. Ezáltal kiemelkedik a dokumentumon belül a különleges grafikai méret. A tartalom nem fér bele a dokumentumkeretbe, túl nagy. Ezzel a tartalom méretének érzékeltetése történik. Például a SPIEGEL borítóján a Google-nevet olyan módon helyezték el, hogy a Google nem illeszkedett teljesen a borítóra. Ez egyszerűen bemutatta a Google különleges méretét és hatalmát.