Trabajar con tipografía profesional en Adobe Illustrator

Me gustaría dedicar este tutorial a la tipografía, que son los métodos de procesamiento de texto impreso para una mejor legibilidad y belleza. La tipografía se compone a través del diseño gráfico de texto impreso utilizando las especificaciones para las reglas de ese idioma. En este tutorial Basix se aplicarán los métodos y reglas de tipografía utilizando Adobe Illustrator. Roman Kuznecov, alias Asat, tiene muchos años de experiencia en la publicación de materiales para crear este tutorial..


Paso 1

Echemos un vistazo al diseño del texto impreso en el ejemplo de la receta de sándwich con la que estamos trabajando hoy. Este tipo de texto contiene una variedad de elementos que le ayudarán a desarrollar el tema de este trabajo. Para los experimentos, deberías usar texto como este aquí..

Primero, defina los parámetros básicos de la información textual:

  • Tamaño del bloque de texto
  • Nombre del tipo de letra.
  • Tamaño de fuente
  • Espaciado entre líneas

La elección de estos parámetros tipográficos depende de muchos factores, en particular: el formato de la publicación, el estilo del texto, las preferencias personales del diseñador, etc. Dejaré estos temas fuera del alcance de este tutorial, ya que abarca libros y monografías. En función del gusto personal, decidí que el bloque de texto tendrá un tamaño de 150 por 300 mm (Tipo> Tipo de área ...)


Paso 2

Escriba texto con la fuente Garamond Pro, tamaño 12pt y 13pt inicial. Cambie estos parámetros en la paleta Carácter (Ventana> Carácter).

Para su información: el tamaño de fuente es el tamaño de la altura de la letra; Punto tipográfico es la unidad de medida del tamaño de letra..


Paso 3

Ahora alinea el texto. Hay dos tipos básicos de texto que justifican: Justificar con la última línea alineada a la izquierda y Justificar todas las líneas. El primer método es bastante simple, así que utilícelo para formatear. Para ello, haga clic en el botón "Justificar con la última línea alineada a la izquierda" en la paleta Párrafo (Ventana> Tipo> Párrafo).


Etapa 4

A continuación, debemos configurar los guiones. Es importante mantener un equilibrio entre el número de separaciones de guiones en el bloque de texto y la cantidad de espaciado vacío en las filas. Por un lado, muchos guiones crean una sensación de "cerco" y afectan la legibilidad del texto; por otro lado, los espacios largos también dificultan la lectura..

Adobe Illustrator le permite ajustar este balance usted mismo con una ventana de diálogo de Guiones que se abre desde el menú desplegable de la paleta Párrafo. Al mover el control deslizante a la mejor posición de espaciado, reducimos la longitud de los espacios al aumentar la cantidad de guiones y viceversa. Debes elegir un valor óptimo que satisfaga el diseño..

También hay una opción que le permite personalizar la apariencia del párrafo. En el menú desplegable de la paleta Párrafo hay las subsecciones "Adobe Single-line Composer" y "Adobe Every-line Composer". Al dividir en guiones, "Adobe Single-line Composer" analiza una sola línea. "Adobe Every-line Composer" analiza las líneas anteriores; Por lo general esto te permite obtener un mejor resultado..


Paso 5

Por lo tanto, el diseño de la composición general ya está determinado. Ahora procedamos a diseñar los elementos individuales del texto. Decidí resaltar el título principal del texto, así que lo escribiré en mayúsculas. Para ello, he resaltado el título y en el menú desplegable de la paleta de caracteres elegí la opción Todas las tapas..

Aquí debe prestar atención a un punto de interés: al diseñar el seguimiento de la fuente entre mayúsculas se elige sobre la base de que junto a él habrá necesariamente una letra minúscula, por lo que si escribe el texto solo en mayúsculas, texto se siente apretado Los diseñadores gráficos recomiendan expandir ligeramente las letras de dicho texto. Con el texto seleccionado, en la paleta de caracteres en el campo de seguimiento, establezca el valor en 20.


Paso 6

Ahora aplique Kerning. El kerning es el proceso de ajustar el espacio entre los pares de caracteres para mejorar la apariencia y la legibilidad del texto, sirve para justificar la distancia entre letras adyacentes u otros caracteres de fuente.

Esta opción implica trabajar individualmente con cada par de caracteres y cómo encontrar su posición relativa en función de la fuente seleccionada, dibujar las propias letras, etc. El valor del kerning se establece en un porcentaje del ancho del espacio de la fuente que se está utilizando, puede ser positivo (cuando los caracteres están separados) o negativo (cuando los caracteres se acercan entre sí).

Es fácil ver que la distancia entre pares. Vea cómo "AV" y "WA" se ven diferentes, pero formalmente es lo mismo.

Para hacer que la distancia entre dos caracteres se vea visualmente igual, se aplica Kerning. En Adobe Illustrator, hay 3 tipos de kerning:

  • Kerning cero - cuando el kerning no es aplicable.
  • Auto Kerning - Kerning establecido en la fuente por su creador. Si la fuente está bien diseñada, este tipo de kerning encaja bien en la mayoría de los casos.
  • Kerning óptico - es bueno para el kerning de títulos o grandes signos independientes, como texto para logotipos.

Establecer Auto Kerning para todo el texto.


Paso 7

Ahora quiero decorar un poco las primeras líneas de texto. Lo haré con gorras pequeñas. Las minúsculas en la tipografía son caracteres en mayúsculas que parecen caracteres en minúsculas reducidas. Las mayúsculas pequeñas se usan para crear títulos y primeras líneas de las secciones que siguen las iniciales grandes, para escribir nombres, títulos y abreviaturas, y para escribir en negrita en el texto..

No se recomienda usar minúsculas en frases y oraciones largas (más de dos o tres palabras); perjudica la legibilidad del texto. Por lo tanto, seleccione las primeras palabras después del título y seleccione Mayúsculas en el menú desplegable de la paleta de caracteres..


Paso 8

Ahora necesitamos separar los párrafos visualmente. Esta separación se puede hacer de muchas maneras, las más comunes de las cuales son: línea de rotura (sangría al principio de la primera línea de un párrafo) y el espaciado entre párrafos.

En este texto, decidí hacer un espacio entre párrafos, pero no solo por interlineado, sino estableciendo un espacio en blanco después de cada párrafo. Para hacer esto, en la paleta Párrafo, establezca el espacio después del párrafo igual a 10 puntos.


Paso 9

Y ahora quiero hablar sobre algunas formas de trabajar con números en el texto. Hay 2 tipos de números: números de texto y todos los números de mayúsculas. Se considera una buena forma de utilizar el primero junto con las letras minúsculas y el segundo, con las letras mayúsculas..

¿Cómo teclear tales numerales? Hay un secreto: ambos conjuntos de números deben estar presentes en la fuente. La presencia de dos conjuntos de números es uno de los distintivos de una buena fuente. Si estos números están en la fuente, luego ingréselos usando la paleta de Glifos (Tipo> Glifos), encuentre el carácter necesario en la tabla y haga doble clic para insertarlo en un bloque de texto activo.

Nuestro texto tiene dos grupos de numerales. En el primer caso, los números están en la sección de ingredientes; déjelos sin cambios, me refiero a todos los números en mayúsculas. El segundo grupo de dígitos son cifras de temperatura Fahrenheit y el carácter de temperatura se encuentra en el texto principal. Con la ayuda de la paleta de glifos, hazlos en minúsculas..


Paso 10

Nuestro texto tiene una lista con viñetas de varios elementos. Reemplace el guión al comienzo de la lista en la bala con la ayuda de la paleta de Glifos. Es importante disponer adecuadamente la sangría. Para hacer esto, seleccione el espacio entre la viñeta y la palabra y presione TAB. Haz esto en cada línea de la lista..

Compruebe si hay un símbolo de tabulación en cualquier lugar y no hay espacios adicionales. Para hacer esto, vaya a Tipo> Mostrar caracteres ocultos. El carácter de tabulación debe estar representado por una flecha (el espacio se representa con un punto, no debe haber espacios).

Seleccione las filas con los elementos de la lista y abra el panel de pestañas (Ventana> Tipo> Tabulaciones). Coloque el marcador de la pestaña en el cuadro de reglas en el lugar desde donde comienzan los elementos de la lista.

Nota: las listas con viñetas se deben formatear con la ayuda del panel de pestañas, pero de ninguna manera se deben usar espacios múltiples.


Paso 11

Su texto puede contener guiones. ¡Es un gran error poner un guión o guión doble en lugar de un guión! Hay un carácter para el guión que podemos escribir haciendo clic en Opción + Mayús + _ para Mac (Alt + 0151 para Windows). Reemplace los guiones con guiones donde sea necesario.

Hay dos tipos de guiones: corto (en guión) y largo (guión). "En dash" se ingresa con una combinación de teclas Opción + _ para Mac (Alt + 0150 para Windows). Se utiliza para denotar el espaciado entre las fechas..


Paso 12

Ahora quiero contarles sobre el formato de texto como la puntuación de Roman Hanging. En este texto para un uso más visual de la puntuación de Roman Hanging, usamos la alineación del texto a la derecha "Justificar con la última línea alineada a la derecha" en el panel Párrafo.

Para aplicar la puntuación de Roman Hanging, vaya a Tipo> Alineación de margen óptico, luego en el menú desplegable Párrafo seleccione la puntuación de Roman Hanging. Con estas acciones, Adobe Illustrator toma todos los caracteres de puntuación extrema derecha detrás de las líneas laterales y alinea ópticamente todo el texto.


Conclusión

Para agregar autenticidad al texto, puede cambiar la forma de algunas letras. Para ello, en el panel OpenType (Ventana> Tipo> OpenType) presione los botones que se muestran en la imagen de abajo.

El programa reemplazará automáticamente los caracteres con las ligaduras (ligadura (de Lat. Ligatura): es un carácter de cualquier sistema de escritura, formado por la unión de dos o más letras). Los personajes que tienen alternativas contextuales serán reemplazados por sus alternativas. Ligaduras y alternativas de contexto, desafortunadamente, no están disponibles en todas las fuentes.

Como resultado de nuestra transformación obtuvimos el siguiente texto..

Nota: todo lo descrito anteriormente se puede usar para formatear texto en Adobe InDesign.