• Tweet This!
  • Digg it!
  • Add to Delicious!
  • Share on Facebook!
  • Share on Reddit!
  • Stumble it
  • Add to Technorati Favorites
  • Subscribe by RSS

Tipografia con estilo “boceto”.

 

portadatutorial

En mi primer contenido “real” intentare contar  como realizar una fuente con terminado de “boceto”(como en la  ilustración superior). Normalmente podemos encontrar muchas y variadas fuentes con una terminación tipo “dibujado a mano” o “boceto”. Lo que veremos hoy es no depender de fuentes ya creadas, y convertir cualquiera que nos guste en este tipo de estilo.

Crearemos con 8 pasos básicos un estilo aplicable a cualquier forma vectorial desde illustrator(este tutorial ha sido creado con Illustrator CS3, pero se puede aplicar a cualquier versión de CS).

PASO 1

Creamos un documento nuevo y con la herramienta de texto (T), escribimos algo de texto con la fuente que queramos. Yo en el ejemplo usare una Adobe Garamont como fuente elegida. Para sacar mas partido a esta técnica, vamos a crear un “estilo gráfico” para poder aplicarlo sin problema a cualquier fuente o forma vectorial. Primero seleccionamos la fuente, seleccionamos en el panel de Estilos Gráficos la opción “nuevo estilo gráfico” y listo.

tutorial01

PASO 2

Con el texto seleccionado, quitamos el relleno y el trazo. Añadiremos un nuevo  relleno y trazo desde el “panel de Apariencia” en los próximos 2 pasos.

tutorial02

PASO 3

Con el texto sin relleno ni trazo, abrimos el menu pop-up (pestaña derecha) en el Panel de Apariencia y elegimos Añadir un nuevo relleno. Mantenemos el color negro por defecto para el relleno.

tutorial03
tutorial03b

PASO 4

Seleccionamos el nuevo relleno en el panel Apaciencia y vamos en el menu superior a Effecto> Estilizar> Garabatear.  Saldra una ventana de diálogo donde metemos las siguientes opciones:  ángulo a 45º,  Trazo superpuesto a 0 px, Variación en trazo superpuesto a 2 px, Anchura de trazo a 1px,  Curvatura a 0px,  Variación de Curvatura a 50%, Espaciado a 2px y la Variación del Espaciado a 1.5px.

tutorial04

PASO 5

Seleccionamos la opción de contorno en el panel de Apariencia, y le damos un contorno al texto de 2 pt.

tutorial05

PASO 6

Con el contorno seleccionado en el panel Apariencia, vamos otra vez al menu superior Effecto, ahora seleccionaos Distorsionar y Transformar > Emborronar. En la ventana de diálogo metemos las siguientes opciones:  Tamaño 0.5,  Seleccionamos Relativo, Detalle a 30, y por ultimo Suavizado. Esto dara al contorno un poco de irregularidad.

tutorial06

PASO 7

Ahora ya tenemos la fuente personalizada con nuestro propio estilo “boceto”(teniendo en cuenta que la fuente continua siendo editable en todo momento). Para sacar más partido a esta tecnica, vamos a crear un estilo gráfico con el que podremos aplicar rapidamente a cualquier fuente o forma vectorial el estilo “boceto”.  Primero seleccionamos la fuente, y abrimos el panel “estilo gráfico”. Veras que tienes varios estilos ya creados, seleccionamos en el panel derecho “nuevo estilo gráfico”.

tutorial07

PASO 8

Ahora escribimos un poco de texto y cambiamos de fuente para comprobar los resultados. Con el texto seleccionado, pulsa en la miniatura de el nuevo estilo gráfico…  listo.

tutorial08

Tags: ,

 
 
 

Sin comentarios

 

Deja un comentario

 



XHTML: Puedes usar estos tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>