Diseño gráfico geométrico: 8 patrones para impulsar tu próximo proyecto

1. Introducción: Creo que lo que hace cautivadores a los patrones es que son tanto estéticos como repetitivos. Es muy humano de nuestra parte tratar de encontrar patrones en la vida. Creo que cuando lo vemos en forma estética, realmente nos intriga. Hola, soy Dan Kuhlken Soy la mitad de estudios DKNG y estoy radicada en Los Ángeles. Soy Nathan Goldman, la otra mitad de DKNG y estoy radicada en Portland, Oregon. Los patrones están a nuestro alrededor y llegamos a usar patrones principalmente como una herramienta para la eficiencia. Podemos trabajar más rápido con formas repetidas. Pero también llegamos a depender de patrones solo por su valor estético y se han convertido en una parte realmente interesante de muchos de nuestros proyectos. La clase de hoy se trata de crear patrones geométricos, formas simplificadas que crean una muestra sin fisuras, que crea un mundo entero que puedes usar dentro de tu diseño. Todo desde muy simplistas como puntos y líneas hasta algo más complejo como una teselación. Te estaré guiando a través de algunos ejemplos prácticos de patrones, cómo usamos patrones en algunos de nuestros proyectos de clientes reales, y también cómo evitar algunas trampas comunes de patrones. Si eres nuevo en el mundo de los patrones como estamos con muchos de estos ejemplos, definitivamente no te intimides. Vamos a empezar con enfoques realmente simples. Podrás experimentar al contenido de tu corazón y hacerlos tan complejos como quieras. Estamos emocionados, estás aquí. Ahora empecemos. 2. El poder de los patrones: Bienvenidos a la clase. Nos alegra tenerte aquí y hoy vamos a estar hablando de patrones geométricos. Los patrones realmente pueden ser cualquier tipo de diseño repetido o forma repetida. Cualquier cosa que utilicemos en nuestro trabajo de diseño, lo consideramos un patrón si tiene elementos repetitivos y patrones geométricos, realmente nos vamos a centrar en el uso de formas básicas. Probablemente ya estés familiarizado con ver muchos patrones a tu alrededor e incluso algunos famosos. Echemos un vistazo a algunos ejemplos que incluyen ese empate en lo que vamos a estar hablando en la clase. Este primer ejemplo es una pintura de Roy Lichtenstein que juega esta idea de usar puntos de medio tono y estaremos creando un patrón de puntos como este en la clase. Algo completamente en el otro extremo del espectro es un patrón de teselación más avanzado como este ejemplo de M. C. Escher y Dan se estará metiendo en algunos ejemplos como este. Este es otro ejemplo de M. C. Escher que es más un patrón rotacional y estaremos cubriendo cómo hacer algo así también. Por supuesto, hay todo tipo de patrones famosos en la industria de la moda de los que probablemente estés al tanto. Éstos son algunos de esos. Algo así como este patrón de pata de gallo es en realidad una teselación y te explicaremos más sobre qué es eso más adelante en la clase. Básicamente cómo el espacio negativo de una forma ocupa el espacio positivo en las formas vecinas. Realmente no hay vacíos en absoluto. Este es probablemente uno de los ejemplos más famosos de una teselación. Incluso algo así como si miraras una imagen de un periódico súper de cerca, verás un patrón conformado por puntos. En este caso, los puntos CMYK que se utilizan para hacer una fotografía en color de la cara de una persona y hablaremos de cómo funcionan un poco esos patrones. Incluso la pantalla de computadora o monitor o pantalla que estás mirando en este momento tiene patrones involucrados y tocaremos eso y cómo interactúa con tu diseño en la sección Pattern Pitfall. Aquí hay otro ejemplo de patrones de puntos utilizados en un periódico y justo cómo se utilizan los puntos negros y blancos para crear una fotografía con todos los diferentes tonos de gris. Incluso cosas tan simples como una valla de cadena de eslabones o la pantalla que se utiliza para serigrafía son a la vez ejemplos de patrones y patrones que hay que tener en cuenta cuando se trata de cosas como el moire, del que hablaremos más en el Patrones Sección Pitfall. Esos son solo algunos ejemplos más conocidos, cosas que podrías haber encontrado y tocaremos mucho más de esas más adelante. Ahora podrías estar preguntando, si esta es información que solo es agradable de conocer o puede ser útil en tu trabajo? Lo que encontramos es que muchas veces cuando estamos resolviendo problemas o tratando de encontrar una forma más rápida de trabajar en muchos de nuestros proyectos, los patrones suelen ser la solución y en lugar de necesitar colocar elementos específicos manualmente o simplemente llenar un área grande con un diseño repetitivo, los patrones suelen ser a lo que recurrimos. A veces es solo una forma de empezar, algún momento es una forma de crear el producto final pero de cualquier manera, es una herramienta de ineficiencia a la que volvemos una y otra vez. El modo en que hemos estructurado esta clase es con ejemplos reales de nuestro trabajo y con cada lección, estaremos pasando por un tipo diferente de patrón y cómo lo usamos típicamente. En algunos casos, es puramente por el bien de la eficiencia. Puede que ni siquiera te des cuenta de que hay un patrón en el trabajo, pero es una forma de que pongamos el diseño en su lugar. En otros casos, utilizamos patrones puramente por su valor estético si tiene sentido para ese diseño, para que un patrón sea la solución. Echemos un vistazo a algunos de nuestros propios ejemplos. En la primera lección, vamos a cubrir patrones de puntos y este es un ejemplo de un cartel que hicimos. Era solo una serigrafía de un solo color y en realidad usamos puntos vectoriales para crear esta sensación de medio tono para crear diferentes tonos, diferentes cantidades de detalle, pero literalmente solo usando puntos circulares. Líneas es otro patrón que utilizamos bastante para hacer algo similar para crear sombreado y se puede ver en este ejemplo de póster de la izquierda. Obtenemos diferentes tonos medios y tonos y reflejos de estos colores, a pesar de que este póster sólo utiliza cuatro colores de tinta y en el lado derecho se puede ver el cierre de ese patrón de línea. Cubriremos cómo usamos eso como herramienta para crear sombreado cuando tengas algo como serigrafía donde quizás no puedas simplemente agregar más colores de tinta. Entonces cubriremos patrones trazos. No todos los patrones solo necesitan ser un relleno o una muestra grande. En realidad puede viajar por caminos y contornos. Este proyecto donde diseñamos cartas de juego fue en realidad un ejemplo perfecto de cuando nos dimos cuenta si nosotros, por ejemplo, todos los diamantes a lo largo del atuendo de este rey, si tuviéramos que colocar cada diamante individualmente y rotar cada uno a la perfección, realmente sería un reto y llevaría mucho tiempo. Pero a la derecha aquí se puede ver todo esto es, es un trazo curvo que atraviesa esa esa zona y al hacer un trazo de patrón de diamante, podemos simplemente colocar eso ahí dentro, manera automatizada donde sabemos que toda la geometría es perfecta. También estaremos cubriendo patrones superpuestos y este look de escala de peces, escala de dragón va a ser una introducción de cuando nos metamos en patrones de teselación más complejos. Como se puede ver aquí, no hay realmente ningún espacio negativo, pero eso se debe a que el patrón simplemente se superpone a sí mismo. Esta será la introducción a la creación de ese tipo de trabajo. De igual manera, patrones isométricos, puedes obtener este efecto cubo aquí y esto se usa simplemente básicamente usando ángulos. En este caso, tomando tus 360 grados, cortándolo en tres piezas y realmente puedes crear todo tipo de patrones tridimensionales usando este look isométrico. Entonces, por último, nos adentraremos en la parte más compleja de la clase, que va a ser sobre patrones de teselación. La primera vez que hicimos una teselación fue para este proyecto Almanac y queríamos hacer este patrón de perro donde el espacio negativo de un perro era en realidad el espacio positivo de los perros vecinos y eso es básicamente lo la definición de un patrón de teselación es, que no hay huecos. Se trata de un diseño geométrico y cualquier hueco se rellena por las formas vecinas, ya sea de la misma forma, múltiples formas. Hay muchas maneras de hacer eso. Nos meteremos en algunos ejemplos de eso más adelante también. Si has tomado alguna de nuestras otras clases, es posible que reconozcas algunos de estos tipos de patrones que hemos cubierto antes y estamos contentos de que en esta clase estemos compartiendo algunas técnicas actualizadas. Encontramos algunas formas, mejores, más rápidas, más fáciles, más infalibles de crear algunos de estos patrones. En cuanto a cómo te acercas a esta clase, sí te sugerimos que la tomes paso a paso en orden cronológico porque estaremos ampliando la complejidad a medida que avancemos. Pero lo bonito es que, con muchas de estas, puedes volver atrás y pasar más tiempo en cada una si quieres. Algo que queríamos mencionar es que usamos Illustrator para crear estos patrones porque todo es editable y a medida que entras en las primeras lecciones, empezarás a entender cosas como la herramienta Global Edit y formas que realmente puedes seguir retrocediendo y refinando tu trabajo. Te animaría a que pases por cada lección paso a paso porque se construirán unos sobre otros. Pero también te encontrarás volviendo a las cosas de finura mientras aprendes las diferentes técnicas y por supuesto, si encuentras formas únicas de usarlo en tu propio trabajo o en tus propios consejos y trucos para trabajar con patrones, por favor comparte los con nosotros también. eso nos vamos a estar metiendo. Sin más preámbulos, se lo voy a tirar a Dan y él se va a meter en nuestro primer patrón el cual está trabajando con puntos. 3. Patrones de puntos: Gracias Nathan. Ahora vamos a hablar de cómo crear patrones de puntos en Illustrator. Utilizamos puntos todo el tiempo en nuestro trabajo, sus que nos rodean, en la vida cotidiana, los vemos en periódicos, revistas, el proceso CMYK de imprimir esto todos los puntos. Normalmente utilizamos puntos, tanto en ilustrador como en Photoshop. Pero hoy vamos a hablar de cómo los usamos en Illustrator específicamente para que puedan estar en forma vectorial. Hemos impartido esta técnica en una clase anterior en Skillshare a través de nuestra clase de 10 tips. aquel entonces todavía estamos aprendiendo a trabajar el proceso, pero esta nueva técnica en realidad corta un par de pasos. Hay menos formas y menos pasos por completo. Es una forma más eficiente de crear el mismo resultado. Sin más preámbulos, quiero mostrarles cómo se ve un patrón de puntos vectoriales en uno de nuestros proyectos. Se puede ver aquí mismo este es un póster geek que creamos. Esta ilustración de tabla de surf de pulpo está usando este patrón de puntos que en realidad son todos los vectores. En realidad puedo acercar hasta el infinito y conserva este círculo nítido. Si estuviera haciendo esto en Photoshop, algún momento comenzaría a pixelar, así que lo bonito de crear estos patrones oscuros en Illustrator es evitar eso. Técnicamente esto podría ampliarse a cualquier tamaño que desees y no perderías ninguna resolución. Se podía ver cómo algo así como este patrón de puntos se puede usar dentro del arte como éste. Al usar un solo color, en realidad estamos creando esta ilusión de un tono gris, por ejemplo, en esta tabla de surf. En tanto que donde no se está utilizando como simplemente rectas hacia arriba la superficie del papel o un color más claro. Es casi como una forma de crear diferentes tonos sin tener que usar realmente más de un color. Es agradable poder hacer todo esto dentro de Illustrator y tener la versatilidad de tener todo en forma vectorial. Para crear un patrón de puntos como este, todo lo que realmente necesitas hacer es empezar creando un círculo simple. Antes de ir más lejos, quiero seguir adelante y crear esto y convertirlo en una muestra global, un color global. Lo que hay que hacer es simplemente convertirlo en una nueva muestra. Asegúrate de tener esta marca de verificación global que te permitirá crear la muestra en tu área de muestras. Se puede ver aquí mismo, tiene un poco de triángulo en la parte inferior derecha. Digamos que si fuera a cambiar y usar estas formas en diferentes áreas de mi arte, y actualizo esta muestra, todos los colores se actualizarán simultáneamente para que no tengas que seleccionar a mano cada punto o seleccionar el mismo color en la selección zona. Eso es algo importante para recordar. Voy a ir al morado por ahora y siempre podemos actualizarlo más tarde. Una vez que tengas tu círculo creado y te asegures de que sea un color global, solo querrías entrar en Object, Pattern and Make. Esto comenzará a crear lo que parece un patrón. El ajuste predeterminado es hacer cuadrícula esto uno encima del otro como un tablero de ajedrez, pero lo que voy a seguir adelante y hacer es cambiar el tipo de azulejo a Brick by Row. Eso permitirá que cada fila se alterne. Lo que pasa aquí, solo basado en cómo se creó un círculo es que se puede ver que tenemos estos vacíos aquí mismo, pero no uno al lado del otro. Si quiero que la misma brecha sea simultáneamente la misma alrededor del círculo, puedo cambiar la altura de las filas justo aquí, es donde harías eso. Yo sólo voy a bajar esto a lo más cerca que pueda llegar a tocar, ahora mismo está a 1.75 pulgadas, intentemos un poco más pequeño. Eso me parece bien. Una vez que tienes todos los círculos dispuestos de una manera que todos se vean tienen el mismo espaciado alrededor de él, aquí es donde realmente puedes cambiar el tamaño del círculo y ver qué sucede. Al sostener Option Shift, y voy a seguir adelante y reducir el tamaño del círculo. Se puede ver simultáneamente todos estos círculos a su alrededor están haciendo exactamente lo mismo. Ahora la razón por la que querrías cambiar el tamaño del círculo es solo para tener un look diferente a tu patrón. Obviamente, cuanto más grande es el círculo, más espacio estás llenando y cuanto más pequeño es el círculo, menos espacio estás fallando. En el mundo de la serigrafía, digamos que queremos un look de opacidad del 50 por ciento donde haya la misma cantidad de espacio negativo que el espacio positivo. Sería algo por aquí. Voy a seguir adelante y presionar este botón hecho aquí arriba en la parte superior izquierda para ver cómo se ve esto. Automáticamente lo que sucede es una vez que presionas ese botón, se crea una muestra en tu panel de muestras. Voy a seguir adelante y sólo crear una forma, y llenarla. Se puede ver que está lleno de este nuevo patrón que acabas de crear. Ahora bien, si quieres actualizarlo desde aquí, puedes tener muchas opciones diferentes. En primer lugar, si quieres cambiar el color, solo puedes entrar en tu color global, muestra que has creado aquí, ese morado, y activar la vista previa. Si actualizo el color, puedes ver no sólo cambia el color de esa forma que creé, sino que cualquier patrón que esté usando ese color también se está actualizando simultáneamente. Otra cosa que puedes hacer es entrar en Transform and Scale. Ahora mismo puedes ver que ha intentado hacer todo 54 por ciento más pequeño, pero si apago objetos, todo lo que está actualizando es el patrón dentro de él. Puedes hacer ese patrón más pequeño sin cambiar realmente el tamaño de la forma que está conteniendo. Podrías hacer lo mismo con la rotación. Digamos que quiero entrar en Object, Transformar, Rotar, con objeto transformado seleccionado, puedes ver que solo estoy girando alrededor de todo esto, pero si no está seleccionado, en realidad estás girando alrededor del patrón en sí. Para que puedas encontrar lo que se vea bien, digamos 45 grados, me parece bastante normal. Otra forma de actualizar algo sin tener que mover las formas es tomar tu herramienta de flecha blanca y moverse alrededor de los nodos, pero el patrón se mantiene en su lugar. Todo esto es cosas importantes con las que jugar. Por último, si quería volver a esa zona donde puedo actualizar este patrón, no tengo que empezar de cero. Lo que puedo hacer es simplemente hacer doble clic en la muestra aquí, y estoy de vuelta en este cuadro de diálogo donde puedo actualizar los círculos. Digamos que quiero tener un aspecto más ligero y hacer el círculo más pequeño con más espacio negativo. Puedo subir a la zona donde dice Hecho. Haga clic en él. Estoy actualizando exactamente el mismo patrón de muestra que creé antes sin tener que empezar de cero y crear un patrón completamente nuevo. Como puedes ver, la herramienta de creación de patrones es súper versátil, muy fácil de usar. Todo lo que realmente necesitas hacer es empezar con una sola forma y puedes ponerte a trabajar. Hay muchas formas diferentes de actualizar tu patrón dentro de un Illustrator. Solo recuerda usar colores globales, poder usar la herramienta de escalado y rotación a tu favor, pero lo importante es seguir experimentando y usando esto como punto de partida. Como puedes ver con la herramienta de creación de patrones, realmente puedes hacer lo que quieras. Empiezo con un círculo, puedes empezar con cualquier forma que realmente quieras, pero todo esto es un buen punto de partida para crear tu primer patrón en Illustrator con solo usar realmente una sola forma y un solo color. A continuación, vamos a estar haciendo un patrón de línea. 4. Patrones de líneas: Similar a los patrones de puntos, hay algo que también crea la misma ilusión de looks tonales claros y oscuros. Puedes usar líneas, básicamente como marcas de sombreado para crear una vibra similar. Vamos a enseñar a crear patrones de línea con un ilustrador. Nuevamente, es algo que podemos crear con Photoshop o Illustrator, pero el beneficio de esto es crearlo para que sea completamente vector. Hemos impartido algo muy parecido a esto en una clase anterior con Skillshare, nuestra clase de 10 tips. Pero esta nueva versión crea el mismo resultado exacto con menos pasos. Esta es una forma más eficiente de hacer exactamente lo mismo. Se puede ver en este proyecto que tenemos aquí. Se trata de una serie de impresión artística donde utilizamos estas líneas. Estoy usando probablemente sólo cuatro colores creo en esta impresión, pero estoy creando múltiples tonos porque donde el blues se está usando como opacidad completa aquí, también se está usando como look de esta línea de escotilla. Esto requiere crear tu propia muestra para rellenar estas formas, pero técnicamente estás usando el mismo color de tinta en el mundo de la serigrafía. Eso es sólo una especie de uso más práctico de la creación de patrones para nosotros. Se puede ver que en toda esta serie, estoy usando a lo largo de todo el proceso. Lo estoy usando por cada color y múltiples razones, ¿por qué? Para crear un patrón de línea similar a éste, voy a seguir adelante y simplemente crear un rectángulo. Ahora, quiero asegurarme de que sé que está dimensionando aquí, y sólo para poder seguir la pista, lo voy a hacer de una pulgada de ancho por, digamos, dos pulgadas de alto. altura es dos veces más alto que su ancho. Puedes empezar con un cuadrado si quieres, siempre y cuando sea un cuadrado o un rectángulo, esto funcionará. Adelante y selecciona el objeto y asegúrate de que está usando un color global para que pueda cambiar su color en el futuro, y entrar en objeto, patrón, make. Ahora, lo que estás viendo aquí es que el sistema está tratando de crear un patrón donde la misma forma se está rodeando en una cuadrícula. Lo que voy a hacer es cambiar su ancho, así que es un poco más ancho. Lo que eso está haciendo es crear una brecha de izquierda a derecha aquí. Ahora, recuerda ya que había una pulgada, si yo hiciera el ancho, digamos dos pulgadas, lo que estoy creando es la misma cantidad de espacio negativo que hay espacio positivo. Si fuera a alejar, este sería un look de 50 por ciento de opacidad. Voy a seguir adelante y parar ahí. No es necesario actualizar la altura por cierto porque eso va a crear estos huecos que no necesariamente son necesarios. Eso es una especie de crear otro patrón de tipo. Lo que quieres es que una brecha sin fisuras. Voy a seguir adelante y prensa hecho aquí arriba. Al igual que hicimos con el patrón de puntos, adelante y crea una nueva forma, y llénala con esta nueva muestra que creaste aquí mismo. Ahora tienes un patrón de líneas. Al igual que cualquier otro patrón, al igual que el patrón de puntos, puedes actualizar todas las cosas que te gusten. Lo que voy a seguir adelante y hacer por ejemplo, es cambiar esa escala para que los objetos transformados se desmarquen. Pero estoy actualizando el dimensionamiento de estas líneas. Ahorró alrededor del 50 por ciento de lo que creé ahí, así que todo está un poco más apretado. Lo mismo con girarlo. Se puede hacer un 45 grados, que es lo que estamos usando en esta serie de impresión artística. Asegúrese de que los objetos transformados estén desactivados, y lo mismo sucede con la herramienta de flecha ancha. Si fuera a usar esto, en realidad puede mover su contenedor sin tener que mover la forma. Podrían ver ahora tengo esta forma llena de esta nueva muestra, pero digamos que quiero duplicarla y mover la misma forma a otro spot del arte. Ya que estoy usando fondos transparentes, se puede ver que como se superpone, Está creando este nuevo patrón, que podría ser un hecho genial, pero no es algo que esperes ver. Esto es lo que llamamos una trampa de patrón y Nathan va a tocar más en eso en el futuro más adelante en esta clase. Lo que voy a hacer es mostrarte cómo evitar cosas como esta dentro de Illustrator usando un par de ajustes. Una solución rápida a este problema sería seleccionar esta forma, y seguir adelante y Eyedrop seleccionando “I” y seleccionando la forma junto a ella. Eso asegurará que esta forma esté usando exactamente la misma colocación del patrón que está al lado. Pero como me estoy moviendo, lo hace de nuevo. Esto puede ser frustrante cuando te mueves dentro de tu archivo de Illustrator. Una forma de evitar eso es entrar en transformar, mover, y quieres asegurarte de que los patrones de transformación estén apagados. De esta manera, cuando lo muevo, el patrón se mantiene en su lugar, pero la forma todavía se puede transformar y mover, y en realidad nada se impedirá a lo largo del proceso. En realidad puedo seguir adelante y crear nuevas formas. Digamos, otra forma, un círculo, y al crearla, está usando el mismo patrón. Esto es súper útil cuando se trata de usar este patrón varias veces cuando dentro del arte. Puedes ver aquí, estoy usando estos patrones de línea a lo largo de todo esto, y lo estoy usando de tal manera donde sí quiero que las cosas se alineen del mismo color a color. De esa manera no tengo que Eyedrop cada vez que creo una nueva muestra, simplemente empiezo básicamente a crear nuevas formas como automáticamente asegurándome de que la colocación del patrón esté en el lugar que quiero que esté. En el enfoque real, tenemos abierta esta serie rocketeer. Se puede ver que estamos usando estas líneas a lo largo de todo el asunto. El motivo por el que creamos arte como este donde estamos usando estos patrones de línea es para que podamos usar una cantidad selecta de colores de tinta en el proceso de serigrafía, pero mantenerlo mínimo. Aquí mismo estamos usando este azul, tanto para un color sólido como para un color punteado para crear un aspecto de opacidad del 50 por ciento, y un aspecto de opacidad del 100 por ciento. Aquí mismo donde creé este otro patrón aquí abajo es este look de 50 por ciento de opacidad. Ahora la razón por la que estoy diciendo 50 por ciento de opacidad es que la forma positiva es del mismo tamaño que la forma negativa. Pero al igual que hicimos con un patrón de puntos, puedo actualizar esta muestra y tener un look diferente por completo. Si hiciera doble clic en él, en realidad puedo hacer que estas líneas sean más gruesas si quisiera, o más delgadas. Voy a seguir adelante y hacerlos más delgados para crear más de un look digamos, 25 por ciento de opacidad. Si lo tuviera todo el camino así, sería 100 por ciento, 90 por ciento, como cuanto más grueso sea, más espacio se está llenando. Voy a seguir adelante y hacerlo más delgado solo para ver cómo se ve eso, y presiona hecho y debería actualizar el patrón que ya creaste. Esta es la misma técnica, pero una mirada más ligera usando líneas más delgadas. Todo esto quiere decir que todo este sistema de uso de la herramienta de creación de patrones, nuevo, se puede utilizar con líneas, puntos, y se puede actualizar sobre la marcha utilizando colores globales, escalar, transformar patrones versus objetos transformar. Pero todo requiere experimentación y si quieres un look específico, puedes jugar con él y siempre volver a algo que originalmente te gustó, o actualizado sobre la marcha. Se puede ver si yo fuera a acercar este proyecto, se puede ver con este planeta, cuánto está pasando aquí. En realidad sólo estamos usando tres colores que tenemos el amarillo, tenemos el rojo, y tenemos este rojo más oscuro. Pero con el uso de estos patrones específicos donde estoy usando estas líneas, soy capaz de usar tonos que en realidad dan más variedad, permite que el arte tenga más tridimensionalidad. Con tener este color rojo encima del color amarillo, pero usando este look de 50 por ciento de opacidad, es capaz de ser serigrafiado porque sigue usando un color de tinta de opacidad 100 por ciento completo, pero está dando el ilusión de 50 por ciento. Lo mismo con cómo va este color más oscuro por encima de este color rojo. Estoy usando sólo dos colores en esa interacción, pero estoy obteniendo tres tonos sin tener que cambiar realmente la opacidad. Estoy usando la ilusión de líneas para crear esta marca de escotilla que está creando esa ilusión del 50 por ciento. Es realmente versátil, y siempre puedes actualizar estas líneas para que sean más claras u oscuras dependiendo del look que estés buscando. De nuevo, puedes actualizar los ángulos de todo, pero es importante asegurarte de que experimentes con él porque una vez que empiezas a ponerte en marcha, es muy divertido experimentar. Esa es la parte importante con toda esta clase, solo pruébalo y mira a dónde te lleva. Este tipo de patrón que utilizamos principalmente para serigrafía, y la razón es que estamos usando un solo color con otro fondo. Así es como funciona el mundo de la serigrafía. Pero no necesariamente tienes que usarlo para serigrafía. Es más una elección estética también. Entonces si quieres esta marca de escotilla con lo que sea que estés creando, adelante y úsala. Al estar jugando con estos patrones, es posible que notes que te encuentras con un par de problemas. Nathan va a tocar lo que es una trampa de patrón, y cómo resolver el problema. 5. Evitar los errores de los patrones: Acabas de ver un par de formas diferentes de hacer patrones simples de puntos y líneas y esas son nuevas formas que hemos aprendido a hacerlo con el fin de asegurarnos de que sean prueba completa y no obtenemos ningún efecto de teselas raro pasando con esos patrones. Ahora, hay ciertos temas de los que debes estar consciente que pueden suceder con los patrones. Algunas son solo ocurrencias naturales como los patrones de muaré donde solo necesitas estar al tanto de las diferentes capas, cómo tus patrones se van a capas uno encima del otro o en cosas como una pantalla o si están siendo serigrafiadas. Después hay otras cosas en la computadora que puedes tener cuidado para asegurarte de que tus patrones no tengan ningún problema o problema a medida que los haces. En esta lección, primero vamos a echar un vistazo a algunos ejemplos prácticos de diferentes problemas que pueden ocurrir con los patrones y luego saltaremos a la computadora y echaremos un vistazo a cómo puedes asegurarte de que tus patrones estén funcionando correctamente allí también. En primer lugar vamos a echar un vistazo a los patrones de muaré. Los patrones de mure obtienen su nombre de una palabra francesa que supongo vino del diseño textil donde dos patrones similares fueron superpuestos uno encima del otro y crearon un nuevo tercer patrón. Con estas transparencias, podemos echar un vistazo a un ejemplo de eso. Estos son ambos exactamente el mismo patrón de línea. Se puede ver que una vez que empezamos a ponerlos encima el uno del otro, todo tipo de locuras empiezan a suceder y eso es básicamente el resultado de patrones que o son iguales o muy similares entre sí que están ya sea en un ángulo ligeramente diferente o un posicionamiento ligeramente diferente. Esto se ve genial pero obviamente no siempre quieres que suceda este efecto. Un lugar que esto sucede a menudo es con la serigrafía. Para eso, vamos a echar un vistazo a un ejemplo de impresión CMYK. Si miraras un primer plano de uno de nuestros carteles u otros carteles que usan puntos de medio tono, a menudo verás que estos cuatro colores; cian, magenta, amarillo y negro se utilizan para crear todo tipo de imágenes complejas en capas. Es importante pensar en el ángulo que estos puntos superponen porque de nuevo, podríamos conseguir patrones de muaré. Si solo empezáramos a imprimir estos puntos todos uno encima del otro, podemos conseguir unos arreglos borrosos extraños. Ahora, realmente no hay forma de evitar tener un patrón de muaré aquí. La solución es imprimir en ángulos específicos. Acabo de armar esto como un ejemplo de algunos ángulos comunes que se utilizan en serigrafía y estas líneas están o bien a 15 o 30 grados de diferencia, ese es el estándar. Lo que voy a tratar de mostrar aquí es si en lugar de simplemente apilar perfectamente nuestros puntos uno encima del otro, si empezamos a alinear estos en una cuadrícula perfecta de acuerdo a estos ángulos, vamos a conseguir algo llamado patrón de Rosetta. Lo que es un patrón de Rosetta es básicamente solo un muaré específico y lo puedes ver pasando aquí, estas formas circulares están empezando a aparecer donde estos puntos se superponen entre sí. La idea ahí es que si tienes que tener un muaré en tu trabajo, ¿por qué no hacer que se vea lo más bueno e imprevisible posible? Esta es solo una forma en que puedes usar moires para lucir un poco mejor específicamente si estás lidiando con serigrafía. Una última nota en moires, puedes divertirte con ella y ser intencional. Este es un libro llamado Poemoción de Takahiro Kurashima y es realmente genial. Básicamente tiene una pieza similar de transparencia con rayas negras y ha sido diseñada de tal manera que a medida que lo mueves sobre los patrones, ves algunas formas animadas realmente geniales. Esto es algo en lo que aún no hemos profundizado pero siéntete libre de experimentar si quieres meterte en el mundo de los moires. Ahora que hemos echado un vistazo a algunos ejemplos de trampas de patrones y específicamente temas de muaré en el mundo físico, ahora vamos a saltar a la computadora y echar un vistazo a algunos temas que puedes evitar ahí. En el primer par de lecciones, Dan te mostró algunas formas eficientes de hacer patrones de puntos y líneas y la razón por la que creamos los patrones de esas formas ahora es que es realmente una prueba completa. Realmente no puedes quedarte atascado con los problemas cuando construyes el patrón con la menor cantidad de elementos más simples posibles y luego haces cualquier cambio después del hecho. Una forma en que solíamos hacer patrones era más cortando y pegando piezas juntas y a veces te metías en problemas con eso. Este es un ejemplo donde en el lado izquierdo y derecho aquí tengo ejemplos de dos patrones de puntos que se ven distintos al color bastante similares en este momento. Pero si empezáramos a acercarnos aquí, cambia un poco la historia. Ahora se puede ver en cierta resolución que nuestro patrón a la derecha no es del todo perfecto. Están pasando estas brechas y la razón de eso es que sospecharía que nuestra geometría a partir de la forma que creamos que no era perfecta. Voy a comparar estos dos. Acabo de cambiar al modo de esquema aquí que es Comando Y en Illustrator. Si acercamos mucho a la forma que usamos para crear este patrón, puede ver que hay una brecha cada vez tan leve en el lado izquierdo del patrón ahí. Cuando no estoy en modo esquema, es invisible pero lo que está pasando es que en realidad solo hay una forma transparente en la parte trasera que no es del tamaño correcto. En contraste, este patrón que está en azul. Si acercamos ahí y también buscamos el modo de contorno Command Y, podemos ver que no hay formas transparentes, nada en el fondo para causar algún problema y es por eso que la versión de la izquierda aquí está en teselas perfectamente. Ahora, sabía que ese era el tema que entraba en él así que pude solucionarlo. Otra técnica que puedes usar para revisar un poco tu trabajo es mediante el uso de la herramienta Pathfinder. Por ejemplo, si realmente no pudiera decir lo que estaba pasando, podría ampliar el patrón en la ventana de Pathfinder, usar divide y luego una vez que entro ahí pude ver exactamente cómo se están rompiendo las cosas. Nuevamente, esa pequeña brecha ahí se revelaría. También puede ser útil solo comprobar dos veces tu trabajo si asumes que todo sí salió correctamente. Nuevamente, puedes ampliarlo. Usa de nuevo Pathfinder para romper las cosas y ahora lo que en realidad voy a hacer es entrar en esta versión correctamente hecha del patrón y simplemente selecciona todo del mismo color de relleno. Si selecciono “Inverse”, eso va a borrar todo lo que no estaba ahí. Ahora sé que sólo estoy lidiando con las formas azules. Entonces mi último paso va a ser unirlos en el Pathfinder aquí. Ahora lo que puedo hacer de nuevo es entrar con Command Y y puedo ver para volver a comprobar mi trabajo que realmente sólo tengo formas limpias aquí. No hay huecos, no hay líneas en el azulejo. Por ejemplo, si este fuera un patrón que iba a tener impreso como textil o algo así, me gustaría asegurarme de que esté completamente expandido. Ya no es un patrón vivo para que nada salga mal en el proceso de producción. Yo diría que eso sería un paso final para asegurarte de que tu patrón sea prueba completa, en realidad sea transparente, y esté listo para salir. Una última nota, otra cosa que es diferente en estos dos patrones que Dan ya ha mencionado es la importancia de usar colores globales. El patrón de la izquierda fui lo suficientemente inteligente como para tener la previsión de usar colores globales de antemano. Si hago doble clic en mi muestra azul, puedo hacerle ajustes y ese color cambiará sobre la marcha. Esta versión negra a la derecha, no hice eso así que tendrías que pasar por todos esos pasos de expandirla antes de poder cambiar el color. Recuerda usar colores globales, recuerda revisar tu trabajo usando el modo de esquema y el Pathfinder y deberías poder solucionar cualquier problema con patrones que no estén alineando perfectamente. Ahora que hemos cubierto algunos patrones simples y ya sabes cuáles son las pocas cosas a buscar como moires y cómo solucionar algunos problemas, esto también te será útil ya que ahora nos movemos a cosas como trazos de patrones y aún más patrones complejos. Seguro encontrarás algunos temas en el camino por lo que esta será una forma de revisar tu trabajo. A partir de ahí, sigamos adelante y pasemos a trazos de patrón. 6. Trazos del patrón: Ahora que hemos aprendido un poco sobre las trampas de patrones, quiero hablar de un nuevo tipo de patrón. No es una muestra o un relleno pero en realidad es un trazo. Dentro de la herramienta de pincel en Illustrator, puede crear un trazo de patrón. Tengo esta baraja de cartas fuera para mostrarte estas cartas faciales que diseñamos, y usa trazos de patrón en todo el diseño. Tengo el archivo abierto en Illustrator, quiero mostrarles cómo se hace. Aquí mismo, tengo cada tarjeta de cara abierta y se puede ver que tenemos todos estos pequeños detalles pasando. A medida que acerco, en realidad se puede ver que se trata de trazos en vivo. Esto es sólo un patrón repetido de diamantes, por ejemplo, dando vueltas alrededor de un círculo. O esto es un poco más ornamentado, donde está creando múltiples formas, pero sigue yendo alrededor de una forma que está creando básicamente lo que llamamos un trazo de patrón. El modo en que se crea esto no es hacer una muestra dentro de la herramienta de creación de patrones, en realidad es usar una herramienta dentro del conjunto de pinceles. El motivo por el que usamos trazos de patrones está realmente solo basado en la eficiencia. Dentro de cada uno de estos diseños de tarjetas de cara, están usando una variedad de trazos de patrón. El motivo por el que decidimos usar esta técnica fue básicamente hacerla para que no tengamos que movernos individualmente, digamos la pala por este camino y voltearla cada vez que baja. En realidad, te permitirá solo crear una forma y automáticamente la girará de una manera que te gustaría. Realmente te ahorra algo de tiempo. Lo que estaremos enseñando en esta lección es cómo crear un trazo de patrón similar a esta forma de diamante aquí mismo. Estas son apenas repitiendo formas de diamante yendo por este camino, el camino circular. Es el más simple, empezando por la plaza. Hemos enseñado una versión un poco más compleja de esto en una clase anterior, pero desde entonces, en realidad hemos aprendido a hacer esto con el menor número de pasos posible de una manera más eficiente. Lo que estoy haciendo es crear un cuadrado, solo estoy girando de lado por lo que se convierte en un diamante. Solo quieres asegurarte de que eso está usando un color global. Esto te permitirá actualizar su color tanto como forma en forma y como se está utilizando dentro de un trazo, más adelante. Adelante y selecciona esta forma y quieres ir a “Ventana”, “Pinceles” , y quieres ir a este pequeño ícono de hamburguesa en la parte superior derecha click en “Nuevo Pincel”, y ve a “Pincel de patrón. Se puede ver lo que pasa aquí es que empieza a alinear esto para crear un trazo de patrón. Puedo permitir más espaciado actualizando esta área aquí mismo. Aquí mismo, está en cero por ciento, veamos cómo se ve el 50 por ciento. Simplemente agrega ese espaciado. En versiones anteriores, formas anteriores de hacer esto, he tenido que crear una caja transparente a su alrededor, pero luego actualizarla cada vez que quiero hacer un cambio en el patrón. Esto le permite darle espaciado sobre la marcha. Digamos que si quiero darle más, podría ser 75 por ciento si quiero darle menos, podría ser 25 por ciento. Veamos cómo se ve el 50 por ciento, y estas son todas pequeñas opciones extra con las que puedes jugar. Normalmente no hago el estiramiento para encajar porque lo que pasa es que estira la forma ya que está dando la vuelta de una esquina. En lo que suelo hacer clic es “Añadir espacio para encajar”. Se puede ver la diferencia que sucede aquí es que no estira la forma, pero simplemente agrega más de un buffer alrededor de la forma. Adelante y selecciona “Ok”. Puedes ver que el trazo de patrón se ha añadido a tus pinceles. Ahora lo que voy a hacer es simplemente seguir adelante y crear una forma, digamos un círculo por ahora. Asegúrate de que esté en forma de trazo y voy a seleccionar este pincel. Ahora mismo, está alineando estos diamantes todo el camino alrededor del círculo aquí. Está deformándolos y se basa fuera de escala, que es algo con lo que puedes jugar dentro de la herramienta de trazo. Voy a entrar en ventana, acariciar, y tener eso abierto aquí. Se puede ver que tengo en un momento, si quiero, puedo hacerlo como la mitad del tamaño y lo deforma menos haciéndolo más pequeño. Esa es una forma de actualizar esto. Otra forma de actualizar sería hacer doble clic en este patrón aquí mismo y puedes cambiar el espaciado sobre la marcha como ya hablamos antes. Digamos que si quiero darle más espaciado para que se deforme menos, iré al 100 por ciento, a ver cómo se ve eso. Daré este prompt después de decir aplicar los trazos o dejar los trazos, vamos a seguir adelante y aplicarlo. Eso le dio más espacio, lo que lo hace para que se deforme un poco menos. Ya que usamos un color global para crear el trazo, si fuera a entrar en esa muestra y hacer doble clic en ella, se puede ver, siempre y cuando tenga vista previa en, puedo actualizar este color sobre la marcha. No sólo cambia el color que estoy usando para la forma, sino que también cambia el trazo que está usando ese color, que es una técnica genial con colores globales. Otra cosa a tener en cuenta es que puedes tener esta envoltura alrededor más que simples formas geométricas. Podría ser un proceso más orgánico. Digamos que tengo algo como esto pasando que es un poco más como una curva S y quiero usar ese mismo patrón. Ahora mismo de nuevo, estamos lidiando con un dimensionamiento bastante grande, pero todo esto se puede actualizar y voy a seguir adelante y volver a sacar mis trazos, vamos a ver aquí y que sea 0.5 punto frente a un punto y se puede ver que soy capaz de moverme de una curva que es un poco más orgánica y sobre la marcha cambia. Lo bueno de este proceso es que estás creando un patrón real, pero se mueve alrededor de un trazo en lugar de rellenar una forma. Ese camino podría ser tan simple como un círculo, o podría ser más complejo como una curva S o cualquier forma que desees. Pero lo bonito es que todo esto está en vivo y puedes actualizarlo sobre la marcha. Esa es la base para crear un trazo de patrón, pero puedes llegar a ser bastante complejo con esto. Se puede ver que dentro de estas cartas faciales, estamos usando un montón de diferentes tipos de formas. No se trata sólo de diamantes o simplemente de las formas de los trajes. Aquí te mostramos un ejemplo de un par de patrones más que hemos creado donde si te imaginas que se repite sobre sí mismo, puedes usarlo a lo largo de un eje similar a lo que acabamos de crear. Aquí mismo, solo un par de ideas diferentes con las que puedes jugar. Siéntete libre de hacer tus propias formas y ver qué pasa cuando lo conviertes en un trazo. Se necesita un poco de empujar y tirar en la experimentación, pero vale totalmente la pena si se puede llegar a algo completamente original. Se puede ver que la variedad es simplemente ilimitada. Con todas estas cartas faciales dentro de estos diseños de cartas de juego, usamos trazos de patrón varias veces. El motivo por el que tanto lo usamos fue, es un salvador de tiempo para crear tanto detalle como sea posible, sin tener que mover individualmente formas individuales alrededor de un acceso, solo creamos una forma que envuelve alrededor de un solo círculo o un cuadrado, cualquiera que sea la forma que decidamos. Pero la acumulación de la misma crea esta ilusión de detalle. Se puede ver de tarjeta a tarjeta que obtenemos una gran variedad de opciones con solo, solo un par de formas solo usando trazos y rellenos. Ahora que ya sabes hacer un trazo de patrón usando una forma simple, adelante y experimenta con eso y empujarlo aún más. Usa formas más complejas para hacer trazos más complejos. Ahora lo siguiente es superponer patrones. 7. Patrones superpuestos: Ahora vamos a hablar de un nuevo tipo de patrón llamado patrones superpuestos. Es un segue en teselaciones, pero no es del todo una teselación. Lo que lo hace único es que está usando formas literalmente superpuestas para crear un nuevo patrón. Vamos a crear algo que sea similar a escamas de peces o escalas de dragón, y ahora te voy a mostrar cómo hacer eso en Illustrator. Se puede ver en nuestra mesa de trabajo, tenemos esta escala textura/patrón que creamos específicamente para esta clase. En realidad aún no hemos tenido la oportunidad de crear esto para un cliente, pero como puedes ver, es un look bastante común, donde estamos teniendo estas formas de shell superpuestas entre sí. El modo en que se crea es similar a lo que estábamos haciendo antes con los puntos, pero todos se están entremezclando entre sí en lugar de estar separados. Creé este objetivo en forma para crear este patrón. Te voy a mostrar paso a paso cómo se crea esto. Voy a seguir adelante y sólo crear un pequeño círculo, y voy a colorearlo de azul. Entonces quiero que los círculos que van a estar rodeándolo tengan la misma cantidad de espacio, similar. Esto es alrededor de 100 píxeles, voy a seguir adelante y copiarlo y pegarlo detrás de sí mismo, que es Comando C y Comando B, y lo voy a hacer, digamos 200 píxeles. Ahora mismo no se puede ver realmente lo que está pasando porque es del mismo color, pero voy a cambiar su color. Eso es lo que acaba de pasar ahí. Voy a hacer eso una vez más y copiarlo y pegarlo detrás de sí mismo, hacerlo 400 pixels. Perdón, hagámoslo 300, eso parece un poco grande, y cambiemos de color de nuevo. Ya puedes ver que estoy teniendo un look similar a lo que creé antes. De nuevo, una vez que tengas una agrupación como esta antes de saltar a crear un patrón, asegúrate de convertir todo esto a un color global. Esto te permitirá cambiar los colores a lo largo de los patrones y las formas cuando estés usando tu diseño. Voy a seguir adelante y hacer eso ahora, y querrás asegurarte de que diga Convertir Proceso a Global. Lo que pasará es que crea una pequeña carpeta aquí en tu área de muestras donde los tres colores se convierten en colores globales. Puedo seguir adelante y cambiar este color, por ejemplo, a un azul más claro. Puedo cambiar éste, y así sucesivamente. Todos tienen la opción de cambiar en el futuro y se lo mostraré más adelante. Voy a seguir adelante y agarrar todo esto. No tiene que agruparse ni nada por el estilo, solo agarra las tres formas. Voy a entrar en Object, Pattern, Make. Ahora tenemos este área de diálogo familiar, este kit de herramientas que utilizamos para crear patrones, y hace lo que hace de forma natural, que es crear este look de tablero de ajedrez de todo confabulado entre sí. Lo que vamos a hacer es jugar con el tipo de toalla. Voy a ir ladrillo por fila otra vez, y en lugar de mantener las cosas separadas, lo que voy a hacer es en realidad literalmente solapar cosas. Voy a seguir adelante y cambiar la altura aquí mismo. puede ver como lo hago lentamente con sólo presionar la flecha hacia abajo, todo empieza ahora a fusionarse entre sí, y eventualmente, se va a empezar a solaparse. sólo cambiar eso, estamos convirtiendo ese círculo en escamas de peces. También lo voy a apretar un poco. En el ancho y en realidad haciendo que eso sea un poco más pequeño. Voy a seguir adelante y ver cómo luce eso como una muestra. Voy a presionar “Done”, y voy a crear una nueva forma por aquí y llenarla con mi nueva muestra. Es similar a lo que creé antes, pero se puede ver que podría usar un poco de retoque. Lo bonito es que podemos entrar en la muestra recreada y actualizarla. Voy a seguir adelante y hacer doble clic en él. Yo quiero que esta forma de lágrima media sea un poco más presente, así que voy a jugar con el ancho y la altura ahí. Voy a seguir adelante y apretar las cosas, pero también extender las cosas. Simplemente puedes jugar hasta que las matemáticas se vean bien. Ahora mismo estoy tratando de asegurarme de que estas dos formas se cruzan en esta esquina de aquí. Vemos suficiente de esta forma de escala similar a la de clamoriza justo aquí, por lo que cada color se representa por igual. Presionar “Hecho”. Se puede ver que cambia automáticamente. Por otra parte, recuerda que puedes actualizar cosas más allá de eso, puedes cambiar su escala asegurándote de que Transformar Objetos esté desactivada, pero se está cambiando la escala de los patrones, para que puedas hacer el tamaño que quieras. Podrías cambiar su ángulo. Asegúrese de que Transformar objetos esté desactivada. También puedes cambiar su color. Voy a seguir adelante y cambiar estos colores azules y vas a ver que al usar colores globales, soy capaz de cambiar cualquier forma que use esos colores así como el patrón usando esos colores. Voy a dar click en el azul más claro por ejemplo, y puedes ver todo se actualiza globalmente. Eso son patrones superpuestos. Es prácticamente el mismo proceso que el patrón de puntos, excepto el uso de múltiples formas y la única diferencia es que se superponen entre sí. Se están fusionando entre sí en lugar de mantenerlos separados. Puedes hacer esto con cualquier forma que realmente te gustaría. Yo uso círculos solo para crear ese efecto de escala, pero la superposición podría ser realmente con cualquier forma que prefieras, así que adelante y experimenta y juega con algo que no sea círculos si quieres. O simplemente jugar con esto y ver si puedes hacerlo más único. A continuación, vamos a hablar de patrones isométricos. 8. Patrones isométricos: Ahora por fin vamos a saltar a teselaciones y voy a empezar con un patrón llamado patrón isométrico. Técnicamente, es una teselación, pero es una puerta de entrada hacia teselaciones más complejas. lo has visto antes si alguna vez has tomado nuestra clase isométrica donde creamos una cuadrícula de estas formas de diamante usando una forma hexagonal. Hay una manera rápida y fácil de convertir eso en un patrón real usando Illustrator. Como puedes ver, creamos este patrón en este archivo aquí, y está usando este cubo repitiéndose en una cuadrícula. Cambié los colores aquí para mostrar una fuente de luz. Tiene un aspecto un poco tridimensional, que es genial. Pero lo que lo hace técnicamente una teselación es que no hay huecos, no hay superposición, todo piezas juntas como una pieza de rompecabezas. Quieres crear esta forma primero para llegar a este paso. Te voy a mostrar cómo hacer eso realmente rápido. Vas a entrar en tu área de forma y vas a seleccionar polígono y quieres asegurarte de que tienes seis lados que se convertirán en un hexágono. Ahora mismo lo tengo de color de un solo color. Voy a seguir adelante y darle la vuelta a su lado. Con la herramienta de segmento de línea, voy a empezar a dividirla en pedazos. Simplemente voy a empezar a conectar nodos a su lado opuesto. Como puedes ver, si fuera a agarrar todo, tenemos todo está dividido en estas como pequeñas piezas de pastel de triángulo. Voy a seguir adelante e ir al Pathfinder y romper eso usando la división. Entonces voy a cambiar los colores de ciertas fachadas. De este lado, lo voy a convertir a un color ligeramente más oscuro y entonces éste será aún más oscuro. Tan similar a lo que creé aquí y sigue en un montón de piezas, pero se puede ver claramente que ahora es un cubo por sólo convertir lado en un lado más claro y un lado a un lado más oscuro y tener esos tres tonos pasando. Una vez que tengas creado este cubo isométrico, sigamos adelante y dimensionarlo de manera uniforme, para que tenga 100 píxeles de altura, y te explicaré por qué en un segundo. Una vez que lo tengas seleccionado y lo tengas de tamaño, vas a entrar en objeto, patrón, make. puede ver que se despliega automáticamente. Para crear este patrón isométrico, queremos desplazar cada fila de nuevo utilizando esta técnica de Ladrillo by Row. Queremos que estas filas se alineen con este rincón de aquí. Ahora, podrías simplemente jugar con la altura y acercarte bastante. Pero se puede ver que no hay matemáticas perfectas sobre cómo hacer eso bien. El truco es que quieres que sea el 75 por ciento de su altura. Es por eso que decidí que esto va a ser 100 y la altura en realidad va a ser 75. Eso permitirá que esto sea lo más apretado posible sin lagunas, sin solapamiento. El truco para saber esto es, también es del tamaño de una fachada. Al igual que la altura de esta fachada es en realidad 75 píxeles de altura. Es sólo la forma en que funciona esta matemática con hexágonos rotos así. Es solo una cosa importante recordar que el 75 por ciento de la altura también es la brecha a la que van a estar disminuyendo para que en realidad pueda alinearse así. Esa es la base de la misma. Básicamente solo necesitas presionar hecho en ese punto. Como siempre, sigue adelante y crea una nueva forma para ver cómo se ve. Al igual que cualquier otra cosa, se puede cambiar la escala de esto, la rotación de la misma. No cambié todo esto por colores globales. Para poder cambiar esto, tendré que entrar manualmente y cambiar esos colores. Pero antes de empezar, recuerda, siempre gira todo hacia colores globales en caso de que quieras cambiar el color de este patrón. Si alguna vez quieres cambiar el patrón en sí, recuerda que siempre puedes volver atrás y hacer doble clic en la muestra. Este look específico de cubos isométricos todos alineados juntos tiene un aspecto muy único, tiene cualidades tridimensionales a la misma. Obviamente, si cambias estos colores, puedes perder un poco de esa tridimensionalidad, que también es una elección estética, pero también tiene un uso práctico. Impartimos una clase en Illustrator para ilustración isométrica. En esa porción de la clase mostramos cómo crear un sistema de cuadrícula usando la misma forma, este cubo repitiéndose en una cuadrícula. Esta es en realidad una forma rápida de hacer exactamente lo mismo. Una vez que tienes una muestra como esta, todo lo que tienes que hacer realmente es seleccionarla. Se puede actualizar su escala para mostrar más cubos. Yo sólo voy a mantener estos cubos grandes por el bien de verlo en pantalla. Adelante y expandirlo. Verás que al seleccionar dentro todas estas formas ahora se expanden. También quiero entrar en el área de Pathfinder y seleccionar recorte. Eso asegurará que literalmente puedas ver todas estas formas. Una forma rápida y fácil de convertir esto en un sistema de cuadrícula real que puedes ilustrar encima es solo presionar “Command 5". Lo que eso hace es que se lleva todo lo que estaba ahí y ya no se llena y ahora todo se ha convertido en una pauta. Esta es una manera realmente rápida y fácil de empezar a ilustrar, digamos una ciudad isométrica utilizando estos como guías. En lugar de usar cubos, puedo hacer como más formas distintas a un cubo, puedo hacer poco rascacielos pero este es un gran comienzo a una ilustración isométrica para usar como sistema de guía. Eso son patrones isométricos. Se puede ver que es muy versátil. Llega hasta hacer algo como para una elección estética todo el camino a crear un sistema de cuadrícula para la ilustración isométrica. Técnicamente, eso fue una teselación, pero ni siquiera nos hemos metido en el mundo de las teselaciones realmente. Esa es sólo la punta del iceberg. Se está poniendo realmente emocionante y Nathan va a presentar el mundo de las teselaciones ahora. 9. Introducción a las teselaciones: Ahora que has probado patrones isométricos, esa era la puerta de entrada a lo que vamos a meternos ahora, que son teselaciones. Es una locura envolverte la cabeza, pero creo que una vez que lo cojas, podrás experimentar y agregar todo tipo de detalles divertidos y probar todo tipo de teselaciones diferentes. Pueden notar que tengo algunas cosas locas aquí frente a mí. Vamos a empezar haciendo algunas demos prácticas para tratar de entender exactamente cómo funcionan las teselaciones. Para definir qué es una teselación, básicamente es un patrón que no se superpone en absoluto y tampoco tiene huecos. Básicamente, solo piezas de rompecabezas entrelazadas entre sí perfectamente. Nuevamente, un concepto duro para averiguar cómo vas a diseñar eso. Ahora, echemos un vistazo a cómo crear uno. El primer estilo de teselación del que vamos a hablar es una teselación de traducción y también se llama teselación de deslizamiento porque básicamente solo significa que las formas se van a deslizar una al lado de la otra. Digamos que lo primero que hay que recordar de hacer una teselación es cualquier forma con la que empieces. En este caso, apenas estamos empezando con una plaza. Sea lo que sea que le hagas a un lado de esa forma, vas a necesitar hacer algo igual y opuesto al otro. En este caso, eliminé esta forma de triángulo del lado izquierdo, agregándola de nuevo a la derecha. Entonces, como pueden ver, solo haré lo mismo en la forma que hay junto a ella. Ahora puedes ver cómo estamos creando, siguiendo esa regla de teselación de no tener ningún solapamiento, no tener ningún huecos. Todo va a anidar juntos perfectamente como una pieza de rompecabezas. A partir de ahí puedes seguir haciendo los mismos tipos de cambios. De nuevo, si quisieras sacar estas piezas de abajo, otra vez, tendrías que reemplazarlas en la parte superior. Al hacer siempre esa técnica opuesta y de emparejamiento, siempre vas a terminar con teselaciones que pueden azulejarse perfectamente entre sí. A menudo nos encontramos con que comenzar en el reino físico como este es mucho más fácil que simplemente saltar a la computadora porque es un poco más fácil envolver la cabeza. Estoy usando estos juguetes de tangram de plástico para hacer este ejemplo, pero puedes con la misma facilidad cortar los tuyos propios de papel. Nuevamente, usa esa misma técnica de si cortas una pieza, asegúrate de hacer el mismo cambio al lado opuesto donde la vuelvas a pegar. Entonces lo que puedes hacer es recortar esa forma y usarla como plantilla y empezar a dibujar tu patrón. A continuación, saltemos a ver cómo se hace una teselación de reflexión. Esto es muy similar a lo que acabamos de hacer con la traducción, pero vamos a tener filas que alternan yendo en diferentes direcciones. Aquí tengo mi fila superior de cuadrados apuntando hacia la izquierda y mi fila inferior de cuadrados apuntando hacia la derecha. La otra cosa que es diferente que vamos a hacer es cuando quitamos una pieza, en lugar de simplemente colocarla directamente encima como lo habíamos hecho anteriormente, vamos a voltearla. A partir de aquí, este triángulo va a venir voltear al otro lado o reflejar, justo así el nombre de este estilo. Aquí de nuevo, reflexionaré. Entonces arriba en la parte superior aquí, porque recuerden estos ahora ya están mirando en dirección opuesta. Reflexionará hacia el lado opuesto, por lo que de izquierda a derecha ahí. Entonces lo mismo aquí, de izquierda a derecha. Lo que está bien es que a pesar de que tenemos cosas yendo en diferentes direcciones y estamos volteando de ida y vuelta. Todos estos todavía van a terminar anidando perfectamente el uno con el otro. Siguen siendo las mismas reglas básicas aquí que cualquier cosa que le hagas a un lado, asegúrate de hacerlo al contrario. Ya sea que vayas en una sola dirección o reflexiones de ida y vuelta, siempre y cuando seas consistente con cómo mueves tus piezas, de nuevo, terminarás con algo que teselará perfectamente. Ahora que hemos cubierto la teselación de reflexión, siguiente paso vamos a mirar al tercer y último tipo que estamos cubriendo en la clase, que es la teselación rotacional. Para una teselación rotacional, sorpresa, en realidad lo has hecho un poco ya en esta clase. El patrón isométrico que ya hiciste con Dan es esencialmente una teselación rotacional. Te mostraré cómo. Estas formas probablemente parecían familiarizadas con los ángulos de 120 grados otra vez. Básicamente, lo que va a hacer una teselación rotacional es en lugar de moverse de lado a lado o arriba y abajo, va a girar a lo largo de un eje. Si nos imagináramos que estamos empezando con estas tres piezas apiladas una encima de la otra, harías los cambios que quieras a tu forma, por ejemplo. Ahora va a girar así y anidarse ahí. Lo mismo con este ejemplo, girar alrededor, anidar. Este es obviamente el ejemplo más sencillo de una teselación rotacional. Pero a medida que Dan se mete, te mostrará cómo agregar detalles a esta forma. Entonces muy rápidamente podrás ver también cómo una vez que hayas dibujado la forma, puedes convertir eso a usar la herramienta de patrón. Entonces será muy sencillo para ti simplemente empezar a agregar más y más de estas formas a medida que avanzas. Eventualmente, tendrás un patrón de teselación totalmente girado. Esperemos que esos ejemplos físicos ayuden a un poco de sentido de lo que son las teselaciones, cómo funcionan. Te animamos a probar algunos ejemplos físicos como ese antes de saltar a la computadora. Pero una vez que estés listo, a continuación, Dan te mostrará cómo hacer una teselación de traducción en Illustrator. 10. Teselaciones traslacionales: Gracias Nathan por explicar teselaciones. Sé que es un tema desalentador, sobre todo cuando se trata de crearlo tú mismo. Esperemos que se nos ocurra un par de herramientas sencillas para mostrarte un ilustrador sobre cómo crear tu primera teselación. Entonces para empezar, vamos a crear tu primera teselación de traducción, lo que significa que todas las formas que estás creando, están todas orientadas a la misma dirección, ya sea izquierda, derecha , arriba o abajo, pero todas van en la misma orientación. Se puede ver que tenemos en nuestra pantalla algunos ejemplos reales de teselaciones de traducción. Aquí mismo tenemos un Pegasus todos yendo en la misma dirección. Pero lo que lo convierte en teselación es que las formas que crea desde su perímetro están permitiendo exactamente la misma área para que la siguiente Pegasus se siente como una pieza de rompecabezas. Aquí hay otro ejemplo. En lugar de ir de izquierda a derecha, se trata de una teselación de traducción subiendo y bajando de estos bichos y sus piernas son lo que se entremezclan para que funcione. Entonces aquí hay otro ejemplo de algunas aves. Esta está ligeramente en ángulo, pero técnicamente es una traducción porque todos van en la misma dirección. Entonces una teselación muy simple es un patrón de chevron, que se puede ver aquí. Te voy a mostrar cómo crear eso usando las herramientas que usamos para crear teselaciones y cómo incluso llevarlo más allá para demostrar que no tiene que estar en este sistema de cuadrícula, estamos usando solo bloques uno encima del otro, pero más como un sistema de ladrillos. Empecemos solo mostrando cómo se crea esto. Sé que probablemente te estés diciendo ahora mismo, solo crearé esa forma y me repetiré. Eso está bien, pero la forma en que no querrías hacer esto para que tengas la opción de actualizarlo más adelante es usar la herramienta de edición global. Voy a seguir adelante y acaba de empezar con una plaza y le voy a dar un color. Entonces voy a seguir adelante y copiarlo para que esté justo al lado y darle otro color para que veas la diferencia. Por cierto, cuando lo copio, solo estoy sosteniendo Option y Shift para llevarlo al otro lado, pero es de la misma forma que me estoy repitiendo. También quieres seguir repitiendo esto para que estés creando un sistema de cuadrícula similar a una cubierta de tablero de ajedrez. Me refiero a un tablero, así que algo así. Ahora bien, si fuera a seleccionar esta forma por ejemplo, y por cierto, antes de saltar, vamos a seguir adelante y convertir esto en colores globales. Cosa fácil de olvidar y se puede ver que creó un sistema de carpetas, estos dos colores. Más tarde, puedo cambiarlo. Una vez que tengas creado este look de tablero de ajedrez, quieres seguir adelante y simplemente seleccionar la plaza central e ingresar al área seleccionada y Iniciar Edición Global. Esto se pondrá gris si piensa que no hay otras formas en todo tu archivo que sean idénticas, pero sabe que hay otros cuadrados, por ejemplo, en este archivo. No tienen que estar cerca uno del otro, sólo sabe que hay plazas en algún lugar este archivo que son idénticas a la que creaste originalmente. Voy a seguir adelante y Start Global Edit y puedes ver que si fuera a actualizar la plaza que he seleccionado, todas las demás que estén resaltadas en azul harán lo mismo. Ahora la herramienta Edición Global es súper útil justo más allá de las teselaciones. Es algo que hemos descubierto que es útil en el mundo de las teselaciones, pero en el mundo de la ilustración, si fueras a crear, digamos, una hoja en un árbol y quieres cambiar esa hoja en cualquier área dentro del ilustración que está usando esa hoja, todo lo que tienes que hacer realmente es actualizar una y todas las demás hojas cambian usando esta herramienta. Por lo que te ahorra un montón de tiempo si estás usando formas repetitivas o ilustración repetitiva, lo hace incluso más allá como una sola forma, puedes usarlo con grupos. Pero por el bien de esta clase, lo que vamos a hacer es usarlo para la creación de teselación. este momento, solo tengo cuatro nodos para elegir realmente y eso no es súper útil cuando se trata de teselaciones porque probablemente vamos a querer hacer esto un poco más complejo. Lo que voy a hacer es tener el seleccionado el centro y voy a entrar en Object, Path y añadir puntos de anclaje. Lo que esto hará es que va a agregar un punto de anclaje al costado aquí. Ahora lo que está pasando es que aquí tenemos algunos superpuestos. Realmente no puedo ver lo que está pasando debajo y una manera fácil de ver lo que estás haciendo es darle la opacidad de la forma en la que estás trabajando como digamos 50 por ciento de opacidad, y ahora podemos ver a través de las formas. Ahora mismo puedo ver que si fuera a tirar o empujar un lado, el otro va a hacer lo mismo con el que es un color separado. Pero lo que tiene que pasar o esto para ser una teselación técnicamente, es que no puede haber ninguna superposición. Por lo que también tengo que tomar el otro lado de la forma y moverla hacia adelante también, y eso permitirá que no haya huecos. El truco con teselación es que cualquier movimiento que hagas, el signo opuesto necesita hacer exactamente lo mismo de la misma manera. Estas son las mismas reglas cuando se trata de ir en la cima. Al igual, digamos que si quiero mover la forma aquí arriba, también tengo que mover esta forma aquí mismo. Por lo que el mundo de las teselaciones se puede complicar realmente en este punto donde puedes agregar más y más puntos de anclaje y realmente retocar con lo que tienes aquí para hacer, digamos algo más complejo que una forma de chevron. Pero por el bien de solo mostrarte la base de cómo funciona la herramienta Edición Global y crear teselaciones, solo voy a crear esta forma de chevron por ahora. Algo a tener en cuenta también es que quieres empezar con estos ángulos duros. Pero entonces cuando se trata de crear un look más personalizado, también puedes usar redondeo, pero hay que recordar hacer el mismo redondeo al otro lado. La mejor manera de hacerlo dentro de este tipo de formatos es solo recordar tus rincones aquí arriba. este momento solo voy a hacer unos 40 píxeles fáciles y luego solo voy a seleccionar este de aquí y convertirlo en 40 pixeles. Podrías intentar actualizar ambas esquinas simultáneamente, pero lo que pasa es que realmente no te permitirá hacerlo por cómo funciona la herramienta Edición Global. Piensa que estás tratando de excluir una forma ya que estás tocando más de un nodo. Desafortunadamente, en el mundo de Global Edit, solo te permite tocar un nodo a la vez. Entonces esa es una de esas cosas que los ilustradores tienen actualmente, tal vez podría estar disponible en nuestra futura actualización, pero solo está retoques alrededor de un nodo a la vez. Recuerda eso mientras estás creando esto. Una vez que tengas tus esquinas todas situadas usando los mismos parámetros en todo, voy a seguir adelante y hacer ambas redondeadas a 40 píxeles para que todo quede parejo. Puedes seguir adelante y hacer que vuelva al 100 por ciento de opacidad. Mientras veas que no hay huecos en tu diseño, todo se ha llenado y se bloquea como una pieza de rompecabezas, todo lo que tengo que hacer es hacer clic afuera y tu teselación está completa. Esta es una teselación súper simple ahora mismo. Simplemente es un Chevron que se ha actualizado por lo que tiene esquinas redondeadas. Pero el punto de ello es que puedes repetir esto una y otra vez para crear un patrón y se bloquearía en un look sin fisuras. teselaciones de traducción no tienen que hacerse solo originalmente a partir de bloques que están uno encima del otro como un tablero de ajedrez, puedes usarlas para que sean más especie de en una formación de ladrillo donde alternan filas, fila por fila. Entonces para hacer algo similar a esta teselación muy simple usando peces, todo lo que realmente necesita hacer es comenzar con rectángulos que alternan cada fila y los designé para que todos sean de diferentes colores, pero son todos los misma forma que se ha repetido. Esto es importante cuando estás usando la herramienta Edición global para que entienda que la forma que estás cambiando es la misma en todo momento. Voy a usar este naranja como mi punto de partida y voy a entrar en Seleccionar, Iniciar Edición Global. De nuevo, no tiene más nodos de lo que estás viendo aquí en las esquinas. Pero voy a seguir adelante y añadir algunos. Voy a entrar en Object, Path, Add Anchor Points. Esto me permite tener un poco más de variedad con la que trabajar. Si bajara el centro de nodo, por ejemplo, entonces querría actualizar los otros lados a medida que voy. De nuevo, antes de que siquiera me meta en eso, asegúrate de que se te acabe el 50 por ciento de opacidad para que puedan ver a través de las formas. Entonces desde que bajé eso y todo cambió, lo que está pasando es que en realidad hay dos movimientos que tengo que tomar después de eso para completar las formas. En lugar del otro sistema donde es como un empujón equivale a un tirón, esto es más como un empujón equivale a dos tirones. Entonces es un poco más complejo, pero el mismo proceso. Yo quiero convertir esto en un pez, una manera rápida y fácil sería simplemente mover esta forma aquí arriba. Simultáneamente estoy creando esa cabeza y una cola. Tenemos que recordar hacer tanto el frente como la espalda para que eso funcione. Por lo que solo un par de sencillos pasos empezando por un rectángulo, eres capaz de crear esta teselación de peces que están cuadradas de una manera específica que comienzan con una formación de ladrillo en lugar de un look de tablero de ajedrez. Si quieres incluso ir más allá para agregar un poco más de personalización a esto, no tienes que estar atascado usando solo una forma. Aquí es donde se pone realmente interesante usando la herramienta Edición Global, puedes crear, digamos un globo ocular y todos los peces obtendrán un globo ocular cuando dibujes encima de esta forma que has creado. Algo a recordar sin embargo es que necesitas agrupar lo que creaste para que puedas volver atrás y cambiar esto en el futuro porque si no lo agrupo y empecé Global Edit, digamos solo de la forma del pez, sólo va a actualizar la forma del pez, pero no los ojos. Entonces voy a seguir adelante y seleccionar ambas formas y agruparlas. Entonces voy a dar click y digamos que quiero retocar un poco más con esto, todo lo que tendré que hacer es seleccionar ese grupo e ir a Select, Global Edit y recuerda que todos estos peces tienen ojo y cuerpo. Por lo que puedo actualizar el ojo si quiero, y también puedo actualizar la forma del cuerpo y todo cambiará simultáneamente. Esto es algo que básicamente tiene muchas opciones. Empezaría simple, pero es ilimitada cuando se trata de la forma de las cosas. Realmente puedes adentrarte en esto. Se puede ver que el mismo proceso se utiliza para crear estas cosas con estos animales más complejos. Pero realmente comienza con una forma básica para asegurarse de que todos se vinculen usando este sistema de cuadrícula y cuantos más puntos de anclaje agregues, más hay este empuje y tira, realmente solo se necesita experimentación. Así que empieza simple y ve tan complejo como quieras. Una vez que obtienes el ahorcamiento de una teselación de traducción, pasémonos a una versión más compleja de esta creación de patrones. Se llama teselación de reflexión. 11. Teselaciones de reflexión: El siguiente paso en el mundo de la creación de teselación es una teselación de reflexión. Es similar al primero, pero la única diferencia es que cada fila está cambiando su orientación. Creamos algo como esto usando esa teoría con este parche de perro Almanac puede. Se puede ver donde tenemos alineados a estos perros. Cada fila está cambiando su orientación. En primera fila, los perros van en una dirección, y luego en la otra fila, los perros van en la otra dirección. Lo que lo convierte en teselación y te mostraré en pantalla es cómo el movimiento de una forma positiva crea la forma negativa de otra. Digamos que la cabeza aquí también es la forma del cuerpo del perro por encima de ella, o por ejemplo la cola de un perro también está creando el color del perro al lado. Cualquier push crea un pull y es el mismo proceso que te mostraba antes, pero la única diferencia es que la orientación cambia de fila a fila. Aquí hay un par de ejemplos de otros trabajos que están usando el mismo proceso. Aquí te dejamos unos pájaros fila por fila. Están cambiando de dirección. Todos los blancos miran a la derecha y los azules están todos mirando a la izquierda, pero todos están entrelazados como piezas de rompecabezas. Éste es muy complejo que es un hombre montando a caballo, pero cualquier espacio negativo que cree, crea el espacio positivo para el caballo que lo rodea. Otra vez es un teselado perfecto donde no hay huecos. Lo que les vamos a estar mostrando hoy es ejemplo de una teselación de reflexión en un contexto mucho más sencillo. Con el fin de crear este patrón de flecha donde cada flecha está cambiando su dirección fila por fila. Es tan simple como comenzar con un rectángulo también. Voy a seguir adelante y crear uno donde el ancho del rectángulo sea dos veces más ancho que su altura. Hagámoslo 300 por 150 por ejemplo. Voy a seguir adelante y duplicarlo para que esté justo al lado de sí mismo, cambiar su color para que pueda ver qué está pasando. Entonces voy a seguir adelante y también crear otra fila aquí arriba donde está creando estos patrones de ladrillo. Está a mitad de camino entre ellos. Yo también voy a cambiar sus colores, así que simplemente podemos ver fácilmente lo que estamos haciendo. Ahora, lo que acabamos de hacer fue repetir este rectángulo una y otra vez, pero todos tienen la misma orientación, lo que significa que están mirando de izquierda a derecha o de derecha a izquierda. Lo que realmente queremos hacer aquí es asegurarnos de que la fila por encima y por debajo de nuestra fila original esté cambiando su orientación. Voy a seguir adelante y dar click en la “Herramienta de Reflexión”, y quiero asegurarme de que tengo vista previa en. Estoy usando la reflexión vertical, lo que significa que está cambiando su acceso desde este punto central vertical aquí. Eso significa que cambian de ir de una dirección a la contraria. Ahora se enfrentan a la dirección opuesta como la fila en el medio. Una vez que tengas listas tus filas y quieras asegurarte de que las filas superior e inferior que rodean esta fila media estén cambiando su orientación, vamos a seguir adelante y seleccionar este rectángulo medio y entrar en inicio edición global. Vamos a seguir adelante y darle un par de puntos de anclaje más. Voy a ir a camino, añadir puntos de anclaje, y voy a seguir adelante y también actualizar su opacidad para que pueda ver a través de todas las formas. Todo lo que necesitas realmente hacer ya que tengo estos nodos extra aquí es que en realidad solo son dos pasos para conseguir estas flechas y es engañosamente muy simple. Voy a seguir adelante y agarrar este nodo aquí arriba y moverlo al centro de este rectángulo aquí arriba. Entonces voy a mover este nodo inferior de ese mismo rectángulo y moverlo hacia abajo a este punto central aquí. Lo que hizo fue que rompió este rectángulo para que se convierta en una forma de flecha, pero simultáneamente crea flechas arriba de aquí, todos apuntan en la dirección opuesta. Cuando regrese al 100 por ciento de opacidad y haga clic fuera de aquí, se puede ver que creé este patrón de flecha. Lo bueno de este patrón es que no tienes que usar tantos colores técnicamente, ya que todos se están reuniendo en este punto tangente, toda esta fila podría ser del mismo color, y toda esta fila puede ser del mismo color. Es un patrón fácil que solo puede usar dos colores, y es genial. Si estás imprimiendo en algo y técnicamente es una impresión de un solo color. Pero siempre es fácil usar tantos colores como puedas para diferenciar las formas al principio y luego siempre puedes simplificarlo desde ahí. Esa es la base de una teselación de reflexión donde una fila se enfrenta a una dirección y la otra fila se enfrenta a otra. Toda esta formación de ladrillo que creé para crear estas flechas es la iniciación a cualquiera de este tipo de teselaciones. Voy a seguir adelante y sólo traerlo de vuelta a donde estaba, donde es sólo la simple formación de ladrillo. Para mostrarte lo sencillo que empieza y lo complejo que puede llegar a ser, voy a seguir adelante y moverme en mi pantalla aquí. Este es nuestro patrón que creamos para Almanac donde estos perros están utilizando este formato de teselación de reflexión. Básicamente están empezando como ladrillos y cambian su orientación y el hecho de que las filas están cambiando cada vez. Se puede ver el punto medio de este perro es el punto de inicio de los perros por encima y por debajo de él. Aquí mismo está el archivo en vivo que tenía listo para ir donde retoques y retoques y retoques hasta que básicamente conseguimos que estas formas de perros funcionaran bien. Aquí es donde estaba y donde terminó. Pero de nuevo, empezó con estos ladrillos básicos. Para mostrarte cómo funciona, aún puedo seleccionar a este perro medio, ir a la edición global, y si fuera a acercar un aspecto específico de esto, digamos que quiero cambiar la oreja de este perro aquí arriba. De nuevo, también quieres asegurarte de que estos sean 50 por ciento, pero para que puedas ver qué está pasando. Cada vez que le cambiaba la oreja a este perro, la otra parte está aquí abajo. Solo tienes que recordar que sigue siendo empujar y tirar hasta el final cuando estás creando este archivo final. Digamos que quiero este aspecto más como una vibra Doberman Pinscher pasando. Tengo que asegurarme de que la parte de cada perro en la oreja y en la otra parte donde es como debajo de su axila estén cambiando simultáneamente. Lo que está pasando es, Illustrator es lo suficientemente inteligente como para saber que en el patrón que creé, esto es básicamente lo mismo, pero en una máscara de recorte, está actualizando también a estos perros por lo que ahora todos tienen orejas más grandes porque sabe que todas estas son de la misma forma. La única diferencia es que cambian de orientación y luego los colores son diferentes. Pero técnicamente, siempre y cuando sea idéntica forma, puedes usar la herramienta de edición global. El modo en que surgió este proyecto fue el director general de Almanac se acercó a nosotros pidiendo hacer un diseño de lata temática de perro. Estamos tan acostumbrados a crear estas formas de chevron que se sostienen como un patrón dentro de esta área de la lata, y pensamos ser geniales para realmente hacer un patrón de perro. Nunca nos hemos acercado a una teselación en este punto, pero lo sabíamos, que existía. Sabíamos que había como perro, técnicamente patrones de perro usando teselaciones fuera en el mundo. Pero pensamos que sería un reto interesante crear algo que es único, que sería específico para Almanac y algo que creamos desde cero. Hicimos algunas investigaciones y entendimos el mundo de las teselaciones. Realmente no entendemos la forma en que se crean, y entramos en solo retocar alrededor de un Illustrator usando estas técnicas básicas. Algunas de las primeras formas que creamos eran simplemente bastante crudas y no parecían perros en absoluto. Solo estaba jugando con comprensión como, creo que las piernas terminarían pareciendo así aquí y la cabeza iría por aquí. Con suficiente retoques, terminamos llegando a un punto en el que en realidad terminó luciendo como un perro donde teníamos cabeza y piernas y una cola, y simplemente sabíamos que todas esas formas individuales terminarían por tener que interactuar con el perro junto a él y debajo de él. Con suficiente sólo ir de ida y vuelta y compartir el progreso, jugamos alrededor con esas formas e hicimos que los perros se vieran un poco más amigables, entendimos que queríamos estilizarlo de cierta manera. Miró el arte existente que está ahí fuera donde realmente nos gustó la forma del perro, y si es posible hacer que eso se vea igual dentro de este patrón sin joder las matemáticas reales y seguir empujando y tirando. Eventualmente llegó a un punto en el que empieza a parecer bastante normal. A ese punto, tratando de averiguar cómo hacer que los perros se vean más específicamente como un tipo de raza. Eventualmente parece un perro más pequeño, y luego queríamos hacerlo más como un perro más grande, más amistoso de aspecto. Mucho empujar y jalar hasta el punto que terminamos donde estamos ahora. Pero esto fue claramente mucho trabajo. Lo que se necesita es solo experimentar y tener a alguien más que lo mire porque puedes sumergirte en esto profundo y realmente no darte cuenta de lo que estás haciendo hasta dar un paso atrás. Pero eso es lo bueno de tener un equipo de dos personas, somos capaces de revisar el trabajo del otro en el camino. Esos son los fundamentos de las teselaciones de reflexión. Es bastante fácil crear algo simple, pero es muy divertido crear algo muy complejo. Siéntete libre de subir lo que creas a la galería de proyectos y me encantaría ver lo que creas. A continuación se presentan teselaciones rotacionales. 12. Teselaciones de rotación: Hemos llegado al pináculo de la creación de teselación, que es esta teselación rotacional. Has aprendido a crear teselaciones que van en cierta dirección, las direcciones alternas. Pero éste es tan complejo como llega tan lejos como complejo que hemos descubierto. Te vamos a mostrar cómo crear eso en Illustrator ahora mismo. Se puede ver, tengo un par de ejemplos de algunos patrones existentes que están usando esta técnica. Definitivamente está en el nivel complejo. Nuevamente, como cada forma se entrelaza entre sí para hacerlo técnicamente esta teselación. Pero lo que es único al respecto, es que todos están girando alrededor de un cierto eje. El modo fácil de mostrar esto es con los lagartos o este patrón de tortuga, se puede ver con sus pies que están haciendo pinwheeling unos a otros aquí. Se están siguiendo el camino del otro. Eso es lo que lo convierte en una rotación. Con lagartos, es de aspecto un poco más complejo, pero para darte una idea de cómo se formatea. En realidad sólo se está juntando a través de la forma de un hexágono. Lo bueno de los hexágonos, es que esos dos pueden girar sobre sí mismos y enclavarse, como hemos aprendido con el patrón isométrico. Esta es una versión muy básica de cómo puede verse una teselación rotacional. Te voy a mostrar cómo llegar usando un cubo isométrico real. En lugar de simplemente comenzar con el cubo que creaste antes, en realidad vamos a desarmar una de las piezas. Voy a ir a copiar y pegar este diamante en su propio lugar. El modo en que esto funciona es que, igual que estamos tratando con cuadrados y rectángulos, hay que repetir la forma y moverla en una orientación específica basada en los resultados que desee. Dado que se trata de una teselación rotacional, en realidad vamos a estar girándola alrededor de este eje justo aquí en la parte inferior. Voy a seguir adelante, y copiarlo y pegarlo. Voy a rotarlo, que si mantengo pulsada Opción y hago clic en este punto de anclaje, pueda ver que está girando alrededor de esta zona. Ahora mismo, puedo seguir adelante y digamos rotarlo, que esté cerca de hacer un partido aquí, pero el número mágico es de 120 grados. El motivo es que esto va a ser de tres partes. Si piensas en un círculo, que es de 360 grados, y lo divides en tres partes, técnicamente es 120 veces tres, así que solo unas matemáticas rápidas ahí. Voy a ir a cambiar su color. Entonces voy a copiarlo y pegarlo de nuevo. Haga exactamente lo mismo haciendo clic en la herramienta de rotación y haciendo clic en ese punto de anclaje. Ya he recordado de mi entrada anterior que 120 es lo que quiere. Ahora, tenemos la misma forma girando alrededor del área central y yendo en sentido contrario a las agujas del reloj, puedes ir en la otra dirección si quieres. agujas del reloj está totalmente bien siempre y cuando esté girando alrededor de algún punto de acceso para crear una forma completa. Solo estoy haciendo esto con tres formas para crear un hexágono actualmente solo por el bien de la simplicidad, lo que se puede digerir fácilmente, pero esto se podría hacer con triángulos, siempre y cuando estés usando una forma que, ya que gira alrededor del mismo eje, crea una pieza entrelazada que luego puede ser entrelazada alrededor de sí misma para crear un patrón, estás en buena forma para crear una teselación. No tiene que ser tres partes para crear 360 grados, siempre y cuando todas las partes terminen creando rotación de 360 grados, estás en buena forma. Por ejemplo, esta tortuga 1 está usando cuatro partes, y cada vez que rotan alrededor de sus piernas aquí, es un giro de 90 grados. Por lo que 90 más 90 más 90 más 90 terminarán creando 360 grados. Cualquiera que sea la pieza que elijas para empezar, siempre y cuando pueda girar alrededor y hacer un 360 completo, entonces estás listo para comenzar tu teselación. Voy a volver a este cubo que creamos. Nuevamente, todo gira alrededor de este eje. Lo que voy a hacer es, duplicar todo esto. Yo estoy creando esa cuadrícula que estábamos acostumbrados a ver, esa cuadrícula isométrica. Yo sólo voy a seguir adelante y alinear cosas así, sólo para mostrar lo que pasa cuando nos metamos en el mundo de una Edición Global. Voy a empezar con este diamante aquí mismo. Voy a entrar a Edición Global. Queremos cambiar su opacidad, sólo para que veamos lo que estamos haciendo. Voy a seguir adelante y añadir algunos puntos de anclaje. Ahora, se puede ver que los puntos de anclaje están ahora en el centro de estos diamantes. Lo interesante ahora es, cuando muevo una forma, está creando resultados inesperados porque estamos tan acostumbrados a que suceda en el extremo opuesto. Pero lo que realmente está haciendo es crear una oportunidad para llenar ese vacío que está haciendo una rotación. Entonces cada vez que muevo esto, requiere que cambie este lado por aquí, y al mismo tiempo está cambiando todas las formas para crear este look de pinwheel. Lo mismo vale para cualquier otra parte de este diseño. Por lo que se pone tan complejo como te gustaría. Yo puedo agarrar, digamos, esta pieza y traerla. Pero entonces tengo que traer también esta pieza. De nuevo, puedes actualizar las cosas usando esquinas redondeadas si quieres, así que voy a hacer esta esquina aquí mismo, 100 píxeles. Pero entonces también tengo que asegurarme de que esta esquina de aquí es redonda a 100 pixeles. Si vas adelante y quieres revisar tu trabajo, puedes traerlo de vuelta a la opacidad total, y solo ver dónde te aterrizó eso en cuanto a estas teselaciones. Te acuerdas que empezó como un cubo isométrico, pero solo con un par de nodos y moviéndose alrededor, en realidad terminó completamente diferente. Eso fue sólo un par de pasos sólo para transformar completamente este patrón. Pero si te imaginas añadiendo más nodos, y más movimiento, y más personalización, puedes llegar a un lugar donde se pone tan complejo como este lagarto. Porque técnicamente este lagarto fue formateado alrededor de una forma que puede girar alrededor de sí mismo, que es un hexágono. Entonces como se puede ver con las teselaciones rotacionales, el cielo es el límite cuando se trata de complejidad. Ahora mismo, solo con un par de movimientos, he hecho este interesante look de pinwheel, pero puedes divertirte mucho con esto. Para convertir un patrón de teselación en una muestra de patrón utilizable real, quieres tener suficiente de una muestra de tu patrón, digamos que ahora mismo tengo un montón de estas piezas cuadradas, para realmente poner dentro de una máscara de recorte que se puede repetir en un patrón. Una manera fácil de recordar esto es que, cuando estás creando una plaza para mantener todo esto unido, voy a seguir adelante y agrupar esto. Todo esto es de una sola pieza. Voy a agarrar una plaza. Voy a empezar a dibujar sobre esta selección, pero asegurándome de que cada punto de anclaje que creo esté adjuntando al mismo lugar en cada pieza. Como se puede ver aquí, la esquina es igual a cada punto y cada forma individual. Ahora mismo, el centro de ese pinwheel se está reuniendo con cada esquina aquí. Lo que eso nos permite hacer es poner esto en una máscara de recorte. Pero entonces cuando realmente traiga la herramienta de creación de patrones, empezará a mosaico esto juntos. Voy a entrar en, Objeto, Patrón, Hacer. este momento, está incluyendo las cosas que hay alrededor, dentro de la máscara de recorte como parte de esta creación. Quieres seguir adelante y solo dimensionar el azulejo al arte y dar clic a este botón aquí mismo. Lo que eso hace es, termina creando este patrón. Ahora sabe que si repite esa caja una y otra vez, realidad repetirá infinitamente este patrón. Voy a seguir adelante y decir Hecho, y a ver si eso funcionó. Simplemente voy a hacer una caja muy grande para ver cómo se llena. Esa teselación de rotación rápida es ahora algo que se puede usar como muestra. Nuevamente, aún tiene los mismos parámetros que todos los demás tipos de muestras. Puedes rotarlo, escalarlo. Si lo convertiste en colores globales antes de hacer esto, puedes actualizar sus colores. Siempre puedes volver atrás y actualizar los colores por tu cuenta actualizando el patrón, haciendo doble clic en la muestra. Es las mismas reglas que antes, pero esta vez está en una máscara de recorte. Esa es la base para convertir básicamente en cualquiera de estas teselaciones en una muestra de patrón utilizable, solo usar un grupo, y ponerla dentro de una máscara de recorte, y asegurarte de que esa máscara de recorte se encuentre en un spot muy específico. Ahora que tienes todos estos patrones diferentes para usar, úsalos para cualquier aplicación que se te ocurra. Puede ser papel de envolver, ropa. Cualquier cosa que utilice patrones, ahora es utilizable dentro de estas muestras que creaste en Illustrator. Así que ten eso en, y diviértete. 13. Reflexiones finales: Enhorabuena. Ya lo has hecho a través de la clase. Sabemos que fueron muchos patrones. Con muchos de estos nos dimos cuenta de que acabamos de mostrarte algunos enfoques básicos para empezar pero realmente hay mucho empujar y tirar y de ida y vuelta que puedes hacer para empezar. Esperamos ver lo que se te ocurre en la galería de proyectos. No tiene que parar ahí. Hay tantos patrones en el mundo y hay mucho más con los que puedes experimentar. Una simple Búsqueda de Google de MC Escher o teselación abrirá tantas puertas en cuanto a complejidad. Hay cosas llamadas teselaciones irregulares donde en realidad son dos formas diferentes fusionándose. Digamos, pescado y un pájaro que crea en todo nuevo patrón. Hay mucho trabajo ahí fuera que solo requiere mucho empujar y tirar y más tiempo metido en él. El cielo es el límite en cuanto a cuánto trabajo quieres poner en el proyecto. Seguimos aprendiendo a una de nuestras partes favoritas de todas estas clases de SkillShare es aprender de ustedes chicos. Esperamos ver con interés lo que se te ocurre. Gracias por ver.