Una guía en profundidad para trabajar con tipografía en Illustrator

Adobe Illustrator es una aplicación fantástica para la creación de obras maestras tipográficas. Sin embargo, ya sea que esté creando un párrafo simple para un anuncio impreso o una obra de arte tipográfica compleja para un sitio web, hay varios consejos y técnicas que debe saber sobre cómo manipular el tipo dentro del programa.

A continuación, encontrará una breve descripción general de algunos de los comandos básicos con los que debería familiarizarse, así como algunos métodos abreviados de teclado que debe conocer e incluso algunas características poco claras que tal vez ni siquiera sepa que existen. ¡Empecemos!

Trabajar con la tipografía: lo muy básico

Antes de ver cómo usar específicamente Illustrator para trabajar con tipografía, es importante discutir la terminología básica que usaremos. La mayoría de los diseñadores de impresión aprenden estos términos al comienzo de su educación, pero los diseñadores web a menudo se saltan lo que yo consideraría como el ABC del diseño y van directamente a aprender cómo llevar diseños de Photoshop a HTML.

Por lo tanto, para cualquier persona que acaba de comenzar o alguien que ha estado diseñando durante años pero se saltó los conceptos básicos, aquí hay un curso rápido y sucio sobre algunas variables que debe saber cuando trabaje en tipografía.

La imagen de arriba señala varios términos clave que necesita saber. Examinaremos cada uno de estos en profundidad a medida que analizamos cómo usar Illustrator para manipularlos, pero por ahora simplemente debe asegurarse de entender cada término.

El kerning y el seguimiento controlan el flujo horizontal de un bloque de tipo. Kerning se refiere a hacer ajustes al espaciado entre dos letras específicas. El seguimiento es similar pero ajusta el espaciado entre todas las letras en el bloque simultáneamente.

Del mismo modo, el desplazamiento inicial y la línea de base controlan el flujo vertical. Leading ajusta el espaciado entre dos líneas y el cambio de línea de base le permite mover letras específicas hacia arriba y hacia abajo.

Cada uno de estos corresponde a una configuración que puede manipularse directamente o ajustarse incrementalmente a través de la paleta de caracteres.

Illustrator vs Photoshop

Ya sea que esté diseñando para impresión o para la web, le recomiendo encarecidamente que abandone Photoshop para crear tipografía. Photoshop es genial en muchas cosas, pero trabajar con el tipo no es una de ellas.

Illustrator no solo es mucho más poderoso y flexible cuando se trata de escribir, sino que también es mucho más bonito. Para ver lo que quiero decir, considere la captura de pantalla a continuación.

Esta es una comparación lado a lado de dos ventanas que tenía abiertas, cada una con un bloque de copia similar. La izquierda muestra la vista previa de Photoshop y la derecha muestra la vista previa de Illustrator. Como puede ver, Photoshop es entrecortado y feo, mientras que Illustrator es suave y hermoso.

Photoshop le mostrará una vista previa decente al 100% (Comando + 1) pero en casi cualquier otro nivel de zoom, el texto se ve como una mierda y no es en absoluto una buena indicación de cómo se verá su resultado final.

Illustrator, por otro lado, es brillante en la visualización de gráficos vectoriales en varios niveles de zoom (de manera que se aleja un poco, pero es aún mejor que Photoshop).

Kerning en Illustrator

¿Por qué kern? El mayor error de novato que puede cometer con la tipografía es suponer que Illustrator, Photoshop o cualquier otra aplicación escupirán el tipo perfectamente espaciado de forma predeterminada.

Desafortunadamente, las peculiaridades y cualidades únicas de cada fuente hacen que el espaciado perfecto entre letras sea bastante difícil de programar en el software. Un buen par de ojos humanos a la antigua es simplemente la mejor herramienta a su disposición para realizar estos ajustes.

Considere el siguiente ejemplo:

El ejemplo en la parte superior es la forma en que Illustrator coloca el texto de manera predeterminada y el ejemplo en la parte inferior muestra el mismo ejemplo con algunos ajustes de kerning manual. A propósito, no resalté dónde se han realizado los ajustes para que pueda aprender a identificar las áreas que deben abordarse.

Uno de los lugares más importantes a tener en cuenta es el espacio entre las letras mayúsculas y minúsculas. Letras como? V? Eso no hace que una buena forma de bloque sea particularmente mala y casi siempre tiene que ajustarse para evitar un espacio incómodo.

El kerning puede parecer ridículamente meticuloso y no merece la pena, pero es algo a lo que deberías prestar atención como diseñador. Es una de esas cosas que puedes recorrer toda tu vida sin darte cuenta, pero una vez que finalmente ves la luz, estás arruinado. Comenzará a ajustar mentalmente el kerning en los menús de los restaurantes y en las vallas publicitarias y anuncios de autobuses.

Cambio de línea de base

El otro sobre el que podría estar preguntándose es el cambio en la línea de base. Seguramente no hay razones prácticas para alterar el cambio de línea de base de una letra, ¿verdad?

Como podemos ver en la imagen de arriba, hay al menos una necesidad extremadamente común para aplicar el cambio de línea de base. La acción de superíndice predeterminada a menudo resulta en una marca registrada o símbolo de copyright aparentemente gigantesco. Aunque esto puede ajustarse en las preferencias, aún será necesario realizar ajustes manuales en el tamaño y la línea de base del personaje en la mayoría de los casos.

Atajos de teclado

Aquí está la parte divertida. Puede que conozca muchos de estos trabajos de Photoshop, pero un repaso siempre es bueno. Usaré los atajos de teclado de Mac aquí, por lo que los usuarios de PC deben tener en cuenta que Comando = Control y Opción = Alt.

Kerning

Para ajustar el kerning entre dos letras, coloque el cursor entre ellas y use la tecla Opción junto con las flechas izquierda y derecha.

Rastreo

Para ajustar el seguimiento, utiliza los mismos métodos abreviados de teclado que usó con el kerning, solo que aquí realiza una selección específica y los ajustes se llevarán a cabo de manera uniforme en todos los caracteres seleccionados.

Puede seleccionar caracteres específicos como en la imagen de arriba o simplemente hacer clic en el bloque completo con la herramienta de selección directa para ajustar todo dentro.

Líder

Lo has adivinado, liderar es el mismo método abreviado de teclado que los dos anteriores, pero esta vez con las flechas arriba y abajo en lugar de la izquierda y la derecha.

Aquí puede seleccionar el bloque completo o solo las líneas que desea ajustar.

Cambio de línea de base

El cambio de línea base lanza una bola curva agregando la tecla de cambio a la mezcla. Seleccione una letra y luego use la tecla Mayús más las teclas de flecha arriba y abajo para ajustar la altura.

Otros atajos prácticos

  • Mayores cambios incrementales: tecla de comando junto con los atajos de arriba
  • Aumentar / disminuir el tamaño de fuente: Comando + Mayús +> o <
  • Kerning / Tracking alternativo: Comando + Shift + [o]
  • Cambiar Justificación: Comando + Mayús + L, R o C (izquierda, derecha o centro)
  • Restablecer Kerning / Tracking: Comando + Opción + Q

Trabajar con columnas

Por alguna razón, muchas personas aún tienen la impresión de que Illustrator no puede manejar varias columnas de tipo. La verdad es que ha tenido esta funcionalidad durante años y es bastante decente.

Aquí es donde la multitud de InDesign salta de sus asientos y exige atención. Sí, InDesign es increíble para el diseño de la página y difícil de superar para complejos arreglos de varias columnas. Sin embargo, este no es un tutorial de Indesign, así que no quiero escuchar ninguna queja.

Para crear varias columnas de texto en Illustrator, simplemente cree un cuadro de texto, rellénelo con texto y vaya a? Opciones de tipo de área? en el menú de tipo.

Aquí puede establecer el número de columnas y filas, ajustar el ancho y el margen, configurar el flujo del texto y más. El resultado es un cuadro de texto único que hace fluir automáticamente su tipo a través de tantas columnas como desee. El resultado se actualizará en vivo a medida que cambie el tamaño del cuadro de texto.

Estilos de carácter y párrafo

Illustrator le permite guardar los atributos de su texto en un estilo reutilizable. Esto es perfecto para esos momentos en los que trabaja frecuentemente con múltiples marcas y necesita cambiar rápidamente entre los estilos descritos en sus respectivas pautas de marca.

Crear estilos de caracteres y párrafos es tan fácil como configurar un texto de la manera que lo desee, seleccionarlo y luego pulsar "¿nuevo?" Botón en la paleta de estilo de carácter o párrafo.

Cuando desee aplicar este estilo a otra parte del texto, seleccione el texto y luego haga clic en el estilo que acaba de configurar. Al hacer doble clic en el título le permitirá cambiar el nombre del estilo.

Configuración de pestañas

Para configurar las pestañas en Illustrator, presione Comando + Mayús + T y aparezca la paleta de pestañas. Aquí puede arrastrar las pestañas como lo haría en la mayoría de los editores de texto.

Notará que la paleta de pestañas flotantes es un poco molesta y difícil de colocar. Para solucionar esto, seleccione el texto que desea ajustar y presione el pequeño icono del imán en el extremo derecho. Esto alineará automáticamente la paleta con el texto y hará que sea mucho más fácil configurar correctamente las pestañas.

Muestreo de otro texto

En Illustrator, la herramienta Eyedropper es mucho más que una utilidad para el muestreo de color. También puedes usarlo para unir rápidamente estilos entre elementos.

Por ejemplo, si crea dos bloques de copia, el estilo uno, luego desea que el otro coincida, seleccione la versión sin estilo y luego escriba la versión con estilo para hacerlos rápidamente idénticos.

Al mantener presionada la tecla shift hacia abajo, puede muestrear solo el color sin agarrar los estilos asociados. Si no tiene ninguna selección, agregue un cuentagotas al estilo de texto que desea duplicar, luego Option-Eyedropper otros objetos de texto para aplicar ese estilo.

Finalmente, haga doble clic en el cuentagotas en la paleta de herramientas para ajustar lo que se copia y no se copia en la muestra.

Búsqueda avanzada y reemplazo

Illustrator tiene una de las mejores utilidades de buscar y reemplazar que encontrará en cualquier aplicación. De hecho, supera a la de todos los editores de texto dedicados que conozco (que se encuentran en el menú Editar).

La razón de esto es el pequeño menú desplegable que contiene todas esas pequeñas cosas que siempre quieres encontrar y reemplazar, pero no sabes cómo. Esto incluye saltos de línea forzados, caracteres de tabulación, espacios delgados, etc.

Illustrator incluso le permite encontrar y reemplazar rápidamente fuentes. Simplemente haga clic en el? Tipo? menú y vaya a? encontrar fuente? ?

Conclusión

Podría hablar sobre consejos tipo Illustrator durante días, pero lo anterior representa una buena descripción general de la información necesaria para comenzar.

Uno de los propósitos principales de esta publicación es animar realmente a todos los fanáticos dedicados de Photoshop a probar algunas de las otras aplicaciones de Creative Suite. Illustrator puede parecer que solo es útil para artistas talentosos, pero en realidad es perfecto para cualquier trabajo basado en vectores que necesite realizar, ya sea o no un ilustrador experto.

Deja un comentario a continuación y cuéntanos tu truco favorito de Illustrator. ¡Hay muchas más para elegir y espero aprender una cosa o dos de sus respuestas!