Crear un patrón repetitivo en Illustrator utilizando texturas

1. ¡Hola!: Hola, soy Mel, y soy Ilustrador y Diseñador de Patrones de Servicio que vive en las hermosas Highlands del Sur en Australia. En esta clase, te voy a mostrar una técnica que utilizo para agregar textura a mis patrones en Illustrator. Textura agrega dimensión y perspectiva a lo que de otro modo podría ser un diseño plano. Vas a salir primero a fotografiar texturas en el entorno que te rodea. Entonces te mostraré cómo transformar esas fotos en textura que puedes aplicar a tu patrón en Illustrator. También te mostraré un método que uso para crear repeticiones de media gota en Illustrator. Esta clase es para diseñadores de patrones de servicio que quieran agregar un poco de dimensión y perspectiva a su patrón. Para esta clase, estarás usando Adobe Photoshop y Adobe Illustrator, y necesitarás una cámara o puedes usar tu smartphone para capturar tus texturas. Por favor, únete a mí en esta clase. No puedo esperar a ver tus diseños. Empecemos. 2. Materiales: En esta clase utilizarás tanto Adobe Photoshop como Adobe Illustrator. Photoshop se utiliza para procesar la imagen que has tomado en tu teléfono o cámara. usará Illustrator para aplicar tu textura de proceso, y luego crear tu patrón. Necesitarás un teléfono o una cámara para tomar fotos de tus texturas. Yo solo uso un iPhone. 3. Resumen del proyecto: Para tu proyecto de clase, estarás saliendo afuera y tomando fotos de texturas interesantes en tu entorno. En Photoshop, convertirás tus fotos en hojas de texto. Aplicarás esas hojas de texto a los iconos que has creado en Illustrator. Por último, crearás un patrón de repetición de media gota usando esos iconos. Como bono, puedes agregar tu diseño a una maqueta. Por último, por favor suba tus fotos originales, tus iconos sin la textura y con la textura, tu patrón y tu maqueta al área del proyecto. Empecemos. 4. Reunir texturas: Bienvenido de nuevo. En esta lección, es hora de salir a la calle con tu cámara o smartphone y encontrar texturas que encuentres interesantes. Hace poco salí a pasear por un parque nacional y capté una serie de texturas como troncos de árboles, arenisca, y basura. Mira estos increíbles garabatas en el chicle. Podrían encontrar texturas por todas partes. Intenta construir una biblioteca de los más en tu computadora. Utilizo mi iPhone y luego uso la aplicación Google Fotos para categorizarlas en fotos y para permitirme sincronizarlas con mi computadora. Otra forma rápida de meterlos en tu computadora es simplemente enviárselos un correo electrónico a ti mismo. Está bien, ahora es tu turno de salir y divertirte un poco. No puedo esperar a ver lo que encuentres. 5. Procesamiento de texturas en Photoshop: Ahora vamos a transformar o procesar tus imágenes para que podamos llevarlas a Illustrator y aplicarlas a tus diseños. Tengo tres texturas abiertas aquí en Photoshop. Mi garabato chicle, éste es sólo un tronco de árbol, y luego tenemos algo de grava. Trabajemos en el chicle garabateado. Lo primero que hay que hacer es desbloquear esa capa. Después sube para ir al modo de imagen, y luego selecciona escala de grises. Simplemente descarta eso si aparece y eso saca todo el color. Después necesitamos ajustar los niveles para sacar el blanco y sacar el negro. Entonces para hacer eso vas a tu panel de ajustes. Si no ves eso, basta con subir a ventana y luego seleccionar ajustes. Da click en el icono de los niveles y verás este panel emergente. Ahora para aumentar la cantidad de blanco, ajustas el triángulo de la mano derecha. Entonces si lo mueves al centro, puedes ver que el blanco aumenta. Entonces obviamente para aumentar la cantidad de negro, se mueve el triángulo izquierdo, el negro. El medio es para gris, por lo que puedes ajustar eso también para sacar ese gris. Yo quiero tanto blanco y lo más negro posible. Tiene que ser contrastante. Estoy bastante contento con eso. Antes de hacer otra cosa, sólo voy a recortarla. No quiero un poquito aquí abajo así que sólo voy a traer eso en un rato. Me gusta aplanar la imagen así que solo hago clic derecho en las capas de aquí y selecciono aplanar imagen. Después guárdelo como archivo TIFF. Sé que fue squiggly2. Con este panel nunca he cambiado realmente nada aquí. Basta con dejarlo como el valor predeterminado. De acuerdo, esa es una. Probemos este de aquí. Entonces lo primero que hay que hacer es quitar el candado, luego subir al modo imagen escala de grises. Entonces los niveles de ajustes aumentan el blanco, aumentan el negro. Ahora éste, en realidad no quiero demasiado en éste, así que me voy a deshacer bastante. Estoy pensando que este va a ser un buen pincel en Illustrator. Entonces me voy a convertir en un pincel de textura y en ese caso sólo voy a tomar una pequeña porción del mismo. Entonces lo voy a recortar hasta [inaudible]. Ahora solo quiero deshacerme de los pedacitos alrededor del borde. Yo sólo quiero un archivo limpio aquí, podría simplemente traer eso. Eso se deshará de ese pedacito. Sí, quiero deshacerme de los pedacitos alrededor de este borde de aquí. Entonces primero, sólo voy a aplanar esto otra vez. Desbloquearlo. Después hago otra capa y solo consigo mi herramienta de borrador. Necesidad de estar en la capa de textura. Deshazte de eso. Deshazte de éste de aquí. Entonces solo voy a llenar esa capa trasera con blanco para fusionarlo todo, y luego volverlo a aplanar. Entonces lo guardaré como TIFF. Voy a llamar a este pincel. De acuerdo, el último. Estoy bastante contenta con eso. Sólo voy a aplanar esa imagen otra vez. Voy a recortar esto también en cualquier lugar una porción de la misma. Entonces vamos a guardar eso. A eso le llamaré grava. De acuerdo, eso es todo para Photoshop. En la siguiente lección, te mostraré qué hacer con estos en Illustrator para tenerlos listos para aplicar a tus diseños. Nos vemos pronto. 6. Procesamiento de texturas en Illustrator (Trazado en vivo): Ahora vamos a convertir esas texturas en vectores. Para ello, necesitamos que la imagen los traza. Tengo mis tres texturas que he abierto aquí en Illustrator Voy a empezar con esta grava. Simplemente selecciónelo y luego abre tu panel de seguimiento de imagen. Si no lo ves, sólo tienes que ir a la ventana. A continuación selecciona Rastreo de imagen. Simplemente selecciono el predeterminado, que es sólo el blanco y negro, y me gusta seleccionar Ignorar Blanco. Entonces me gusta dar click en Vista previa. Ahí está. Entonces es necesario dar click en Ampliar. Entonces necesitas desagruparlo. Simplemente hago clic derecho en él y selecciono Desagrupar. Ahora, si arrastramos eso hasta aquí, verás que no ha incluido el blanco, lo cual es genial. Pero si no seleccionaste eso, ignora qué botón, eso está bien. Si aún tienes el blanco ahí dentro, todo lo que tienes que hacer es seleccionarlo y luego ir a seleccionar mismo color de relleno para seleccionar todo el blanco, y luego puedes presionar delete y eso lo quitará por ti. Pero para ahorrarte tiempo es mejor seleccionar que ignore el blanco en las opciones de traza de imagen en la búsqueda avanzada. Ahora mismo, eso está todo expandido. La otra cosa que necesito hacer, necesitas crear un camino compuesto a partir de él. Suba al objeto, camino compuesto, y eso básicamente lo convierte en un objeto en contraposición a un millón de objetos. La mayoría los hace un poco pequeños. Ahí tienes una bonita textura. Vamos a ir a este chicle garabato. Otra vez lo mismo, ignorar el blanco, luego previsualizar. Ahora hay algunas cosas aquí dentro que quiero y voy a mantener como texturas diferentes. Yo solo quiero estos puntos aquí, ha sido como arena supongo, pero grandes logradores necesitamos expandirlo y luego desagruparlo. Ahora solo voy a seleccionar un poquito por aquí, solo conducirlo por ahí. Yo estoy podría hacer otro poquito aquí dentro. Genial ésos. Estoy golpeando mando G para agruparse en el Mac. Entonces voy a mantener eso tal como está. Entonces mi última, ésta que convertiré en pincel ilustrador, y te lo mostraré en el siguiente video. Entonces esa es imagen trazar este primero, expandir y agrupar objeto, compuesto medio make. Me acabo de dar cuenta de que no hacía estos caminos compuestos. [ inaudible] En el siguiente video, te mostraré cómo convertir este en un pincel. 7. Cómo crear un pincel de textura en illustrator: Ahora tenemos todas las texturas de arte que ahora podemos usar. tengo todos aquí en una sola página. Te voy a mostrar cómo convertir este en un pincel Illustrator el cual puede ser muy útil. Puedes crear un montón de estos y tener una pequeña biblioteca de tus propios pinceles Illustrator. Los encuentro extremadamente serviciales y realmente geniales. Entonces para hacer eso, todo lo que tienes que hacer es seleccionar tu textura trazada de imagen. Generalmente, estos que son largos son buenos para los pinceles. Cuando lo piensas como un pincel, quieres algo que vaya a atravesar la página, como un bolígrafo o un Pincel. Este funciona bien para eso. Selecciona eso, luego ve a tu panel de pinceles. Tengo la mía ya abierta por aquí he estado por aquí, pero si no has subido a la ventana entonces cepillos. Después, en la esquina derecha selecciona “Nuevo pincel”. Después selecciona “Pincel de arte”. Ahora, en el panel Opciones aquí, le doy un nombre primero, quiero llamar a este Cepillo Streaky. El ancho puedes darle un tamaño fijo o si ajustas esto puedes hacerlo más pequeño o más grande o puedes usar presión si usas un lápiz stylus. Por el momento solo voy a dejar eso como fijo, siento. En la opción “Escala de pincel selecciona “Estirar para ajustar/ Longitud”. En la opción de dirección en este momento va de arriba a abajo, pero para este creo que ha ido yendo de abajo a arriba, así que voy a cambiar eso para que apunte hacia arriba. Es básicamente la forma en que te estás cepillando así que voy de abajo a arriba y creo que así se ve. Parecería como si fuera un pincel. En la sección de coloración, si seleccionas “Tinte” que te permitirá entonces cambiar el color de la misma más adelante. Después el último de la sección de superposición, asegúrate de que tienes seleccionado ajustar esquinas y caídas para evitar solapamientos y luego haz clic en “Ok”. Entonces si golpeamos “B” para conseguir nuestra herramienta de pincel, asegúrate de que nuestro nuevo pincel esté seleccionado. Aquí tienes. Tienes el pincel. Ahora bien, si quieres modificar eso aún más, puedes hacerlo simplemente entrando en ese panel de pinceles y haciendo doble clic en el pincel. Asegúrate de seleccionar “Vista previa” y luego podrás ajustar todos los ajustes a lo que quieras. Podría hacerlo más pequeño o más estrecho así. Puedes tener una jugada alrededor de lo que quieras, pero básicamente eso es lo que quiero hacer ahí. A continuación, haga clic en “Ok”. Ahora, puedes seleccionar “Aplicar a trazos” o “Dejar trazos”, básicamente eso significa que si haces clic en el “Aplicar a trazos” va a actualizar todos esos trazos que ya has hecho. Ahí vas. Ahora, lo último que debes hacer es guardar ese pincel para que puedas abrirlo en un nuevo documento. Para guardarlo, ve al panel de tu pincel, luego, en el lado izquierdo, ve a “Guardar pinceles” y luego guarda ese pincel. Ya tengo uno ahí solo voy a guardar como Streaky 2 y luego cuando vengas a querer abrir ese pincel en un nuevo documento, solo tienes que ir a “Definido por el usuario” y luego seleccionar tu pincel y aparecerá. Ahí está. En el siguiente video, te voy a mostrar cómo aplicar esas texturas a tus iconos. Te veré entonces. 8. Aplicación de texturas a íconos: Ahora es la parte divertida, vamos a aplicar esas texturas a algunos iconos. Ahora, por aquí, tengo todas mis texturas en las que voy a agarrar esas, que hice el pincel y tengo un nuevo documento por aquí sólo voy a pegarlas para que pueda agarrarlas cuando los necesite. Los moveré a un costado. Ya he metido mi pincel aquí, pero si no tienes tu pincel, solo tienes que ir al panel de pinceles y seleccionar el icono en la esquina inferior izquierda, selecciona “Definido por el usuario” y luego selecciona tu pincel, y luego haz clic en él para ponerlo en el panel. Ahora solo voy a crear unos iconos, podría simplemente dibujar unos zigzags en realidad, así que sólo voy a dibujar una línea recta rápida, aumentar la huelga vamos a darle un color [inaudible] y me voy para hacer de eso un zigzag. De la forma en que hago eso es ir a efecto, distorsionar y transformarme y luego seleccionar “Zigzag” y en este panel haga clic en “Vista previa” y luego solo ajuste las opciones hasta que encuentres lo que quieres. Si quieres, puedes tener esquinas dentadas o puedes tener lisas Voy a ir dentada por esto, y luego dar clic en “Ok” y luego ir a objeto, expandir apariencia, y luego objeto expandir y aquí tenemos nuestra zigzag solo hacer un par más, solo estoy arrastrando, manteniendo presionada la tecla de cambio de opción y luego voy a hacer comando para que se repita. Llegaremos a estos diferentes colores. Aquí tenemos algunos iconos en zigzag y voy a hacer que estos se vean un poco más interesantes con algo de textura, que se vea un poco grungier, la forma en que lo hago es agarrar mi textura, voy a hacer una copia y luego estoy va a pegarlo y arrastrarlo sobre este primero en la parte superior y lo voy a cambiar a blanco. Ahora si lo suelto, lo puedes ver ahí y lo voy a hacer un poco más pequeño, solo quiero colgarlo del borde ahí así. Por el momento, si pongo un fondo negro que tengo aquí, puede ver que se cuelga sobre el borde del zigzag, para arreglarlo, usamos una máscara de recorte y la forma en que lo hago, [inaudible] selecciono el comando zigzag C para copia y luego manda F para colocar delante y lo quiero justo al frente, está frente a la textura. Voy a mantener pulsado el turno de mando y corchete derecho y eso lo enviará a la parte superior. Entonces también voy a seleccionar la textura. Entonces tengo el zigzag que está en la parte superior seleccionado y la textura. Entonces voy a hacer clic derecho y seleccionar “Hacer máscara de recorte”. Se puede ver que se ha recortado al zigzag y lo que es genial de esto es si lo arrastro, se puede ver que es solo un zigzag transparente con la textura en él y todavía tienes el zigzag restante ahí que puedes ir y recolorear si quieres. También podrías simplemente ir y hacer doble clic en él para entrar ahí y luego puedes ondear alrededor de tu textura, crear más, sostener esa opción k ahí para copiarla y arrastrarla y se va a poner el fémur aquí, es va a ser más pequeño. A ver cómo se ve eso, necesito ponerle un poco de un look grunge texturizado. Probemos uno de los otros sólo a ver cómo se ve, se copiará ahí. Por lo tanto, quiero pegarlo dentro esa máscara de recorte solo voy a hacer doble clic de nuevo dentro luego golpear “Pegar” y hacer que sea más pequeño golpearlo por aquí y cambiarlo a blanco. Este probablemente no sea muy bueno porque es un rectángulo se ve un poco gracioso ahí, el borde dentado, pero solo estoy tratando de mostrarte cómo ponerlo ahí y hacer doble clic en gorra y te vas, vamos a deshacernos de ese fondo. Se puede ver el efecto grunge. Ahora bien, si querías cambiar el color del mismo, solo tienes que volver atrás y hacer clic en él y cambiarlo al color que quieras. Generalmente escojo el mismo color que el fondo, creo que eso le da el mejor efecto, así que volvamos atrás y seleccionemos “Blanco”. Tratemos de tomar un fondo que sea mi doc y solo paseando por la habitación, lo siento por eso. Este siguiente, voy a usar el garabato. En realidad voy a aumentar el tamaño de esto para retomar todo el asunto y copiar y luego pegar en su lugar, y luego llevarlo al frente. Manténgalo seleccionado y selecciona tu textura. haga clic derecho y luego seleccione “Hacer máscara de recorte ” y sigamos adelante y cambiemos eso a blanco, ese es un efecto genial también. Ahora el siguiente, voy a usar el pincel. Voy por aquí y selecciono mi pincel, pego “B” en el teclado para sacar la herramienta de pincel y todo lo que necesito hacer es apuntar sobre él y puedes ver que eso es todo lo que queremos en este momento, solo deshacer eso. Cámbialo a blanco. Yo sólo voy a cepillarme el borde un poco así, no quiero moverlos sólo un poquito. Si volvemos a encender ese fondo, verás que está fuera del borde y eso está bien sabemos arreglarlo y seleccionamos el comando de copia en zigzag F para pegar delante en su lugar, y luego manda cambiar el corchete cuadrado derecho para llevarlo a el frente. Seleccione la textura, haga clic derecho y haga la máscara de recorte, ese fondo, que le dé una textura sutil es baja. Ahora podría volver aquí y usar ese pincel otra vez y asegurémonos de que el trazo sea blanco y añada un poco más esta vez solo voy a hacer unas secciones como esta. puede ver que no se estira tanto como el de arriba. Ahora si quería ir y [inaudible] volver a mi pincel, esa es tu vista previa está seleccionada y podemos jugar con el tamaño y puedes ver cómo afecta a todo, cada vez que has usado ese pincel, puedes ve y solo puedes agregar a lo que creas que se ve bien. Seleccionemos “Ok” y aplicamos dos strikes y parece que alguien le ha echado un cubo de pintura, se ve genial, te van. En el siguiente video, te voy a mostrar solo una versión acelerada, voy a añadir estas texturas a algunos iconos que he creado y luego te mostraré cómo ponerlas en media gota por página y te veremos entonces. 9. Crear una repetición de media gota con el creador de patrones: Vamos a crear nuestro patrón. Voy a usar ilustraciones por fabricante de patrones oceánicos. Esto está disponible en versiones CA6 o superiores. Si tienes una versión más antigua, no te preocupes, te voy a mostrar en el siguiente video cómo crear media gota por página. El camino anticuado, que a veces es en realidad la mejor manera. Pero en este caso, te voy a mostrar usando la herramienta de patrón, que es muy rápida y fácil. Tengo mis iconos aquí, están todos texturizados, los voy a seleccionar todos. Ahora una cosa a notar aquí, no voy a usar el fondo cuando esté creando este patrón lo pondré más adelante. Tenía pero en una capa separada y tengo un bloqueado y así todo lo que estoy seleccionando aquí son los Iconos. Entonces voy a subir a Object, Pattern, Make y se añadirá este nuevo patrón al panel de muestras para que podamos usarlo más adelante. Ahora, tenemos unas cuantas opciones aquí arriba. El valor predeterminado es una cuadrícula, por lo que está dispuesto, todo dentro de este azulejo simplemente va a través y abajo como un azulejo estándar que centran la cuadrícula. Para que sea un poco interesante, tenemos todas estas otras opciones para hacer que se repita media gota. Yo uso ladrillo por colon y luego me aseguro de que sea la mitad. Podrás jugar con estos y seleccionar otros y solo ver cuál es el mejor para tu patrón, para tus iconos. Dejo el Size Tile para agregar, porque me gusta ir y mover las cosas y ponerlas en el exterior del azulejo. Esta línea, esta caja aquí es mi azulejo y todo lo que hay en ella, y eso está cruzando. Se repetirá si eso no está seleccionado. Oso conmigo, voy a jugar con esto y conseguir a todos estos peces en una posición que me gusta y luego terminaremos. Creo que estoy contento con eso. Para terminarlo, hago clic en el botón “Hecho”, y vamos a probarlo. Cuando selecciona los rectángulos final total simplemente dibuja un rectángulo y luego selecciona el patrón y ahí está. Como puedes ver, no tiene antecedentes, está bien. Voy a recargar eso con mi color amarillo y luego voy a hacer Comando C y luego un Comando F para pegar en su lugar. Entonces voy a volver a seleccionar el patrón. Ahí lo tienes con el fondo. Si eres feliz, quieres reorganizar tus iconos, lo que haces es hacer doble clic en esa “Swatch” y te llevará de nuevo al creador de patrones y podrás entrar ahí y moverlos, hacer lo que tengas que hacer para arreglarlos. Después da click en el botón “Hecho” y actualizará el patrón para ti y eso es todo, fácil como. En la siguiente lección te mostraré cómo hacer media gota por página a la antigua manera, la forma manual. Nos vemos entonces. 10. Crea una repetición de media gota manualmente: Bienvenidos de nuevo a todos. En esta lección, les voy a mostrar cómo creo una media pista para pitch la forma manual no usar ilustradores patrón maker. Tengo mis iconos, tengo un nuevo documento abierto aquí. Se trata de un documento de 10 por 10 pulgadas. Ahora, lo primero que debes hacer es crear cuatro capas. Ya tengo una capa ahí. Hice tres más así que estoy usando el icono Crear nueva capa para crear cuatro capas. A la capa superior, voy a nombrar Rectángulo. Esto tendrá sentido pronto. La tercera capa voy a nombrar Patrón, siguiente capa voy a etiquetar Fondo, y la capa inferior voy a etiquetar Cuadrado. Ahora en realidad me voy a deshacer de mis zapatos deportivos. Mis colores aquí porque son un poco distraen. Estoy sosteniendo el Mayús y selecciono “General” y luego golpeando el icono” Eliminar”. Ahora en la capa cuadrada, crea un cuadrado, utilizando la herramienta de rectángulo. Simplemente haz click en cualquier lugar y luego haz un cuadrado que sea de 10 por 10 pulgadas, del mismo tamaño que tu salida Retira el relleno y retira la huelga. Queremos alinear eso a tu salida, por lo que la forma en que lo hago es dar click en el panel Alinear. Si no puedes ver eso solo tienes que ir a “Ventana”, “Alinear” y selecciono alinear a la izquierda y luego arriba, y eso lo colocará justo donde quieras. Entonces bloquearé esa capa, y luego subiré a la capa de rectángulo y volveré a hacer clic. Esta vez vamos a crear un rectángulo que es la mitad del ancho, lo que cinco pulgadas por diez pulgadas de alto. Esta vez le voy a poner un strike porque este va a ser nuestro guía, y luego lo voy a alinear a la izquierda y luego a la parte superior, y luego voy a bloquear. Voy a arrastrar en mi patrón, así que asegúrate de que la capa de patrón esté seleccionada. Voy a ir a mi ícono y seleccionar todos mis iconos. Eso es bueno. Mi antecedente también, sólo voy a bloquear eso y seleccionar sólo el pez. Quiero arrastrarlos a mi nuevo documento. Aleja el zoom y hazlos un poco más pequeños. Voy a colocarlos ahí por el momento. Ahora necesitamos nuestro fondo, así que asegúrate de tener seleccionada tu capa de fondo. Cruza y cierra esa. Copia o puedes simplemente arrastrarlo en este caso, solo estoy copiando y pegando. Voy a redimensionar eso a 10 por 10, solo estoy usando el tamaño para el rectángulo, ancho y alto, y luego lo voy a alinear de la misma manera. Alineé los otros a la izquierda y a la parte superior para ponerlo justo en medio de la salida. Yo también voy a bloquear esa capa porque no la necesitamos por el momento. El modo en que esto sucede es que creo un patrón justo en el costado aquí, y luego hacemos una copia y lo compensamos para que tenga que repetir. Lo dejo abajo a alrededor de esta sección aquí, y luego podemos llenar el resto del patrón. Lo primero que necesito hacer es crear o rellenar este rectángulo. Eso servirá por el momento. Yo quiero que todo de este lado coincida con todo de ese lado. Todo lo que hago es seleccionar todo de ese lado, del lado izquierdo, y luego voy a ir a Object, Transformar, Mover. Ahora queremos que pasen por cinco pulgadas, que yo quiero que bajen por la habitación. Si seleccionas la vista previa puedes ver que van a cruzar por ahí. Después haz click en “Copiar” porque queremos copiarlos, y he cruzado snap, quiero llenar este vacío aquí. Déjame jugar un poco más. Mueve ese cruzando, así que vamos a moverlo por su cuenta. Cinco a través y cero a la baja. Entonces queremos que todo en la parte superior se mueva hacia abajo hacia abajo. Copiarás esos arriba; Object, Transformar, Mover, y teclearemos en cero para horizontal y luego 10 pulgadas para vertical; eso los copiará hacia abajo. Éste, y éste necesita moverse. Para mantenerlos juntos, selecciono a ambos manteniendo presionada la tecla Mayús y luego solo los ajusto a una mejor posición. Ahora pensar en estos dos es bajo, debería tener que hacer los cuatro. Vamos a moverlas a la ligera. mejor con eso quizá tengamos que hacer algunos más, algunos ajustes más pero por el momento, estoy contento. Voy a borrar todo en el lado derecho y todo en la parte inferior, y ya verás por qué en un minuto. Entonces voy a agrupar a esos. Entonces Comando, G control G a grupo. Ahora vamos a hacer nuestro offset. Para poner la selección de peces por el fondo aquí. Yo los selecciono Objeto, Transformar, Mover, y vamos a movernos a través de cinco pulgadas y bajar 10 pulgadas. Perdón. Vamos a moverlas a través cinco pulgadas y asegurarnos de dar click en Copiar. Eso ha creado medio trabajo y estoy contento con eso por el momento. Entonces aún tenemos que rellenar estos otros bits así que hagamos esta sección aquí y seleccionemos esta transformación de un objeto, moveos y esta vez vamos a ir cero para horizontal y -10 para vertical para moverlo de nuevo hacia arriba. Entonces necesitamos llenar este aquí así que voy a seleccionar éste, Objeto, Transformar, Mover 0 horizontal hasta 10 para moverlo hacia abajo. Entonces sólo tenemos que ponerlos a un lado para que todo en este borde vaya a coincidir en ese borde y lo mismo con la parte superior va a igualar la inferior pero ella todavía tiene una repetición de medio tono sucediendo. Vamos a mover estos hacia aquí así que voy a seleccionar esa y esa una Objeto, Transformar, Mover y los vamos a mover 10 por 0 Copiar y ahí vas. Ahora, me gusta limpiar un poco esto, no necesitamos todas estas columnas extra que se suman en el PowerPoint así que voy a Desagrupar ese y eliminar todo lo que no está en la mesa de trabajo, que es bastante, y luego hacer esto todo el camino alrededor. Ahí lo tienes. Ahora, sólo necesitamos agregarla a nuestro panel de muestra. Voy a desbloquear el fondo y desbloquear la plaza y voy a esconder el rectángulo, ya no necesitamos eso. Antes de mostrarte cómo ponerlo en tu panel de muestras para que puedas usarlo más tarde, creo que voy a añadir un poco más de textura. Voy a ir a mis otros clubes y voy a agarrar la textura de chicle garra y traerla de vuelta aquí, voy a asegurarme de que esté en mi fondo, sólo que no ese. Yo lo voy a colocar aquí. Voy a apagar por el momento el patrón y lo voy a cambiar a blanco y voy a bajar la transparencia. Se ve bien. Voy a poner otra aquí. Simplemente me voy a deshacer de lo que estaba colgando sobre ese filo porque no lo quiero. Estos necesitan volver a pintar así que voy a seleccionar las dos texturas y asegurarme de que se repitan hacia abajo en el lado inferior así que voy a transformar, Mover, y moverlas hacia abajo 10 pulgadas. En realidad no estoy haciendo una repetición de medio tono con estos, solo estoy haciendo una simple repetición. Entonces voy a poner otra por aquí, sólo estoy manteniendo presionada la tecla de opción y arrastrándola, vamos a ponerla aquí y luego voy a repetirlas sobre este objeto lateral, transformarme, mover diez, cero, copia, y luego necesitamos otra en el medio aquí. El carácter de esta textura es que realmente no se puede ver el borde por lo que tipo de funciona bastante bien. Solo asegurémonos de que éste se repita por aquí también, Object, Transforme, Mover 10 y 0. Podría simplemente mover este a través ligeramente, veamos cómo se ve eso con el patrón en la parte superior. Eso me gusta. Vamos a crear la muestra, así que para ello, quiero seleccionar todo, y esto incluye el cuadrado en la parte inferior y la voy a arrastrar a mi panel de muestras. Ahora bien, esto no siempre funciona, pero funcionó en este caso. A veces encuentro que hay algún error en un Illustrator y en realidad no va a crear el patrón de repetición allí ahora si ese es el caso mi solucion es eliminar ese cuadrado, y luego en tu fondo, duplico ese fondo y luego el que se sienta atrás, sacaré el relleno y la huelga si hay uno y quitaré éste, la plaza. Entonces básicamente creando otro de esos. No se puede copiar esa, no va a funcionar. No sé por qué, pero mi solucion es simplemente duplicar el fondo y luego quitar el relleno y luego intentar arrastrarlo todo ahí y debería funcionar bien. Vamos a poner a prueba este. Voy a usar la herramienta de rectángulo y voy a hacer un cuadrado grande y luego voy a seleccionar nuestro nuevo patrón y ahí tienes. Ahora, también puedes ajustar la escala. Entonces si voy con el botón derecho Transformar, Escala, asegúrate de que Transformar Objetos esté desactivada porque no queremos cambiar el tamaño de todo el cuadrado, queremos simplemente cambiar el tamaño del patrón. Asegúrate de que la Vista previa esté seleccionada y luego podrás aumentar. Voy a subir hasta un 100 por ciento y ver cómo se ve eso y ahí tienes. También puedes cambiar el tamaño de tu cuadrado así que si vas así, se va a ir un poco incómodo pero no te preocupes, solo tienes que hacer clic derecho en tu muestra y lo restablecerá y probablemente tengas que cambiar la escala otra vez, pero eso generalmente funciona bien. Eso es todo. En la siguiente lección, les voy a mostrar cómo tomar este patrón de repetición y llevarlo a Photoshop y aplicarlo a una maqueta. Te veré entonces. 11. Aplica tu diseño a una maqueta: Hola, otra vez. Ahora vamos a sacar patrón de repetición, y lo vamos a poner en Photoshop, y lo vamos a aplicar a un simulacro de arriba. Para ello, ya tenemos un azulejo que se repite aquí, así que todo lo que hago es ir a File Export, Export As. Asegúrese de que esta casilla de verificación de tableros de arte esté marcada. Nombre del archivo, haga clic en qué patrón, repita y luego haga clic en Exportar. Manténgalo como 300, y el resto se va por defecto, luego OK. En Photoshop, aquí están los dos casos. Este es un archivo simulado que te he proporcionado, y le vamos a aplicar nuestro diseño, y vamos a terminar con algo así. Abramos ese archivo Repetir. Aquí está. Después ve a Editar patrón definido. esto lo llamamos Patrón de Pez. Entonces en tu Mock Up, déjame explicarte cómo funciona. Es solo que son dos maletas, obviamente, una maleta grande en la parte trasera, y una pequeña en la parte delantera. Ahora, para aplicar el patrón, lo hacemos a través de Smart Objects. También podrías cambiar el color de las asas, y la llanta por aquí, y también estas partes aquí que están sujetando las ruedas. El nombre de fila instancia del sitio cremallera corta esta cremallera que recorre todo el camino. Tienes el asa en el lateral, el asa en la parte superior. El enganche de rueda y mango, estas brocas aquí así como estas brocas aquí que sujetan las asas. Entonces tenemos la espalda, que es esta parte de aquí, donde puedes aplicar tu patrón. Entonces tienes el frente, que es el frente obviamente. Aquellos a los objetos inteligentes, mientras que los otros son sólo llenan. Si fuera a cambiar el rosa por aquí en la cremallera, iría a esa capa, doble clic en el color ahí, y puedo seleccionar cualquier color que quiera. Lo mismo con el mango, y los accesorios de mango. Apliquemos un patrón, y el patrón que acabas de crear a este frente de esta maleta. Vas a la capa dentro del grupo de maletas pequeñas llamado frontal, y dice doble clic para editar. Haga doble clic en éste, que es el objeto inteligente, no ese. Por el momento, es solo para rellenar color el cual puedes cambiar si te gusta algo más. No importa. Para poner una capa de patrón aquí, simplemente yendo a capa, llenas ahí, impresión. Haga clic en Aceptar y, a continuación, aparecerá el patrón que acaba de definir. Entonces puedes cambiar la escala de eso si quieres, y luego hacer clic en Aceptar. Puedes borrar ese de atrás, no lo necesitas. Y luego simplemente cierra y ahorra, ahí lo tienes. Obviamente es demasiado grande. Yo quiero volver a entrar, y voy a hacer doble click para abrir y editar. Voy a cambiar la escala al 25%. Voy a dar click, esto. se ve un poco mejor. Hagamos la espalda. Doy click en la capa posterior, doble clic en ella. Haz lo mismo. Capa, nueva capa de campo, patrón, y OK. Voy a cambiar eso al 25% también. Entonces sin duda claro, ¿no? Ahí vas. Yo le voy a hacer lo mismo a la de atrás. Haz que el pez sea un poco más grande en este. Doble clic en el frente. Ir a capa, nueva capa de campo, patrón. Está bien. Probemos un 100%. Yo sólo voy a hacer Control S para ahorrar sin cerrarlo y para echar un vistazo. Un poco pequeño. Probemos 50. Comando S para guardar. Si quieres moverlo, solo puedes hacer doble clic en él de nuevo y arrastrar. Controla S y echa un vistazo. Sí, y hagamos el de atrás. Ahí tienes. Podría cambiar el color de las asas. Cambiemos este lado uno. Puedes usar el cuentagotas para seleccionar un color. Ok rosa puede hacer. Hagamos eso. Haz lo mismo al delantero. Observe si hago clic en alguna parte, y salta a una capa, la razón por la que lo hace es porque tengo otra capa aislada seleccionada. Lo que significa que cada vez que haga clic en una capa, o haga clic en un elemento, me llevará a esa capa. Eso me parece muy útil. También puedes seleccionar Grupo y solo te llevará al grupo. Si quieres llegar al grupo de atrás. Aislar grupo maleta, pero prefiero la capa uno. Simplemente lo hace más fácil. Ahí vas. También he puesto un objeto inteligente y por lo tanto tu logo, así que si haces doble clic en eso, puedes pegar tu logo y luego simplemente deshacerte de ese. Lo pondremos en esa esquina de abajo mano para ti. Terminarás con algo, así. 12. Conclusión: Muchas gracias por acompañarme en mi clase. Espero que lo hayas disfrutado y espero que hayas aprendido algunos trucos nuevos. Por favor sube tus diseños en la sección de proyectos para que todos podamos echarles un vistazo. Si tienes alguna duda, no dudes en iniciar un post en la sección de comunidad. Si vas a compartir en redes sociales, no olvides etiquetar mi e-mail Armstrong Habilidad comparte para que yo pueda decir cuando son diseños maravillosos. Gracias y nos vemos de nuevo la próxima vez.