Tipografía de Illustrator usando la paleta de apariencia

Adobe Illustrator es una aplicación fantástica para crear complejos arreglos tipográficos vectoriales. Sin embargo, la aplicación es tan grande y complicada que puede tardar años en descubrir cómo recrear algunos de los efectos geniales que has visto en otros lugares sin encontrar soluciones complicadas.

Hoy eliminaremos parte del misterio de trabajar con trazos y rellenos al sumergirnos en la paleta de apariencia para ver no solo cómo funciona, sino también cómo manipular los elementos para crear algunos efectos realmente geniales.

Apariencia Paleta 101

Para comenzar, abra Illustrator y seleccione Ventana> Apariencia en la barra de menú. Esto debería activar tu paleta de apariencia. Esta pequeña paleta a menudo se ignora, pero de hecho es una de las características clave que hacen de Illustrator una herramienta tan poderosa para crear y editar ilustraciones vectoriales.

Hoy nos centraremos en la tipografía, pero es importante tener en cuenta que la paleta Apariencia funciona en casi todo lo que creas en Illustrator, no solo en el tipo. Los principios descritos en este artículo también pueden aplicarse fácilmente a las formas (aunque existen algunas diferencias). De hecho, comencemos con una forma básica solo para ver cómo funciona la paleta. Toma tu herramienta Ellipse, dibuja un círculo y, con el círculo seleccionado, observa tu paleta de apariencia.

Como puede ver, sin ningún esfuerzo, la paleta ya está llena de contenido. El tipo de elemento aparece en la parte superior (ruta) y el elemento contiene tres atributos de forma predeterminada: Trazo, Relleno y Opacidad. Tenga en cuenta que todavía no hemos aplicado un trazo, pero uno aparece de todos modos. Dado que el trazo ya está presente, podemos manipular fácilmente su configuración aquí mismo en la paleta de apariencia. Abajo le di al trazo un color y establecí su ancho en 7 puntos.

Cada elemento que ve en la paleta de apariencia es una pieza separada del rompecabezas que conforma su forma o tipo de objeto. Estas piezas funcionan como capas en la paleta de capas y se pueden organizar y manipular de forma independiente. Por ejemplo, un trazo se puede colocar debajo o encima de un relleno. También observe los botones a lo largo de la parte inferior de la paleta y cuán similares son a los de la paleta de capas.

Apariencia del texto

Ahora que tiene la idea de cómo funciona la paleta de apariencia, tome su herramienta de tipo y cree un texto. Notarás que el comportamiento de la paleta de apariencia es un poco diferente aquí. Demuestra que tenemos un tipo? objeto seleccionado, pero el relleno y el trazo no se ven por ninguna parte a pesar del hecho de que el texto obviamente tiene un relleno.

Esto se debe a que su selección es más complicada de lo que parece. En lugar de un objeto de texto, actualmente tiene varias letras seleccionadas, cada una de las cuales puede tener sus propios atributos. Puede ver cómo cambia esto cuando selecciona letras específicas en lugar de todo el objeto. Ahora el trazo y el relleno se hacen evidentes.

Esto le permite realizar fácilmente una variedad de técnicas, como dar a las letras específicas diferentes trazos, rellenos y efectos a pesar de que son parte de una unidad cohesiva.

Añadiendo múltiples golpes

Ahora anule la selección de los caracteres específicos en su cadena de texto y vuelva a simplemente hacer clic en el objeto de texto en su totalidad con la herramienta de selección. A pesar del hecho de que actualmente no hay rellenos o trazos aplicados al objeto en su totalidad, esta es, de hecho, cómo procederemos a trabajar con el objeto. Ya que haremos todas nuestras cartas iguales, será mucho más eficiente de esta manera que agregar a cada letra.

Con el objeto completo aún seleccionado, haga clic en el primer botón en la tira a lo largo de la parte inferior de la Paleta de Apariencia para agregar un nuevo trazo. Probablemente esté acostumbrado a agregar trazos utilizando un método diferente, pero esta es la mejor manera de asegurarse de que tiene un control completo sobre la apariencia del trazo.

Observe que esto colocó el trazo en la parte superior de la lista, sobre el relleno y los caracteres. Esto está bien para algunos usos, pero puede ensuciar las cosas cuando aumenta el ancho del trazo. ¿Ves cómo el trazo cubre las letras de una manera bastante fea?

Para solucionar esto, suelte el stoke del fondo de la pila. Ahora, sin importar qué tan grueso sea el golpe, no infringirá el espacio ocupado por el texto.

Uno de los mejores beneficios de aplicar trazos con la paleta de apariencia es que puede crear más de uno en un solo objeto. Haga clic en el mismo botón Crear trazo o incluso copie el trazo actual, luego haga que el trazo inferior sea más grueso que el trazo superior. Ahora haz el trazo inferior en negro y el trazo superior en blanco. Echa un vistazo a la doble esquema fresco que resulta.

Si estuviera tan inclinado, realmente podría volverse loco con esta técnica y crear algunos tratamientos complejos con tantos trazos como desee.

En la imagen de abajo se puede ver una aplicación más atractiva del mundo real. Mira de cerca la palabra? Viking? y observe cuántos trazos separados se han aplicado, cada uno con diferentes anchos y colores.

Trabajar con rellenos y efectos

Agregar varios trazos tiene beneficios obvios, pero trabajar con múltiples rellenos puede parecer un poco confuso. ¿Por qué apilarías los rellenos y wow los verías si solo se superponen? La respuesta está en compensar los rellenos en diferentes direcciones para que no se cubran por completo. La pregunta entonces es cómo compensar un relleno o un trazo. Esto es algo con lo que luché mucho cuando era un principiante porque, aunque sabía que podía hacerse, la técnica no es obvia y puede ser muy frustrante descubrirlo.

Por alguna extraña razón, Illustrator no le permite seleccionar solo un relleno o trazo específico y desplazarlo. En su lugar, tienes que ir a través de la paleta de efectos para hacer esto.Para comenzar, presione el segundo botón en la parte inferior de la paleta de apariencia para crear un nuevo relleno, luego arrástrelo a la parte inferior de la pila como lo hicimos antes.

Ahora, con el relleno seleccionado, haga clic en el botón de efectos y vaya a Distorsionar y transformar> Transformar. Asegúrese de echar un vistazo a los otros efectos también. Hay un montón de cosas geniales aquí como desenfoque y rugosidad que realmente pueden agregar mucha variedad a sus tratamientos de texto.

Ahora, con la casilla Vista previa activada, comience a ajustar los controles Mover cerca de la parte inferior. Como puede ver, el resultado es una especie de sombra personalizada. Es posible que tenga que cambiar el color del relleno para ver el efecto.

Al apilar este efecto, se obtiene un bonito bisel que refleja un efecto popular que se ve en muchos sitios web con un estilo vintage grabado para el tipo.

Es importante tener en cuenta que si desea volver y cambiar el desplazamiento del relleno (y lo hará), no lo hace volviendo al botón de efectos. Esto agregará otra transformación sobre la que ya tiene. En su lugar, expanda el relleno que desea modificar y haga clic en el texto Transformar. Esto abrirá la ventana Transformar que vimos anteriormente y le permitirá cambiar la configuración que ya aplicó.

Echa un vistazo a estas técnicas en el trabajo en otro ejemplo de membrete a continuación. Estos chicos continuamente producen algunas fuentes realmente hermosas y tratamientos de tipo que me sorprenden.

Relleno contra golpe

Quizás se esté preguntando por qué realizamos ese último efecto con múltiples rellenos en lugar de golpes. La verdad es que, en realidad, puedes lograrlo con cualquiera. Sin embargo, es mucho más fácil trabajar con rellenos cuando se usan compensaciones porque puede terminar con algunos resultados extraños y no deseados con trazos. Para ilustrar, considere la siguiente imagen:

Observe cómo el relleno tiene un efecto de sombra agradable y limpio mientras que el trazo está realmente vacío por dentro. Si esto es lo que está buscando, entonces, por supuesto, use un golpe, si no, tendrá que aumentar el grosor de ese golpe para que funcione. Al final, es mucho más simple usar solo un relleno.

Conclusión

Espero que este tutorial te haya enseñado una o dos cosas sobre el uso de la paleta de apariencia para lograr algunos efectos tipográficos interesantes. Puede ser una herramienta desalentadora para trabajar al principio, pero prometo que lo recogerás en unos minutos si sigues este artículo de cerca y juegas un poco con tus propios experimentos.

Ahora es tiempo de que me enseñes una o dos cosas. Deje un comentario a continuación y cuéntenos sobre sus trucos y consejos favoritos de la paleta de Apariencia. ¡Asegúrese de dejar un enlace a una vista previa del truco si tiene una imagen para mostrarnos!