Aprende TODO sobre la creación de patrones de superficie en Adobe Illustrator

1. ACERCA DE ESTA CLASE: Hola, soy Chris Ruff y soy diseñador de superficies. Eso significa que hago obras de arte en su mayoría repiten patrones que licencié a los fabricantes para poner en sus productos. De hecho, he hecho cientos de patrones y he trabajado con docenas de fabricantes desde que pasé del diseño gráfico al diseño de superficies hace aproximadamente una década. Y ahora estoy aquí para compartir contigo todo lo que sé sobre hacer patrones repetidos. En esta clase, vas a aprender a hacer patrones repetidos en Adobe Illustrator. Y hay algunas otras clases que hacen eso también. Pero en esta, en lugar de ver solo una simple demostración, vas a aprender todo el concepto y cómo trabajar con patrones repetidos. De esa manera tendrás una mejor comprensión del tema y también una gama más amplia de habilidades que puedes usar en tu arte. Enseguida. Aprenderás a hacer patrones repetidos usando los métodos tradicionales, así como a usar la herramienta de patrones de ilustradores. Aprenderás sobre diferentes tipos de repeticiones como repeticiones de ladrillo, repeticiones de media gota así como cómo agregar fondos a tus patrones y cómo editar patrones simples y complejos. También te mostraré cómo configuro mis archivos cuando los envíe a los clientes. Un método infalible para exportar tus archivos cuando los envías a Spoonflower u otros sitios de impresión bajo demanda. Ahora vamos a estar cubriendo mucha información, pero he desglosado la clase en lecciones del tamaño de un bocado para que luego, si te quedas atascado o tienes una pregunta, puedas volver fácilmente y referirte a la lecciones. Y aunque esto no es exactamente una clase de ilustrador uno a uno, si has usado Illustrator, todos, deberías estar bien. Siempre trato de que las cosas sean lo simples y fáciles posibles. Un par de detalles técnicos. Trabajo en una Mac, así que cualquier atajo de teclado, uso tal vez un poco diferente si estás en una PC, estoy usando Adobe Illustrator 2021, pero todas las herramientas que estoy usando también deberían estar en versiones anteriores. Entonces creo que eso lo cubre. Vamos a hacer algunos patrones. 2. El concepto básico: Quiero empezar con este humilde azulejo cerámico porque hace un buen trabajo ilustrando cómo funcionan los patrones digitales. Podemos tomar este pequeño azulejo, tiene sólo algunas formas simples en él. Pero cuando las repetimos, obtenemos un look completamente diferente. De pronto tenemos círculos azules con flores estilizadas en ellos y este hermoso ritmo que se forma en el patrón. Y esa es realmente la magia de hacer patrones repetidos. En Illustrator. También comenzamos con un azulejo, luego lo convertimos en una muestra que se puede utilizar para rellenar una forma. Illustrator rellena esa forma repitiendo los azulejos de extremo y de arriba a abajo, igual que lo harías con las baldosas cerámicas, hasta que llenes esa forma. Ahora veamos uno de los mosaicos de patrones individuales en Illustrator. Cada azulejo necesita tener una caja delimitadora, y eso es realmente solo el borde del límite de la loseta. El cuadro delimitador tiene que ser invisible para que no pueda tener ningún relleno y no pueda tener ningún trazo. Se necesita colocar en la parte posterior de todos los demás elementos. Por lo que cuando haces un azulejo y haces la caja delimitadora, debes asegurarte de enviarlo a la parte posterior de todos los demás elementos. Pero más allá de eso, un azulejo puede ser cualquier forma o tamaño que quieras y no tiene que ser cuadrado. Ahora ten en cuenta que si agregas elementos a tu mosaico que cruzan esa caja delimitadora, se cortarán porque están algo fuera de los límites. Eso es lo que está pasando aquí. Entonces la forma en que nos movemos eso es lo que sea que va a ser cortado por la caja delimitadora. Acabamos de poner eso al otro lado de la loseta. Entonces, cuando juntamos las fichas, esos elementos que cruzan la línea de la caja delimitadora coincidirán perfectamente y nos darán nuestras formas sin fisuras. Déjame mostrarte un ejemplo más con estos florales. Se puede ver a la izquierda que muchas de las flores cruzaron esa línea de cuadro delimitador. Por lo que están en efecto fuera de límites. Entonces lo único que hacemos es duplicarlos y ponerlos al otro lado de la loseta. Illustrator cortará esa loseta en el borde de la caja delimitadora. Entonces se ve así. Y luego cuando llenamos esta forma con ella, todos se vuelven a juntar y se ven como un patrón de repetición sin costuras completo. Entonces ahora entremos a Illustrator y recorramos ese proceso de nuevo. 3. Haz tu primer patrón: Tomemos lo que hicimos en la última lección y realidad lo hagamos en Illustrator. Entonces lo que tengo aquí es que tengo algunas formas aleatorias que voy a usar en mi patrón. Primero voy a hacer una caja delimitadora. Entonces tomo mi herramienta de rectángulo y podría simplemente dibujar un rectángulo como ese. Pero quiero que sean bonitos números pares. Entonces voy a usar la tecla de opción y hacer clic en poner. Voy a hacer cinco pulgadas por seis pulgadas. Ahora solo la llenaré con estas formas aleatorias. Ahora voy a parar aquí y te darás cuenta que empecé a llenar el centro. Después hice algunos que cruzaron sobre la línea superior del cuadro delimitador y también el lado izquierdo. Eso lo hice a propósito y dejé el borde inferior y el borde derecho en blanco. Y ya verás por qué en un minuto. Recuerda cualquier cosa que cuelgue del borde, necesitamos duplicar o crear un clon. Del otro lado, escogemos uno de ellos y vamos a ir a transformar objeto, mover que este cuadro de diálogo aparece. Y recuerda, nuestra caja delimitadora es de cinco pulgadas por seis pulgadas. Entonces queremos mover nuestra forma cinco pulgadas horizontalmente, pero 0 pulgadas verticalmente. Entonces en lugar de hacer clic en Ok, haz clic en, Copiar. Y ahí está. Haremos lo mismo con éste. Y voy a Shift y haga clic en ese también. Y éste está muy cerca, así que cambiaremos y haremos clic en ese también. Podemos mover esos todos al mismo tiempo, exactamente de la misma manera. Cinco pulgadas a la copia derecha. Entonces haremos lo mismo arriba y abajo. Entonces éste y éste cruzan el borde. Entonces iremos al movimiento de transformación de objetos. Y esta vez no queremos moverlo horizontalmente, así que eso es 0. Queremos que lo mueva seis pulgadas verticalmente y lo copie. Ahora podemos seguir llenando el resto de la misma. Ahora esta la estoy poniendo por encima de la línea en contra, así que necesito mover esa de aquí abajo también. Por lo que de nuevo, objeto transforma, muévelo y muévelo 0 horizontal, N6 verticalmente y copia. Y entonces sólo voy a rellenar algunos son. De acuerdo. Creo que eso es bastante bueno. En realidad, aquí arriba tenemos un pequeño agujero. Hagamos éste y hagámoslo más pequeño. Y meter eso ahí dentro. Ahora que uno cruza la línea dos. Entonces vamos a mover ese, transformar movimiento. Y ésta la queremos mover a la izquierda. Entonces eso es en realidad un menos 50 vertical. No me gusta la forma en que estos dos se están topando entre sí. Entonces yo sólo voy a mover esto, este de aquí mismo. De acuerdo, así que ese es el inicio de nuestro patrón. Ahora recuerda antes de que podamos convertir esto en un patrón, necesitamos hacer invisible nuestra caja delimitadora. Así que vamos a dar clic en él y repasar y nos aseguramos de que el relleno no sea ninguno y el trazo no sea ninguno. Y ahora estamos listos. Seleccionamos todo, lo arrastramos al panel de muestras. Se abre justo aquí. Si no ves el panel de muestras por aquí, puedes ir a Ventana y muestras, que está justo aquí abajo. De acuerdo, Alejemos y rellenemos una forma. Y da click en Rellenar y una muestra que tenga nuestro patrón en ella. Y ahí está nuestro patrón. Entonces ese es el primer método para hacer un patrón en Illustrator. Estaré refiriendo a eso como el método manual, solo porque hay que hacer un poco y es un poco más práctico así que tienes que hacer los duplicados tú mismo. En la siguiente lección, te presentaré la herramienta de patrones que se encarga de algunas de esas cosas por ti. 4. Introducción a la herramienta de patrones: En esta lección, les voy a mostrar una manera aún más fácil de hacer patrones, y esa es la herramienta de patrones de ilustradores. Es súper intuitivo. No tienes que preocuparte de que las cajas delimitadoras sean clones. Solo necesitas traer tus elementos a la herramienta y puedes trabajar con ellos allí. Entonces déjame mostrarte cómo funciona. Voy a empezar de nuevo con esas formas aleatorias, y notarás que están dispuestas exactamente de la misma manera que en el ejemplo anterior, pero no hay cajas delimitadoras y no hay clones. Son sólo esos motivos. Entonces para hacer nuestro patrón usando la herramienta de patrón, todo lo que hacemos es seleccionar nuestros artículos, ir a Objeto, Patrón, Hacer. Ahora se abre una nueva ventana y lo conseguiremos, podrías recibir este mensaje que solo dice: Oye, este nuevo patrón se va a agregar a tu panel de muestras. Simplemente desestime eso. Y ahí está nuestro patrón. No tuvimos que hacer ningún clón. No tuvimos que hacer el cuadro delimitador. Ahora, se ve un poco diferente a la anterior. Hay muchos huecos entre nuestro azulejo. Y la razón de eso es, pesar de que no tuvimos que hacer un cuadro delimitador, cada patrón sí tiene que tener un cuadro delimitador. Por lo que ilustrador hace uno automáticamente. Y verás que es exactamente del tamaño de todos nuestros elementos. Encajan exactamente dentro de este rectángulo en particular. Podemos cambiar el tamaño y la forma de ese cuadro delimitador haciendo clic aquí arriba. Una vez que hacemos eso, obtenemos asas en la caja delimitadora y simplemente podemos moverlas como queramos. Y cuando levanto de inmediato, se ven los cambios en el patrón. También podemos cambiarlos por aquí. Entonces, si quieres tener un número par como lo hicimos la última vez, puedes simplemente teclearlo aquí, cinco por seis, que ajustó el patrón. Y ahora este patrón se ve exactamente igual al anterior, pero no tuvimos que hacer un cuadro delimitador y no tuvimos que hacer los duplicados. Lo que estamos viendo ahora mismo son tres azulejos de ancho y tres azulejos abajo. Y eso es lo que esto significa aquí. Para que podamos cambiarlo y ver cómo se ve en un área más grande. Y esa es una característica realmente genial porque puedes ver de inmediato si hay algún problema con el patrón. Si vuelvo a acercar, podemos hacer lo que queramos con esos elementos para poder escoger uno y poder moverlo. Y ves que cada iteración de la misma se mueve también. Entonces es una, esta es una herramienta súper poderosa. Podemos incluso cambiar el color de ellos o lo que queramos hacer. Ahora puede volverse confuso cuando estás editando tu patrón. Y digamos que quieres cambiar el color de éste. Bueno, si hago clic aquí mismo, no pasa nada, no puedo mover eso. Eso se debe a que en realidad no está dentro de la caja delimitadora. Entonces, si quieres hacer las cosas un poco más fáciles de ver, puedes atenuar esas copias justo por aquí. Y puedes cambiar lo mucho que Deming quieras. De esa manera todavía puedes ver el patrón, pero sabes qué motivos están activos. Entonces esto que sabemos que no está activo. Pero por aquí, puedo mover este. Una vez que estés contento con tu patrón, solo tienes que hacer clic y verás que ha salido justo ahí. Para que podamos llenar esta forma con el nuevo patrón, y así se ve. Entonces así es como usas la herramienta de patrón. A continuación, te voy a mostrar algunos tipos diferentes de patrones que son súper fáciles de hacer con la herramienta de patrones. 5. Tipos de repetición de patrones: Existen varios tipos diferentes de repeticiones que se utilizan en el diseño de superficies. Todo con lo que hemos trabajado hasta ahora ha sido una repetición directa. Y ahí es donde las baldosas se alinean perfectamente tanto horizontal como verticalmente. Hay otro tipo y eso se llama ladrillo. Repita esa situación. Cada fila se desvía la mitad de una baldosa de la fila anterior. Piénsalo igual que una pared de ladrillo. El tercer tipo se llama repetición de media gota, y es probablemente el más utilizado en el diseño de superficies. Y en ese caso, las columnas alternas se dejan caer media longitud de azulejo. Entonces, ¿por qué querrías usar estos diferentes tipos de repeticiones? Bueno, la repetición recta puede parecer formal y ordenada, y a veces eso es bueno. Pero muchas veces se ve estático y tal vez un poco aburrido. Por el contrario, los patrones construidos con una repetición de ladrillo o media gota tienden a ser un poco más interesantes. La forma en que las baldosas se alternan ayuda al ojo a moverse a través del patrón para que solo tengan más energía y más movimiento. La forma más fácil de hacer estos diferentes tipos de repeticiones es utilizando la herramienta Patrón de Illustrator. Puedes hacerlos manualmente, pero es bastante trabajo y algunas matemáticas involucradas, por lo que es mucho más fácil usar la herramienta de patrones. Illustrator utiliza algunos nombres ligeramente diferentes para estas repeticiones. Una repetición recta se conoce como rejilla, y la repetición de ladrillo se conoce como ladrillo por fila y media gota como ladrillo por columna. Entonces, en la siguiente lección, te mostraré una demo para que veas cómo hacer estos diferentes tipos de repeticiones y cómo afectan a nuestro patrón. 6. Crear diferentes tipos de patrones: Este pequeño diseño de planta funcionará bien para ilustrar cómo los diferentes tipos de repetición afectarán el diseño de tu patrón. Entonces usaremos la herramienta de patrón y simplemente la seleccionaremos, entraremos en Object, Pattern, Make. Y nuestra pequeña planta se pone en una caja delimitadora que apenas se ajusta a los bordes de la misma. Déjame alejarme y con la herramienta de patrón, Démosle un poco de espacio para respirar. Sólo voy a cambiar el tamaño de la caja delimitadora. Entonces aquí es donde determinamos el tipo de patrón. Ahí está la grilla, está Brick by Row, Brick by Column. Y luego estas dos opciones hexagonales. Y no voy a entrar en eso, Eso rara vez se usa en diseño de superficies. Se puede jugar con él si lo desea. Pero, pero estos tres son que realmente los que vas a querer usar? Por lo que actualmente está en grilla. Miremos ladrillo por fila. En el borde aquí se puede ver cómo cada fila se desvía de la anterior. Ahora hagamos ladrillo por columna. Y ahora las columnas son rectas, pero cada una está compensada con respecto a la anterior. Déjenme cambiar el color de uno de estos para que podamos ver realmente lo que está pasando. Con el ladrillo por columna. Tenemos líneas verticales que están intactas. Las líneas horizontales se topan hacia arriba y hacia abajo. Y a menudo habrá una fuerte diagonal que saldrá en tu patrón. Y volveremos a ladrillo por fila. Y ahora las líneas horizontales son muy prominentes. Pero verticalmente, el diseño aparece hacia adelante y hacia atrás. Y de nuevo, compare eso con la cuadrícula donde los puntos azules están alineados horizontalmente y también alineados verticalmente. Y no hay nada malo en una grilla. Repito, le voy a dar un poco más de espacio para respirar. Algo como esto podría ser fondo de pantalla agudo. Entonces lo más grande aquí es entonces simplemente jugar con el cuadro delimitador y ver qué cambia se mezcla si lo traigo apretado y nos sale un poco de solapamiento. Entonces anidan el uno dentro del otro y eso es un poco agradable. Otra cosa a tener en cuenta es, ahorita el offset es de medio. Tenemos muchas otras opciones que nos gusta decir que no queremos que estas dos bayas pequeñas se toquen entre sí. Podríamos intentar hacer un tercero, y ahora no lo hacen. O podríamos hacerlo dos tercios. Y sólo se puede ver cómo cada cambio, cambia el ritmo del diseño. Déjame mostrarte un ejemplo más solo rápido con estas frutas hará nuestro patrón. Esto es lo que parece como una cuadrícula. Y como Ladrillo por Fila y ladrillo por columna. Si nos centramos en los pares aquí, los pares están perfectamente alineados hacia arriba y hacia abajo. Pero horizontalmente, se mueven hacia adelante y hacia atrás. Con el ladrillo por fila. Los pares están alineados horizontalmente, pero verticalmente. Los pares se mueven hacia adelante y hacia atrás. Y lo bueno de la herramienta de patrones es que obviamente puedes hacer cambios aquí. Al igual que si no te gusta esta diagonal fuerte, podrías cambiarla un poco y hacerla ir por este camino, o cambiar cuánto espacio hay entre ellas. Y no mencioné esto antes, pero sin duda se pueden hacer cambios. Puedes dibujarlo directamente en la herramienta de patrón. Entonces si decidiste poner algunos puntos en el fondo aquí, esto lo pone realmente fácil. Y ahí está nuestro resultado final. De acuerdo, ahora en la siguiente lección, les voy a mostrar cómo editar patrones hechos tanto en el método manual como con la herramienta de patrones. 7. Edición de patrones simples: Tal vez te preguntes ¿por qué me molesté enseñarte el método manual para hacer patrones cuando la herramienta de patrones es mucho más fácil? Bueno primero creo que siempre es bueno simplemente entender la mecánica de hacer patrones porque en algún momento probablemente vas a tener un patrón que no está funcionando correctamente. Y cuanto más comprendas sobre cómo funciona, más fácil será diagnosticar y solucionar el problema. En segundo lugar, existen algunas limitaciones a la herramienta de patrón. Una de ellas es que realmente no se puede agregar un color de fondo. La herramienta de patrón que tienes que hacer en el método manual. Y además, si tienes un patrón realmente complicado, a veces realmente hará que tu computadora se empantane. En ese caso, es posible que desee utilizar el método manual también. Entonces ahora veamos cómo editar patrones simples en ambos métodos. Y comenzaremos con la herramienta de patrón. Para este ejemplo. Vamos a empezar con estas mismas formas. Y para hacer un patrón fuera de ellos, los seleccionamos y entramos en Object Pattern Make, digamos de inmediato, queremos hacer algunos cambios. Nosotros queremos hacer, queremos hacer esta naranja y esta rosa. Están contentos con eso. Entonces pinchamos hecho. Después podemos hacer una forma y llenarla con nuestro nuevo patrón. Ahora tal vez todavía no estás contento con ello. Entonces, ¿cómo retrocedes y reeditas este patrón? Bueno, usas la puerta secreta y eso es una muestra de doble clic en la paleta. Eso te trae de vuelta a la herramienta de patrones. Y ahora puedes hacer los cambios que quieras. Tal vez cambie este a lavanda y luego haga clic en Hecho. Por lo que los cambios que hicimos en la herramienta de patrón se actualizan automáticamente. De acuerdo, ¿y si quiero una segunda versión de este patrón? Como a lo mejor quiero que todo sea de un solo color. Nuevamente, hago doble clic en la muestra y solo necesito seleccionar todo. Y hagámoslo todo de color naranja. Ahora, si hago clic hecho, igual que la última vez, cambiará la muestra que ya está ahí. Queremos guardar una copia del mismo para que tengamos ambas versiones. Por lo que en lugar de hacer clic hecho, hacemos clic en, Guardar una copia. Nos dice cómo va a llamar el nuevo patrón. Haga clic, ¿de acuerdo? Y ahora se ve el patrón ahí. De acuerdo, entonces parece que todo está bien. Por lo que da clic en Hecho. Y ahora mira aquí arriba, qué ha pasado. Hemos perdido esa versión anterior y tenemos dos versiones de la nueva. Eso no es lo que queríamos. Entonces sólo voy a hacer un deshacer. Regresamos aquí y miramos hacia atrás al panel de muestras. Todavía no tenemos esa segunda versión. Por lo que guardaremos una copia. Haga clic. De acuerdo, aquí lo vemos. Y sé que esto no parece intuitivo, pero más que decir hecho aquí, tenemos que decir Cancelar. Ahora tenemos ambas versiones para que podamos cambiar de ida y vuelta entre ellas. Ahora hagámoslo con el método manual. Solo necesitamos agregar un cuadro delimitador. Asegúrate de que el relleno sea desconocido y que el trazo esté en ninguno. Entonces tenemos que asegurarnos de que esté en la parte posterior de todos los motivos. Por lo que vamos a Object, Arregla, Send to Back. Y ahora solo seleccionamos todo y lo llevamos a nuestra paleta Muestrarios. Después podemos hacer una forma, dar clic en Rellenar, y rellenarla con el patrón. Entonces, ¿cómo hago cambios en este? Bueno, solo puedo hacerlas directamente en la muestra de aquí. Así que déjame cambiar algunos de los colores, hará que estos sean azules, y luego seleccionarlo de nuevo y arrastrarlo de nuevo por aquí. Ahora, puedo llenar este rectángulo con el nuevo patrón revisado. Ahora hay una segunda opción, y eso es a pesar de que creamos esto como un patrón manual y lo pusimos en el panel Muestras. Podemos editarlo de la misma manera que hicimos la versión de la herramienta de patrones. Entonces hago doble clic en la muestra y me lleva a la herramienta de patrón. Y ahora podemos cambiar las cosas justo como lo hacíamos antes. Si sólo estamos editando, entonces hacemos clic en Hecho. Si queremos guardar esto como una nueva versión, guardamos una copia. Haga clic en Aceptar, las nuevas copias ahí, y pulsamos cancelar. Y ahora está nuestra nueva versión. Ahora este fue un diseño muy simple. No había clones, había nada colgando de los bordes. En la siguiente lección, les voy a mostrar un ejemplo un poco más complejo de esto. 8. Edición de patrones complejos: En esta lección, tengo algunos consejos importantes sobre cómo editar patrones más complejos. Y con eso, me refiero a cualquier patrón que tenga motivos cruzando la caja delimitadora como lo hace este. El primer consejo es cuando estás editando repeticiones manuales. No te olvides de los clones. Por ejemplo, si quieres mover esta forma, debes hacer clic con la opción MAYÚS y hacer clic en la otra del otro lado. Para que cuando las muevas, se mantengan en perfecta alineación. Cuando hagas la repetición. Si tu elemento está en la esquina, es decir, cruza tanto la parte inferior como la lateral. Tendrás que elegir los cuatro clones y moverlos juntos. Si no lo haces, conseguirás algo que se vea así. Se puede ver aquí que moví un clon pero no el otro. Lo mismo es cierto si quieres cambiar los colores. Si quiero cambiar el color de eso, necesito cambiarlo por ambos lados. Y lo mismo con este. Si no lo haces, obtendrás un patrón que se ve algo así. Ahora esta situación sucede mucho, sobre todo si vas a volver a colorear algo y proporcionar un segundo colorway a tu cliente. Es súper importante que mires con cuidado porque éste era fácil de ver. Pero búscalo aquí arriba. A veces sólo hay una pequeña pieza que se cruza. Por lo que es fácil hacer este error. Ahora si quieres cambiar el tamaño de uno de los elementos que cruza la línea, como este. Tienes que hacer algo un poco diferente porque no puedes dimensionarlos juntos. Obviamente su posición cambia. Si quieres cambiar el tamaño, sólo tienes que hacerlo en uno de ellos. Tendrás que eliminar el otro clon y rehacerlo. Ahora estos consejos solo pertenecen a patrones hechos manualmente. No tienes que preocuparte por estas cosas cuando usas la herramienta de patrones, que es una de las razones por las que realmente me gusta. El segundo consejo que tengo para ti es estar atento a los motivos duplicados en la herramienta de patrones. Si traes un patrón a la herramienta de patrones que tiene clones, terminarás con motivos en capas uno encima del otro, lo que se vuelve súper confuso cuando intentas editar. Déjame mostrarte lo que quiero decir. Voy a hacer invisible nuestra caja delimitadora. A continuación, lleve esto a la herramienta de patrón por objeto. Patrón. Hacer. Todo se ve simplemente bien. Pero si das clic en uno de esos motivos que cruza la línea, descubrirás que hay dos de ellos. Hay dos de esa. Y éste, cualquiera de los que cruzaron la línea. Entonces, antes de traer un patrón a la herramienta de patrones, asegúrate de que no tenga clones. Entonces yo simplemente seleccionaría cualquier cosa que esté de un lado y todo lo que se cruce en la parte inferior. Y ahora es seguro llevar esto a la herramienta de patrones. Y no tenemos formas superpuestas. Voy a poner este patrón manual en el panel de muestras. Recuerden en la última lección que dije que una vez que esté aquí, aunque lo hicimos manualmente, podemos editarlo en la herramienta de patrón, cual es realmente bonito. Pero ese no tenía nada que cruzara la caja delimitadora. En este caso lo hace. Por lo que quiero mostrarles lo que pasa cuando tenemos clones en un swatch. Entonces hago doble clic en él y nos sale este mensaje aquí mismo. Tiene algunas instrucciones complicadas sobre el recorte de máscaras y formatos heredados. Pero básicamente lo que esto está diciendo es, Hey, tienes un swatch que tiene clones en ella. Entonces di Ok, entra en el comando de vista previa Y, y luego necesitarás usar la herramienta de selección de grupos primero y el orden es importante aquí. Primero, haz clic en el cuadro delimitador y elimínalo. Y ahora, al igual que lo hicimos antes, deshazte de los clones de un lado y de abajo. Y ahora se puede mover todo. Puedes editar esto como quieras. Por lo que ahora ya sabes editar tus patrones. Y a continuación te mostraré cómo agregar colores de fondo. 9. Agregar colores de fondo: Entonces hablemos de agregar fondos. Y primero quiero mostrarles en el método manual, usaremos estos mismos motivos. Y si entro en vista previa de Comando Y, se puede ver que ya tiene un cuadro delimitador. Entonces para hacer un fondo, solo necesito hacer un rectángulo que sea más grande que el cuadro delimitador y luego llenarlo con el color que quiera como fondo. Ahora obviamente eso necesita ir detrás de los elementos. Entonces vamos a objetar, arreglar, enviar a atrás. Pero recuerda que nuestra caja delimitadora tiene que estar en la parte de atrás. Entonces entra en Comando Y, vista previa. Da clic en esa caja delimitadora y di objeto, arregla, envía hacia atrás. Entonces como antes, seleccionamos todo y lo arrastramos a las muestras. Ahora rellenaremos una forma con nuestro nuevo patrón para comprobarlo, y ahí está. Entonces ahora veamos cómo lo hacemos en la herramienta de patrón. Entraremos en un patrón diferente. Usaremos éste, haz doble clic y haremos lo mismo. Iremos a nuestra herramienta de rectángulo y luego solo haremos una caja que sea más grande que la caja delimitadora. Ir a objetar, arreglar, enviar a atrás. Y ahí está, excepto que se ve el problema. Si miramos de cerca, nuestros motivos se están cortando. Entonces ese es, ese es el tema. ¿ Cuáles son nuestras opciones entonces? Bueno, como antes dije que vas a querer a veces ir y venir entre la herramienta de patrón y el método manual. Y este es uno de esos tiempos. Entonces básicamente para que sea un patrón manual, de nuevo, todo lo que necesitamos hacer es arrastrar esa muestra fuera del panel de muestras. Y si miramos la vista previa, podemos ver que tiene el cuadro delimitador y todos los elementos. La única diferencia es que cuando arrastras una muestra, ilustrador agrupa automáticamente esas cosas. Entonces lo primero que queremos hacer es hacer clic derecho y desagrupar. Ahora cada elemento está separado y el cuadro delimitador está separado, y esa es la clave, eso es lo que queremos. Entonces Comando Y. Y ahora podemos hacer exactamente lo mismo. Hacemos un rectángulo que es más grande que el cuadro delimitador. Llénalo con nuestro color de fondo, envíalo a la parte de atrás. Y luego entrar en vista previa. Encuentra esa caja delimitadora y envíala al fondo. Ahora exactamente como lo hacíamos antes, selecciona todo, arrástralo a las muestras, aparece aquí. Y entonces podemos llenarlo aquí. Así que esa es realmente la forma más fácil de agregar un fondo a un patrón que has hecho usando la herramienta de patrón. Al arrastrarlo fuera del panel de muestras, lo estás convirtiendo de nuevo en uno manual. Y siempre y cuando lo desagrupe primero, entonces puede agregar el fondo igual que si se tratara de un patrón creado manualmente. 10. Trabajar con formas rellenadas de patrones: En esta lección, quiero darte alguna información sobre cómo trabajar con formas llenas de patrones. Entonces hagamos nuestra forma y llenémosla con un patrón. lo primero de lo que quiero hablar es a veces un poco rayita aparecerá en tu patrón. Esta diminuta línea negra justo aquí abajo. Eso puede significar que hay algo mal con tu patrón. Que por alguna razón los azulejos de patrón no están brotando perfectamente uno al lado del otro. O también podría ser algo llamado artefacto. Y eso es básicamente un defecto en cómo pantalla de la computadora está renderizando tus mosaicos de patrones. Si ese es el caso, entonces no hay nada de qué preocuparse. Entonces, ¿cómo se puede decir de una forma u otra? Puedes intentar escalar la caja hacia arriba y hacia abajo. Voy a sostener las teclas Shift Option y luego simplemente tirar de esta esquina. Y mientras hago eso, se puede ver que esa pequeña rayita tipo de estalla dentro y fuera. A veces está ahí, a veces no. Eso significa que es un artefacto. Lo mismo es cierto si solo acercas ese punto. A veces estará ahí y a veces no. Ahora bien, si estaba haciendo zoom cada vez que hice zoom, esa línea seguía ahí. Entonces eso indica que hay algo mal con tu patrón y necesitas volver atrás y solucionar problemas. Ahora hablemos de cambiar el tamaño del patrón dentro de esta forma. Como ya les mostré, si solo dimensionan la caja, el patrón tamañará con ella. Entonces la forma de cambiar el patrón en sí es usar la opción de herramienta de escala, haga clic en el rectángulo. Y ahora tenemos algunas opciones aquí. En primer lugar, puedes ver el tamaño de nuestra caja cambiada aquí. Y eso es porque tenemos este revisado. Entonces si desmarcamos Transformar objetos, ahora, solo se transforma el patrón, solo el patrón se hace más pequeño. Ahora algo super cool y tal vez ya conoces este truco. Si acabas de poner el cursor aquí, haz clic en la flecha hacia arriba, y cada vez que lo haces, se hace más grande en un 1%. Y obviamente si usas la flecha hacia abajo, va por el otro lado. Lo mismo es cierto. Si solo te desplazas, siempre y cuando haga clic en este cuadro, solo puedo desplazarme mi mouse y hará lo mismo. Simplemente se moverá hacia arriba y hacia abajo hasta que llegue al tamaño que quiera. Entonces eso es súper práctico. Ahora si querías cambiar la forma de esta caja, si yo solo jalaba de lado, se va a distorsionar el patrón. Para que pueda utilizar su herramienta de selección directa. Con esto, puedo elegir sólo una parte de la caja. Entonces lo que quiero hacer es dar clic derecho en ese borde. Y siempre y cuando estas pequeñas manijas en la esquina estén delineadas y no sólidas, que pueda mover sólo un borde. Entonces voy a dar clic en ese borde y jalar. Y ahora puedo hacer esa forma tan larga o tan pequeña como quiera. Si quiero que siga siendo un rectángulo, solo puedo usar la tecla Shift y eso lo limitará para que sólo se mueva a izquierda y derecha. Y obviamente puedo hacer eso de este lado también. Otra cosa que podemos hacer es mover el patrón dentro de la forma. Y eso es útil si quieres decir centra tus motivos dentro de tu forma. Entonces tomaré nuestra herramienta de selección, seleccionaré el rectángulo, y entraré en Objeto, Transformar, Mover. Y ahora nos aseguramos de que esto esté desmarcado. Y entonces podemos hacer lo mismo aquí. Si tienes teclas de flecha, puedes usarlas y observar como se mueve el patrón. Y obviamente, podemos moverlo de ida y vuelta y podemos moverlo hacia arriba y hacia abajo. Entonces ahora, ya sabes trabajar con formas rellenas. Ya sabes hacer patrones con el método manual y con la herramienta de patrones. Entonces lo único que nos queda es hablar de cómo guardar tus patrones o exportarlos dependiendo de lo que tu cliente necesite. 11. Guardar archivos de Illustrator: No hay una forma correcta de configurar tus archivos de Illustrator para patrones. Obviamente, si sólo los estás usando para tus propios fines, puedes configurarlos como quieras. Cuando estoy enviando patrones a un cliente, siempre les pregunto primero, pueden tomar un archivo de Illustrator ¿ pueden tomar un archivo de Illustrator o necesitan algún otro formato? Si pueden tomar un archivo de Illustrator, traté de que sea lo más fácil posible para ellos entender el archivo porque no sé si alguna vez has trabajado en el archivo de Illustrator de otra persona, pero a veces se siente como cocinar en la cocina de otra persona. Todo, simplemente no está del todo seguro de dónde está todo o cómo está configurado. Por lo que traté de ponérselo lo más fácil posible para ellos. Entonces déjame mostrarte lo que hago. A la derecha. Haré una forma y la llenaré con mi patrón. Y luego del otro lado, en realidad cojo esa muestra, la arrastraré fuera del panel de muestras. Después deseleccionaré y entraré en vista previa. Y luego usando la Herramienta de Selección de Grupos, haré clic en mi cuadro delimitador. Y voy a darle a eso un trazo, un color brillante que no está en la obra de arte. Entonces voy a, en este caso, voy a usar este rosa brillante. El propósito de eso es sólo para que puedan ver dónde está la línea del cuadro delimitador. Y luego solo agrego alguna explicación para que sepan que este es el mosaico del patrón de repetición y esta otra forma es una forma de muestra llena con el patrón. Añadiré el nombre del patrón y si tienes un número de identificación, este es un buen lugar para ponerlo. Agregaré muestras que muestren los diferentes colores que hay en el patrón. En este caso, solo está el verde. Y luego, finalmente, agregaré en mi logo y copyright y la dirección de mi sitio web. Si has hecho otras versiones de este patrón, asegúrate de deshacerte de esas antes de enviarlo a los clientes. Por lo que no hay forma de que posiblemente puedan usar la muestra equivocada para hacer sus productos. Da clic en estas tres linecitas aquí arriba y baja a donde dice Seleccionar todo sin usar. Al hacer clic en eso, resaltará todo lo que no se utiliza en su documento. Y luego haz clic en el pequeño bote de basura. Haga clic. Sí. Y ahora la única muestra de patrones que hay es la real que hemos usado. Y puedes comprobarlo haciendo clic en tu forma, haz clic en el relleno y verás que esa está delineada. Para que así sepas que tienen exactamente lo que necesitan y eso reduce la oportunidad de cometer errores. Y entonces sólo guardaré eso como archivo de Illustrator y eso es lo que le enviaré al cliente. 12. Lección 12: A continuación, hablemos sobre cómo exportar un archivo a un formato diferente que no sea un archivo de Illustrator. Primero, vamos a repasar muy brevemente un par de términos con los que te encontrarás. El primero es el tipo de archivo Jpeg y PNG son los más comunes para este propósito. Y ambos son archivos raster comparados con un archivo illustrator, que es un archivo vectorial. A continuación hablaremos de los modos de color cuando estés trabajando en archivos digitales donde el color es creado por la luz, como la luz que viene a través de tu computadora. Estás viendo los colores RGB, que significa rojo, verde y azul. Y cuando combinas esos colores de varias maneras, en realidad obtienes un arcoíris completo de color. Ahora, en la impresión, muchas veces los colores que se utilizan son colores CMYK Y eso significa Cian, magenta, amarillo y negro. De manera similar, al mezclar esas tintas juntas, también obtendrás un arcoíris. Aunque no tan vibrante y variado como en la gama de colores RGB. También podrías encontrarte con el término colores pantone. Pantone es una marca para todo un sistema de colores de tinta. Y están desarrollados para imprimir en papel así como productos de moda y para el hogar. Suelen ser una gama de colores más grande que la que puedes obtener con los colores CMYK. Por último está el término resolución, que probablemente ya conozcas, pero describe el nivel de detalle y calidad de una imagen digital. Y se mide como puntos por pulgada o píxeles por pulgada. Y a veces esos se usan indistintamente, aunque realmente cuando estás imprimiendo son puntos por pulgada, y cuando hablas en la pantalla, son píxeles por pulgada Una imagen de alta resolución se considera algo superior a 300 DPI o puntos por pulgada. Eso es necesario cuando estás imprimiendo sobre papel y a veces otras superficies. Ahora con fines de demostración, voy a fingir que estamos configurando un archivo para enviarlo a Spoonflower, la empresa de impresión digital de telas Tendremos que averiguar cuáles son sus especificaciones y lo encontraremos en su sitio web. Si vamos bajo diseño y vendemos, y bajamos a diseñar preguntas frecuentes, bajamos a este enlace para subir imágenes Un poco más abajo, encontrarás este párrafo que describe todas sus especificaciones. Aquí, nos están diciendo que quieren color RGB. Ahora dicen RGB, esa es una versión ligeramente diferente, y voy a llegar a eso en un minuto. No quieren CMYK ni PMS. Pms es otra forma de decir Pantone. Quieren un archivo Jpeg o PNG como su tipo de archivo, y luego les gusta 150 DPI. Esas son las especificaciones que vamos a utilizar a medida que exportemos nuestro archivo. Exportar a Jpegs a veces puede ser complicado. Puedes hacer todo bien. Y de alguna manera seguirás obteniendo una línea de cabello que aparecerá entre tus mosaicos de patrón, como lo que pasó hace un par de lecciones. Ahora no se puede ver realmente aquí. Y es sutil. Pero déjame acercarme. Ojalá puedan ver esta pequeña línea, esta pequeña línea blanca que recorre por aquí. Ahora eso probablemente aparecerá cuando estés dando salida a tu diseño Realmente quieres verificar y asegurarte de que eso no suceda. Te voy a mostrar un método para exportar tu J Peg que hasta ahora tocan madera nunca me ha fallado. Ojalá funcione para ti también. Por suerte, el proceso es bastante sencillo. Ve a tu panel Swatch, arrastra tu Swatch a tu mesa y luego ve y selecciona el Ahora todo lo que necesito hacer es asegurarme de que mi mesa de trabajo sea exactamente del mismo tamaño que esa caja delimitadora Ahora mismo, así de grande es mi mesa de trabajo. No tengo idea de qué tamaño es, pero quiero que sea exactamente del tamaño de mi caja delimitadora Para ello, solo subo a mesas de trabajo de objetos aptas para arte seleccionado ¿Recuerdas que el arte que seleccioné era el cuadro delimitador? Haga clic en eso. Ahora la clave aquí es que estos elementos, estos clones, se caigan del borde, nunca se los quiten. caigan así al borde es lo que va a evitar que tengas problemas de rayita Una cosa más, y esto es súper importante. Si tu patrón tiene un color de fondo, asegúrate de que sea más grande que tu mesa de trabajo para que se extienda fuera de los bordes al igual que los otros motivos Ahora todo lo que hacemos es ir a la exportación de archivos ya que ahora comenzaremos a agregar en las especificaciones que obtuvimos del sitio web de spoonflower Sólo voy a dejar el nombre como Canthus. Querían ya sea un Jpeg o un PNG. Siempre me siento más cómodo con una J Peg. Eso es lo que voy a hacer. Lo más importante es asegurarse de hacer clic en usar Mesas Así es como estamos seguros de que se va a cortar exactamente en nuestro puerto de clic de cuadro delimitador Y luego aquí es donde terminamos de rellenar las especificaciones. Spoonflower quería que fuera RGB. Podemos dejar el tamaño del archivo al máximo, no te preocupes por la línea base, solo puedes dejar eso por defecto. Spoonflower quería 150 DPI. Entonces por último este anti aliasing, ponlo en arte optimizado Entonces aquí abajo dice incrustar perfil ICC. Y luego ese pequeño RGB, solo hago clic en eso. Ahora abriremos este archivo en Photoshop solo para verificar dos veces las líneas del cabello Este es el mosaico de patrón exportado que te mostré que tenía un problema con una rayita en ella. Lo he abierto en Photoshop, pero también puedes hacer lo mismo en Adobe Preview. Si no tienes Photoshop, se ve bien justo en esta escala. Pero lo que realmente queremos hacer es simplemente acercar y mirar los bordes de la baldosa. He ampliado todo el camino hasta que realmente puedo ver píxeles individuales Ahora sólo voy a repasar al borde izquierdo de la baldosa. Y lo que estoy buscando es esta última fila de azulejos. Y asegurándose de que sean exactamente del mismo color que la siguiente fila sobre. Ahora por aquí mientras me desplazo, se ve muy bien. Ahora bien, si miramos en ese borde inferior, porque recuerden que la línea del cabello corría horizontalmente por esto. Desplazemos todo el camino hacia abajo y veamos la diferencia. Esto es lo que estamos buscando. Tenemos este color verde completo en la segunda fila de, pero la primera fila es de un color más claro, y de ahí viene esa línea del cabello Si nos desplazamos, verás que eso sucede a lo largo de este borde. Si miramos el borde superior, este también está bien. Realmente necesitas revisar todo el camino alrededor tu azulejo para asegurarte de que no haya ningún problema. Ahora vamos a revisar el mosaico real que acabamos explotar en nuestro ejemplo de cuchara. Si hago zoom a lo largo del borde vertical, todos esos se ven bien a lo largo del borde inferior. Todo se ve bien ahí en el borde derecho, todo está bien también en el borde superior. Una vez que hemos recorrido todo el camino alrededor la baldosa y miramos esos bordes, si todo se ve bien, realmente podemos estar seguros de que no va a haber ninguna rayita cuando demos salida a nuestro archivo 13. Tu proyecto y lo que viene: Bueno, aquí estamos al final de la clase. Bien hecho por conseguir todo el camino a través de él. Ahora, sé que cubrí mucha información en esta clase, pero a propósito la puse en pequeñas lecciones del tamaño de un bocado Entonces, si hay un paso que olvidas o estás teniendo problemas, puedes regresar fácilmente a la clase y encontrar la información específica que necesitas. Tu proyecto es crear tres patrones diferentes. Primero, uno que se hace con el método manual, el segundo con la herramienta de patrón, y un tercero que tiene un fondo de color. Si puedes hacer las tres cosas, antes que nada, te rockeas, y segundo, estás en camino de convertirte en un experto creador de patrones. También quiero mencionar una gran clase de acompañante a esta. Se llama diagnosticar y fijar patrones repetidos, porque con toda honestidad, no va a salir bien cada vez Pero esta clase te brinda herramientas para averiguar fácilmente qué está mal con tu patrón, por qué no está funcionando para que puedas arreglarlo rápidamente y volver a tu camino a crear más patrones. Entonces espero que lo compruebes. Ah, y no olvides publicar tu patrón en la página de la clase. Y también te agradecería que pudieras escribir una reseña rápida para la clase. Eso realmente me ayuda a saber lo que está resonando con la gente y me ayuda a planificar y crear clases futuras Puedes hacerlo también en la página de la clase, y realmente solo toma un segundo. Y una última cosa, no olvides seguirme aquí en el share de habilidades para que conozcas las nuevas clases que se avecinan. O también puedes entrar en mi lista de correo electrónico, y puedes hacerlo en risbruf.com Así que mientras tanto, diviértete diseñando patrones. 14. Una cosa más...: Hola. Hola otra vez. Estoy regresando para hacerte saber que ahora estoy disponible para sesiones de coaching uno a uno Entonces, si te gusta esta clase y te gustaría trabajar conmigo individualmente, ahora puedes hacerlo reservando una sesión directamente desde mi página de perfil para compartir habilidades. Ofrezco dos tipos de sesiones. La primera es una revisión de cartera de 1 hora donde veremos sus diseños de superficie. Te haré saber algunas fortalezas y áreas en las que enfocarte, y tendrás la oportunidad de hacer cualquier pregunta que quieras sobre las licencias de arte o la industria del diseño de superficies. Ahora sé que puede resultar intimidante mostrarle tu trabajo a alguien, pero es muy inteligente obtener comentarios profesionales Todos los artistas con los que he trabajado se han sentido energizados y listos para seguir adelante después de nuestras sesiones También ofrezco una sesión de instrucción en Adobe Illustrator o Photoshop de 30 minutos . Si estás luchando con algún aspecto del software, te puedo ayudar. Podemos recorrer herramientas, puedo demostrar técnicas y flujos de trabajo que van a ayudar a resolver tus problemas. Entonces, ya sea que esté buscando una sesión o una oportunidad continua de retroalimentación sobre su trabajo, coaching es una gran inversión en su carrera, a diferencia de algunos de los costosos cursos en línea que están disponibles, coaching no tiene un plan de estudios fijo, por lo que puedo brindarle exactamente la información y orientación que necesita exactamente cuando la necesita. Espero que consideres el coaching. Me encantaría trabajar contigo y no puedo esperar para conocerte y apoyarte y guiarte en tu viaje creativo. Puedes conocer más sobre mis sesiones de coaching en chrisrug.com