Tutorial Tipografía y últimas Tendencias

Una buena elección de la tipografía en un diseño puede tener importantes consecuencias en el mensaje que pretendemos comunicar. Es por tanto muy importante conocer qué estilo es el más adecuado según el perfil del público al que nos dirigimos. Conocer las tendencias de cada momento nos ayudará a acertar en nuestra elección en el proceso de desarrollo web

Sin embargo, parece complicado llegar a una conclusión clara si tratamos de pensar en la tendencia actual. Solo tienes que echar un vistazo en comunidades como Behance.net o Coroflot.com para darte cuenta de la cantidad de estilos diferentes que puede haber. En los últimos años se han multiplicado las herramientas, y no solo eso, sino que se han hecho mucho más accesibles. La evolución y democratización en el diseño nos ha llevado a una infinita pluralidad de estilos, tanto en tipografía como en el mundo del diseño en general.

Podemos encontrar rasgos inclinados hacia una estética ochentera marcada por un retrofuturismo colorido y una abundancia de figuras geométricas; por contrario
también coexisten otras tendencias de tipo vintage, donde predominan las curvas y la elegancia de los colores planos y las tramas. No obstante, ambos casos son solo dos ramas dentro del gigantesco árbol compuesto por los infinitos estilos que se entremezclan hoy en día.

Todo este maremagnum, y la necesidad de los diseñadores y empresas de hacerse distinguir entre la multitud, ha dado lugar a que muchos se desvinculen de los
formatos tradicionales tipográficos. De este modo las tipografías experimentales alejadas de los estándares clásicos están brotando de forma exponencial. El
diseñador Alex Varanese, con base en San Francisco, es una buena prueba de ello. El uso del 3D y la composición mediante el uso de objetos ajenos en principio a una tipografía es habitual en su trabajo. El resultado es espectacular. Recomiendo visitar su portfolio, sencillamente brillante.

Otro ejemplo lo encontramos en el estudio HandMadeFont, ubicado en Estonia, donde combinan la técnica 3D con la ilustración y como su propio nombre indica, con la tipografía hecha a mano, buscando la inspiración fuera de la pantalla. El resultado puede gustar más o menos, pero no hay duda de que se consigue un efecto diferenciador que reconoceremos y recordaremos con facilidad.

Podríamos pasarnos horas disfrutando de las tipos experimentales, ilustradas, etc, pero otras tipografías de gran importancia y mucho más funcionales también merecen una mención. A pesar de esta necesidad de experimentación y exclusividad, las tipografías entendidas en el sentido tradicional no están en desuso, sino todo lo contrario: simplemente tienen otra función. Como comentaba al comienzo del artículo, hay que saber adecuarse al público al que nos dirigimos, y por supuesto también al soporte o medio. En muchas ocasiones prima la legibilidad. Es el caso de los medios editoriales (revistas, libros, periódicos…) o digitales, en los que puede haber mucha densidad de texto. Este hecho implica que la tendencia actual en este ámbito apenas haya cambiado respecto a años anteriores, ni vaya a cambiar en el futuro,

manteniéndose los mismos principios minimalistas “menos es más” que proporcionan a un texto mayor limpieza y proporción facilitando su lectura. Es por ello que fuentes con tanto pasado como la Arial o Helvética permanecen vigentes a día de hoy tanto en textos como en logotipos de toda clase; lo que no significa que no estén surgiendo constantemente nuevas tipos de gran calidad en este terreno. “Skolar” del diseñador David Březina, o “FF Suhmo” inspirada en las clásicas máquinas de escribir son 2 de mis preferidas del 2010, de la lista de mejores fuentes que elabora cada año FontShop.

Mi conclusión: la actualidad de la tipografía no reside en una sola de las variantes existentes, sino en todas ellas, son complementarias y cada una desempeña una función. Todas tienen el mismo valor y no es posible hablar de una tendencia concreta actual, sino de una evolución creada por las necesidades de expresión de cada momento y lugar.

TUTORIAL TIPOGRAFÍA LÍQUIDA

Si como yo, eres un apasionado de las tipos ilustradas, qué mejor que acabar el post dejándoos un tutorial para que podáis crear la vuestra propia. Un Lettering de uno de mis trabajos, de aspecto líquido, sencillo pero con muchas posibilidades.

Lettering de aspecto líquido:

Comenzaremos en Illustrator escribiendo el texto con una fuente predeterminada, a ser posible de trazo grueso.

2º) Trazamos el texto y utilizando la herramienta “Tijeras”, cortamos cada letra que se solape con la siguiente. El corte lo realizamos en la intersección de los trazos.

3º) Unimos los trazos de cada letra para crear una única forma trazada. Seleccionamos los dos extremos de cada corte y utilizamos la herramienta “Unir” (Objeto > Trazado > Unir). Previamente habrá que soltar el trazado compuesto de algunas letras; solo en aquellas compuestas por trazos separados (Seleccionamos la letra > Objeto > Trazado compuesto > Soltar).

El resultado tras terminar con todas las letras debería ser el siguiente:

4º) Mediante la herramienta “Engordar” deformamos el trazado a nuestro gusto, vamos a tratar de cambiar el aspecto lineal de la tipo por algo más caótico sin perder las proporciones y equilibrio de la fuente.

El resultado será algo parecido a la siguiente imagen:

5º) Utilizamos la herramienta “Redondear” para dar un aspecto más semejante al líquido. No ha de importarnos si se rompe alguna letra; le dará más realismo.

Ya estamos más cerca de llegar al trazado final. Añadimos un color de relleno algunas gotas dispersas con la pluma. Esto le proporciona más sensación de
movimiento.

6º) Ya tenemos el trazado final. Ahora toca llevarlo a photoshop para proporcionarle volumen. Copiamos desde illustrator y pegamos en PhotoShop un total de 2 veces, una como Objeto inteligente y otra como Trazado. Convertimos el trazado en selección. Esto nos servirá para delimitar el área de dibujo de nuestro pincel. Seleccionamos el pincel con 0% de dureza y 15% de opacidad y comenzamos a dar volumen a nuestro texto. Finalmente nos quedará algo parecido a lo siguiente:

7º) Ya hemos pintado los brillos, ahora nos ocuparemos de las sombras. Con la pluma en modo “trazados” iremos buscando las zonas de sombras de cada letra; esto además de proporcionar profundidad le dará un aspecto más orgánico. Una vez hecho el trazado lo convertimos a selección y con la herramienta “Degradado” aplicaremos el color oscuro.

8º) Para finalizar vamos a rematar cada letra con más brillos. Utilizaremos de
nuevo la pluma para crear líneas blancas adaptadas a la forma de las sombras. El conjunto de claros y oscuros proporcionará más profundidad y sensación de
movimiento.

El resultado final es el siguiente:

Esto es solo un tutorial para explicar una de tantas formas de crear una tipografía líquida. Cada persona le aplicará su toque personal. Os animo a jugar un poco con esta técnica llena de posibilidades. Mi propia interpretación la podéis ver aquí.

(http://www.behance.net/gallery/Sometimes/878999)

Escribe Pablo Álvarez