Tipografia con estilo “boceto”.

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.

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.

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.


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.

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

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.

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”.

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.










Sin comentarios