Az SVG szövegeffektusok használata az Adobe Illustratorban

Az SVG (Scalable Vector Graphics) egy népszerű fájlformátum, amelyet kétdimenziós grafikák, diagramok és illusztrációk webhelyeken történő megjelenítésére használnak. Vektoros formátumként felbontásvesztés nélküli nagyítást és kicsinyítést tesz lehetővé.

Az SVG fájlformátum története az 1990-es évek végéig nyúlik vissza, amikor is a World Wide Web Consortium (W3C) javaslatokat kért a fejlesztőktől egy új típusú vektorgrafikus formátumra. Hosszabb időnek kellett eltelnie, hogy elterjedtté váljon az SVG formátum. 2017-ig csak viszonylag kevesen karolták fel. Akkor ismerték fel egyre többen, hogy milyen előnyökkel jár az SVG-fájlok modern webböngészőkben történő használata.

A képpontokból álló raszteres fájlokkal szemben a vektorgrafikák (köztük az SVG-fájlok) mindig ugyanolyan felbontásúak maradnak függetlenül attól, hogy mekkorára nagyítja vagy kicsinyíti őket. Az SVG-fájlok szövegként kezelik a szöveget (nem pedig tervként), ezért a képernyőolvasók az SVG-képeken található összes szót olvasni tudják. Ez nagyon hasznos azoknak, akik segítségre szorulnak a weboldalak olvasásakor.

Az SVG-fájlok kiválóan alkalmasak webes grafikák, például logók, illusztrációk és diagramok készítésére, de nincsenek bennük képpontok, ezért a nagyon jó minőségű digitális fényképek megjelenítése nehézkes. Csak a modern böngészők tudnak SVG-képeket megjeleníteni. Akár a Chrome-ról vagy az Edge-ről, akár a Safariról vagy a Firefoxról van szó, napjainkban minden jelentősebb böngészőben megnyithatók az SVG-fájlok függetlenül attól, hogy Mac gépen vagy Windowson futnak-e.

Az Adobe Illustrator CS4 egy professzionális vektorgrafikus rajzolóprogram, amellyel grafika, logó, lapterv szerkeszthető, ami felhasználható az interneten, nyomtatásban, vagy multimédiás videóanimáció alapjaként. Az Adobe Illustrator programban szerkesztett grafika, logó, lapterv felhasználható az interneten, nyomtatásban és multimédiás videóanimáció alapjaként. A széleskörű integrációnak köszönhetően az Illustrator fájlok számtalan egyéb Adobe programban feldolgozhatók.

SVG szövegeffektusok az Illustratorban

Az Adobe Illustrator programban rendkívül fejlett tipográfiai kezelőfelület található. Bekezdések, karakterformázások, speciális szimbólumok, ligatúrák. Készítsen lenyűgöző szövegterveket Illustratorban hirdetésekhez, utcai művészethez, könyvborítóhoz vagy logóhoz.

Az Adobe Illustrator CS4 lehetőséget kínál arra, hogy a sablonként szolgáló HTML oldal szeleteit ne konkrét képfájlokhoz, hanem egy ODBC segítségével elérhető adatbázis tartalmához tudjuk csatolni. Ezzel értékes munkaidőt és pénzt takaríthatunk meg, mivel az adatbázis feltöltésére kevésbé képzett munkaerőt is alkalmazhatunk, illetve a folyamat is rövidebb ideig tart. Tipikusan jól használható megoldás olyan esetekben, amikor az oldalon megjelenítendő információ rendszeresen változik. Dinamikus tartalomként szerepelhet kép, szöveg, vagy grafikon.

Mostantól úgy dolgozhatunk az Adobe Illustrator programban, mintha nem is vektorgrafikus programot használnánk. Bármely szöveges vagy vektoros elemre alkalmazhatunk pixeles effektusokat (vetett árnyék, homályosítás, stb.). A lényeg, hogy ezek a vektoros elemek és szövegek továbbra is szerkeszthetők maradnak. Az így elkészített formázott szöveget csak a letöltés pillanatában raszterizálja a böngésző, ezért a letöltési idő sokkal rövidebb a megszokottnál.

A Keverés eszközzel kombinálhatja az alakzatokat és a színeket két vagy több objektum között új objektum létrehozásához. Az alábbi lépésekkel hozhat létre egyedi tipográfiai terveket:

1. Válassza ki a szöveget, és ne rendeljen hozzá kitöltőszínt.
2. Válassza ki a kör- és a téglalapcsoportot.
3. Ezzel a keverékkel cserélheti fel a szöveghez az 1. lépésben létrehozott gerincet (Objektum > Keverék > Gerinc cseréje).

SVG fájlok kezelése és exportálása

Ha számítógépe egyik saját programjával szeretne SVG-képet megnyitni, ugyanilyen könnyen megteheti. Miután elkészített egy grafikát az Illustratorban, jelölje ki a szöveget, hogy körvonalakat hozzon létre. Így elkerülheti a betűtípus-behelyettesítési problémákat, amikor a grafikát más számítógépen tekinti meg. A fájl mentéséhez válassza a Fájl > Mentés másként parancsot. A szerkesztett SVG-fájlt a Fájl > Exportálás > Exportálás ekként parancs használatával és az SVG formátum kiválasztásával is exportálhatja.

Jelölje ki a fájlt, és nyissa meg az SVG-t az Illustratorban. A Kijelölés eszközzel (vagy a Közvetlen kijelölés eszközzel) kijelölhet egyes görbéket, alakzatokat vagy csoportokat az SVG-fájlon belül.

SVG exportálási beállítások

Az exportált fájl SVG XML dokumentumtípus-definícióját adja meg. Különböző profilok állnak rendelkezésre az SVG fájlok különböző eszközökön történő megjelenítéséhez:

• SVG Basic: Közepes teljesítményű eszközökre, például kézi eszközökre.
• SVG Tiny: Kisméretű eszközökre, például mobiltelefonokra.
• SVG Tiny Plus: Kisméretű eszközökre, színátmenetekkel és átlátszósággal, de vágás, maszkok és szimbólumok nélkül.

Ezek a profilok nem garantálják a fájlok minden eszközön történő megjelenítését.

További fontos exportálási beállítások:

• Betűtípusok: Válassza ki, hogy a betűket vektorgörbékké alakítja-e át, vagy a betűtípus adatait használja.
• Képek: Meghatározza, hogy a raszterképek be legyenek-e ágyazva a fájlba vagy csatolva.
• Illustrator-specifikus adatok: Az AI fájl SVG fájlba ágyazásával megőrzi az Illustrator-specifikus adatokat.
• Stílusjellemzők: Meghatározza, hogyan lesznek mentve a stílusjellemzők az SVG-kódban (Bemutató jellemzői, Stílusjellemzők, Stílusjellemzők , Stíluselemek).
• Tizedesjegyek: Meghatározza a vektoradatok pontosságát az SVG fájlban (1-7 tizedesjegy).
• Karakterkódolás: Meghatározza az SVG fájlban a karakterkódolás módját (UTF-8, UTF-16, ISO 8859-1).
• XMP metaadatok: Lehetővé teszi az XMP metaadatok elhelyezését az SVG fájlban.
• Automatikus alávágás figyelmen kívül hagyása: Kevesebb `` elemet tartalmazó, jobban szerkeszthető és kisebb SVG fájlt hoz létre.
• Szöveg görbéken: A görbéken lévő szövegeket `` elemként exportálja.

Előnyök és felhasználási területek

Az SVG fájlok nem csak az átméretezhetőségük miatt annyira népszerűek a webes tartalmakat készítők körében. XML-kódban történik az írásuk, azaz nem alakzatokként, hanem literálokként tárolják a szöveges információt.

Az SVG-fájlokban használt XML-adatoknak köszönhetően a keresőprogramok (köztük a Google keresője) olvasni tudják a sok szöveget tartalmazó diagramokat és grafikonokat, ami segíthet a keresőprogram-optimalizálásban. A Google keresője észlelni tudja az SVG-fájlokba ágyazott kulcsszavakat, így lehetőség szerint előrébb kerülhetnek a weboldalak a találati listákon.

Az SVG fájlformátum nem csak statikus képekhez használható. Számos olyan webes eszközt fog megismerni, amellyel mozgó elemeket helyezhet el a webes grafikákban. Az SVG formátumú animációk viszonylag egyszerű elemeket is tartalmazhatnak, például egy olyan csúszkát, amellyel váltani lehet az infografikák egyes diái között.

Noha elsősorban a weben használnak SVG-képeket, az online téren kívül is szerepet kapnak. Mivel az eredeti méretükről nagyítva vagy kicsinyítve sem torzulnak, az SVG-fájlok jól használhatók például sablonokként a ruhadarabokra (köztük pólókra) történő nyomtatáskor.

Az SVG-fájlok mérete a bennük tárolt képadatok mennyiségének függvénye, de rendszerint kisebbek, mint a legtöbb egyéb fájltípus. A sok görbéből és szerkesztőpontból álló összetett grafikák több tárterületet foglalnak, mint az egyszerűbb és letisztultabb tervek.

tags: #adobe #illustrator #svg #szoveg #effekt