Tipografía Cultura Antigua Parte 1

Este proyecto tiene como punto de partida el logotipo diseñado para Vuelo 213 Oriental, mostrado en este blog hace unas semanas.



A partir entonces de solo estas letras y números se pasó a la etapa de diseñar el resto de los caracteres para completar la tipografía.
Como premisa la fuente a diseñar debía respetar la particularidad de este logo, que es su doble sentido de lectura, sea en horizontal o en vertical.
Para ello primeramente se creó una retícula en la cual cada letra se insertaría dentro de un campo rectangular. De este modo se lograría mantener un ancho uniforme, necesario para la escritura vertical.





Características
El objetivo era entonces construir y diseñar una fuente tipográfica para componer textos en sentido vertical —principalmente— y horizontal.


Nombre de la fuente
Cultura Antigua.

Función de la tipografía
El destino de la tipografía es generar una textura visual con los caracteres que forman la palabra. No está diseñada para textos largos, sólo para palabras individuales o frases, cuya función no es ser leída, sino  actuar como imagen.
Además, como se verá más adelante, sirve para crear una trama con sus caracteres cuando se escribe en forma vertical.

Características formales
La fuente se construyó en base a trazos de dos diferentes grosores. Uno es la mitad de ancho del otro. Algunos caracteres poseen ambos en su forma mientras que otros sólo uno de ellos. Esto produce un contraste de gruesos y finos.

El set tipográfico se caracteriza por: 
•Alfabeto diseñado en mayúsculas.
•Letras B y D poseen minúsculas.
•Caracteres monoespaciados.
•No contiene tildes.
•Los números y la letra "S" están girados 90° derecha.








Los caracteres se clasifican en base a tres parámetros: 1) anchura del carácter, 2) terminaciones laterales y 3) alineación respecto al campo reticular.

Con respecto al ancho y a la terminación de sus dos lados (izquierda y derecha), hay seis categorías de caracteres:
•Recta: estos caracteres tienen ambos lados finales verticales.
•Recta + curva: estos tiene uno de los lados en línea recta y el otro en curva.
•Curva grande: ambos lados acaban en curvas.
•Curva mediana: igual al anterior.
•Punta: concluyen en una diagonal respecto a la horizontal.
•Recta + curva: un lado recto y otro en diagonal.


En cada una de estas categorías los caracteres modifican apenas su ancho, siendo los que tienen curvas más anchos que los acabados en línea recta. Es decir que hay una relación directa entre el tipo de terminación y la anchura. El motivo de esto se explicará más adelante.

Y en lo que concierne a la alineación, hay tres clases: 
•Centrado
•Izquierda
•Derecha

Siempre tomando como referencia el campo reticular.



El porqué de la alineación hacia uno u otro margen es debido a que los caracteres que tienen terminaciones en curvas o en puntas —como ya se vio anteriormente— sobrepasan un poco el campo en el que están insertos. Esto cumple un rol fundamental en la construcción de la trama, que se desarrollará a continuación.
Una vez definidos estos parámetros, se procede a exportar los objetos a formato de fuente .ttf (TrueType Font).


Construcción de la trama
Esta tipografía también se puede utilizar para componer texturas o tramas que acompañan a las composiciones.

Cómo se hace
Para realizar una trama se deben seguir los siguientes pasos:
1) Escribe la palabra cuyas letras se ubican una debajo de la otra. Es muy importante que sea en este sentido, ya que los caracteres tienen anchos homogéneos.
2) Posteriormente se espeja (o refleja) la palabra escrita y se la acopla al lado de la primera. El acople se debe realizar entre los caracteres con terminaciones rectas y no —por ejemplo— entre los terminados en curvas.
3) Por último, esta unidad formada por ambas palabras se duplica y se va acoplando a los laterales de las demás.

La animación muestra claramente el proceso.






En el gráfico precedente se muestra cómo ha de realizarse correctamente la unión entre ambas palabras, entre la original y la espejada. El anclaje debe hacerse con las letras con terminaciones rectas (que son las que tienen menor largo de horizontal), ya que de hacerse con caracteres con otro tipo de terminación (curva o en punta, que son más anchos) se crearía un pequeño hueco o espacio entre las letras con acabados rectos verticales.





Esta ha sido la primera parte de una serie de artículos. En las próximas semanas se desarrollarán las demás partes, las cuales abordan las composiciones que se pueden hacer con esta tipografía; la tipografía "en acción". Hasta la próxima...



Creado: febrero/marzo 2012
Autor: Benjamín Casanova

:: Ver :: parte 2 [no disponible aún] ::

 
 

Íconos de oficina

Hace ya más de dos años se gestaban los primeros indicios de lo que hoy es una realidad: un set de 20 íconos. Se caracterizan por su estilo isométrico y de línea gruesa en los contornos exteriores.





Tienen dos versiones: la blanca y la negra. En esta última versión se invierten los valores blanco/negro, pero mantiene algunos (tales como las hojas de papel) sin modificaciones respecto a la versión blanca.

Versión blanca con contornos negros

Versión negra con contornos blancos



La imagen que sigue muestra las variables de color:


La imagen 1 pertenece a la versión blanca (positivo), la 2 es la imagen 1 invertida (negativo), es decir, lo blanco pasa a negro y lo negro a blanco, y la 3 es la versión alternativa, que en algunos íconos es un híbrido de los casos 1 y 2. Nótese que en este último caso las hojas permanecen blancas. (La versión 2 no fue materializada.)






Por el momento no están disponibles para su descarga.
Creado: enero 2012
Técnica: vector

 
 

Vuelo 213 Oriental

Esta es una versión especial de Vuelo 213 inspirada en las culturas orientales antiguas. El logotipo posee una característica particular, que es su doble lectura. Es decir, cuenta con dos variables, una horizontal y una vertical.



Sea entonces horizontal o vertical no se alteran las formas de los caracteres, que mantienen siempre las mismas proporciones.


Tiene un carácter geométrico, y sus trazos son regulares en cuanto al grosor.
Con el logotipo se realiza una trama o banda. El proceso de creación comienza con el logo vertical (1), el cual se va duplicando y reflejando verticalmente (2) hasta formar la trama (3). El producto de este proceso se puede usar vertical u horizontalmente.


Diferentes aplicaciones de la trama y el logotipo. La técnica utilizada es el vector, con detalles grunge realizador con la misma técnica vectorial. Las sombras permiten dar profundidad. Los colores elegidos son el naranja oscuro, el verde, el celeste, el amarillo desaturado y el negro. Este último se aplica únicamente en el fondo.





También se elaboraron una serie de ilustraciones como complemento del sistema visual de identidad. En este caso, los dibujos fueron creados a partir de las letras y números del logo.





Creado: diciembre 2011 / enero 2012
Autor: Benjamín Casanova
Técnica: vector

 
 

Analizando la curva

Como parte de la creación de mi tipografía [Creando mi propia tipografía], fueron apareciendo cuestiones que hubo que ir solucionando. Entre aquellas se encuentra el caso de las letras que en la tipografía que estoy haciendo tienen terminaciones curvas, como las que se muestran en imagen:
En los tres pares de letra J que se muestran en la imagen, la letra de la izquierda mantiene la curva igual a la de un semicírculo, mientras que la letra de la derecha de los pares 2 y 3 modifican su terminación curva. ¿Por qué hice esta modificación?


Si medimos las distancia desde el cuadrante inferior hasta el final de la curva (líneas diagonales de colores) se ve que las distancias son cada vez menores en las letras J de la izquierda. En las letras de la derecha se va incrementando.
Este incremento tiene su explicación: imaginemos un circuito de carreras de autos. En nuestro caso sería la curva final de la J, desde el comienzo de la semicircunferencia hasta su final:

En el “recorrido normal”, las distancias en Km de las pistas azul y magenta van siendo cada vez menores, y terminan de manera más brusca respecto a la pista roja.

Para resolver ambas situaciones, o sea:
1) diferencia de distancias en ambas pistas (azul y magenta) respecto a la roja, y 
2) terminación abrupta (curva cerrada) en pista azul y magenta, 
se añade al final del recorrido un pedazo de pista adicional, modificándose también la línea de llegada en la azul y en la magenta.
Aun agregándole el pedazo extra de recorrido, el circuito rojo sigue siendo el más largo de los tres; sin embargo, la diferencia de distancia entre los 3 recorridos se recompensa de la siguiente manera:
• Al tener la pista azul una curva más cerrada, el vehículo no puede tomar la curva muy rápido, y tiene que ir más despacio para no salirse de la pista, por lo tanto tiene menor largo de pista a causa de no poder alcanzar velocidades altas y poder ganar la carrera.
• La pista roja al poseer una curva más abierta, el auto puede alcanzar mayor velocidad, e ir mas rapido, por lo tanto es más largo el recorrido, para equilibrarlo con la pista azul, la cual es más lenta.
Así entonces los tres  autos tienen la posibilidad de ganar la carrera.

El trozo que se agrega al circuito de las pistas azul y magenta también soluciona el problema #2, permitiendo una llegada más “suave” que si no tuviese ese espacio extra al final del recorrido.

 
 

Feliz 2012

Haz lo que quieras hacer, antes de que se convierta en lo que te "gustaría" haber hecho. No hagas de tu vida un borrador, tal vez no tengas tiempo de pasarlo en limpio. ¡Feliz 2012!


 
 

Creando mi propia tipografía - Parte 4

Después de varios meses del último avance, en las últimas semanas he retomado este proyecto de crear una familia tipográfica con tres variables de peso –light, regular y bold. Concluí con las letras que poseen diagonales, tales como V, v, X, x, N, entre otras. Además he modificado algunas letras mayúsculas tomando un criterio o parámetro en común.

Los tres "arrobas" según la variable tipográfica:



Algunas impresiones para ver el avance sobre papel.



Pronto más avances.

:: Ver :: parte 1 :: parte 2 :: parte 3 ::