Memoriatipo

JASTUAL! TYPEFACE memoria Julio Redondo Muñiz 4º Diseño gráfico EASDALCOI 2015

Introducciรณn Documentaciรณn Bocetos Digitalizaciรณn Optimizaciรณn Presentaciรณn

5 6 10 12 16 20

1. INTRODUCCIÓN

En esta memoria se explica el proceso de creación de una tipografía para rotulación propuesta para la asignatura de tipografía avanzada de 4º curso de Grado de diseño gráfico.

Para ello, necesitaremos investigar algunos ejemplos tipográficos, sobre lo que queramos inspirarnos, bocetar, digitalizar, corregir y posteriormente llevar la tipografía a un nivel superior, optimizarla para su uso real.

2. INVESTIGACIÓN

La tipografía que debemos crear debe ser apta para titulares, aunque en un principio me propuse crear una tipo basada en las lineas sans serif con algún motivo caligráfico, opte por realizar una tipografía gestual, “casual“ propia de la cartelería de mitad del siglo XX, debido a mi afición por la caligrafía para rotulación y cierta habilidad que tengo con los rotuladores caligráficos.

Este tipo de tipografías caligráficas, suelen ser verdaderamente complejas, ya que aun que siguen patrones similares, no existe una modulación real como pudiera ocurrir en las tipografías de palo seco, ademas de esto suelen poseer diferentes terminaciones para un mismo carácter e infinidad de variaciones.

Las tipografías que he analizado se basan en lineas rápidas de pincel con relación a la cartelería y al cómic, de mediados del siglo XX como ya he comentado, este tipo de caracteres al realizarse a mano, suelen hacerse con trazos rápidos, los cuales aportan dinamismo y movimiento a la tipografía, suelen tener bastante contraste entre ascendentes y descendentes al tratarse de ser una tipografía gestual y también cuenta con una inclinación bastante marcada por el caracter manual que las representa.

Suelen ser irregulares fluidas y dinámicas, al provenir de la caligrafía en muchos casos los caracteres se enlazan entre si aunque no siempre.

Para el desarrollo de los caracteres de caja alta, me he basado también en las tipografías para cómic, que poseen cierta relación con la previamente mencionadas ya que antiguamente también se realizaban a mano, poseen cierto contraste aunque no tan marcado como las de la tipografía casual, y cierta inclinación, por lo que son perfectamente combinables, y poseen una legibilidad bastante buena aun siendo tipografías pensadas para la rotulación.

Signalistic Typeface

Alter ego Typeface

Hometown hero Typeface

Aloha script casual

3. BOCETOS

Una vez conocido el estilo que se pretende llevar en la realización de la tipografía, comencé, a bocetar, determinando el estilo de trazo, la inclinación y la altura que tendrían, en principio intentando mantener los trazos lo mas regular posible para facilitar su posterior degitalización, algo que fue un error, ya que le restaba expresividad, algo de gran importancia en toda tipografía gestual que se precie.

Los primeros problemas comienzan a surgir aquí, pues una vez determinados los trazos principales se observa como no son compatibles para todos los caracteres, la modulación en caracteres con trazos inclinados, si es demasiado fino, pueden dejarlo sin peso como es el caso de la “v“, y un trazo vertical demasiado grueso, puede hacer que destaque sobre los caracteres vecinos, “e“.

Se empieza a ver diferentes variantes para ciertos caracteres como la “E“ donde aun no se sabe si mantendrá la estructura de los caracteres circulares o con trazos verticales y horizontales.

Las terminaciones se van perfeccionando y optimizando para su digitalización, así como poco a poco van tomando un aspecto mas condensado que lo aleja de su espíritu casual para acercarse poco a poco a la esencia de la tipografía de cómic, y como consecuencia a la del Pop Art. Muchos de los caracteres ideados, en la bocetación han sufrido numerosos cambios tras la digitalización, al intentar realizarlos por medio de módulos y establecer unas directrices entre ellos, algo que ha hecho que pierdan algo de carácter pero que aumente su legibilidad y coherencia formal.

4. DIGITALIZACIÓN

Una vez realizados los bocetos pasamos a su escaneo para digitalización donde se empiezan a sacar los módulos base que marcaran la creación de la tipografía, ascendentes, primarias y secundarias, curvas.

Se modifican trazos excesivamente angulosos de los caracteres como la contra-curva de la “a“ haciéndolos mas armónicos y coherente con el resto de las formas.

Una primera digitalización indica que el uso extremadamente regular de los trazos, monotoniza la tipografía, pierde su gracia y estilo gestual, por lo que los trazos, en particular los ascendentes y descendentes, sufre una nueva “gestualización” para volver a ese carácter que poseían en la etapa manual, se estrechan por abajo y se les añade una ligera curvatura para dotarlos de mayor dinamismo, gracias a esto los blancos interiores son mas amplios, generando un mayor contraste de claroscuros.

Se observan las primeras variaciones formales en algunos caracteres, tales como la “f“, “g“ o “e“ los cuales comienzan a adquirir ese espiritu gestual que andaba buscando.

Una vez hecha una primera revisión de caracteres, comienzan a solucionarse problemas de pesos visuales generados por algunos caracteres que se salen de la norma tales como la “s“ o la “v“, a los que hay que prestar especial atención ya que sus ascendentens no pueden ni deben ser excesivamente finas.

La “r” por suu brazo es un carácter problemático ya que puede crear demasiado blanco en su espaciado con los caracteres que le sigan.

4. DIGITALIZACIÓN

Tras testear la tipografía impresa y corregir errores en gran parte de blancos internos como en la “g“ o la “r“ se pasa a la digitalización de las mayúsculas, un proceso algo mas rápido que el anterior por usar la mayoría de módulos ya creados para las mayúsculas aun así, es un proceso no exento de problemática, pues en estos caracteres el contraste entre ascendentes y descendentes se reduce, acercándose a la tipografía de cómic, por lo que hay que tener un especial cuidado al crear los blancos internos y caracteres con trazos inclinados como la “M“, “N“, “X“, “Y“, “K” por ejemplo.

5. OPTIMIZACIÓN

El paso por Fontlab es donde mas cuidado debemos tener, pues es el paso final a tener la tipografía completada y lista para su uso, en este proceso es donde ademas comenzaremos a reproducir los símbolos y demás variantes tipográficas, como ligaduras y acentos críticos, que se añadirán a nuestra tipografía, poder seleccionar el espaciado entre caracteres y pares de caracteres, lo cual es un trabajo a largo plazo, por lo que no esta terminado completamente.

6. PRESENTACIÓN

Una vez la tipografía finalizada se muestran a continuación los carecteres agrupados por forma, con correspondientes explicaciones sobre su creación y optimización, aunque al ser una tipografía basada en la caligrafía algunos caracteres no se adaptan a esta clasificación estructural.

Jastual! 180p, tracking +50p

abdg hmnu qrpy

Verticales con redondas.

En este grupo se observan módulos idénticos, como son la panza de la “a“, “d“, “q“, “g“ así como la curvatura inferior de la “u“ la cual esta basada en los mismos trazos, el principal problema de este grupo es la “r“ como se ha comentado antes su brazo puede crear demasiado blanco con los caracteres de su derecha, el cual ha sido ajustado, las verticales han sido ajustadas según su posición en la letra, las primeras mantiene la anchura original mientras que las que se encuentran a la derecha del carácter se han “adelgazado“ para mejorar su transición.

ceos Horizontales con redondas El principal problema de este grupo es el posible exceso de blancos que pudiera tener en proporción al resto de caracteres, el cual se a ajustado en la “c“ disminuyendo su trazo superior reduciendo así su blanco interno, la “s“ para ajustar su peso visual, se le ha reducido la anchura en su espina.

vwx Diagonales.

La diagonal en esta tipografía, es un problema, debido a su carácter cursiva, hay que corregir los blancos que crean entre los demás caracteres pues puede entorpecer la lectura esto es algo que debe realizarse principalmente con la modificación del kerning.

jft kz Mixtas.

La “f“ se ha realizado al mas puro estilo gestual donde combina la vertical, con panza y un brazo, toma la altura de las ascendentes y las descendentes, la “t” pose un brazo con bastante vuelo pero la altura necesaria para englobar el carácter que le acompañe, en lugar de realizar una “k“ clásica con brazo superior en diagonal, esta se ha resuelto con un bucle que la dota con un mayor dinamismo.

HILT Verticales con horizontales.

Es un grupo relativamente sencillo, la mayor problemática consiste en regular el espaciado delantero de los caracteres “H“ y “L“ ya que debido a ese apéndice que sobresale de sus astas hay que aumentar ligeramente el kerning.

MNK VW Verticales con diagonales.

Debido al contraste de astas diagonales y verticales, se ha tenido que ajustar la anchura de estas para que no hubiera una escasez de blancos, la “N“ se ha enderezado ligeramente, mejorando el espaciado entre caracteres, algo que no ocurre en la “V“ y la “W“ pues se pretende mantener esencia inclinada de estos glifos.

AZX Horizontales con diagonales Para la “A“ al igual que en el grupo de diagonales se ha ajustado la anchura de los trazos, la “Z“ se ha intentado que tenga una forma dinámica, es un carácter muy ancho y con demasiado blanco por lo que su asta inclinada debe ser mas gruesa al igual que en la “X”.

BDJ PRU Horizontales con diagonales Este grupo es el que mantiene un mayor parecido con el grupo de minĂşsculas, pues se mantiene el trazo caligrĂĄfico y un mayor contraste entre ascendentes y descendentes el cual se compensa con un peso mayo en la panza.

COQS EF Redondas y redondas con horizontales.

A diferencia de otras tipografías del estilo la “E“ pertenece a este grupo pues su formas se basan en la “O“ y la “C” la “F“ combina los glifos anteriores con el modulo base ascendente, para su mejora se ha ajustado su brazo dejándole algo mas de aire en su parte derecha.

àèìòù áéíóúý âêîôû äëïöüÿ åãñõçž Acentos críticos Para la creación de los acentos diacriticos he mantenido las lineas de los trazos básicos originales, los circunflejos están formados por la unión de los acentos agudo y grave, posteriormente ha sido ajustada su anchura para mejorar el equilibrio entre blancos y negros, la diéresis, aunque mas caótica aporta ese punto de dinamismo que se busca en una tipografía de este estilo, variando el primer punto con respecto al segundo, en el caso de la ceja de la ñ he optado por realizarla plana en lugar de darle ese aspecto undulado ya que en ningún momento uso ese estilo de trazo en la tipografía.

àèìòù áéíóúý âêîôû äëïöüÿ åãñõçž Los acentos diacríticos en los caracteres de caja alta se han mantenido tal cual, simplemente se a ajustado la distancia al carácter en si para mejorar su legibilidad.

"',-.:;_«¬· »‚“„”•…‹› ?¿!|¦¡{}[]()\/ Signos de puntuación Se mantiene la estética usada para los acentos diacríticos, los signos de interrogación están basados en las lineas de la “C“ y las “S“ añadiéndoles los trazos básicos ascendentes, así como los símbolos de exclamación corchetes paréntesis y barras están basados en los módulos ascendentes y diagonales respectivamente.

×÷#%*+0123456789 <=>ªº ²³ ¼½¾≈≠≤≥ Números y símbolos matemáticos Los caracteres fraccionarios están basados en los numerales, los cuales se han reducido y ajustado sus anchuras para un mayor equilibrio de blancos y negros, dejando el mayor peso visual en la barra de fracción, al no haber modificación entre el O y la “O“ se ha optado por el uso de la barra para su diferenciación.

fifl �&$€@£¥§¢ §µ¶ÆÐß ÞæðøŒœ†‡ Ligaduras y otros símbolos.

En el caso de las ligaduras “fi” y “fl“ se ha pasado a usar la “f” mayúscula como sustituta de la minúscula al no poder ligarse correctamente, por otra parte se han creado 2 “&“ diferentes ambos basados en el estilo antiguo el “et“, ademas de otros símbolos necesarios para cubrir necesidades idiomaticas y por ultimo símbolos decorativos como la daga y la doble daga.