En aquest tutorial, us mostrarem com podeu crear el vostre propi tipus de lletra amb Illustrator i el servei web web fontastic.me.
Per seguir endavant, necessiteu una còpia d'Adobe Illustrator, encara que si no teniu una còpia i no voleu comprar-lo, us pot interessar el nostre tutorial similar que utilitza Inkscape. Inkscape és una alternativa lliure i gratuïta a Illustrator. Sigui quina sigui l'aplicació de dibuix de línies vectorials que utilitzeu, fontastic.me ofereix el seu servei completament gratuït.
Tot i que us mostrarem com crear una lletra dibuixada a mà amb una foto de lletres sobre paper, també podeu utilitzar tècniques similars per a produir una font amb lletres que s'han dibuixat directament a Illustrator. Si utilitzeu una tauleta de dibuix, potser us sigui preferible.
Si utilitzeu una foto, assegureu-vos que feu servir una ploma de color fosc per dibuixar les vostres lletres i fer servir paper blanc normal per obtenir el màxim contrast. A més, agafeu la vostra foto amb bones llum per ajudar-vos a produir una foto que sigui clara i contrastada per fer que el Illustrator sigui el més senzill possible per rastrejar les lletres individuals.
Obriu un document en blanc
El primer pas és obrir un fitxer en blanc per treballar.
Anar a Fitxer> Nou i al quadre de diàleg configureu la mida segons desitgeu. Hem utilitzat una mida de pàgina quadrada de 500 px, però podeu configurar-ho com vulgueu.
A continuació, importarem el fitxer de fotos a Illustrator.
Importeu la vostra foto de text dibuixat a mà
Si no teniu una foto de text dibuixat a mà per treballar, podeu descarregar el mateix fitxer que hem utilitzat per a aquest tutorial.
Per importar el fitxer, aneu a Fitxer> Lloc i, a continuació, navegueu fins a on es troba la vostra foto de text dibuixat a mà. Feu clic al Lloc i veureu que la foto apareix al document.
Ara podem traçar aquest fitxer per donar-nos lletres vectorials.
Trace la foto de cartes dibuixades a mà
El seguiment de les lletres és molt senzill.
Només cal anar Objecte> Viatge en directe> Marca i amplia i després d'uns moments, veureu que totes les lletres s'han superposat amb noves versions de línies vectorials. Menys evident és el fet que estaran envoltats d'un altre objecte que representi el fons de la foto. Hem d'eliminar l'objecte de fons, així que vagi a Objecte> Desagrupar i, a continuació, feu clic a qualsevol part del quadre delimitador rectangular per deseleccionar tot. Ara feu clic a prop, però no a sobre, una de les lletres i heu de veure que el fons rectangular està seleccionat. Simplement premeu la tecla Suprimeix tecla al teclat per eliminar-la.
Tanmateix, si deixeu totes les lletres individuals, si alguna de les vostres lletres conté més d'un element, haureu d'agrupar-les. Totes les nostres cartes contenen més d'un element, de manera que vam haver d'agrupar totes elles. Això es fa fent clic i arrossegant una carpa de selecció que engloba totes les parts diferents d'una lletra i després aneu a Objecte> Grup.
Ara se us quedaran totes les vostres lletres individuals i, a continuació, les utilitzarem per crear els fitxers SVG individuals que necessitem per crear una font en fontastic.me.
Relacionats: També podeu aprendre a utilitzar Live Trace a Illustrator.
Deseu les lletres individuals com a fitxers SVG
Lamentablement, Illustrator no us permet desar diversos fitxers a fitxers SVG individuals, de manera que cada lletra s'ha de desar manualment com a fitxer SVG separat.
En primer lloc, seleccioneu i arrossegueu totes les lletres perquè no superposin l'artboard. A continuació, arrossegueu la primera lletra a l'artboard i torneu a dimensionar-la per omplir l'artboard arrossegant un dels patrons d'arrossegament de la cantonada. Mantingueu premut el botó Majúscules mentre feu això per mantenir les mateixes proporcions.
Quan acabeu, aneu a Fitxer> Desa com i al diàleg, canvieu el Format desplegable a SVG (svg), doneu un nom significatiu al fitxer i feu clic Desa. Ara podeu suprimir aquesta lletra i el lloc i tornar a dimensionar la següent a l'artboard. Una altra vegada Guardar com i continueu fins que hàgiu desat totes les vostres lletres.
Finalment, abans de continuar, deseu un tauler en blanc perquè pugueu fer-lo servir com a espai. També podeu considerar desar notes de puntuació i versions en minúscules de les vostres lletres, però no ens hem molestat en aquest tutorial.
Amb aquests fitxers de lletres SVG separats a punt, podeu fer el següent pas per crear el vostre tipus de lletra carregant-los a fontastic.me. Feu un cop d'ull a aquest article per veure com utilitzar fontastic.me per finalitzar la font: Creeu una font amb Fontastic.me.
Utilitzeu el nou panell d'exportació d'actius
La versió actual d'Adobe Illustrator conté un nou panell que us permet posar tots els vostres dibuixos en una sola caixa i crear-los com a documents SVG individuals. heus aquí com:
- Selecciona Finestra> Exportació d'actius per obrir el panell d'exportació d'actius.
- Seleccioneu una o totes les lletres i arrossegueu-les al tauler. Tots apareixeran com a elements individuals.
- Feu doble clic al nom de l'objecte al tauler i canvieu el nom. Feu això per tots els elements del tauler.
- Seleccioneu els elements que voleu exportar i seleccioneu SVG des del Format esclaten.
- Feu clic Exportació.
