Patrón de formas Y en 3D en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Patrón de forma 3D Y - introducción: un diseño gráfico para la clase de la de la: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Crea un Patrón de Forma 3D Y 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 estar creando este patrón en forma de Y 3D. Pero a diferencia de todos mis otros tutoriales de patrones, vamos a empezar esto un paso antes incluso de golpear a Illustrator. Vamos a echar un vistazo al patrón en una hoja de papel y vamos a trabajar donde van a estar nuestras repeticiones. Vas a aprender cómo podrías pasar del papel a un patrón. También te voy a mostrar mi propio proceso de pensamiento cuando estaba mirando este diseño de patrones y trabajando cómo lo haría en Illustrator. Resulta que mis primeros pensamientos terminaron por no ser la forma en que realmente desarrollé el patrón. Te voy a hablar de eso también. Entonces por supuesto vamos a abrir Illustrator y hacer el patrón. En el camino, vamos a crear también una rejilla, una cuadrícula hexagonal que creo que te gustará como base para crear un patrón geométrico. Ahora como estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si disfrutas 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é disfrutas de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si quieres dejarme 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. Si ya estás listo, empecemos y vamos a llevar este patrón de papel a Illustrator. 2. Pt 1: Planifica el diseño: Antes de que realmente nos pusiéramos a trabajar, empezando a hacer este patrón, quería darte un paso por el proceso por el que pasé cuando estaba diseñando el patrón. Encontré que el patrón básico en línea, y quería poder reproducir esto en Illustrator. Normalmente lo que voy a hacer es ir e imprimir una versión más grande del diseño para que pueda echarle un vistazo realmente bueno. Ahora, una de las cosas que debes hacer cuando estás diseñando patrones es averiguar dónde están tus repeticiones. Entonces con este patrón, voy a ver este punto como mi punto de partida. Buscaré entonces la próxima vez que vea este punto en el diseño, y es aquí abajo. Entonces ese va a ser un lado de mi repetición. Haré un vistazo escuchar y ver dónde es el siguiente este punto en el diseño, y ya está por aquí. Entonces voy a trazar una línea entre estos dos. Entonces sólo podemos terminar esto porque esta va a ser la extensión de nuestra repetición patrón. Verás que por cada elemento dentro de este diseño, aunque esté cortado, la pieza que falta, que es la base aquí arriba, está aquí dentro del diseño. Aquí tenemos este lado pero no este, pero aquí está por aquí. Entonces cuando la patente se alinee, esta forma va a estar completa. Nos falta un poco aquí abajo, pero está aquí arriba. Si revisas, encontrarás que dentro de esta área, está cada elemento que necesitamos para ese diseño. El primer paso es averiguar cuál va a ser mi repetición. El segundo paso es tratar de averiguar cómo voy a hacer este patrón. Una de las cosas que vi en este patrón, donde hay muchos cubos. Esto era en realidad un cubo, sólo tiene su esquina cortada, y esta esquina también está cortada. Aquí está el extremo superior del cubo, pesar de que el extremo superior ha sido cortado. Empiezo aquí y dibujo cubos sobre cada una de estas formas, y trato de resolver los solapamientos. Bueno, el resultado de dibujar estos cubos fue que en realidad es imposible construir estas formas en Illustrator como cubos y solaparlos, porque se requería que las cosas estuvieran debajo de una cosa y sobre otra cosa. Pero en lugares simplemente no les era posible estar simultáneamente bajo una cosa y encima de otra. Entonces miré el patrón y miré la posibilidad de quitar este elemento aquí. Si elimino ese elemento pero aún así creé mi cubo con esta pieza faltante, entonces podría crear con éxito el diseño. Pero sabes qué, el diseño fue realmente difícil de dibujar exactamente, y me preocupaba mucho que no se pudiera reproducir fácilmente. Entonces volví al diseño y lo miré desde un punto de vista diferente, y había mirado las formas. A pesar de que parecen una forma algo confusa para diseñar, realidad se volvieron bastante fáciles cuando pensé en términos de crear una rejilla hexagonal con la que dibujarlos. Ese es el enfoque que voy a tomar con este diseño en particular. Vamos a crear una cuadrícula hexagonal, eso nos va a dar la capacidad de dibujar las formas de verdad, realmente con precisión. Me gusta la representación final del diseño, y lo he hecho un par de veces, y no he tenido ningún problema con ello alineándose, y para mí, eso es un gran plus. A mí me gusta hacer diseños que sean muy fáciles de reproducir, y que tengan la mínima cantidad de problemas que potencialmente podrían salir mal. Por lo general, así miraré un patrón e intentaré averiguar cómo lo voy a crear. Voy a mirar la repetición, porque eso es realmente importante para mí saber qué elementos necesito para crear el diseño, y luego desarrollaré algún plan para diseñarlo. Cube era una posibilidad. Cubo con un corte de esquina fuera de él terminó siendo una opción factible, pero este de aquí terminó siendo el más fácil de crear, y así es como vamos a crear este diseño ahora. 3. Pt 2: dibuja una cuadrícula de Hexagon: Para empezar a hacer nuestro patrón, escogeremos Archivo y luego Nuevo. Haciendo un documento 700 pixels cuadrado modo de color RGB, es bastante importante dejar una línea nuevos objetos a la cuadrícula de píxeles desactivados. No va a ayudar a la ewe si tienes ese set puesto, voy a dar clic en “Ok”. Vamos a dibujar unas rejillas hexagonales, por lo que va a estar basado en un hexágono. Haré clic en la herramienta de polígono y pincharé una vez en el documento. Un hexágono tiene seis lados, así que he puesto lados a seis y el radio a 50. Voy a dar click en “Ok”. El hecho de que el radio sea de 50 significa que la forma tiene un ancho de 100 píxeles, pero no tiene una altura de 100 píxeles, solo mide 86.6 o tres píxeles de altura. Esa medición es realmente importante, necesitaremos en breve. Voy a apagar el relleno de esta forma y sólo dejar un trazo en su lugar. Por lo que sólo tengo un hexágono muy sencillo. Voy a alinear herramienta. Voy a dar click una vez en el documento. Yo quiero que mi línea sea de 100 píxeles porque va a través este eje del hexágono y el ángulo es de cero grados. Voy a dar click en “Ok”. Con la línea todavía seleccionada, quiero copiarla y rotarla, lo cual puedo hacer en un solo paso: Objeto, Transformar, Rotar. Lo rotaré 60 grados y pincharé en “Copiar”. Entonces iré a hacer eso otra vez. Objeto, Transformar, Girar 60 grados, haga clic en “Copiar”. Ahora tengo tres líneas por aquí y un hexágono aquí. Voy a seleccionar todo. Voy al panel Alinear. Si no ves aquí tu panel Alinear, elige Ventana y luego Alinear. Voy a hacer clic en el menú de hamburguesas y hacer clic en “Mostrar opciones” y luego asegurarme de que la herramienta alineada esté configurada en selección, no en mesa de trabajo. Entonces daré clic aquí en Horizontal Alinear Centro y luego Alinear vertical centro. Lo que eso hace es colocar todas las formas centradas unas encima de otras. En este punto, puedo elegir Objeto, Grupo, para agruparlos. Ir a moverlos por aquí hasta la esquina superior del documento. Vamos a construir esto como nuestra grilla. Escogeremos Efecto, Distorsionar y Transformar, y luego Transformar. Encenderé la vista previa, y quiero unas cuatro copias. Voy a mover esta forma unos 100 píxeles en esta dirección para que cada uno de mis hexágonos se unan hasta el mismo siguiente, pero justo en un punto. Entonces teclearé un 100 píxeles y presionaré la tecla Tab. En la reflexión, creo que el ojo puede conseguir otra forma aquí dentro, y voy a dar clic en “Ok”. Ahora queremos tomar esta forma y moverla hacia abajo y a través. Por lo que va a mover la mitad de su ancho a través para llenar este hueco aquí y va a moverse por su altura. Su altura es de 86.603. Escogeré Efecto, Distorsionar y Transformar, Transformar. Daré clic en “Aplicar nuevo efecto”. Voy a mover esto horizontalmente la mitad de su ancho, así que son 50 píxeles, y verticalmente 86.603. Encenderé la vista previa y ahora quiero unas cuantas copias de esto. Ahora, mi cuadrícula no sólo está en ángulo, sino que también es mucho más grande de lo que necesito que sea. Pero solo necesitas un montón de hexágonos aquí en este punto y solo haz clic en “Ok”. Debido a que esto no va a ser en realidad parte del patrón, sólo vamos a usar esta cuadrícula para diseñar nuestro patrón. A continuación vamos dos ampliar esto. Así que elige Objeto, Expandir Apariencia y, a continuación, Desagrupar objetos. Seguiré haciendo eso hasta que Desagrupar ya no sea una opción. Echemos un vistazo a la última paleta y veamos qué tenemos. Bueno, tenemos montones y montones de formas. Tenemos h de las líneas y h de los hexágonos y todo está seleccionado. Sólo voy a agruparlos en un solo grupo; objeto, grupo. Ahora que este es un grupo, necesito girarlo porque la rejilla en forma de hexágono de lo que necesito necesita abeja en un ángulo de 30 grados. Entonces elegiré Objeto, Transformar, Rotar, Escribiré 30 grados y pincharé “Ok”. Entonces esta es la cuadrícula que vamos a usar para crear la forma que va a ser la forma básica para nuestro patrón. 4. Pt 3: haz las formas: Lo que hice para que sea un poco más fácil para nosotros decir exactamente lo que vamos a estar haciendo este patrón es que extraigo una pasta de la imagen de patrón. He marcado las formas que vamos a estar creando usando esta cuadrícula. Simplemente lo voy a mantener aquí porque podría ser más fácil para ti visualizar exactamente cómo vas a crear el patrón. Por aquí en la paleta de capas, voy a bloquear a este grupo porque no quiero que se mueva. Voy a seleccionar la herramienta de bolígrafo. Voy a apagar el trazo y voy a seleccionar el relleno y voy a elegir un relleno que sea de color brillante. Podemos cambiar estos colores fácilmente más adelante, pero vas a querer poder ver lo que estás haciendo mientras dibujas. Vamos a empezar con esta pieza aquí. Voy a seleccionar cualquiera de los puntos de esta cuadrícula para empezar. Pero se puede ver que busco ese cruce donde se escribe la herramienta de pluma sobre la intersección de estas líneas. Voy a dar click, voy bajando dos puntos de cuadrícula, y voy a dar click aquí. Voy subiendo un punto de cuadrícula aquí. Voy arriba aquí, un punto de cuadrícula, por aquí, un punto de cuadrícula, arriba, un punto de cuadrícula, y de vuelta a mi punto de partida. Esa es esta forma aquí en azul. Voy a hacer clic lejos de la forma para anular su selección. Voy a hacer un nuevo color de relleno. Voy a volver a mi herramienta de bolígrafo y vamos a crear esta forma aquí, pero para que no interactuemos con la forma rosa la bloquearemos antes de empezar. Nuevamente, buscando estos puntos de anclaje y apenas siguiendo el patrón que tengo aquí para la forma verde. Ahora, tengo un punto de anclaje que está por aquí, pero puedo arreglarlo en un minuto. Vamos a cerrar eso. Seleccionaré el grano para el color final. Nuevamente, seleccione la herramienta de plumilla y dibuje con esta forma, simplemente haciendo clic en cada uno de estos puntos, utilizando la cuadrícula como guía. Asegurándome de que cierro todas las formas. Ahora mi forma de soplado, como dije, estaba apagado. Simplemente lo voy a desbloquear y voy a acercarme a esta posición para decir si puedo encontrar una mejor posición para este punto de anclaje aquí. Esto lo va a mover sobre este punto de anclaje. Voy a revisar todos estos anclajes justo antes de salir de la rejilla. Todo se ve realmente bonito. Incluso se puede ver que tengo un elemento muy parejo de negro a lo largo de todos estos bordes con la posible excepción de éste de aquí. Pero todos los demás se ven realmente ordenados y ordenados. Eso es lo que se quiere tener en este punto. Se quiere tener formas perfectas. Presionaré ctrl+0 para alejar el zoom. Ahora, que tengo mi forma, ya no necesito mi grilla, así que la apagaré. Ya no necesito la ilustración, así que la apagaré a.o Pero voy a desbloquear estas tres formas. Voy a seleccionarlos, y voy a agruparlos. Al agruparlas y asegurarnos de que las formas no van dos cambian ahí relación entre sí. Si todos están atrapados juntos, se van a quedar atrapados juntos. Ahora, tengo la forma básica para la pieza que va a ser mi patrón. Voy a recolorearlo antes de continuar, voy a dar clic a recolorear ilustraciones. Sólo voy a la opción de edición aquí y voy a seleccionar una serie de blues para esto. El azul más claro se va a abeja en la parte superior. Este va a ser el oído azul medio. Este va a ser el azul más oscuro, más azul morado. Haré clic en “Ok”, así que esa es una de mis formas, pero mi patrón es alternando colores. Voy a seleccionar esto y Alt arrastra un duplicado. Voy a colorear esto de manera diferente. Ahora que tengo mis colores, sólo los voy a vincular para que viajen juntos. Quizás escoja un mejor amarillo para esto. Ahora, tengo mis dos formas y cada una de ellas está en grupos. Es hora de empezar a alinearlos. Con la herramienta de selección, solo voy a colocar estas formas alineadas entre sí. Los seleccionaré a ambos y arrastraré un duplicado. Voy a seleccionar las dos formas moradas y sólo asegurarme de que estén perfectamente alineadas verticalmente y hacer lo mismo con las dos formas amarillas. Entonces voy a tomar un duplicado de las formas amarillas y simplemente moverlas por el documento. Si añado el Shift+K a medida que los muevo, van a estar constreñidos a moverse en una dirección perfectamente horizontal. Una vez que tengo seis formas en su lugar, tengo todo lo que necesito para mi patrón. Porque busco una pieza de patente que vaya de aquí de enfrente a aquí, abajo a aquí, y de enfrente a aquí. Patrón muy, muy sencillo. Voy a ir a buscar la herramienta de rectángulo, y voy a dibujar de nuevo mi rectángulo buscando mi punto de anclaje aquí cuando vaya a dibujar mi rectángulo. Ahora bien, si no lo entiendo exactamente bien, eso no importa. Voy a hacer que sea un sin trazo, sin rectángulo de relleno. Voy a acercarme aquí para comprobar su posicionamiento. Con la herramienta de selección, puedo simplemente ajustarlo a la posición justo sobre ese punto y solo asegurarme de que está corriendo hacia abajo la posición exacta que debería estar a través de estas curvas en el patrón aquí. Que es perfecto en el fondo aquí. Estoy bastante contento con eso. Sin relleno, sin rectángulo de huelga. El problema es que está en la parte superior de la pieza de patrón y necesita estar en la parte inferior. Voy a arrastrarlo aquí abajo detrás del fondo de estos grupos de aquí. Cerraré todo lo demás porque eso significa que puedo hacer clic en la capa aquí. He seleccionado todos los grupos y el sin relleno, sin rectángulo de huelga. En otras palabras, todo lo que necesito para hacer mi patrón. Tengo seleccionada mi herramienta de selección, así que voy a arrastrar y soltar la cosa del agujero en el panel de muestras. Ese es mi patrón. 5. Pt 4: prueba el proyecto de patrón y enrutado: Una vez que hayamos creado nuestro patrón, voy a presionar “Control 0" para alejar el zoom. Ya que todo está seleccionado, sólo puedo sacarlo del camino. Voy a dejarlo ahí por si acaso hay algo mal con mi patrón o por si acaso quiero hacer algunos ajustes al mismo. Ciertamente, con los patrones complejos como este, no lo estaría borrando hasta asegurarme de que funcione perfectamente. Voy a seleccionar la “Herramienta Rectángulo” y crear un rectángulo que sea del tamaño de mi mesa de trabajo aquí, 700 píxeles por 700 píxeles de tamaño. Voy a ajustar mi alineación a mesa de trabajo y luego solo alinearla para que quede justo encima de la mesa de trabajo. Abriré el panel de muestras. Tenga en cuenta que mi relleno está seleccionado o dirigido y haré clic en mi muestra de patrón. Es perfecto. Ni siquiera es una línea de fractura en este patrón, simplemente se ve exactamente de la forma en que debe verse. Escogeré “Objeto”, “Transformar”, “Escala”. Simplemente voy a reducir la escala en el patrón, pero no el objeto, y haga clic en “Ok”. Como dije cuando hablaba de cómo crearíamos este patrón, intenté algunas formas de crearlo. De esta manera, construir esa rejilla hexagonal me dio la mejor oportunidad de asegurarme de que este patrón sería perfecto, y lo es. Ahora una vez que hayas creado tu patrón, por supuesto, puedes empezar a trabajar con tus colores. Haga clic en “Recolor Artwork”. Puedes hacer click en “Editar”, y luego puedes ir a cambiar los colores. Ahora, por cada uno de mis colores, los voy a enviar de vuelta un poco más a escala de grises. Voy a ir al brillo y voy a reducir el brillo en ellos. Pero hay muchas combinaciones de colores que podrías usar para este patrón, y es realmente un patrón bastante sofisticado. Espero que hayas disfrutado de esta clase y que hayas disfrutado de la mirada a cómo se pueden desarrollar patrones a partir de imágenes que encuentres, cómo puedes calcular cuál va a ser tu repetición de patrones, cómo puedes calcular los elementos que eres va a necesitar construir, y algunos de los procesos de pensamiento por los que podrías pasar cuando estás tratando de desarrollar una solución para construir el patrón. También ten en cuenta que lo primero que ves puede no ser la forma más eficiente, efectiva, o incluso la más precisa de construir el patrón. Ciertamente no fue para mí. Pensé que podría construirlo usando cubos incluso con piezas recortadas, pero al final, la rejilla hexagonal era una forma mucho más sofisticada de construirlo con mucha más precisión incorporada. Tu proyecto para esta clase va a ser construir tu propio patrón. Siéntete libre de hacer este. Yo quería que pudieras ver cómo se podía construir, que ese sería un proyecto de clase realmente bueno. Si quieres ir y encontrar un patrón en Internet y averiguar cuáles van a ser las repeticiones y luego construirlo tú mismo, por favor hazlo. Pero por favor prométeme que si te atascas, me harás saber que estás atascado para que yo pueda ayudarte a averiguar cómo lo vas a hacer. Ahora, mientras estabas viendo esta clase, habrás visto un prompt para recomendárselo a otros. Por favor, si disfrutas de la clase, haz dos cosas por mí, dale un pulgar arriba y escribe en pocas palabras por qué disfrutaste de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar y aprender. Si quieres dejarme un comentario o plantear una pregunta, 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 en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.