A tipográfia a grafikai tervezés egyik legfontosabb eleme. Ha azt gondolod, hogy azt sem tudod, mi fán terem, csak nézz körül. A termékek neve, vagy akár az összetevők listája, az utcanévtáblák, az újságok és könyvek, és még ezer dolog, ahol betűk vesznek körül. A tipográfiai tervezés célja, hogy az üzenet jól olvasható, figyelemfelkeltő, és egyben esztétikus is legyen.
Jelentősen felgyorsíthatjuk, megkönnyíthetjük, hatékonyabbá tehetjük a Photoshopban végzett munkánkat, ha néhány hasznos gyorsbillentyűt/billentyűkombinációt megtanulunk és alkalmazunk. A Photoshop is sok szövegszerkesztő lehetőséget kínál, így a tippek nagy része ott is megvalósítható, ahogy az Affinity Photo-ban is. Ha olyan megoldásokat szeretnél, amit csak Photoshop-ban lehet elkészíteni, akkor azt javaslom, hogy PS-ből mentsd el pl. png-be, és azt tedd be inDesign-ba, ne fordítva, mert az inDesign-ban formázott szöveget nem lehet szövegként áttenni, így pixeles lenne, és az ront a kinézeten és olvashatóságon is.
Szöveg létrehozása és kijelölése
Ha a Szöveg eszközzel a Shift billentyű lenyomásával a dokumentumablakba kattintunk, új szöveges réteget hozhatunk létre. Formázás előtt ki kell jelölnie az egyes karaktereket. Jelölje ki a szövegréteget a Rétegek panelen. Egy szót duplán rákattintva jelölhet ki. Triplán kattintva kijelölheti az egész sort. Négyszer gyors egymásutánban kattintva kijelölheti az egész bekezdést. Ha a nyílbillentyűkkel szeretne karaktereket kijelölni, kattintson a szövegbe, és a Shift billentyűt nyomva tartva nyomja meg a Balra vagy a Jobbra billentyűt.
Karakterformázás
A Karakter panelen rendelkezésre álló beállításokkal formázhatja a karaktereket. A Karakter panelen a legördülő menükben választhatja ki a különféle beállításokat. A számértékkel definiált beállítások értékét a Fel és a Le billentyűvel is megadhatja, de közvetlenül a mezőben is módosíthatja az értéket. A Karakter panel menüje további parancsokkal és beállítási lehetőségekkel segíti a munkát. Az alapértelmezett mértékegysége a pont. Egy PostScript-pont a hüvelyk 1/72-ed részével egyenlő egy 72 ppi felbontású képen.
Alávágás (Kerning) és Betűköz (Tracking)
Az alávágás bizonyos betűpárok közötti távolság csökkentése vagy növelése. A szövegre automatikusan alkalmazhat beépített vagy optikai alávágást. A metrikus alávágás (más névenautomatikus alávágás) alávágási betűpárokat használ, amelyek a legtöbb betűtípusban megtalálhatók. Az alávágási betűpárok információkat tartalmaznak bizonyos karakterpárok betűközéről. Ilyen betűpárok többek között: LA, P., To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya és Yo. Egyes betűtípusok terjedelmes információkat tartalmaznak az alávágási betűpárokról. Ha azonban egy betűtípus alig vagy egyáltalán nem tárol információt a beépített alávágáshoz, vagy ugyanabban a sorban egy vagy több szóban több betűcsaládból származó vagy eltérő méretű karaktereket használ, célszerű optikai alávágást alkalmazni.
A. Eredeti szöveg
B. Szöveg optikai alávágással
C. Szöveg a „W” és az „a” betű között kézi alávágással
D. Szöveg betűköz-módosítással (betűsűrítéssel)
Alkalmazhat kézi alávágást is, ami jó megoldás két betű távolságának kiigazítására. A betűköz beállítása és a kézi alávágás hatása összeadódik; először beállíthatja az egyes betűpárok távolságát az alávágással, majd az egész szövegblokkban ritkíthatja vagy sűrítheti a betűközt anélkül, hogy az ezekhez a betűpárokhoz beállított relatív alávágás módosulna. Amikor két betű között elhelyezi a kurzort, a Karakter panelen megjelenik az alávágás értéke. Hasonlóképpen, egyes szavak vagy szövegrészek kijelölésekor a Karakter panelen megjelenik a betűköz-beállítás értéke. A betűköz és az alávágás mértékegysége 1/1000 kvirt, amely az aktuális betűmérethez viszonyítva értelmezendő. Egy hatpontos betűtípusban 1 kvirt egyenlő 6 ponttal, egy tízpontos betűtípusban 1 kvirt egyenlő 10 ponttal.
Az alávágás kézi beállításához helyezze a kurzort a két karakter közé, és a Karakter panel alávágási beállításában írja be a kívánt értéket.
Kezdhetném azzal, hogy ez is nagyon fontos. Biztos volt már olyan, hogy állandóan valami akadályba ütköztél olvasás közben. Például ez most bama vagy barna? OK, nyilván barna, mert bama nincs, de hogy megakasztja a folyamatos olvasást, az egész biztos. Vagy a másik véglet, mikor túl nagy a betűk közti távolság. Ha sikerült beállítani ezt is, még következik a finomhangolás. Lehet választani az optikai és a metrikus kerning között. (kerning = két egymás melletti betű igazítása, hogy a betűközök optikailag egyformának tűnjenek) A metrikus a betűtípusfájlból veszi a kerninginformációt, így a betűtervező által meghatározott kerninget fogja használni. Az optikai az alkalmazás kiszámítja, hogy szerinte milyen legyen a betűtípus kerningje.
Sortávolság (Leading)
Az egyes szövegsorok közötti helyet sortávnak (vagy sorköznek) nevezik. Antikva betűstílus esetén a sortávolság két egymás alatti sorban lévő betűk alapvonala közötti távolsággal egyenlő. Az alapvonal az a láthatatlan vonal, amelyen a betűk többsége elhelyezkedik.
Alapértelmezetten a Minion Pro mellett a 12 pt méret, és 14,4 pt sortávolság van megadva, amit ugyanúgy meg lehet változtatni, mint a betűtípust. A javaslat az, hogy a 120-145% legyen a betűmérethez képest. A 12-es betűnek pont 144 a 120%-a. A kevesebb nagyon zavaró, és a nagyobb sem feltétlen szerencsés. Ez sem mindegy:)
Alapvonal-eltolás (Baseline Shift)
Alapvonal-eltolással a környező szöveg alapvonalához képest felfelé vagy lefelé mozdíthatja a kijelölt karaktereket. Jelölje ki a módosítani kívánt karaktereket vagy szövegobjektumokat. A Karakter panelen állítsa be az alapvonal-eltolás értékét.
Az Alt+ nyíllal itt is lehet igazítani, hogy azok a sorok, melyek a kiemelt betű mellett vannak, kicsit távolabb kerüljenek.
Töredékes karakterszélesség (Fractional Character Width)
Alapértelmezés szerint a program töredékes szélességet használ a karakterek között. Ez azt jelenti, hogy a karakterek közti távolság változó, és néha csak a teljes képpont tört részével mérhető. Legtöbbször a töredékes karakterszélesség használata biztosítja a megjelenés és olvashatóság szempontjából optimális térközt. A kis méretben használt (20 pont alatti), töredékes karakterszélességű betűtípusok online megjelenítésénél előfordulhat, hogy a szöveg összefolyik vagy túl sok térközt tartalmaz, és ezért nehezen olvasható. Ha a kisméretű szövege összefolyásának megakadályozása céljából (csak) egész képpontnyi lépésekben szeretné változtatni a térközt, kapcsolja ki a töredékes szélesség beállítást. Ha az egész dokumentumra be szeretné állítani a szöveg teljes képpontnyi térköznövekményét, a Karakter panelen válassza a Rendszer elrendezése lehetőséget. A töredékes karakterszélességek újbóli engedélyezéséhez válassza a Karakter panel menüjében a Töredékes szélességek lehetőséget.
Szóközök beállítása
A túl szoros szóközök miatt nehezebb megkülönböztetni a szavakat egymástól, így olvasni és értelmezni is nehezebb. A túl nyitott szóköz is zavaró, mert inkább szavakat olvasol, mint mondatokat. A szövegdobozokra vonatkozó szabály az, hogy megközelítsék az egyes betűtípusok kis n vagy o betűinek szélességét. A betűtípus szóköze előre meghatározott, és típusonként eltérő, de ezt is lehet módosítani. A Ctrl+Shift+ALT+J-vel nyisd meg a Justification panelt. Bár ez a sorkizárt beállítás ablaka, akkor is itt tudjuk megadni a szavak közti távolság mértékét. A Word Spacing sorban a középső, „Desired” mezőbe kell a módosítást megtenni. Az érték a kiválasztott betűtípus normál vagy beépített értékének százalékos értéke lesz. A Desired (kívánt) értéknek a Minimum és a Maximum értékek között kell lennie. És ez 130%-kal. 120 elég lenne, csak így jobban látszik a különbség.
Szövegformázási lehetőségek
A beírt szöveg az érvényben lévő festőszínben jelenik meg, amely a szöveg beírása előtt vagy után is módosítható. Használjon kitöltési gyorsbillentyűket. A festőszínnel való kitöltéshez nyomja le az Alt+Backspace (Windows) vagy az Option+Delete (macOS) billentyűkombinációt.
Színátfedési rétegstílus
Alkalmazzon színátfedési rétegstílust a szövegrétegre: ezzel a meglévő színre újabb színt, színátmenetet vagy mintát vihet fel. Válassza az eszköztár festőszín kiválasztására szolgáló mezőjét, és választson egy színt a Pipetta eszközzel. Megteheti azt is, hogy a Szín panelen vagy a Színtárak panelen választ színt. A Pipetta eszközben keresse meg a kívánt színtartományt, majd válassza ki a kívánt színt. Válassza az OK gombot.
Aláhúzás és Áthúzás
Vízszintes folyásirányú szöveg alatt, illetve függőleges folyásirányú szöveg bal és jobb oldalán vonalat helyezhet el. Mindkét szövegtípus közepén is elhelyezhet egy vonalat. Ha aláhúzást szeretne használni a függőleges folyásirányú szöveg bal vagy jobb oldalán, válassza a Tulajdonságok panel Szövegbeállítások szakaszának Aláhúzás balra vagy Aláhúzás jobbra elemét. Aláhúzást alkalmazhat a függőleges folyásirányú szöveg jobb vagy bal oldalára, de nem mindkét oldalra. Ha vízszintes szöveget vízszintesen vagy függőleges szöveget függőlegesen szeretne áthúzni, válassza a Karakter panel Áthúzás gombját. Az Aláhúzás balra vagy az Aláhúzás jobbra parancs csak akkor látható a Karakter panel menüjében, ha függőleges folyásirányú szöveget tartalmazó szövegréteg van kijelölve.
Nagybetűs és Kisbetűs Formázás
A szöveg nagybetűs karakterekkel is beírható vagy formázható: lehet csupa nagybetűs, vagy kiskapitális. Ha kiskapitálisként formáz szöveget, a Photoshop automatikusan az adott betűtípus kiskapitális karakterkészletét alkalmazza (ha van ilyen).
Felső és Alsó Index
A felső indexbe vagy alsó indexbe helyezett szöveg (más néven felső, illetve alsó szöveg) olyan csökkentett méretű szöveg, amely a betűk alapvonalához képest feljebb, illetve lejjebb helyezkedik el. Válassza a Tulajdonságok panel Szövegbeállítások szakaszának Felső index vagy Alsó index gombját.
Rétegstílusok és Körvonalazás
Az egyes szövegsorok közötti helyet sortávnak (vagy sorköznek) nevezik. Az alapvonal az a láthatatlan vonal, amelyen a betűk többsége elhelyezkedik. Jelölje ki a módosítani kívánt karaktereket.
Az adott rétegre került egy Rétegstílus, azaz egy kis fx ikon jelenik meg a rétegen a Rétegek panelen. Hogyan tudom ezt megtenni a legegyszerűbben? Először készítsd el a szöveget, amihez a körvonalazást szeretnéd. Duplaklikk a rétegre, majd pedig adjunk hozzá körvonalazást (stroke) kívülre, 5 képpont szélességben. Az általunk használt szín kódja: #cd4949. Kattints a kis + jelre a Körvonalazás almenüpont mellett, így megjelenik egy második Körvonalazás opciónk is. Válasszuk ki az újabbat, majd pedig állítsuk a méretet 3 képpontra, az Opacitás pedig legyen 0%. Fontos, hogy a felülírás menüpont ki legyen pipálva. Fontos, hogy tudod állítani az új körvonalak sorrendjét, a Rétegstílus menü alján található gombokkal. Jöhet a következő Körvonalazás. Ezt is állítsd legalulra, a méretét 10 képpontra, az Opacitást pedig 100%-ra. Az általunk használt szín kódja: #16a2b3. Ha még tovább szeretnéd szépíteni a feliratodat, ugyanígy használhatod ezt az effektet befelé is. Az új funkcióknak köszönhetően használhatsz akár 10 különböző Körvonalazást is egy rétegen belül.
Szöveg elrendezése görbén
A betűk beillesztését jó pár módszerrel megtehetjük. Először is a szöveg torzításához mindenképp szükségünk van szövegre. Mikor kiválasztottuk az adott eszközt, akkor a kurzor átalakul. Innen tudjuk, hogy már kijelölhetjük azt a célterületet, ahová szövegünk kerülhet. Ez még nem minden. A betűket nem csak függőleges, vízszintes síkban tudjuk elrendezni, hanem ezt megtehetjük bármilyen, előre meghatározott görbe alapján is. Egyik legegyszerűbb módja az előre meghatározott Alakzat eszközök valamelyikével, például az Ellipszis eszközzel. Természetesen nem csak kör alakzat lehetséges, megadhatunk szabad-kezes alakzatokat is az előre meghatározottakon kívül, vagy akár raszteres képekből is (kijelöléssel) „Munkagörbe létrehozása” opcióval létrehozhatunk egyedi vektoros felületeket. Ha megvan a görbénk, akkor át kell váltanunk a szöveg eszköztárak valamelyikére.
Photoshop trükkök 3. - Szöveg gyors átméretezése
Szöveg effekt generálása
Nyissunk meg egy új dokumentumot, majd írjunk rá tetszőleges szöveget. Tegyük átlátszóvá: layer/rasterize, majd duplikáljuk CTRL+J-vel. Ezen a rétegen az Edit/Fill menüpontot állítsuk be, majd white-ot válasszuk ki és a multiplyt. Ezután a Filter/Blur/Motion blurra kattintsunk, itt állítsuk be 1,4-re. A Filter/Distort/Polar cordinates következik, és itt az alsót kattintsuk be. Fordítsuk el a képet 90 fokkal. Ezután a Filter/Stylize/Wind következik, duplázzuk meg CTRL+F-fel. Az Image/Adjustments/Auto levelst nyomjuk meg, majd Image/Adjustment/Invert következik. Majd a Filter/Stylize/Wind, ezt duplikáljuk meg ismét. Fordítsuk vissza a képet 90 fokkal, majd Filter/Distort/Polar cordinates és a felsőt válasszuk.
tags: #betuk #szethuzasa #photoshopban