Transcripciones
1. Tráiler/avance: Transforma las ilustraciones de acuarela en patrones intrincados. Hola, soy Sandra Bowers y soy ilustradora freelance y diseñadora de patrones de superficie. Acompáñame en esta clase y aprende a tomar tus ilustraciones de acuarela para hacer intrincados patrones repetitivos en el software Adobe Photoshop de una manera muy sencilla. Aprenderás a limpiar tus iconos de acuarela, a ensamblarlos como patrón repetido y a crear colorways adicionales. Entonces únete a mí y vamos a crear algunos patrones.
2. Proyecto de clase: Ahora viene la parte emocionante, el proyecto de clase. Aquí es donde compartirás tus patrones con el resto de la clase y llegaré a ver qué crees. El encargo es mostrarnos sus iconos iniciales o ilustraciones junto con su escaneo, luego darle un nombre a su patrón y crearlo como un patrón repetido simbolizado. También puedes crear colorways adicionales. Para orientación, puedes ver el proyecto de muestra que creé en la Galería de Proyectos y descargar el PDF del proyecto disponible en los documentos de clase.
3. Configuración: El primero que necesitamos es tener nuestros iconos listos para hacer nuestro patrón. Así que trae tu pintura de color de agua al escáner. Escanea en color a 1200 ppi y guarda como JPG. Puede ser cualquier escáner. Tan solo asegúrate de escanear a una resolución de 1200 ppi, al menos. Abra el archivo en el software Adobe Photoshop. No importa si hay áreas que no son perfectas en tu escaneo. Vamos a cortar ese ícono para que no importe. Haga doble clic en la capa de fondo para que pueda editarla. Ahora ve a Imagen, Ajustes, Niveles, y empieza a mover los deslizadores hasta obtener el look que quieras. Te voy a explicar una forma de cortar iconos, pero hay muchas maneras de hacerlo. Selecciona la capa de fondo, crea una capa debajo con un campo de color oscuro para que puedas ver lo que estás haciendo. Ahora vamos a acercarnos para que veamos lo que estamos haciendo. Vamos a cortar a este zorro de aquí. Seleccione la herramienta Pluma y comience a colocar puntos alrededor del zorro. Existen muchos tutoriales en línea que te enseñarán a usar la herramienta Pluma. Tendrás el ahorcamiento bastante pronto. Simplemente empieza a dar la vuelta a tu ícono. Este es un momento en el que puedes arreglar cosas y cortar piezas que no quieres estar ahí. Asegúrate de tocar tu primer punto y luego haz clic con el botón derecho y selecciona, Hacer selección. Después pulsa Editar, Pegar especial, Pegar en su lugar. Tu zorro aparecerá en una nueva capa. Si apaga esta capa, verá que está cortada perfectamente. Ahora corta esta pequeña parte entre las piernas. Presione “Eliminar” para que se borre de la capa. Ahora tienes tu ícono perfectamente cortado y listo para el patrón. Sigue haciendo esto a todos tus iconos hasta que los tengas todos listos para iniciar tu patrón. Ahora que tenemos todos nuestros iconos listos, crearemos un nuevo archivo para nuestro patrón. mí me gusta que sea de 24 pulgadas de ancho al menos así que tengo un archivo grande con el que trabajar más tarde, y me gusta que sea un cuadrado también. Establezca la resolución en 300 píxeles por pulgada para que pueda imprimirse más tarde y luego presione “Ok”.
4. Cómo crear un mosaico: Haga doble clic en la capa de fondo para desbloquearla y llénala con el color que desee. A mí me gusta bloquear estas capas por lo que no la estoy moviendo por error más tarde. Tire del archivo que contiene los iconos y colóquelo un lado para que podamos empezar a arrastrarlos a nuestro archivo de patrones. A mí me gusta empezar con los elementos principales, así que vamos a tirar de este zorro. Cada vez que traigas un nuevo elemento al archivo, debes convertirlo en un Objeto Inteligente. Así que haga clic derecho en el nombre de la capa y conviértalo a Objeto Inteligente. Los objetos inteligentes son geniales. Te mostraré por qué. Digamos que tienes tres de estos zorros en tu archivo, y quieres hacerlos de otro color, si son un Objeto Inteligente, solo
tienes que hacer doble clic en una de las miniaturas de la máscara, y se abrirá un nuevo documento. Si vas a Ajustes, Tono/Saturación, puedes cambiarlo a esta variable, guardarla y volver al archivo de patrones. Están un poco cambiados. Esto te ahorrará mucho tiempo después cuando quieras recolorear. Deshagamos esos cambios y sigamos construyendo nuestro patrón. Vamos a traer otro ícono y convertirlo en un Objeto Inteligente. Ahora lo vamos a redimensionar. También puedes traer varios a la vez. Recuerda convertirlos todos a Objetos Inteligentes. Empieza a rotarlas y redimensionarlas a tu gusto. mí me gusta llenar al menos dos de cada uno para que no sea tan fácil detectar la repetición. Organízalos de una manera que sientas que es orgánica y deja espacios similares entre ellos. Distribuye los elementos orgánicamente en el patrón para que no tengas clústeres de colores que van a destacar cuando apliques el patrón más adelante. Si algo no se ve bien, puedes recolorearlo para que coincida con tus otros iconos. Esta es mi parte favorita, jugando con los iconos para encontrar el equilibrio adecuado. Amplía de vez en cuando para asegurarte de que las cosas sean exactamente como quieres que lo hagan. Ahora que el medio está casi lleno, vamos a empezar a construir los lados de nuestro patrón. Ve a Imagen, Tamaño de imagen, y cambia tu ancho a píxeles. Ahora anota ese número, 7,200 por 7,200, y pega a “Ok”. Un patrón se repite sin problemas cuando los iconos que se superponen en la parte superior se superponen en la parte inferior de la misma manera, y los de la izquierda, superponen a la derecha. Ya que tenemos nuestro centro casi lleno, me gustaría construir ahora los bordes y llenar esos vacíos más adelante. Así que selecciona todos los iconos y muévalos hacia arriba y hacia la izquierda, solo un poco para que se superpongan más a esos lados. Ahora haz una selección desde el exterior de la obra hasta el borde, superponiendo un poco el borde. Ahora verás que se seleccionan algunas capas. Presione “Alt” y arrástrelos hacia arriba para duplicarlos, y luego vaya a Editar, Transformación
libre o Comando T, y vaya al menú superior donde encontrará las coordenadas X e Y. Ya que vamos a mover los iconos superpuestos de este lado hacia el lado derecho, tenemos que modificar el valor en X.
Agrega 162.50 píxeles más 7,200 en tu calculadora, y escribe los resultados en el valor X. Golpea “Enter”. Si estás moviendo algo de arriba a abajo o de izquierda a derecha, agregas 7,200. Pero si es al revés, restas 7,200. Ahora haremos lo mismo para los iconos que se superponen en la parte superior. Ya que los estaremos moviendo verticalmente, modificamos el valor Y. Ahora tenemos que comprobar y ver si los iconos están buscando cómo queremos que lo hagan. Verificaremos específicamente si hay iconos que cubran otros iconos. Por ejemplo, aquí, no quiero que ese conejito esté debajo de esas vainas, así que muevo la capa de conejo hacia arriba. Cuando hayas terminado de organizar, trae algunos iconos más para llenar los vacíos. Puedes llenar todo lo que quieras. Me gustan mis patrones muy ocupados, así que llenaré la mayoría de los vacíos. Si coloca un icono y pasa por encima del borde, asegúrese de repetirlo en el lado opuesto duplicando la capa y agregando los 7,200 píxeles a la coordenada correspondiente, X para movimientos horizontales e Y para movimientos verticales. Si quieres mover algo que ya se repite en ambos lados, asegúrate de seleccionarlos ambos y moverlos juntos para que el patrón siga sin fisuras. Si quieres borrar una parte de un icono, puedes usar una máscara de capa. Presiona este botón y ahora puedes modificar justo ese ícono pintando en la máscara con un pincel plano. Si quieres descartar los cambios solo apaga o elimina la máscara. Recuerda, el negro esconde las cosas y el blanco las trae de vuelta. Ahora vamos a definir nuestro patrón. Ve a Editar, Definir Patrón, y nombrelo. Eso es todo. Ahora tenemos nuestro patrón repetitivo sin fisuras listo para probar.
5. Probar el patrón: La mayoría de los patrones no están listos la primera vez, así que tienes que probar el patrón. Vamos a aplicar nuestro patrón para ver si necesitamos hacer algún cambio. Entonces ve a Archivo, Nuevo y crea un nuevo documento. Puedes hacerlo tamaño carta. Ve a Capa, Nueva capa de relleno, Patrón, y pulsa Ok. Ahora tenemos nuestro patrón aquí. Siempre muestra el último patrón creado. Se pueden ver todos presionando aquí. Siempre pruebo mis patrones reduciendo la escala al 11 por ciento, porque de esa manera puedes detectar fácilmente problemas con tus repeticiones. Por ejemplo, esta línea aquí está creando un problema porque suena demasiado y hace que la repetición sea muy obvia. Volvamos a nuestro documento patrón. Ahora se hace evidente que todos los zorros y conejitos están del
lado izquierdo y no hay ninguno en la zona superior derecha. Entonces vamos a levantar esta flor y mover a este conejito. Ahora hay una nueva flor superpuesta. Entonces vamos a duplicarlo y moverlo. Ya que lo estamos moviendo de derecha a izquierda, tenemos que restar 7,200 y no sumarlo. Sigue moviendo las cosas hasta que estés feliz. Recuerda, seguirás mejorando en esto y será más fácil y más fácil detectar qué cosas no están funcionando con un patrón. Vamos a definir el patrón de nuevo sin probar. Vuelva al documento de tamaño carta y haga doble clic en la miniatura de la capa. Haga clic en la flecha pequeña y seleccione el último patrón, cambie la escala. Ya veo que todavía hay un problema aquí. Volvamos atrás y cambiemos las flores naranjas y movamos las cosas un poco más. Añadamos algo de textura de color agua al fondo para que se vea más atractivo. Ve a tu capa de fondo, crea una nueva capa en la parte superior y selecciona el pincel de textura. Establecido para multiplicar. Presione unos sobre el lienzo. Con estas texturas, es lo mismo que con los iconos. Lo que sea que se superponga en un lado tiene que superponerse en el otro lado. Usé el pincel que hice pintando algunos dobbs de acuarela, escaneándolos y definiéndolos como un pincel. También puedes comprar uno en línea o hacer el tuyo propio. Cambiar conjuntos yo para que llene la mayor parte de esa baldosa, capa
duplicada y lo muevo para que se superponga en la parte inferior. Después selecciona esas dos capas, duplica y muévalas para que se superpongan a la derecha. Ahora este es nuestro azulejo final. Entonces definamos el patrón por última vez.
6. Recoloración: En ocasiones necesitas recolorear tu patrón porque el cliente lo requiere en un colorway diferente, o simplemente quieres cambiar el modo del patrón. Te voy a mostrar cómo cambiar fácilmente ya sea todo el patrón o editar elementos individuales en él, para que puedas terminar con algo como esto. Vaya a la capa superior y presione el botón Nueva capa de relleno o Ajustes en la parte inferior del panel de capas. Elige Saturación de tono y empieza a mover el deslizador de Hue hasta que encuentres uno que te guste. Ahora vuelve a hacer clic en esto y elige el color seleccionado. Cambiemos los rojos. Esto sobre experimentar, así que simplemente juega con los diferentes colores y deslizadores hasta obtener lo que estás buscando. Estos cambios no son permanentes, por lo que puedes desactivarlos para volver al patrón original en cualquier momento que quieras. Ahora vamos a cambiar el color de un icono individual. Vaya a la Capa y haga doble clic en la miniatura de la capa. Ve a Saturación de tonalidad y cámbiala al color que quieras. Yo quiero hacerlo más ligero así que ajuste la ligereza,
golpeo Ok, y guardo y regreso al archivo de patrón. Ahora se ve mejor. Yo también cambiaré este, sólo hazlo otra vez. Ya que es un objeto inteligente, esto afecta a todas estas flores naranjas en el archivo, lo que no tienes que hacerlo una por una. Volvamos a encender esto. Ahora para completar nuestro recolor, cambiemos el color de fondo. Ve a tu capa de fondo, desbloquea y ve a la Saturación para cambiar el color. A mí me gustan estos suelos anaranjados, lo elegiré, y también cambiaré las capas de textura, para que no sean tan obvias. Fusionarlos en una sola capa, configurarlos para multiplicarse de nuevo y cambiar Saturación de tono. Vuelve atrás y revisa tus capas de ajuste. Creo que necesitamos más cambios, así que sólo voy a añadir otro. Me gusta mucho el sub look de la boca, así que volveré a esa. Ahora creo las cuarta capas de ajuste para ese sub uno, y lo hago mi tercera forma de color alterna. Guardemos este archivo como las formas Alternas de color y eso es todo. Ahora podemos definir el marrón como un patrón, acabas de golpear Definir como el Patrón y nombrar ese marrón. Después creo un grupo para las capas de ajuste marrones, luego definiré la boca o la morada y renombraré esa capa.
7. Retoques finales: Esto es todo, ahora sabes cómo crear un patrón repetitivo. Estas son algunas cosas que son muy importantes tener en cuenta para que tu patrón sea exitoso. Al mover iconos que se superponen a los lados, recuerda, el valor que añades o restas a las coordenadas X es el número de píxeles del ancho de tu documento. En nuestro caso, 7200 píxeles de ancho. El valor que añades o restas a las
coordenadas Y es el número de píxeles de la altura de tu documento. En nuestro caso, tiene 7200 píxeles de altura. Agregas el valor si estás moviendo iconos de izquierda a derecha, de arriba a abajo. Restas ese valor si estás moviendo iconos de derecha a izquierda o de abajo a arriba. X es para mover las cosas horizontalmente. Y es para mover las cosas verticalmente. El éxito de tu patrón se determina asegurándote de que cada elemento que sobrepase las fronteras se repita en el lado opuesto, y colocando tus iconos de una manera orgánica que no haga que la repetición sea demasiado obvia. Ahora viene la parte divertida donde se llega a crear su propio patrón. Será genial ver tus proyectos y tal vez incluso darás vida a tus patrones imprimiéndolos y creando productos con ellos. Si tienes alguna pregunta o comentario, por favor plantéalos a la clase y podemos conseguir una conversación en marcha, y compartir nuestros conocimientos y experiencias para que todos podamos aprender unos de otros. Gracias por mirar, y espero verte pronto.
Sandra Mejia, Illustrator + Pattern Designer
