Patrón de cubo isométrico en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Diseño gráfico para la introducción del patrón de cubo del Lunch: Hola, soy Helen Bradley. Bienvenido a esta clase de diseño gráfico, crea un patrón de cubo isométrico en Adobe Illustrator. Diseño gráfico para Lunch 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. actualidad, estamos buscando crear un patrón de cubo en todas las versiones de Illustrator. Voy a cubrir todo, incluyendo CS4, CS5 CS6 y CC. Van a ser técnicas diferentes para cada una de estas aplicaciones por las herramientas que tienes o no tienes a tu disposición, pero vamos a lidiar con todo eso. Conforme estás trabajando a través de estos videos, vas a ver un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas, que al igual que tú, quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios que miro, y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a crear este patrón de cubo en Illustrator. 2. Pt 1: haz el cubo: Para crear nuestro patrón de colas, vamos a empezar con un nuevo documento Archivo y luego Nuevo. Mis documentos, 1000 por 600 píxeles Modo de color RGB. El ajuste realmente crítico aquí es éste, no habilite una línea nuevos objetos a la cuadrícula de píxeles. Quieres que esta casilla de verificación esté desactivada. Por supuesto que lo puedes ver con solo hacer clic, abre este panel avanzado y haz clic en “Ok”. Ahora voy a dibujar un hexágono. Comparte una posición de barra de herramientas aquí con una herramienta de rectángulo, y es una herramienta de polígono que dibujaremos nuestro hexágono para nosotros. Entonces voy a dar clic en la herramienta de polígono, voy a dar click una vez en mi documento porque eso me permite configurar cuántos lados y el radio. Seis lados y un radio de 200 está bien, así que haré clic en “Ok”. Ahora voy a voltear mi trazo predeterminado y color de relleno, así que tengo un relleno y voy a apagar mi trazo. También voy a apuntar a mi relleno y solo encontrar un color ligeramente más claro con el que trabajar por ahora. Con la herramienta de selección que acabo de seleccionar en la forma, lo que quería hacer a continuación es rotarla para que se asiente en uno de estos puntos. Entonces con ella seleccionada, voy a elegir Objeto, Transformar, Rotar. Esta rotación es una rotación muy simple que gira cualquier forma alrededor de su punto central. Vamos a rotar esto alrededor de 30 grados, encender la vista previa para que puedas ver cómo se ve y luego solo tienes que hacer clic en “Ok”. Ahora tenemos nuestra forma hexagonal, que es la base de nuestro patrón, necesitamos dibujar algunas líneas a través de él. Para esto voy a la herramienta de bolígrafo, voy a dar click en la Herramienta Pluma, voy a con la forma no seleccionada. Entonces no quiero cambiar las propiedades de esta forma, pero solo quiero cambiar las propiedades de mi nuevo objeto. Voy a voltear, llenar, y acariciar. Entonces no tiene relleno, sí tiene un trazo, pero quiero que el trazo sea algo que vaya a contrastar con esto sacude o necesito poder ver lo que estoy haciendo de manera efectiva. Entonces vamos en realidad a conseguir un rojo. Entonces con la herramienta de bolígrafo que va a pasar por fuera y por encima de esta forma. Yo quiero estar por encima de este punto y la guía inteligente debería ayudarte ahí, y si no funcionan, está bien lo vamos a resolver en un minuto. Entonces voy a dar click una vez y voy bajando aquí bien debajo de la forma sosteniendo el caso de turno, así que creo una línea perfectamente recta y hago clic una vez más. Entonces voy a salir del camino, mantenga presionado el Control o Comando K y solo haga clic una vez y eso solo detiene el dibujo de la herramienta de lápiz. Entonces tenemos una línea de bolígrafo. Tenemos que asegurarnos antes de progresar que en realidad está centrado justo por encima de esta forma. Entonces vamos a la herramienta de selección, vamos a seleccionar ambos objetos, y luego vamos al panel Alinear porque necesitamos establecer algunas opciones aquí. Entonces si no ves aquí tu panel Alinear, ve y elige Alinear ventana. Después abre este pequeño menú flyout, elige Mostrar opciones, y nos vamos a alinear con la selección, que estas dos formas y se vayan a alinear entre sí. Todo lo que tenemos que hacer es dar click aquí Horizontal Align Centro. Eso va a asegurar que esta línea esté perfectamente alineada sobre la línea central. Entonces vamos a dar click aquí en Vertical Align Center, eso también es importante, porque queremos que los centros de ambos objetos estén exactamente en el mismo lugar. Ahora puedes hacer clic lejos de la forma, seleccionar tu línea sin moverla, vas a elegir Objeto, Transformar, Rotar. Esta vez lo vamos a rotar 60 grados. Con Preview activada, puedes ver cómo se ve y solo tienes que hacer clic en “Copiar” porque eso hace un duplicado de la línea y la gira. Entonces puedes hacer y deshacer eso de nuevo, Object, Transform, Rotar, los ajustes son exactamente los mismos que eran solo haz clic en copiar, y luego puedes hacer clic de distancia. Entonces tenemos ahora tres líneas divisorias que dividen nuestro hexágono. Vamos a utilizar la herramienta constructor de formas. Ahora la herramienta de constructor de formas era nueva en Illustrator CS5, si estás usando CS4 o temprano, voy a añadir un video al final de esto para mostrarte cómo puedes hacerlo en CS4, pero supongamos que estás trabajando en CS5 o más tarde, vas a la herramienta de selección, vas a seleccionar sobre todas estas formas y vas aquí a la herramienta constructor de formas, así que voy a dar clic en eso una vez. La herramienta de constructor de formas permite unir las cosas para hacer formas. Entonces puedes ver aquí que tenemos dos triángulos y aquí hay dos, y dos aquí. Estos son los que queremos unir, por lo que con la herramienta de creación de formas, solo vas a hacer clic y arrastrar por las dos formas que quieres unir, y luego hacer clic y arrastrar a través de estas dos para unirlas a una sola forma, y luego hacer lo mismo aquí. Entonces ahora tenemos nuestras formas, ahora no necesitamos estas líneas aquí por lo que podemos sostener la tecla alt y simplemente hacer click en las líneas que no queremos. Eso solo eliminará esos, la tecla Alt o la tecla Opción si estás usando un Mac. Entonces ahora tenemos nuestras tres formas, son solo formas, por lo que han perdido todas sus propiedades. No hay trazo ni relleno. Pero podemos resolver eso yendo a la herramienta de selección entonces podemos seleccionar en cada una de estas formas a tiempo. Ahora si no puedes ver tus formas, sólo tienes que ir al panel Capas, y deberías tener tres formas aquí. Entonces vamos a empezar por seleccionar la de arriba, que es ésta de aquí. Esta va a ser nuestra forma más oscura, así que vamos a apuntar al color de relleno haciendo doble clic, y vamos a elegir un color para este lado, así que este va a ser el más oscuro de nuestro color. Entonces voy a elegir un azul aquí, y ahora es una forma llena. Ahora vamos a uno de los paneles laterales, éste de aquí. Ahora este va a ser el más ligero de nuestros paneles, pero porque quiero que coordine color, voy a seleccionar la herramienta Cuentagotas. Voy a dar click en esta forma. Entonces estoy usando exactamente el mismo color como punto de partida. Ahora si hago doble clic en este color, puedo ir y conseguir una versión más ligera del mismo. Entonces solo voy a subir aquí y conseguir una versión ligera. Entonces vamos al último de nuestros tres caminos, que es éste de aquí, y va a ser un medio tiempo en algún lugar entre estos dos colores. Entonces con ella seleccionada y con el relleno dirigido aquí, tengo mi herramienta cuentagotas, solo voy a ir y conseguir el mismo color, hacer doble clic en él y elegir un color que esté en algún lugar entre los dos. Di algo así de este color aquí. Entonces tengo una luz, media, y oscura. Entonces en este punto tenemos la forma básica a partir de la cual podemos hacer nuestro patrón, pero lo que hagas a continuación va a depender de qué versión del Illustrator estés usando. Si estás usando Illustrator CS6 o CC las versiones más recientes, entonces tienes una herramienta llamada Pattern Make que puedes usar para hacer tu patrón, y así lo vamos a ver en el siguiente video. Si estás usando Illustrator CS5 o anterior, entonces tienes que hacerlo de una manera diferente. Por lo que tengo un video separado para usuarios de CS4 y CS5, por lo que debes identificarlo en la lista de videos e ir directo a ese video, y vamos a retomar desde este punto en adelante. 3. Pt 2 hacer el patrón Illustrator CS6 y CC: Si estás usando Illustrator CS6 o CC, ahora estás listo para crear tu patrón. Así que ve a la herramienta de selección y selecciona sobre el cubo, elige objeto, patrón, make. Si no tienes esta opción, tendrás que saltar hacia adelante al siguiente video porque estás usando una versión diferente de illustrator. Tan pronto como hagas click, Make puedes hacer click Ok, para solo agregar el nuevo patrón a tu panel de muestras, pero necesitas configurar tu patrón porque en este momento hay un gran agujero en el medio del mismo. Eso se debe a que el tipo de azulejo no es correcto. Abre este panel y elige Hex by Row, y Hex by Row crea un mosaico perfecto para este patrón de cubo en particular. Ya terminaste con este diálogo, no necesitas hacer ningún otro cambio al mismo. No te preocupes que tus mosaicos de patrón puedan parecer livianos eso es solo una función de lo que estás viendo en la pantalla, no va a afectar el patrón final. Puedes ver el pequeño adelanto aquí que es más indicativo de cómo se va a ver tu patrón. Pero como ya terminaste en este diálogo, puedes seguir adelante ahora y solo tienes que hacer clic en Listo. Te quedas con tu cubo aquí y tienes un nuevo patrón en tus ejemplos de patrones. Voy a salir a buscar mi cubo, sólo voy a sacarlo del camino porque no lo necesitamos ahora mismo. Vuelvo aquí, voy a añadir un rectángulo del tamaño de mi mesa de trabajo. Voy a hacer clic en la herramienta de rectángulo, mi mesa de trabajo era de 1000 pixeles por 600 pixeles. Haces el tuyo de cualquier talla que te guste, pero yo decido cubrir mi mesa de trabajo hasta arriba. Voy al panel Alinear y esta vez me voy a alinear con la mesa de trabajo, seleccionar mi forma, y luego centrar la forma en la mesa de trabajo. Por el momento tiene un relleno azul, y se puede ver que el relleno es el objetivo de estas muestras. Eso es exactamente lo que quiero, así que voy al panel de muestras. Solo voy a dar click una vez en el patrón que creé y eso se agrega el patrón a la forma. Ahora tenemos algunas líneas de fractura a través de este patrón. Probablemente desaparezcan cuando lo redimensionemos. Voy a elegir Escala de transformación de objetos, y voy a deshabilitar objetos de transformación, no quiero transformar este rectángulo, lo que sí quiero hacer es hacer mi patrón un poco más pequeño. En realidad voy a bajarlo a alrededor del 50 por ciento, y hacer clic en Ok. Parece que las líneas de fractura, estas finas líneas blancas que a veces consigues a través tus patrones en ilustrador ahora han desaparecido. Si encuentras que tus líneas de fractura siguen ahí, vuelve a seleccionar tus formas, elige Objeto, Transformar, Escala, Ajusta tu escala a un 100 por ciento porque eso la llevará vuelta a lo que era cuando entraste en este diálogo, y luego simplemente ajustar la escala hacia abajo uno por ciento a la vez hasta que desaparezcan las líneas de fractura. Ahora si las líneas de fractura aún persisten, hay otra opción que puedes usar. Antes de guardar tu patrón listo para su uso, ve a Editar y luego Preferencias y General. En un Mac elegirías Preferencias de Illustrator General, y quieres restablecer esta configuración aquí, quieres desactivar Artología antialiased y hacer clic en Ok. Es posible que encuentres que tus formas están un poco pixeladas, pero como las estás guardando, probablemente como una imagen JPEG para hacer tela o papel de scrapbook o algo fuera, eso no será un problema. Pero solo ten en cuenta que eso puede ayudarte a deshacerte de las líneas de fractura que a veces obtienes a través de patrones en Illustrator. Se trata de un problema continuo que ha sido un problema en Illustrator durante años en algo que Adobe no ha abordado, y es solo algo para lo que tenemos que encontrar soluciones y soluciones. Ahí está tu patrón de taco aquí en Illustrator. Si estás terminando con esta clase en este punto, tu proyecto de clase va a ser crear este patrón por ti mismo y publicar 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 la creación de patrones en Illustrator. Conforme estás trabajando a través de estos videos, habrás visto un prompt para darle un pulgar hacia arriba. Por favor si estás disfrutando de la clase, dale un pulgar arriba y escribe unas palabras sobre por qué disfrutas de la clase. Estas recomendaciones ayudan a otros alumnos a descubrir mis clases y a determinar si ellos también podrían disfrutarlas. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, 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 Almuerzo, y espero verte pronto en un próximo episodio. 4. Pt 3 hacer el Illustrator con la CS5 y anteriormente: Si estás usando Illustrator CS5 o CS4 o anterior, ahora vamos a crear el patrón en esas aplicaciones. Para empezar, voy a seleccionar sobre esta forma y agrupar todo. Elija Objeto y luego Agrupar. Eso lo convierte en una sola forma. También lo voy a encogerlo. Voy a mantener presionada la tecla Mayús ya que solo arrastro hacia abajo para hacerlo un poco más pequeño porque va a ser un poco más fácil trabajar con. Necesito un par de copias de esta forma, así que voy a mantener presionada la tecla Alt u Opción mientras arrastro un duplicado. Simplemente lo voy a colocar aquí abajo, más o menos en línea, y ahora voy a Alt-drag para crear una segunda versión de la misma. Ahora bien, este es el punto en el que es realmente crítico que no tuvieras habilitada la cuadrícula Alinear Nuevos Objetos a Pixel porque Illustrator realmente haría un gran lío de esto. Pero vamos a asegurarnos de que todo esté perfectamente alineado. Seleccione sobre ambas formas y vaya al panel Alinear. Vas a abrir esta opción alinear a y elegir Alinear a objeto clave. No importa cuál de tus objetos tenga esta línea azul a su alrededor, esta pesada línea azul, solo que uno de ellos la tenga. Vas a establecer cero píxeles en el espaciado y solo tienes que hacer clic una vez para distribuir el espacio horizontalmente. Lo que eso hace, es que solo alinea estos dos objetos hacia arriba a lo largo del borde, por lo que están perfectamente alineados. Vamos a seleccionar sobre estos dos y agrupar esos. Objeto, Grupo. Entonces, vamos a hacer un duplicado de esto. Voy a sostener Alt u Option y sólo mover un duplicado aquí arriba. Con lo que queremos terminar es algo que se ve así. Tenemos que asegurarnos de que todo esté bien centrado porque hicimos un grupo con esto, y un grupo con esto, y un grupo fuera de esto. Si seleccionamos los tres y vamos a Alinear a la selección, solo podemos hacer clic una vez aquí en Horizontal Align Center, y eso solo se asegura de que todo esté bien alineado en el centro. Eso es crítico para que esto funcione. Si tienes todo alineado bien, y puedes acercarte un poco aquí para comprobarlo y solo asegurarte de que todo parezca que está realmente alineado de verdad, entonces estás listo para seguir adelante y para crear tu ritmo de patrón. Sólo voy a presionar Control o Comando cero solo para alejar el zoom. Ahora, para crear nuestro ritmo de patrón, necesitamos tomar una rebanada de este documento que va de aquí, otro lado a aquí, todo el camino hasta este punto, por aquí y retroceder. Vamos a hacer un rectángulo. Voy a dar clic en la herramienta “Rectángulo”, y voy a hacer un rectángulo sin relleno, sin trazo. Va a ser más fácil trabajar de esa manera. Voy a sostener el puntero del ratón sobre este punto de anclaje aquí, y voy a hacer clic y arrastrar. Yo quiero ir todo el camino hasta aquí, y luego todo el camino hasta aquí, y estoy usando las guías inteligentes para alinear todo. Eso será realmente útil. Una vez que tengas tu forma, solo tienes que hacer click de distancia. Ahora, puedes pasar por el último panel, y puedes seleccionar tu rectángulo, y luego simplemente verificar dos veces que esté en el lugar correcto. Sólo voy a acercar para asegurarme de que esté alineado sobre estos puntos aquí. Si no está alineado sobre esos puntos, entonces simplemente elige la herramienta Selección y asegúrate de que esté alineada. Se ve bastante bien aquí y bastante bien aquí. Se ve bien aquí abajo. Creo que tengo una buena selección ahí. Voy a presionar Control o Comando cero para volver a salir. Por el momento, mi no relleno, ningún rectángulo de golpe está en la parte superior de la última pila. Para hacer un patrón, tenemos que poner esto en la parte inferior. Tenemos que tenerlo debajo de todo lo que queremos ser parte de nuestro patrón. Simplemente lo estoy arrastrando en el panel de capas, así que se sienta debajo de todo. Entonces voy a seleccionar todo el lote, todos estos cubos y mi sin relleno, sin rectángulo de trazo. Voy a abrir mi paleta Muestras, y quiero ubicar el lugar donde tengo muestras. Si no tienes todas tus muestras visibles, solo tienes que dar click en esta opción aquí y elegir Mostrar todas las muestras porque este es el lugar que necesito para arrastrar mi patrón. No va a entrar en un grupo de colores aquí, pero va a entrar aquí. Con la herramienta de selección seleccionada, voy a hacer clic y arrastrarla y soltarla aquí arriba en el panel de muestras, y eso hace un patrón de esta forma. Ahora, he terminado con esta forma, pero por si acaso cometí un error, sólo voy a sacarlo todo del camino. Yo sólo voy a quitárselo del borde mismo de la mesa de trabajo aquí. Voy a volver a mi mesa de trabajo. Voy a hacer un rectángulo del tamaño de la mesa de trabajo. Tiene 1,000 pixeles por 600 pixeles de tamaño. Haga clic en “Ok”. Por el momento, no es relleno, no trazo, pero verás que el relleno es la muestra activada aquí. Voy al panel de alineación. Voy a alinearme a mesa de trabajo, y hacer clic en la opción centro. Esta sin relleno, sin forma de trazo ahora está centrada sobre mi mesa de trabajo. Voy a dar click Abrir el panel Muestres y basta con dar click para llenarlo con mi muestra de patrón, y puedes ver aquí que la muestra de patrón es simplemente hermosa. Está funcionando a la perfección. Vamos a la herramienta Selección. Objeto, Transformar, Escala. Esto nos permitirá hacer el patrón un poco más pequeño. Necesitamos deshabilitar los objetos de transformación. No queremos transformar el rectángulo, solo queremos transformar el patrón. Quiero bajar mi patrón a alrededor del 50 por ciento y hacer clic en “Ok”. Ahí tienes el patrón de cubo creado en Illustrator CS5 y CS4 y versiones anteriores. Por supuesto, también puedes crear un patrón de esta manera en versiones posteriores de Illustrator. Es solo que la herramienta de creación de patrones hace muchos patrones en Illustrator sean un poco más fáciles de hacer, y ciertamente, este es uno de ellos. Si estás usando Illustrator CS5 o anterior, tu proyecto para esta clase va a ser ir y hacer este patrón en tu versión de Illustrator, publicar una imagen de tu patrón terminado en el área del proyecto de clase, y dime si estás usando una de estas versiones anteriores de Illustrator, porque si lo eres, realmente te mereces más kudos por hacer este patrón, y me gustaría darte eso. Al estar trabajando a través de estos videos, habrás visto un prompt para recomendar la clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas que, igual que tú, quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos sus comentarios. Yo miro, y respondo, a todos sus proyectos de clase. Me llamo 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. 5. Pt 4: haz el cubo en Illustrator y antes.: Si estás usando Illustrator CS4 o temprano, no tienes la compilación de forma en absoluto. Entonces vas a entrar aquí, tienes tus líneas todas creadas y tu forma. Voy a asegurarme de que todo esté centrado porque esto es realmente crítico. Así que ve al panel Alinear, asegúrate de haber alineado con la selección seleccionada, y asegúrate de que todo esté centrado horizontal y verticalmente. Porque eso significa que ahora estas líneas van a intersectar perfectamente esta forma. Voy a seleccionar sobre todo. Por lo que he seleccionado todas las tres líneas y el hexágono. Voy por la paleta Pathfinder. Si no lo ves aquí, solo elige ventana y luego Pathfinder, y vamos a dar click aquí en divide. Eso va a usar estas líneas para dividir la forma debajo. Si vamos al último pallete, dirás que tienes un grupo aquí con seis objetos. Ahora podrías tener un punto extra o dos, no te preocupes por esos, pero básicamente lo que buscas, estos objetos de seis colores. Entonces voy a seleccionar mi grupo, así que haz clic aquí, y voy a elegir Object Ungroup, porque no los necesitan en un grupo en esta etapa. Ahora con mi Herramienta de Selección, voy a seleccionar sobre esta esquina inferior y eso selecciona estos dos objetos. Van a crear un panel de nuestro cubo. Entonces con ellos seleccionados, vamos a volver al Pathfinder y vamos a hacer clic en Unite, y eso sólo los convierte en una sola forma, y luego podemos llenarlos de nuestro color. Ahora estos van a ser los colores más claros. Ya tengo aquí algunos colores que puedo usar. Haga clic de distancia. Vuelve a tu Herramienta de selección, selecciona esta vez sobre esta esquina. Por lo que agarras estas dos formas aquí y las unes y las llenas de color. Entonces vamos a ir, en este caso, por nuestro segundo a más oscuro color. Entonces sólo voy a elegir esta de aquí, y luego estas dos formas de aquí. Nuevamente, en el Pathfinder, los vas a unir y luego vas a colorearlos con tu color más oscuro. Entonces este es ahora el cubo que necesitas para crear tu patrón y tendrás que buscar la Parte 3 de esta serie. parte 3 de esta serie está haciendo el patrón para Illustrator CS5 y anteriores, y ese es el que necesitarás ver.