Magia de patrón en Adobe Photoshop: conceptos básicos de diseño de patrón

1. Introducción: Hola, soy Brian leí Lin. Soy artista y diseñador de patrones de superficie. Y hoy voy a guiarte a través de cómo hacerlo sencillo. Repita el patrón en Adobe Photoshop. Adobe Photoshop no tiene por qué ser duro, pero tiene muchas campanas y silbatos. Por lo que puede parecer abrumador al principio. Pero estoy aquí para desmitificar el proceso y guiarte a través de todos los pequeños consejos y trucos que he aprendido en el camino Cuando termines con esta clase, tendrás un archivo listo para imprimir que puedes usar para crear telas, papel tapiz, papel de regalo o cualquier otra cosa en la que quieras tener un patrón impreso. Esta clase, te voy a mostrar cómo, para configurar tu lienzo, crear un patrón simple de repetición. Revisa tu patrón, cambia tus formas de color y exportarlo para que esté listo para ir a la impresora. También te proporciona una guía de inicio rápido para que puedas volver y referencia a esa guía cuando quieras. Todo lo que necesitas para esta clase es Adobe Photoshop y un motivo que quieras convertir en un patrón. Si aún no tienes un motivo propio, puedes descargar uno de mis motivos de muestra para que puedas comenzar a correr. Así que comencemos. 2. Creación de un azulejo repetitivo: Empecemos configurando nuestro lienzo. En Photoshop. Querrás hacer clic en Archivo y Nuevo. Entonces me gusta configurar esto con pulgadas. Entonces hagamos un Lienzo de seis por seis pulgadas. ¿Habrá mucho espacio para cualquier patrón que quieras usar en tela o papel de regalo o algo así? Si quisieras hacer papel tapiz, probablemente querrías ir por 12 "o 24”. Entonces asegúrate de que la resolución sea de al menos 300 DPI. Cualquier cosa por debajo de eso, la resolución simplemente será realmente pixelada si la imprimes Por lo que 300 DPI tiene un mínimo. Si sabes que quieres tal vez imprimir esto a un tamaño más grande, puedes subir y DPI, pero siempre empiezo a los 300 DPI. Y luego me gusta diseñar en modo color RGB. Y entonces sólo podemos darle a Create. Estos van a ser nuestros diseños donde se repita nuestro cuadrado. Entonces lo primero que vamos a hacer es importar nuestro motivo. Entonces voy a ir a Archivo y Abrir y solo encontrar este motivo y abrirlo, lo abre en un nuevo archivo. Como se puede ver. Voy a seleccionar esto y copiarlo. Entonces presionaré Control C o Comando C. Si estás en una Mac. Haga clic de nuevo en nuestra repetición, jura y presione Comando o Control V para pegar. Y luego tenemos nuestro primer motivo aquí. Realmente no me gusta este logo en blanco y negro. Entonces voy a cambiar el color de esto primero. Voy a cambiar el color de fondo. Entonces estoy dando click en la capa de fondo aquí. En realidad no voy a cambiar este reproductor de fondo. Lo que realmente me gusta hacer es hacer clic aquí abajo y hacer clic en capa sólida. Eso va a sacar a colación este pequeño pop-up. Y entonces puedo o cambiar el color aquí o puedo ir a mis muestras De hecho tengo una paleta de colores personalizada. Voy a escoger este color y darle bien. Una cosa con la que siempre quieres lidiar, alejarte del blanco puro o del negro puro porque son colores muy, muy duros Así que casi siempre quieres tener algo que esté como un poco fuera de ese color solo para suavizarlo Entonces voy a recolorar el motivo. Así que haz clic en la capa que tiene este motivo. Y lo que quieres hacer aquí es que van a estar justo encima de esta capa y darle a este botón de bloqueo. Es este pequeño patrón a cuadros. Y lo que eso va a hacer es asegurarnos de que cuando volvamos a colorear, lo único que se vuelve a colorear es el motivo mismo Entonces voy a seleccionar un nuevo color de mi paleta de colores. Y luego vamos a cambiar el color subiendo al panel de menú, presionando Editar, Rellenar Asegúrate de que el color de primer plano seleccionado aquí porque ahí es donde aparece este color Y pegó. Bien. Vamos a poner el motivo en el borde del lienzo para que lo corte. Entonces vamos a duplicar la capa. Así que puedes hacerlo haciendo clic con el botón derecho y seleccionando Duplicar capa hasta aquí O puedes presionar Comando o Control J y va a crear otra capa justo encima de esta. Después queremos seleccionar nuestra capa duplicada para transformar. La forma en que lo hacemos es con Control T o Comando T en una Mac. Estos pequeños comandos, esta ley podemos desempacar va a aparecer y la barra de aquí arriba va a cambiar Y esta es una muy importante que vamos a estar usando. Entonces lo primero que quiero que hagas es dar click a este pequeño veterano del delta entre el eje x y, que es decirte dónde exactamente en el lienzo se encuentra este actualmente. Entonces voy a golpear delta y lo restablece a cero. Y ahora voy a cambiar esto a pulgadas. Y yo sólo voy a hacerlo, porque tenemos este puesto a cero y sabemos que nuestro lienzo es de 6" de ancho. Voy a cambiar esto a 6”. Lo va a mover 6 "en el eje x. Así que ve 6 "a la derecha. Entonces ahora tenemos una repetición perfecta de esto. Ahora voy a hacer otra copia de esto para que pueda mover esto a la cima. Entonces nuevamente, Comando o Control J tienen una nueva capa. Control o Comando T Para transformar. Entonces sólo voy a mover esto y ver dónde podría querer poner esto. Y en realidad voy a darle la vuelta un poco a esto. Así que pocos se ciernen cerca de la caja de transformación, obtendrá estas pequeñas flechas Si estás cerca de una esquina que esté doblada y haga clic y simplemente puedes girarla de cualquier manera. También puedes hacer que tus motivos sean más pequeños. Al ir así. Sin embargo, lo único que quieres asegurarte es que nunca subes más grande de lo que era originalmente. La forma en que puedes verificar esto es subiendo aquí, vuelta a la barra de comandos. Hay una opción de ancho y alto, y te muestra a medida que lo estás transformando, como si me hubiera pasado al 100% y eso significa que cuando se imprime podría quedar pixelado Entonces no queremos eso. Queremos asegurarnos de que se mantenga al 100% urbano más bajo. De hecho voy a mantenerlo en la talla porque me gusta un poco. La otra cosa que puedes hacer aquí es voltearlo horizontalmente si lo deseas. Entonces vas bajo Editar transformar y voltear horizontal para darte alguna variación en cómo se ve esto. Así que sólo voy a trasladar esto a aquí. Se superpone con una parte superior brillante aquí arriba. Voy a hacer clic en la capa para que se asiente. Y luego otra vez, voy a hacer una copia de esta capa. Golpea Comando T. Ya tenemos esto igualado aquí arriba en el eje x, y Entonces ahora sólo voy a cambiar esto a pulgadas. Y voy a teclear 6" y lo mueve hacia abajo 6" para mí. Así que tenemos una repetición perfecta en la parte superior e inferior. Ahora queremos repetir esto y me gusta mucho asegurarme de que tengo los lados llenos antes de entrar al centro. Sólo porque es un poco más complicado mover las cosas por los bordes Así que vamos a hacer otra copia a la mano. Viniendo para seguir adelante, solo muévete esto aquí. Bueno. Voy a hacer una copia de eso. Y solo mueve eso hacia abajo. Aquí. Se puede ver que esto se superpone con el otro motivo, ¿verdad Entonces queremos, en realidad no nos gusta eso. Eso va a quedar raro cuando lo tengamos en el patrón mismo. En realidad voy a eliminar esta capa y solo mover esta alrededor, esta de arriba hacia arriba un poco más. Creo que esto realmente funciona mejor. Y se puede decir que se solapa aquí con el borde porque este pequeño cuadrado está por encima de la parte superior del lienzo Entonces esa es tu señal. Si eso sucede, que necesitas mudarte, necesitas hacer una copia y mover esa copia hacia abajo para asegurarte de que la obtienes. Perfecto. Repetir. Ahí vamos. Y ahora sólo voy a agregar uno o dos más para llenar estos vacíos aquí dentro. Eso me gusta. Bien. Voy a hacer uno más. La otra cosa con la que quieres tener mucho cuidado es que si estás superponiendo aquí en una esquina, tendrás que asegurarte de que estás moviendo una copia hacia la derecha, pero también debes asegurarte de que estás moviendo una copia arriba porque se superpone tanto horizontal como verticalmente. Bien, entonces esta es una repetición básica que ahora hemos configurado. Comprobemos nuestra repetición y luego podremos hacer cualquier ajuste 3. La herramienta de vista previa de patrones: Bien, vamos a comprobar nuestro patrón. Mientras estoy creando el patrón, lo que realmente me gusta hacer es ir bajo Ver y seleccionar Vista previa de patrón. Esta es una característica realmente genial en Adobe Photoshop, que genera la vista previa para ti. Y luego puedes alejar el zoom y ver cómo se ve este patrón. Puedo ver aquí que hay un par de cosas que me gustaría arreglar. Así que aquí hay una gran brecha. Y esto es un poco demasiado cercano a la comodidad de este otro motivo. Hace que se vea un poco estrecho por aquí. Entonces creo que vamos a querer mover esto un poco y un poco más. O rote esto. Vamos a nevar un poco las cosas por ahí. Y podemos hacerlo ya sea entrenando la vista previa de patrón y moviendo las cosas o haciéndolo mientras estamos en Vista previa de patrones. Así que en realidad voy a apagar esto sólo por un segundo. Y repasemos los fundamentos de esto. Entonces movamos primero esta hoja y creo que quiero girarla. Lo que debes saber aquí es que no puedes si rotas este arrendamiento superior, el inferior rotará automáticamente contigo. Así que en realidad voy a eliminar esta capa inferior y entrar aquí. De nuevo, haz Comando T y gira esto un poco. Muévelo hacia arriba. Así. Sólo vamos a probar eso. Hacer una copia, Control T o Comando T y moverlo hacia abajo 6”. Entonces creo que esto necesita ser movido un poco. Mueve eso hacia arriba. Creo que podría intentar voltearlo en realidad. Creo que eso me gusta un poco más. Arreglar eso. Trate de asegurarse de que tiene una distribución relativamente uniforme de los espacios en blanco Puede sospechar que va a haber demasiados espacios en blanco aquí abajo ahora, entonces voy a mover este porque este es uno Aquí se puede ver que esto está cerca del borde e, y este tallo también está cerca del borde. Entonces ahí fue donde esos estaban un poco demasiado cerca para mayor comodidad. Así que solo voy a reorganizar esto un poco, ver si podemos crear un poco mejor espaciado Esto es nuevamente, espaciado muy irregular. Creo que voy a rotar esto un poco y luego simplemente no puedo olvidar cambiar el equivalente y luego reflejar la imagen en el otro lado. Entonces voy a borrar esto. Y sólo vamos a repetir esto. Muévelo sobre 6 "y vea que estamos superponiendo de nuevo. Entonces esto se vuelve un poco complicado, entre, no tienes la vista previa del patrón Así que en realidad voy a volver a Pattern Preview porque esto realmente facilita mucho las cosas. Y lo que quiero hacer es seleccionar ambos en parte superior este y luego mantener pulsado la tecla Mayús. Y también seleccionamos esta capa inferior y Control T. Y así ahora tenemos ambas seleccionadas a la vez y podemos moverlas con bastante libertad. Podemos ver si podemos encontrar un mejor ajuste. Otra vez, no es solo que no es del todo apropiado, ¿verdad? Entonces voy a deshacer eso. Voy a eliminar esta de abajo. Seleccione esto, y puedo rotar esto. Sí, creo que esto se verá mucho mejor. Ahora en realidad me está mostrando cómo se vería esto aquí abajo. Simplemente moviendo esto alrededor. Eso se ve bien. Eso me gustó mucho. Y entonces estoy viendo aquí que esto se está volviendo a acercar bastante. Voy a seleccionar esto. Simplemente gírela y aléjala. Y creo que esto en realidad se ve bastante lindo. Aquí hay un buen movimiento con los tallos. Voy en estas direcciones, así que voy a mantener esto, no estoy contento con este patrón. Esta es una manera encantadora de que puedas organizar tu patrón en tiempo real y ver qué está pasando con él. Así que estoy desactivando la vista previa del patrón. Y te voy a mostrar otra manera que podamos probar este patrón 4. Revisión final de patrones: Siempre me gusta usar una segunda forma de probar el patrón porque la vista previa del patrón aunque es realmente útil ya que estás configurando el patrón, se vuelve un poco pixelado Y me gusta ver el patrón sin eso, ese cuadro delimitador, ese cuadro azul que le pone a su alrededor, quiero verlo como un patrón puro Entonces quieres ir a Patrón de ventana. Y va a aparecer esta cajita por aquí. Y puedes agregar esta pequeña línea plus. Y aparecerá una vista previa de tu patrón de repetición y solo golpearás Bien. Y lo agrega a tus patrones. Cualquier patrón que exista en este campo de patrones por aquí. Y luego me gusta abrir un nuevo documento que sea más grande que el original. Entonces voy a abrir esto en sí, vamos a hacer 12 por 12”. Haga clic en Más para una nueva capa, simplemente hago clic en nuestro patrón que está en un cuadro de patrón. Entonces en realidad va a generar este patrón para nosotros. Y luego podemos cambiarlo a diferentes tamaños. Vamos a la opción Capa, Contenido de Capa. Va a aparecer esta pequeña caja de relleno de patrón aquí. Se puede manipular mucho así que puede cambiar el ángulo. En realidad me gusta mantenerlo en cero. Pero también puedes cambiar la escala aquí. Entonces, vamos a acabar con esto en un 50%. Y luego solo podemos acercar el zoom y solo asegurarnos de que no se corte nada en ningún lado. No hay píxeles extraviados. Esto se ve muy bonito y suave. Ahora, también puedes usar esto para aplicar un patrón a literalmente cualquier cosa que tengas en Photoshop. Entonces, si solo elimino esta capa, por ejemplo, puedes usar la herramienta de marco rectangular. Puedes crear cualquier tipo de rectángulo y luego simplemente rellenarlo con un patrón para entrar en una nueva capa. Haga clic en el patrón. Otra vez. Puedes cambiar el tamaño de esto de cualquier manera en las opciones de Capa, Contenido de Capa a 25% Entonces, por ejemplo, si desea configurar una hoja de cartera, esta es una manera fácil de configurarla. Puedes configurar todos estos rectángulos y luego insertar tus patrones como quieras 5. Jugar con el color: Ahora que tenemos nuestro patrón o configuración, hablemos un poco sobre colorear. Puedes, por supuesto ir capa por capa. Otra vez. Quieres bloquear la capa cada vez que cambies el color. Puedes seleccionar todas las capas y presionar el botón de bloqueo, lo que acelerará un poco el proceso. Pero lo que realmente me gusta hacer cuando tengo un patrón simple como este que no se superpone, es fusionar todas las capas. Pero por si acaso alguna vez quieras volver atrás y mover las cosas un poco. Podrías notar algún tiempo después que la composición simplemente no está del todo bien y quieres mover algo un poco Entonces me gusta poner todas estas capas en grupos. Así que selecciona todas las capas y pulsa Control o Comando Z. y luego lo pondremos en un grupo Y luego voy a duplicar ese grupo con Comando o Control J. Anular la selección del grupo inferior Ahora para este grupo, voy a fusionar todas las capas. Entonces puedes hacerlo ya sea golpeando Merge Group aquí o golpeando Comando o Control E. Y voy a bloquear esa capa y ahora puedo volver a colorear toda la capa a la una Así que sólo voy a jugar con nosotros. Voy a cambiar el color de fondo. Voy a hacer de esto un azul. Y entonces realmente van a necesitar cambiar este color. Entonces voy a ir por un azul más claro y hacer el sutil patrón. Va a presionar editar y rellenar el color de primer plano. Un poco demasiado sutil. Entonces voy a ir por un color más claro y simplemente volver a hacerlo. Bien, veamos esto y previsualización del patrón. Eso se ve bastante limpio, pero voy a probarlo. Un color más. Ve por este profundo, oscuro, limpio, verde claro para las hojas. Escuela. Eso sí me encanta. Creo que me voy a quedar con este color. Bien, eso es todo al volver a colorear, eso es bastante simple cuando tienes capas simples como Vamos a seguir adelante. 6. Exportación de la baldosa de patrón: Bien, hemos creado un patrón, hemos vuelto a cerrar nuestro patrón Estamos listos para irnos. Ahora todo lo que tenemos que hacer es exportarlo. Así que vayamos a Archivo, Guardar una copia. Y luego me gusta exportar esto como un JPEG de alta resolución. Entonces voy a seleccionar JPEG aquí. Golpea Guardar. Entonces me gusta asegurarme de que la calidad es 12 y quieres tener seleccionado el estándar de línea base. Así que básicamente una optimizada y progresiva en realidad tienen una resolución más pequeña, comprime el archivo La idea para esos es que facilite que los sitios web se carguen rápidamente. Entonces la calidad está un poco degradada. Pero si quieres que esto se imprima, quieres usar Baseline Standard. Y sólo vamos a golpear Bien. Y ahí lo tenemos. Tengo este hermoso patrón JPEG. Todo listo y listo para ir y listo para ser subido o pronto de todos modos. Una cosa que también puedes hacer, nuevamente aquí es solo otra comprobación. Vuelva a abrir este archivo JPEG en Photoshop y haga una vista previa del patrón en él. De vez en cuando. Si tengo un patrón complejo, me gusta hacerlo y solo para asegurarme de que estás listo para comenzar, tendrás un archivo listo para imprimir. Están listos para aplicar su patrón 7. Reflexiones finales: Espero que hayas disfrutado de esta clase y que te sientas inspirado para empezar a secar Photoshop para tu diseño de patrones. Si te gustó esta clase, asegúrate de seguirme para que no te pierdas la próxima entrega de la serie Voy a estar cubriendo cómo crear patrones más complejos. La mejor manera de digitalizar motivo acuarela. Muchos más consejos y trucos para usar Photoshop manera eficiente para ahorrarle tiempo y rápidamente hacer hermosos diseños. Me encantaría ver los patrones que has creado. Así que por favor compártelos. Puedes subirlos en la sección de proyectos a continuación. Si compartes el diseño que hiciste hoy en Instagram, asegúrate de etiquetarme para que pueda admirar y compartir tu trabajo. Si tiene alguna pregunta sobre el proceso, no dude en comunicarse conmigo. Puedes contactarme o a través Skillshare o a través de mi sitio web Muchas gracias por ver y te volveré a ver pronto.