crear tipografia

7/23/2019 crear tipografia

1/10

Disearfuentes tipogrficas

Una fuente tipogrfica es un conjunto de caracteres, nmeros y signos queutilizamos a la hora de escribir o disear, para dotar a nuestro trabajo de un aspecto ypersonalidad especfica.

Aunque el diseo de una fuente tipogrfica es una tarea laboriosa y requiere debastantes conocimientos de diseo grfico, n!scape incorpora una herramienta que nospuede ayudar a realizar esta labor, al menos como e"perimento creati#o$ con el editorde fuentes SVG#amos a crear caracteres que luego terminaremos con#irtiendo en unarchi#o %rue %ype &ont 'ttf(, un tipo de fuente que se instala fcilmente en la mayorparte de los sistemas operati#os.

)reparando el documento

*omenzaremos creando un nue#o documento +-, que #amos a redimensionardesde la #entana Propiedades del documento$

enosedia *omunicaci/n $$ *reati#e *ommons 0.1 2345*4+A $$ 666.menosmedia.org


2/10

Adems de indicar un tamao personalizado de 7180 p"eles por 7180 p"eles,desclicamos la opci/n 9ostrar sombra del papel:, para que la sombra inferior derechapredeterminada no nos confunda a la hora de disear.

A continuaci/n #amos a delimitar el espacio en el que iremos diseando cada letra osigno de nuestra fuente tipogrfica. %omaremos como lnea base de las letras el bordeinferior del documento. *on una gua horizontal, que sacamos clicando y arrastrandodesde la regla superior, indicamos tambi;n el espacio de la altura " de las letras. )orejemplo, podemos colocar la gua a unos 8


3/10

>e esta forma estamos demarcando los lmites que tendrn las distintas letras y signos'y por tanto, l/gicamente, definiendo ya algunas caractersticas de su diseo(. ?nrealidad, las guas reproducen de forma simple y resumida los tres espacios bsicos de lamorfologa de la letra$ la altura de la ", la ascendente y la descendente$

*on todo, las letras que #amos a disear son de estilo monoespacio, as que tendremosque lograr que ocupen ms o menos el mismo ancho. )or otro lado, salirse de las guasno quiere decir necesariamente que el e"cedente no sea #isible en el resultado final, sinoque estaramos in#adiendo el espacio de otro carcter o lnea. As que esto, bienutilizado, puede ofrecernos juegos est;ticos interesantes.

?ditor de fuentes +-

Ahora ya podemos abrir, desde el men superior Texto, el Editor de fuentes SVG.

3a en la #entana del editor, clicaremos abajo a la izquierda, sobre el bot/n 95ue#o:, paraaadir una tipografa. >e momento, no modificamos los nombres que aparecen de formapredeterminada. %an s/lo nos cercioraremos de que la anchura es de 7180 p"eles.



4/10

Al clicar arriba a la derecha, en la pestaa9-lifos:, accedemos al gestor de cadauno de los caracteres que compondrn lafuente tipogrfica.

*on el bot/n 9Aadir glifo: insertamosun primer carcter, al que tendremos queasociar una 9cadena:, por ejemplo la letra9a:.

Ahora tenemos que dibujar en eldocumento nuestra letra 9a: y #incularloal glifo 7. >e esta forma, una #ezinstalada la fuente tipogrfica, la tecla

9a: 'en minsculas( se corresponder conla letra 9a: dibujada.

@/gicamente, esta es la fase ms creati#a. )odemos elegir muchas t;cnicas distintas paradibujar cada letra. @o importante es que cada letra sea un s/lo trazado de color negro.

?n nuestro caso, por ejemplo,

#amos a utilizar la Herramientade trazos caligrficos opinceladas que tenemos en elmen lateral de herramientas.

?n el men de la barra depropiedades, arriba del todo,hemos elegido la opci/n9goteante: y un anchointermedio, que nos permita

dibujar con cierta definici/n.

Al dibujar aqu a mano alzada laletra 9a: nos mantenemos dentrode las guas, e"cepto en elmargen de la derecha, paraconseguir luego que nuestraletra enlace con la siguiente.



5/10

)or ltimo, #incularemos el dibujo que hemos hecho con el primero de los glifos delEditor de Fuentes SVG. )ara ello, lo seleccionamos, clicamos 9glifo 7: y despu;spulsamos el bot/n 9btener cur#as de la selecci/n:.

)ara comprobar que n!scape a incorporado nuestro dibujo, escribimos abajo del tododel editor de fuentes, en Vista preliminar, la letra 9a:$

?l resto de las letras siguen estando representadas como cuadrados negros. )ara ircompletando el diseo de los otros caracteres s/lo tenemos que ir repitiendo el proceso.

A%?5*B5 +i el programa no incorpora algn diseo que hemos hecho, debemoscomprobar que cumple dos requisitos fundamentales$ debe ser un trayecto 'si es unobjeto tendremos que con#ertirlo en trayectos( y debe ser un s/lo trayecto 'si es unconjunto de trayectos tendremos que unirlos desde el men superior Traectos ! "nir(.

?l listado de caracteres que podemos disear y aadir es en realidad enorme, porqueuna fuente tipogrfica se compone de letras, cifras, signos de puntuaci/n, signosespeciales y signos diacrticos. )or ejemplo, la familia de fuentes Ubuntu'font.ubuntu.com( incorporan unos 7.811 glifos distintos para casi 8C1 lenguajes.



6/10

)odramos reducir nuestra fuente tipogrfica a los D0 caracteres del alfabeto @atinobsico, y an as nos faltaran letras como la 9: o smbolos como el del euro.

)or tanto, cada cual decide hasta d/nde llegar, pero si queremos que nuestra tipografasea realmente til, no podemos ol#idarnos de incluir, por ejemplo, las maysculas$



7/10

3 tambi;n los distintos smbolos y signos de puntuaci/n que solemos utilizar$

Una #ez hemos diseado una cantidad interesante de caracteres, terminamos depreparar el archi#o +- con el Editor #$%& que podemos abrir tras desplegar el men

superior Edici'n.



8/10

?n esta nue#a #entana podemos #er y modificar directamente el c/digo E@ de nuestrogrfico +-. ?ste c/digo es, en realidad, el que define todo lo que contiene el grfico,incluyendo las letras y smbolos que hemos diseado.

*licando en el triangulito de la etiqueta accedemos a su contenido. ?n buenaparte es un listado que describe la forma de cada uno de los glifos creados. ?n laetiqueta se indica el atributo Font(Famil, que ahora podemosmodificar, cambiando el #alor predeterminado 9+-&ont: por el nombre que queremosponerle a nuestra fuente tipogrfica.

)ero adems de este atributo, contamos con otros que nos permiten ir puliendo elaspecto y comportamiento de nuestra tipografa. +i queremos profundizar en el mundode las fuentes tipogrficas, lo interesante es acudir a las especificaciones que el F=*,organismo regulador del c/digo G%@, desarrolla para este tipo de fuentes. Aquencontraremos documentaci/n sobre ello$

http$


9/10

?l resultado no podemos #erlo en n!scape, pero podemos hacernos una idea de cuantoespacio necesitamos para cada letra utilizando la pestaa -nterletrae del Editor defuntes SVG$

)or ejemplo, elegimos primero un glifo de referencia, que ocupe todo el documento. ?lsegundo glifo sera el que queremos redimensionar. Ahora pulsamos ,adir parea ymo#emos el tirador de Valor de interletrae. ?l tirador nos ofrece una idea de cuntoespacio necesitamos para la segunda letra.

*on#ersi/n de +- a %%&

Una #ez hemos guardado el archi#o +-, #amos a con#ertirlo al formato defuentes True Tpe Font o TTF. )ara este proceso, podemos apro#echar que algunaspginas 6eb hacen la con#ersi/n de forma gratuita.

)or ejemplo, entramos en666.freefontcon#erter.com ,seleccionamos nuestro archi#o+- e indicamos el formato ttfcomo salida$

http://www.freefontconverter.com/http://www.freefontconverter.com/http://www.freefontconverter.com/


10/10

?l archi#o que nos descargamos tiene e"tensi/n 9.ttf:, as que podemos abrirlo con un#isualizador o gestor de fuentes tipogrficas, o incluso instalarlo directamente ennuestro ordenador 'depende del sistema operati#o que utilicemos, pero es posible quetan s/lo tengamos que colocarnos sobre la fuente, hacer clic en el bot/n derecho y elegir9nstalar fuente:(.

Una #ez hemos instalado la fuente, reiniciamos el programa de edici/n de te"tos quesolemos utilizar y ya podemos seleccionarla en el men desplegable de las tipografas.

+i no hemos diseado suficientes caracteres de la fuente como para utilizarlacotidianamente en un procesador de te"tos, siempre podemos recurrir a ella para ciertaslabores de diseo grfico 'un ttulo o frase especial, por ejemplo(. %ambi;n es un buenrecurso para almacenar iconos o smbolos personalizados que utilizamosfrecuentemente.


crear tipografia

Documents

Transcript of crear tipografia