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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

Kész a retrokontúr effekt:

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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á.

Öt gyors tippelés a menő tipográfiai hatásokhoz

6. lépés: Okos szűrő Akril szűrőt háromszor alkalmazok az Okos objektumomra.

  1. Menet
Ecset részletek:6
Árnyékolási tartomány:0
Struktúra:2
Öt gyors tippelés a menő tipográfiai hatásokhoz

A beállítások változhatnak a kiválasztott szín, a lágy élek mérete és a szövegméret szerint.

  1. Menet
Ecset részletek:14
Árnyékolási tartomány:0
Struktúra:2
  1. Á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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

Í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:

Öt gyors tippelés a menő tipográfiai hatásokhoz

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:

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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á.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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:

  1. Szöveg létrehozása
  2. Szöveget raszterezni, kijelölni és első színátmenetet készíteni
  3. Repterületet duplikálni és ellenkező irányban másik színátmenetet készíteni
  4. Ellipszáválasztással levágni az átmenetet
  5. Választás átformálása
  6. A kijelölt átmenetterület megfordítása és eltávolítása
  7. Kontúr hozzáadása
  8. Laposított élképzés és domborzat hozzáadása
  9. -12. lépés megismétlése a második betűhöz

    Öt gyors tippelés a menő tipográfiai hatásokhoz

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
Kattintás-val adom hozzá, majd a megfelelő helyre Húzás és ejtés-el helyezem el. A színátmenet színét a Fokozatmenü Színválasztó-ján keresztül módosíthatom.
Simítás gondoskodik róla, hogy a szürke területeken a fokozat szép és sima legyen.

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

2. lépés: Fokozat görbítése

A Fokozatot az Fokozateszközzel az alsó dokumentumközépről húzom fel balra.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

A Fokozatválasztóban a Standardbeállítást, Ezüst'et a Fémbeállításokból kiválasztom.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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ű

Öt gyors tippelés a menő tipográfiai hatásokhoz

A hatás kész.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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!

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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á.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz

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.

Öt gyors tippelés a menő tipográfiai hatásokhoz