Transcripciones
1. Introducción: Hola y bienvenidos a mi clase de creación de patrones hoy, mi nombre es Cat Coquillette, y a lo largo de esta clase, aprenderás las técnicas para crear magníficos en Trends Patterns. Tener el conjunto de habilidades para crear diseños de
superficie es altamente deseable en este momento. Si quieres empezar a vender tu trabajo en sitios como Spoonflower, Society6, o Redbubble, aprender a armar patrones es crucial. Esta clase es para cualquiera que quiera conocer estos conjuntos de habilidades geniales. Ya sea que seas un creativo establecido, o simplemente quieres probar algo nuevo. No tienes que ser artista profesional para beneficiarte de la clase de hoy. Al aprender a crear patrones, abrirás tantas puertas por ti mismo. Desde que empecé a licenciar mi obra de arte bajo la marca Cat Coq en 2014, he vendido en casi medio millón de productos con mis diseños en ellos a través de todos mis socios combinados. Muchos de estos son bienes con mis ilustraciones de diseño de superficie,
como tela, papel de regalo, papel
tapiz, fundas para teléfonos y fundas para portátiles, artículos de decoración para el
hogar como almohadas, fundas de edredón, tapices, muebles como credenzas, taburetes y mesas de
bar, prendas de vestir, como leggings y camisetas impresas en toda la superficie, incluso cosas como fanny packs, bolsas de
tote, y sofás de estudio. También he usado patrones para invitaciones de boda, para amigos, papelería, encabezados en mi sitio web y blog, y en la publicación de Instagram para mostrar nuevos trabajos. Básicamente, puedes usar las habilidades que aprendiste hoy para crear una gran variedad de cosas. Exploraremos el proceso completo de creación de patrones personalizados. En primer lugar, dibujaremos a mano o pintaremos a mano nuestros elementos. Después los digitalizaremos
y los llevaremos a nuestra computadora. Ya sea que se trate de tomar una foto en su teléfono o escanear en su propia obra de arte. Te mostraré los dos caminos. Después convertiremos nuestras ilustraciones en patrones. Exploraremos diferentes tipos de patrones, desde simples hasta fluidos. Al final de la clase, tendrás una variedad de patrones diseñados disfrazados, así
como las habilidades para seguir creando diseños de superficie
únicos y en tendencia. Yo soy un gran creyente en aprender como tú lo estás haciendo, así que esta clase estará repleta de muchos pasos de acción. Literalmente estarás
siguiéndome conmigo por cada paso del camino. Me encanta usar ilustraciones dibujadas a mano y pintadas a mano para crear patrones y digitalizar. Las ligeras inconsistencias en algo creado a mano lo hacen sentir más auténtico y único. Me encantan las pinceladas y las imperfecciones visibles a la escena. Eso es lo que separa esto de las formas vectoriales limpias. Empezaremos súper simple y pasaremos unos minutos aprendiendo sobre la creación de patrones básicos. Haremos un patrón a partir de una ilustración sencilla que dibujamos con Sharpie. Te mostraré cómo hacer una foto con tu teléfono, limpiarla en Photoshop, y convertirla en un patrón sencillo. A continuación, sumergiremos en algunas geométricas básicas y probaremos algunos estilos allí. Para nuestro tercer patrón, te
mostraré cómo crear un patrón repetitivo sin fisuras. Estos son útiles cuando estás diseñando cosas como tela o papel tapiz. Significa que tu patrón se
alineará y se alicará sin problemas. Por último, te mostraré cómo hacer cosas
divertidas como alterar el color, infundir acentos metálicos, y exportar estas versiones geniales a formatos de alta resolución. Si tienes una comprensión básica de Photoshop, esta clase te será más fácil. Si no tienes Photoshop, no hay problema. Puedes descargar una versión de prueba gratuita con Adobe. Simplemente google Prueba gratuita Photoshop para llevarte a la página de inicio de Adobe. En lo que respecta a la digitalización, puede tomar una foto de su dibujo o pintura con su teléfono o cámara o escanearlo con el escáner. Te mostraré ambas opciones. El resto de suministros que usaremos en esta clase es bastante abierto. Siempre y cuando tengas alguna manera de ilustrar los activos que
convertimos patrón, estarás bien para ir. Estaré usando una variedad de medios solo para que puedas ver todas las opciones, como Sharpie, acuarela, y acrílico. Pero lo que aprendimos hoy no depende de un medio específico. Por favor siéntete libre de ilustrar o dibujar y con lo que más te sienta cómodo, ya sean marcadores, pinturas, tinta, crayón, cualquier cosa va. Si tienes alguna pregunta a lo largo de la clase, puedes publicarlas en el hilo de discusión abajo. No olvides seguirme en Skillshare haciendo clic en el botón Seguir arriba. Esto significa que recibirás una notificación por correo electrónico cuanto lanzo mi próxima clase. Además ocasionalmente enviaré mensajes directamente a mis seguidores con anuncios como regalar una membresía gratis de Skillshare o anunciar golosinas
gratuitas que tengo disponibles en
mi página web así que puedes obtener acceso a todos estos, siguiéndome en Skillshare, haciendo clic en el botón “Seguir” arriba. También puedes seguirme en Instagram @catcoq, y en cualquier otra forma de redes sociales para ver mis últimos trabajos y avances. Listo para morir luego haz clic en inscribirte, y empecemos.
2. Materiales: Vamos a repasar los suministros que necesitarás hoy en esta clase. Estaremos usando Adobe Photoshop para crear nuestros patrones por lo que necesitarás ese software. Recuerda, si no tienes Photoshop, no hay problema, siempre
puedes descargar una versión de prueba gratuita en Adobe.com. Esta clase se trata de usar nuestras ilustraciones dibujadas a mano o pintadas a mano para convertirlas en patrones por lo que necesitarás los suministros de arte para crear estos activos. Esta clase se trata de los patrones mismos, no del medio. Por favor siéntete libre de usar cualquier medio con el que estés más cómodo. Yo quiero mostrarles la gama completa. Estoy trabajando con mucho aquí. Estaré usando una variedad de médiums para que nadie se sienta fuera. Haré el primer patrón en sharpie, el segundo y pinturas acrílicas y el tercero en acuarela. Puedes usar cualquier medio que quieras seguir a lo largo los pasos para hacer estos patrones en Photoshop o exactamente igual, independientemente de si estás usando lápices de colores, marcadores, acuarelas, lo que sea. Mucha flexibilidad. También necesitarás una superficie blanca lisa para dibujar o pintar. Solo estoy usando papel básico de acuarela. El último que necesitarás es una forma de capturar tu imagen, traerla
a Photoshop. Puedes usar un teléfono, una cámara o un escáner si tienes uno. Te mostraré ambas opciones. En primer lugar, tomar una foto con nuestro teléfono para capturarla y traerla a Photoshop. Después siguiente con un escáner y te mostraré mi configuración óptima de escaneo también. Lista de suministros bastante básica. Sigamos adelante y sumérjase con nuestro primer patrón de símbolos.
3. Patrón simple: Vamos a empezar súper simple. Este va a ser un ejercicio muy rápido para calentarnos con patrones antes de sumergirnos. Solo necesitarás un Sharpie, un trozo de papel en blanco, y un teléfono o escáner para capturar tu imagen para meterte en la computadora. Considera esto una lección de práctica para entender lo básico. Este es el patrón más básico que crearemos hoy. Vamos a dibujar a mano un solo motivo, tomar una imagen para digitalizarla, y luego convertirla en un patrón de cuadrículas. Hasta te mostraré cómo jugar con el color en unos 30 segundos. Esta es una lección bastante rápida y sencilla, y lo que va a hacer es diseñar conceptos básicos para todos los demás patrones que creamos hoy en día. Todo lo demás que aprendimos hoy deriva de estas técnicas clave. Así que considera esto una rápida inmersión en patrones de elaboración. Está bien, sigamos adelante y empecemos. Lo que voy a hacer es dibujar la ilustración que quiero repetir en un patrón. Entonces para mí, va a ser un mal de ojo. Es un patrón sencillo, así que voy a mantener mi ilustración bastante simple también. Enfriar. Tengo mi último mal de ojo. Es una ilustración bastante simple, y creo que va a hacer un bonito patrón gráfico moderno. A continuación, voy a usar mi teléfono para sacar
una foto para poder digitalizarla y subirla en Photoshop. Obviamente, la calidad va a ser un poco mejor si la escaneas usando un escáner real. Pero para esto, es solo un patrón simple, y quiero mostrarte lo básico, así que una foto telefónica estará bien. Tan solo asegúrate de que estás disparando con luz brillante y de que mantengas tu cámara exactamente arriba, no en ángulo. Enfriar. Tengo mi ilustración en mi teléfono ahora, y sólo voy a AirDrop it to my MacBook, también
puedes enviarla por correo electrónico o como sea que obtengas tus fotos de tu teléfono a tu computadora normalmente, funcionará. A continuación, jalando hacia arriba en Photoshop. Tengo mi foto sacada en Photoshop, y se puede ver la calidad es bastante excelente. De verdad se puede ver el grano de ese papel viniendo, tan buen trabajo iPhone. Entonces lo que queremos hacer es quitar este fondo de papel blanco, y la forma en que lo voy a hacer es mediante el uso de la herramienta Varita mágica. Por lo que si vas aquí a tu barra de herramientas y debajo de la herramienta Selección rápida, si haces clic y mantén pulsado, puedes seleccionar Varita mágica. Ahora, lo que hace la Varita Mágica es que selecciona colores que son similares. Por lo que voy a dar click y seleccionar en el área negra. Se puede ver que consiguió la mayor parte de ella, sin embargo no todo, así que voy a mantener pulsado Shift y seleccionar aún más. Por lo que con solo hacer clic por
todas partes, todas las áreas que aún parecen que podrían no ser seleccionadas. Para acercar, voy a hacer Command plus plus, y manteniendo presionada la tecla Shift con mi herramienta Varita mágica seleccionada, seguir agarrando todos esos pequeños trozos. Enfriar. Parece que me las arreglé para agarrar todo, así que voy a alejar el zoom. Voy a seguir adelante y copiarlo en su propia capa. Entonces sólo voy a hacer Comando-J. Impresionante. No parece que haya pasado nada, pero por aquí en el panel Capas, se
puede ver que se duplicó a sí mismo, pero sólo en las áreas seleccionadas. Seguiré adelante y borraré el fondo, y ahora tenemos nuestro globo ocular con el papel completamente quitado. Lo que suelo hacer por algo como esto es simplemente iniciar un nuevo documento. Entonces iremos a Archivo, Nuevo, voy a hacer esto en pixeles, así 10,000 pixels por 10,000 pixels. A 300 PPI, RGB es genial, y haré clic en “Crear”. El motivo por el que elegí el tamaño es que es bastante universal para la impresión sobre demandas que vendes a través de 10,000 por 10,000 a 300 DPI, eso cubrirá más que tus bases para la mayoría de los productos. Ahora voy a seguir adelante y tirar de mi nuevo tablero por aquí, seleccionar mi globo ocular, y simplemente arrastrarlo hacia arriba. Enfriar. Si te preguntas cómo lo estoy moviendo, es
porque estoy usando mi herramienta Move por aquí. También puedes presionar V. Voy a usar Transform, solo para asegurarme de que esté perfectamente centrado. Entonces Editar, Transformar, Escala. Enfriar. Esas líneas rosadas me alinean
y me muestran que las cosas están perfectamente centradas en la página. Para configurar la transformación, puedo hacer doble clic o presionar Enter. Ahora, es hora de la parte divertida. Vamos a duplicar nuestra ilustración y convertirla en un patrón de cuadrículas. La forma más sencilla de hacerlo es escuchar más, agarrar tu capa, hacer clic en ella y arrastrarla a nueva, y hace una copia de esa capa. También puedes hacer lo mismo presionando Comando J en tu teclado. Así que asegurándote de que tu herramienta Mover esté seleccionada, esa es la de aquí, puedes conseguirla también pulsando V, haz clic en ella y arrástrala hacia arriba. Si mantienes pulsado Shift en tu teclado, se asegurará de que se mantenga perfectamente en línea. Sin Turno, va por todo el lugar. Por lo que se selecciona Shift, tirándolo hacia arriba, y hecho. Ahora sólo voy a repetir eso en un patrón de cuadrículas. Asegurándome de que mi nueva capa esté seleccionada, voy a hacer Command J y Photoshop en realidad es súper útil con esto. Puedes ver cómo te dice la cantidad exacta de espacio entre cada ilustración. Eso te permite saber que va a ser una cantidad igual de espacio entre cada pieza, lo cual es realmente útil. Voy a hacer otro Comando J, y haga clic y arrastre el cielo hacia abajo, además dejando que Photoshop me asista con ese espacio cuadriculado. Una vez más, Comando J, y bajándolo. Enfriar. Por lo que tengo una línea perfectamente establecida. Voy a tomar todas estas capas y agruparlas. El modo en que puedes hacerlo es haciendo clic y arrastrándolos a la carpeta, o puedes hacer Command G en tu teclado. Voy a hacer una copia de ese grupo, lo
mismo que antes, Command J. Luego usando mi herramienta Transformar que es Comando T, solo
voy a hacer clic en él y arrastrarlo a un espacio que creo que se ve bastante bien, y Presionaré Intro para configurar la transformación. Ir a hacer otra copia de ese grupo, así que asegurándome de que ese grupo esté seleccionado por aquí, haré Comando J, Comando T para Transformar y traerlo encima. Eso voy a hacer dos veces más, sólo para sacar el filo mismo de esta composición. Entonces Comando J, Comando T para Transformar, y tráelo. Una vez más, Comanda J para hacer una copia de esa capa, Comandos T para Transformar, y tirando de ella sobre. Impresionante. Entonces ahí tienes los fundamentos de la elaboración de patrones, es un patrón de cuadrículas realmente simple. No es un patrón de repetición sin costuras, pero nos meteremos en esos más tarde como una técnica más avanzada. Pero por ahora, así es esencialmente como se crea un patrón en Photoshop usando una ilustración dibujada a mano. No olvides guardarlo; File, Save As, y voy a llamarlo Evileye-pattern. Guardar como documento de Photoshop, por lo que todas las capas están intactas. Antes de pasar a la siguiente lección, quiero mostrarles muy rápido cómo editar el color realmente rápido. Entonces voy a seleccionar todos mis grupos y agruparlos, y llamar a esto ojos individuales. Voy a hacer una copia de eso entonces quiero aplanarlo, así que sólo voy a ir a Layer, Merge Group. También puedes hacer lo mismo presionando Comando E en tu teclado. Para explorar el color, puedes usar Tono y Saturación. Entonces Imagen, Ajustes, Tono, Saturación. Ahora selecciona Colorizar, sube la ligereza y levanta esa saturación, y literalmente puedes cambiar a través de todo el arco iris para mirar diferentes colores. Me gusta mucho esa marina. Creo que lo voy a hacer un poco más oscuro, un poco más saturado, y presionar “Ok”. Si quieres ser extra organízate como yo, puedes seguir adelante y cambiar el nombre de esa capa por el color que estás usando. No olvides ahorrar. Muy bien, espero que hayan disfrutado de ese proceso para simple patrón y creación. Ahora que tenemos un simple entendimiento de cómo va a bajar todo esto, vamos a marcarlo una muesca, empezando por construir una biblioteca de activos. Esta es solo una forma elegante de decir: “Pintemos nuestras piezas de patrón”.
4. Cómo pintar nuestros elementos: Ahora que tenemos un entendimiento básico de cómo conviertes tus elementos dibujados a mano o pintados a mano en patrones, te
voy a mostrar algunas técnicas más para
crear patrones magníficos a partir de tu obra de arte. En las próximas lecciones se van a centrar en crear dos tipos diferentes de patrones; patrones geométricos y patrones sin fisuras. Primero lo primero, vamos a crear los activos para cada tipo. Geométrico será fácil. Vamos a pintar o dibujar algunas formas básicas, como triángulos y rectángulos. Para el patrón sin costuras, quiero probar algo completamente diferente. Voy a ser agua colorando algunas naranjas, y limones, y hojas. Para esto, los suministros que estaremos utilizando son algunos tipos diferentes de pinturas. Tengo acrílico por aquí a la izquierda, y luego acuarela por aquí a la derecha. De nuevo, puedes usar cualquier medio con el que te sientas más cómodo. También tengo algunos tipos diferentes de pinceles, algo de agua de pintura, y una esponja, porque no pude encontrar ninguna toalla de papel en este Airbnb. Tan bastante simple. De nuevo, el medio depende de ti, pero con esto voy a estar trabajando hoy. Empecemos por crear algunas formas básicas para el patrón geométrico. Para mi paleta de pintura, tengo una vieja lata de cigarro, y lo que estaré haciendo es solo pintar algunos triángulos y rectángulos. Voy a usar tres colores, van juntos bastante bien. A mí me gusta tener un color oscuro, un color claro, y luego algo que se sienta un poco más saturado. Quiero asegurarme de que mis tres triángulos sean más o menos del mismo tamaño. No tienen que estar perfectamente emparejados. De hecho, discrepancias menores son parte de lo que hace que crear patrones pintados a mano sea tan único. Podría dibujar un triángulo en Photoshop en unos dos segundos, pero no tendría el mismo interés visual que tendría uno pintado a mano. Está bien. Enfriar. Como dije, bastante básico. Tan solo tres triángulos que son aproximadamente del mismo tamaño, y una paleta de colores que queda muy bien juntos. A continuación, voy a pintar dos círculos y un asterisco. Quiero probar una paleta más cálida para esto, así que estaré usando unos tonos más cálidos. Está bien. Por último, quiero pintar una forma de asterisco, sólo para romper ese patrón con un poco de poses. Creo que podría querer ponerlo de blanco en Photoshop más tarde, así que lo voy a pintar con un color más claro. Enfriar. Tan bastante simple. Tenemos nuestras formas básicas dibujadas para nuestro patrón geométrico. Voy a seguir adelante, y como me queda mucho espacio en este papel, adelante y rellena mis elementos de acuarela para mi patrón sin costuras también. Como mencioné antes, estoy imaginando algo donde quizá sean unas naranjas, limones, y unas cuantas hojas. Sólo vamos a sumergirnos en. Estaré haciendo esto en acuarela, pero de nuevo, sigue junto con cualquier medio con el que te sientas más cómodo. Quiero mantenerlo súper simple, formas
tan simples. Ahí hay una naranja. Perfecto. Está bien. una naranja abajo, hora de un limón. También voy a añadir unas hojas solo para romper un poco el patrón,
para insertar un poco verde. último, pero no menos importante, quiero añadir algunos puntos abstractos que podemos utilizar para relleno en el patrón, si tenemos algunas áreas de espacio en blanco. Enfriar. Dentro de todas mis ilustraciones en la página, lo
mantuve todo bastante opaco. No hay muchos papeles mostrando a través, y la razón por la que hice eso es porque será más fácil quitar el fondo en Photoshop si no hay mucho papel blanco viniendo en esas pinturas. Está bien. Entonces a continuación, le voy a dar a esto un par de minutos para que
se seque, realmente no tardará tanto, y luego lo escanearé. Recuerda, puedes escanearlo, o tomar una foto con tu teléfono si no tienes acceso a un escáner. Adelante y sumérjase en eso en la siguiente lección.
5. Digitalización: Ahora es el momento de conseguir nuestros elementos pintados a mano de papel a pantalla. Tenemos dos opciones aquí. Opción 1, es lo que hicimos antes, toma una foto con tu teléfono. Esta es la opción rápida y funcionará muy bien por hoy. Recuerda sostener tu teléfono perfectamente arriba y no en ángulo. Siempre es mejor disparar con luz brillante sin sombras. Ten en cuenta que la calidad no será tan buena con tu teléfono como lo hará con el escaneo, pero si solo quieres obtener la idea de los patrones, entonces esto funcionará bien para hoy. Opción 2, es escaneo. Este es el método más profesional y la calidad será mucho mejor. Cuando viajo, uso una Canon Canoscan LiDe 220, que compré por unos 80 dólares en Amazon. hoy voy a escanear esto en 900 DPI. El estándar es de 300, así que solo voy por encima y más allá para la resolución. Al escanear esto en un DPI más alto, tendré la flexibilidad de usar estos patrones en superficies más grandes, como tapices, apuestas, cortinas de ducha y cualquier otra cosa. Si los escaneas a 600 DPI, se
pueden replicar al doble del tamaño que originalmente los pintó. Novecientos DPI, tres veces el tamaño y demás. Cuando se trata de resolución, siempre se
puede reducir la escala de las imágenes, pero si las dimensionas demasiado altas, entonces vas a perder calidad y se pondrá un poco borrosa. Ahora que mis activos están todos escaneados en 900 DPI, puedo seguir adelante y abrir ese archivo en Photoshop.
6. Eliminar el fondo: Está bien. Por lo que he abierto mi escaneo en photoshop, y así es como se ve directamente del escáner, para que veas que no es absolutamente perfecto. Ves algunos bordes de esquina de papel aquí arriba, algunos elementos aquí abajo. Creo que eso fue pintura en mi escáner. Pero lo que vamos a hacer es deshacernos de este fondo de papel para que nuestros elementos estén aislados y podamos empezar a convertirlos en patrones. Entonces primero lo primero, voy a usar mi herramienta de marquesina. Está por aquí arriba a la izquierda. También puedes llegar ahí presionando M. Y yo solo voy a Teoh, selecciona muchas de estas cosas y córtala de esa manera. Solo estoy trabajando con la superficie más limpia y es un poco más fácil. Enfriar, yo consumiendo de ella. Entonces este es el fondo de papel que quiero haber quitado. Por lo que voy a volver a usar mi herramienta de varitas mágicas que usamos en la lección anterior. También puedes seleccionarlo por aquí. Estamos presionando W en tu teclado. Entonces lo que voy a hacer es subir aquí y apagar continuamente. Entonces déjame mostrarte lo que eso significa con continuo encendido. Y selecciono esta zona. No estás recibiendo nada del papel, pero cuando apagas continuamente, seleccionas la misma área. De repente te estás sacando todo ese papel, que es exactamente lo que quiero. Entonces voy a seguir adelante y mantener pulsado turno, agarrar ese blanco que borré antes. Y un truco más que uso es porque quiero usar algunos de estos elementos sobre un
fondo coloreado . Quiero asegurarme de que no haya contornos blancos por aquí, así que se acercó bastante. Pero se puede ver dentro de esta zona no seleccionada, todavía
hay un poco de un área más ligera, así que tengo un truco para eso. Voy a seleccionar, modificar, expandir, y lo voy a expandir por tres píxeles. Ahora lo que eso hizo es que cortara un poco en mi ilustración, que es exactamente lo que quería. Quiero asegurarme de que no había un contorno blanco en cuanto aislaron ese fondo , y un truco más que uso es que quiero suavizar ese borde. Si yo fuera a cortar ese papel ahora mismo. Sería una línea realmente dura. Entonces en cambio voy a ir a seleccionar modificar pluma de pluma por un píxel que realmente no se puede decir. Pero lo que hizo es ahora. Cuando corte esto, va a tener un borde ligeramente borroso. Por lo que se sentirá un poco más natural y no como si solo fuera directamente cortado duramente de ese fondo de papel, algunos van a alejar el zoom y ahora sacan mi inverso de esa selección. Entonces selecciona en verso, y voy a hacer una copia de eso. Entonces comando J en mi teclado, puedo seguir adelante y borrar esos fondos originales. Y ahora solo tengo mis elementos aislados en este fondo. Tan bastante simple. Entonces lo siguiente que voy a hacer es cortar cada pieza individual y ponerla en su propia capa, y esto solo me ayuda a mantenerme realmente organizado. Entonces usando mi herramienta de lazo por aquí, voy a usar el último político. Entonces para esto solo puedes dar click alrededor, aislar esos elementos, y luego voy a dio en ello, corta y luego editar pegar pasta especial en su lugar. Entonces es exactamente donde estaba antes, pero ahora está en su nueva capa, que etiquetaré Blue Triangle. Y voy a seguir adelante y usar esa herramienta de lazo. Repite eso para todos los elementos de esta pizarra. No, esa es buena. Recuerda, si estás intentando cortarlo, debes asegurarte de que esa misma capa esté seleccionada. Entonces voy a hacer comando X dos cortes y shift command V para pegar en su lugar y volver a mi capa original y básicamente repetir ese proceso para que todas las formas Command X comando shift sean. Y ahora que tengo todos los acrílicos aislados, sólo
voy Teoh, selecciónalos por completo sosteniendo turnos y hacer comando g para agruparlos. Y voy a llamar a esto geométrico Awesome girará eso después de ahora y ahora. Tiempo para aislar todos los elementos de acuarela. Enfriar. Yo voy a hacer lo mismo. Selecciona todos mis elementos de acuarela manteniendo presionado el turno, agruparlos y llámalos sin costuras porque este será el patrón sin costuras puede
seguir adelante y eliminar esa capa original. Y ahora tengo mis dos agrupaciones de elementos. Puedes encender y apagar esas capas. Pero
sí, apenas días más organizados. Entonces ahora que tenemos nuestros elementos pintados a mano escaneados, removidos, ese fondo aisló cada forma individual, sigamos adelante y hagamos nuestro primer patrón, que será el patrón geométrico.
7. Patrón geométrico: En esta lección, vamos a hacer dos patrones geométricos diferentes. Lo haremos solapando las formas que
acabamos de pintar en composiciones interesantes. Empezaremos con los triángulos, y haremos un patrón bastante simple con ellos primero. Después usaremos nuestros círculos y asteriscos para hacer otro patrón geométrico que se sienta moderno y único. Podemos hacer todo esto con solo unas sencillas herramientas en Photoshop. Vamos a sumergirnos primero con la geométrica. Voy a empezar haciendo un nuevo documento, Archivo, Nuevo, y va a ser las mismas dimensiones que ese primer patrón que hicimos,
10,000 píxeles, asegúrate de que sean píxeles no pulgadas de lo contrario, eso sería enorme. Por 10,000 a 300 PPI, y RGB se ve muy bien, por lo que “Crear” impresionante. Este será mi tablero de arte patrón. Yo sólo voy a tirar de él hacia un lado, y seleccionar los tres de estos elementos y tirar de ellos uno por uno. Recuerda para este solo voy a estar trabajando con los triángulos. Primero lo primero voy a seleccionar las tres de mis capas triangulares. Voy a asegurarme de que estén alineados en un centro horizontal, así
como en un centro vertical, cool. Voy a acercarme un poco para poder ver lo que estoy haciendo. Ahora se acaba de llegar con una composición fresca para este patrón. Creo que lo que quiero hacer es tener esta paz verde oscuro, estar un poco atrás de todo lo demás. Sólo voy a hacer clic en él y arrastrarlo hacia atrás, y tal vez levantarlo un poco. Entonces ten este azul solapando un poco el verde. Entonces usa mi turquesa y dale la vuelta. Voy a usar transform, ese es Comando T, y manteniendo pulsado Shift, lo
voy a girar hasta que esté más o menos al revés, y bajarlo un poco más abajo. Eso se siente bastante bien, y pulsa Enter. Antes de empezar a repetir las formas en un patrón geométrico, quiero hacer algunos ligeros ajustes de color. Es más fácil hacer eso ahora antes de empezar a repetir todo porque en este momento sólo hay tres capas. Yo quiero que esta turquesa esté mucho más desaturada. Voy a ir a Imagen, Ajustes, Saturación de
matiz, y voy a
bajar la saturación para luego subir la ligereza. Se siente más como un verde menta, y seguiré adelante y presionaré “Ok”. Entonces quiero que este azul se sienta aún más saturado. Tan solo un atajo para llegar a Hue y Saturación, también
puedes hacer Comandos U en tu teclado. Para esto, voy a sacar la saturación, y ajustar un poco ese matiz para que sea un poco más verde, y presione “Ok”. Entonces quiero que esta última pieza verde sea más desaturada. Lo mismo con esa capa seleccionada, voy a ir al Comando U, y bajar esa saturación. También voy a bajar la ligereza, así que está un poco más oscuro. A mí me gusta la forma en que se siente eso, y voy a alejarme un poco. Sí, me gusta este arreglo y quiero ver cómo
se ve esto si empiezo a repetirlo una y otra vez. Voy a seleccionar a los tres de estos tipos, agruparlos presionando Comando G, y luego usando mi herramienta Transformar Command T. Solo voy a tirar esto al centro de la página y luego dejar que esas líneas rosadas dime cuál es el centro exacto, perfecto. Pulse Intro para configurar la transformación. Ahora es solo cuestión de que repitiera esto en un patrón geométrico. Voy a copiar ese grupo haciendo Comando J, y luego usando mi herramienta de transformación Command T, voy a tirarlo hacia arriba, dejarlo justo ahí, y luego presionar Enter. Haré lo mismo, volveré a copiar ese grupo, Comando J. Usa mi herramienta de transformación para tirarlo hacia abajo, y pulsa Enter. Impresionante. Voy a hacerlas un poco más pequeñas también usando mi herramienta Transformar, perfecto. Ahora solo para mantenerme extra organizado, voy a agrupar todos mis grupos juntos. Comanda G con ellos todos seleccionados, y solo llama a éste. Ahora voy a hacer una copia de esa capa presionando Comando J. Usando mi herramienta de transformación, puedo tirarla sobre. Creo que lo que quiero hacer aquí es que estos sean un poco escalonados. A lo mejor está pegando ahí mismo, así que conseguimos este divertido zigzag pasando en el medio. Presionaré Enter para iniciar la transformación. Yo quiero hacer un duplicado de este tipo aquí mismo, para seguir adelante y bajar ese patrón. He abierto mi carpeta, voy a hacer una copia de esa, usar mi herramienta de transformación y bajarla. Ahora mismo, seleccionaré ambos grupos,
haré una copia Comando J, haré una copia Comando J, y usando mi herramienta de transformación Comandos T, simplemente
tiraré de él y continuaré
ese patrón en zigzag que está sucediendo de ida y vuelta. Pulse Intro para establecer. Si tu computadora empieza a empantanarse y esto está tardando mucho tiempo en mover las cosas y empezar a transformarse. Podemos seguir adelante y fusionar estos juntos. Normalmente no me gusta fusionarme hasta estar absolutamente seguro de que esa es la composición que quiero, pero en este caso estoy bastante preparado en ella. La diferencia entre agrupar y fusionar es que cuando
agrupas, tienes todos estos elementos individuales que aún son editables por su cuenta. Pero cuando fusiones algo así, lo
seleccionaré todo y haré Comando E para fusionar. De repente, esta es una pieza aplanada. Ya no puedo aislar este verde oscuro lejos del azul más claro, porque ha sido aplanado en una sola pieza. En este escenario, voy a alejar el zoom. Está bien porque sé que esta es la composición que quiero. Pero si quieres tener más flexibilidad en las variables, entonces usa grupos que no se fusionen. Pero para mí, sé que esta es la composición que quiero, así que voy a seguir adelante y seleccionar todo y Comando E, fusionarlo juntos. Ahora todo está en una sola capa. Nuevamente, ya no puedes editar estas piezas individuales pero sé que me gusta esta composición, así que solo voy a rodar con ella. Haré una copia de esta capa Comandos J, y luego usando mi herramienta de transformación la arrastraré sobre, y buscaré un buen lugar para ello, y presionaré Entrar. Ahora voy a seleccionar ambas de mis capas manteniendo pulsada la tecla Mayús, y luego fusionarlas mediante el uso de Comando E, impresionante. Realmente me gusta este patrón, déjame alejar un poco. Me gusta la forma en que se ve esto, y aquí tenemos nuestro primer patrón geométrico. Esencialmente hicimos esta cosa solo duplicando formas una y otra vez y manteniéndolas en una cuadrícula bastante apretada. Bastante fácil, y antes de que me olvide, vamos a seguir adelante y guardar, así Archivo, Guardar como, y voy a llamar a esto Geométrico-Triangle, y guardarlo como archivo de Photoshop y presionar “Guardar” cool. Adelante y aprendamos a hacer otro con los círculos. Voy a empezar de la misma manera, Archivo, Nuevo, los ajustes son exactamente los mismos, 10,000 por 10,000, 300 PPI, pulsa “Crear”. Ahora voy a hacer clic en los Asteriscos el punto rosa, y el punto rojo, y seguir adelante y jalarlos. Yo estaba sosteniendo Shift para conseguirlos a todos de una vez. Tengo un patrón y paleta de colores en mente para este ya. Simplemente voy a seguir adelante y sumergirme y ver si lo que hay en mi cerebro se ve bien en Photoshop. Primero lo primero, quiero que este fondo sea un color durazno, no blanco. Para hacer eso, solo voy a ir aquí a mi herramienta de cubo de pintura. También puedes conseguir eso presionando G, y haciendo doble clic en mi color de primer plano. Yo quiero encontrar algo que se sienta agradable y durazno, y un poco pastel. Haga clic en “Ok”. Ahora con mi herramienta de cubo de pintura seleccionada, solo
voy a seguir adelante y hacer clic en cualquier lugar de los fondos. Enfriar este será mi color de fondo. A continuación, voy a acercar un poco y hacer algunos ligeros ajustes de color. Yo quiero que este círculo rosa sea realmente vibrante. Voy a asegurarme de que esa capa esté seleccionada, y hacer Command U, y voy a reventar esa saturación para ser bastante pesada. Lo haré un poco más oscuro, perfecto. Eso es lo que voy a buscar, y ahora quiero que este rojo se sienta un poco más como coral. Con esa capa seleccionada, voy a hacer Command U, y llevar ese Hue al lado derecho. Sí, me gustan mucho más mandarina llenan a ella. Mencioné que quería hacer este asteriscos blancos, y creo que el blanco se va a quedar realmente bonito contra este fondo aster. Lo primero que haré es Comando U, y bajar la saturación a absolutamente nada, presiona “Ok”. Ahora usaré mis niveles para terminar esto para hacerlo más blanco y menos gris. Para llegar a mis niveles, haré Command L. También puedes llegar yendo a Imagen, Ajustes, Niveles. Voy a alternar desde el extremo derecho y sacarlo bastante alto, hasta que sea blanco brillante, perfecto, y presionar “Ok”. Tengo mis tres elementos, exactamente como los quiero. Colorizado a la perfección contra esos fondos rosados pastel. Ahora es el momento de colocarlos en una composición fresca. Lo que quiero hacer es tener el círculo de mandarina superpuesto al rosa, y luego tener esos asteriscos superpuestos a la mandarina. Acuérdate de que ese asterisco se superponga a todo lo demás. Basta con hacer clic en él y arrástrelo hasta la parte superior de la pila en la paleta de capas. Voy a usar mi transformada para hacerla un poco más pequeña. Eso se siente como una colocación bastante buena, así que voy a presionar Enter para establecer la transformación, tiempo para alejar un poco. Oh demasiado lejos, genial. Nuevamente, si quieres esa flexibilidad, debes agruparlos. A lo que me refiero con flexibilidad es que si quieres poder
mover estas cosas individualmente más adelante, deberías agruparlas. Pero para mí, voy a seguir adelante y fusionarlos todos juntos porque sé que me gusta esta composición. Ahora tengo mi pequeño agrupamiento, voy a poner perfectamente en el centro. Enfriar y yo sólo voy a ir por ello. Voy a hacer una copia de esa capa, Comandos J, tire de ella hacia la izquierda. Voy a hacer una pila horizontal esta vez en lugar de vertical solo para cambiarla. Comandos J, deténgalo. Recuerda, Photoshop te dice exactamente cuánto espacio hay entre esos dos. Sé que es idéntico, así que va a ser una cuadrícula perfecta, y lo mismo. Haz algunas copias, tira de ella y enjuaga y repite. Ahora voy a seleccionar a todos estos tipos juntos, manteniendo presionada la tecla Shift y fusionarlos presionando
Comando E. Ahora haré una copia de esa capa Command J. Tire hacia abajo, muévelo hacia abajo. Ahora tenemos un hueco por aquí, así que lo que voy a hacer es usar mi herramienta Marquee, voy a seleccionar a este tipo, hacer una copia, y sacarlos, perfecto. Ahora podemos seguir adelante y poner esos para volver a juntar. Selecciónelos ambos y Comando E para fusionar. Ahora solo es cuestión de duplicar estas capas en una composición bastante cool. Comando J, y yo sólo voy a estar echando un ojo a esto en algo que se siente como un agradable espacio de cuadrículas, y Photoshop sigue ahí para ayudarme con esas líneas de cuadrículas rosadas, cool. Ahí están mis patrones finales. Voy a seguir adelante y seleccionar a todos estos tipos juntos. Presiona Comando E para fusionarlos y haz un poco de zoom para ver cómo se ve. De nuevo, esto es algo que me gusta mucho de crear estos elementos hechos a mano. Se ve mucha textura dentro de las pinceladas. Estos círculos en sí mismos no son perfectos. Se puede decir que fueron pintados directamente a mano. Es una yuxtaposición realmente agradable entre estos elementos imperfectos hechos a mano, y luego este patrón cuadrícula perfectamente estructurado. Esto es esencialmente de lo que se trata la creación de patrones modernos y en tendencia. Mucha exploración y juego y esa combinación de algo que está hecho a mano o hecho a mano, mezclado con un toque digital moderno. Ahora que hemos dominado nuestros patrones geométricos, pasemos al patrón sin costuras. Recuerda esas formas de acuarela que pintamos de limones y naranjas.
8. Patrón uniforme: Es hora de abordar nuestro último patrón para hoy. Este será un patrón sin fisuras, que también se conoce como patrón repetitivo. Lo que hace diferente a este es que se puede apilar en bloques, y los bordes se alinearán perfectamente. Esto significa que se puede expandir infinitamente. Por ejemplo, así es como se ve
un patrón no perfecto cuando intenté duplicarlo y alinearlo. Así es como se ve cuando he arreglado estos mismos elementos a un patrón sin fisuras. Se puede ver cómo todos los bordes se alinean perfectamente, lo que significa que puedo hacer crecer este patrón sin cesar. Los tiempos en los que uso patrones sin costuras son cuando estoy diseñando tela con harina de cuchara o en papel tapiz, papel de
envolver, incluso en diseño web para fondos de página. Cuando descubras cómo usar patrones sin costuras, puede ser una herramienta increíble. Ya hemos creado nuestros elementos para este patrón. Son las piezas de fruta que pintamos antes. Adelante y tira ese archivo y sigamos adelante y empecemos. Tengo mi expediente sacado y voy a hacer lo mismo que hacíamos antes, que es iniciar un nuevo documento. Estoy manteniendo mis detalles preestablecidos casi exactamente iguales, así que 10,000 por 10,000, recuerden píxeles no pulgadas. A 300 ppi en modo de color RGB. Simplemente voy a agarrar todos mis activos sin fisuras, ya
están agrupados en esa carpeta así que es bastante fácil. Basta con dejarlos adentro. Voy a empezar por establecer ese azulejo de Lona. Entonces para hacer eso voy a usar mi herramienta de marquesina. También puedes conseguir eso presionando 'M'. Entonces voy a dibujar una plaza básicamente alrededor de la mitad de mi página. Estoy sosteniendo turno hacia abajo con mi herramienta de marquesina para hacer un cuadrado perfecto. Voy a empezar una nueva capa aquí abajo en la esquina inferior donde dice crear una nueva capa. Voy a llenar eso con un color oscuro para que pueda ver lo que estoy haciendo. En este punto el color realmente no importa es solo para ayudarme a ver lo que estoy haciendo. El gris oscuro se ve bien. Usando mi cubo de pintura, que puedes obtener presionando 'G' o puedes encontrarlo aquí en tu barra de herramientas, solo
voy a rellenar esa selección y luego 'Comando D' para anular la selección. Ya que ese fondo está cubriendo totalmente mi ilustración, solo
voy a ir aquí al panel de capas y hacer clic en él y arrastrarlo debajo de esa agrupación. Enfriar. Ahora voy a acercarme para poder ver lo que estoy haciendo, y abrir mi grupo. Ya he hecho el trabajo aburrido antes que es etiquetar cada capa individual. De nuevo, esto sólo me ayuda a mantenerme organizado. Es decir, confía en mí para cuando hayamos empezado a duplicar muchos de estos, te alegrarás de tener los nombres de archivo ya establecidos. De acuerdo, así que aquí está la parte divertida. Vamos a empezar a mover estos elementos individuales y
a organizarlos en la plaza. Entonces para empezar a mover mis elementos voy a usar mi herramienta de movimiento, que es 'V' en el teclado. Lo que voy a hacer es trabajar en algunas superposiciones en el borde izquierdo y en la parte superior, pero eso significa que no quiero que nada se superponga en el lado derecho o en la parte inferior. Por regla general, me gusta mantener las cosas lejos de las esquinas también. El motivo por el que no quiero solaparme en esos lados es porque cualquier cosa que esté pasando en el borde izquierdo o en la parte superior, se va a repetir aquí. Yo sólo voy a empezar a llenar las cosas. Estoy usando la herramienta de transformación 'Command T' para rotar a estos tipos. Recuerda hacer una copia de cualquiera de estos, solo
tienes que seleccionar esa capa y hacer 'Comando J'. No quiero dejar demasiado espacio en blanco, quiero que se sienta bastante parejo. Impresionante. Al organizar estos estoy tratando de ser consciente de cómo van a ser alicatados juntos. Por ejemplo, debido a que esta naranja se está superponiendo este borde
justo aquí, solo ten en cuenta que directamente horizontalmente a través es por donde todavía va a pasar. Ahora lo estoy echando un ojo. Lo probaremos en un poco para asegurarnos. Creo que tengo espacio pero ya veremos. De no ser así siempre podemos moverlo. Lo mismo para esta naranja en la parte superior, directamente debajo de eso es donde va a estar echando un ojo cuando ese azulejo empiece a repetirse. Eso es sentirse bastante bien. Creo que es hora de probarlo. Se puede ver que he dejado huecos en estas áreas porque ahí es donde estoy anticipando
que algunas de estas formas se superpongan. Para probarlo, voy a seguir adelante y cerrar mi carpeta,
hacer una copia de la misma, hacer clic derecho y seleccionar 'Fusionar grupo'. Lo que hizo fue aplanar el grupo para que todo esté en una sola capa. Ya no podemos, déjame adelantar y esconder éste para que puedas ver. Ya no puedes moverte por elementos individuales, todos
están en la misma capa. Yo lo hice para que podamos seguir adelante y probarlo. Usando mi herramienta de marquesina solo voy a seleccionar todo el camino hasta el borde y luego cambiar a mi herramienta de movimiento, que es 'V'. Voy a hacer clic en eso y traerlo. No olvides mantener pulsado 'Shift' ya que estás arrastrando esas piezas por el tablero de artes. De esa manera se quedan en un eje horizontal perfecto, y no se desplazarán hacia arriba y hacia abajo. Voy a acercarme para asegurarme de que lo consiga bien en el borde, y anular la selección haciendo 'Comando D'. Eso en realidad se alineó bastante bien, se
puede ver cómo tiene estos bonitos movimientos. No está tocando accidentalmente ninguna forma. En lo que va tan bien en el lado derecho. Hagamos lo mismo para la parte superior. Usando mi herramienta de marquesina que es 'M', voy a conseguir un paso ahí lo más posible, voy a acercar solo para asegurarme de que lo tengo todo el camino en ese borde. Perfecto. Entonces usando mi herramienta de movimiento que es 'V', sólo
voy a tomar eso y llevarlo al fondo, voy a acercar bien para que pueda ver lo que estoy haciendo. Enfriar. 'Comando D' para anular la selección y alejar el zoom. Yo no hice tan bien de un trabajo en la parte inferior, se
puede ver cómo se superpone esa hoja. Tampoco me gusta lo cerca que se juntan estas dos formas. Aparte de eso, se siente bastante bien. Creo que lo que podría hacer es agregar una forma aquí mismo así que lo que
haré es seguir adelante y volver a mi versión en capas. Yo quiero mantener la misma referencia visual, así que lo que voy a hacer es cambiar la opacidad a unos 60 y luego bloquear esa capa. Puedes bloquearlo seleccionando esa capa y luego simplemente poniendo un candado ahí. Ahora cuando hago clic y arrastre mi hoja y puedo tirarla, casi se
puede ver la forma fantasma de cómo se ve esa hoja antes. Lo cual es bueno tener como referencia. Yo sólo voy a pasarlo a un espacio que se siente bastante bien. Yo sólo voy a mover unas cuantas formas más alrededor. Voy a levantar ese limón para que no esté tan cerca de esa hoja, y voy a traer esta pequeña naranja solo un poco para que no esté demasiado cerca de esa piel. último, pero no menos importante, voy a traer este trozo verde justo aquí para llenar un poco ese espacio para que no se sienta demasiado vacío. Ahora, ya no necesito esta capa aplanada. Yo lo estaba usando como guía visual, pero ahora que he llenado todas mis piezas podemos seguir adelante y romper el candado haciendo clic en él y luego simplemente presionando 'delete'. Sé que las cosas van a encajar muy bien ahora. Entonces voy a hacer lo mismo que hacía antes. Adelante y cierra ese grupo, haz una copia de él presionando 'Comando J' y fusionándolo para aplanarlo. Seguirá adelante y ocultará mi archivo de trabajo, y lo mismo usando la herramienta de marquesina que es 'M', me voy a acercar a este borde. Amplíe para asegurarse de que todo el camino hasta allí. Perfecto. Después usando mi herramienta de movimiento que es 'V', haciendo clic en ella y arrastrándola sobre ella. Puedo acercar para asegurarme de que se ponga perfectamente en ese borde. 'Comando D' para anular la selección y lo mismo de arriba a abajo. Zoom en herramienta de marquesina. Se puede ver que Photoshop me está ayudando agregando esa línea rosa realmente ligera. Lo tengo. Usando mi herramienta de movimiento que es 'V', sólo
voy a arrastrar eso hacia abajo. Ah, y luego solo una cabeza arriba, estoy sosteniendo 'Shift' mientras bajaba estos. De esa manera se quedan perfectamente en la parrilla. No se están moviendo de izquierda a derecha así. Si mantienes pulsado 'Shift', van a estar perfectamente encerrados con donde estaban arriba. Entonces zoom en cualquier bit. Puedes seguir adelante y mantener pulsado 'Shift' llevar eso perfectamente al borde. Amplíe súper cerca para asegurarte. Un píxel más y 'Comando D' para anular la selección. Tengo mi azulejo establecido. Ahora vamos a seguir adelante y convertirlo en un patrón repetitivo. Amplíe y voy a seleccionar ambos y hacer una copia haciendo 'Comando J'. Ahora simplemente podemos tirar de ese azulejo, no
olvides mantener pulsado 'Shift'. Deja que Photoshop te ayude con esas líneas rosadas. Maldita sea, se ve bastante perfecto. Adelante y seleccionarlos todos y tirarlos más hacia el medio. Ahora hagamos lo mismo excepto sólo bajarlos hasta el fondo. Con todos ellos seleccionados, voy a hacer 'Comando J'. Después usando mi herramienta de movimiento, solo llévala hacia abajo. Enfriar. Aquí tenemos el patrón repetitivo. Podemos seguir repitiendo esto casi infinitamente. Voy a seguir adelante y traerlo aquí arriba, cerrarlo a la esquina, y repetir estas últimas formas. 'Comando J', sosténgalos encima. Después estos tipos de aquí abajo, 'Comando J' y bajándolos. Enfriar. Déjame alejarme para que puedas ver. Impresionante. Tenemos nuestro patrón de repetición final. Ahora para mantenernos organizados, podemos fusionar esos patrones juntos en una sola capa. Pero antes de hacer eso, sólo tienes que seguir adelante y hacer una copia de uno de esos bloques. Por lo que acabo de seleccionar uno al azar, voy a hacer clic en 'comando J', y voy a llamar a esto “Patrón Block”. De acuerdo, y les diré por qué en un segundo, pero sigamos adelante y seleccionemos todas las demás piezas sin costuras, no el bloque de patrón del que hicimos una copia. 'Comando E' para fusionarlos. Haré lo mismo con todos los cuadros de fondo, 'Comando E'. El motivo por el que estoy guardando este “Pattern Block” por sí mismo, es porque cuando estoy subiendo este diseño a cuchara de harina o subiéndolo como papel tapiz repitiendo o repitiendo papel de envolver, cualquier cosa por el estilo. Voy a querer sólo subir el bloque de patrón en sí para que sea capaz de repetirse. Pero mantendré juntos a estos tipos y puedo guardar esto como un JPEG y subirlo a algo que no necesariamente repite bloque de patrones. Entonces tal vez una almohada de tiro o una funda de teléfono. Está bien. Esperanza eso tiene sentido. Por el bien de la organización, voy a agrupar a estos dos y llamarlo patrón completo. Ahora tengo tres capas específicas aquí: Tengo el bloque de patrón el cual puedo guardar individualmente para subir más adelante. Simplemente no te olvides de recortarlo antes de subirlo como un bloque. El siguiente grupo es mi capa de patrón completo, que puedo usar en cualquier producto que no requiera un bloque de patrón repetido. Por último, tengo mi expediente de trabajo. Esto tiene todos esos elementos individuales. Si alguna vez quiero ajustarlo en el futuro, todavía
tengo eso en mi bolsillo trasero. Antes de ir más lejos, probablemente
debería haber hecho esto antes por si acaso, pero sigamos adelante y guardarlo. Voy a guardar esto como patrón sin fisuras, como un archivo de Photoshop por lo que guardo todas las capas. Enfriar acabamos de completar nuestro patrón más complicado que estamos haciendo en la clase de hoy. Buen trabajo chicos. A continuación, vamos a sumergirnos en algunas cosas menos complicadas y más divertidas, que va a ser spot editando algunos de estos colores.
9. Color y texturas metálicas: Muy bien, hora de las cosas divertidas, jugando con colores y texturas metálicas. Nos vamos a divertir mucho con esta lección mientras exploramos. En esta lección, te mostraré cómo cambiar tus patrones en palés de dos tonos. También te mostraré cómo infundir texturas
metálicas y en áreas selectas de tus patrones geométricos. Me encanta este look, siempre se siente realmente moderno y en tendencias. Por último, te mostraré cómo detectar el color de edición en nuestros patrones sin fisuras para que algunas áreas cambien de color mientras que otras sigan siendo consistentes. Esto podría parecer complicado, pero te prometo que en realidad es súper sencillo de sacar adelante. Antes de sumergirnos, también
estoy brindando algunas texturas metálicas de bonificación para que ustedes descarguen y guarden. Puedes encontrar los archivos en la pestaña Proyectos y Recursos. Una vez que estés ahí, en el lado derecho de la página, verás una sección llamada recursos. Debajo puedes encontrar mi archivo zip. Haga click para descargar, y podrán abrir todas mis texturas metálicas, que les estoy dando totalmente gratis por tomar hoy mi clase. Muy bien, empecemos con el primer patrón, vamos a alterar el ancho de color hoy, que es el patrón simple, alias esos ojos malignos. Tengo mi primer patrón que hicimos hoy jalado, son esos ojos malvados. Aquí es donde dejamos los ojos malignos. Acabábamos de convertirlos en marina. Lo que quiero mostrarles aquí es cómo hacer dos tonos. Quiero mantener la marina como uno de mis tonos y luego usar el verde menta como mi otro tono. Vamos a seguir adelante y sumérgete. Voy a usar mi herramienta de marquesina, cual puedes obtener presionando M en el teclado. Yo sólo voy a pasar y seleccionar cada otro globo ocular. Recuerda que estoy sosteniendo Shift para poder seleccionar más de un área a la vez. Enfriar. Ahora que tengo todos los demás ojos seleccionados, sólo
voy a asegurarme de que mi capa marina esté seleccionada. Lo mismo que antes. Haré Comando J en mi teclado. Realmente no parece que haya pasado nada en pantalla pero si miras aquí a mi paleta de capas, verás que se ha creado una nueva capa y son esos otros ojos que seleccioné. En este punto es bastante sencillo. Yo sólo voy a ir a matiz y saturación, así Comando U. Como ya
mencioné antes, quiero que esto sea un verde menta. Voy a reventar la ligereza y cambiar alrededor de matiz hasta que encuentre un bonito verde menta. Ooh, me gusta esa. Podría reventar la saturación un poco. Enfriar. Presione Entrar. Ahí, lo tenemos. Es bastante sencillo. Aquí es donde estábamos antes. Sólo estoy encendiendo y apagando esa capa. Aquí es donde estamos ahora. Realmente me gusta tener ese color alterno. Aprendamos a hacer otro. Muy bien, siguiente paso, he jalado mi patrón geométrico de esos triángulos. Lo que quiero hacer es convertir todos estos triángulos realmente oscuros en una lámina metálica dorada y podemos hacerlo en unos sencillos pasos. Primer paso, solo voy a agarrar esta textura dorada y
dejarla caer directamente en mi archivo y hacer doble clic para establecer la transformación. Ahora voy a hacer clic en él y sólo traerlo justo debajo de la capa triangular en las paletas de capas. Ahora lo que quiero es que todos estos triángulos oscuros sean reemplazados por esta textura de lámina metálica dorada. Para iniciar ese proceso, voy a levantar mi herramienta de varita mágica, que es W en el teclado. También lo puedes encontrar por aquí. Antes de empezar, solo
comprobemos dos veces algunas cosas en nuestra barra de herramientas superior. Voy a reventar la tolerancia hasta 50. Yo quiero asegurarme de que contiguo esté apagado. El motivo por el que quiero que se apague es porque cuando hago una selección como esta, es seleccionar todos los triángulos, no solo el que seleccioné originalmente. Voy a seguir adelante y acercar para asegurarme de que tengo todo. Parece que consiguió la mayor parte del triángulo, pero hay unas pedacitas por aquí que no agarró. Tengo la sensación de que van a ser un poco más ligeros. Voy a recuperar mi herramienta de varita mágica. Voy a bajar la tolerancia a unos 20 porque no quiero que accidentalmente seleccione ninguna zona en este azul y luego manteniendo presionada Shift, voy a dar clic a esa pepita y asegurarme de que tenga el resto de ese triángulo. Queda un pequeño punto, así que voy a mantener presionada la tecla Shift y hacer clic en ese también. Genial, lo consiguió todo. Déjame alejarme. Yo solo quiero asegurarme de que no agarró accidentalmente nada en esta zona azul o en esta zona de menta. Todo se ve bien, va a alejar el zoom. Antes de hacer una máscara sobre ese oro, solo
quiero usar esa misma técnica que utilicé antes, que es Seleccionar, Modificar,
Pluma, y simplemente plumas por un píxel. Recuerda que solo difumina ligeramente los bordes, por lo que no es un recorte tan duro. Está bien. Ahora voy a seleccionar mi textura dorada y luego aquí abajo en la parte inferior de la paleta de capas, voy a dar clic en Añadir máscara de capa. Eso fue súper anticlimáctico porque esta capa de oro estaba debajo así que déjame seguir adelante y hacer clic en ella y arrástrela por encima de todo lo demás. Sí, estos son nuestros efectos finales. Hemos reemplazado esos triángulos oscuros por esta textura de oro metálico y realmente me gusta esta combinación de oro metálico mezclada con este verde azulado y menta. Ahí lo tenemos, bastante simple. Las máscaras de capa son una de mis herramientas favoritas para usar en Photoshop. Te da mucha flexibilidad. Adelante y ahorra, y vamos a hacer algunos ajustes de color para nuestro último patrón. Está bien, es hora de nuestro último truco mágico de color de hoy. Lo que quiero hacer es spot para editar el color en mi patrón para que algunos colores cambien mientras que otras áreas permanecen exactamente iguales. Primero lo primero, voy a seleccionar mi capa de patrón completa y hacer una copia de la misma. Voy a esconder mi otra, bajar esta capa. No quiero esos colores de fondo, así que solo voy a seguir adelante y eliminarlo. Eso es mucho más fresco en vibrante. Antes de que veamos editar ciertas áreas de color, te
mostraré cómo cambiar todo a la vez. Con esa capa seleccionada, voy a ir al Comando U para tirar hacia arriba matiz y saturación. Es bastante divertido para los experimentos. Simplemente puedes bajar
el tono para ver cómo se ve cuando cambian todos los colores. A mí me gusta esto, se siente como pomelos en líneas. En fin, esto es solo para mostrarte lo que es posible cuando puedes cambiar todos esos colores juntos. Algunas cosas realmente divertidas. Me encanta la estética de onda de vapor de esta. Es así como cambias el color de toda la ilustración a la vez. Lo que quiero hacer, es spot edit ciertos colores. Voy a hacer Comando Z para deshacer lo que acabo de hacer, volver a donde estaba. Usaremos una técnica un poco más refinada para esta. Voy a ir a capa, nueva capa de ajuste, matiz y saturación. Aquí tendrás un poco más de flexibilidad. Lo que quiero hacer es hacer clic en Maestro para bajar a todas mis opciones y voy a bajar y seleccionar todos mis greens. No parece que haya pasado mucho en el tablero de arte, lo cual es cierto, pero mira lo que pasa cuando empiezo a cambiar mi matiz hacia arriba y hacia abajo en el espectro. Se puede ver que sólo ciertas áreas de mi ilustración o cambiar de color, es este tipo de aquí. Son todas estas hojas ahora las que se están convirtiendo en morado. voy a acercar realmente a algo que se siente como marina. Eso es bastante bueno. Creo que la razón por la que los otros greens no fueron seleccionados es porque probablemente están clavando como más cian. Vamos a seguir adelante y seleccionar cyans ahora y luego mover esos alrededor. Sí, eso fue todo. Voy a jalar hacia el lado derecho hasta conseguir más de un look marino. También voy a bajar la ligereza y amplificador un poco esa saturación. Enfriar, me encantan los resultados de eso. Sólo voy a dar clic a la zanahoria para deshacerme del panel Propiedades. Impresionante, así que lo que he hecho es sólo seleccionar las hojas verdes y cambiarlas a azul marino. Puedes encender y apagar esta capa y ver cómo era antes y después. De verdad me está gustando ese efecto. Porque estoy extra organizado, voy a cambiar el nombre de esta carpeta a Navy Leaves. Enfriar y no te olvides de ahorrar. Hablando de ahorrar en la siguiente lección, les
voy a mostrar muy,
muy rápido, los métodos óptimos de ahorro y exportación para todos estos patrones que estamos creando. Sin más preámbulos, empecemos con nuestra lección casi final de hoy.
10. Guardar: Te voy a mostrar brevemente mi configuración óptima de guardar y exportar. Para esto, voy a usar el archivo PSD patrón sin costuras como ejemplo. Voy a hacer doble clic en él para abrir. Ya lo hemos guardado. la forma más importante en que puedes guardar cualquier cosa en Photoshop, que es guardar el archivo PSD o Photoshop original. Eso significa que cada vez que abres un archivo PSD, tienes todas tus capas intactas por aquí. Nada se aplana, todo se conserva. Puedes volver atrás y editar dondequiera que lo dejaras. Pero si vas a estar subiendo este patrón a un sitio de impresión bajo demanda como Society6, o Redbubble, o tal vez quieras compartirlo en Facebook o Instagram, no
puedes usar archivos PSD para eso. Para eso, el JPEG suele ser el mejor. Ve a Archivo, Guardar como, y activa hacia abajo a JPEG y pulsa “Guardar”. Soy súper exigente con la calidad y resolución de mi archivo. Normalmente quiero ir al máximo absoluto, que es de 12. Adelante y presiona “Ok”. Te mostraré cómo se ve eso por aquí. Ahora, tengo dos expedientes. Se ven bastante similares, pero cuando abres el JPEG, mira esto aquí en la paleta Layers. Todo está aplanado y has perdido la capacidad de editar cualquiera de tus elementos individuales. Ten en cuenta que cuando ahorres como JPEG, pierdes todas esas capacidades de edición. Es literalmente sólo un archivo aplanado. Todas tus capas se han ido. Voy a cerrar este y volver a mi archivo de Photoshop. Hay otro tipo de archivo que creo que es bastante importante
aprender y esos son PNG transparentes. Lo que eso significa es un fondo completamente transparente. Si sigo adelante y apago mi capa de fondo, se ve esta área cuadrada en Photoshop. Eso básicamente significa que es transparente, no
hay nada detrás ahí. Para guardar este, iré a Archivo, Guardar como y seleccionar PNG, pulse “Guardar”. Tan solo un cabezal en esto, porque nuestros tamaños de archivo son bastante grandes, 10,000 píxeles por 10,000 píxeles a 300 DPI. Oh Dios mío, ¿ya están hartos de oírme decir eso? De todos modos, debido a que nuestras dimensiones son tan grandes en nuestros archivos, va a hacer algunos tamaños de archivo bastante grandes. Te mostraré lo que quiero decir. Sí, este PNG transparente, este cachorro es poco más de 48 megs, que es un archivo bastante grande. Para mí, prefiero que mi archivo sea demasiado grande pero no lo suficientemente grande, porque siempre se puede escalar las cosas para que quepan si es necesario. Pero no se puede escalar sin que se borre y pierda esa resolución. Si sí quieres hacer que el tamaño de tu archivo sea un poco más pequeño, por ejemplo, si quieres compartirlo en Instagram, realmente no necesita ser tan grande. Voy a abrir mi JPEG y ir a Imagen, Tamaño de
imagen, y voy a bajar eso a 15 por 15 pulgadas a un 150 PPI. Se puede ver cuánto más pequeño se puso. Realmente no se puede decir en pantalla ahora mismo hasta que empiezo realmente a acercar y se ve la borrosa de esos bordes. Pero de nuevo, estoy guardando este para Instagram, así que el tamaño del archivo es en realidad bastante perfecto. Voy a ir a Archivo, Guardar como patrón sin fisuras y voy a llamar a éste LowRes. De esa manera recuerdo que es una versión más pequeña. Presiona “Guardar”, y puedo seguir adelante y cerrarlo. Sí, lo más importante a recordar aquí es mantener siempre intacto ese archivo de trabajo de Photoshop. Porque nunca se sabe cuándo podría necesitar volver a abrir a este bebé y hacer algunos ajustes y volver a guardar. Ahora que ya sabes los entresijos de ahorrar y exportar, tengo una cosa más que compartir contigo. Así es como realmente me gano la vida vendiendo mis patrones.
11. Gana dinero otorgando licencias para tus obras: Si estás viendo esto, felicidades por llegar a los fines y buena decisión porque guardé las mejores pepitas de info por ahora mismo. No solo hago patrones por diversión, en realidad
construí mi carrera a partir de esto. Doy licencia mis diseños de superficie, ilustraciones, e ilustraciones a empresas que convierten mis diseños en productos que venden a sus clientes. Obtengo un porcentaje de ventas, que se llaman regalías. Así me gano la vida, y es como puedo viajar por todo el mundo trabajando a medida que voy. Ahora mismo estoy en un [inaudible] en Tiflis, Georgia en Europa del Este. Estaré aquí alrededor de un mes trabajando en mi laptop y saliendo con amigos. Después de eso, o me voy a Italia o a Polonia, pero aún no lo he reducido. El punto es que es gracias a las licencias de Arte lo que me permite este estilo de vida. Inicialmente me metí en licenciamiento de arte en 2014 con una empresa llamada Society6. Society6 es una tienda online donde puedes comprar fundas de teléfono de moda, artículos de decoración para el
hogar, prendas de vestir y más. La parte genial es que todos sus productos están diseñados por artistas de todo el mundo. Entonces cuando una funda de teléfono se vende con mi diseño en ella, consigo un corte de esas ventas. A lo largo de los años, he vendido apenas tímido de un 100,000 productos a través de Society6. Muchos de estos son productos con mis diseños de superficie sobre ellos, como lo que hicimos en la clase de hoy. Hay muchos sitios de impresión bajo demanda por ahí al igual que Society6. Es bastante sencillo montar una tienda con cualquiera de ellos, Society6, Redbubble, Spoonflower, Zazzle, Design By Humans, Threadless, Fine Art America, hay muchas opciones. Tengo toda una clase dedicada a este tema. En ella, explico todo lo que sé sobre ganar ingresos a través de la impresión bajo demanda y licencias de arte. Por favor siéntete libre de comprobarlo si estás interesado en aprender más. Se llama guía paso a paso para licenciar arte. Venda su primera pieza de obra en línea. un vistazo aquí con este enlace que también he enumerado en la descripción de la clase abajo. Muy bien, espero que hayas aprendido mucho hoy. Muchas gracias por inscribirse en mi clase. Si tienes alguna pregunta o comentario, puedes bajarlos abajo en la discusión de la clase. Puedes seguirme en Instagram y en cualquier otra forma de redes sociales @catcoq. No olvides seguirme en [inaudible] haciendo clic en el botón Seguir arriba. Está bien, cuídense y los veré la próxima vez para mi próxima clase.
Cat Coquillette, Artist + Entrepreneur + Educator
