You are on page 1of 33

Diseo de una fuente

Mike Adkins

Acerca del autor

Mike Adkins vive lo ms lejos posible de los


principales centros de diseo del mundo, en la
pequea poblacin de West Siloam Springs,
Oklahoma, Estados Unidos. Se gradu en Artes
Grficas por la Northeastern State University de
Tahlequah, Oklahoma, a principios de la
dcada de los 90, cuando un ordenador era
an un dispositivo poco habitual y era difcil
encontrar un trabajo como diseador grfico
en la zona. Ante la imposibilidad de trasladar
su domicilio, y su reticencia a hacerlo, opt por
otra solucin: compr un PC y un cortador de
vinilo e inici un negocio de cartelera en su
casa, que abarcaba desde pancartas a grficos
para vehculos. Como extensin natural de sus
aos de trabajo en CorelDRAW, sigui
utilizndolo como la principal herramienta
artstica cuando comenz a dar los primeros
pasos en el diseo de fuentes. A mediados de
los 90, ya exista Fontry, que ofreca servicios
tipogrficos a todo el mundo a travs de
Internet. Visite el sitio web de Fontry en
www.thefontry.com.

Diseo de una fuente | 1


Diseo de una fuente

Figura 1: Fuente retro

Alguna vez se ha quedado mirando fijamente que quiere disear fuentes? Le ha picado el
a una palabra garabateada en un trozo de gusanillo del diseo de fuentes y de repente
papel? O ensimismado observando las letras siente que su destino es hacer realidad todas
desgastadas de un viejo cartel pintado a esas fantsticas letras que dan vueltas en su
mano? Quiz hojeando un libro antiguo un cabeza. Ahora se le plantean muchas
da cualquiera han aparecido antes sus ojos preguntas. O quiz solo una, la ms
(figura 1)? Esas letras que tiene ante s en la importante de todas.
portada de un libro antiguo de repente han
Por dnde empezar?
despertado su espritu creativo y se han
convertido en imgenes mentales de formas Me he dedicado al diseo de fuentes durante
que quieren escapar de su imaginacin para casi dos dcadas y, hace veinte aos, me hice la
pasar a los teclados de ordenadores de todo el misma pregunta. Entonces, al igual que ahora,
mundo. no era fcil recibir informacin sobre el diseo
Por muy drstico que suene todo esto, debo de fuentes y, en el caso de encontrarla, era, y
comenzar haciendo una pregunta obvia. As sigue siendo, totalmente imprecisa y rodeada

2 | CorelDRAW Graphics Suite X7


de misterio. Un solo tutorial no puede convertir digitalmente en diversos medios, desde un
a nadie en un diseador de fuentes experto, telfono mvil a una pantalla de cine.
incluso si se trata del diseador grfico ms
experimentado. Sin embargo, tanto si es usted
experto en el diseo de fuentes o un mero
aficionado, espero que las lecciones que aqu
se comparten le sirvan de gua para las etapas Figura 2: Una fuente es un conjunto de vectores.
ms importantes del proceso. Tambin ofrecen
una explicacin de cmo un programa de Si realmente quiere disear fuentes, preprese
diseo grfico como CorelDRAW X7 puede para crear vectores, montones de ellos.
desempear un papel indispensable en sus Aunque la mayora de los editores de fuentes
proyectos de diseo de fuentes. son tambin programas de dibujo
independientes basados en vectores, tienen
No obstante, tenga presente que CorelDRAW ciertas limitaciones. Un programa de
no es ms que el componente artstico de todo ilustracin dedicado como CorelDRAW puede
el proceso. Para poder compilar y generar una mejorar considerablemente su control de
fuente, necesitar tambin un editor de precisin y su creatividad. Cuando los vectores
fuentes dedicado que soporte las finales estn listos, puede exportarlos desde
peculiaridades de la tipografa. Hay muchos CorelDRAW como archivos que pueden
programas buenos disponibles, algunos de importarse perfectamente en su editor de
ellos gratuitos. Personalmente, me gusta fuentes.
Fontlab pero, independientemente del
programa elegido, todos ellos requieren un Hecho 2: El aspecto general del alfabeto es un
arduo proceso de aprendizaje, as que deber punto de partida fundamental, por lo que cada
estar dispuesto a dedicar mucho tiempo a tarea de diseo de fuentes debera comenzar
familiarizarse con el software. por un tema o concepto bsico. Ser una
fuente estrecha? Alta? Gruesa? Delgada?
En este artculo me centrar nicamente en los Futurista? Con un aspecto retro? Con o sin
aspectos bsicos de la preparacin de la fuente serifas? Las opciones son mltiples. Si tiene
para el editor de fuentes utilizando nicamente una idea en mente, una buena forma de
un escner, un ratn y CorelDRAW X7 como las empezar es dar forma a la fuente con una
principales herramientas de diseo. palabra o un conjunto de letras nico.

En esta leccin, compartir algunas de las


Procedimientos iniciales tcnicas que dieron lugar a la creacin de la
Hay dos hechos bsicos en el diseo de fuente American Captain (incluida en
fuentes. CorelDRAW X7). Al intentar decidir el aspecto
de esta fuente, me centr en el concepto que
Hecho 1: Una fuente es un conjunto de gira en torno a la palabra CAPTAIN (todo en
vectores (figura 2), formas delineadas maysculas), prestando especial atencin a la
definidas por puntos de control dinmicos, disposicin final de las letras de AMERICAN
dispuestos de tal forma que representan un (figura 3). La fuente en su totalidad se cre
alfabeto que se puede teclear y visualizar bsicamente a partir de la apariencia de las
nueve letras de esas dos palabras. Este enfoque

Diseo de una fuente | 3


que consiste en centrarse solo en unas cuantas que el resto de fuentes surjan con naturalidad
letras de una o dos palabras puede hacer que a partir de los caracteres en maysculas ya
el esfuerzo de disear un alfabeto completo finalizados, particularmente los nmeros y
resulte mucho menos complejo gran parte de la puntuacin, para finalmente
crear las letras minsculas.
Tambin me gusta empezar todas mis fuentes
por el diseo de las maysculas. Esto permite

Figura 3: Las letras en color rojo representan las nueve letras del nombre de la fuente.

En el caso de American Captain, me imagin tipo de desafo para el que CorelDRAW est
una fuente estrecha, negrita, block sin serifa, pensado.
basada en trazos uniformes y una postura
rgida. En el mbito de las fuentes, los primeros
creadores de la fuente American lo
denominaron "estilo Gothic", es decir, ni "Greek"
ni "Roman", sino con letras de grosor de trazo
relativamente uniforme, es decir, una fuente de
bloque (figura 4). Mi objetivo con este estilo
Figura 4: Fuentes Roman y Gothic clsica
era crear el ejemplo clsico de una fuente
Gothic lo suficientemente verstil para poder En ocasiones, las mejores ideas parten del
utilizarla en diferentes aplicaciones, papel y el lpiz. Un esbozo a mano de las
especialmente para visualizacin, formas bsicas que representan la fuente
manteniendo a la vez una postura en cierto American Captain es la mejor manera de
modo estrecha que pudiera ocupar fcilmente ilustrar cul es el aspecto que busco para las
disposiciones en las que el espacio es letras clave (figura 5).
fundamental. Tambin quera que pudiera
leerse cmodamente desde cierta distancia en
tamaos reducidos. Ese tipo de
modificaciones, ajustes y pruebas constituyen
un autntico desafo. Y este es precisamente el
Figura 5: Esbozo hecho a mano de las letras clave

4 | CorelDRAW Graphics Suite X7


Me gustara mantener un espacio mnimo Creacin de las formas bsicas
alrededor de las letras y entre ellas, el espacio
negativo. Observe el trazo cruzado superior en Con el esbozo bloqueado, es hora de dibujar
la letra T mayscula, por ejemplo. Es muy las formas bsicas que se utilizarn para crear
corto, por lo que el espacio bajo el trazo, a la las letras. Todo lo que har aqu es crear
izquierda y la derecha del trazo vertical de la T, vectores, es decir, dar vida digital a los esbozos
tambin es mnimo. Los trazos reales de las y conceptos. Si ya ha trabajado con alguna
letras, el espacio positivo, sern bastante versin de CorelDRAW, estar familiarizado
intensos. con la digitalizacin y le resultar muy fcil.

Teniendo este concepto plasmado en papel, Asegrese de guardar duplicados de las formas
puedo escanear el esbozo e importarlo en que le gusten. Consrvelas en su rea de
CorelDRAW como mapa de bits JPG. Con un trabajo para poder utilizarlas en la creacin de
sencillo clic con el botn derecho del ratn lo otros caracteres. Los vectores que cree en estas
bloqueo en su sitio. En CorelDRAW, todo lo primeras fases le servirn de base para las
que se encuentra en el espacio de trabajo, formas y los temas que se repetirn a lo largo
desde el diseo escaneado al texto, es un del alfabeto. Por tanto, si tiene algo con el
objeto. Puede bloquear objetos en su sitio con tamao y la forma correctos, guarde una copia
el comando Bloquear objeto. En primer para usarla ms adelante. Considere su espacio
lugar, seleccione el objeto. Una caja de trabajo como un escritorio real. Los
delimitadora con tiradores aparece alrededor proyectos terminados e inacabados, incluso los
del objeto seleccionado. Haga clic con el botn descartes, pueden dejarse libremente en el
derecho del ratn en el objeto y seleccione escritorio hasta que los necesite o hasta que
Bloquear objeto en el men contextual decida deshacerse de todos ellos a la vez.
(Tambin puede bloquear objetos haciendo clic
Quienes no estn familiarizados con
en Objeto Bloquear Bloquear objeto).
CorelDRAW necesitarn algo de prctica con
Los candados que aparecen junto al objeto
las herramientas, los mens y los comandos,
indican su estado de inmovilidad. El bloqueo
pero los procedimientos llegarn a ser
del esbozo impide que se seleccione
intuitivos y naturales rpidamente, pues hay
accidentalmente y se desplace de su sitio.
numerosos accesos directos y formas
Para desbloquear rpidamente un objeto, alternativas de acceder a los comandos
haga clic con el botn derecho y seleccione mediante mens, ventanas acoplables, clics
Desbloquear objeto en el men con el botn derecho del ratn, etc. Cuando
contextual. los conozca, le resultar fcil elegir sus
favoritos. La mejor forma de aprender sobre el
El siguiente paso consiste en abrir las funcionamiento de CorelDRAW es utilizarlo.
herramientas de dibujo y crear unas cuantas Consulte la opcin de ayuda si no comprende
formas bsicas directamente sobre las letras una funcin, lea todas las instrucciones que
escaneadas. Utilizar estas formas para crear pueda encontrar y, lo que es ms importante,
los vectores que representen las letras abra una pgina en blanco en CorelDRAW y
individuales de la fuente American Captain. comience a practicar.

Diseo de una fuente | 5


Pero antes de empezar, deje que le explique una lnea con solo arrastrarla. Para modificar
qu es un vector. un nodo o una lnea, haga clic sobre ella con el
botn derecho y seleccione una opcin en el
Definicin de vectores men contextual (figura 7). El conjunto de
herramientas de edicin de nodos tambin
Como ya mencion anteriormente, una fuente est disponible en la barra de propiedades.
es bsicamente un conjunto de contornos o
vectores. Un vector es una lnea o ruta que
define un objeto. Una lnea recta no es ms
que un vector sin curvas. La forma del vector
est definida por nodos o puntos de control,
que pueden manipularse mediante tiradores
de control y cuyas longitudes y ngulos
determinan la forma final de la curva.

Hay tres tipos de nodos (figura 6). Los nodos


uniformes estn diseados para suavizar la
redondez de una curva. Para agregar un
ngulo pronunciado a una curva, utilice un
nodo asimtrico. Si quiere aplicar la misma
curva a ambos lados de un nodo, este deber
ser simtrico. Al mover los tiradores de control
de un nodo, cambia la forma de la curva. En el
caso de los nodos simtricos, al tirar de un
tirador, el tirador opuesto se ajusta de forma
idntica. Las lneas rectas no tienen tiradores Figura 7: Acceso al men contextual con el botn
de control. Una lnea recta puede convertirse derecho del ratn.
en una curva y viceversa.
Cuando se visualiza un vector en pantalla en el
modo Lneas de dibujo simples (Ver
Lneas de dibujo simples), se asemeja a una
lnea pixelada. Cambie a la vista Mejorada
para convertir las lneas irregulares y dentadas
en una curva o vector bien definidos con
puntos de control suaves o pronunciados, en
funcin del tipo de nodos a lo largo del
trayecto.

Un vector que puede editarse con la


herramienta Forma se considera un objeto
Figura 6: Tipos de nodos grfico. Un objeto grfico debe ser un vector
cerrado para poder utilizarlo como contorno
Los nodos y los tiradores de control se ajustan
en un editor de fuentes. Esto quiere decir que
con la herramienta Forma. Tambin se puede
no puede haber nodos terminados en un
utilizar la herramienta Forma para transformar

6 | CorelDRAW Graphics Suite X7


espacio vaco (figura 8). Cada nodo debe estar Los rectngulos y las elipses son formas bsicas
unido a otro de modo que siempre haya un que no pueden editarse a modo de nodo y
vector a cada lado de un nodo (figura 9). Para lnea con la herramienta Forma. Puede
unir dos nodos solo hay que arrastrar uno modificarlas de otras formas con la
sobre otro y se unirn automticamente. Otra herramienta Forma, pero para editarlas como
opcin es, con los dos nodos seleccionados, vectores antes debe convertirlas a curvas.
hacer clic con el botn derecho del ratn y Puede convertir cada objeto individual con el
seleccionar Unir en el men contextual. comando Convertir a curvas (Objeto
Convertir a curvas). Tambin puede unir
rectngulos y elipses o quitar superposiciones y
crear un solo objeto que sea tambin un objeto
grfico (Objeto Dar forma Soldar)
(figura 11).

Figura 8: Objeto de trayecto abierto que no se puede


rellenar. Los dos nodos de la esquina inferior derecha
deben unirse para cerrar el trayecto.

Figura 11: Son cuatro rectngulos o una E mayscula?


Al soldar los rectngulos se crea un nico objeto.

Creacin de las letras importantes


en primer lugar
Comenzar por la letra T porque es importante
para esta fuente y definir el tono de todo el
Figura 9: Objeto de trayecto cerrado que es posible
rellenar. alfabeto en maysculas. En primer lugar,
asegrese de que la imagen escaneada
Una forma rpida de crear vectores es utilizar (figura 12) est bloqueada en su sitio.
las herramientas Rectngulo y Elipse. Puede
reorganizar fcilmente estas formas bsicas,
convertirlas en curvas y crear letras sencillas,
como una E o una H (figura 10).

Figura 10: Rectngulos como formas de letras:


contornos sin relleno (izquierda), con relleno blanco
(centro), sin contornos y con relleno rojo (derecha)

Diseo de una fuente | 7


extremo superior de la T, en seguida ver por
qu. Hago una copia del rectngulo para
utilizarlo en la creacin del resto de letras para
que todas tengan la misma anchura. La altura
la ajustar ms adelante.

A continuacin, dibujo un pequeo rectngulo


que encuadre parte del trazo cruzado de la T
(figura 13b). La precisin no es muy
importante en este momento. Ms tarde me
ocupar de la colocacin exacta de los nodos,
las lneas y los ngulos. Convierto el rectngulo
en curvas. Con la herramienta Forma, arrastro
los nodos de las esquinas superior e inferior
Figura 12: Esbozo escaneado izquierdas del objeto para crear un ngulo
distintivo en el trazo superior de la T
A continuacin, hago clic en la herramienta (figura 13c).
Rectngulo de la caja de herramientas y
dibujo un rectngulo desde la parte inferior de Para restringir el movimiento de un nodo o
la T hasta la parte superior, alinendolo un objeto a un trayecto horizontal
aproximadamente con los trazos verticales y perfecto, mantenga pulsada la tecla Ctrl
horizontales del esbozo escaneado mientras arrastra el cursor.
(figura 13a). No es necesario llegar hasta el

Figura 13: Creacin de una T mayscula

8 | CorelDRAW Graphics Suite X7


Duplico el trazo cruzado, lo volteo Al hacer doble clic sobre un nodo con la
horizontalmente y lo arrastro hasta su posicin herramienta Forma se elimina. Al hacer
(figura 13d). Una forma rpida de voltear un doble clic en una lnea, se agrega un nodo.
objeto duplicado es mantener pulsada la tecla Si se selecciona un punto de una lnea y se
Ctrl, seleccionar el objeto, agarrar un tirador pulsa Supr, se elimina la lnea pero el
de control central, tirar de l en la direccin vector queda abierto.
deseada hasta que vea un contorno azul
(imagen reflejo del objeto opuesto al original) Veo que la T tiene una altura de 0,994
y hacer clic con el botn derecho del ratn. A pulgadas. Necesito ajustar manualmente la
continuacin, soltar el botn del ratn y la altura del rectngulo duplicado que he creado
tecla Ctrl y est listo. Se ha duplicado el objeto antes para que tenga la misma altura. Para ello,
conservando el original en su lugar. Siempre escribo los valores en los cuadros Tamao del
que se haga clic con el botn derecho del ratn objeto de la barra de propiedades. Hago clic
en el botn Bloquear proporcin antes de
mientras se mueve un objeto, este se duplicar
escribir la nueva altura con el fin de desactivar
y el original permanecer en su posicin.
el escalado proporcional y conservar la anchura
Consulte la ayuda y los mens para conocer
del objeto. Siempre que el botn Bloquear
ms opciones sobre la duplicacin de objetos.
proporcin est desactivado, la nica
Cuando el trazo cruzado est en la posicin dimensin que cambia es la que se escriba.
correcta, utilizo la herramienta Forma para Ahora, tanto la anchura como la altura del
arrastrar los nodos de uno de los trazos rectngulo duplicado pueden utilizarse como
oblicuos hasta que superponen el otro trazo referencia para las siguientes letras.
oblicuo (figura 13e). Selecciono ambos objetos
En cuanto a la medida de 0,994 pulgadas,
y los sueldo (Objeto Dar forma Soldar)
obviamente es una medida inusual con la que
(figura 13f). Una vez unidos ambos objetos,
trabajar, pero suele ocurrir cuando se trabaja
utilizo la herramienta Forma para seleccionar
sin reglas, guas o una buena planificacin.
y eliminar cualquier nodo innecesario. Si
Ms adelante le mostrar una sencilla manera
alguna de las lneas rectas se ha convertido en
de corregir esto.
curva de forma predeterminada, hago clic en
cualquier lugar de la curva con la herramienta
Forma, hago clic con el botn derecho del Creacin de letras curvas
ratn y selecciono A lnea en el men
Hasta ahora solo he dibujado letras con lneas
contextual para convertir la curva en una lnea.
rectas. La creacin de curvas en un vector para
Para eliminar los nodos innecesarios, los
obtener los componentes curvos de letras
selecciono con la herramienta Forma y pulso
como la C o la S requiere un enfoque diferente.
Supr, o bien hago clic con el botn derecho del
En este caso, puedo redondear la esquina de
ratn y selecciono Eliminar en el men
un rectngulo manteniendo pulsada la tecla
contextual. Ahora selecciono ambos objetos, el
Ctrl y arrastrando la esquina con la
trazo vertical y el nuevo trazo cruzado
herramienta Forma (figura 14).
horizontal, y los alineo verticalmente (Objeto
Independientemente de si se arrastra vertical u
Alinear y distribuir Alinear centro
horizontalmente, la esquina se redondea
verticalmente) (figura 13g). Para terminar,
perfectamente y es posible modificar
sueldo los objetos (figura 13h).
fcilmente su radio.

Diseo de una fuente | 9


utilizo la herramienta Forma para crear una
curva en la esquina superior izquierda del
cuadrado intentando imitar la forma de la letra
C del esbozo (figura 16b). Tras crear la esquina
redondeada, convierto el cuadrado en curvas.
A continuacin, tiro de los nodos del lateral
derecho del cuadrado con la herramienta
Forma hasta que coincide con la forma del
trazo superior horizontal de la C (figura 16c).

En este momento, voy a utilizar la copia del


rectngulo que guard al crear la T. Lo escalo
verticalmente para que encaje dentro de los
lmites de los trazos superior e inferior de la C
(figura 16d).
Figura 14: Redondeo de la esquina de un cuadrado
Volteo verticalmente el trazo superior
Tenga presente que, si no mantiene pulsada la horizontal y lo duplico para utilizarlo como
tecla Ctrl mientras arrastra el cursor, se trazo inferior horizontal de la C. Arrastro el
redondearn todas las esquinas del rectngulo duplicado a su posicin (figura 16e) y, a
(figura 15). continuacin, alineo y uno las tres partes
(figura 16f).

Figura 15: Redondeo de todas las esquinas de un


cuadrado

Comenzando por la esquina superior izquierda


de la C, dibujo un cuadrado con la herramienta
Rectngulo manteniendo presionada la tecla
Ctrl mientras arrastro el cursor (figura 16a). Al
mantener pulsada la tecla Ctrl, se convierte el
rectngulo en un cuadrado. A continuacin,

10 | CorelDRAW Graphics Suite X7


Figura 16: Creacin de la C mayscula

Para el arco interior de la C, amplo la imagen y recta en una curva y suavizo los nodos para
le doy forma a ojo con la herramienta Forma crear una transicin perfecta de la lnea recta a
(figura 16g y figura 17). En primer lugar, la lnea curvada. Por ltimo, creo el arco con
agrego tres nodos y elimino el nodo central de unos tirones estratgicos de los tiradores de
la esquina. A continuacin, convierto la lnea control.

Figura 17: Creacin de la curva interior 1) agregando nodos, 2) eliminando el nodo central, 3) convirtiendo la lnea
recta en una curva y 4) ajustando el arco con los tiradores de control

Diseo de una fuente | 11


Figura 18: Creacin de la A mayscula

Para redondear rpidamente una esquina, para ajustarlo a la anchura del trazo vertical del
haga clic en Ventana Ventanas esbozo (figura 18b). Hago doble clic en el
acoplables Filete/Festn/Bisel. En la rectngulo con la herramienta Seleccin y,
ventana acoplable Filete/Festn/Bisel, cuando aparecen los tiradores de inclinacin,
active la opcin Filete y escriba un valor en inclino la parte superior del rectngulo hacia la
el cuadro Radio. Seleccione el nodo de derecha (figura 18c). Convierto el rectngulo en
esquina y haga clic en Aplicar. curvas y realizo un rpido ajuste del nodo para
alinear el vector interno con el esbozo
Podra crear la otra curva interior de la C
(figura 18d). A continuacin, volteo y duplico el
tambin a ojo, o bien utilizar la opcin Filete;
objeto y coloco con cuidado las dos piezas para
sin embargo, tambin puedo replicar la
formar la forma bsica de la A (figura 18e). Con
esquina interior superior dibujando un
un tercer rectngulo de menor tamao, hago el
cuadrado, colocndolo sobre la esquina,
trazo cruzado de la A (figura 18f).
seleccionando ambos objetos y haciendo clic
en Objeto Dar forma Interseccin. La Presiono la tecla F12 para abrir el cuadro de
interseccin me permite cortar una copia del dilogo Pluma de contorno y cambio el
arco interior (figura 16h) y moverla donde la contorno a negro para ver el contraste
necesite, de modo que pueda soldarla en su (figura 18g). Tambin se puede hacer clic con
sitio (figura 16i). Con algunos retoques ms, la el botn derecho en la muestra de color negro
C est terminada (figura 16j). de la paleta de colores para cambiar el color del
contorno. A continuacin, relleno las formas
Creacin de la A de color (figura 18h). Antes de soldar los tres
objetos, quito el contorno para ver el aspecto
Antes de seguir adelante, le mostrar cmo de la letra (figura 18i). Si no estoy satisfecho,
crear una A mayscula perfecta. En primer puedo utilizar las teclas de flecha para
lugar, recupero el rectngulo que guard al desplazar los nodos antes de soldar las partes.
crear la T (figura 18a), lo escalo y lo arrastro Mantengo los tres objetos de la A agrupados

12 | CorelDRAW Graphics Suite X7


(Objeto Agrupar) para evitar que se que las lneas sean rectas y las curvas suaves, y
separen. Cuando me satisface el resultado y he que fluyan con transiciones naturales, excepto
comparado la A con otras letras del alfabeto ya en los casos que no desee que sea as. Es muy
terminadas, hago un duplicado de las partes importante revisar el trabajo. Al ampliar la
de la A agrupadas y, a continuacin, las imagen con la herramienta Zoom, descubr que
desagrupo y las sueldo para obtener un solo una curva interna de la S estaba ligeramente
objeto (figura 18j). torcida (figura 20). Con la herramienta Forma,
mov los tiradores de control para depurar la
Terminacin de las primeras siete transicin de la curva. Cuanto ms limpio es el
letras vector, mejor es el resultado.

Cuando llego a la S, ya tengo algunas letras


terminadas con las que trabajar. No son
perfectas, pero ya tengo siete y ahora puedo
concentrarme en ellas antes de seguir
adelante. Para ver lo cerca que estoy de mi
objetivo, comparo las letras en curso con las ya
terminadas (figura 19).

Figura 20: Ajuste de la curva moviendo los tiradores de


control

Consulte la barra de propiedades para ver ms


herramientas y comandos disponibles al
seleccionar un nodo o una lnea. Y siempre
consulte la ayuda cuando no est seguro del
funcionamiento de una herramienta o comando.

Pasar de la vista Mejorada a la vista


Figura 19: Las letras de color rojo estn en curso, las
negras ya estn terminadas. Lneas de dibujo simples (Ver Lneas
de dibujo simples) puede facilitar la
Si mira con atencin, observar que an hay ubicacin de los nodos y la comprobacin
detalles por pulir. Para este artculo, estoy de la integridad de los contornos.
literalmente redigitalizando la fuente American
Captain para que pueda ver el proceso paso a Recuerde que no est limitado a una sola
paso. Es imposible darle el mismo aspecto que forma de crear vectores. Cuando utilice sus
tena la primera vez que la digitalic, pero me he herramientas favoritas, el proceso resultar
acercado bastante. Adems, estoy viendo incluso ms natural e intuitivo. Combinando
algunos detalles nuevos que me gustan bastante. varias tcnicas, terminar descubriendo las que
A lo mejor tengo entre manos una nueva fuente. le brindan mejores resultados. Algunas de las
imgenes de los siguientes ejemplos
Llegados a este punto, con las primeras letras (figura 21) muestran que hay ms de una
terminadas, es el momento de asegurarse de manera de crear un contorno. Las letras de
que cada lnea, cada curva y cada nodo son color rojo son finales.
exactamente lo que pretende que sean. Intente
Diseo de una fuente | 13
Figura 21: Creacin de letras nuevas a partir de otras ya existentes

14 | CorelDRAW Graphics Suite X7


Prueba de las letras en palabras forma de las letras sin hacer grandes cambios.
Al ajustar los ngulos de la S, cuento el nmero
Aunque no partiera de una palabra, cree una de desplazamientos con el fin de ajustar los
en este momento. Las letras de mi esbozo ngulos de las letras C, E y T con el mismo
ofrecen un nmero limitado de combinaciones nmero. De este modo, este ngulo ser igual
para formar una palabra real. Dejando a un en todas las letras que lo compartan. Si comete
lado la T de momento, echo un vistazo a las un error o pierde la cuenta de
nuevas letras en accin formando la palabra desplazamientos, puede utilizar el comando
inglesa SACRED (figura 22). Esta es una Deshacer (Editar Deshacer) para volver
combinacin de letras particularmente atrs e intentarlo de nuevo. O bien puede
interesante. As puedo ver cmo el espacio manipular manualmente el ngulo para hacer
negativo dentro de los giros de la S interacta que coincida con el ngulo de una letra que le
con el espacio negativo alrededor de la A. guste.

Al observar las letras me doy cuenta de que es


necesario mejorar la R. Es algo estrecha, por lo
que debo estirarla. La selecciono y tiro del
tirador de control central derecho o izquierdo
a lo largo del eje horizontal hasta que la
anchura general de la R coincide con la del
resto de letras. El factor de escala es
aproximadamente del 108 %. La anchura de
Figura 22: Prueba de las letras en diferentes
combinaciones que forman palabras reales los trazos verticales cambia ligeramente, pero
no lo suficiente como para que se aprecie.
Las palabras ayudan a visualizar el aspecto de
la fuente en disposiciones que nos resultan Una vez realizados estos mnimos cambios,
familiares. Las letras no tienen mal aspecto, puedo reorganizar las letras para probarlas con
pero siguen siendo provisionales. Es el la palabra inglesa SCARED. Me gusta su
momento de desplazar los nodos en algunos aspecto. Ahora agrego la T y creo la palabra
de los ngulos y modificarlos ligeramente. Con inglesa CRATED, que es una buena palabra
la herramienta Forma, selecciono cada nodo para la prueba, pero como quiero incluir
que deseo mover y utilizo las teclas de flecha tambin la S, formo la palabra DESECRATED.
para moverlo horizontal o verticalmente. En esta nueva palabra veo que debo ajustar
ligeramente la S con algunos desplazamientos
Para establecer la distancia del de los nodos y, adems, modifico el trazo
desplazamiento, con la herramienta cruzado de la T para que sea un poco ms
Seleccin, haga clic en un rea vaca de la ancho.
pgina para eliminar la seleccin de todos
los objetos y escriba un valor en el cuadro De momento, estoy muy satisfecho con los
Distancia de desplazamiento de la resultados.
barra de propiedades.
Antes de seguir adelante, me gustara aplicar
Establezco la distancia de desplazamiento en algunos elementos grficos a mis primeras
0,005 pulgadas, lo suficiente para ajustar la palabras. Es aconsejable considerar el modo en

Diseo de una fuente | 15


que ciertos elementos, como sombras, Creacin de la V
rellenos, contornos, etc., influyen en el aspecto
de las letras (figura 23). Recuerda el duplicado de las formas
agrupadas de la letra A que guardamos
Es posible que desee realizar diversos ajustes anteriormente? Ahora desagrupo los objetos,
cuando vea las letras en accin. Intente quito el trazo cruzado, sueldo las dos piezas
finalizar los grosores y trazos durante estos restantes, giro el nuevo objeto 180 y ya tengo
primeros pasos de la fase de diseo, cuando el la V (figura 24).
aspecto general est empezando a tomar
forma. Si hace estos ajustes, ahora podr
aprovecharlos en el resto de la fuente ms
adelante. De otro modo, podra terminar
teniendo que modificar todo el alfabeto al final
de todo el proceso.

Figura 24: Creacin de la V a partir de la A

Para girar el objeto 180, haga doble clic en l


con la herramienta Seleccin para mostrar los
tiradores de rotacin, mantenga presionado la
tecla Ctrl y arrastre un tirador de la esquina
(figura 25). Mantener pulsada la tecla Ctrl
limita la rotacin a incrementos de 15 grados,
por lo que resulta ms fcil controlar el ngulo
de rotacin hasta alcanzar los 180.

Otra forma de girar un objeto 180 es


seleccionarlo y hacer clic en el botn
Reflejar verticalmente en la barra de
propiedades.

Figura 23: Comprobacin del aspecto general de las


letras agregando elementos grficos

Tenga cuidado al ajustar lneas y curvas,


desplazar nodos y escalar objetos. Asegrese
de mantener la integridad de los ngulos y las
formas que le gusten. No deje de reorganizar
las letras para comprobar su aspecto en Figura 25: Rotacin del objeto
diferentes combinaciones. Este es un buen
momento para introducir una forma Ahora quiero comprobar el aspecto de la V,
radicalmente diferente, como la V o la W. especialmente al colocarla junto a la A. Creo
que necesita algunos ajustes, as que desplazo

16 | CorelDRAW Graphics Suite X7


ligeramente los nodos en la parte superior,
inferior y central de la letra. El cambio ms
drstico lo hago en la parte superior, donde la
ensancho (figura 26). El contorno azul de la V
del ejemplo es ahora mi versin de trabajo. Ha
mejorado bastante desde la V inicial, pero
est perfecta?

Figura 27: Adicin de un contorno para agrandar la V

Por supuesto, la aplicacin de un contorno


afectar a la altura, pero puedo modificarla
Figura 26: Ajustes para ensanchar la V. especificando unos valores en los cuadros
Tamao de objeto en la barra de
Probablemente est bien, pero no estoy
propiedades. Es probable que este ajuste
seguro. Parece demasiado fina. Quiero
impreciso afecte a las letras que incluyen trazos
agrandarla ligeramente sin desplazar ningn
cruzados y ngulos, como la E o la T, pero, en
nodo, por lo que aado una siluetas exterior
el caso de la V no supone un problema.
haciendo clic en la herramienta Contorno de
Adems, ya puedo ver que, al separar el
la caja de herramientas y arrastrando desde el
contorno de los trazos originales, la nueva V no
centro del objeto (figura 27).
me servir. Es demasiado gruesa (figura 28). La
versin de trabajo (la V en la que desplac los
nodos para ensancharla), puede valer.

Diseo de una fuente | 17


A continuacin, hago clic en la opcin Encajar
en de la barra de herramientas estndar y
activo la casilla de verificacin Encajar en
lneas gua. Duplico una de las letras (la A, por
ejemplo), la arrastro entre las lneas gua hasta
que encaja en su lugar en la parte inferior de la
lnea gua y la escalo proporcionalmente con
un tirador de esquina hasta que encaja en la
lnea gua superior de 1 pulgada (figura 29). Al
escalarla, la A encaja en la lnea gua de
1 pulgada y su altura pasa a tener este valor.

Ahora selecciono el resto de las letras y


presiono las teclas Ctrl + R para repetir la
accin. El comando Repetir aplica la escala de
Figura 28: La V de arriba es demasiado gruesa, la de
abajo es perfecta. la letra A al resto de letras y hace que todas
tengan su misma altura, 1 pulgada.
Escalado de las letras
No deje de reorganizar y comprobar las letras
con frecuencia. Si su proceso creativo es
acelerado y catico, como en mi caso, algunas
de las medidas podran haber dejado de ser
vlidas y necesitar reajustarlas.

Por ejemplo, para cambiar la altura de las letras


(actualmente tienen una altura de 0,994
pulgadas) y que tengan 1 pulgada, configuro Figura 29: Escalado de la A para que encaje entre las
lneas gua
lneas gua de 1 pulgada y alineo las letras con
ellas. Una forma de configurar lneas gua es Por supuesto, asumimos que he mantenido la
con el cuadro de dilogo Opciones altura de 0,994 pulgadas de las letras como
(Herramientas Opciones). Sin embargo, cuando las cre. Si una letra hubiera variado en
normalmente utilizo la herramienta Seleccin altura, ahora no tendra 1 pulgada de alto. Si
para arrastrar un par de lneas gua fuera de las ve alguna letra que no tenga exactamente la
reglas y colocarlas en un punto de mi espacio altura que debera tener, corrjala ahora.
de trabajo que no est demasiado ocupado. A Cuando un objeto est seleccionado, puede
continuacin, hago doble clic en una de las comprobar sus dimensiones en los cuadros
lneas gua para mostrar el cuadro de dilogo Tamao de objeto de la barra de
Opciones. Ahora puedo escribir los valores de propiedades.
cada lnea gua que me brindarn el espacio
que deseo que haya entre ellas.

18 | CorelDRAW Graphics Suite X7


Correccin del trazo cruzado de
la T
Qu le dije del proceso creativo desordenado?
Observo que el trazo cruzado de la T es
ligeramente ms ancho que los de las letras E,
C y S (figura 30). Es el momento de corregirlo.

Figura 31: Ampliacin y ajuste del trazo cruzado


moviendo los nodos

Sabe qu? Ahora el ngulo inclinado del trazo


cruzado est desajustado. Arrastro la T para
que el lado derecho del trazo cruzado se alinee
con el trazo cruzado de la E (figura 32) y
desplazo el nodo inferior hasta que todo el
Figura 30: El trazo cruzado de la T es ms ancho que el
de la E. ngulo sea correcto de nuevo. Repito el mismo
nmero de desplazamientos en el lado
Arrastro la E sobre la T, cambio la seleccin de izquierdo de la T y as consigo corregir todos
Encajar en a Objetos, selecciono los nodos los ngulos. Es mucho trabajo y hay muchos
de la T que es necesario mover, mantengo detalles a tener en cuenta. Quiz pens que
presionada la tecla Ctrl y arrastro el cursor disear fuentes es como coser y cantar. Ya se lo
hacia arriba. Amplo la imagen antes de hacer advert, es cuestin de vectores y nodos,
ajustes precisos como este. De este modo, me montones de nodos.
resulta ms fcil ver lo que hago (figura 31).
Primero selecciono los nodos y despus amplo
uno de ellos antes de arrastrarlo. El resto de
nodos se ajustarn del mismo modo, incluso si
no puedo verlos.

Diseo de una fuente | 19


selecciono Bloquear objeto) para evitar
seleccionar una por error y desplazarla de su
sitio.

Comienzo duplicando la letra E, que puede


utilizarse para crear rpidamente la F
(figura 33). Con solo unos sencillos clics para
eliminar algunos nodos y arrastrar el resto a la
lnea gua, la E se convierte en F. A
continuacin, duplico la F, elimino algunos
nodos ms, encajo el ltimo nodo en la lnea
gua y tengo una I. Y qu ocurre si dejo el
trazo central horizontal de la F, enderezo su
parte superior y la deslizo junto a la I? El
Figura 32: Alineacin del trazo cruzado derecho de la T resultado es la letra H. Ajusto el espacio y
con la E. El color negro a lo largo del borde derecho
muestra que es necesario ajustar la T.
sueldo las partes. La D servir de patrn para el
espacio entre los dos trazos verticales de la H.
Realmente, el desajuste del ngulo era tan
pequeo que podra haberse dejado tal cual y A continuacin, divido la D por la mitad
nadie lo hubiera notado. En este caso, ampli verticalmente dibujando un rectngulo y
la imagen en un 3000 % y la diferencia de los situndolo de tal modo que cubra la mitad
ngulos segua siendo insignificante. Pero por izquierda de la D. Selecciono el rectngulo,
qu no arreglarlo si se puede? Utilic una mantengo pulsada la tecla Mays y selecciono
distancia de desplazamiento de 0,0001 la D (el orden de seleccin de los objetos
pulgadas y necesit 12 desplazamientos para determina cul de ellos se corta). Hago clic en
volver a colocar el nodo en la posicin correcta. Objeto Dar forma Recortar para dividir
Antes de que lo olvide, volv a utilizar una la D con el rectngulo y separo la
distancia de desplazamiento ms realista de parte izquierda. Ahora creo un duplicado
0,005 pulgadas. reflejo de la parte derecha y lo sueldo a ella
para obtener una O. Arrastro los nodos hasta
conseguir que el espacio central sea igual que
Creacin del resto del alfabeto a
el espacio interior de la D. Durante este
partir de las letras iniciales proceso, tengo la letra D de fondo a modo de
Ahora tengo que crear el resto de las letras del referencia y cambio a la vista de lneas de
alfabeto. Esta fuente Gothic se basa en varias dibujo simples para obtener mayor precisin.
formas repetidas que constituyen el conjunto
completo de caracteres, por lo que se trata
bsicamente de ensamblar las piezas. Puesto
que todas las letras deben tener la misma
altura, voy a crearlas utilizando las lneas gua.
Activo la opcin Encajar en Lneas gua y
bloqueo las lneas gua (para ello, hago clic con
el botn derecho en cada lnea gua y

20 | CorelDRAW Graphics Suite X7


Figura 33: Creacin de ms letras

Diseo de una fuente | 21


Un rectngulo situado en la parte inferior Interesante, no cree? Pero qu ve realmente?
central de una O la convierte en una Q y Al cambiar la vista en el siguiente ejemplo, se
uniendo dos V consigo la W (con bastantes observa que es un recorte del espacio negativo
modificaciones de los nodos, por supuesto). A entre la W y la S que se ha girado 180
continuacin, utilizo la R para crear la P y la B. (figura 35).
En el caso de la P debo hacer ciertos ajustes en
las curvas para obtener un buen resultado. La
B es incluso ms complicada que la P, pero con
unas modificaciones minuciosas de los nodos y
los tiradores de control, se corregir la
pequea diferencia. Figura 35: Las tres formas proceden del espacio
negativo entre la W y la S.
Alinee las nuevas letras y realice los ajustes
necesarios. Para ello disponemos de una Le he engaado? No? Al menos no por
herramienta especial, sus propios ojos. mucho tiempo. Vio los objetos como
Acostumbre a sus ojos a ver tipos. Entrnelos positivos o como negativos? O supo
para entender y visualizar no solo el espacio inmediatamente lo que eran? Le ha parecido
positivo ocupado por las letras, sino tambin el interesante? Eso es lo que se pretende con el
espacio negativo alrededor de ellas. El espacio espacio negativo, sumar inters a sus diseos.
negativo es un elemento importante para el Se da por hecho que un estilo Gothic como el
diseo y la composicin. Un ejemplo de uso de la fuente American Captain limita las
eficiente del espacio negativo son los diseos posibilidades, pues las letras son muy simples
con letras invertidas sobre fondos negros. Para pero, siempre que sea posible, aada algo de
demostrar la importancia del espacio negativo, inters. Cuando trabaje con el espacio positivo,
veamos tres formas idnticas de color rojo con no pierda nunca de vista el espacio negativo.
un rpido efecto de sombra (figura 34).
Crear una fuente tal y como se describe en este
artculo no es ms que una sencilla
extrapolacin: se utilizan las formas existentes
como punto de partida para crear el resto de
las formas. El uso de las tcnicas de edicin de
vectores de CorelDRAW, desde las opciones de
soldar y recortar a la duplicacin y el reflejo, lo
ayudar a crear todas las piezas necesarias para
crear el resto del alfabeto.

Recuerde comprobar el trabajo con frecuencia.


Los errores no corregidos pueden pasar de
unas letras a otras hasta terminar con un
Figura 34: Tres formas
alfabeto repleto de fallos que deberan haberse
evitado desde el principio. Busque errores
como lneas que deberan ser rectas y no lo
son, transiciones asimtricas en lugar de
uniformes, ngulos desajustados, etc.

22 | CorelDRAW Graphics Suite X7


Recuerda la curva interior de la S que estaba mismo nmero de desplazamientos para los
ligeramente torcida? Ese es el tipo de error que nodos correspondientes de las letras E, L y Z. El
debera detectar para que no afecte al resto de espacio negativo entre las letras y la A ha
la fuente debido al proceso de extrapolacin. desaparecido.

Observo tambin que las esquinas de la C no


Modificacin de la C son tan redondeadas como pretendo que
Desafortunadamente, en ocasiones yo mismo sean. Deberan parecerse ms a las esquinas de
no sigo mis consejos al pie de la letra. Con el la D o la O. Las letras que deben ajustarse son
proceso muy avanzado (26 letras ms tarde, la C, la E, la L y la Z. Si redondeo la esquina de
para ser exacto), descubr un fallo que debera la C, tambin tengo que redondear una o
haber detectado durante la digitalizacin de ambas esquinas de la G. Habr incluso que
las siete primeras letras del esbozo. Observ volver a modificar la S.
que los ngulos de los trazos cruzados
Con la herramienta Forma, en el lado inferior
horizontales inferiores de la C y la E no
izquierdo de la C comienzo moviendo los
coincidan con la inclinacin diagonal de la A
nodos para crear manualmente la forma que
(figura 36).
deseo (figura 37). Si una curva comienza a
enderezarse demasiado, utilizo los tiradores de
control para corregirla. Todos los ajustes son
visuales. No aplico medidas precisas, solo
pretendo que tenga buen aspecto.
Figura 36: Ajuste del trazo cruzado inferior de la C para
que coincida con la inclinacin de la A

Al colocar la C a la izquierda de la A, la
diferencia es obvia. Para tener mayor contraste,
cambio el relleno de la C a negro. Con la tecla
Ctrl presionada, arrastro la C horizontalmente
hasta que entra en contacto con la diagonal
izquierda de la A. Cambio a la visualizacin de
lneas de dibujo y utilizo la herramienta Zoom
para ampliar el rea donde ambas letras se
tocan. La vista ampliada me ayuda a realizar Figura 37: Correccin de las esquinas redondeadas de
fcilmente estos retoques tan precisos. Aplico la C
una distancia de desplazamiento muy baja
Al terminar con la esquina del trazo cruzado
(0,001 pulgadas) y utilizo las teclas de flecha
inferior, debo transferir los cambios al trazo
para desplazar la C a su posicin correcta (en
cruzado superior. Siempre es posible volver a
este caso empleo 12 desplazamientos). La
utilizar la opcin Filete, asegurndose de
sito lo ms cerca posible, pero no me
utilizar los mismos valores del radio de la
preocupa obtener una precisin de pxel a pxel
esquina utilizados anteriormente, pero hay
absoluta.
algunos trucos y herramientas que se pueden
La inclinacin de la C ahora coincide con el usar.
ngulo de la inclinacin de la A. Repito el

Diseo de una fuente | 23


Duplico la C y selecciono todos los nodos Dado que los nodos que definen el arco son
arrastrndolos con la herramienta Forma asimtricos, el arco sigue intacto incluso si se
(figura 38). Hago clic con el botn derecho del modifica o elimina la curva que se encuentra a
ratn para abrir el men contextual de edicin ambos lados del arco. El siguiente paso es
de nodos y selecciono Asimtrico para que eliminar la curva. Para ello, solo tengo que
todos los nodos se conviertan en asimtricos. A seleccionar cualquier punto de la curva, hacer
continuacin, con la tecla Mays pulsada, clic con el botn derecho del ratn y
hago clic en los dos nodos de la parte inferior seleccionar A lnea en el men contextual. La
izquierda de la C para eliminar su seleccin. curva desaparece, permanece una lnea recta y
Estos dos nodos representan el arco recin el arco sigue intacto.
creado. Los otros nodos no son necesarios y
Volteo el arco verticalmente y lo muevo a la
deben permanecer seleccionados. Suelto la
tecla Mays. Ahora, con el resto de los nodos parte superior de la C (figura 40). Selecciono la
an seleccionados, pulso Supr. El resultado es lnea recta del objeto del arco y pulso Supr. El
arco se convierte en una curva abierta. Podra
una forma extraa, pero observar que el arco
que cre sigue intacto (figura 39). haber eliminado la curva desde el principio en
lugar de crear la lnea pero, para que sirviera de
ejemplo, decid mostrar primero cmo
enderezar una curva en lugar de eliminarla
directamente. A continuacin, selecciono
cualquier punto de la esquina redondeada
superior original de la C, hago clic en ella con
la herramienta Forma y tambin la elimino. La
C es ahora una curva abierta. Selecciono
ambos objetos y los alineo haciendo clic en
Objeto Alinear y distribuir Alinear a la
izquierda y, a continuacin, Objeto
Figura 38: Seleccin de todos los nodos de la letra C y
cancelacin de la seleccin de dos nodos de la esquina Alinear y distribuir Alinear borde
inferior izquierda superior.

Figura 39: Los dos nodos de la esquina inferior izquierda


y el arco entre ellos siguen intactos.

24 | CorelDRAW Graphics Suite X7


de la C hasta que encajan en los nodos del
nuevo arco. Tengo cuidado de no mover los
nodos del arco y cambiar su forma. Cuando los
nodos de los dos vectores han encajado el uno
en el otro correctamente, se unirn
automticamente. Una vez unidos, el objeto
pasa de ser una curva abierta a una cerrada. La
letra est terminada cuando la curva es
cerrada.

Ahora puedo hacer correcciones similares en la


G, pero solo en su esquina inferior izquierda.
La esquina superior izquierda seguir igual.
Incluso record guardar una copia del arco que
Figura 40: Desplazamiento del arco a la parte superior cre para que resulte sencillo unirlo a la parte
de la C inferior de la G del mismo modo que lo hice
con la parte superior de la C. Tambin habr
Combino los dos objetos en una sola curva
que prestar atencin a la S.
(Objeto Combinar o Ctrl + L) y muevo los
nodos de las lneas rectas de la forma original

Figura 41: El alfabeto terminado

Al terminar, alinee las 26 letras para conjunto completo de fuentes requiere un


compararlas con el concepto inicial (figura 41). mnimo de 250 caracteres. Mi intencin no es
Un consejo til: no disponga las letras en orden asustarlo, ni mucho menos, pero cuando
alfabtico. Cualquier fuente ordenada finalmente cre la fuente American Captain,
alfabticamente tendr buen aspecto a simple necesit aproximadamente un ao para
vista. Mzclelas. Separe la V, la W, la X y la Y de completarla; inclu varios idiomas, agregu
la Z. Colquelas en cualquier lugar salvo unas cinco fuentes adicionales y calcul el recuento
junto a las otras o, de lo contrario, no sabr si de caracteres en aproximadamente 1600.
se ven bien. Adems de todo eso, hay cientos de opciones
de sustitucin de caracteres como funciones
Si le intimida la idea de crear fuentes, es el
OpenType. Adems de todo eso, hay cientos de
momento de aprender todo lo posible sobre el
opciones de sustitucin de caracteres como
diseo de tipos. Esto tambin va dirigido a los
funciones OpenType.
usuarios ms veteranos, pues hay algo ms a
tener en cuenta si la intencin es dedicarse al
diseo de fuentes de manera habitual. Este
artculo se ocupa solo de 26 caracteres. Un

Diseo de una fuente | 25


Et tu, AMCAP? De formas simples incluso en varias formas individuales por si
a complejas acaso decido digitalizar las partes de una en
una y posteriormente unirlas. Esto tambin me
Hasta ahora hemos creado caracteres ayudar a comprender mejor la forma general
relativamente sencillos que solo requieren que intento replicar.
tcnicas bsicas. Pero en ocasiones ciertas
formas no pueden extrapolarse fcilmente Pero antes tengo otra idea.
desde formas ya existentes, ni soldarse unas
Si dedico un tiempo a examinar las formas por
con otras a partir de sencillos cuadrados o
separado y tomo prestados algunos de los
rectngulos. Aunque podra ser sencillo crear
elementos necesarios de las letras terminadas,
una H mayscula directamente en la pantalla
podra ser posible digitalizar el ampersand sin
sin necesidad de un esbozo, un carcter
necesidad de escanearlo en CorelDRAW. Con
complejo, como un ampersand, representa un
solo familiarizarme con las diferentes
reto mucho mayor (figura 42).
estructuras que constituyen la forma completa,
El ampersand que tengo en mente requiere un puedo construir y ensamblar el ampersand
dibujo hecho a mano completo. En los esbozos virtualmente.
iniciales de las primeras siete letras, las formas
Vistas individualmente, las partes son bastante
no estaban muy definidas porque saba que
bsicas. Son sencillamente vectores con
seran muy fciles de crear. Sin embargo, en el
algunos ngulos y curvas ms de lo habitual, lo
caso del ampersand, incluso uno creado con el
que implica un poco ms de trabajo. Es
sencillo estilo de American Captain puede
cuestin de crear las formas, ensamblarlas y
presentar dificultades imprevistas. Et tu,
hacer los ajustes finales.
AMCAP? En latn, et es la conjuncin y, as
que un ampersand es realmente la unin El primer intento se aleja ligeramente de lo
estilizada de las letras e-t (o E-t). esperado. Necesit alrededor de 13 pasos y 5
minutos para obtener la forma que quera
(figura 43). Adems, la cre utilizando solo tres
formas principales, en lugar de las cuatro
previstas (figura 44). Los planes cambian a
menudo al aplicar la idea a las limitaciones de
cada letra en particular.

Trabajar sin el esbozo escaneado es ms


complicado de lo que pensaba. Si quiero ser
fiel a la forma de la letra que ya tengo (estoy
utilizando la P como carcter base con el que
Figura 42: Esbozos del ampersand
comparar el trabajo), mi concepto del
El dibujo final de mi concepto de ampersand ampersand debe seguir siendo eso, un
no es perfecto, pero no tiene por qu serlo. No concepto. Las cosas no siempre salen bien,
obstante, es ms preciso que mis letras pero tambin es interesante poder probar
iniciales. Definir los detalles de este carcter rpidamente una idea y decidir si seguir
particular en papel sin duda facilitar el adelante o descartarla.
proceso de digitalizacin. Lo he dividido

26 | CorelDRAW Graphics Suite X7


En este caso, decido insistir, an siendo selectivos. Al trabajar con distancias de
consciente de que tendr que dedicar mucho desplazamiento cortas, es posible ajustar y
tiempo a los ajustes finales de posicin, modificar un vector con una precisin
anchura, trazo, etc. Es la nica forma de extraordinaria. Se pueden desplazar las lneas,
obtener un resultado ptimo. Los ajustes son las curvas, los nodos y los tiradores de control
numerosos y precisan mucho tiempo, por lo de un vector. Esta tcnica puede aplicarse
que quiero evitar, en la medida de lo posible, la especialmente bien si se trabaja sobre un
pesada tarea de mover los objetos con el ratn. dibujo escaneado y muy preciso.
En su lugar, utilizo desplazamientos de nodos

Figura 43: Creacin del ampersand a partir de varias formas individuales

es satisfactorio. El proceso es muy rpido,


mucho ms que si se hace a ojo. Pero ser
mejor el resultado?

Figura 44: Las tres formas principales del ampersand


Figura 45: Los dos ampersand: el nuevo (azul) y el
Ahora es el momento de volver a digitalizar el anterior (rojo)
ampersand utilizando el dibujo como gua.
Hay una diferencia notable entre las dos
Esta vez creo un ampersand como un solo
versiones (figura 45). Sin duda, guardar una
objeto, creando lneas rectas y curvas y
de ellas para utilizarla como carcter
modificando los nodos hasta que el resultado
alternativo de OpenType. Cuando cre el

Diseo de una fuente | 27


ampersand principal de American Captain, el
que se escribe directamente con el teclado,
opt por otro estilo clsico. Es menos
extravagante, pero su creacin tambin fue
compleja. Para el nuevo ampersand
alternativo, decido conservar la primera
versin, la que cre a ojo.

Acceso a los caracteres en


CorelDRAW
Puedo acceder fcilmente al nuevo ampersand.
CorelDRAW ofrece ahora la posibilidad de Figura 46: Muestra de las funciones OpenType
disponibles para el texto seleccionado
aplicar opciones de sustitucin de caracteres
desde fuentes que incluye funciones OpenType En tercer lugar, posicione el cursor en el lugar
o una gama de caracteres alternativos donde desee insertar un carcter en una lnea
definidos por el usuario. Hay tres formas de de texto y abra la ventana acoplable Insertar
localizar los extras ocultos en una fuente. En carcter (Texto Insertar carcter), que es
primer lugar, la ventana acoplable bsicamente un mapa de caracteres de la
Propiedades de texto (Texto fuente que incluye todos los caracteres
Propiedades de texto) permite explorar las estndar, excluidas las funciones OpenType. En
funciones OpenType disponibles desde la lista desplegable Filtro de caracteres,
categoras como Alternativas estilsticas y active la casilla de verificacin Toda la fuente.
Ligaduras estndares. En segundo lugar, es Desplcese por el mapa y haga doble clic en el
posible seleccionar una cadena de texto, o carcter que desee insertar. Si no se ha incluido
incluso un solo carcter, para acceder a un un carcter alternativo en la fuente como
men desplegable que muestra las opciones de funcin OpenType, solo estar disponible en la
sustitucin especficas para la seleccin. Para ventana acoplable Insertar carcter.
ello, seleccione el texto con la herramienta
Texto y asegrese de que el botn OpenType Como diseador de fuentes, puede incluir un
interactivo de la barra de propiedades est nmero prcticamente ilimitado de caracteres
activado. Si el texto seleccionado tiene alguna alternativos en su fuente sin necesidad de
de las funciones OpenType, aparecer una hacer de ellos funciones OpenType. No
flecha debajo del texto. Haga clic en la flecha obstante, es necesario aplicar designaciones
para ver las funciones disponibles (figura 46). Unicode de uso privado a cualquier carcter
alternativo o, de lo contrario, la fuente no
funcionar segn lo esperado. Para obtener
ms informacin, consulte su editor de fuentes
y cualquier otra fuente de informacin
tipogrfica que pueda encontrar.

28 | CorelDRAW Graphics Suite X7


Ms pruebas pangramas: QUICK JOLTING ZEPHYRS VEX
FAMED BOW o JACKDAWS LOVE MY BIG
Este es un buen momento para poner a prueba SPHINX MADE OF QUARTZ. El pangrama que
todo lo que haya creado hasta ahora. Antes de comienza por JACKDAWS resulta
comenzar a importar vectores a un editor de especialmente til, pues sus letras pueden en
fuentes, es buena idea utilizar las nuevas letras ocasiones (en funcin de la fuente) crear una
en palabras reales para ver su aspecto. Son disposicin en la que las formas desiguales
quiz algunas de las letras demasiado anchas? sean particularmente notables.
Demasiado estrechas? Son correctos los
trazos y los grosores? Es necesario ajustar los Intente crear combinaciones que sean
espacios interiores? La lista de posibles problemticas para el estilo especfico de su
problemas es larga, pero decidir qu es fuente. Por ejemplo, la fuente American
correcto y qu no lo es ser cuestin de Captain tiene un trazo horizontal muy
valoracin personal. Si no est seguro de si pequeo en la T mayscula, as que la
algo es correcto, busque una fuente similar y pregunta era obvia. Se ver bien en
compruebe cmo su diseador solucion el aplicaciones reales? Es un concepto
problema. Quiz su solucin tambin le sirva a adecuado? Se ve bien en mitad de una
usted. palabra pero resulta demasiado pequeo al
principio? Solo con tiempo y pruebas
CorelDRAW cuenta con las herramientas tendremos la respuesta.
necesarias para disponer las letras en palabras
y frases para crear diseos de pginas, Finalmente, decid mantener el tamao del
composiciones a todo color, etc. Someter las trazo cruzado de la T, incluso si le da un
letras a todas estas pruebas requiere mucho aspecto dbil cuando es la primera letra de una
trabajo y probablemente est deseando palabra. De hecho, es una ventaja oculta. Un
terminar, pero es importante dedicar este trazo cruzado pequeo elimina el exceso de
tiempo a las pruebas. De este modo, espacio negativo asociado normalmente con
comprobar qu se ve bien y qu no, y las una T mayscula.
correcciones sern ms sencillas ahora en
CorelDRAW que ms adelante con un editor de
fuentes.

Algunas palabras y combinaciones de palabras


facilitan la identificacin de las reas
problemticas. Una de mis combinaciones
favoritas es FOES TOAST GHOST, todo en
maysculas (figura 47). Destaca las dificultades
inherentes en palabras que utilizan formas
desiguales y opuestas. Las combinaciones
FLAG y CHEIVAN tambin estn entre mis
favoritas. Para la prueba con CHEIVAN, alterne
la W, la Y y la X en la posicin de la V. Qu
combinaciones nicas se le ocurren? Este es un
ejemplo clsico: WAVE. O quiz prefiera los

Diseo de una fuente | 29


Figura 47: Pruebas con palabras

Definicin del espacio entre las enviarse junto a las letras al editor de fuentes.
letras La anchura del cuadrado dividido por la mitad
ayuda a determinar la distancia que soportan
Ahora es tambin un buen momento de los lados derecho e izquierdo de estas letras. En
decidir cunto espacio quiere que haya entre este ejemplo muestro una M y una N. Puedo
las letras para poder aplicarlo a la fuente final incluso escalar el cuadrado al 50 % antes de la
en el editor de fuentes. Para American Captain, exportacin y su nueva anchura proporcionar
el espacio entre letras es bastante reducido. la distancia exacta de cada lado de estas dos
Utilic una distancia mnima a propsito. Es letras y del resto de letras que compartan las
algo que decid desde el principio y, cuando lo caractersticas de los lados derecho e izquierdo
vi en pantalla, supe que necesitara un plan de la M y la N.
para configurar un espaciado entre letras
igualmente estrecho en el editor de fuentes.

Por suerte, es fcil ajustar visualmente el


espacio entre las letras en un editor de fuentes,
sin prcticamente necesidad de aplicar
medidas complejas. Sin embargo, hay una
forma de exportar la medida exacta del espacio
entre las letras directamente desde CorelDRAW
Figura 48: Creacin de un cuadrado y escalado al 50 %
al editor.
Por ejemplo, el lado izquierdo de la E tendra el
Dibuje un cuadrado entre dos letras que
mismo valor que la M y la N. El lado derecho de
tengan un espaciado uniforme, asegurndose
la E, obviamente, debe tener unos valores
de que el cuadrado toca los lados de ambas
totalmente diferentes para obtener un buen
letras (figura 48). El cuadrado ahora puede
resultado.

30 | CorelDRAW Graphics Suite X7


Exportacin de vectores lnea gua horizontal y, de izquierda a derecha,
encjelos en la lnea gua vertical. Es
Una vez hechos todos los ajustes hasta obtener prcticamente igual que alinear todo con la
un resultado satisfactorio, es hora de exportar esquina inferior izquierda del fondo de la
las letras. Pronto se convertirn en un tipo de pgina. No importa si las letras se salen de la
letra, pero es muy probable que tenga que pgina, pues seguramente lo hagan.
volver muchas veces sobre algunos de ellos en
sus esfuerzos por perfeccionar la nueva fuente.
Aunque que es muy sencillo realizar
correcciones bsicas en el editor de fuentes, la
flexibilidad y facilidad de uso del espacio de
trabajo de CorelDRAW, junto con sus mltiples
opciones de edicin de nodos, ofrecen ms
posibilidades a la hora de llevar a cabo las
correcciones finales ms complejas.

Cuando los vectores se han importado


finalmente en el editor de fuentes, deben
ocupar alrededor del 75 % de un espacio de
cuadrcula, que es aproximadamente 1000
unidades verticales en total. Un valor Figura 49: Alineacin de caracteres mediante lneas gua
recomendado para la altura vertical de un
La lnea gua horizontal es la base de todo el
vector exportado es entre 700 y 800 unidades,
alfabeto. La parte inferior de las letras (las
o su equivalente en pulgadas
letras maysculas M, X y H se utilizan
(aproximadamente entre 7 y 8 pulgadas antes
normalmente a modo de ejemplo) debera
de salir de CorelDRAW). Normalmente, las
descansar sobre la lnea gua horizontal.
letras se escalan proporcionalmente a la altura
de la X mayscula, pues es el estndar para No se preocupe si los vectores no llegan al
determinar la altura final de todas las letras editor exactamente como desea en el primer
maysculas. Esta altura debera ser de entre 7 intento. Pronto aprender a realizar ajustes en
y 8 pulgadas. De este modo se garantiza que CorelDRAW para que todos los caracteres se
las letras tienen la altura adecuada para encajar importen en su posicin correcta y podr
en sus celdas en el editor de fuentes, a la vez tambin ajustar sus posiciones en el editor.
que proporciona el espacio correcto entre
lneas de texto cuando finalmente se escriban Antes de exportar un vector, asegrese de que
las letras en la pantalla. Las lneas gua pueden se trata de un objeto cerrado y de que est
ayudar al escalar. Asegrese de escalar todas separado en el caso de las letras que constan
las letras proporcionalmente para que sean de ms de un objeto (como la A, la D o la O).
uniformes. Para obtener resultados ptimos, elimine los
contornos (seleccione Ninguno en la lista
Para alinear las letras de modo que lleguen a su desplegable Anchura del contorno de la
nuevo entorno con la orientacin correcta, barra de propiedades) y aplique un relleno a
configure las lneas gua vertical y horizontal en todos los objetos. No combine letras en un
0 (figura 49). Encaje primero los vectores en la

Diseo de una fuente | 31


objeto nico. Las letras se pueden agrupar, los vectores no estn limpios, las curvas y las
pero no combinar. transiciones no son uniformes y las lneas
rectas estn ligeramente desajustadas, se ver
Consulte la ayuda del editor de fuentes para
claramente en el editor de fuentes.
determinar qu tipos de archivos se pueden
importar. Normalmente, los vectores se La razn es que CorelDRAW est ms centrado
exportan como archivos .ai de Adobe en la creatividad que en la precisin. Pero
Illustrator. Las versiones anteriores de archivos CorelDRAW puede ser igual de preciso si presta
.ai parecen funcionar mejor con Fontlab. Las atencin a lo que hace y cuanto ms preciso
opciones de AI estn disponibles en la lista sea el vector en CorelDRAW, mejor. Depurar el
desplegable Compatibilidad del cuadro de trabajo antes de exportarlo facilita el trabajo en
dilogo Exportar Adobe Illustrator. el editor de fuentes.

Antes de abrir el cuadro de dilogo Exportar,


asegrese de seleccionar solo los objetos que
Conclusin
desee exportar y, a continuacin, active la Como dije al principio, este artculo versa sobre
casilla Solo lo seleccionado. De no hacerlo, el diseo de fuentes con solo un escner, un
se arriesga a cometer el error de exportar ratn y CorelDRAW X7. Los mtodos que he
involuntariamente todos los elementos del descrito son tcnicas clsicas de creacin de
espacio de trabajo, lo que podra tener vectores pero, al igual que hay ms de una
resultados catastrficos cuando intente forma de crear un vector, tambin son varias
importar el archivo en el editor de fuentes. Si las maneras de crear una fuente, y ms de un
no se sigue esta advertencia, probablemente tipo de herramienta para hacerlo. Incluso
sea necesario reiniciar el editor de fuentes y CorelDRAW se complementa con CorelTRACE,
posiblemente CorelDRAW. En casos extremos, que permite convertir un diseo en vectores a
habra que reiniciar el ordenador. Queda partir de un simple esbozo de forma rpida y
advertido. sencilla. Adems, para muchos diseadores,
las tabletas grficas han sustituido por
No es necesario exportar todo el alfabeto de
completo al respetado ratn. Por tanto, este
una vez. Aunque no hay problema en exportar
artculo no es solo una introduccin muy
las 26 letras en un solo archivo, yo prefiero
bsica al mundo del diseo de fuentes, sino
incluir cinco o seis en cada archivo. As
que adems muestra las opciones de hardware
evitamos saturar el espacio de trabajo del
ms simples, junto con medios de software de
editor sin necesidad. La mayora de editores de
sencillo uso para generar vectores.
fuentes no son tan permisivos con un usuario
desordenado como lo es CorelDRAW cuando No obstante, los mtodos que he descrito no
se trata de apilar muchos vectores en el estn exactamente anticuados. O al menos, no
entorno de trabajo. Esfurcese por mantener lo estn an. Siguen siendo en gran medida un
unos niveles razonables tcnica y visualmente. estndar del sector. Y una vez que se familiarice
con el proceso, le resultar bastante rpido.
Las herramientas para vectores en los editores
Pero no se emocione demasiado y quiera que
de fuentes se centran en la colocacin precisa
su primera fuente incluya miles de caracteres.
de los nodos y los vectores (lo ver con claridad
De momento, confrmese con que las
al importar los vectores desde CorelDRAW). Si
primeras 26 letras tengan el aspecto deseado.

32 | CorelDRAW Graphics Suite X7


Esfurcese y haga frecuentes modificaciones; Para modificar rpidamente una letra
pruebe las letras una y otra vez hasta que el escrita en CorelDRAW como texto artstico,
resultado sea el pretendido. convirtala primero a curvas (Objeto
Convertir a curvas o Ctrl + Q).
Por supuesto, la prueba definitiva es la
instalacin de la fuente terminada y su uso en CorelDRAW es ideal para poner a prueba una
el espacio de trabajo de CorelDRAW. All podr fuente de forma rpida e intuitiva. Tambin es
formar fcilmente palabras, frases, prrafos o til para identificar los fallos que se hayan
cualquier texto para el que desee utilizar la pasado y que esconden las letras. Crea que
nueva fuente. esos vectores ya eran perfectos? A veces un
proyecto de fuente no termina de estar
Para obtener unos resultados ptimos,
acabado. Siempre surge una idea ms, algo
instale la fuente como un postscript
ms que corregir o aadir para optimizar el
OpenType. Este formato conserva la
resultado final.
informacin de formato original del vector,
como la forma de la curva y la situacin del No se sorprenda si vuelve a retocar un tipo de
nodo, y resulta por tanto ideal para la letra que hace tiempo dio por terminado.
edicin. Nunca se sabe cundo se le puede ocurrir
agregar un divertido ampersand al conjunto,
simplemente porque puede hacerlo.

Copyright 2014 Corel Corporation. Reservados todos los derechos. Todas las marcas comerciales
o registradas son propiedad de sus respectivas empresas.
Diseo de una fuente | 33

You might also like