Crea un patrón de repetición de media gota con Photoshop con objetos inteligentes

1. 1: ¡Hola!: Hola a todos. Mi nombre es Melissa, y soy diseñadora e ilustradora de patrones de superficie que vive en las hermosas Highlands del Sur en Australia. En esta clase, te voy a mostrar una técnica que utilizo para crear patrones complejos de repetición en Adobe Photoshop. Te enseñaré cómo usar una repetición de media gota usando objetos inteligentes para crear un patrón sin fisuras. Entonces te mostraré cómo aplicar ese patrón a las maquetas. Como bono, te mostraré cómo crear un archivo específicamente para flor de primavera para aplicar tu tela de patente, envoltura de regalo, o incluso papel tapiz. Por lo que por favor únete a mí en mi clase. No puedo esperar a ver tus diseños. Empecemos. 2. 2: tu proyecto: Tu proyecto para esta clase es crear tu propia rotación de media gota sin fisuras en Adobe Photoshop. Usa los iconos que has creado para crear tu repetición usando las técnicas que estoy a punto de mostrarte. También puedes aplicar tu diseño final a una maqueta que tengo oferta o puedes crear tu propio maqueta o comprar uno en línea usando uno de los enlaces que te proveeré. No puedo esperar a ver qué se te ocurre. 3. 3: configurar tu documento: Para empezar a crear un nuevo documento, voy a Archivo, Nuevo, y necesitamos crear un documento cuadrado, así que voy a crear uno a 12 por 12 pulgadas. Puedes crear uno a cualquier tamaño que quieras, pero este es el que tipo de hago todo el tiempo, dependiendo de lo que realmente esté creando. Cree una resolución de 300 DPI, y puede seleccionar RGB o CMYK para el color. Ahora necesitamos crear una guía para nuestro azulejo de patente. Entonces para ello, vamos a seleccionar la Herramienta de marquesina rectangular, y vamos a utilizar Tamaño fijo y tipo en seis por seis pulgadas, que es la mitad del tamaño del documento real. Entonces si tu documento era de 16 pulgadas, entonces pondrías un ocho por ocho pulgadas. Ahora, para crear el diamante, solo tenemos que hacer clic en el medio del documento en cualquier lugar, y en realidad, primero tenemos que ponerlo en una nueva capa, sí, y luego llenarlo. Entonces Editar, y luego Rellenar, o comando F5. Selecciona 50 por ciento Gris y 10 por ciento Opacidad. Tenemos que rotar eso para hacer un diamante y ponerlo en el medio. Entonces manda T, mantén pulsada la tecla Mayús, y solo gira eso para hacer un diamante, y luego ponlo en medio de tu documento. Ahora vamos a crear otra capa, renombrar esa primero a Guide para que sepa lo que es, y luego crear una nueva capa. Entonces voy a arrastrar en algunos elementos para nuestros patrones. Yo tenía estos aquí. Voy a seleccionarlos todos manteniendo presionada la tecla Mayús y luego simplemente arrastrándolos a nuestro archivo. Van a ser demasiado grandes así que reduciré el tamaño manteniendo presionado el comando T, o Control T, y solo mantén pulsado mostrar la tecla Mayús y reducir el tamaño. 4. 4: Crear un mosaico patrón: De acuerdo, ahora lo que vamos a hacer es crear nuestro patrón. En primer lugar, voy a bloquear esa capa, la capa guía porque no queremos mover esa. Lo que vamos a hacer es poner nuestro patrón dentro de ese diamante. Se puede ir por encima de los bordes. Empezaré por solo jugar y colocar los iconos en varias partes del azulejo. Puedes ir un poco por encima del borde y más tarde cuando lo juntemos todo, podemos volver y ajustarnos. En lugar de solaparse, simplemente no se vea bien, que es el beneficio de hacerlo con objetos inteligentes. Te mostraré que en la siguiente lección, qué fácil es eso. Ahora, sólo voy a crear este azulejo. Yo lo voy a acelerar. Ponte un poco de música, y deja que te sientas y veas la creación de nuestro azulejo patrón. Te veré en un minuto. Creo que ya terminamos. En la siguiente lección, te voy a enseñar todo sobre objetos inteligentes y crear el patrón de repetición con este mosaico de patrones. 5. 5: Uso de objetos inteligentes: Está bien. En esta lección, vamos a usar objetos inteligentes para crear nuestro diseño. Lo primero que tenemos que hacer es deshacernos de esa guía que creamos. Ya no necesitamos eso, así que simplemente “Eliminar” esa capa. Entonces lo que normalmente hago es agrupar todas esas capas en un solo grupo. Ahora me gusta crear una copia por si acaso quiero conservar esa original que teníamos, pero por el momento no la necesitamos. Con la nueva copia de esa capa de ese grupo. Haga clic con el botón derecho y haga clic en “Convertir a objeto inteligente”. Esperemos a que eso cree. Ahora, lo que eso hace es crear un objeto inteligente, que si haces doble clic en él, puedes entrar y editar a tu mosaico, y lo que haremos es crear una serie de mosaicos alrededor de esto. Cuando actualices este, el original, irá y actualizará todos los demás. No tienes que mover todo por ahí. Simplemente lo hace mucho más fácil. Si volvemos aquí. Lo primero que haré es que voy a crear un azulejo por abajo. Voy a duplicar ese primer azulejo. En realidad, voy a renombrar ese original a medio, sólo para que sepa cuál es. Entonces el segundo, voy a renombrarlo a fondo medio. Entonces voy a subir a Filtrar bajo Offset. Voy a cambiar la horizontal a cero, y voy a cambiar la vertical. Normalmente son alrededor de 2,500, pero eso se ve bastante cerca. Puedes usar tu pequeño slider aquí para ajustarlo a donde quieras. Solo quieres que se siente bien en la parte inferior. Voy a ir con eso de 2 mil 500 ahí. A continuación, haga clic en “Ok”. Ahora vamos a hacer lo mismo. Vamos a poner este de abajo arriba arriba. Duplica esa parte inferior media y cámbiala a media superior. Entonces si haces doble clic en ese “Offset” volverá a subir esa caja, y todo lo que necesitas hacer es cambiar la vertical a una negativa, y eso lo pondrá en la parte superior. Está bien. El siguiente que vamos a hacer es el fondo aquí mismo. Voy a agarrar ese fondo medio y duplicarlo. Cambie el nombre a medio derecho. Haga doble clic en el “Offset”. Ahora, voy a cambiar esa vertical para que sea la mitad de esos 2 mil 500, por lo que serán mil 250. Eso lo moverá hacia arriba a mitad de camino, y luego lo vamos a poner en un número horizontal. Simplemente ponlo en 1,800. Creo que estará cerca. Entonces solo usaremos el deslizador para llevarlo a una posición que me guste. A veces puede ser un poco complicado, pero ¿por qué no? Voy a cambiarlo a 1,400. Ahora puedes ver que aquí hay algunas cosas que necesitarían modificarse porque se están superponiendo, pero podemos hacerlo cuando tengamos todas nuestras fichas arriba. Voy a hacer clic en eso. Ahora antes de ir más allá, necesitamos anotar algunos números. Voy a anotar el número horizontal. Voy a anotar H igual a 1,400. También voy a anotar el número vertical original. Volveremos a ese de abajo medio, haga doble clic en él y agarraremos ese número ahí. El 2 mil 500. Vertical es igual a 2 mil 500 y sólo tenerlos anotados para más adelante. Ahora vamos a hacer este azulejo por aquí. Voy a agarrar ese medio derecho y duplicarlo. Haga doble clic en el “Offset”. Esta vez voy a ir a cambiar la horizontal a una negativa y luego la pondremos por ahí. Voy a renombrar eso a abajo a la izquierda. Ahora vamos a hacer estos top top aquí, así que vamos a hacer primero este top left. Voy a duplicar la parte inferior izquierda y hacer doble clic en “Offset”, luego cambiar la vertical a una negativa. Entonces vamos a crear un duplicado de éste y ponerlo aquí arriba. Deberíamos renombrar este primero, eso es arriba a la izquierda. Voy a agarrar la parte inferior derecha y duplicarla. Cambie la vertical a una negativa. Ahí vamos. Mucho mejor. Cambiaremos el nombre de eso a arriba a la derecha. De acuerdo, sólo nos quedan dos por ir, estos dos medios. Para ello, voy a agarrar el azulejo medio y duplicarlo. Cambie el nombre a medio derecho. Tendré que volver a subir al Filtro y aparte de Offset, o se puede ver que se acaba de poner en la parte superior de ahí. Simplemente puedes hacer clic allí. Ahora, voy a despejar la vertical en esta y voy a duplicar ese número horizontal. Entonces eso serán 2 mil 800 y eso lo pondrá perfectamente por ahí. Voy a duplicar esa media otra vez para hacer el lado izquierdo, cambiarle el nombre a media izquierda. Salga a Filter Offset y cambiaremos la horizontal a menos negativa, y eso lo pondrá sobre el lado izquierdo. Ahí lo tienes. Ahora hay algunas cosas que tenemos que arreglar. Se puede ver que hay algunas cosas superpuestas que realmente no me gustan. Aquí hay una superposición de pocos puntos que se superponen. Aquí es donde entran en juego los objetos inteligentes. También creo que voy a mover a este tipo aquí, tal vez abajo a esta zona aquí porque está demasiado cerca del ganso allá arriba. Entramos en este medio y hacemos doble clic en él, y eso abrirá nuestros objetos inteligentes. Cualquier cosa que cambie aquí se aplicará a todos esos azulejos de ahí. Lo primero que voy a hacer es mover a este tipo aquí, abajo a este lugar. Sólo aguanta conmigo un minuto mientras hago eso. De acuerdo, veamos cómo se ve eso ahora. Eso lo guardaré. Entonces echemos un vistazo. Como puedes ver, se lo movió en todas las fichas. Ahora hay algunas cositas que quiero limpiar. Esto aquí, y esta superposición aquí, y esta flor púrpura. Está un poco demasiado cerca de él ahí así. Vamos a arreglarlos. Hagamos eso un poco más pequeño. Guarda ese objeto inteligente y que actualizará el patrón principal. Está bien. Creo que eso ya casi está ahí. Todavía falta sólo una pareja aquí que necesito mudarme. Listo. Simplemente me desharé de esos. Caída aquí. Trae a esos, estos dos. Vuelve a seleccionar eso. Está bien. Echemos un vistazo a eso. Está bien, creo que estoy contento con eso. En la siguiente lección, les mostraré cómo extraer el patrón de repetición de ese documento. 6. 6: Extraer la repetición: En esta lección, les voy a mostrar cómo extraer la repetición de nuevo documento de su diseño. Lo primero que hago es agarrar todas las capas inteligentes y las agruparé, y luego las voy a duplicar. Voy a esconder el original. Podría renombrar eso a original para que lo sepan. Objetos inteligentes originales. Simplemente hago esto para que tenga un registro de donde he ido y si necesito volver. No lo haces normalmente porque lo tienes todo ahí, pero a mí me gusta hacer eso. Con este nuevo grupo, lo voy a fusionar. Ahora voy a extraer esa repetición. Ahora para hacer eso, necesitas esos números que escribiste en la última lección, el vertical y el horizontal. Ahora, sube a tu herramienta de marquesina rectangular y cambia eso a tamaño fijo. En el ancho, quiero que escribas tu número horizontal por dos. Si tu horizontal fuera 1400, entonces pondrías 2800, que es lo que es el mío. Voy a poner 2800 y px para pixel. El alto es el número vertical que escribiste. En mi caso, eran 2500 pixeles, luego solo haz click en algún lugar arriba de la esquina izquierda ahí y puedes ver la marca aquí te ha mostrado dónde está esa repetición. Se puede ver si miramos dónde está ese top, y luego aquí abajo, se puede decir ahí es donde se repite y luego el mismo rumbo de esta manera. Está justo en la cabeza ahí y luego se repite por ahí. Ahora, si haces clic en el borde de la marquesina, puedes mover eso a un lugar que te guste. No importa porque todo se repite. Esta es la que vas a extraer y guardar para tu pasión repetida. Una vez que estés contento con eso, sube a editar y definir patrón, y dale un nombre. Vamos a usar esto más tarde para nuestra maqueta. Da click ok, y luego vamos a copiar esto y ponerlo en un nuevo documento. Editar, copiar, y luego ir al archivo nuevo. Se ha recordado que mencioné que se tiene el 2800 por 2500. Crea y luego edita, pega, y ese es tu archivo de repetición. Puedes guardar eso como quieras. Normalmente lo guardo como PSD primero. Siempre le pongo repetición para que sepas que es un archivo de repetición. También me gusta guardarlo como JPEG, y eso es todo. En la siguiente lección, les mostraré cómo usar ese archivo de repetición para aplicar a una maqueta. 7. 7: Aplicar tu repetición a una maqueta de producto: En esta lección, les voy a mostrar cómo aplicar su diseño a estos cuadernos. Esta es una maqueta que he creado. En realidad vendo esto en Creative Market, pero se lo he dado a ustedes de forma gratuita durante mi clase. Eres libre de hacer con él lo que te guste. Puedes poner tu diseño en él y exhibirlo en [inaudible] o en tu página web, donde quieras. En primer lugar hay dos cuadernos aquí, éste a la izquierda y a la derecha. Podemos aplicar su diseño a la portada de eso. También a la parte trasera o al frente de ésta, que es justo el exterior de ella ahí que ves, y puedes colocar tu propio pequeño diseño aquí. Es posible que quieras poner un boceto de algo que has dibujado. También tienes este lápiz aquí. He incluido la capacidad de cambiar el color de eso para que coincida con tu diseño. Todos estos se hacen a través de Objetos Inteligentes. Vamos a seguir adelante y aplicar nuestro diseño a este cuaderno aquí a la izquierda. Durante mi último panel aquí, voy a abrir el cuaderno de la izquierda y bajar al diseño de portada. Ahora ese es un objeto inteligente, así que basta con hacer doble clic en él. No queremos este texto ahí así que sólo eliminamos ese. Ahora bien puedes tener solo un color, puedes cambiarlo a cualquier color que quieras, o si tuviéramos eso, podemos agregar una pasión. Simplemente abre, haz doble clic para abrir tu campo de patrón y selecciona el patrón. Como pueden ver aquí tengo bastantes patrones, y este es el que acabamos de hacer así que pondremos ese ahí dentro. Ahora para reducir el tamaño de la misma, si haces doble clic sobre ella y con ello bajar eso al 50 por ciento, entonces va a ser un poco más pequeño. Entonces podemos cerrar eso y guardarlo. Se aplica a ese cuaderno. También podemos cambiar el color del elástico en la cinta del marcador en ambos. Para ello, si vamos a aquí y encontramos la capa llamada elasticribbon, haz doble clic en el color que hay y solo puedes cambiarlo a cualquier color que quieras, o simplemente puedes elegir uno de tu diseño así. [ inaudible]. Prueba este, y simplemente juega hasta que encuentres algo que te guste. Sólo quédate con amarillo, y luego hagamos el cuaderno de la derecha. G sobre el cuaderno en el grupo correcto y encuentra el diseño de la portada que es la saliva simplemente dando la vuelta al exterior y haga doble clic en eso. Nuevamente, no voy a usar un color, voy a usar un diseño y ya está seleccionado para mí. Cambia ese uno al 50 por ciento también, y luego cierra eso y guárdalo. Se puede ver el diseño justo en el exterior ahí, debajo de las páginas. Debería cambiar el elasticribbon al mismo color que éste de aquí, para que coincida. Podemos colocar aquí lo que queramos. Vamos a entrar y nos desharemos de eso. Escriba algún mensaje aquí [inaudible] y cierre y guarde. Hagamos el lápiz. Entonces ve a la capa de lápiz, haz clic en el color, y luego solo selecciona el color. Podría ir con amarillo, y ahí. Yo recomendaría guardar eso para la Web como Lawrence JP, y ya está listo para irse. 8. 8: Subir tu diseño a Spoonflower: En esta lección, te voy a mostrar cómo extraer tu patrón de repetición en un archivo que puedes subir a spoonflower para crear papel de lana, tela y envoltorio de regalo entre otras cosas. Abre tu archivo de patrón original. Vamos a agarrar la repetición de ahí otra vez, así que subes a la herramienta de marcado y la seleccionas. Probablemente aún tengas las mismas dimensiones todavía encendidas y solo mantén eso ahí y haz clic en cualquier lugar para crear. Entonces el patrón va bajando un poco. Controlar C o editar copia o Comando C, lo siento, para copiar eso y luego crear un nuevo documento. Ahora, se recordará, qué dimensiones copiaste. Entonces dejaremos eso tal como está, pero vamos a cambiar la resolución a 150. Manténgalo en RGB también. Si tuvieras un marcador inédito, debería ser RGB para la flor de cuchara. Crea y luego edita pegado. Entonces vamos a guardar eso. Ahora puedes guardarlo como archivo PNG, JPEG, o TIFF para plan de cuchara. A mí me gusta usar el TIFF de todos modos solo parece funcionar mejor. lake.birds.spoonflower2tiff porque ya tengo uno ahí de antes y luego guarde eso. Yo también me voy a quedar con todos esos incumplimientos. Entonces voy a ir a spoonflower. Ahora si no has conseguido una cuenta. Simplemente puedes subir a la esquina derecha ahí y dar click en el botón Unir y unirte. Es fácil, es gratis. De lo contrario, si ya tienes una cuenta, solo tienes que iniciar sesión. Entonces vamos a ir a Diseño y Subir. Elige tu archivo. Voy a seleccionar aquel que acabamos de crear, tienes que seleccionar esto para decir que tienes el permiso para usar ese diseño que es tuyo. Después haces clic en el botón “Subir archivo”. Esto puede tardar un poco dependiendo de lo grande que sea tu diseño. Necesitas mantenerlo por debajo de 40 megabytes, lo cual es bastante generoso, pero solo significa que tarda un poco en subir. Aquí está. Ahora algunas cosas que debes hacer una vez que hayas subido, dale un nombre, dale una descripción. A mí me gusta ponerme un poco personal. Por lo que bastante a menudo justo ahí donde vino la inspiración para este diseño y cualquier otro detalle adicional, los puse ahí. Ahora asegúrate de etiquetarlo. Si vas a vender en spoonflower, las etiquetas son muy importantes y permite que la gente lo encuentre. Entonces este diseño, voy a escribir cosas como pájaros, lago, fauna, floral, etcétera. Aquí abajo debes elegir, esto es lo que verá el cliente cuando esté mirando a través de tu diseño. Así que elige el que mejor se vea y exhibe tu diseño. A veces es la versión con zoom, la Swatch, o podría ser la vista de Fat Quarter , la que se vea mejor. Ahora también puedes solo para volver a comprobar, eso se ve bien. Yo con bastante frecuencia entro aquí y simplemente lo cambio a Yard y se puede ver que se repite muy bien ahí dentro. Cambia eso de nuevo al Barrio de Gordo. Había mucho que echar un vistazo y ver cómo se ve para el papel de lana, y luego el envoltorio de regalo. Se está tomando un poco de tiempo para subir. Desafortunadamente, mi velocidad de internet no es tan grande. Ahora lo que tienes que hacer, si quieres que la gente pueda verlo en tu galería, tienes que seleccionar esa casilla de verificación ahí. posible que puedas venderla hasta que realmente hayas pedido una muestra. Ahí está la caja de regalo, ya ha vuelto a subir. Necesitas pedir una prueba antes de poder venderla realmente en spoonflower la mejor manera de hacerlo es después de que tengas unos diseños subidos, puedes ponerlos en una colección y comprar un montón de muestras juntas como una [inaudible] y eso lo hace un poco más barato. Eso es todo. 9. 9: Reflexiones finales: Muchas gracias por tomar mi clase. De verdad espero que lo hayas disfrutado y hayas aprendido algo nuevo. Me encantaría ver tus diseños, así que por favor subirlos a la galería de proyectos y si sí subes tu diseño a flor de primavera, asegúrate de incluir un enlace para que todos podamos ir y echar un vistazo. Además, si quieres publicar en redes sociales, por favor usa el hashtag, melarmstrongskillshare. Si lo encontraste un poco abrumador, no te preocupes, con el tiempo podrás dominar esta técnica. No me tomó mucho tiempo así que estoy seguro de que tampoco te tomará mucho. Gracias, y que no se olvide de vigilar mi próxima clase. Nos vemos entonces. 10. Video adicional: Arreglo del recorte de desplazamiento: Tan solo quieres compartir contigo un video rápido, para mostrarte un problema que parece haber empezado a ocurrir en Adobe Photoshop. No estoy seguro si es porque se ha actualizado. No estoy seguro pero tal vez solía suceder antes, donde tu grupo de objetos inteligentes, cuando usas el desplazamiento del filtro y lo mueves, se corta, lo cual puede ser un problema. Te voy a mostrar qué, a qué me refiero con eso. Tengo mi azulejo aquí, mi Objeto Inteligente por aquí, voy a arrastrar y duplicar eso y luego filtrar, otro, offset, tal vez por abajo. Si agarro eso, puedes ver que se ha recortado, lo cual es un poco de dolor en realidad. Entonces si fuera a moverlo ahí arriba, puede que ni siquiera lo veas. A veces lo haces, a veces no lo haces. Es muy aleatorio. El único modo de evitar esto es cambiar el tamaño del lienzo. Si subes a imagen, tamaño de lienzo y lo vuelas arriba, me voy a ir con 36 pulgadas. Se puede ver que sigue ahí. En realidad no ha sido picada. Cortado, lo siento. Entonces puedes continuar y crear tu patrón. Ahí vas. Acabas de tener un documento extra grande que luego puedes ir y volver a escalar haciendo clic en la herramienta de recorte y luego bajarlo.