Veo estrellas: formas dentro de formas en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Estoy viendo las estrellas: Introducción - un diseño gráfico para la clase de Lunch™: Hola, soy Helen Bradley. Bienvenido a este Diseño gráfico para la clase de almuerzo: Estoy viendo estrellas, creando formas en formas en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos viendo estrellas. Ahora no estamos viendo las estrellas per se tanto como algo que podemos hacer con las estrellas. Vamos a crear un patrón de estrellas y lo vamos a hacer usando una técnica que quizás no has usado antes. Entonces vamos a tomar nuestro patrón estelar y lo vamos a aplicar a diferentes formas. Lo vamos a aplicar como superficie a una esfera. Vamos a aplicarlo a una forma usando una máscara de recorte para luego superar algunos de los problemas que rodean tratando de aplicar una sombra de gota a una forma de máscara de recorte. Vamos a deformarse nuestro patrón y luego recortarlo. Vamos a crear algunos pinceles también. A pesar de que hoy estamos usando estrellas, esta clase de Illustrator es realmente sobre toda una bolsa de agarre de prácticas técnicas de Illustrator. Espero que lo disfruten. Empecemos. 2. Antes de comenzar: Antes de comenzar esta clase, solo quiero abordar algunos cambios que han ocurrido en Adobe Illustrator desde que se produjo esta clase. En abril de 2022, Adobe agregó algunas nuevas herramientas 3D a Adobe Illustrator. Y estas funcionan de manera muy diferente a las viejas herramientas. Y los dos pueden caber lado a lado porque son tan diferentes en cuanto a su efecto. Para esta clase, vas a necesitar usar lo que ahora se llaman las clásicas herramientas 3D. No puedes usar los nuevos porque simplemente no funcionan de la misma manera. Y también son muy, muy lentos en términos de requerir mucha sobrecarga de la máquina. Por lo que realmente quieres asegurarte de que estás usando las herramientas 3D correctas. Sólo voy a seleccionar esta forma y mostrarte lo que es diferente. Si vas a Window y 3D, que es lo que te habría dicho en el resto de esta clase. Vas a conseguir las nuevas herramientas y estas no son las que quieres. Entonces no hagas eso cuando me veas hacer eso en la clase, solo debes saber que la posición de las herramientas 3D que necesitas se ha movido. lugar vas a seleccionar tu objeto y vas a Efecto y luego a 3D y materiales. Porque aquí están tus herramientas clásicas en 3D. Y dependiendo de si en la clase usamos Extrusión y Bisel, giramos o giramos. Sólo vas a seleccionar una de estas tres opciones. Las opciones son exactamente las mismas que solían ser, y funcionan exactamente igual que antes. Por lo que es importante que entiendas que hay algunas herramientas nuevas. No son los que tú quieres. Quieres las viejas herramientas que ahora se llaman clásicas. A partir de ahí, deberías poder simplemente continuar con la clase exactamente como yo la he enseñado. Si tienes alguna duda, por favor no dudes en preguntar en el área de preguntas y te ayudaré en cuanto pueda. 3. Estoy viendo estrellas parte 1: Empecemos por crear la esfera que está cubierta en un patrón de estrellas. Escogeré “Archivo” y luego “Nuevo”. Voy a usar un tamaño de documento que sea de 1000 píxeles de ancho por 600 píxeles de alto, Modo Color RGB. Voy a dar click, “Ok”. Voy a empezar seleccionando aquí la opción “Estrella”, que comparte una posición de barra de herramientas con la Herramienta Rectángulo. Voy a dar click en la “Herramienta Estelar”. Voy a dar click en medio de mi documento aquí. Se puede ver que el tamaño de estrella predeterminado que tengo en este momento es una estrella de radio de 50 píxeles. radio 1 es 50 y el radio 2 es 25. radio 1 es el área exterior de la estrella y el radio 2 es el interior. Esta es una estrella bastante bien equilibrada y tengo cinco puntos seleccionados. Yo sólo voy a dar click en “Ok”. Aquí puedes ver esta es la estrella que he creado. Yo quiero que se llene y no quiero que tenga un derrame cerebral así que voy a apagar el trazo. Creo que elegiré un color diferente para el relleno ahora mismo. Carguemos un color azul. Vamos a convertir a esta estrella en todo un patrón de estrellas pero creo que es demasiado grande. Voy a arrastrar en la esquina y sólo mantenga presionada la tecla “Shift” ya que la hago mucho más pequeña. Simplemente lo voy a posicionar aquí abajo para iniciar mi patrón. Para este patrón, vamos a usar Distort and Transformar. Es una herramienta realmente útil y con la que quizá quieras practicar un poco. Lo vamos a usar aquí. Voy a elegir “Efecto”, “ Distorsionar y Transformar”, y luego “Transformar”. Encenderé Preview para que pueda ver qué estoy haciendo. Quiero 22 copias de esta estrella así que escribiré “22". Yo quiero que aparezcan aquí arriba. Voy a empezar tirando hacia atrás en dirección negativa. Se puede ver que las estrellas están alineadas aquí. Pero también quiero mover algunos de ellos en dirección horizontal así que voy a empezar a moverlos horizontalmente, digamos alrededor de 20 píxeles. Pero no quiero moverlos a todos así. Yo sólo quiero moverme cada segundo. Voy a dar clic en “Reflect X” y puedes ver aquí ahora que tengo estas estrellas, las 22 estrellas, pero están empezando a formar un patrón. Creo que no tengo mi valor conjunto bastante alto aquí. Voy a usar 26 y menos 26 y tal vez algunas estrellas menos. Eso me queda bastante bien así que voy a dar clic en “Ok”. Tengo dos filas de estrellas pero quiero mucho más. Entonces voy a aplicar otro Distort y Transformar a la estrella. “ Efecto”, “Distorsionar y transformar”, “Transformar”. Estoy siendo advertido por Illustrator que estoy a punto de aplicar un nuevo efecto, no editar el anterior. Es lo que quiero hacer, de todos modos así que voy a dar clic a este botón. Quiero, probablemente, otras seis versiones de este patrón estrella en particular así que escribiré “6". Voy a dar click en “Vista previa” y quiero mover esto en dirección horizontal. Quiero usar un valor que sea más o menos el doble del valor que usé anteriormente. Simplemente no estoy muy seguro de que lo recuerde pero supongamos que fueron 26. Estoy usando 52 aquí. Ya ves que ahora tengo mi patrón pero no creo que tenga suficiente de ellos. Sólo aumentemos este valor aquí. Eso se ve bastante bien como un patrón para envolver mi esfera. Voy a dar click, “Ok”. El astro ahora mismo es azul, pero quiero estrellas blancas en mi esfera. Voy a necesitar cambiar el color. Con esta estrella seleccionada, porque ese es el único objeto que tengo, estas son todas transformaciones de la estrella, solo voy a dar clic en “Blanco”. Ahora está de color blanco. Pero ampliémoslo para que podamos verlo. “ Objeto”, “Ampliar Apariencia”. puede ver que aquí se trata de un montón de estrellas blancas. Para que podamos envolver esto alrededor de la esfera, necesitamos añadirlo como símbolo. Voy a mi Panel de Símbolos y solo voy a hacer clic y arrastrar con la Herramienta de Selección en medio de una de estas estrellas y simplemente arrastrarlo todo hacia arriba a los símbolos. Se puede ver que se ve bastante gracioso ya que está viajando pero no te preocupes, esto es exactamente lo que se supone que tiene que ver. Simplemente lo dejaré caer en el Panel de Símbolos. Puedo hacer un Tipo de Exportación como Clip de Película o Gráfico. No importa. Cualquiera de ellos va a ser igual para nuestros propósitos. Voy a dar click, “Ok”. A pesar de que no lo puedes ver aquí muy claramente en este momento, sí tenemos esas estrellas guardadas como símbolo. Ahora podemos envolverlos alrededor de la esfera. Simplemente tenemos que seguir adelante y crear nuestra esfera. Ya no quiero estas estrellas. Ya no los necesito así que solo puedo presionar “Eliminar” para eliminar ese objeto completo. Vamos a crear nuestra esfera. Para hacer eso, vamos a conseguir un color. Voy a elegir un color azul marino. Voy a elegir “Ellipse”. Sostendré “Shift” mientras arrastro un círculo. Necesito romper el círculo por la mitad y una de las formas en que puedo hacerlo es solo eliminar este nodo aquí. Sólo voy a dar clic en ese nodo y presionar la tecla “Eliminar”. Eso acaba de romper el círculo en dos. Voy a seleccionar mi círculo y vamos a crear una esfera a partir de él. Para ello, escogeremos “Efecto”, “3D”, “ Revolver”, y hacemos clic en “Vista previa”. Esto está girando de la manera equivocada. En lugar de desde el borde izquierdo, vamos a seleccionar “Desde el borde derecho” y ahora tenemos una esfera. Pero tenemos un conjunto de estrellas que queremos mapear sobre la esfera. Voy a dar click en “Mapa Arte”. Desde el diálogo de símbolos aquí, voy a bajar esta lista y elegir “Nuevo Símbolo” porque mi símbolo va a estar en la parte inferior de esta colección. Se puede ver que ya estamos mapeando las estrellas sobre nuestra esfera. Es solo que no tenemos bastante de ellos ahora mismo. Basta con mover este patrón a su posición. Simplemente lo voy a colocar por aquí, y luego sostener la tecla “Shift” ya que sólo la estiro para que quepa en este diálogo. Podrías encontrar que se mueve un poco extrañamente para ti pero eso está bien. Es posible que solo necesites ajustarlo manualmente a dimensionarlo para que quepa. Aquí, las estrellas se aplicaron a nuestra esfera así que voy a dar clic, “Ok”. Ahora mismo estoy mirando bastante de frente a mi esfera. Puedo rotarlo si lo deseo solo tirando de aquí. Voy a jalarla para que consiga un bonito patrón en la parte superior de mi esfera. Una vez que tenga algo con lo que estoy contento, solo puedo hacer clic, “Ok”. Tenemos una esfera 3D creada en Illustrator con un patrón estelar mapeado sobre ella, el primero de nuestros Mini Proyectos Estelares. 4. Estoy viendo estrellas parte 2: Para el segundo de nuestros proyectos de estrellas, vamos a crear una estrella que se va a llenar de pequeñas estrellas. Vamos a empezar dando click en la “Herramienta Estelar”. Esta vez, sólo voy a arrastrar hacia fuera una estrella realmente pequeña. Estoy sosteniendo la tecla “Shift” mientras la dibujo. Por el momento, está lleno de blanco, pero vamos a llenarlo de un rojo oscuro. Voy a usar el mismo proceso de transformación para crear aquí un patrón entero de estrellas. Escogeré “Efecto”, “Distorsionar y Transformar”, y luego “Transformar”. De nuevo, voy a encender la vista previa. Nuevamente, voy a elegir “Reflect X”. Voy a hacer unas 22 copias aquí. Voy a enrollar de nuevo en la vertical para que vayan en dirección ascendente y luego se enrolle hacia adelante en la horizontal. Yo quiero hacer esto a aproximadamente la misma cantidad. Estoy eligiendo 18 y menos 18 y voy a dar clic en “Ok”. Ahora voy a hacer mi patrón horizontal usando la misma técnica, “Efecto”, “ Distorsionar y transformar”, “Aplicar nuevo efecto”, “Vista previa”. Yo quiero alrededor de 10 de estos. Esta vez, quiero mover el doble horizontal, la horizontal que utilicé la última vez, que fue de 18. Vamos a hacer este 36. Es un bonito patrón de estrellas, tal vez no lo suficiente, así que haz 11 y haz clic en “Ok”. Tengo un patrón de estrellas ahora y quiero cortarles una forma de estrella. En primer lugar, vamos a ampliar esto. Con este objeto seleccionado estrella, expanda la apariencia. Ahora voy a dibujar mi gran estrella por encima. De nuevo, voy a “Herramienta Estelar”. Nuevamente voy a sostener “Shift” mientras lo arrastra hacia fuera. Ahora bien, no lo he puesto en muy buena posición, pero tampoco he terminado de dibujarlo. Voy a sostener la “Barra espaciadora” a medida que la muevo a su posición. Sostenido la “Barra espaciadora” me permite mover la forma hasta que la consiga exactamente donde la quiero, y luego soltaré el botón izquierdo del ratón y soltaré la tecla “Shift”. Ahora, quiero recortar este grupo de estrellas detrás esta estrella frontal para que sólo tenga una estrella llena de pequeñas estrellas. Voy a seleccionar la “Herramienta de selección” y arrastrar por encima de todo aquí, así que lo tengo todo seleccionado. Voy a hacer clic derecho y elegir “Hacer máscara de recorte”. También podría usar “Object”, “Clipping Mask”, “Make”, es exactamente lo mismo. Ahora tengo una estrella que está llena de pequeñas estrellas. Vamos al panel Apariencia y al panel Capas. En primer lugar, solo quiero agarrar a este grupo de estrellas aquí, justo éste de aquí. Ya verás que soy capaz de luego mover las estrellas. Puedo posicionar las estrellas dentro de la gran estrella exactamente como quiero que se vean. También puedo dimensionarlos. Estoy sosteniendo la tecla “Shift” a medida que los tamaño, solo para que estén dimensionados en proporción. Ahora lo que me quedaría realmente bien, creo, es poder poner una sombra alrededor de esta forma. Ahora no es tan fácil como parece solo seleccionando la forma y eligiendo “Efecto”, “ Estilizar”, “Sombra de gota”, este es el resultado. Terminamos con un drop shadow que es una drop shadow detrás de cada una de las estrellas individuales y no una drop shadow que está detrás del grupo de recorte que hemos creado, así que solo voy a dar clic en “Cancel”. Ahora, el paso a paso para crear la sombra gota para esta estrella es un poco complejo. Tendrás que hacerlo un paso a la vez. En primer lugar, selecciona todo este grupo, la máscara de recorte, así como el patrón para que lo tengas seleccionado aquí en el último panel y luego elige “Objeto”, “Grupo”. Esto solo crea un grupo del objeto de máscara de recorte. Después vuelve al propio grupo. vamos a añadir la sombra drop al grupo, “Effect”, “Stylize”, “Drop Shadow”. Haga clic en “Vista previa”. Estamos consiguiendo el mismo efecto, pero esta vez va a funcionar perfectamente. Sólo voy a dar clic en “Ok” por ahora. Ahora para asegurarnos de que la sombra caída aparezca fuera de la estrella y no detrás de las estrellas individuales, vamos a este camino aquí. Yo sólo voy a dar click en esta estrella de aquí. En el panel Apariencia, voy a abrir eso y lo voy a llenar. Sólo voy a dar clic en la opción “Rellenar” aquí y la voy a llenar de blanco. Esto llena el estilo frontal de blanco y se puede ver que ahora se ha aplicado la sombra de gota. Es sólo un proceso muy sencillo de pasar de ningún relleno a relleno y la sombra de gota se comporta de manera totalmente diferente. En este punto, puedo volver a la última paleta, puedo volver a seleccionar el grupo, puedo volver a seleccionar el panel Apariencia, y aquí está la sombra de gota. Si hago clic en él, reabro el panel Sombra de Colocación porque quizá quiera hacer ajustes al mismo. Pero realmente hasta que veamos la sombra caída en posición así vemos exactamente cómo se va a comportar, es un poco difícil tomar decisiones en cuanto a cómo se va a ver porque cuando el objeto del frente no estaba lleno, en realidad no vimos la sombra de gota de la forma en que realmente debería verse en este objeto. Eso es un poco un conjunto confuso de pasos, pero es la forma de aplicar una sombra de gota a una máscara de recorte. Por supuesto, la forma en que vas a hacer esto, para agregar la sombra de gota a la máscara de recorte, es ponerlo todo dentro de un grupo, aplicar la sombra de gota al grupo y luego llenar el objeto de recorte real. Rellena aquí este objeto que es el objeto recorte y que solo bloquea la sombra para que ya no esté dentro de la forma, sino que aparece fuera de ella. 5. Estoy viendo estrellas parte 4: Terminaremos nuestro proyecto de estrellas con un pincel de patrón de estrellas. Voy a dar clic en la “Herramienta Estrella” y arrastrar hacia fuera una estrella. Voy a llenarlo de un color. Ahora, podemos hacer de esta estrella un pincel con el que construimos líneas. Para ello, vamos a seleccionar sobre la estrella y vamos a abrir aquí el panel de pinceles. Voy a arrastrar la estrella y dejarla caer en el panel de pinceles. Voy a crear un pincel de patrón y hacer clic en “Ok”. Así se va a ver el pincel de patrón. Vamos a establecer el método de coloración en tintes y tonos para que podamos colorear el pincel a medida que pintamos. Ahora, estamos un poco cortos de estrellas para usar en las esquinas pero podemos arreglarlo ahora mismo. Voy a dar click en “Ok”. Ahora voy a volver a seleccionar mi estrella y voy a Alt arrastrarla a posición aquí y la voy a soltar en la primera de estas cajas porque esto significa que mi estrella ahora puede ser una estrella de esquina aquí si fuéramos a crear un rectángulo y acariciarlo con un pincel. Entonces voy a dar clic en “Ok”. Ahora voy a hacer lo mismo. De nuevo, voy a Alt arrastrar, y soltarlo y esta vez en el 4º panel en el pincel de patrón. Eso lo crea como la pieza de patrón que se va a utilizar en la esquina interior de una curva. De nuevo, voy a dar clic en “Ok”. Ahora, ya no necesito la estrella así que sólo puedo borrarla, y veamos cómo se verá nuestra estrella cuando la utilicemos como pincel. Voy a dar click en la “Herramienta Pincel”. Voy a dar click en mi estrella y ahora sólo voy a dibujar una línea. Se puede ver que la línea ahora está acariciada con el pincel. Si selecciono la línea, puedo cambiar el tamaño del pincel. Puedo hacerlo estrellas muy pequeñas usando 0.25 de punto, o podría hacerlo mucho más grande. También puedo usar un perfil de pincel, por lo que puedo hacerlo más delgado en cualquiera de los extremos y más grueso en el medio. Sólo voy a volver al perfil de uniforme regular aquí. Se puede ver que las estrellas que hemos utilizado para nuestro pincel todas se tocan entre sí. Ahora bien, si no quieres que ese sea el caso, puedes hacer un pincel ligeramente diferente. Volvamos atrás y busquemos nuestra herramienta estrella. De nuevo, voy a sacar una estrella muy pequeña. Vamos a volver a colorear este de un color diferente. Ahora, voy a añadir por encima de ella un rectángulo. Yo sólo voy a dibujar un rectángulo que va a ser tan alto como la estrella, pero va a tener un poco de espacio extra a ambos lados. Vamos a acercarnos a esto. Yo voy a, con el rectángulo seleccionado, darle sin trazo ni relleno, y solo quiero alinearlo un poco mejor en relación a mi estrella. Tengo una estrella y tengo un rectángulo que apenas es un poco más grande que él en la parte superior, voy a seleccionar ambos de esos objetos, la estrella y el rectángulo, y ahora voy a arrastrar todo el lote a la paleta de pinceles. Voy a crear un pincel de patrón a partir de esto y hacer clic en “Ok”. Nuevamente, voy a usar tintes y sombras. Esta vez se puede ver que el pincel está espaciado un poco más. Voy a dar click en “Ok” por ahora. Ahora, voy a ir a buscar sólo mi estrella. Voy a Alt arrastrarlo a la primera posición aquí para que se convierta en el elemento de esquina para mi pincel y luego Alt lo arrastre a la 4ª posición, y va a ser la esquina interior y haga clic en “Ok”. Ahora, puedo borrarlo todo. “ Control 0" para volver a mi documento. Selecciona mi pincel aquí en la paleta de pinceles, selecciona la “Herramienta de pincel” y vamos a pintarlo. Se puede ver en esta ocasión obtenemos un pincel de aspecto diferente. Ahora, está coloreado un poco más profundo porque tengo el color rojo seleccionado. Si quiero colorearlo el color original del pincel, lo voy a seleccionar. Da clic aquí abajo en las opciones para el pincel seleccionado y en lugar de tintes y sombras solo seleccionaré Ninguno y se coloreará de la misma manera que el pincel original. 6. Estoy viendo estrellas parte 5: El proyecto final para esta clase es sólo para poner esto por completo. Sólo voy a explicarte rápidamente lo que hice. Pero en realidad, puedes hacer lo que quieras. Primero creé un rectángulo que es del tamaño del tablero de arte. Simplemente lo arrastré y lo llené de un color azul. Debido a que apareció frente a todo lo demás, lo seleccioné y elijo Objeto, Organizar, Enviar a Atrás, y que simplemente lo mandan detrás de todo. Yo moví cada una de estas formas a su posición. Si lo deseas, puedes aplicar una sombra de gota a esta forma en particular, eligiendo Efecto, Estilizar, Sombra de gota. Haga clic en Vista previa, y se puede ver que la sombra de gota en realidad se aplica a este objeto mucho más fácil de lo que pudimos aplicar la sombra de gota a los otros objetos aquí. Después creé estos bucles y lo hice usando la Herramienta Elipse. Simplemente arrastra una elipse. Fui a la Herramienta de Selección Directa y hice clic en el punto de anclaje superior aquí, y luego presione eliminar, y eso me dio estos bucles. Entonces le aplicé el pincel. Ahora el pincel vino recolored por el color que había seleccionado. Acabo de ir aquí a las opciones del objeto seleccionado y restablecer el pincel a ninguno y hacer clic en “Aceptar”. Entonces duplicé esto un par de veces para crear estos bucles. Por último, acabo de crear unas líneas. Simplemente uso la Herramienta Línea y aplicé el pincel azul a cada uno de estos. Ahora puedes hacer lo que quieras para tu proyecto final. Te animo a tener una oportunidad para crear estas estrellas porque aquí hay muchas técnicas que has aprendido en el camino. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.