Diseños inspirados en hiloramas en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Cuerda de los diseños inspirados: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo; Crea un Diseño Inspirado en Arte de Cuerdas 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 veremos algunos patrones y algunos diseños que están inspirados en el arte de cuerdas. Te voy a mostrar lo básico del arte de cuerdas. Después veremos qué patrones y conceptos podemos desarrollar a partir de los diseños básicos. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que se trata de una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a crear algunos diseños inspirados en el arte de cuerdas. 2. Pt 1: crea un diseño básico de arte básico: Antes de seguir adelante y empezar a hacer diseños inspirados en arte de cuerdas en Illustrator, por si no sabes qué es el string art, pensé que tendríamos un vistazo a eso primero. Tradicionalmente, el arte de cuerdas se ha hecho clavando clavos en una tabla y luego enrollando cuerda alrededor de esas uñas, y este de aquí es un diseño bastante típico. Una de las bellezas del arte de cuerdas es que te permite crear curvas realmente hermosas, pero lo estás haciendo con líneas rectas de cuerda. Esta es una búsqueda en Google que hice y busqué parabola string art. Estos son algunos de los diseños. Esto es lo que vamos a crear en Illustrator. Pero también podrías hacerlo con bolígrafo y papel, y obviamente puedes hacerlo con cuerda y clavos en una tabla de madera. Vamos a comenzar nuestra exploración de diseños inspirados en el arte de cuerdas en Illustrator con un documento totalmente nuevo. Escogeré Archivo y luego Nuevo. Mi documento es un documento cuadrado, 700 píxeles por 700 píxeles de tamaño. Realmente no importa demasiado lo grande que es tu documento. Estoy trabajando en modo Color RGB, y tengo deshabilitado Alinear nuevos objetos a cuadrícula de píxeles. Si estás trabajando en Illustrator CC 2017, la opción para alinear objetos con la cuadrícula de píxeles está aquí arriba en la esquina superior derecha de la pantalla. Así que solo ten en cuenta eso una vez que hayas creado tu documento. Voy a dar click bien. Ahora vamos a empezar dibujando una línea. Entonces solo aplica un trazo negro a la línea, sin relleno en absoluto. Vamos a dar click en la Herramienta Segmento de Línea, click una vez en el documento. Voy a hacer que mi línea tenga 200 píxeles de largo, y es realmente importante que sea una línea vertical. Entonces vamos a establecer el ángulo a 90 grados. Voy a dar click bien, y eso me da sólo una sola línea en el documento. Ahora giraremos la línea usando la herramienta Transformar. Entonces con él, selecciona Elegir Efecto, Distorsionar y Transformar, y luego Transformar. Ahora los ajustes que vamos a usar aquí, al menos para este diseño inicial son bastante críticos, por lo que querrás seguir aquí. En primer lugar, activa Preview para que veas lo que está pasando aquí. Entonces vamos a girar alrededor del punto medio superior de esta línea, que es este bot de aquí. Aquí hay nueve casitas pequeñas, por lo que quieres asegurarte de que la media en la fila superior sea la seleccionada como tu punto de rotación. Ahora vamos a rotar cada una de las líneas que hacemos alrededor a 10 grados. Vamos a hacer nueve copias. Lo que eso hace, es que asegura que obtenemos una rotación que va todo el camino alrededor de 90 grados. Ahora, he perdido aquí mi Preview, así que vamos a volver a encender eso. Tenemos una rotación de 10 grados, así que vamos de vertical a horizontal. Tenemos nueve copias, lo que nos da 10 líneas en total, y estamos girando alrededor de esta posición media superior. Entonces lo que esto nos da inicialmente son las líneas que necesitamos para nuestro arte de cuerdas. En realidad no podemos crear el diseño de arte de cuerdas sólo a partir de este diálogo. Para lo que estamos usando este diálogo es sólo para conseguir las líneas en ángulo recto. Entonces los vamos a alinear para que se vean como una pieza de arte de cuerdas en el siguiente paso. Voy a dar click bien. A continuación vamos a ampliar esto porque en este momento sólo tenemos una línea, cual está sujeta a una rotación extraíble. Queremos hornear esto en el diseño si quieres. Escogeremos Objeto Expandir Apariencia, y eso nos da 10 líneas individuales. Se van a agrupar y se van a agrupar en dos grupos aquí. Aquí tenemos una serie de líneas, y en cada una de estas líneas sí es otro grupo. Para mantener nuestra última paleta realmente ordenada y ordenada, vamos a ambas estancias fuera del grupo. Seleccione la línea y elija Desagrupar objetos y luego hágalo una segunda vez. Ahora sólo tenemos 10 caminos. Con nuestras 10 líneas, ahora solo necesitamos alinearlas para que se vean como el punto de partida de una pieza de arte de cuerdas. Voy a seleccionar cualquiera de estas líneas. Voy a alinearlos primero a la izquierda usando la opción Alinear horizontal a la izquierda, y luego los voy a alinear a la parte inferior usando Vertical Align Bottom. Eso sólo nos da una curva parabólica creada por una serie de líneas rectas, todas las cuales tienen exactamente la misma longitud. Vamos a tomar este diseño en el siguiente video y crear un patrón a partir de él. 3. Pt 2: crea el diseño: Ahora que tenemos una curva inicial de líneas, vamos a tomar todas estas líneas y las agrupamos junto con grupo de objetos. Eso sólo significa que se van a mover como un solo objeto y no se van a dividir. Voy a hacer algunos duplicados de esas líneas. Con este conjunto seleccionado, voy a elegir la transformación de objetos, y voy a elegir reflexionar. Yo quiero reflejar esto sobre la vertical. Voy a dar click en vista previa, para que veas que estoy recibiendo la otra mitad de la curva parabólica. Daré clic en copiar para hacer un duplicado. Estos dos simplemente están alineados perfectamente entre sí. Voy a dejarlos exactamente como están. Voy a seleccionar sobre ambos, voy a hacer la misma reflexión pero esta vez, será una reflexión horizontal. Escogeré objeto transformar, reflexionar, elegiré horizontal y luego haga clic en copiar. Ahora tengo cuatro conjuntos de estas líneas sobre la parte superior de la otra. Eso es muy similar a uno de los diseños de string art que vimos en la búsqueda de Google. Voy a agrupar todos estos junto con grupo de objetos. Ahora voy a tomar este diseño y lo voy a girar 45 grados, objeto transformar, rotar. Lo rotaré a través de este 45 grados. Entonces tengo el 45 mecanografiado aquí, y quiero hacer un duplicado, así que voy a dar clic en copiar. Ahora que tenemos la forma básica con la que vamos a trabajar, lo que quiero hacer es construir una forma detrás de ésta que tenga un relleno sólido en ella. Ahora bien, no es tan fácil de hacer como podrías pensar que debería ser en ilustrador pero te voy a mostrar un proceso para hacer esto. Voy a seleccionar sobre la forma y hacer un duplicado de la misma manteniendo presionada la tecla alt u opción mientras arrastro un duplicado. Ahora voy a trabajar con este, el original con el que estábamos trabajando. Aquí está mi proceso para crear una forma rellena para ir detrás de ésta. En primer lugar, estas son solo líneas. Por lo que los vamos a convertir en formas eligiendo objeto y luego expandirnos. Simplemente daremos click bien. Ahora en lugar de líneas, tengo una serie realmente como de rectángulos muy estrechos. Porque estas ahora son formas no son líneas, voy al palet pathfinder y voy a dar clic en unir. Si no ves aquí el pallet pathfinder, elige window y luego pathfinder para mostrarlo. Harás clic en unir para crear un camino compuesto. Entonces si echamos un vistazo a la última tarima aquí, lo que hemos seleccionado es esto como un camino compuesto. Ahora vamos a utilizar una característica en ilustrador que nos permite crear una línea alrededor de las formas y es la herramienta de trazado de desplazamiento. Escogeremos efecto y luego trayectoria, y luego desfase trayectoria. Voy a dar click en vista previa. El desplazamiento por defecto es de 10 píxeles. Entonces lo que realmente está sucediendo aquí es que cada una de estas formas eran líneas, ahora son formas, tiene un trazo de 10 píxeles a su alrededor. Debido a que algunas de estas líneas están tan juntas, los trazos de 10 píxeles en realidad se están encontrando entre sí y ese es el proceso que queremos usar para intentar crear esta forma que es la combinación de todos los líneas que teníamos en el diseño original. Si quieres deshacerte de estos puntos aquí, simplemente podrías aumentar el desplazamiento. Esa es una forma de hacerlo. Cuanto mayor sea el desplazamiento, más se van a cerrar estos espacios. Ahora hay una alternativa porque eran tan pocos de ellos, también los podrías haber quitado del camino compuesto más adelante. Obtienes una opción de dos opciones o tal vez desees dejarlas en. En realidad quiero dejarlos en mi diseño. Entonces solo voy a volver a un desplazamiento de 10 píxeles y voy a dar click bien. Lo que tengo aquí ahora es un camino compuesto que está conformado por una serie de rectángulos largos y estrechos que tiene un trazo alrededor de cada uno de ellos. Lo que quiero hacer es armar todo esto, deshacerme de todas estas líneas y convertirlo en un solo objeto. Vamos a usar expandir para hacer eso. Por lo que sólo vamos a seleccionarlo y elegir objeto expandir apariencia. Eso sólo se deshace de todo. Simplemente lo fusiona todo en un solo objeto. Ahora tengo un objeto que tiene la misma forma que éste. Si quisiera deshacerme de estas formas ahora, aquí hay otra forma de hacerlo. Podría acercarme a estos y podría ir a la herramienta de selección directa y podía ir y hacer clic en cada uno de estos puntos de anclaje a su vez, y eliminarlos. Esa es una opción. La otra opción es porque son tan pequeñas, podría dibujar una forma rellena para ir encima de ellas por ejemplo, un rectángulo. Entonces solo voy a dibujar un rectángulo lleno para ir arriba. Seleccionaría ambas formas y solo iría al pathfinder y haga clic en unir. Volvería a crear un objeto sólido pero lo que estamos haciendo es poner un rectángulo y una forma juntos y simplemente pedir a ilustrador que los fusione en una sola forma. Ahora, solo quiero deshacer eso, así que solo voy a presionar el control Z hasta que recupere las cosas como estaban. Presionaré control o comando 0 para alejar el zoom. Ahora voy a poner esta forma encima de ésta, pero el negro encima del negro no va a ser muy visible. Esto sigue siendo sólo un conjunto de líneas, no las hicimos en formas. Se puede ver que tienen un derrame cerebral y no hay relleno. Bueno, sólo les voy a dar un trazo blanco. Entonces quiero agruparlos como un solo grupo, ahora mismo son dos grupos separados, así que solo voy a elegir grupo de objetos para hacer un solo grupo de ellos. Eso significa que podría, por ejemplo, alinear estos más fácilmente como un solo grupo. Voy a llevarlos y ponerlos de nuevo sobre la parte superior de la forma que creé. Seleccionaré ambos y voy a usar el centro de alineación horizontal y el centro alineación vertical para solo asegurarme de que todo esté bien alineado. Puedo ir a esta forma rellena de espalda y cambiar el color de la misma en caso de que así lo desee. Entonces voy a elegir el color turquesa oscuro aquí. Ahí tenemos el primer diseño creado inspirado en String Art. 4. Pt 3: crea las líneas para un segundo diseño: Para nuestro próximo diseño inspirado en el arte de cuerdas, vamos a crear algunas flores. Quiero elegir Archivo y luego Nuevo. Nuevamente, estoy usando un documento cuadrado Alinear nuevos objetos a la cuadrícula de píxeles está deshabilitado. Haré clic en “Aceptar”. De nuevo vamos a empezar con una línea vertical. Entonces solo voy a hacer clic para crear una línea que tenga una altura de 100 píxeles y que esté a 90 grados, así que es una línea vertical. Voy a dar click en “Aceptar”. Simplemente lo voy a mover hacia abajo a donde lo podamos ver un poco más claramente, lo seleccionaré. Ahora vamos a hacer otra transformación sobre esto para conseguir nuestro punto de partida. Escogeré Efecto, Distorsionar y Transformar y luego Transformar. Ahora para esta transformación, te sugiero que uses los mismos valores que estoy usando. Entonces vamos a mover estas líneas horizontal y verticalmente por cinco píxeles. Entonces voy a teclear cinco y cinco aquí. Voy a activar Preview, y voy a poner esto en 15 copias. Entonces verás que tenemos algo de movimiento en estas líneas. Las líneas van a tener exactamente la misma longitud, pero se están moviendo y también vamos a rotarlas, pero por una cantidad muy pequeña. Nosotros sólo los vamos a rotar por cuatro grados. Vamos a elegir el punto alrededor del cual estos están girando como los puntos inferiores correctos. Entonces de estas nueve casitas, vamos a elegir la que está en la esquina inferior derecha. Eso nos va a dar esta forma general y esta repetición general de líneas. Voy a dar clic en “OK”. Ahora vamos a ampliar esta forma para convertirla de una línea en 16, la original y las 15 copias que hicimos. Por lo que vamos a elegir Objeto, Ampliar Apariencia. Entonces necesitamos desagrupar y necesitamos desagruparlo por un par de razones. En primer lugar, porque va a hacer que la paleta de Capas sea mucho más ordenada si hacemos eso. Pero en segundo lugar, queremos usar aquí las herramientas de alineación. Queremos trabajar con las formas individuales no con un grupo. Con las formas de grupo seleccionadas elegiremos Objeto, Desagrupar. Haremos eso hasta que Desagrupar ya no sea una opción, y ya no sea una opción. las alineaciones que vamos a utilizar aquí, lo vamos a utilizar a través de la pestaña Alineación, que se puede llegar eligiendo Ventana y Alinear. Voy a abrir este pequeño menú fly out aquí, voy a elegir Mostrar opciones. Entonces voy a asegurarme de que estoy configurado para Alinear a Selección aquí, no Alinear a Art-Board. Deseo Alinear a la Selección. Lo que quiero hacer es alinearme a la izquierda y al fondo. Por lo que voy a dar click aquí en Alinear Horizontal Izquierda, y voy a dar click aquí en Vertical Align Bottom. Esta vez tenemos un punto de partida muy diferente para nuestra forma. Tenemos toda una serie de líneas que están sobresaliendo aquí. Es como si no hubiéramos completado el conjunto completo de rotaciones para nuestra curva parabólica. Bueno, eso nos va a ayudar a crear un interesante diseño floral. 5. Pt 4: crea una flor: Esta forma se va a convertir en la mitad de un pétalo de una flor. Voy a seleccionar sobre todas las líneas y elegir objeto y luego agrupar para que todas las líneas se muevan como un solo grupo. Voy a añadir aquí una guía para que las cosas sean un poco más fáciles, así que voy a elegir “Ver” y luego “Rulers” y luego “Show Rulers” porque eso me va a permitir arrastrar una guía vertical al documento. Yo quería algún lugar aquí donde pueda verlo. Voy a acercarme un poco para poder ver la guía y esta forma aquí. Voy a tomar la forma y la voy a girar alrededor. Voy a posicionarlo y sólo probar que es posicionamiento porque lo que quiero es que el a aquí esté en esta línea. No estoy totalmente preocupado en esta etapa por la parte inferior, pero sí quiero alinear la parte superior aquí así que se ve bastante bien en este momento. Ahora, si eres inferior no se alinea a esta línea aquí, podemos usar la herramienta de cizallamiento para doblar esta forma un poco mejor. Voy a seleccionar la forma y voy aquí a la herramienta pura, muestra una posición de barra de herramientas con la herramienta de escala, pero solo tienes que hacer clic en la “Herramienta Compartir”. Entonces vas a dar click aquí en este punto de anclaje y solo vas a empezar a doblarlo. Verás que eres capaz de tirar de este punto para que toque esta línea, y si quisieras, incluso podrías ir más allá de la línea que te dará un efecto interesante en la parte inferior de tu flor. En realidad voy a ir un poco más allá. Se puede ver que estoy tocando una línea aquí y he usado la herramienta pura aquí para tirar de esto por encima de esta línea. El instrumento puro es una herramienta muy útil para doblar cosas, en esta circunstancia, funciona realmente, muy bien. Ya terminé con mi guía, así que solo puedo seleccionarla y presionar “Eliminar” porque una guía en Illustrator es solo otro objeto. Voy a hacer un duplicado de esta forma ahora que la tengo doblada de la manera que quiero que se vea eligiendo objeto transformado. Voy a elegir reflexionar, voy a reflexionar sobre la vertical. Encenderé la vista previa, para que veas que esta es la forma que voy a crear. Porque quiero el final original de esta copia, solo voy a dar clic en “Copiar”. Ahora, voy a arrastrar la segunda forma para alinearme con la primera. Seleccionaré sobre ambos y voy a dar click aquí en vertical alinea top que solo asegúrate de que sus tapas estén conectadas, y simplemente lo moveré a través hasta que esté perfectamente posicionada. Ahora bien, no va a entrar en posición perfectamente aquí así que voy a sacarlo alrededor de medio píxel simplemente haciendo un ajuste aquí al valor X. Ahora, que tengo mis formas superpuestas realmente bien, voy a agrupar aquellas con grupo de objetos. Presionaré “Control” o “Comando Cero” para alejar el zoom. Ahora, este va a ser el pétalo de mi flor, pero creo que es un poco grueso en este momento, así que voy a seleccionar sobre la forma y como solo está conformado por una serie de líneas, puedo ir y cambiar el ancho del trazo, yo voy a hacerlo 0.25 pixeles. Ahora, mi peso de línea es mucho más ligero. También podría remodelar el pétalo en esta etapa, por ejemplo, haciéndolo un poco más ancho y un poco menos alto. la otra forma tenemos el pétalo, podemos crear la flor simplemente haciendo una rotación en esta forma de grupo. Con esto seleccionado, vamos a elegir efecto, distorsionar, y transformar, para luego transformar. Encenderé la vista previa. Voy a establecer mi ángulo para empezar en 30 grados y voy a hacer unas seis copias. este momento el punto de transformación está en medio de las formas, por lo que esto no se parece en nada a una flor. Los dos mejores puntos de transformación para esta forma en particular son la parte media superior y la parte inferior media de estas nueve cajas. El top medio te dará una flor donde los bits puntiagudos están en el exterior. El fondo medio te dará una flor donde los bits puntiagudos están en el interior no en el exterior. Se puede ver con 30 grados y sólo seis copias, no tenemos suficientes copias ni suficiente rotación para hacer una flor. Simplemente puedes experimentar con varios valores. Puedes aumentar tu ángulo para crear una flor como esta o podrías disminuir el ángulo y aumentar el número de copias y también puedes experimentar con cuál de estos dos puntos de rotación te interesa más. Creo que este punto de rotación es más interesante porque me gusta el borde desigual y puntiaguado. Pero tal vez quiera aumentar mi copia. Voy a ponerlo en 12, y voy a empezar a disminuir el ángulo para ver si puedo encontrar algo que sea de más interés para mí en el diseño final. Te dejaré experimentar con esos ajustes para encontrar algo que realmente te guste. No obstante, antes de salir de este diálogo, sugiero que revise el número de copias. Es posible que descubras que al aumentar el número de copias, realmente construyes algo más de detalle en el diseño. También puedes encontrar que al reducir el número de copias, obtienes un diseño más equilibrado, así que solo asegúrate de que no tengas copias que no necesites en el diseño y que tengas tantas como necesites para obtener el resultado que que te gusta. Solo estoy agregando unos extras aquí. Voy a dar click en “Ok”. Ahí está nuestro segundo diseño inspirado en el arte de cuerdas para que pudiéramos hacer algo similar a lo que hicimos en el video anterior y tal vez poner esto dentro de una forma. En este caso, podría ponerlo dentro de un círculo. Yo sólo voy a crear un círculo, que irá detrás de esta forma. Cuando lo arrastre sobre la forma, verá que está frente a la forma y las capas, así que elegiré objeto, arreglaré, centraré hacia atrás para que quede atrás. Entonces podría ir a conseguir esta forma y por ejemplo, cambiar el color de las líneas simplemente seleccionando un color alternativo. Para nuestra pieza final de diseño inspirado en el arte de cuerdas, vamos a crear un corazón y vamos a ver cómo utilizaríamos la herramienta Live Paint para colorearlo. 6. Pt 4: opciones de diseño adicional: Antes de terminar mirando esta rotación en particular, quiero mostrarles algunas de las posibilidades de diseño que tienen.Así que tengo unos cuantos diseños por recorrer contigo. En este, lo que tenemos es el diseño floral básico. Pero se puede ver aquí por el trazo que he usado un gradiente. Esto es sólo un gradiente lineal de un azul claro a través del blanco a otro azul claro. El flor en sí está coloreado con un gradiente. Entonces echemos un vistazo a lo que hay detrás de esto. Es sólo un círculo. El círculo aquí tiene un relleno degradado. En realidad tiene un gradiente radial en el círculo y hay un gradiente lineal en el trazo más bien alrededor de ese círculo. Cuando lo juntamos todo, este es el diseño que obtenemos. Vayamos a ver otra opción aquí. En este caso, he vuelto a utilizar una rotación de la rotación de la flor, pero las líneas puntiagudas aquí están en el exterior. También he coloreado las líneas usando un gradiente. Si hago click en la forma básica, verás aquí que he usado un gradiente radial, esta vez de un azul más oscuro a través del blanco a otra vez un azul ligeramente más oscuro. Se puede ver que el área blanca es realmente bastante pequeña en este gradiente. Echemos un vistazo a lo que hay detrás de la forma del flash. En este caso, solo tengo un hexágono básico que en sí consiguió un relleno de gradiente radial. Ahora bien, si estás buscando gradientes para usar, siempre puedes encontrarlos a través del panel Muestres. Haga clic en el menú flyout, elija Abrir biblioteca de muestras y, a continuación, haga clic en Gradientes. Encontrarás que hay muchos gradientes diferentes que se envían con Illustrator que puedes usar. Voy a seleccionar Gemas y Joyas. Aquí hay algunos gradientes, Gemas y Joyas gradientes que podríamos usar, y solo seleccionarías una forma y luego seleccionarías en cualquiera de estos gradientes para aplicarla a esa forma. Si quieres convertirlo en un gradiente radial, solo subirás aquí y haz clic en Radial. Ahora bien, si no te gusta ninguno de estos gradientes, solo puedes presionar las teclas de flecha. Después cargarás diferentes tipos de gradientes de esa colección de gradientes que podrías haber obtenido a través del menú flyout. Pero sólo encontrarás que una vez que tengas un conjunto de gradientes visibles aquí, esta es la forma más fácil de progresar por los otros grupos de gradientes que están disponibles en Illustrator. Yo sólo voy a ir a la siguiente forma y veamos qué más tenemos aquí para mirar. Bueno, en este caso, de nuevo, tenemos la forma básica de la cuerda y se ha llenado con un gradiente. Aquí está el gradiente de trazo, es un gradiente radial. Va de un azul muy pálido a un azul medio. Pero lo que es interesante aquí, es la rotación que he usado, porque en lugar de crear una forma de flash, he creado una forma muy diferente. Sólo echemos un vistazo a esta rotación. Sólo voy a abrir el diálogo Transformar, activar Vista previa. éstas las rotaciones que usábamos antes. Estábamos usando un punto de rotación ya sea en el medio inferior o el medio superior de estos nueve conjuntos de opciones. Eso o bien te dio una flor con las espigas en el exterior o las espigas en el interior. Bueno, si eliges unos puntos de rotación diferentes como este, un ves que los pétalos están tendidos uno tras otro alrededor de la forma, y los picos van en dirección hacia afuera. Me gustó mucho este diseño básico y realmente me desafió a decir lo que podía hacer con él. Bueno, lo que hice con él fue que agregué detrás de él un círculo lleno de gradiente, pero también agregué una estrella. Ahora bien, esta es una estrella que tiene bordes redondeados. Se puede ver que los bordes alrededor, pero todavía se puede ver que era una estrella lo seleccioné y acabo de correr un efecto de esquina redondeada sobre ella. Eso acaba de hacerlo flojo en lugar de una forma básica de estrella y más tradicional en forma de estrella. Ese fue ese diseño. El último que tengo que mostrarte es éste de aquí. En este he usado la rotación donde las líneas, los bits puntiagudos están en el interior en lugar de en el exterior. El trazo es un gradiente radial, en realidad no necesita un relleno aquí que no esté proporcionando nada de mucho uso en absoluto. Pero realmente es este trazo lo que es muy interesante. Entonces debajo de eso solo hay un círculo que está lleno un gradiente y usar estos colores opuestos abajo, y es de cortesía color naranja nos está dando un efecto realmente hermoso con este diseño. Se puede ver que las formas llenas de gradiente radial detrás de estas flores giradas te están dando un excelente potencial para quizás un elemento de diseño inicial para un logotipo o incluso la base para un patrón. 7. Pt 5: haz la forma del corazón: Para nuestro diseño en forma de corazón vamos a crear un nuevo documento. Nuevamente, van a ser de 400 píxeles por 400 píxeles en modo de color RGB de tamaño. He desactivado alinear nuevos objetos a la cuadrícula de píxeles y haré clic en “Aceptar”. Ahora, para esta forma en particular es bastante importante los valores iniciales que estás usando y te voy a mostrar por qué en tan solo un minuto. Pero empecemos con un objeto que es una línea y no tiene relleno y sólo tiene un trazo negro. Haga clic en la “Herramienta de Segmento de Línea”, voy a hacer una línea de 50 píxeles de largo y va a ser de 340 grados. Eso es en un ligero ángulo y voy a dar clic en “OK”. Estos son los ajustes que vamos a utilizar para la transformación aquí con una línea seleccionada seleccionaremos Efecto, Distort & Transformar y luego Transformar. Queremos que la línea crezca a medida que se transforma, por lo que vamos a establecer tanto la escala horizontal como la vertical en el 110 por ciento. Nosotros queremos que se mueva también, pero sólo queremos que se mueva en dirección horizontal y queremos que se mueva menos ocho píxeles, así que voy a escribir menos ocho aquí. El giro que vamos a utilizar es de 16 grados. Lo vamos a girar alrededor del punto central, y vamos a hacer 20 copias. Ahora si hago clic en “Vista previa”, esto es lo que obtenemos. Lo que busco en este diseño en particular es este pequeño espacio que son figuras de cuatro lados que se rastrean con líneas porque los voy a llenar de color. La otra cosa que no quiero está demasiado más allá de lo vertical. Esta va a ser la línea vertical de mi corazón. No quiero que pase demasiado por aquí, lo que me lleva a pensar que probablemente tengo demasiadas copias aquí. Voy a devolver el número de copias fuera a 18. Pero esto se ve bastante bien como punto de partida así que voy a dar clic en “OK”. Ahora por qué era importante empezar con una línea en ángulo con algo como esto, te voy a mostrar porque voy a dar la vuelta a esto por lo que es vertical. Digamos la diferencia cuando empezamos con una línea vertical. Bueno, esto no se parece en nada a la transformación que acabamos de obtener. Transformar la línea usando un valor inicial que se ve así es un resultado muy diferente. Encontrarás que incluso pequeños cambios en el punto de partida ajustarán bastante la forma del corazón o la mitad en forma de corazón. Voy a conformarme con algo que se parece más o menos a esto. Otra vez asegurándome de que tengo estas pequeñas formas atrapadas aquí. Si estas líneas no llegaran a cumplir con esta línea aquí, ajustaría mi rotación hasta que la cumplan o cruzaran sobre ella como lo están haciendo aquí. Va a seleccionar sobre esta forma y la voy a expandir con Objeto, Ampliar Apariencia. Voy a desagruparlo con Object Ungroup, y seguiré haciéndolo hasta que Desagrupar ya no sea una opción. Ahora sé que lo que tengo en mi paleta de capas es solo una serie de líneas. Con esas líneas seleccionadas voy a simplemente agruparlas en un solo objeto. Ahora voy a tomar esta forma y la voy a girar alrededor que esta línea aquí sea más o menos vertical. Bueno me ayudaría hacer esto vertical si tuviera un guía. Voy a elegir Ver, Gobernantes, Mostrar gobernantes. Yo sólo voy a traer aquí una guía vertical. Voy a seleccionar esta forma y la voy a girar alrededor, y luego la voy a mover a través y sólo tratar de conseguir esto más o menos para alinear con la guía que he hecho. No tiene por qué ser perfecto pero lo más cerca que puedas de conseguir esa línea vertical, mejor será para el diseño final. Ahora si estás teniendo un poco de problemas con la rotación puedes seleccionar el objeto y puedes elegir Objeto, Transformar, Rotar, porque esta rotación gira alrededor de un punto central y si tienes activada Vista previa, solo puedes ajustar simplemente arriba o abajo flechas a través del ángulo aquí. Acabo de golpear el mío alrededor de un grado y ese es un resultado bastante bueno así que solo voy a dar clic en “OK”. Voy a seleccionar esta guía porque ya no la necesito y la voy a eliminar. Ahora esta es la mitad de mi forma de corazón, pero antes de seguir adelante y hacer la coloración, necesito hacer un par de cosas. En primer lugar, necesito averiguar cuánto de este lado puedo colorear antes de rotarlo por aquí y dónde van a estar las superposiciones. Voy a seleccionar esta forma y justo por ahora voy a elegir Objeto, Transformar, Reflejar, voy a reflexionar sobre la vertical y voy a hacer una copia. Con este duplicado seleccionado, voy a asegurarme de que aquí tenga mi trazo seleccionado. Voy a colorearlo de rojo porque quiero que sea un color diferente. Entonces lo voy a mover para que se alinee con el otro corazón. Ahora voy a ver lo que tengo y estoy mirando es que tengo demasiadas líneas pasando aquí abajo. Probablemente tengo demasiadas líneas aquí. Lo que voy a hacer es que voy a entrar aquí y sólo a deshacerme de éste. Estoy haciendo eso simplemente haciendo clic continuamente en él hasta que entre en modo de aislamiento hasta que esté seleccionado por sí solo, y luego presionaré “Eliminar”. Ahora, este es el par de emparejamiento aquí afuera así que voy a dar clic en él y deshacerme de él. A pesar de que en realidad voy a deshacerme de toda la forma roja en un minuto. En este momento sólo lo quiero fuera de mi camino así que voy a presionar “Escape”. La única otra cosa que me preocupa es que estas dos líneas están muy juntas y así se va a quedar un poco desbordada. Lo que estoy viendo es que esta línea negra aquí sería mejor si se parara en este punto y no pasara todo el camino hasta aquí. Lo que voy a hacer en un minuto es tomar esta línea y la voy a cortar. Pero ahora sé más o menos lo que estoy haciendo. La otra cosa que quiero saber es cuánto de este lado puedo colorear y luego reflexionar. Voy a hacer click en la herramienta Lápiz. Yo sólo voy a dibujar por aquí para abarcar esas áreas que no están cubiertas también en rojo. Dibujando alrededor de esta zona, la voy a seleccionar. Voy a voltear mis colores de relleno y trazo y sólo voy a bajar la opacidad aquí. Solo estoy usando esta zona aquí como guía en cuanto a las áreas que puedo llenar de color, y en unos minutos puedo voltear para hacer el otro lado del corazón. Esto sólo me va a dejar crear un corazón que se colorea exactamente igual en ambos lados sin tener que hacer todo el trabajo de encontrar la forma correspondiente en el otro lado y colorearla de la misma manera. Es sólo para hacer las cosas un poco más fáciles. Voy a seleccionar sobre el rojo y deshacerme de él porque no lo necesito ahora. Ahora, tenemos que lop esta línea fuera. Yo sólo voy a acercarme aquí. Esta es una línea aquí que quiero cortar por la mitad y puedo cortarla por la mitad con la herramienta Tijeras. La herramienta Tijeras comparte una posición de barra de herramientas con el Borrador. Yo sólo voy a entrar aquí y asegurarme de que tengo ese camino seleccionado y voy a dar click en él con la herramienta Tijeras donde quiero cortarlo. Habiendo hecho eso, entonces puedo ir a la herramienta Selección, asegurarme de haber seleccionado esa forma. Solo asegurémonos de que he seleccionado esta pieza aquí y sólo puedo borrarla. Yo puedo entrar aquí y sólo voy a mover que alinear a lo largo sólo un poquito para que esté alineado un poco mejor aquí. Presiona “Escape” para salir del modo de aislamiento. Esta va a ser mi forma de corazón ahora. Si quieres probarlo antes de hacer la coloración, esto es lo que vas a hacer. Aquí vas a encerrar a esta cosa rosa, e incluso podrías apagarla. Vas a seleccionar el grupo aquí que es esta forma aquí. Vas a elegir Transformar objeto, Reflejar, reflexionar sobre el click vertical “Copiar”. Entonces sólo vas a mover esto de nuevo a su posición. Da clic en “Away” y solo asegúrate de que tienes un diseño que te guste. Se puede decir que el trabajo que hemos realizado en esta línea lo ha mejorado. Yo sí creo que la línea es un poco larga pero puedo arreglarlo en un minuto, pero sólo asegurándome de que todo se vea bien aquí, que es. Ahora puedo seguir con mi coloración y lo voy a hacer quitando esa mitad del corazón otra vez porque todavía no la quiero. Voy a desván esto antes de ir demasiado lejos. Yo sólo voy a entrar aquí. De nuevo con la herramienta de tijeras, solo corta este camino y luego ve y selecciona la broca que no quiero, que es este final aquí, y simplemente elimínala, pulsa “Escape”. Voy a dar la vuelta a mi área para colorear. En el siguiente video vamos a entrar y hacer el color y la reflexión y armar todo esto. 8. Pt 6: pintura con pintura en vivo: Antes de seguir adelante con la coloración, vamos a aislar esta forma llena de rosa y simplemente bloquearla para que no podamos hacer nada con ella así no se va a interponer en el camino. Aquí voy a seleccionar este grupo, y voy a elegir Object, Live Paint, Make. Eso hace que esto sea un objeto de pintura en vivo. Ahora, fui y creé un esquema de color que sólo quiero agarrar aquí. Solo voy a abrir mi biblioteca de muestras Definidas por el Usuario de colores y sólo los voy a traer aquí. Si tienes un esquema de colores que te gustaría usar para tu corazón, podrías hacer justamente eso. Ahora vamos a la Herramienta Live Paint, que comparte una posición de barra de herramientas con la Herramienta Shape Builder. Yendo a dar click en el “Live Paint Bucket” y luego vas a hacer doble clic en la propia herramienta para abrir las opciones. En las Opciones, desea seleccionar Relleno de pintura y desea anular la selección de Trazos de pintura. Sí quieres Vista previa de muestra de cursor y sí quieres un Highlight, así que solo voy a dar clic en “Okay”. Lo que eso significa es ahora siempre que pase el rato sobre algo que pueda colorearse, voy a conseguir este pequeño cuadro delimitador rojo que me muestra lo que se puede colorear. Voy a acercarme para que pueda ver las cosas un poco más claramente. Voy a empezar haciendo clic en la “Herramienta de pintura en vivo” y seleccionar un color con el que trabajar y el verde es ahora el medio de esos tres iconos por encima de la Herramienta de cubo de pintura. Eso me está diciendo que estoy a punto de pintar con verde lima y así puedo hacer click en algunas de estas cajas para llenarlas de verde lima. Puedes usar las teclas de flecha para desplazarse por los colores aquí y verás que los colores que estás a punto de usar se seleccionan aquí en la paleta de muestras pero también puedes simplemente hacer clic en un color si quieres usar un color específico. Aquí hay más cajas de las que parece haber. Solo ten en cuenta que probablemente quieras agregar bastantes cajas de cualquier color en particular porque aunque no parece que haya muchas cajas, hay bastantes. Solo quieres colorear cosas que tengan este tinte rosa debajo de ellas porque cuando creamos ese tinte rosa, fue porque las áreas que están sobre la parte superior de ésta son áreas que se van a duplicar cuando creemos la otra la mitad del corazón. No son áreas que se van a cubrir cuáles son estas áreas, y vamos a tener que hacerlas manualmente en un minuto, pero esto te va a ahorrar bastante trabajo en colorear tu arte. Quieres asegurarte de que te metes en estos triángulos realmente pequeños alrededor del borde aquí también con color. Si te pierdes una caja, no es un gran problema, pero sí quieres conseguir tantos de estos coloreados como puedas. Cuando haya terminado, presione “Control” o “Comando 0", retroceda y seleccione la forma con la Herramienta de selección y elija Objeto, Pintura viva, Expandir, y eso impide que esto sea un objeto de pintura en vivo. Volvemos a la paleta Layers y ya no necesitamos este camino lleno de rosas, así que solo voy a arrastrarlo y soltarlo a la basura. Voy a seleccionar mi forma y voy a volver a reflejarla. Objeto, Transformar, Reflejar, y voy a reflejarlo sobre la vertical y hacer una copia. Entonces voy a mover el duplicado de nuevo sobre el original. Se puede ver eso coloreando apenas la mitad del corazón y luego reflexionando y me he ahorrado tener que coincidir con mis colores, y tengo un corazón que es perfectamente simétrico y perfectamente coloreado. Ahora, voy a seleccionar sobre las dos formas aquí. Voy a elegir Object, Live Paint, Make, y eso hace que el objeto combinado ahora sea un objeto de pintura en vivo. Voy a volver al cubo de pintura en vivo. Voy a volver a mis muestras de color, voy a llenar estas áreas aquí abajo. Ahora lo único de lo que necesito tener cuidado aquí es que si tengo pares de paloma como esta forma y esta forma, que los estoy coloreando del mismo color pero hay mucho menos que tenemos que tener cuidado ahora de lo que tendríamos tenía si no hubiéramos hecho la coloración de la forma que lo hicimos antes. Habiendo rellenado en la parte inferior, ahora vamos a revisar la parte superior y vamos a llenar también estas áreas. De nuevo, asegurándonos de que estamos coloreando ambos lados si hay dos formas en lados opuestos del corazón. Si es necesario, es posible que necesites acercarte un poco más solo para asegurarte de que obtienes todo. Presione “Control” o “Comando 0" cuando haya terminado, vamos a necesitar seleccionar todo el objeto, una y otra vez, elija Objeto, Pintura en vivo, Expandir, para que ya no sea un objeto de pintura en vivo. Ahora, habiendo creado tu esquema de color, puedes ir a cambiar los colores. Voy a seleccionar sobre mi corazón, voy a Alt u Opción-Arrastra un duplicado lejos. Voy a volver a esta versión original y con ella seleccionada, voy a hacer clic en la opción “Recolor Artwork”. Ahora voy a elegir Editar y lo que puedo hacer es desvincular estas armonías de color aquí y puedo empezar a arrastrar esto para crear un esquema de color más monocromático. Todo lo que estoy haciendo aquí es cambiar los colores para que sean más en un esquema de color azul, púrpura simplemente dejando caer estas muestras de color aquí en esta zona. Si quieres unos más ligeros y algunos más oscuros, entonces necesitas arrastrarlos más cerca hacia el centro. Es posible que desee que un poco de variedad tome un color, totalmente opuesto para agregar un poco de color complementario a la obra de arte, y a veces eso ayuda a simplemente alegrarlo un poco. Voy a dar clic para crear un nuevo esquema de colores a partir de estos colores y hacer clic en “Ok”. Ahí está nuestro corazón recolored, pero porque nos tomamos el tiempo y el esfuerzo para asegurarnos de que teníamos un conjunto de colores perfectamente equilibrado. Cuando los recoloreemos, van a ser coloreados con un conjunto de colores perfectamente equilibrado también. Por supuesto, esta forma podría ser la base de un patrón en Illustrator. Tengo muchas clases sobre hacer patrones en Illustrator, y podrías crear esto como un patrón, por ejemplo. Hay formas inspiradas en el arte de cuerdas en Illustrator. Tu proyecto para esta clase va a ser crear una o más de las formas y publicar una imagen de tu proyecto terminado en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y hayas aprendido un poco sobre trabajar en Illustrator. Si sí disfrutaste de la clase y cuando veas un prompt para recomendarla a otros, por favor dale un pulgar arriba y por favor escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otras personas a ver que se trata de una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Mi nombre es Helen Bradley, muchas gracias por acompañarme para este episodio de diseño gráfico para el almuerzo, y espero verte pronto en un próximo episodio.