Készítsen kézzel rajzolt betűtípust az Illustrator és a Fontastic.me használatával

01/06

Készítsen kézzel rajzolt betűtípust az Illustrator és a Fontastic.me használatával

Szöveg és képek © Ian Pullen

Ebben a szórakoztató és érdekes bemutatóban megmutatom, hogyan készíthet saját betűtípust az Illustrator és az online webszolgáltatás fontastic.me segítségével.

Ha követni szeretné, szüksége lesz egy példányra az Adobe Illustrator-ról, de ha nincs másolata, és nem akarja megvásárolni, érdekelheti a hasonló útmutatót, amely az Inkscape programot használja . Az Inkscape egy ingyenes, nyílt forráskódú alternatíva az Illustrator programhoz. Bármelyik vektoros vonalas rajzoló alkalmazás is, a fontastic.me teljesen ingyenes szolgáltatást kínál.

Miközben megmutatom neked, hogyan kell létrehozni egy kézzel írt betűtípust egy papírra rajzolt betűk segítségével, hasonló technikákat is használhatsz, hogy betűtípusokat készíts, olyan betűkkel, amelyek közvetlenül az Illustrator-ba kerültek. Ha rajztáblát használ, ez előnyösebb lehet.

Ha fényképet használ, győződjön meg róla, hogy sötét színű tolltartó tollat ​​használ a levél rajzolásához és a kontraszt maximális sötét fehér papírjának használatához. Szintén fényképezheti fényképeit, hogy segítsen előállítani egy olyan képet, amely tiszta és kontrasztos, hogy az Illustrator könnyebben nyomon követheti az egyes betűket.

Az elkövetkező néhány oldalon keresztül megismerkedem az első betűtípus létrehozásával.

02. 06. sz

Nyisson meg egy üres dokumentumot

Szöveg és képek © Ian Pullen

Az első lépés egy üres fájl megnyitása.

Menjen a Fájl> Új pontra, és a párbeszédablakban állítsa be a kívánt méretet. 500px méretű négyzetméretet használtam, de ezt tetszés szerint beállíthatja.

Ezután importáljuk a fényképfájlt az Illustrator programba.

03/06

Importálja fényképét kézzel húzva

Szöveg és képek © Ian Pullen

Ha még nem kapott kézzel rajzolt szöveget a munkából, akkor ugyanazt a fájlt töltheti le, amelyet a leíráshoz használtam.

A fájl importálásához lépjen a Fájl> Hely parancsra, majd keresse meg a kézzel rajzolt szövegének fotóit. Kattintson a Hely gombra, és megjelenik a fénykép a dokumentumban.

Most kinyomtathatjuk ezt a fájlt, hogy vektorgrafikus levelet adhassunk nekünk.

04/06

Keresse meg a kézzel húzott levelek fényképét

Szöveg és képek © Ian Pullen

A betűk nyomon követése nagyon egyszerű.

Menj csak az Object> Live Trace> Make and Expand menüponthoz, és néhány pillanat múlva meg fogod látni, hogy az összes betű vége új vektoros soros verziókkal készült. Kevéssé nyilvánvaló az a tény, hogy egy másik objektum körülveszi őket, amely a fénykép hátterét képviseli. Törölni kell a háttérobjektumot, ezért menjünk az Object> Ungroup elemre, majd kattintsunk a négyszögletes határoló dobozon kívül bárhová, hogy kiválasszunk mindent. Most kattintson a közeli, de nem az egyik betűre, és látnia kell, hogy a négyszögletes háttér van kiválasztva. Csak nyomja meg a Delete billentyűt a billentyűzeten, hogy eltávolítsa azt.

Ez minden egyes betűt elhagy, de ha a levelei közül több is tartalmaz egynél több elemet, akkor ezeket össze kell csoportosítania. Minden leveleim több elemet tartalmaznak, ezért mindegyiket csoportosítottam. Ezt úgy teheti meg, ha rákattint egy olyan kijelölési vonalra, amely egy levél minden egyes elemét magába foglalja, majd az Objektum> Csoporthoz.

Most minden egyes betűjével együtt marad, majd ezt követően felhasználjuk azokat az egyedi SVG fájlokat, amelyekhez betűtípusot kell létrehozni a fontastic.me-ben.

Kapcsolódó: Live Trace használata az Illustrator programban

05/06

Az egyes levelek mentése SVG fájlokként

Szöveg és képek © Ian Pullen

Sajnos az Illustrator nem engedi meg, hogy több artboards-t mentse el az egyes SVG-fájlokhoz, így minden levél kézi mentése különálló SVG-fájlként történik.

Először válassza ki és húzza át az összes betűt úgy, hogy ne tegye túl a műalkotást. Ezután húzza az első betűt a rajztáblára, és méretezze újra, hogy kitöltse a rajztáblát a sarki fogantyúk egyikének húzásával. Tartsa lenyomva a Shift billentyűt, miközben ezt ugyanolyan arányban tartja.

Ha készen van, menjen a Fájl> Mentés másként és a párbeszédablakba, változtassa a Formátum legördülő listát SVG (svg) értékre, adja meg a fájlnak értelmes nevet, és kattintson a Mentés gombra. Most törölheti azt a betűt, és elhelyezheti, majd méretezheti a következő táblát a rajztáblán. Ismételje meg a Save As (Mentés másként) elemet, és addig folytassa, amíg meg nem mentette az összes levelét

Végül, mielőtt folytatná, mentse el az üres táblát, hogy ezt egy szóköz karakterhez használhassa. Érdemes megfontolni írásjelek írásjelek és kis betűs verzióinak mentését is, de nem zavart ez a bemutató.

Ezekkel a különálló SVG levélfájlokkal készen áll, hogy a következő lépéssel hozzon létre betűtípust a fontastic.me feltöltésével. Kérjük, tekintse meg ezt a cikket, és nézze meg, hogyan használhatja a fontastic.me fájlt a betűtípus befejezéséhez: Hozzon létre egy betűtípust a Fontastic.me használatával

06, 06

Az Új készlet export panel használata az Adobe Illustrator CC 2017-ben

Az SVG létrehozása az Adobe Illustrator CC 2017 új Asset Export paneljére kattintással és húzással történik.

Az Adobe Illustrator aktuális verziója egy új panelt tartalmaz, amely lehetővé teszi, hogy az összes rajzot egy rajztáblára helyezze el, és egyedi SVG-dokumentumokként jelenítse meg őket. Itt van, hogyan:

  1. Válassza az Ablak> Eszköz exportálása menüpontot, vagy nyissa meg az Eszköz exportálása panelt.
  2. Válasszon ki egy vagy összes betűt, és húzza őket a panelbe. Mindegyikük egyedi elemként fog megjelenni.
  3. Kattintson duplán az objektum nevére a panelben, és nevezze át. Ehhez hajtsa végre a panel összes elemét.
  4. Jelölje ki az exportálandó elemeket, és válassza ki az SVG lehetőséget a Formátum felugró menüből.
  5. Kattintson az Exportálás gombra.