Crea impresionantes citas largas con sombras en Adobe Illustrator: una clase de Graphic Design for Lunch™

1. Introducción a las citas diarias de sombras largas en Adobe Illustrator: una clase de Graphic Design for Lunch™: Hola, soy Helen Bradley. Bienvenido a esta clase de Skillshare sobre la creación elegantes citas de sombras largas en Adobe Illustrator En esta clase, aprenderás a hacer dos efectos de sombra larga para mejorar una cita de texto simple. Esta técnica aprovecha la potencia del panel de apariencia para garantizar que tu efecto sea totalmente editable para que puedas cambiar fácilmente la fuente, el tamaño de la fuente, el texto de la cita y los colores Te enseñaré ambos efectos paso a paso para que puedas seguir adelante. Y tu proyecto de clase es crear una cotización usando uno de estos y publicarlo en la sección de proyecto de clase. Tengo muchas ganas de leer tus palabras de sabiduría bellamente ilustradas. 2. Antes de empezar: cómo buscar fuentes y frases: Al prepararme para esta clase, hay un par de cosas que necesitaba, y sólo voy a mostrarte dónde las vas a encontrar. Lo que necesitaba eran algunas fuentes en negrita muy gruesas. Entonces fui a 1001 fuentes, y te voy a dar este enlace. Lo que buscaba eran fuentes de arena pesada sera. Sand sera, no tienen pies pequeños, son de fuente muy simple, pero quiero algo que sea muy, muy pesado. También quería algo que fuera gratuito para uso comercial para que si creas algo que quieras vender o regalar comercialmente, entonces puedas hacerlo. Y así solo pasé por estas fuentes y descargué las que quería usar. Este es el que he usado a lo largo de la clase. Me gustan mucho las gorras pesadas de UniSAS. Creo que es sólo una fuente muy bonita. Entonces, una vez que lo descargue, solo va a abrir el archivo de descarga, haga doble clic en el archivo OTF o TTF para instalarlo en su computadora, ya sea un MAC o una La otra cosa que necesitaba eran unas cuatro citas de palabras. Entonces este es el sitio web. De nuevo, te voy a dar un enlace al mismo. Este es el blog de positividad. Y tenían 94 citas de palabras. Y así podrás ir a través y encontrar citas cortas que van a funcionar para este tipo de efectos. No quieres una cita que sea muy, muy larga. Estos son un conjunto perfecto de citas para usar. Entonces te voy a dar ese enlace para que puedas ir y encontrar algunas palabras lindas, frases bonitas para usar para tus diseños. 3. Parte 1: sombra larga básica: Empecemos con una cita que tenga el efecto básico de sombra larga sobre ella. Voy a dar click en Nuevo Archivo y crear un documento de apenas 1,000 por 1,000 píxeles de tamaño. Haré clic en Crear. Voy a la herramienta Tipo, voy a dar click en el documento, asegurarme de que estoy trabajando en mayúsculas, y voy a escribir mi cotización. Va a ser una palabra por línea. Entonces solo estoy presionando Enter entre cada palabra. Voy a seleccionar sobre mi tipo y encontrar una fuente para usar. Como mencioné anteriormente, estoy usando la fuente UniSNS Heavy Caps Uno de los beneficios de esta fuente es que es gratuita y también es gratuita para uso comercial. Es una fuente bonita, blocky, así que va a funcionar muy bien para este propósito Entonces voy a volver a seleccionar sobre mi texto, y aquí arriba en el área de párrafos, voy a alinear todo al centro y luego mover todo para nuestro efecto de texto, vamos a seleccionar el texto, y necesitamos acceder al panel de apariencia. Entonces voy a elegir Ventana y luego apariencia. Es muy crítico que utilices el panel de apariencia para este proceso. Estamos entrando en caracteres, así que vas a hacer doble clic en los caracteres, asegúrate de tener tu texto seleccionado antes de hacer esto. Y lo que vamos a hacer es apagar el trazo y apagar el relleno. Entonces de estas cajitas, vas a seleccionar el sin trazo y sin relleno. Entonces, si hago click lejos del texto aquí, verás que es un nada. Ni siquiera lo puedes ver. Pero vamos a seleccionar nuevo sobre él porque es muy importante que lo tengamos seleccionado antes de dar el siguiente paso. Entonces habiendo eliminado tanto el relleno el trazo de nuestra fuente, vamos subiendo aquí y voy a dar click en Tipo, y luego voy a dar click aquí en Agregar Nuevo Trazo. Cuando agrego Nuevo trazo, este es un trazo diferente al que teníamos anteriormente, y este es un relleno diferente al que teníamos anteriormente. Entonces voy a seleccionar el color de relleno en esta etapa. Puedo cambiarlo más tarde si no me gusta. Así que sólo voy a comprobar este y para mi trazo, voy a seleccionar un color de trazo. Nuevamente, esto va a ser cambiable más adelante. Voy a seleccionar una especie de marrón oscuro que tengo sentada aquí. La forma en que vamos a conseguir este efecto de sombra larga es que vamos a crear múltiples copias de este trazo. Pero si lo hacemos ahora mismo, va a empezar a pasar por encima del relleno. Entonces aquí voy a simplemente arrastrar el trazo debajo del relleno. Entonces ahora tengo el relleno en la parte superior y el trazo debajo. Se puede ver que el trazo ha desaparecido una especie de medio. Eso está bien. Entonces ahora voy a seleccionar en el trazo porque lo que estoy haciendo a continuación, solo quiero efectuar el trazo, no el relleno. Con el trazo seleccionado, voy a efectuar y luego distorsionar y transformar y transformar Esta es una herramienta muy, muy útil. Nos permite crear múltiplos de una cosa y moverlos a medida que los creamos. Entonces voy a hacer 100 copias de esto. Sólo voy a escribir 100 y lo que quiero hacer es moverlos horizontalmente en una dirección negativa y verticalmente en una dirección positiva. Entonces vertical, positivo se mueve hacia abajo de la página, negativo se mueve hacia arriba. En términos de horizontal, negativo se mueve hacia la izquierda. Positivo está a la derecha. Entonces voy a ir en una dirección negativa para la horizontal y una dirección positiva para la vertical. Y eso solo me da mi larga sombra. Si no tengo suficientes ejemplares, solo puedes aumentarlo en este punto. Vamos a aumentarlo a 150. Voy a hacer clic en Bien. Ahora, en este diálogo, verás que el trazo y el relleno son editables, así podemos apagar el relleno Podemos apagar ese trazo. También podemos cambiar la transformación haciendo doble clic en esta entrada de transformación, y podríamos cambiar la dirección, por ejemplo, o el número de copias. Cualquiera de eso puede ser alterado. Si tuviéramos que echar un vistazo a este efecto, podrías ver que los bordes aquí están bastante pixelados Entonces, lo que vamos a hacer a continuación es suavizarlos. Siempre asegúrate de que antes de hacer esto, tienes tu texto seleccionado. En realidad es muy fácil tratar de hacer algo pero no tener el texto seleccionado, así que solo ten cuidado al respecto. Entonces nuevamente, con el trazo seleccionado aquí, vamos a aplicar un efecto al trazo. Vamos hasta aquí para efectuar y luego path y luego offset path. Lo que vamos a hacer es desplazarlo solo un píxel y vamos a hacer que las combinaciones redondas así que si configuras esto a un píxel y redondas y haces clic en Bien, encontrarás que este borde de aquí es mucho, mucho más suave. No está tan pixelada. Ahora bien, si quieres hacer algunas modificaciones a tu tipo, puedes hacerlo. Por ejemplo, voy a seleccionar el tipo, y voy a exprimir un poco mis líneas. Así que voy al panel de personajes aquí, así que solo voy a hacer click sobre el personaje. Y voy a empezar a disminuir el espacio entre las líneas. Creo que está un poco demasiado lejos. También puedes seleccionar en tu tipo y cambiar el color. Así que déjame asegurarme de que tengo mi tipo seleccionado, y podríamos cambiar los colores aquí. Y también podría cambiar el color del trazo en este punto. Entonces todo esto es totalmente editable. Si quieres crear un marco para esto, veamos cómo lo haríamos. Voy a elegir la herramienta rectángulo. Voy a arrastrar un rectángulo sobre mi forma aquí. Sólo voy a alterar un poco la opacidad para poder ver cómo se va a colocar todo Entonces lo que quiero hacer es básicamente recortar el efecto de texto a este rectángulo. Entonces para hacer eso con el rectángulo en su lugar, voy a seleccionar sobre todo, y voy a hacer clic derecho y elegir Hacer máscara de recorte Y eso crea una máscara de recorte que recorta el efecto de texto Déjame cerrar eso por un minuto y vamos a buscar el panel de capas con ventana y luego capas. Aquí tenemos un grupo de recorte. Eso es lo que acabamos de crear. un rectángulo que está controlando el corte, y este es el texto debajo. Si quieres agregar un marco, puedes hacerlo. Entonces con el rectángulo seleccionado, verás que no tiene relleno ni trazo. Bueno, voy a agregarle un trazo, así que voy a dar click aquí en el trazo, y voy a volver a mis muestras Voy a elegir el mismo azul que estoy usando para mi texto. Voy a hacer mi trazo mucho más grueso, y puedes ver aquí que este rectángulo es editable Entonces tengo los widgets, los widgets de esquina aquí, así puedo hacerlo redondo. Entonces ahí está nuestro efecto de texto. Si necesitas editarlo, es totalmente editable. Por ejemplo, si voy a la paleta de Las, estoy viendo aquí que ahí hay un poquito de blanco. Así que permítanme seleccionar el texto, pero no en la propia máscara de recorte Y puedo simplemente mover el texto un poquito, solo para rellenar esa zona blanca, o podría llevarlo más a la derecha para hacer que el área blanca sea un poco más visible, así que no se parecía tanto a un error. Todos los colores del texto son editables. Vas a seleccionar en tu texto aquí. Vas a volver al panel de apariencia con ventana y apariencia. Y se puede cambiar el relleno en el tipo. Se puede cambiar el trazo, lo que está provocando que aparezca esta larga sombra, así que eso es totalmente editable 4. Pt 2: líneas de tipografía multicolor: Para este siguiente efecto Type, vamos a hacer uno multicolor. Entonces voy a dar click en Nuevo Archivo y crear otro documento de 1,000 por 1,000 píxeles de tamaño. Voy a volver a mi herramienta tipo, y esta vez, todo mi tipo, cada palabra va a ser un objeto separado. Voy a hacer clic en el documento, asegurarme de que estoy escribiendo en mayúsculas, y voy a escribir D voy a configurar esto para que esté configurado de la manera que quiero que se vea Entonces voy a volver a mis gorras pesadas de Nisans. Y luego voy a arrastrar un duplicado, y voy a hacer esto tres veces porque mi cita tiene cuatro palabras en ella. Y voy a seleccionar cada uno turno con la herramienta de tipo y cambiar las palabras. Voy a seleccionar sobre todo mi tipo. Voy a las opciones de align, que son visibles aquí, pero puedes llegar a ellas desde Window Align. Y sólo voy a alinear todo a la izquierda por ahora. También voy a distribuir los centros, distribuir centros verticales para que estén todos espaciados uniformemente. Voy a seleccionar sobre todo mi tipo, y voy a configurarlo exactamente en lo mismo. Entonces no quiero que tenga ningún trazo ni ningún relleno. Y voy a regresar y localizar la primera de mis piezas de tipo e ir al panel de apariencia. Entonces nuevamente, voy a seleccionar tipo aquí. Voy a agregar mi relleno y trazo. En este caso, el relleno va a ser blanco, así que sólo voy a seleccionar mi color blanco. Voy a seleccionar el color para mi trazo. Y debido a que esto va a ser multicolor, voy a empezar con un color verde pálido. Vamos a mover el trazo debajo del relleno porque eso es importante para que el efecto funcione y no sobrescriba el color del relleno del texto Así que de nuevo, seleccionando un trazo, vamos a hacer nuestro efecto distorsionar y transformar nuestro efecto distorsionar y transformar, y luego Ya sé que quiero alrededor de 150 ejemplares. También sé que quiero que la horizontal sea negativa y la vertical sea positiva. Voy a hacer clic en Bien. También necesito redondear los bordes, así que voy a seleccionar de nuevo en mi trayectoria de efecto trazo, trayectoria de desplazamiento. Nuevamente, solo vamos a hacer un desplazamiento de píxel y bordes redondeados. Y haz clic en Bien. Entonces en la paleta de capas, verás que aquí tenemos cuatro capas, y están en orden inverso porque ese fue el orden en que las escribimos en D y luego las otras palabras Eso realmente va a funcionar a nuestro favor aquí. Entonces lo que voy a hacer es copiar el efecto que acabo de crear porque solo va a hacer la vida mucho más fácil. Voy a hacer clic en este pequeño icono aquí y mantener la tecla Alt u opción y soltarla en este trozo de texto aquí. Y voy a hacer lo mismo Alt u opción, suéltalo en cada trozo de texto posterior. Y así todo lo que necesito hacer para obtener este efecto multicolor es seleccionar cada elemento del texto y simplemente cambiar el color. Y ahora si queremos compensar las cosas, y solo ve a la herramienta de selección y voy a mantener esta tecla de mayúsculas ya que simplemente muevo este tipo a través. Eso va a constreñir su movimiento a una dirección horizontal Así que voy a agarrar este también y desplazarlo y arrastrarlo. Y podemos hacer lo mismo que antes y simplemente recortar esto. Entonces voy a crear una forma para recortarla también, seleccionar el texto y la forma, hacer clic derecho y elegir M máscara de recorte Y ahora moviendo el rectángulo solo, puedo simplemente refinar la forma en que se ve la máscara de recorte Nuevamente, puedo redondear las esquinas aquí, y nuevamente, con el rectángulo seleccionado, puedo agregar un trazo de color. Bueno, en realidad, vamos a elegir un trazo entre los colores con los que estamos trabajando. Creo que voy a usar esta naranja solo voy a aumentar el peso del trazo. Así que ahí está nuestro efecto multicolor. En este caso, tenemos que crearlo con líneas individuales de tipo para que podamos obtener sombras de diferentes colores, largas sobre ellas. 5. Pt 3: toques finales: Al igual que cualquier otra ilustración en Illustrator, puedes cambiar fácilmente el color de estas largas citas de sombras Voy a seleccionar sobre la mía. Ya he puesto algunos esquemas de color aquí en mi panel de muestras, pero en realidad no es necesario tenerlos. Al ir a la herramienta Recolor Ilustraciones, haré clic en ella, voy a Opciones Avanzadas Ahora bien, este panel de aquí se puede abrir o cerrar. Y si tienes grupos de color en tu panel Muestras, entonces puedes acceder a ellos aquí en este diálogo Por lo que simplemente puedes hacer clic en uno para aplicarlo a tu arte. Si te gustan los colores pero no te gusta su orden, puedes hacer clic aquí para rotar los colores alrededor. También puedes ajustar los colores aunque no tengas grupos de muestras disponibles yendo al panel dit Mis colores están actualmente por defecto, vinculados, así que arrastrando el color alrededor, solo incluso un color arrastrará a todos los demás Si los desvinculo dando click aquí, entonces puedo arrastrar cada color individualmente y simplemente encontrar un look de color que me guste Cuando termine, sólo voy a hacer clic en Bien. No tienes que guardar los cambios tu grupo de colores si no quieres, así que solo voy a hacer clic en No, no afectará mi arte. Pero solo ten en cuenta que he perdido la obra de arte original. Los colores de la obra de arte original ya no están disponibles. Entonces, si quieres cambiar el color, puedes considerar duplicar tu arte antes de hacerlo