Creación de Tipografías Digitales

8/17/2019 Creación de Tipografías Digitales

1/26

Creación de tipografías digitales

Todo usuario de ordenadores que manejeprogramas de diseño gráfico llega más pronto o más tarde aplantearse cuestiones sobre las "fonts" o tipografías: ¿Cómocrear una nueva fuente? ¿Cómo modificar las que atenemos? ¿!eremos capaces? ¿ s difícil?### s evidente quelas fuentes las $a dibujado alguien % con &tiles de dibujo% ocon el ordenador### incluso algunas están claramentebasadas en escritura manual o caligráfica# 'quí tratamosestas cuestiones en un taller en dos partes( la segundaparte trata m)todos más avan*ados trucos para la

creación de fuentes#Contenidos:

• Qué es una fuente digital• Materiales necesarios y esquema de trabajo• Puntos de partida posibles para los tipos.• Paso a paso.• Crear una fuente en CorelDra .• Programas especiali!ados.• "aller a#an!ado de creación tipogr$fica.

Preparar una nue#a tipografía no es difícil% de &ec&o: laidea es muy sencilla y el equipo necesario% muyb$sico. Como muc$o% puede considerarse un proceso más omenos laborioso% que requiere organi*arse bien# sta guíano pretende e+plicar $asta el mínimo detalle el proceso decreación de fuentes% ni cómo trabajar con los programas quepueden emplearse ,que son muc$os,% tan sólo es un resumen

http://www.vectoralia.com/manual/html/taller_avanzado.htmlhttp://www.vectoralia.com/manual/html/taller_avanzado.htmlhttp://www.vectoralia.com/manual/html/creacion.html#queeshttp://www.vectoralia.com/manual/html/creacion.html#materialhttp://www.vectoralia.com/manual/html/creacion.html#puntosparthttp://www.vectoralia.com/manual/html/creacion.html#pasoapasohttp://www.vectoralia.com/manual/html/creacion.html#encoreldrawhttp://www.vectoralia.com/manual/html/creacion.html#progespechttp://www.vectoralia.com/manual/html/taller_avanzado.htmlhttp://www.vectoralia.com/manual/html/creacion.html#queeshttp://www.vectoralia.com/manual/html/creacion.html#materialhttp://www.vectoralia.com/manual/html/creacion.html#puntosparthttp://www.vectoralia.com/manual/html/creacion.html#pasoapasohttp://www.vectoralia.com/manual/html/creacion.html#encoreldrawhttp://www.vectoralia.com/manual/html/creacion.html#progespechttp://www.vectoralia.com/manual/html/taller_avanzado.htmlhttp://www.vectoralia.com/manual/html/taller_avanzado.htmlhttp://www.vectoralia.com/manual/html/taller_avanzado.html


2/26

de cómo $acerlo# -ara obtener resultados óptimos% esnecesario aprender más detalles sobre los programas quemencionamos# l mejor punto de partida es estudiareldiagrama que e+plica en qu) consiste todo el proceso% qu)tipo de fic$eros pueden manejarse% qu) programas sepueden utili*ar# +isten m&ltiples itinerarios posibles:podemos elegir la que más convenga% o la que mejor seadapta a nuestra forma de trabajar% conocimientos recursos#Qué es una fuente digital

.na fuente truet pe o t pe/ es simplemente un conjunto

de dibujos vectoriales 0que se pueden escalar sin p)rdida decalidad: más información en nuestros artículos sobre diseñográfico digital1% guardados dentro de un fic$ero% con elformato 2 nombre_fuentet.ttf 0truet pe1o nombre_fuentet.pfb # pfm 0t pe/13# ste fic$ero de lafuente contiene% además% la información necesaria para$acer corresponder cada imagen al caráctercorrespondiente% tambi)n para el espaciado de los

caracteres# -or tanto% crear una fuente digital se reduce a/1 $acer los dibujos 41 +portarlos como fic$ero 5#ttf o5#pfb65#pfm#7a primera parte puede llevarse a cabo con decenas deprogramas diferentes% pero la segunda require aplicacionesalgo más especiali*adas# -or fortuna% un programa mucom&n% Corel8ra9 permite e+portación truet pe o t pe /#-or este motivo% nos centraremos sobre todo en la maneraque podemos crear modificar fuentes con Corel8ra9# lmanual del programa inclu e información detallada alrespecto#Materiales necesarios y esquema de trabajo

'parte de los requisitos $abituales para el diseño digital0naturalmente% el ordenador% los programas corrientes1%necesitamos:

Un escáner: puede servir un viejo escáner en blanco negro# 7as fuentes no se crean en color: son simples


3/26

imágenes vectoriales en blanco negro# Programasauxiliares de dibujo para adquirir imágenes dentro del pc%retocarlas prepararlas para la tipografía# !irve inclusoel Paint de indo9s% pero conviene más un programa conmejores prestaciones% como Paint'&op Pro% P&otos&op%P&otoPaint% P&oto(mpact o similares# ;ncluso así% basta unaversión antigua del programa sirveperfectamente# Programas para convertir la imagen avector manipularlo#


4/26

Puntos de partida posibles para los tipos. -rimero%deben dise arse las letras de la tipografía # !eg&n muestrael diagrama adjunto% esto puede $acerse de diferentesmaneras:

a# Dibujar en papel % con todo tipo de &tiles tradicionales:lápi*% papel% goma% tinta### puede ser% por ejemplo%una muestra de nuestra propia escritura# Cargamos acontinuación la imagen en el pc utili*ando el escáner#

b# "ambién es posible dibujar directamente en elprograma de dibujo 0o en el programa de creacióntipográfica1% bien con el ratón% bien con otrosdispositivos% tales como una tableta digitali*adora# staopción es válida para fuentes con formas geom)tricasmás o menos simples# 7a creación íntegramente digitalde este tipo de fuentes permite una e+actitud total: esla forma en que trabajan los profesionales al crear lasmejores fuentes de te+to#


5/26

dibujar directamente en el programa de dibujo% peroutili*ando una imagen escaneada como plantilla#

c# 'e puede modificar una fuentepree/istente. 0debemos informarnos bien% sinembargo% de cuestiones legales% cop rig$ts demás###1-odemos basarnos en una tipografía anterior% comobase para nuestras modificaciones con cualquierm)todo% desde tenerla como base para calcar modificar% $asta pasarla directamente al programa decreación de fuentes para digitali*ar los caracteres# 'síes posible% por ejemplo% resucitar digitalmente una

fuente de siglos pasados que encontremos en unantiguo libro% tal como $a $ec$o% por ejemplo% unequipo de la .niversidad de >arago*a con la tipografía;barra% del siglo @;;; ,un equivalente $ispano deAodoni# !u p$gina e+plica todo el proceso es uninteresante complemento de estas páginas#

Paso a paso.

!eguidamente veremos paso a paso cómo elaborar los tipos#l proceso comien*a con la digitali*ación de una imagen de

las letras o símbolos con los que queremos trabajar#

-ara dibujar los símbolos### no $a muc$o que e+plicar# -araagili*ar el proceso% conviene escribir los caracteres en elorden en que están codificados#

Cómo escanear. 7as instrucciones concretas dependen decada aparato% pero una recomendación general es trabajar aresoluciones de B dpi o inferiores en blanco negre 0sí%aunque el magnífico escáner que tenemos sea capa* dellegar a miles de dpi a todo color### Dsólo conseguiríamosun fic$ero enorme% difícil de manejar lleno deimperfeccionesE1 s mejor dibujar caracteres grandes ,$astaF o G cm# de altura pasarlos a una resolución inferior a B

dpi# 'sí se capta mejor la forma general% se puedendescartar las irregularidades sin afectar el aspecto básico

http://giga.cps.unizar.es/Desarrollo/Ibarra/articulo/index.htmlhttp://giga.cps.unizar.es/Desarrollo/Ibarra/articulo/index.html


6/26

del carácter# ncontrar)is más trucos sobre el manejo delescáner en la sección de 8iseño

gráfico# ' continuación% abrimos laimagen escaneada en el programa que $abitualmenteutili*amos con el escáner: -$otos$op% -aint!$op -ro% el quesea# '$ora es el momento de retocar% eliminar puntos desuciedad% llenar las partes vacías 0ved las ideas e+tra al piede la página#1 8e todo este proceso sale un fic&ero de mapade bits% 0MP o "(* # .na ve* todo está listo% es el momentode pasar la imagen a forma vectorial% el que definirá elfic$ero de la tipografía% tanto si es T pe / como TrueT pe#7o que sigue a partir de a$ora depende muc$o del programaque utili*amos#Crear una fuente en CorelDra #

.na de las cosas que más nos fascinaron de Corel8ra9 B%$ace a muc$os años% era su capacidad de e/portar#ectores como caracteres de una fuente truet pe o t pe /#Todas las versiones posteriores% naturalmente% mantieneneste filtro de e+portación que% sin embargo% falta en otrasaplicaciones de dibujo pretendidamente más profesionales#


7/26

conseguir# @eamos### el primer

paso% partiendo del punto donde lo $abíamos dejado esescanear "calcar" en forma de vector# 'brimos la imagenen el programa CorelTrace 0que se inclu e con Corel8ra9#1

ste programa convertirá nuestra letra a contornosvectoriales# 7eed más sobre el proceso de vectori*ación enel artículo correspondiente# .n programa equivalente es'dobe !treamline% pero este debe adquirirse por separado#.na ve* vectori*ado ,s el o los dibujos% tendremosun fic&ero de dibujo #ectorial% )( o 1P'. Ha en Corel8ra9%debemos preparar una p$gina de referencia donde colocarlos caracteres para guardarlos dentro de la fuente# Convieneun tamaño al cual se puedan observar bien los detalles delos símbolos% para retocar seg&n sea necesario mantener lacalidad de los tipos a resoluciones o tamaños grandes# 7omás recomendable es definir una página de un tamaño deIG +IG puntos 0$aciendo doble clic sobre un punto de lapágina% o accediendo a las propiedades de

)sta#1 n esta página 0ver la


8/26

imagen1 colocaremos unas líneas de guía para igualar laposición de todos los caracters respecto de la línea de base

su tamaño# .na forma cómoda de situar estas líneas dereferencia es escribir algunas letras de una fuente típica iescalarlas de forma que ocupen buena parte del recuadro dela página# !eguidamente% arrastramos líneas guía desde lasreglas superior e i*quierda de la pantalla# Con esta plantillapreparada a se pueden dibujar o modificar los caracteres%importando los que $emos escaneado vectori*ado% o biendibujando directamente# Con las versiones de Corel8ra9que maneja casi todo el mundo seguramente podr)isutili*ar una p$gina por car$cter # -ara simplificar las cosas%

es mejor agrupar los caracteres en varios arc$ivos deCorel8ra9% puesto que más de 4 páginas en un soloarc$ivo puede llegar a ser mu difícil de controlar# -orejemplo% pueden separarse varios grupos siguiendo el ordendel mapa de caracteres# -or ejemplo% grupos de unos veintecaracteres# .na alternativa posible es emplear una sólap$gina y #arias capas % pasando de una a otra para irtrabajando e+portando los caracteres de la fuente# ste

sistema puede funcionar incluso en la versión B deCorel8ra9# -ara que podamos trabajar con una ciertacomodidad% en un momento dado debería ser visible sólo lascapas de las guías% de la muestra de fuente la

actual# ;mportamos elfic$ero ';J -! 0el resultado de la vectori*ación1 aCorel8ra9% a menos que decidamos dibujar directamente# s$ora de retocar los caracteres que $agan falta# .na buenaidea es eliminar todos los puntos de anclaje innecesarios #=inalmente , cada car$cter deber$ estar constituído por un


9/26

solo símbolo u objeto % combinando las partes necesarias sies preciso 0en la opción Kodificar L Combinar#1-ara% finalmente% crear la fuente% en el men& 'rc$ivo L

+portar% elegimos la opción "como True T pe 0TT=1"8ebemos asegurarnos de que sólo e+portamos el carácterseleccionado viendo que $a una marca en la casilla "sóloseleccionado" que aparece en el cuadro de diálogo dee+portación#

'l principio nos pedirá un nombre para la fuente algunosdetalles más 0imagen sobre estas líneasa#1 Aasta con elegirun nombre% preferiblemente sin espacios en blanco# 7acasilla "fuente de símbolos" se marcará si se trata de unafuente tipo dingbats% con dibujos en las posiciones de loscaracteres# ' continuación% aparece un cuadro de opcionescomo el que tenemos aquí# 'quí asignamos el símboloseleccionado en Corel8ra9 al carácter que le correspondeen la fuente% en nuestro ejemplo% el signo de e+clamación#

'ceptamos volvemos así al área de trabajo del programa#l proceso descrito se repite para cada carácter de la

fuente: combinar en un solo objeto% ir a arc$ivo Le+portar### como truet pe asignar el carácter quecorresponda# !í% es verdad###D ! T 8;M!ME !i os sirve deconsuelo% =ontograp$er% el "Nolls No ce" de la creacióntipográfica% tambi)n procede de uno en uno# 8e manera quees mejor tomárselo con calma# .na ve* todo preparado%podemos plantearnos la creación de una fuente como un


10/26

entretenimiento de un rato durante varios días seguidos# 7ascosas buenas se $acen esperar# -ero al final tendremos unanueva fuente original que podremos usar% compartir ,quien sabe, qui*ás vender# -ara comen*ar a utili*ar lanueva fuente% tan sólo $ará falta instalarla o activarla con elprocedimiento $abitual#Programas especiali!ados.


11/26

elementos de las letras los vectori*a# !eleccionando,individualmente o en grupo, arrastrando soltando lossignos en una ventana con las casillas para cada carácter% se

genera toda la fuente automáticamente# !e guarda elfic$ero como truet pe o t pe/ , a está# Como es desuponer% suele $acer falta retocar algunos caracteres uno auno% pero si $emos partido de una imagen nítida bienalineada% de $ec$o el resultado puede ser casi defintivo#!orprendente: toda aquella tediosa labor $ec$a en unospocos minutos### !i quer)is ver algunos ejemplos de fuentescreadas en !can=ont (Honcho, Depressa, Lletera) % pod)isdescargarlas desde aquí# 'lguna no tiene el juego decaracteres completo% pero tal ve* os puedan ser &tiles apesar de ser pro ectos incompletos# 7as fuentes másdefinitivas están disponibles en nuestra página de fuentesoriginales gratis# !i ten)is más curiosidad% no nose+trañaría% se puede descargar una versión demo 0quepermite e+portar cinco fuentes por máquina1 desde la 9ebde Pyrus # l mismo fabricante ofrece tambi)n *ont-ab % unprograma de nivel más profesional una $erramientabásica% "ype"ool % entre otras cosas# sta 9eb mereceuna visita porque además inclu e tutoriales% consejos% faq###.n programa s$are9are que podemos evaluar sin tantaslimitaciones que no está tampoco nada mal es el =C- , *ontCreator Program # Necordad que no sólo es un "creator"%tambi)n lo utili*aremos para retocar# !e puede obtenerde .&ig&2logic.com # Tanto los productos de - rus comoel =C- vienen con tutoriales a uda% e+celentes en losproductos de - rus# !eguramente os sonará el nombrede *ontograp&er # ¿Ou) sucede con )ste? s% de $ec$o% elmás utili*ado de los programas de creación tipográfica entrelos profesionales# 8e todos modos% no funciona con el

cómodo automatismo de !canfont### aquí se procede de

http://www.pyrus.com/http://www.high-logic.com/http://www.pyrus.com/http://www.high-logic.com/


12/26

carácter en carácter# Mfrece% eso sí% un grado de controlenorme sobre toda la creación de la fuented# l problema esque difícilmente se puede conseguir una versión de prueba#

l distribuidor del programa es Kacromedia #

Taller avan*ado de creación t ipográfica

sta página% junto con la primera parte del taller% no es unmanual bien estructurado% sino más bien un conjunto deideas interesantes para la creación de tipografías originaleso modificación de )stas#


13/26

etc# -rocuremos que el n&mero de nodos sea el mínimoposible para definir la forma: por ejemplo% una formaovalada precisa sólo cuatro nodos#

• Probar cómo &a salido # -ara controlar el producto% sepuede probar una impresión a diferentes tamaños cómo seve en pantalla% preferiblemente con suavi*ado de loscontornos en pantalla 0"anti,aliasing"1#

• ) adir acentos o caracteres especiales : un programade creación tipográfica puede resolver un problema com&nen muc$as fuentes ,s$are o free9are que se pueden obtenerde mil sitios: la falta de caracteres especiales% tales comolos acentos% la P% la ñ% etc)tera# Qa diversas formas% una deellas consiste en copiar pegar por ejemplo la "a" en lasposiciones de la á% á% R### % la "e" en las posiciones de )% S%

#### a continuación copiar los acentos para colocarlossobre todos los caracteres con acento agudo% grave###

• 'i queremos dibujar directamente en pantalla loscaracteres% muc$os programas de dibujo vectorial ofrecen&tiles magníficos% como las plumas caligráficas 0con uncontrol preciso sobre el ángulo que forman con la línea debase el grosor del tra*o1( incluso a partir de un dibujolineal simple% se puede elegir posteriormente un tra*ogrueso#


14/26

. tili*ar el escáner#

n la página sobre el escáner de la sección de diseño gráficoa $emos e+plicado lo más esencial del proceso de

captación de imágenes# 8ebemos añadir algunas ideasinteresantes aquí# Nespecto de la resolución aconsejable%algunos creadores de fuentes utili*an la mínima 0I4 dpi%semejante al monitor1% adquieren caracteres dibujados agran tamaño0digamos de más de G cm# de altura1# 8e estamanera no se captan demasiados detalles% que realmente nointeresan% porque no se convierten en otra cosa queirregularidades( se capta más bien la forma general de laletra# s una opción a tener en cuenta# n general%resoluciones demasiado elevadas dan más problemas queventajas#

!i bien las letras se van a utili*ar como gráfico en blanco negro% aunque nuestro punto de partida sea a un dibujoen blanco negro% es mejor no escanear directamente enblanco negro! es muc$o más aconsejable escanear enniveles de gris% porque se capta muc$o mejor la forma% sin

descartar información que inevitablemente se pierde en lamodalidad de blanco negro# ' continuación% una ve*


15/26


16/26

con contornos irregulares o un dingbat e+ige más# ncualquier caso conviene asegurarse de que no $a une+ceso#

=inalmente% la forma más efectiva radical de controlar lacalidad del vector es Dprescindir del auto,calcadoE Aastaabrir la imagen de bitmap como referencia con la pluma ircolocando puntos de anclaje% decidiendo su ubicación deuno en uno# -ara pro ectos profesionales% )sta es una formade obtener resultados e+celentes# -ero si lo que queremoses crear una tipografía sin complicarnos la vida% podemosolvidarlo###

-lantilla para crear caracteres#

@eamos las pautas para preparar una página maestra paracrear los caracteres en un programa de dibujo tal comoCorel8ra9# s recomendable que las dimensiones de la

página sean de I4 + I4 puntos para situar los caracteres#¿-or qu)? Con estas dimensiones% nos aseguramos que losdetalles que figuran en los contornos de la fuente setraducirán en forma correcta al imprimir o en pantalla# nesta página situamos el origen de coordenadas 0de lasreglas1 en el punto 0B % B 1 contando a partir de la esquinainferior i*quierda# '$ora necesitamos unas líneas guía paradibujar las formas de las letras de forma proporcionada# !icolocamos algunas letras de muestra de una tipografíanormal 0algo discreto simple como Qelvetica o 'rial sirveen este caso1% las escalamos de manera que ocupen entrela mitad 4JB de la altura disponible% podemos utili*arlaspara situar con precisión las líneas guía% seg&n mostramos enel gráfico siguiente:


17/26

7as letras de muestra pueden ser por ejemplo "+ p b K M l"#=ij)monos que $a una altura má+ima 0la de los tra*osascendentes de la b la l% que en algunas fuentes% superaligeramente la altura má+ima de las ma &sculas1 una valordescendente que corresponde al tra*o inferior de la p# -orotra parte% la altura normal de las min&sculas corresponde a

la altura de la "+"# Colocando estas guías a tenemos unapauta proporcionada para dibujar los caracteres#'provec$ando la opción de capas del programa de dibujo%estas letras de muestra las guías pueden estar situadas enuna capa al fondo% en un color claro que no moleste $aciendo la capa visible, pero no editable. !i guardamoseste documento a tenemos un molde para colocar los

caracteres que formaran la tipografía# n los programas quetienen opción de páginas m&ltiples% como Corel8ra9 o=ree$and% conviene ir creando una página adicional paraalojar los diferentes símbolos# 'l guardar% para no crear unarc$ivo gigante% podemos separar las min&sculas% lasma &sculas otros símbolos en sendos arc$ivos# stasplantillas sirven para crear los caracteres% aprovec$ando las

potentes $erramientas de los programas de dibujo# Con


18/26

Corel8ra9 incluso se pueden e+portar directamente loscaracteres dentro de una fuente TrueT pe o T pe /#

-asar los símbolos del programa de dibujo al editor defuentes#

!i tenemos un programa capa* de editar fuentes 0=ontCreator% =ont 7ab% =ontograp$er% !oft % !canfont###1 loscontornos vectoriales que vamos creando sirven paraincorporarlos directamente a la fuente# .na forma sencillaes crear los diferentes símbolos guardarlos temporalmente

en un fic$ero en formato de 'dobe ;llustrator 0versión G1 o-!% por ejemplo con elnombre simbol.eps o simbol.ai. !ugerimos esteprocedimiento: al acabar un símbolo% se selecciona searrastra a la ventana donde tenemos elfic$ero simbol.eps 0o simbol.ai 1# Uuardamos este fic$ero# nel programa editor de fuentes% vamos a la posición del

carácter de que se trate% vamos a la opción importar Leps# !eleccionamos el fic$ero que $emos guardadocomo simbol.ai 0si es preciso% $abrá que seleccionar lacarpeta donde se encuentre1% a tenemos el símbolodentro del espacio que corresponde al carácter de la fuente#'$ora podremos $acer los retoques en la posiciónnecesarios% invertir la dirección de los contornos% etc###

¿Ou) es invertir la direcci"n de los contornos ? 7a cuestiónpuede ser larga de e+plicar# Cuando un símbolo está formadopor formas incluídas una dentro de otra% por ejemplo en laM 0dos elipses1% la dirección de los tra*os vectoriales $a deser la correcta( si no% pueden surgir problemas a la $ora devisuali*ar la fuente en determinados programas# 'lgunoseditores de fuentes muestran toda la forma en negro si no se

$a corregido este tema( la solución es fácil% con una opcióntal como "reverse contours" o "correct pat$ direction"#


19/26

-asar de una línea a un contorno cerrado#

7a primera M no sirve como elemento de una fuente digital a que esuna línea simple% sin relleno# n la segunda forma $emos ensanc$adoel tra*o creando dos objetos combinados% a puede utili*arse comocarácter

Con un programa de dibujo vectorial% una línea puede tenerun anc$o variable# 8ibujar una línea sola es%evidentemente% más sencillo que crear toda una serie decontornos# -or ejemplo% una M puede ser una sola elipse#Qaci)ndola en forma de contornos cerrados% $acen faltados% combinados en un objeto compuesto% para que se veael orificio central# ¿-or qu)% entonces% no utili*ardirectamente líneas gruesas? Qa un problema: cadacarácter $a de ser al menos un contorno cerrado% o unacombinación de diversos contornos cerrados# -or tanto% porgruesa que dibujemos la línea en el programa de dibujo% nosirve# n t)rminos de los caracteres de una fuente% esindiferente el grueso que tenga# +iste una solución sencillaque tienen muc$os programas de dibujo% que consiste en"ensanc$ar el tra*o" 0e+pand stroVe1 creando un contornodel anc$o deseado# ste truco sirve% además% para crear


20/26

versiones de diferente grueso a partir de una colección deformas básicas#

'provec$ar los pinceles vectoriales

-rogramas como (llustrator tienen unosinteresantes efectos de pincel art#stico que se aplican a lostra*os# D'lgunos de estos pinceles parecen $aber sido

diseñados para la creación de fuentesE n especial parafuentes de estilo caligráfico# Aasta con crear una formasencilla con la pluma o cualquier otro &til de dibujo delprograma aplicar el estilo de pincel deseado# l problemaque surge aquí para pasar a la creación de caracterestipográficos es el mismo que comentamos en el puntoanterior# stos pinceles% por bonitos que sean% siguen siendoa todos los efectos tra*os simples no son% por tanto% aptospara crear un glifo# 7a solución está% de nuevo% en el filtrode e+pandir el tra*o# 'demás% si guardamos el fic$ero contodos los contornos convertidos de esta manera% evitamosproblemas de compatibilidad con otros programas% semantendrán las formas adecuadamente al pasar a unprograma distinto#


21/26

8iferencias entre contornos cerrados líneas simples con un estilo depincel "natural"# !ólo si se convierte el tra*o a una forma cerrada%con la opción de e+pand stroVe es aprovec$able como carácter parauna fuente# 8e las tres '% sólo sirve la tercera% la de la derec$a#Tiene un n&mero elevado de puntos de anclaje% porque el contorno%simulando el tra*o de un pincel% es bastante complejo#

-inceles caligráficos#

7os mejores programas de ilustración vectorial inclu endiferentes estilos de pincel caligráfico que son idóneos parala creación tipográfica# ste tipo de pinceles se utili*a contoda facilidad: no tienen ning&n secreto% a que se basan en

la forma natural de los pinceles caligráficos% con puntaanc$a# 'l aplicar el tra*o formando un cierto ángulo con lalínea de base% por ejemplo de FGW% los tra*os verticalesserán más gruesos% mientras que los $ori*ontales


22/26

serán muc$o más estrec$os% a que sedibujan con el canto de la pluma% muc$o más fino# 8e estemodo% una ve* se $a definido el tipo de pincel caligráfico enel programa de ilustración 0o bien se $a optado por una delas muc$as opciones preestablecidas1% los movimientos delratón o el dispositivo de entrada simulan la pluma: tra*osmás anc$os o más finos en función de la dirección quetomen#

ste tipo de pincel merece una investigación% porqueencierra muc$as posibilidades( incluso aplicándolo a dibujoslineales previos# n cada programa funcionan de maneraligeramente distinta( en algunos casos se manejan

directamente como tra*os cerrados% en otros simplementeson una variación de la forma del contorno vectorial# neste segundo caso se pueden aplicar a cualquier objetoabierto o cerrado#

Combinación de formas#

.na $erramienta mu &til para la creación de fuentes es el

conjunto de filtros de unión% intersección% recorte### deformas vectoriales que inclu en los programas de dibujo#8ado que una letra está formada por elementos que% conciertas variaciones% se repiten de carácter


23/26

en carácter% incluso se puede crear unalfabeto completo en plan $ran%enstein % combinandopartes de diferentes caracteres% empleando los filtros decombinación de formas para obtener los resultadosdeseados# &llustrator es uno de los programas que mejororgani*ados tiene este tipo de filtros% en una cómoda paleta

que denominan 'athfinder o uscatra os #

Con esta otras $erramientas% crear modificar formasvectoriales en un programa de dibujo es tal ve* másaconsejable que emplear las propias del programa editor defuentes% porque no son ni de lejos tan intuitivas o potentescomo las de una buena aplicación de ilustración vectorial# l

m)todo será% entonces% el descrito más arriba: crear undibujo '; J -! en el programa de dibujo e importarlo en eleditor de fuentes para incorporarlo#


24/26

!e puede alterar la forma del contorno vectorial con diferentesfiltros que permiten obtener formas derivadas más irregulares omodificadas de mil maneras% de forma configurable por el diseñador#

'plicar efectos especiales a los contornos#

Cuando se crea una fuente% a menudo interesa desarrollaruna familia de fuentes relacionadas: las versiones negrita%cursiva% variantes condensadas o e+pandidas% versionesvacías o con sombra### todos estos efectos se puedenconseguir en bloque para un conjunto de caracteres% en los

diferentes programas implicados en el diseño tipográfico#

-or otro lado% en determinados tipos de fuentes% Dloscontornos lisos regulares son lo opuesto a lo que sepretende conseguirE -or ejemplo% si queremos una letra quesimula un impreso de imprenta antigua% esperamos que loscontornos tengan una cierta irregularidad# H en

determinados pro ectos% queremos formas especiales queestán mu alejadas de las formas geom)tricas simples deuna fuente de te+to#

+isten diferentes alternativas para crear formas efectosespeciales en los caracteres# !irven tanto efectos que sepueden aplicar a la imagen escaneada que utili*amos comoreferencia 0un mapa de bits1% como los efectos que seaplican a los vectores que constituirán los caracteres de lafuente digital# ste segundo tipo de efectos se puedeconseguir bien dentro del programa de dibujo como% enalgunos casos% dentro del propio editor de fuentes# @eamosalgunos ejemplos de lo que se puede $acer a estosdiferentes niveles:


25/26

*il t ros de mapa de bi ts .

-artiendo de una forma básica de una fuente 0o bien de unafuente pree+istente que estemos autori*ados a modificar1podemos aplicar filtros como los que inclu en -aints$op o-$otos$op# 7a manera es escribir un te+to con una parte o latotalidad de los caracteres del juego que forma unatipografía% dentro del programa de pintura elegido aplicarlos filtros convenientes# ' continuación% se guarda la nuevaimagen para vectori*arla crear con ella una nueva fuente#.na idea mu empleada para fuentes estilo "grunge"% letrasinformales que recuerdan los carteles callejeros% escriturasimprovisadas rápidas con tra*os en)rgicos e+presivos%con sensación de movimiento% desgaste% superposición###

*il t ros #ectoriales .

-rogramas como =ree$and o ;llustrator permiten modificarla forma de los contornos para $acerlos menos perfectos %menos lisos# Con estas opciones podemos pasar de unaforma t)cnica% impecable% a otra muc$o más semejante altra*ado manual o a un contorno desgastado por el uso# 7aventaja de los filtros vectoriales es que el producto

obtenido está un paso más adelante en la "cadena deproducción" de la fuente: a se pueden incorporardirectamente los resultados dentro de los caracteres de lafuente que estamos creando#


26/26

* i l t ros de los programas edi tores de fuentes .

Kención especial merecen los filtros de modificación queincorporan los programas dedicados de creación de fuentes#;nclu en utilidades para facilitar la creación de la versióncursiva negrita de una fuente pueden aplicarse enbloque a todos los caracteres# Tambi)n se pueden intentardiferentes operaciones rápidas sencillas de escalado%rotación% despla*amiento### H en elprograma *ont-ab incluso encontramos una serie deopciones especiales para distorsionar los caracteres 0filtrosque llaman bold, outline, *d e+trussion, *d rotate, college,shado , random move of nodes, envelope gradient 1# 'quítenemos dos ejemplos% sacados de una versión de pruebadel programa 0e+trusión sombra%

respectivamente#1 l inter)s que tiene crearuna fuente con determinados tipos de efecto% como unasombra o un efecto tridimensional% no es tanto el de evitarproducir el efecto en cuestión con un programa capa* de$acerlo 0esto es $o cosa mu sencilla1% como el de disponerde una tipografía con el aspecto deseado% directamente

utili*able desde cualquier aplicación#

Creación de Tipografías Digitales

Documents

Transcript of Creación de Tipografías Digitales