Patrón de hexágonos serpenteantes en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Impulsa el patrón de Hexagon un diseño gráfico para la clase de almuerzos: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para clase Almuerzo, patrón de hexágono serpenteante 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 vamos a crear un patrón de hexágonos donde en realidad están vinculados entre sí. Ahora este es probablemente uno de los patrones más complicados en los que he trabajado nunca. Pero creo que realmente te gustará. Se ve simple, pero en realidad armarlo es cualquier cosa menos simple. Ahora, esto ha sido diseñado para que puedas hacerlo con cualquier versión de Illustrator. 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 esta clase. Recomendaciones como esta ayudan a otros alumnos de Skillshare a ver que esta es 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 estás listo ahora empecemos con nuestro patrón de hexágono serpenteante. 2. Pt 1: haz los hexagones: Para este patrón, vamos a crear un nuevo documento que sea 700 píxeles por 700 píxeles de tamaño, modo de color RGB, y he deshabilitado alinear nuevos objetos a la cuadrícula de píxeles. Voy a dar click en “Ok”. Si estás familiarizado con mis videos, sabrás que prácticamente nunca te digo lo grande que hacer las cosas. Este patrón es tan crítico que el tamaño va a ser realmente importante, así que te sugiero que lo hagas al mismo tamaño exacto que voy a. Voy a apagar este trazo y sólo seleccionar un color de relleno. Esto va a ser por la línea que va a pasar por el patrón, así que estoy usando nuestro oído verde. Voy a dar clic para seleccionar la herramienta poligonal, y voy a dar click una vez en medio del documento. Mi primer polígono va a ser de 100 píxeles, eso son 100 px en radio, y tiene seis lados, eso es un hexágono, voy a dar clic en “Ok”. Voy a ir a dar click de nuevo. Voy a hacer uno que sea de 90 píxeles, y va a ser azul. Volveré a hacer clic, y haré uno que sea de 60. Será lo mismo, verde. Volveré a hacer clic, y haré uno que sea 50, y va a ser el azul. Entonces vamos a hacer uno que sea de 20 píxeles, este es el del medio. Ahora, para permitirnos algo de flexibilidad en el patrón más adelante, te sugiero que colores este de un color diferente, voy a colorearlo de rosa. Voy por la herramienta de selección, voy a seleccionar cualquiera de estas cinco formas. Voy al panel de alineación aquí, y tengo mis opciones de alineación visibles, pero si las tuyas no son visibles, solo abre este pequeño menú flyout y elige “Mostrar opciones”. Debido a que necesita configurar esto para alinearse con la selección, no debe configurarse para alinearse con la mesa de trabajo. Si está configurado para alinearse con la selección, voy a hacer clic aquí en el centro de alineación horizontal, y hacer clic aquí en el centro de alineación vertical, y eso acaba de alinear todas estas formas sobre la parte superior de la otra. Si estás trabajando en una versión más ligera de Illustrator, vas a necesitar expandir las formas, así que vas a elegir “Objeto”, “Forma”, “Expande forma”. Si estás trabajando en, creo que es Illustrator el que dice seis o todo, probablemente no tengas esa opción, así que simplemente ignora ese paso, no es importante hacerlo. Después giraremos la forma 30 grados, “Objeto”, “Transformar”, “Girar”. Escribiré 30 grados aquí y solo tienes que hacer clic en “Ok”. Ahora bien, puede notar que su caja delimitadora está fuera de alineación en este punto. Para restablecerlo, elija “Objeto”, “Transformar”, “Restablecer cuadro delimitador”. A continuación, vamos a seleccionar todas estas formas y vamos a utilizar la opción Pathfinder. Entonces voy a abrir mi Pathfinder, si no ves el tuyo, elige “Ventana”, y luego “Pathfinder”, y vamos a usar Dividir. Eso divide estas formas hacia arriba. Si echamos un vistazo en la paleta de capas, parece haber perdido la mía, así que voy a elegir Capas de ventana para mostrarla. Vamos a decir que tenemos un grupo con formas en él. Yo sólo voy a hacer el mío más grande para que puedas ver lo que está pasando aquí. Tenemos un grupo con todas estas formas en él. Necesito desagrupar estos en este punto, así que voy a elegir “Desagrupar objetos”. Mi capa aquí tiene estas cinco formas en ella. Vamos a continuar en el siguiente video para armar las piezas para nuestro patrón. En este punto, solo es posible que desee guardar su trabajo a la fecha. 3. Pt 2: añade la línea: Para este siguiente paso, vas a querer tener tu paleta de capas abierta para que puedas ver lo que estás haciendo. Aquí voy a bloquear las cinco primeras formas, y voy a apagarlas. Entonces quiero enfocarme en esta forma, pero de lo que quiero tener mucho cuidado es que no muevo esta forma. Eso es realmente importante. Voy a acercarme a él para poder verlo con más claridad. Voy a conseguir la herramienta de rectángulo y voy a arrastrar un rectángulo aquí. Voy a ajustar su opacidad hacia abajo para que pueda ver a través de ella. Eso es importante porque necesitas ver lo que estás haciendo. Nuevamente, voy a acercarme un poco más aún. Voy a seleccionar el rectángulo que acabo de dibujar, y lo voy a mover hacia abajo, y sólo estoy haciendo eso usando la tecla de flecha abajo porque quiero colocarlo justo en la curva de este hexágono de arriba. Entonces tengo mi rectángulo aquí y tengo mis caminos compuestos. Voy a asegurarme de haber seleccionado mi rectángulo, mantenga presionada la tecla Mayús, y haga clic en este Caminos compuestos. Tengo dos formas seleccionadas. Vuelvo a mi pathfinder y voy a seleccionar frente Menos, porque lo que vamos a hacer es usar el rectángulo para cortar la pieza inferior de este hexágono. Ahora presionaré Control Zero para alejar el zoom. De nuevo, no estoy moviendo esta forma en absoluto y eso es crítico que no la muevas. Volvamos a traer las otras formas y apaguemos sus iconos de candado. Si haces zoom, no deberías ver nada alrededor del borde interior de esta forma verde, porque no debería haberse movido. En este punto, puede seleccionar cualquiera de las formas y agruparlas. Simplemente elige objeto Grupo. Esa es una buena manera de asegurarse de que se mantengan juntos y que no se separen. Voy a presionar Control o Comando Cero para alejar el zoom. Necesitamos una línea, así que vamos por la herramienta de segmento de línea, y quieres dibujar una línea que sea más o menos la longitud de uno de los lados de este hexágono. Vas a mantener presionada la tecla Mayús como lo haces porque necesita ser perfectamente vertical. Aquí vas a traer el trazo, y el color del trazo va a ser exactamente el mismo color que estás usando para estas líneas más delgadas en tu patrón hexagonal. Entonces ese es nuestro color verde. Entonces vamos a ajustar el ancho del trazo a nueve. Podrías haber pensado que deberían ser 10, pero de hecho, nueve te va a dar un mejor resultado. Voy a poner esto en posición ahora. Entonces lo voy a agarrar y sólo posicionarlo sobre el extremo inferior de este hexágono aquí. Vamos a acercarnos para verlo. Aquí es donde está nuestra línea. Voy a seleccionar la línea y la voy a ampliar. Por lo que elegiré objeto, expandiré. No quiero ampliar el relleno porque no hay relleno en esto de todos modos, solo quiero ampliar el trazo, así que voy a dar click Ok. En el último palé, verás que ahora mismo tienes un grupo. Elegir Objeto y Grupo. Entonces tienes un camino y un grupo. Por lo que vas a arrastrar y soltar el camino en estos grupos. Entonces se va a convertir en parte del grupo con el que estamos trabajando. Dentro de tu grupo, haz click en tu camino y también haz click en este camino compuesto, el único camino verde que tienes que es un hueco en el centro. Por lo que Shift haga clic en él. Entonces estas dos formas ahora están seleccionadas y lo que vamos a hacer, es que vamos a unirnos a ellas. Por lo que vamos a volver al pathfinder y hacer clic en Unite. Entonces esta es la forma fundamental con la que vamos a estar trabajando. 4. Pt 3: duplicar los objetos: En esta etapa, estamos listos para duplicar esta forma para construir el reloj de nuestro patrón. Voy a seleccionar sobre la forma y elegiré Objeto> Transform> Rotar porque esto me permite no sólo rotar la forma sino también hacer una copia de la misma al mismo tiempo. Voy a escribir 180 grados para que mi forma apunte hacia la dirección opuesta al original y haga clic en Copiar. Yo sólo voy a sacar este del camino. Ahora, en esta etapa necesitamos volver a esta forma original con la barra apuntando hacia abajo y necesitamos quitar esta línea verde, solo sale de esta forma en particular. Se puede ver que está seleccionado en la paleta Capas. Vamos a abrir este grupo. Vamos a localizar la pieza de la que queremos deshacernos, que es esta pieza de aquí y seleccionarla pero nada más. Ahora, solo podemos arrastrarlo y soltarlo en la papelera y se va a quitar de esa forma pero todo sigue en el grupo así que todo está limpio y ordenado. Ahora, vamos a conseguir esta forma y vamos a moverla a su posición. Va a dar la forma debajo del borde verde. Ahora, la razón por la que me fui a la molestia de hacer esto es que mi experiencia con este patrón es que me dieron algunas líneas de fractura realmente malas cuando dejé esa línea verde en su lugar. Creo que esta es una mejor manera de producir el resultado que estamos viendo. Voy a agarrar la herramienta Zoom y acercar para poder ver qué está pasando aquí. Hice esta forma más o menos en esta posición pero necesito una segunda por aquí. Simplemente voy a mantener presionada la tecla de opción Alt mientras arrastro duplicé esta forma lejos. Entonces sólo los voy a solapar. Necesitan solaparse para que estén compartiendo esta línea. Una vez que las tengas superpuestas, solo puedes comprobarlo con las teclas de flecha para asegurarte de que se superponga bien. Selecciona ambos y vuelve a tu panel Alineación y vas a Seleccionar esta opción Centro alineado vertical. Eso sólo va a asegurarse de que estén perfectamente alineados entre sí. En cuanto lo estén, quieres agruparlos. Objeto, grupo. Esos dos ahora van a viajar juntos. Dondequiera que vayan, van a viajar en pareja. Ahora, seleccionarás todo y pincharás en el Centro Alineado Horizontal, porque eso va a centrar el grupo y esta forma entre sí.Voy a volver a mi grupo en la parte superior y sólo voy a acercar aquí de nuevo para que pueda ver todo muy claramente. Simplemente lo voy a mover hasta que diga espacio en blanco. Cuando digo espacio en blanco, lo voy a bajar sólo para que esté en posición. Esto es perfecto. Presionaré Control Zero para alejar el zoom. Ahora, quiero duplicar fuera de mi grupo. Voy a agarrar a mi grupo y lo voy a arrastrar y soltar sobre el nuevo icono aquí y eso hace un duplicado del mismo. Puedo bloquear una copia hacia abajo para que no se mueva e ir y seleccionar la otra copia y moverla. Se va abajo. Yo solo lo voy a tirar aquí abajo para que podamos hablar de lo que va a pasar con él. Vamos a acercarnos aquí. Lo que va a pasar con este grupo de objetos aquí es que esta barra azul y esta barra azul van a ser igual. Tenemos que mover este conjunto de objetos hacia arriba para que esta línea, se alinee aquí. Esta es la parte complicada del patrón, es trabajar exactamente donde todo necesita terminar. De nuevo, vamos a acercarnos realmente para asegurarnos de que los tenemos perfectamente alineados. Muévelo hacia abajo hasta que veamos el azul empezando a pasar y luego simplemente empujarlo de nuevo hacia arriba. Control o Comando Cero para alejar el zoom. Selecciona sobre todo. De nuevo, solo golpea este Centro Alineado Horizontal, solo para asegurarte de que todo esté perfectamente alineado. En este punto, debes guardar el archivo porque el siguiente paso va a ser crear los rectángulos NoFill, NoStroke para que podamos crear nuestro patrón. 5. Pt 4: revelar el patrón: El paso final para este patrón es crear un rectángulo sin relleno, sin trazo. Voy a dar click en la herramienta Rectángulo. Voy a asegurarme de que empiece sin relleno y sin derrame cerebral, así que nada se va a interponer en mi camino aquí. Voy a flotar aquí para recoger el centro de este hexágono. Ahora si aún no las tienes encendidas, deberías tener las guías inteligentes encendidas porque necesitas ajustar a estos objetos y snap to point también te ayudará. No recomiendo snap to grid. Eso probablemente no te va a ayudar en absoluto. Volvamos a salir de ahí. Acerquémonos un poco para poder ver el área que vamos a usar para nuestro rectángulo sin relleno, sin trazo. Va a empezar aquí en medio de esta forma. Se va a ir todo el camino hasta la mitad de esta forma, y luego va a bajar a la mitad de las formas en la parte inferior. Deberías poder hacer un globo ocular con bastante precisión. Después de haberla conseguido en posición, deberías volver a comprobarlo. Nuevamente, acercándose aún más esta vez. Simplemente arrastra este rectángulo para asegurarte de que se está ajustando a la posición. Compruebe para asegurarse de que está a mitad de camino por esta línea aquí, y luego vuelva a comprobar en la parte inferior para asegurarse de que se está ajustando correctamente a su posición. Ahí hay un punto de broche. Deberías poder sentirlo. Vamos a nuestra última paleta y verás que no hay relleno, ningún rectángulo de trazo está en la parte superior de la capa. Bueno, tiene que estar al fondo. Voy a moverlo todo el camino hasta el fondo. También voy a desbloquear este grupo. Voy a presionar Control o Comando 0 para alejar el zoom. Voy a seleccionar sobre todo, y voy a arrastrar y soltar toda la selección en el panel de muestra como mi patrón. Ahora voy a crear un rectángulo para mi patrón aquí afuera. No tiene que estar en la pizarra de arte. Quiero mantener mi pasta de patrón original por si acaso necesita finura. Ciertamente no querrías eliminar esto hasta que estés seguro de que tu patrón está funcionando bien. Tengo mi relleno a los cuatro aquí, así que solo voy a dar clic en mi ritmo patrón. Puedo escalarlo eligiendo escala de transformación de objetos. Apagaré los objetos transformados y luego solo ajustaré la escala del patrón. En ocasiones podría necesitar hacer eso para deshacerse de las líneas de fractura en el patrón si tiene alguna línea de fractura. Estoy viendo una ligera línea de fractura aquí. Voy a dar click en “Ok”. Sólo vamos a acercar. Al acercarme, la línea de fractura está desapareciendo. Había una pequeña línea aquí en medio de esta vertical, pero está desapareciendo. Ahí también hay otro, pero de nuevo, si acercas lo suficiente, también está desapareciendo. Si estás teniendo muchos problemas con estas líneas de fractura, y si no aparecen donde estaban los patronatos, puedes intentar desactivar las ilustraciones anti-alias, elegir editar preferencias en una marca que sería ilustradora y preferencias. Vaya al área general y desactive las ilustraciones anti-alias y haga clic en “Ok”. Eso te permitirá decir si esas líneas de fractura están en realidad en el patrón y típicamente es un problema de visualización ilustrado, no el tuyo. Ahí está nuestro patrón. A primera vista, se ve bastante simple, pero cuando realmente lo miras en profundidad, verás que tiene cierta complejidad en cómo todo se mueve a través del patrón. Ahora cuando crea el patrón, recordarán que hice del medio un color diferente. Eso fue porque quería la flexibilidad de poder tener un patrón de tres colores. Pero di que quiero un patrón de dos colores. Bueno, veamos cómo vamos a hacer eso. Seleccionaré en esta forma, y voy a dar click en la obra de re-color. Lo que quiero hacer es que quiero hacer este rosa, este verde. Voy a hacer doble clic en el rosa. Voy a elegir “Muestres de color”, y voy a ir a seleccionar el mismo verde que estaba usando para el resto de la forma, y voy a dar clic en “Ok”. Eso sólo remapea el rosa a verde. Si hago clic en “Ok”, notarás que en la paleta de patrones, todavía tengo mi patrón original y tengo mi recolored. Este es el recolored y éste es el original. Entonces tenemos dos versiones del patrón. Pero tomarme el tiempo cuando estaba configurando para hacer del hexágono medio un color diferente me ha dado mucha flexibilidad para volver a colorear este patrón más adelante, porque puedo hacer cualquier cosa con él. Por supuesto, puedo ir a la herramienta de edición aquí y simplemente volver a colorear de esta manera. Tu proyecto para esta clase va a ser crear este patrón. Paso a través de él. Cuídate cuando estés juntando las piezas. Asegúrate de que todo se alinee y crea tu patrón. Publica una imagen de tu patrón terminado en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre hacer patrones complejos en Illustrator. Al estar viendo estos videos, habrás visto 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é disfrutaste de esta clase. Recomendaciones como esta ayudan a otros alumnos a decir que esta es una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme por este episodio de diseño gráfico para Almuerzo. Espero verte pronto en un próximo episodio.