Patrones de repetición en Photoshop: Incorporación de bocetos al diseño digital | Silvia Ospina | Skillshare
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Patrones de repetición en Photoshop: Incorporación de bocetos al diseño digital

teacher avatar Silvia Ospina, Artist and Graphic Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      2:52

    • 2.

      Tu proyecto

      1:34

    • 3.

      Herramientas y materiales

      2:05

    • 4.

      Lluvia de ideas

      3:17

    • 5.

      Crear panel de inspiración

      5:05

    • 6.

      Dibujar activos de tus recursos

      7:15

    • 7.

      Entintar sus recursos

      4:59

    • 8.

      Digitalizar tus recursos

      1:34

    • 9.

      ¡Atajos, atajos!

      7:15

    • 10.

      Aislar activos de tus recursos

      10:49

    • 11.

      Paleta de colores

      9:48

    • 12.

      Colorear recursos tus recursos

      12:25

    • 13.

      Recursos en diferentes capas

      2:19

    • 14.

      Conceptos básicos de patrones

      4:32

    • 15.

      Practicar los fundamentos

      22:04

    • 16.

      Crear un patrón estructurado

      7:58

    • 17.

      Crear un patrón orgánico

      6:25

    • 18.

      Colores en diferentes capas

      13:42

    • 19.

      Explorar paleta de colores

      7:39

    • 20.

      Exportar tu patrón

      6:10

    • 21.

      ¡Tus patrones en cualquier lugar!

      4:07

    • 22.

      Creación de una biblioteca

      3:50

    • 23.

      Reflexiones finales

      2:07

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

2008

Estudiantes

23

Proyectos

Acerca de esta clase

Aprende a crear divertidas pautas de conversación de patrones repetitivos en Adobe Photoshop e incorporar bocetos a mano al diseño digital

Los patrones de conversación están llenos de sensibilidad y pueden utilizarse para ilustrar las cosas que nos gustan. ¡Son una forma estupenda de iniciarse en el mundo del diseño de patrones de superficies y permiten incorporar cualquier tipo de estilo de dibujo, desde los más pulidos hasta los más abocetados!

Al finalizar esta clase podrás crear diseños llenos de carácter que se venden bien comercialmente y que pueden aplicarse a un gran número de productos. 

Puedes tomar varios años descubrir estos métodos y los aprenderás todos en esta clase. ¡Ya sea que quieras avanzar en tu carrera o simplemente crear algo por placer, la habilidad de combinar elementos dibujados a mano con Adobe Photoshop te abrirá un mundo nuevo de posibilidades!  La habilidad de incorporar bocetos al diseño digital puede ampliarse más allá de los patrones de repetición, y las habilidades que aprenderás en esta clase, se pueden aplicar a todo tipo de 
 y 
 creativos. 

Si tienes conocimientos básicos de Adobe Photoshop esta clase será más fácil de seguir, pero si eres solo un principiante esta clase también es para ti. Creo que cualquiera puede ser un gran diseñador y por eso te guiaré, paso a paso y te mostraré todos mis consejos y trucos de Photoshop para que puedas diseñar como un profesional ¡en poco tiempo! 

En esta clase vamos a cubrir:

  • Creatividad y métodos de lluvia de ideas para inspirarse
  • Cosas que hay que tener en cuenta al hacer los bocetos de los recursos que formarán la base de tu patrón
  • Cómo digitalizar elementos escaneados a mano para utilizarlos en Photoshop
  • Crearemos paletas de colores y te mostraré varias herramientas que nos ayudarán a salir de nuestra zona de confort cromática. 
  • Cómo añadir color a tus bocetos y dibujos. Esto resulta muy útil, ya que no solo es aplicable a la creación de patrones conversacionales, sino para cualquier tipo de ilustración en blanco y negro. 
  • Los fundamentos de la teoría de patrones. Soy un gran creyente de que es importante tener una base sólida para tu crecimiento como diseñador. 
  • Mi metodología para crear la repetición en cada lado del lienzo y tendrás la posibilidad de practicar los fundamentos mientras creas patrones simples. Los patrones sencillos son un buen complemento para el diseño de las colecciones y si utilizas diferentes recursos para cubrir los distintos ejercicios, tendrás una minicolección de 6 al terminar la lección "Practicando los fundamentos". 
  • Una vez que creamos nuestros patrones, exploraremos diferentes paletas de colores. De este modo, podrás llegar a un público más amplio a la hora de comercializarlos. 
  • Por último, te enseñaré cómo visualizar tu patrón en diferentes productos para añadirlos a tu portafolio o cómo puedes venderlos directamente en sitios web de impresión bajo demanda. 

Conoce a tu profesor(a)

Teacher Profile Image

Silvia Ospina

Artist and Graphic Designer

Top Teacher

I'm a professional graphic designer and artist and have a passion for creativity and the joy that it can bring into anyone's life!!

My artworks have been sold in high street brands such as Zara, Mango and many others and most of my work combines analogue techniques such as drawing and painting with my favourite program of all: Adobe Photoshop!

Throughout my classes I will teach you how to create artworks and designs which meet the standards of the world's leading brands in a quick and easy way. It can take years to discover the techniques and shortcuts that I will be teaching you as a Skillshare Teacher.

Whether you want to advance your career or simply create something for pleasure, the skill of combining hand drawn elements with Adobe Photoshop will open ... Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: En esta clase, aprenderás a crear un patrón de repetición conversacional en Adobe Photoshop e incorporar elementos dibujados a mano en el diseño digital. Lo que me encanta de los patrones conversacionales es que están llenos de personalidad y pueden ilustrar cosas que amamos. También son una forma maravillosa de comenzar en el mundo del diseño de patrones de superficie, y pueden verse geniales tanto en formas repetitivas simples como en otras más complejas. Normalmente son muy únicos y vendrán en todos los estilos de dibujo, desde los más pulidos hasta los más bocetos. Hola, soy Silvia y soy diseñadora gráfica y artista profesional. Nací en Columbia en una familia de artistas, y mi mayor pasión siempre ha sido la creatividad en todas sus formas. El motivo por el que elegí este estilo de patrones para mi clase es porque quería inmortalizar este capítulo de mi vida. Después de seis maravillosos años de vivir y trabajar en Londres como freelancer, decidí regresar a Barcelona, la ciudad donde empecé a marcharme cuando era [inaudible]. Tomé mi viaje de Londres a Barcelona como fuente de inspiración para mi patrón conversacional, y los objetos que dibujé eran todos artículos que cuentan la historia. Esta clase se divide en tres secciones principales. En la primera sección, estaremos trabajando en nuestros activos, lluvia de ideas, creando nuestros bocetos, y digitalizándolos. Crearemos paletas de colores, y te mostraré diversas herramientas que te ayudarán a salir de tu zona de confort de color. Después, en la segunda sección, pasaremos a crear nuestro patrón de simple a complejo. Te mostraré el método que uso al crear la repetición a cada lado del lienzo, y tendrás la oportunidad de practicar los fundamentos mientras creas patrones simples. Los patrones simples pueden ser un gran cumplido a la hora de diseñar colecciones, y si utilizas diferentes activos para cubrir los diferentes ejercicios, tendrás una mini colección de seis u ocho cuando termines de practicar la lección de fundamentos. Por último, crearemos uno con todos nuestros elementos y empezaremos a pensar en nuestros patrones sobre productos. Exploraremos diferentes pesos de color y visualizaremos nuestros patrones en todas partes. Si tienes una comprensión básica de Photoshop, esta clase será más fácil de seguir. Pero si eres un principiante total, quiero animarte a seguir tomando esta clase. Te guiaré paso a paso y te mostraré todos mis consejos y trucos de Photoshop para que puedas diseñar como un profesional en poco tiempo. Al final de esta clase, podrás crear diseños con personalidad, que celular bien comercialmente y se pueden aplicar a una gran cantidad de productos. Podría tardar años en descubrir estos métodos y los aprenderás todos en esta clase. Ya sea que quieras avanzar en tu carrera o simplemente crear algo para el placer, la habilidad de combinar elementos dibujados a mano con Adobe Photoshop abrirá un nuevo mundo de posibilidades para ti. Por cierto, el patrón que ves en esta camiseta es el que diseñé mientras creaba esta clase. Empecemos. 2. Tu proyecto: Tu proyecto es crear tu propia conversación divertida repitiendo patrón a partir de elementos dibujados a mano. Estaré buscando al menos un patrón hecho con todos tus activos dibujados a mano y tres formas de color diferentes que demuestren que podrías explorar con éxito diferentes balas de color. Puedes completar tu proyecto subiendo algunos patrones más pequeños y simples que muestren que practicaste los fundamentos. Te proporcionaré algunos gatos para que puedas mostrar cómo se vería tu patrón en una camiseta, máscaras para los ojos, y calcetines. Todas estas cosas reflejarán que aprendiste y aplicaste las habilidades que has ganado en esta clase. Una vez que completes tu proyecto, subirlo a la galería de proyectos y recursos, para que todos podamos echar un vistazo a lo que hiciste. Comparte tu etapa inicial del proceso donde dibujas tus elementos y nos sorprendes con tu patrón final y maquetas. Podrás usar tu patrón en todos los proyectos personales y comerciales para que no impriman sitios web bajo demanda como Society6 y Redbubble. Úsalo para decorar tu habitación, decorar tu escritorio o tu computadora, o úsalo como salvapantallas. Si compartes tu obra de arte en redes sociales, puedes etiquetarme para que no sólo pueda echar un vistazo a lo que hiciste, sino también compartirla en mi feed con mis seguidores. No puedo esperar a ver lo que creas. 3. Herramientas y materiales: Conforme vamos a dibujar nuestros elementos a mano, necesitaremos los siguientes materiales. Utilizaremos un lápiz y una goma de borrar para crear tus bocetos iniciales. Esto nos permitirá definir nuestras formas libremente antes de añadirles tinta. Necesitarás un trozo de papel para hacer tus dibujos. Puedes utilizar tu cuaderno de bocetos o cualquier tipo de trabajos regulares de papel de impresión. Tweak mis activos, estaré usando un par de plumas diferentes. Uno será un 0.3 para crear el contorno de mis dibujos y el otro será un 0.05 para crear los detalles delgados. Usar diferentes pesos de bolígrafos dará un poco más de profundidad a mis objetos elegidos. No importa si no tienes este tipo de bolígrafos, puedes usar también un bolígrafo negro regular que encuentres alrededor de tu casa. Si tienes un iPad con Procreate instalado y prefieres crear tus activos en él, está totalmente bien. Podrás saltarte la lección de digitalización de tus activos. Simplemente guarda tus archivos en formato PSD y envíalos a tu computadora por correo electrónico o usando un programa como Dropbox. Si hiciste tus dibujos a mano, necesitarás un escáner o una cámara para digitalizar tus activos. Si no tienes un escáner, también puedes usar una app para escanear tus activos con la cámara de tu teléfono. La resolución nunca es tan buena como cuando usas un escáner, pero definitivamente puedes hacerlo y funcionará bien. De verdad te recomiendo tener una tableta de dibujo ya que te facilitará mucho tu flujo de trabajo y te dará mucha libertad a la hora de usar la herramienta de lasso y pincel más adelante en Photoshop. También recomiendo tener una regla o una cinta métrica a tu lado. Te ayudará a entender y visualizar el tamaño de tus activos a la hora de diseñar tu patrón. Por último, necesitarás una computadora o una laptop con Photoshop instalado para crear tu patrón de repetición final. Una vez que tengas tus materiales listos, reúnete conmigo en la siguiente lección. Haremos algunos ejercicios de lluvia de ideas y tendrás que definir el tema de inspiración para tu patrón. 4. Lluvia de ideas: Un patrón conversacional puede hablar de cualquier cosa y así las opciones para elegir son interminables. Es por eso que escribir algunas ideas específicas antes de empezar a diseñar puede ser muy útil. En esta lección, haremos algunos ejercicios que ojalá te ayuden a elegir un tema para tu patrón y a ver si te resulta atractivo o si no lo es. Podría ser que para este proyecto termines escribiendo más de una idea genial, lo cual es genial. La próxima vez que quieras trabajar en un patrón de este tipo, vuelve a visitar tu lista y elige otra. Mantener un cuaderno con ideas escritas, consignas, palabras y garabatos es una buena práctica para cualquier diseñador. Este es un ejemplo rápido de cómo un ejercicio puede ayudarte a idear algunas ideas. Yo me puedo hacer una pregunta como, ¿qué me despierta por la mañana o qué me hace sentir despierto? Entonces haré una lista de cosas que me viene a la mente. El sol, mi alarma, mi celular, un poco de maquillaje pueden ayudar, alguien diciéndome buenos días, y por supuesto, una taza de café. Estos artículos enumerados podrían formar la base de mi patrón. Ahora bien, si sigo luchando por visualizar en mi cabeza cómo podría verse un patrón repetitivo, tiendo a hacer algunos garabatos rápidos en un pedazo de papel. Dibujarlos en diferentes direcciones hace que sea más fácil imaginar cómo podría verse un patrón multidireccional final. Si este ejercicio es demasiado difícil para ti y se te ocurre una idea que te costó dibujar, siempre puedes ir a Pinterest o Shutterstock y encontrar algo de inspiración ahí dentro. Este ejercicio puede ayudarte a elegir un tema y sentirte seguro que funciona antes de pasar por todo el proceso de dibujo, digitalización y diseño de un patrón repetitivo. Aquí va otra. ¿Qué frutas me gusta comer en el verano? Escribe una lista de cinco o seis ítems. Si puedes imaginarlos como un patrón, genial. Si luchas, haz algunos dibujos fáciles en diferentes direcciones y ve si te gusta el tema. Preste atención a todas las diapositivas de este curso ya que todas muestran diferentes patrones. Algunos se inspiran en el tema que la lección está cubriendo y otros podrían ser un poco aleatorios. Estos son algunos otros patrones que tengo diseño en el pasado, que también son conversacionales y podrían darte algunas ideas o mostrarte diferentes estilos de dibujo. Espero que te sirvan de inspiración y demuestren cómo todo lo que quieras se puede convertir en un patrón repetitivo. Asegúrate de dejar esta lección con un tema para tu patrón que sea atractivo para ti. En la siguiente lección, vamos a crear un tablero de humor reuniendo algunas imágenes para utilizarlas como referencia para cuando empecemos a dibujar. Agarra tu computadora, conéctate a internet y nos vemos en la siguiente lección. 5. Crear panel de inspiración: Antes de empezar a dibujar, vamos a crear un tablero de humor. Por si acaso no estás seguro de qué es esto, un tablero de humor es un arreglo de imágenes, materiales, piezas de texto, etc., destinado a evocar o proyectar un estilo o concepto en particular. Si tomaste mi clase anterior, sabes que me encanta ir a pasear y usar el mundo que me rodea como fuente de inspiración. En realidad al diseñar esta clase, dibujo muchos objetos de la vida o de fotografías que había tomado con mi teléfono. Pero ahí muchas veces en las que simplemente es más fácil reunir las imágenes de internet y eso es lo que vamos a hacer. Con el tema elegido, abre Google Images o Pinterest y comienza a buscar imágenes que puedan servir de inspiración o referencia para tus dibujos. Voy a hacer mi tablero de humor en Photoshop, pero también puedes guardar las imágenes debajo de una carpeta o hacerlo en un programa que conozcas. Yo quiero explicar mucho de lo que estoy haciendo, pero no te preocupes porque después cuando empecemos a diseñar nuestros activos, explicaré todos los atajos y métodos que utilizo con cuidado. Abriré un documento A4, y como no estoy planeando imprimir este tablero de humor, voy a cambiar la resolución a 150 DPI. Voy a ir a Archivo, Guardar como, y lo guardaré bajo el nombre Moodboard. Ahora voy a ir a Pinterest y empezar a buscar los objetos que quiero dibujar. Empezaré con el paquete y empezaré a desplazarme hacia abajo hasta que vea una imagen que me guste. Voy a hacer clic derecho en la imagen y bajar a copiar imagen. Entonces volveré a mi archivo Photoshop y lo pegaré. Puedes usar un atajo Comando V si estás en un Mac, Control V si estás en Windows. Una vez que la imagen esté en Photoshop, transformaré su tamaño pulsando “Command T”, moveré las asas para ajustar el tamaño, y la colocaré en la parte superior. Ahora voy a volver a internet y buscar mi segunda imagen, un avión. Todas estas fotos son demasiado realistas y siento que voy a luchar a la hora de dibujarlas. Seguiré adelante y escribiré, plano dibujo para ver cómo otros creativos tienen acercamiento a este tipo de forma. Es bueno ver a veces otras representaciones de objeto y utilizarlas como referencia también al dibujar. Colocaré esta imagen en mi tablero de humor y cambiaré mi dibujo al hacer mi boceto. Una vez que la imagen esté en el Photoshop, transformaré su tamaño pulsando “Command T”, moviendo las asas para ajustar el tamaño, y colocarla en la parte superior. Pasaporte. Bastante sencillo, copiar y pegar. Esto es básicamente lo que voy a hacer con todas mis imágenes en mi pizarra de humor. Empezaré a moverlos por el lienzo sin pensar demasiado. Este debe ser un ejercicio rápido y no tiene que ser demasiado elegante o demasiado complicado. Si eres nuevo usando Photoshop y esto está tomando demasiado tiempo o si simplemente prefieres guardar las imágenes en una carpeta de tu computadora o en un tablero de Pinterest, por favor adelante y hazlo. Planeo escribir los nombres de los Londres y Barcelona directamente, así que no buscaré los iconos de la ciudad ni las fotos. El motivo por el que prefiero hacer en la pizarra de humor por separado es porque puedo verme distraerme y mirando imágenes que no tienen nada que ver con lo que estoy haciendo. Es tan fácil terminar desplazándose sin cesar por Pinterest que prefiero hacer esto antes de empezar a dibujar. Pinterest es mi fuente de inspiración en línea favorita, pero también hay otras opciones como Google Images, Shutterstock, Tumblr, Flickr, y muchas otras. Una vez que tenga listo mi pizarra de humor, iré a Archivo, Guardar como, y guardaré una copia como formato JPEG. Ahora que tenemos listo nuestro tablero de humor con unas imágenes de referencia, vamos a empezar a bosquejar. Para la siguiente lección, necesitarás tener un papel blanco, un lápiz y una goma de borrar. Abre tu tablero de estado de ánimo guardado y colócalo como un modo de pantalla completa para evitar distraerte con cualquier otra cosa. 6. Dibujar activos de tus recursos: Hay algo importante que quiero que consideres antes de empezar a dibujar. ¿ Para qué te gustaría usar tu patrón? ¿ Te gustaría diseñar una funda nórdica para tus hijos con dibujos detallados de tocino? ¿ Utilizarlo para una portada de cuaderno, imprimir, papel de envolver, o tal vez una camiseta con gráficos medianos? Ya que vamos a componer un patrón repetitivo en Adobe Photoshop, es una buena práctica tener en cuenta el tamaño de tus dibujos desde el principio. Photoshop se basa en píxeles y así es probable que si haces tus pequeños dibujos y los agrandas digitalmente, perderán definición. Tus activos no tienen que ser de un tamaño exacto, pero es bueno pensar en el diseño final y dibujar en consecuencia. Yo quiero pedirte que dibujes algunos activos más grandes y algunos más pequeños. vamos a separar al crear nuestro patrón. Los más grandes se van a utilizar para crear la estructura principal, y los más pequeños servirán de complemento y nos ayudarán a llenar los espacios en blanco. Cualquier punto o pequeñas formas geométricas, estrellas, corazones, o simplemente pequeñas piezas de textura, cuadrados, triángulos, cualquier complemento funcionará bien. Antes de empezar a dibujar mis activos finales, quiero compartir algo con ustedes. En el proceso de diseñar este curso, dibujé varias veces estas formas exactas. La primera vez fue cuando viajé de Londres a Barcelona, empecé a dibujar unas tortugas en un cuaderno de bocetos de la mente moldeada por la imaginación y algunas de la vida real como la sangría, la sombrilla, o las palmas. La segunda vez fue cuando estaba definiendo el tema para mi patrón y juntando esta clase. La tercera vez fue hace apenas un minuto. Hice todos estos dibujos que les estoy mostrando, y decidí cambiarlos porque las formas donde se vuelven demasiado realistas y grandes para lo que quería. Esta vez, después de tantas veces de dibujar las mismas formas, me parece bastante fácil y no voy a estar usando mucho mi borrador, pero no siempre es así. Tómate tu tiempo, no te apresures tus dibujos, y disfruta de esta etapa. Termina esta lección asegurándote de que te gusten. Voy a estar reproduciendo este video a mayor velocidad, pero no creas que pueda dibujar tan rápido. En realidad, cuando estaba grabando esta lección, estaba escuchando algo de música y realmente disfrutando el escenario del dibujo. Tengo un iPad a mi lado con las imágenes que reuní para tener más referencia para cuando no sé dibujar algo. También puedes hacer esto en tu computadora o no hacerlo en absoluto, y sacar de tu imaginación. Trata de pensar en el estilo del dibujo como uno muy limpio y claro. Para efectos de esta clase, va a ser mucho más fácil usar ciertas herramientas de Photoshop si tus dibujos están bien definidos. Cuando termines de tomar esta clase y sabes digitalizar tus activos, colorearlos en Photoshop y hacer el patrón repetitivo. Se puede empezar a experimentar y utilizar otro estilo de dibujos. Si encuentras que dibujar es un reto para ti, tienes que saber que la única manera de mejorar es practicando mucho. Además, una vez que has dibujado varias veces las mismas formas, comienzas a memorizarlas y entenderlas, y se vuelve mucho más fácil. Cuando entiendes la forma y la memorizas, realidad es más fácil empezar a dibujar de manera más intencional. Por ejemplo, forman algo un poco o lo hacen parecer ingenuo o infantil, o realista, o estilizado. Una vez que entiendas cómo dibujar algo, puedes jugar con él para que sea tuyo. Es una práctica realmente buena llevar un cuaderno de bocetos contigo. Puedes hacer pequeños dibujos dondequiera que estés. Es posible que estés esperando a un amigo en una cafetería y acabas de empezar a dibujar los artículos que te rodean. O podría ser que estás en el parque y hay algunos perros ahí dentro o algunos pájaros, árboles, cualquier cosa que puedas imaginar se puede convertir en un patrón de repetición de conversación. Después puedes volver a casa, escanear los mismos dibujos que has hecho y experimentar, o puedes tomarlo un poco más en serio y copiar los activos finales en un papel con un lápiz y una goma de borrar y refinarlos. De cualquier manera está bien y se puede aprender mucho solo de experimentar. Siempre que encuentro un objeto desafiante como el patín, empiezo dibujando lentamente el contorno con algunas líneas estructurales o formas geométricas de bloque. Una vez que tenga definida la estructura principal y con un aspecto bien proporcional, puedo empezar a agregar los detalles. Es bueno recordar que este tipo de diseños son súper acogedores a diferentes estilos de dibujos y así que más o menos, lo que hagas se va a quedar genial. Después de tener todos mis activos listos, voy a empezar a dibujar palabras finales que podrían ir bien con el tema de mi patrón. Al salir de Londres y volver a Barcelona, voy a escribir los nombres de las ciudades, Barcelona y Londres. Después algunas cosas como ola, ciao, saludo y cosas así. Para mis pequeños activos, voy a dibujar algunos corazones, algunas líneas punteadas, un sol, una nube, y algunas otras palabras. Una vez que tengas listo tu boceto a lápiz, únete a mí en la siguiente lección donde empezaremos a entintar nuestros activos. Si por alguna razón no estás del todo contento con los resultados de tus dibujos o sientes que son demasiado desafiantes, puedes cambiar el tema e ir por algo súper fácil. Estas son algunas ideas que podrían funcionar perfectamente bien, y se ven hermosas una vez que se convierten en un patrón repetitivo. Después de todo, esta es una clase sobre repetir patrones en Adobe Photoshop, así que asegúrate de dejar esta lección con algunos dibujos con los que estés contento. 7. Entintar sus recursos: Ahora que nuestro boceto ha sido definido, es hora de tinta nuestros activos. El escenario siempre me pone un poco nervioso ya que siento que una vez que aplico la tinta, no hay vuelta atrás. Por lo que antes de entintar mis bocetos a lápiz, hice estos ejercicios rápidos en otro pedazo de papel. Agarro algunos bolígrafos diferentes e hice unos toodles rápidos. No sólo me ayudó a elegir el estilo gráfico final, sino también a relajar un poco mi mano y tener confianza. Para esta clase, decidí apegarme a un estilo de dibujo muy limpio. Voy a usar dos liners finos diferentes. Uno, 0.3 para dibujar los contornos, y el otro es 0.05 para agregar algunos detalles. Si no tienes estos bolígrafos exactos, no te preocupes. También puedes usar cualquier bolígrafo negro regular y funciona perfectamente bien. Me gustaría pedirte que uses un estilo limpio similar y tenerlos en mente mientras entintas tus activos. Cierra tus formas. Vamos a estar usando un cubo de pintura demasiado tarde en Photoshop. Si tienes algún hueco, la pintura se deslizará a través. Una vez termines esta clase sabrás crear un patrón de este tipo y así podrás usar cualquier estilo que quieras. Tintando mi activo, es un proceso bastante directo ya que literalmente voy a estar trazando sobre mis dibujos a lápiz. Ya he refinado mis bocetos lo suficiente para poder estar seguro y seguro de que voy a estar cometiendo los menos errores posibles. A mí me gusta poder cambiar un poco las cosas y jugar si siento que quiero. Sí, esto podría dar lugar a algunos errores. Como se puede ver en la parcela, he hecho una pequeña línea doble aquí que borraré más adelante en Photoshop. Te aconsejaría que no uses demasiada textura dentro de tus activos, ya que podría dificultar un poco las cosas al usar Photoshop. Puedes agregar un par de puntos aquí y allá, pero con el propósito de aprender las herramientas que te voy a mostrar, es mejor tener formas limpias y definidas desde el principio. Ahora puedes quedarte conmigo y verme pintar mis activos hasta el final de la lección o puedes saltarte el resto de la lección, tinta la tuya, y conocerme en la siguiente. Una vez que termines, borras tus marcas de lápiz y estarás listo para digitalizar tus dibujos. Como dije antes, para fines de esta clase, es mejor tener formas limpias sin demasiada textura interior ni sombras. Sólo haré unos pequeños puntos aquí y allá y me aseguraré de no exagerar. Si quieres agregar un poco de textura aquí y allá, puedes observar las fotos y ver dónde están las sombras para hacer un par de pequeños puntos y dar un poco de profundidad. Ahora que todas mis formas principales están definidas, voy a pasar al liner fino 0.0 para dar los detalles. Me impaciente demasiado con mi pluma 0.3 y podría haber guardado algunas líneas a este bolígrafo más delgado, como las líneas que están dentro de la palma, o la estrella dentro del pasaporte. Una vez que termines de agregar la tinta a tus activos, borra las líneas del lápiz, y siempre haz esto presionando tu papel con una mano y alejando el borrador de él. Si lo haces al revés, posible que termines con un papel engrasado y esto será muy frustrante. Una vez que tengas tus articulaciones entintadas, prepara tu escáner. En la siguiente lección, vamos a digitalizar nuestros activos e importarlos a Photoshop. 8. Digitalizar tus recursos: Una vez que hayas terminado de entintar tus activos, agarra tu escáner. Si dibujaste tus activos en Procreate, simplemente compártelos bajo nuestro formato POC y envíalos a tu computadora por correo electrónico o Dropbox. Estaré corriendo por esto en mi propio Mac, pero deberías encontrar la manera de hacerlo en tu propia computadora. Es importante escanear tus imágenes a 300 DPI para tener una buena resolución para imprimir. Puedes guardar tus archivos en formato jpeg. Abrir Photoshop. En la barra de navegación entra en, “Archivo”, “Abrir”, selecciona dónde guardaste tu escaneo y haz clic en, “Abrir”. Ahora su escaneo debería aparecer en la ventana de Photoshop. Si aparece verticalmente, lo rotaremos para que dé la cara correcta. Para ello, haga clic en, “Imagen”, “Rotación de imagen”, y gire en la dirección correcta para ajustar. En nuestra siguiente lección, vamos a aislar nuestros activos usando una de mis herramientas favoritas, la varita mágica. 9. ¡Atajos, atajos!: Si tomaste mi clase anterior, escenas botánicas en Photoshop, sabrás ya que me gusta hacer énfasis en la importancia de usar atajos. Es muy importante empezar a usarlos a medida que creces en tu carrera ya que juegan un papel crucial en la creación de un flujo de trabajo más rápido y eficiente. Si vas a la galería de proyectos y recursos, he dejado una página con los atajos que uso regularmente al crear un patrón de repetición. Puedes imprimir esta página y ponerla a tu lado cuando trabajes y mirarla si tienes alguna duda. Ahora que estoy usando un Mac, cuando diga Comando en un Mac, esto se traducirá a Control al usar Windows. Muchos de ustedes probablemente ya estén familiarizados con cómo deshacer las cosas al trabajar en Photoshop, pero por si acaso hay alguien nuevo aquí se lo explicaré rápidamente. Para ir un paso atrás en Photoshop, hay que pulsar “Comando Z”. Esto sólo te permitirá retroceder una sola vez. Pero no entres en pánico, si quieres volver varias veces, tendrás que pulsar “Comando turno Z.” También puedes acceder a una Ventana de Historial ubicada debajo de la pestaña Ventana del menú superior, donde podrás ver todas las acciones que has realizado hasta el momento. Uno de los principales atajos que voy a estar usando constantemente es capa vía corte y capa vía copia. los explicaré rápidamente para que puedas empezar a familiarizarte con ellos, pero no te preocupes si es difícil de entender. Los estaré mencionando en los siguientes capítulos, y esto casi servirá como preparación para que lo obtengas más adelante. En primer lugar, capa vía copia. Al realizar una selección y presionar capa mediante copia, Photoshop creará una nueva capa a partir de la selección hecha de la capa actual. Si no hay nada seleccionado, el atajo duplicará toda la capa. Este comando será muy útil a la hora de duplicar nuestros activos a lo largo del patrón repetitivo. Capa vía corte es un atajo que quiero que recuerdes y mayormente entiendas más, ya que la estaremos usando mucho al crear un patrón repetitivo. El script layer via Cut corta la selección y pégala en una nueva capa. Vea cómo se ha cortado la mitad superior de la flor en la capa superior y la mitad inferior está en la capa inferior. Esto forma parte del método que normalmente uso al crear un patrón repetitivo. Cuando creamos todo patrón repetitivo vamos a estar transformando nuestros elementos constantemente. Tendrás que presionar Comando T cada vez que quieras escalar o rotar tus elementos. Si haces clic derecho en el elemento mientras están transformando la función está activa, también puedes voltear tus elementos horizontal y verticalmente. Algo importante saber si te conocen usando Photoshop es que el cuadro de redondeo que aparece al presionar Comando T rodeará todos los elementos que están contenidos en la capa sobre la que estás parado. Si desea modificarlos individualmente, puede seleccionarlos utilizando una herramienta de selección y luego presionar el atajo Comando T para transformarlos, o tendría que seleccionarlos y presionar el botón Capa Vía Cortar para colocarlos en su propia capa, y luego modificarlos individualmente. También estaremos duplicando mucho nuestros activos, así que recuerda este. Cuando mantienes presionado Alt en tu teclado, aparecerá esta flecha doble y una vez que lo haga, puedes arrastrar tu elemento o capa para duplicarlo. hora de crear algo en Photoshop, es una buena práctica medir los elementos con los que estás diseñando. Una vez que hayas medido algo en Photoshop, puedes comprobar la medición real usando una cinta métrica o una regla. Esto te dará una idea de cómo se verán tus activos una vez que estén impresos. Existen diferentes sistemas de mediciones en diferentes países. Para cambiar el sistema por uno a los que estás acostumbrado, tienes que abrir las reglas que se encuentran debajo de la pestaña Ventana del menú superior. También puede pulsar el atajo Comando R para mostrarlos. Verás aparecer una regla en la parte superior y en el borde izquierdo de tu Ventana. Si haces clic derecho en la parte superior de ellas, podrás elegir el tipo de medida que deseas utilizar. Una vez elegido, puedes presionar la tecla M del teclado para seleccionar la herramienta de marquesina rectangular, y luego cerrar tus elementos para ver cuánto largos y anchos son. Si presiona la barra espaciadora, podrá reubicar el área de selección inicial. Otra forma en la que puedes medir tus elementos y establecerles un cierto tamaño es pulsando Comando T y comprobando o modificando sus medidas en esta parte superior pequeñita Ventanas. W es sinónimo de ancho, por lo que podrás transformar la escala horizontal en ella y H es sinónimo de altura, por lo que podrás modificar la escala vertical. Puede seleccionar o anular la selección de este icono de cadena para mantener la relación de aspecto. Cuando estás trabajando en un documento que tiene muchas capas, puede ser útil usar la opción Auto Select solo puedas hacer clic en la imagen que quieras mover. Esto seleccionará automáticamente la capa correspondiente en el panel de capas. Creo que con el propósito de esta clase, como vamos a estar constantemente seleccionando diferentes objetos, nos hace vivirlo. Pero si por alguna razón esto te está dando problemas al cambiar de capas accidentalmente, saber que puedes dejar desactivado el Auto Select y activarlo con un atajo de teclado. Simplemente mantenga presionada la tecla Comando una vez que haga clic en los elementos que desee seleccionar. El Auto Select se activará hasta que sueltes la clave. También funciona de la manera contraria. Puedes dejar activada la selección automática en la barra de opciones y desactivarla temporalmente manteniendo presionada la tecla Comando. Ahora selecciona todos los objetos pulsando la tecla Comando mientras arrastras y encierras todos tus elementos para seleccionarlos de una manera fácil. Guardar. En esta clase habrá una lección exportadora justo al final. Aún así, te estaré pidiendo que guardes tus archivos en formato JPG y PSD a medida que avanzamos por la clase. Al guardar un archivo hay dos opciones: Guardar, que es Comando S, y Guardar como, que es Comando Turnos S. Cuando esté trabajando en una obra de arte y presione Comando S, los cambios que se han realizado se guardarán en su archivo. Te aconsejo que empieces a acostumbrarte a presionar el Comando S regularmente. No hay nada más frustrante que perder un expediente en el que llevas horas trabajando. En ocasiones tu computadora o Photoshop pueden quedar atrapados y te arriesgarás a perder lo que has hecho. Si quieres crear el hábito incluso puedes poner una alarma cada cinco minutos o menos para recordarte. Al presionar Command Shift S, Guardar como, puede almacenar su archivo como uno nuevo utilizando un nombre nuevo. Esto es ideal para almacenar nuevas versiones de la misma obra de arte como colores o nuevas versiones, elegir una nueva ubicación para ello o guardarla con otra extensión como JPG o PNG. Al trabajar en Photoshop, verás aparecer un pop-up en la esquina izquierda de la pantalla con los atajos que estoy usando para que mires cuando te olvides. Te animaré a empezar realmente a usarlos y a memorizarlos. Antes de que te des cuenta los habrás internalizado y diseñado sin siquiera mirar la computadora, los menús, ni nada. Estarás volando usando Photoshop. En la siguiente lección, vamos a seguir adelante y separar nuestros elementos en diferentes capas. 10. Aislar activos de tus recursos: En esta lección, te voy a mostrar cómo aislar tus activos usando la varita mágica. Si dibujas tus activos en Procreate, es posible que ya los tengas en un fondo transparente. Si este es el caso, adelante y encuéntrame en la siguiente lección. Eliminar cuidadosamente todo el espacio de papel blanco nos permitirá la libertad de manipular nuestros elementos individualmente más adelante. En el proceso de aislar sus activos, les voy a mostrar un par de métodos que se utilizan con frecuencia. Creo que cuando se llega a conocer y entender cómo utilizar diferentes herramientas o funcionalidades en Photoshop, se puede empezar a combinarlas de forma creativa o utilizarlas por su cuenta con el fin de lograr diferentes resultados o desarrollar un flujo de trabajo eficiente. Entiendes mejor esto, te voy a mostrar cómo funciona. En primer lugar, vamos a hacer una selección con la varita mágica, después vamos a aplicar una máscara y refinar la selección. Una vez que estemos contentos con cómo se ve, borraremos el fondo. En primer lugar, voy a duplicar mi imagen de fondo haciendo clic derecho sobre ella y seleccionando capa duplicada. Es una buena práctica conservar una copia de tu imagen original en caso de que quieras volver a ella después de modificarla. Ahora, voy a añadir otra capa y llenarla con un color fuerte. Selecciona la “Herramienta de cubo” o pulsa “G”, ajusta el color de primer plano a uno que te guste, pulsa “Ok” y haz clic en cualquier parte de tu imagen. Ya que esto sólo va a servir de guía para cuando borre mis antecedentes, voy a seguir adelante y bloquearlo. Tener un color fuerte debajo de tus activos te permitirá ver si están bien aislados y podrían funcionar bien en un fondo oscuro también. Te voy a mostrar cómo agregar una máscara a tu imagen. Si eres nuevo en esto, podrás entenderlo mejor. En el menú superior, ve a Capa, abajo a Máscara de capa, y tienes Revelar u Ocultar todo. Seleccionemos “Revelar”. Verás que ha añadido una nueva máscara de capa y la imagen se ve exactamente igual. Ahora, si retrocedemos presionando el comando Z y seleccionamos “Capa”, “Máscara de capa”, y “Ocultar todo”, entonces creará una máscara de capa negra. Como puedes ver, ahora, en realidad ha escondido toda la imagen. Al presionar el comando I, invierte el color, intercambiándolo alrededor. Ahora, elimine la máscara presionando el botón derecho sobre ella y presionando “Eliminar máscara de capa”. Tenga en cuenta que también puede desactivarlo, eliminarlo o aplicarlo en este menú desplegable. También puedes crear una máscara de capa desde la parte inferior del panel haciendo clic en este icono. Si mantienes la tecla add, agregará un negro, y como puedes ver, cuando la máscara es negra, puedes ver que oculta nuestra imagen. Esto es muy importante. Si la máscara es negra, oculta la capa, si la máscara es blanca, la muestra. Es importante que recuerdes esto para cuando empieces a usar la máscara y quieras modificarla. Adelante y quitemos la máscara por ahora. Ahora que he explicado cómo funcionan las máscaras, vamos a arreglar el brillo y el contraste de nuestra imagen ajustando los niveles. Esto hará que el proceso de selección del fondo sea mucho más fácil ya que se verá blanco liso y no gris texturizado. Presione el comando L y aparecerá la ventana de niveles. También puedes hacer esto yendo a Imagen, Ajustes, Niveles. Mueve el mango negro para aumentar la profundidad del tono negro y el blanco para fijar el brillo del papel blanco. Cuando tus imágenes han coloreado, el mango medio se utiliza para aumentar la riqueza de color. Una vez que el contraste de tu imagen se ve bien, pulsa “Ok”. Antes de seleccionar nuestro fondo, vamos a volver a comprobar que no hay huecos en los bordes de nuestras imágenes. Si tienes alguna, simplemente selecciona tu herramienta Pincel y ciérrala con cuidado usando el color negro. Vamos a utilizar la varita mágica como herramienta de selección que selecciona píxeles en función del tono y el color, y como ambos son de fondo y el interior de nuestros artículos son de color blanco, es importante revisarlos antes de realizar la selección. Ahora que nuestra imagen tiene un buen contraste y hemos cerrado todos los huecos, podemos seguir adelante y hacer la selección. En el panel de herramientas, seleccione la herramienta “Varita mágica” y asegúrese de que la tolerancia esté establecida en 32. En las opciones de tolerancia se dice a photoshop qué tan diferentes pueden ser otros píxeles en tono y color del área en la que hicimos clic para que se incluyan en la selección. Puedes jugar con este mango y hacer clic en diferentes áreas para entender esto mejor por ti mismo. Haga clic en “Contiguo” para asegurarse de que sólo seleccione su fondo. Contiguo significa que la varita mágica seleccionará los píxeles que se están tocando entre sí y no los que están aislados del fondo. Si desmarcas esta casilla, la varita mágica seleccionará todos los píxeles blancos de tu imagen, incluidos los que están dentro de tus objetos. Para entender mejor esto, intenta comprobarlo y desmarcarlo para ver qué sucede. Da click sobre el fondo blanco y deberías ver tu selección que se está haciendo. Empieza a seleccionar las áreas que ves que no han sido seleccionadas y quieres incluir en tu selección. Esto se puede hacer pulsando “Shift” al hacer clic sobre ellos. Verás aparecer un símbolo más en el lateral de la herramienta cuentagotas al presionar shift. Conforme vamos a enmascarar nuestro fondo para hacerlo invisible, vamos a invertir nuestra selección para seleccionar nuestros activos. Para ello, haga clic en “Seleccionar” en el menú superior, y haga clic en “Inverse” o comando shift I. La selección de la herramienta de varita mágica es genial pero puede ser un poco sucia e imprecisa. Para solucionarlo, haga clic en “Seleccionar y enmascarar” en el menú superior. Si no puedes ver esta opción, asegúrate de que tu herramienta de selección esté activa en la barra de herramientas. Esto nos permitirá ver la máscara antes de añadirla. Con estos mangos, puedes modificar tu selección de muchas maneras. En el menú desplegable del modo de vista, puedes seleccionar muchas formas en las que puedes ver tu máscara. Si cambia su selección y deja el ratón sobre la ventana de vista, aparecerá una explicación de lo que es cada modo de selección. Siempre selecciono la Piel de Cebolla y pongo la transparencia al 100 por ciento. Este modo funciona muy bien cuando tienes un color sólido debajo de la imagen en la que estás aplicando la máscara. Normalmente, en este tipo de imagen en blanco y negro contrastada gráfica, no hay necesidad de refinar demasiado la selección, pero si ves que la tuya luce pixelada, puedes suavizar el borde y luego contrastarlo para ganar definición. Si ves que tienes un borde blanco, muévelo a un número negativo hasta que veas que desaparece. Si quieres poder usar tu patrón sobre un fondo oscuro, entonces no debes tener ningún borde blanco ni píxeles alrededor de tus gráficos. Como puedes ver, mi palma tiene un montón de casitas dentro de ella. Seleccionarlos a mano uno por uno podría llevarme un rato así que usaré otra herramienta de selección y me centraré en las formas más grandes por ahora. Ahora, con todas estas herramientas, te recomiendo jugar con los deslizadores hasta que tu selección se vea mucho más suave y se hayan borrado la mayoría de las imperfecciones. Una vez que estés contento con el aspecto de tu máscara, haz clic en “Ok”. Genial. Ahora, esta selección se está haciendo y es momento de aplicar la máscara. Simplemente haga clic en este icono en el panel de capas, y se aplicará la máscara. Si ves que tus activos han desaparecido en lugar del fondo, simplemente presiona comando eye para invertirlo. Puedes empezar a modificarlo seleccionando las áreas que deseas agregar o borrar, y usar el pincel o el borrador. Estoy bastante contento con cómo se ve mi máscara, aparte de mi palma que tiene todas estas áreas blancas cuadradas. Podría empezar a borrarlos uno por uno o podría mostrarles cómo utilizar otro método de selección para seleccionar luego borrarlos todos a la vez. Para utilizar el método de selección, necesitamos desactivar primero nuestra máscara. Para ello, haga clic derecho en la parte superior de su miniatura y presione “Desactivar máscara”. También puedes pulsar “Shift” y hacer clic en la parte superior de la miniatura. Deberías ver una cruz roja lo que significa que actualmente la máscara no está activa. Ahora, ve a Seleccionar en el menú superior y ve a Rango de colores. Este método de selección te permitirá seleccionar todos los píxeles que sean del mismo color que el en el que has hecho clic. El barra de Fuzziness es muy similar a la opción de tolerancia que vimos antes. Si mueve el mango hacia la derecha, se seleccionarán más tonos del mismo color, y si lo mueve a la izquierda por completo, entonces solo será el color exacto. Se puede ver una vista previa de esta selección que se está haciendo en esta ventana. También está este menú desplegable llamado previsualización de selección que nunca había notado antes. No estoy seguro si no estaba ahí, pero nunca lo he notado. Instalé Photoshop 2019 en mi computadora y podría ser una nueva característica. Permite visualizar esto de cuatro maneras. Yo diría que en este caso, la máscara rápida es la más útil, pero estoy seguro de que diferentes opciones son adecuadas para diferentes necesidades. Si tienes una versión anterior de Photoshop y no puedes ver esta opción, no te preocupes, llevo usando este programa cuatro años, esta es la primera vez que lo noto, y he sobrevivido perfectamente bien sin él. Ya que estamos trabajando con una imagen en blanco y negro, es difícil ver la diferencia. Pero si alguna vez tienes una imagen coloreada, juega con la herramienta de selección ya que puede ser muy útil. Haga clic en el fondo blanco y traiga la borrosa a la derecha. De esa forma, se seleccionarán también todos los tonos de píxeles grises que se podrían unir alrededor de la silueta negra, luego pulsa “Ok”. Ahora, haga clic en la miniatura Máscara para activar de nuevo la máscara, y seleccionando la herramienta “Borrador”, comienza a borrar los cuadrados de las áreas de la imagen que deseas quitar. Recuerda que si tu borrador no funciona, puedes presionar la tecla X para cambiar el color de primer plano y de fondo alrededor para que funcione. Si aún no funciona, comprueba que esté seleccionada la miniatura correcta. Debe ser la máscara y no la imagen. Una vez que estés contento con cómo se ve tu máscara, haz clic con el botón derecho en la miniatura de la Máscara y haz clic en “Aplicar máscara de capa”. Se ha borrado tu fondo y ahora tus activos están aislados. En la siguiente lección, vamos a crear algunas paletas de colores. Deja tus activos a un lado por un momento y descarga el documento de la paleta de colores de Photoshop que te he dejado en la pestaña Proyecto y Recursos. 11. paleta de colores;: color es uno de los elementos más importantes en el diseño, y por eso decidí dedicar toda una lección a estos temas. Elegir paletas de colores limitadas que funcionen increíblemente bien es toda una habilidad por sí sola. Para dominarlo, solo tienes que practicar y experimentar. Limitar tu paleta a cinco o seis colores tiene muchos beneficios. Desde la perspectiva del diseño, tener los mismos colores repetidos a lo largo de todo tu diseño le proporcionará una identidad visual muy fuerte y lo hará lucir armonioso y cohesivo. Si repites los colores a través de diferentes diseños, entonces trabajarán instantáneamente juntos como colección. Desde la perspectiva de producción, limitadas paletas de color pueden reducir costos cuando su patrón se está imprimiendo en grandes cantidades utilizando su técnica de serigrafía. No voy a explicar esto en profundidad, pero es posible que encuentres que ciertos clientes o sitios web suelen estar buscando diseños que tengan una cantidad limitada de colores. ¿ Por qué es tan importante hacer tus paletas tú mismo cuando hay sitios web que te proporcionan unas preparadas? Creo que es sólo cuando comienzas a crear las paletas tú mismo que te conectas con los colores y te sientes identificado con ellos. Qué genial es saber que eres dueño de tus colores, sabiendo que los elegiste tú mismo. En esta lección, les estaré mostrando algunas formas diferentes de abordar el proceso de combinar colores. Te mostraré algunas herramientas que te sacarán de lo que yo llamo la zona de confort coloreada, y te sorprenderás descubriendo nuevas combinaciones que no necesariamente te habrías escogido. Hacia el final de la clase, usaremos las paletas que acordamos en esta lección. Vamos a probar nuestro patrón en diferente color con. Descarga la plantilla de paleta de colores que te he dejado en el proyecto en la pestaña Recursos. Estas serán las principales herramientas que usaremos en esta lección. El varita mágica, pulsa “W” para seleccionarlo y haz clic en la parte superior de cualquier color que quieras seleccionar. Cuando quieras anular la selección, pulsa “Comando D”, G para seleccionar la herramienta Cubo de pintura. Usaremos estos para agregar color a nuestros cuadrados. Yo para seleccionar la herramienta Cuentagotas. Con esta herramienta, podrás seleccionar colores que ya existen en tu lienzo haciendo click en la parte superior de ellos. Cuando la herramienta Cuchara de pintura esté activa, puedes mantener presionada la tecla Alt en tu teclado y cambiará por la herramienta Cuentagotas. Si lo sueltas, volverá a la herramienta Cubo. Por último, el Comando U para abrir la ventana de saturación de matiz y ligereza. Aquí, podrás modificar tus colores como quieras. Usa estos atajos desde el principio ya que harán que tu flujo de trabajo sea mucho más suave. Descarga y abre el documento denominado plantilla de paleta de colores. Encontrarás dos carpetas, paleta y plantilla. Cada una tiene cinco capas, y vamos a añadir color a las de la carpeta de paletas y dejar la carpeta de plantillas para cuando quieras crear nuevas paletas en el futuro. Cada capa contiene cinco cuadrados que se llenarán de color. Vamos a empezar con la forma más básica de hacer nuestra paleta de colores. Desbloquea la primera capa y pulsa “G” para seleccionar la herramienta Cubo de pintura. Presione el color de primer plano. Puedes cambiar el tono de tu color en esta barra vertical, y la saturación y luminosidad en este cuadrado. Tómate tu tiempo eligiendo un color aleatorio que te guste. Una vez que hayas decidido una, pulsa “Ok”. Haga clic en el primer cuadrado para añadirle color. Repita estos pasos para agregar color al segundo cuadrado. Presione “G”, haga clic en el color de primer plano, y comience a mover las asas para explorar diferentes tonalidades. Observe que se puede ver el color actual en esta mitad inferior de este pequeño cuadrado, y luego uno nuevo en la parte superior. Esto hace que sea más fácil ver cómo ambos colores se combinan y se ven cuando están de lado a lado. Una vez que haya encontrado uno que le guste, haga clic en “Ok” y haga clic en la segunda plaza. Repite estos pasos hasta que haya llenado todas sus plazas. Genial. Has creado tu primera paleta de colores. Los colores se influyen entre sí, y es por eso que es [inaudible] registrará estas primera paleta de colores y la hará invisible haciendo clic en este icono de ojo. Crearemos la segunda paleta de colores de una manera ligeramente diferente. Selecciona y desbloquea la segunda capa. Elige un color de primer plano para iniciar tu paleta. Trata de elegir un color que no usaste en el primero. Si hiciste una paleta brillante, de primer color, intenta ir por una pastel o más desaturada, y viceversa. Una vez que hayas elegido tu color, pulsa “Ok”, y haz click en el primer cuadrado. Agrega el mismo color al segundo cuadrado, y los modificaremos mediante el uso de la herramienta de saturación de tonalidad. Para evitar que toda la capa cambie, es necesario seleccionar el segundo cuadrado mediante el uso de la Varita Mágica. Presione “W”, y haga clic en él. Abra la ventana Saturación de tono pulsando “Comando U”. Empieza a jugar con estas asas hasta que encuentres el color que visualmente combina bien con el primero. Encuentro este método más fácil y más agradable ya que puedo ver cómo se ven los colores de lado a lado. Una vez que encuentres uno con el que estés contento, presiona “Ok”. Genial. Has elegido tu segundo color. Ahora, repite el mismo método con los otros tres cuadrados. Presiona “I” para escoger el nuevo color, elige un nuevo color con la herramienta Cuentagotas, luego pulsa “G” para añadirlo al tercer cuadrado. Presione “W” para seleccionarlo con una Varita Mágica y Comando U para abrir la ventana de Saturación de Tono. Modifica el color hasta que estés contento con él, y pulsa “Ok”. Yo a escoger, G a color, W a seleccionar, y Comando U a modificar. Termina con estos otros dos, y habrás creado tu segunda paleta de colores. El tercer método es más como una extensión del segundo. Vamos a copiar todos los colores en el tercero. En lugar de modificar los colores individualmente, modificaremos la paleta en su conjunto. En primer lugar, bloquear la segunda capa para evitar que se modifique. Desbloquea y selecciona el tercero y copia todos los colores existentes en éste. Para ello, utilice estos atajos. G para seleccionar la herramienta Cuchara de pintura, luego mantén presionado Alt en tu teclado para intercambiarla con la herramienta Cuentagotas. Haga clic en el primer cuadrado de la paleta de colores existente para recoger el color. Por último, dar click en la primera plaza de la nueva para copiarla. Repita, presione G para seleccionar la herramienta Cuchara de pintura, mantenga presionada la tecla Alt para intercambiarla con la herramienta Cuentagotas, haga clic en el segundo cuadrado de la paleta de colores existente, y haga clic en el segundo cuadrado de la nueva para copiarla. Practicar este atajos es de nuevo, para copiar todos los colores en la nueva paleta de colores. Trata de recordar todos los atajos ya que hará que tu proceso de colorear tu activo sea mucho más agradable. Una vez que se haya copiado la paleta, haga invisible la segunda capa. Seleccione la tercera capa. Presione “Command U”, y juegue con las manijas. Las combinaciones de colores que aparecen con este método son siempre una sorpresa para mí. Creo que tiendo a elegir colores muy similares a la hora de diseñar y al usar este método, se muestran nuevas combinaciones [inaudibles]. Para las otras dos paletas, intenta combinar estos dos métodos. Elija algunos colores de la ventana de primer plano, elija algunos otros con la herramienta cuentagotas y modifíquelos con un ajuste de saturación de tono. Si ajustas el color a toda la paleta, entonces modifica o cambia los que no estás seguro. Una vez que tengas tu página llena, guarda el archivo en formato PSD y JPEG. Presione “Command Shift S”, cree una carpeta para sus paletas de colores y guárdela bajo el nombre de Paleta de colores 1. Si te estás divirtiendo y quieres explorar con colores un poco más, entonces adelante y haz una segunda página. Puedes cambiar el nombre de la primera carpeta a Paleta de colores 1, bloquearla y hacerla invisible. Duplicar la carpeta de plantillas. Cambiar el nombre a Paleta de colores 2, y llenarlo. Una vez que tu segunda página esté lista, guárdala en JPEG si quieres, y haz una tercera. De esta forma podrás terminar con toda una colección de paletas de colores listas para usar en diferentes proyectos de diseño. En la siguiente lección, vamos a agregar color a nuestros activos con la ayuda de nuestra paleta de colores elegida. Asegúrate de decidir sobre uno antes de reproducir el siguiente video. 12. Colorear recursos tus recursos: En esta lección, vamos a agregar color a nuestros activos usando la paleta que ya hemos creado como guía. Podría ser que quieras cambiar de opinión el cuerpo de paleta mientras colorea tus activos, y eso está totalmente bien, me pasa todo el tiempo. Vamos a colorear nuestros activos de manera no destructiva lo cual te explicaré un poco más tarde. Siéntase libre de cambiar la paleta por otra o probar nuevos colores a medida que avanza. Te sugeriría que mantengas una paleta limitada ya que vamos a separar nuestros colores en diferentes capas hacia el final de la clase, y tener demasiadas podría hacer las cosas un poco más difíciles de seguir. Abra el archivo Conversational Assets y guarde una copia del mismo con un nuevo nombre. Me gustaría guardar una copia de mis activos sin colores por si acaso. Presione Comando Shift S, o vaya a Archivo, Guardar como y guarde el nuevo documento. Voy a salvar la mía como Activos Colorados. Me gustaría llevar mi paleta de colores elegida a este documento para donde voy a hacer un poco de espacio en la parte inferior. En lugar de hacer mis activos más pequeños, voy a hacer que mi lienzo sea más grande. Cuando quieras hacer más grande tu lienzo, Photoshop añade el nuevo espacio, tomando en cuenta el color de fondo. Para que sea blanco, tengo que asegurarme de que el color de fondo en mi barra de herramientas esté configurado en blanco también. Al hacer clic en este pequeño ícono, puedo restablecer los colores a blanco y negro, y luego presionar la tecla “X” para invertirlos. Puedo cambiar las dimensiones de mi lienzo usando dos métodos diferentes. Presione Comando Alt C para abrir el panel de lienzo y cambiar su altura aquí, o puedo hacerlo más grande presionando C para seleccionar la herramienta de recorte de la barra de herramientas y cambiar las dimensiones de mi lienzo orgánicamente, lo cual prefiero. Ya no voy a necesitar esta capa púrpura media así que la borraré seleccionando la capa y haciendo clic en la tecla de retroceso de mi teclado. Tampoco voy a necesitar estos activos originales, así que los borraré también sin deshacerme de la capa de fondo. Presione M para seleccionar la herramienta de marquesina rectangular y cierre sus activos y presione la tecla de retroceso del teclado. Cuando quieras borrar algo en tu capa de fondo, aparecerá esta ventana de relleno. Selecciona “Blanco” en el menú desplegable de contenido y luego pulsa “Ok”. Al cambiar el tamaño de mi lienzo, esta pequeña línea aparece aquí. Lo seleccionaré usando la herramienta de marquesina rectangular, y luego presionaré la tecla de retroceso para borrarlo. Ahora que hemos creado espacio para nuestra paleta de colores, pongámoslo a este documento. Vaya a su documento de paleta de colores y seleccione la paleta de colores que desee utilizar. Una vez seleccionada tu capa, haz clic con el botón derecho en la parte superior de ella y baja a Duplicar capa. Donde dice destino, vaya al documento de Activos Conversacionales y haga clic en “Ok”. Acude a tu documento de Activos Conversacionales, y tu paleta debería aparecer aquí. Colócala en la parte inferior de tu lienzo para tenerlo como referencia. Si trabajas en una laptop o tienes una pantalla pequeña como yo y comienzas a hacer zoom en tus activos, el hecho de que tus colores sean invisibles podría ponerse bastante molesto. Podrías empezar a acercar y alejar para elegir nuevos colores con la herramienta cuentagotas, y perder tiempo de esta manera. Una gran solución a esto es guardar tus colores como muestras y luego tenerlos disponibles todo el tiempo. Para ello, ve a Ventana y baja a Muestras. Para borrar todas estas muestra que aparecen de forma predeterminada, haz clic en la parte superior de este icono de la esquina superior derecha y baja a Administrador de preajustes. Cuando aparezca esta ventana, elija todos los colores haciendo clic en el primero y luego mientras mantiene pulsado Shift en su teclado, haga clic en el último. Ahora, puedes eliminar y hacer clic en “Listo”. Las muestras predeterminadas se pueden restablecer tal como lo eran originalmente seleccionando Restablecer muestras en el menú desplegable. Ahora que nuestra caja de muestras está vacía, vamos a añadir los colores que vamos a usar. Presiona I para seleccionar la herramienta cuentagotas, haz clic en el primer color de tu paleta, y debería aparecer instantáneamente en esta primera muestra de esta línea horizontal. Ahora, pulsa este icono en la parte inferior del panel para guardar esta nueva muestra. Presiona “Ok”, y luego repite el mismo paso con todos los colores. Haga clic en el segundo color y guarde. Si desea guardar esta paleta de colores, puede guardarla yendo a Guardar Muestras en el menú desplegable, y guardarlas en una carpeta de su elección. También puedes eliminar colores que ya no quieras usar haciendo clic derecho sobre ellos y seleccionando Eliminar muestra. Si por casualidad desaparece la ventana del panel, ve a Ventana y elige Muestras en el menú desplegable. la misma forma que me gusta usar máscaras para evitar dañar mis imágenes al borrar su fondo, me gusta usar capa en un modo de mezcla multiplicar al colorear mis activos. Déjame explicarlo mejor. Voy a duplicar mi capa de activos, bloquearla y hacerla invisible, si acaso dañe mis activos mientras explico. Si empiezo a colorear mis activos y cambié de opinión demasiadas veces aplicando colores claros y oscuros, con cada aplicación, mis líneas comenzarán a dañarse. Los tiempos que puedes ir hacia atrás en Photoshop son limitados y así existe la posibilidad de que no puedas retroceder suficientes tiempos para recuperar tus dibujos en cuanto a cómo fueron inicialmente. Voy a borrar esta capa Acabo de dañar y bloquear mi capa de activos para evitar que la use. Adelante y bloquea tu capa de activos también. Si creo una nueva capa en la parte superior y configuro el modo de fusión para multiplicarse, puedo colorear y cambiar de opinión tantas veces como quiera, incluso descartarla sin afectar a mi capa de activos. Lo principal es marcar esta casita ubicada a un costado de Contagioso que dice All Layers. Cuando este modo esté activo, Photoshop leerá todos los píxeles que se muestran en el lienzo como si estuvieran en la misma capa. Ver qué pasa y comprobar, y nada. Agrega colores a toda la capa, ya que por supuesto, no hay nada en ella para contener el color. Si marco la casilla pero entonces Photoshop se olvida las capas y lee toda la imagen como si estuviera en la misma capa. Algo a tener en mente era colorear gráfico con la herramienta de cubo es la tolerancia. Recuerda, ya cubrí esto mientras seleccionaba nuestro fondo blanco con la varita mágica? Cuando se utiliza la herramienta de cubo, hay un escenario similar. La herramienta de cubo rellena espacios que comparten un color y tono comunes, y el número de tolerancia dicta cuántos tonos de ese mismo color se pueden incluir en el área coloreada. Digamos que quieres agregar un color muy oscuro como este azul oscuro a tus activos. Podrías encontrar que no cubre toda la zona por completo y queda un diminuto borde gris en las fronteras. Si hago zoom en mis activos y hago clic en el área blanca, puede ver que hay una fila de píxeles grises que no se están incluyendo cuando el número de tolerancia está establecido en el predeterminado 32. Si aumento mi número de tolerancia a, digamos, 100 y vuelva a hacer clic, empieza a lucir mucho mejor, pero puedo ver que todavía hay un par de píxeles aquí y allá. Pondré el número a 200 e intentaré de nuevo. Como puedes ver, ahora está cubriendo todos los píxeles. Lo mismo vale para cuando estás aplicando un color muy pálido y tus activos tienen un diminuto espacio gris. Si la tolerancia se establece en 200, entonces leerá esos píxeles grises como parte del área lateral de merlán en la que hizo clic, y la pintura se deslizará a través. Si bajas el número, entonces diferenciarás los píxeles grises de los píxeles blancos, y la pintura se detendrá ahí dentro. Colorear mis dibujos en una capa diferente me da la tranquilidad de cambiar los colores tantas veces como quiera. Si mientras colorea tus activos, sientes que quieres agregar colores a tu paleta, siéntete libre de hacerlo. Dejaré algunos de mis activos blancos ya que quiero que el estilo de mi patrón sea bastante limpio. Para colorear mi palma, usaré mi pincel y color encima de ella, agregando algunas líneas y textura. Acercar y alejar constantemente te permitirá ver cómo se están distribuyendo los colores a través de todos los elementos. Sin tu paleta de colores, debes saber que eso es totalmente normal. En realidad estoy empezando a dudar de la mía yo misma. No estoy seguro si es el ocre amarillo, pero hay algo de lo que no estoy muy seguro. En lugar de volver a empezar todo, dejaré esto hasta el final y ajustaré la paleta de colores en la ventana Saturación de Tonos. Es bueno ver cómo evoluciona un diseño y no apegarse demasiado a nada en particular. Diseñar es un proceso muy creativo, orgánico, y así siento que el diseño empieza a guiarte a medida que avanza. Ya he terminado y definitivamente no estoy del todo contento con mis colores elegidos. Entonces abriré la ventana de Saturación de Hue y las ajustaré ahí. Ahí está este maravilloso menú desplegable aquí el cual me permite modificar mis colores individualmente. Esta es una característica asombrosa ya que permite tener mucho más control a la hora de modificar una imagen multicolor. Genial, creo que estoy contento con cómo se ve ahora, así que lo dejaré por ahora. Ahora que he terminado de colorear mis activos, borraré mi paleta de colores, desagrupar mis activos, capa uncolor. Duplicaré el grupo y presionaré Comando E para fusionarlos. De esa manera, puedo mantener los activos y luego colorear la capa por separado, pero aún disponible, y luego uno que tiene las dos capas fusionadas. Haré invisible a mi grupo y lo dejaré para si quiero usar más colores en el futuro. Una vez que tus activos se vean coloridos, únete a mí en la siguiente lección. Vamos a separar rápidamente nuestros activos en capas separadas para poder manipularlos individualmente más adelante. 13. Recursos en diferentes capas: En esta lección, vamos a separar nuestros activos en diferentes capas. Esto nos permitirá trabajar con ellos de forma individual y empezar moverlos alrededor de nuestro lienzo a la hora de componer nuestro patrón repetitivo. Vamos a seleccionar cada elemento, y ponerlo en su propia capa. Para ello de forma rápida y sencilla, utilizaremos la Herramienta Lasso para seleccionarla. Haga clic derecho en la parte superior del elemento, y seleccione “Capa vía corte”. Te recomiendo usar el atajo; Comando, Shift , J, ya que estaremos repitiendo este paso varias veces. Después de tener su elemento en su propia capa, haga clic en el ojo para ocultarlo de la vista. Repita este proceso para cada elemento de la página. Ahora que nuestros activos se ven coloreados y separados en diferentes capas, vamos a dejar a un lado por un momento. En la siguiente lección, hablaré de algunos fundamentos de patrones que es bueno aprender antes de empezar a diseñar nuestro patrón. 14. Conceptos básicos de patrones: Los patrones pueden parecer muy difíciles de hacer. Cuando cubren superficies más grandes, pueden parecer extremadamente complejas, pero en realidad están compuestas de un solo azulejo repetitivo. En la siguiente lección, te estaré mostrando algunas diapositivas y ejemplos mostrando conceptos que son buenos de entender antes de ponerlos en práctica. Hablaré principalmente de tamaño, algo extremadamente importante a la hora de diseñar en Photoshop, y los diferentes sistemas de repetición que puedes usar para crear patrones repetitivos. Esta clase se trata de crear un patrón de repetición, que es algo que puede repetirse infinitamente en cualquier área. Cuando los patrones cubren superficies grandes, pueden parecer extremadamente complejos, pero en realidad están hechos de un solo azulejo repetitivo. Uno de los pasos fundamentales para crear un mosaico repetido es entender los diferentes sistemas repetitivos básicos y cómo hacerlos. Esto puede educar a tu ojo para cuando se trata de crear patrones más complejos y sin fisuras. En esta lección, te mostraré algunos ejemplos de patrones y te explicaré con un par de diapositivas, los diferentes sistemas de repetición. En el siguiente, seguiremos adelante y los practicaremos. En primer lugar, hablemos de talla. Cuando diseñas en Photoshop, es importante pensar en para qué te gustaría usar tu patrón e intentar diseñar en consecuencia. A lo largo de mi carrera profesional, me han solicitado principalmente los clientes diseñar en estos formatos. Ocho por ocho centímetros, 16 por 16, 32 por 32 y 64 por 64 centímetros. Estos tamaños son una función de la circunferencia del cilindro que algunas fábricas utilizan para imprimir, pero pueden variar dependiendo de dónde vivas. Puedes tomarlos como referencia, pero vamos a referirnos a ellos como pequeños, medianos, grandes y enormes. El tamaño de tu lienzo no sólo tiene un efecto en la característica de tu diseño, sino que también puede hacer que el proceso de diseño mucho más eficiente si sabes lo que buscas. Cuando estás haciendo un diseño muy simple con un elemento pequeño, tiene más sentido ir por un lienzo más pequeño. No tiene sentido invertir mucho tiempo y esfuerzo cuando el sistema de repetición hará el duro trabajo por ti. Si en lugar de uno, quieres usar tres elementos, entonces un formato medio sería suficiente para que se viera bien. Elegir un tamaño de lienzo que se adapte al look que quieres lograr definitivamente te hará más eficiente a la hora de diseñar. Este es un patrón de luna y estrella, que hice hace un par de años. En ese momento, elegí un lienzo grande enseguida, pensando que iba a ser mucho mejor y se vería más profesional. Ahora, después de haber trabajado en la industria durante años, habría ido totalmente por uno mediano. Habría tardado la mitad del tiempo en hacer la repetición y cuando comparas ambas impresiones, realmente no puedes notar mucha diferencia entre las dos. También es importante tener en cuenta la escala de los elementos con los que diseñamos. Este estampado de gato es un buen ejemplo de cómo imprimir usando el mismo tamaño de lienzo puede verse diferente en escala. Para practicar los fundamentos, usaremos un lienzo mediano, y solo al diseñar con otros elementos raros, pasaremos a uno grande. Ahora echemos un vistazo a algunos fundamentos de repetición diferentes. Repetir patrón de bloque. El patrón de repetición de bloques es uno de los más simples de otros sistemas. Esto lleva el bloque de repetición original a un formato de cuadrícula para cubrir toda el área. Es más comúnmente utilizado como una unidad cuadrada, pero también puedes usar un rectángulo para esto. Una repetición de patrón de media gota es común dentro de diseños menos formales. Este tipo de patrón se hace apilando la unidad repetida en una columna y alterando esto a la mitad en la siguiente columna. Repetir patrón de ladrillo. El ladrillo repetido es similar a la media gota, pero está atascado horizontalmente en lugar de verticalmente, tal como se vería comúnmente en albañilería. Esto ayuda a romper el diseño y también a hacerlo parecer menos formal. patrón de una manera o direccional tienen longitudes fuertes de elementos que corren ya sea vertical, horizontalmente o diagonalmente. Dos patrones direccionales son similares a los patrones unidireccionales, pero son reversibles ya que corren tanto horizontal como verticalmente. Se puede ver una repetición multidireccional desde cualquier dirección. Cuando coloca los elementos en diferentes direcciones, el diseño del patrón no parece tener una dirección específica. Este tipo de diseños son geniales para imprimir tela, tiene que se puede cortar y utilizar desde cualquier punto lo que evita el desperdicio de tela. Ahora que hemos cubierto los fundamentos básicos del patrón, los vamos a practicar. En la siguiente lección, te mostraré el método y atajos que utilizo al hacer cualquier tipo de patrones. 15. Practicar los fundamentos: Aquí es donde comienza la verdadera diversión. Diseñar o repetir el azulejo puede parecer bastante desalentador para empezar, pero una vez que lo cojas, serás un profesional en poco tiempo. Todo el mundo tiene un enfoque diferente para hacer patrones y eres bienvenido a experimentar tú mismo. Te voy a enseñar el método que ha estado funcionando más para mí en los últimos años cuando he estado usando Photoshop. Te sugiero que descargues el documento de fundamentos practicantes que te he dejado en la galería de Proyectos y Recursos y sigue la lección con él. Podrás seguir exactamente lo que estoy haciendo sin ningún problema. Después de ver cómo se hace cada patrón, eres bienvenido a repetir los ejercicios pero usando elementos propios. Por supuesto, si sientes que quieres usar tus elementos desde el principio, entonces ve por ello. Te explicaré en un par de diapositivas cómo vamos a hacer el patrón de repetición para que entiendas el método Layer via Cut. Nuestro dibujo elegido está en el centro de nuestro lienzo. duplicaremos y lo colocaremos en el lado superior para que la mitad superior esté en el área exterior. Ten en cuenta que en estas diapositivas, te estoy dejando ver lo que hay fuera del lienzo pero en la práctica, no podrás verlo. Después seleccionaremos lo que hay dentro de nuestro lienzo y presionaremos “Layer via Cut”. Esto dividirá nuestro dibujo en dos capas diferentes y así podremos modificarlas individualmente. Moveremos la parte que se ha dejado fuera del lienzo a la parte inferior del mismo y luego fusionaremos las dos capas para asegurarnos de que cuando movamos una de las dos partes, la otra también se moverá. Para crear la repetición en el lado horizontal y llenar las esquinas, moveremos el objeto hacia un lado y repetiremos el mismo proceso. Selecciona lo que hay dentro del lienzo, pulsa “Capa vía Cortar”, mueve lo que queda fuera hacia el otro lado y nuestro mosaico de patrón repetido estará listo para convertirse en un patrón. Ahora sigamos adelante y practiquemos exactamente lo que acabamos de ver. Descarga el archivo Práctica y Fundamental en tu computadora. Si lo prefieres, también puedes abrir un nuevo documento de ocho centímetros y colocar uno de tus elementos dentro de él. Simplemente ve a “Archivo”, “Nuevo”, selecciona los centímetros del menú desplegable, pon ocho aquí y comprueba que la resolución esté ajustada a 300 dpi. Elige un nombre para él y guárdelo en tu computadora. Es en este punto donde tener una cinta métrica o una regla a tu lado podría ser útil. Abrir los archivos Fundamentos de Práctica en Photoshop. Se cuenta con un grupo con tres capas, un paraguas, un sol, y un poco cuadrado de 3.8 centímetros que usaremos como guía a la hora de crear el patrón de repetición de bloque en un par de minutos. Para crear estos patrones, puedes usar estos elementos o usar los tuyos. Duplique el objeto que desea utilizar del documento Activos coloreados o simplemente arrástrelo de un documento a otro. A partir de ahora, estaremos usando todos los atajos que vimos en la lección de atajos muy a menudo. Si sientes que te estás perdiendo, entonces vuelve a ella o descarga la página de atajos que te dejé en la galería de Proyectos y Recursos. Antes de que siquiera empecemos, comprueba que tengas estas dos cosas activas. Ve a Ver en el menú superior, y abajo a Snap. Esto te ayudará a colocar tus elementos en el borde de tu lienzo y View, Show, Smart Guides. Esto será útil a la hora de colocar tus elementos dentro de tu lienzo. Ahora ya estamos listos para empezar. Duplica la capa de paraguas presionando y sosteniendo en tu teclado y colócala fuera del grupo. Cierra el grupo, y hazlo invisible. Si necesitas transformarlo, presiona Command T en tu teclado y mueve los mangos para ajustarlo. Presiona y mantén presionado Alt en tu teclado y arrastra el elemento hasta la parte superior de tu lienzo para duplicarlo de modo que la mitad superior quede afuera. Presione M para seleccionar la herramienta Carpa rectangular y seleccione lo que hay dentro. Presiona el comando “Capa vía Cortar” para dividir tus dibujos en dos capas diferentes. Al hacer esto, se crea una nueva capa que contiene la selección en la parte superior. Puede comprobar esto haciendo que sus capas sean visibles e invisibles, o presionando el comando T para ver qué capa contiene qué. Selecciona la capa inferior que contiene la parte que está fuera y mientras presionas shift en tu palabra clave, muévala al otro lado de tu lienzo. Fusiona las dos capas para asegurarte de que cuando muevas una de las dos partes, la otra también se moverá. Ahora has creado la repetición vertical. Para crear las esquinas, vamos a repetir el mismo proceso, pero al otro lado. Mueve el paraguas dividido a la esquina para que la mitad esté afuera. Si presionas Comando T y lo mueves, podrás ver el borde medio de tus objetos y colocarlos exactamente en el medio. Estos podrían ser útiles bajo ciertas circunstancias. Selecciona lo que hay dentro del lienzo con la herramienta Selección de marquesina, pulsa “Capa vía Cortar”, mueve lo que queda fuera hacia el otro lado. Si no estás seguro de si tus objetos están alineados con los bordes de tu documento, acércate tanto como puedas y comprueba que no haya píxeles blancos en los lados. Si las hay, usa las flechas de tu teclado para mover tus motivos hasta que toquen los bordes. Una vez que termines, puedes fusionar las dos capas para que las cuatro esquinas estén juntas. Agrupe las capas y nombre al patrón simple del grupo. Habrás hecho tu primer azulejo repetido. Ahora vamos a convertir nuestro azulejo repetido en nuestro patrón. Vaya a la pestaña Editar en el menú superior y abajo a Definir patrón. Puedes nombrar tu patrón si lo deseas, y pulsar OK. Para visualizar el patrón, abra un nuevo documento A4. Una vez abierto, haz clic en el icono ubicado en la parte inferior del panel de capas y baja a Patrón para crear una nueva capa de campo. En la ventana de escala, podrás visualizar tu patrón a cualquier escala. Me gusta visualizar siempre mi patrón al 50 por ciento ya que hace fácil detectar cualquier repetición y agujeros obvios, sobre todo cuando se trata de crear más patrones de contexto. Una cosa que me gusta hacer al crear y probar patrón es dividir mi ventana en dos verticales. Si vas a Ventana, Organizar, y haces clic sobre 2 vertical arriba, podrás ver tu mosaico repetido y patrón repetitivo al mismo tiempo. Si estás trabajando en una laptop como yo, podrías sentir que el espacio para diseñar no es suficiente para funcionar cómodamente. Lo bueno es que al presionar la tecla F en tu teclado, podrás cambiar tu modo de pantalla del modo de pantalla completa al modo pantalla estándar y solo tener este modo activo cuando estés probando y comparando tus patrones. Ten en cuenta que si tienes más de dos documentos abiertos, aún puedes mover las pestañas de un lado a otro y solo dejar visibles las con las que quieras trabajar. Simplemente presiona F para trabajar en tu patrón, y luego F cuando quieras probarlo. Repetir patrón de bloque. Para crear el patrón de repetición de bloque, vamos a escalar nuestro documento hasta 16 centímetros por 16. Puedes hacerlo yendo a Imagen, Tamaño de lienzo, y ajustando el tamaño aquí o pulsando Comando C. Recuerda que siempre que tengas dudas sobre el tamaño de tus elementos, puedes medir tu elemento en Photoshop y luego agarrar su cinta métrica para ver cuál es el tamaño real. Si no recuerdas cómo hacerlo, vuelve a la sección de accesos directos y verifica. No puedo recalcar lo importante que es esto a la hora de diseñar, sobre todo cuando quieres imprimir tus diseños. Ha habido innumerables tiempos en los que he diseñado sin tener las medidas en mente y después he tenido una terrible sorpresa al imprimirlo. Podrías pensar que estás diseñando una escala muy grande cuando en realidad estás diseñando pequeño. Esto puede ser muy frustrante, sobre todo cuando diseñas pequeño y quieres ampliarlo ya que perderá resolución. A partir de ahora, nuestros archivos podrían empezar a tener más de cuatro o cinco capas. Como mencioné en el capítulo anterior, muy raramente los nombro ya que realmente no tiene sentido para mí. Recuerda que puedes usar el icono de selección automática en la barra superior para seleccionar tus objetos haciendo clic en ellos. También puedes presionar Command y hacer clic y arrastrar el ratón para encerrar las capas que quieras elegir. Ahora empecemos nuestro patrón. Hacer visible el grupo, desbloquearlo, arrástrelos por la capa fuera del grupo más mantener presionado Alt para duplicarlo. Hacer visible la capa guía. Ahora transforma el tamaño de tu dibujo para que quepa en la caja. Tenemos que asegurarnos de que nuestro objeto tenga el tamaño correcto para que podamos ajustarlo hasta cuatro veces vertical y horizontalmente en 16 centímetros. Para aquellos de ustedes que han creado su propio documento, pueden comprobar el tamaño de su elemento presionando Comando T y ajustando el tamaño de su borde más largo aquí para que sea de 3.8 centímetros o menos. Si se muestra otro tipo de medición como píxeles o pulgadas, luego haga doble clic en la parte superior de la ventana y seleccione centímetros. Ahora vuelve a bloquear el grupo y hazlo invisible. Presiona y mantén presionado Alt mientras arrastras tus objetos horizontalmente para duplicarlo cuatro veces. Queremos que nuestro patrón se vea bien por lo que necesitamos asegurarnos de que los espacios entre nuestros artículos sean iguales. Podríamos intentar hacerlo a ojo, pero entonces el espacio en cada lado del lienzo sería difícil de adivinar. Para hacer esto bien, vamos a utilizar la herramienta Distribuir que Photoshop nos proporciona. Tenga en cuenta que estos iconos sólo serán visibles cuando se seleccione el icono de movimiento en la barra de herramientas. Para poder distribuir los espacios entre nuestros elementos por igual, tendremos que dividir primero nuestro elemento por los lados. Coloca tu primer objeto para que la mitad sea invisible y fuera del lienzo. Seleccione la parte interior del objeto con la herramienta Carpa rectangular, pulse “Capa vía Cortar” y la parte que esté visible se colocará en la nueva capa en la parte superior. Seleccione la capa inferior que se ha creado, presione V en la parte superior del teclado para seleccionar la herramienta móvil y mientras mantiene presionado Shift para mantener el borde horizontal, arrástrelo hacia el otro lado. Ahora selecciona todos los objetos pulsando la tecla Comando mientras arrastras y encierras todos tus elementos para seleccionarlos de una manera fácil. Haga clic en este icono para distribuir el espaciado horizontalmente de manera igualitaria. Ahora que tus elementos están distribuidos, puedes igualar las capas. Ahora vamos a crear la repetición vertical. Presiona y mantén presionada Alt y duplica tu capa cuatro veces. Mueve la capa superior para que la mitad de ella se coloque fuera del lienzo. Selecciona la parte interior con la herramienta Carpa rectangular, pulsa el atajo “Capa vía Cortar”, selecciona la capa inferior, mantén pulsado shift y arrastra la parte superior hasta la parte inferior de tu lienzo. Selecciona todas las filas y pulsa “Distribuir verticalmente”. Si no sabes si tus activos están tocando el costado de tu lienzo, acércate y comprueba que no haya píxeles blancos en los bordes. La función Snap ayuda a adjuntarlo a los bordes del documento, pero a veces no funciona bien y por eso siempre es bueno comprobarlo. Genial, has creado tu repetición de patrón de blog. Ve a Editar, Definir patrón, Ok, y vamos a presionar “F” para cambiar nuestro modo de pantalla para poder visualizarlo en la otra ventana. Haga doble clic en la capa de campo de patrón y seleccione el nuevo patrón en este menú. Puedes empezar a comparar los patrones que estamos haciendo en el menú desplegable al hacer clic en la miniatura Patrón. Recuerda que puedes usar diferentes elementos para realizar estos ejercicios. Si haces esto, al final de esta lección, habrás diseñado seis patrones que podrían funcionar como una pequeña colección. Después de revisar todo el patrón, vuelve a tu documento y haz que se repita un grupo con un bloque para que podamos volver a usarlo tal como está. Patrón de media gota Repetida. Haga clic con el botón derecho sobre el grupo Repetir bloque, abajo a Duplicar, y cambie el nombre aquí a Media Drop Repetir. Fusionar todas las capas juntas. Seleccione la segunda y cuarta fila con la Herramienta para marquesina y pulse “Capa vía corte”. Mueve las capas para que cada elemento se coloque entre los demás. Tienes dos maneras de seguir adelante. Puedes seleccionar lo que hay dentro y presionar “Capa vía Cortar” y mover lo que hay fuera hacia el otro lado o porque estas capas ya funcionan como un mosaico repetitivo, puedes duplicarlas sosteniendo o restarlas, para luego fusionarlas. Con el segundo método, puedes mover la fila hasta que te vean bien. Ahora ya sabes cómo convertir el azulejo repetido en un patrón, ve y echa un vistazo. Se repite el patrón de ladrillo. Duplicar nuevamente el grupo de repetición de bloque. Repita lo que ya hicimos, pero en lugar de hacerlo verticalmente, hazlo horizontalmente. Fusionar todas las capas, seleccionar dos de las líneas y cortarlas en otra capa utilizando el atajo “Capa vía Cortar”. Se moverá la capa hacia los lados para que cada paraguas se encuentre entre los otros, no tendremos ningún paraguas que cortar, y por lo tanto, será mucho difícil calcular la distancia. En este caso, prefiero duplicarlo aguantando, mientras lo arrastro y lo fusiono, entonces puedo mover toda la línea hasta que me guste cómo se ve. Convierte tu azulejo de Brick Repetit en un patrón y ve a comprobarlo. Dos direccionales. Hasta ahora, ha sido bastante fácil hacer los patrones repetitivos. Se ha estado simplemente duplicando elementos en practicar la repetición de Capa Vía Corte. Cuando comienzas a usar más de una dirección o elemento, el nivel de dificultad aumenta un poco. Vamos a hacer un patrón de dos direccionales volteando algunos de los elementos verticalmente. Como acabamos de hacer la Repetición de Brick, duplicemos a todo el grupo, cambiemos su nombre y trabajemos con lo que tenemos. Intentemos voltear las dos filas que ya movimos pulsando “Comando T” en tu teclado, haz clic con el botón derecho en la parte superior de ellas y luego bajando a Voltear verticalmente. Si estás usando uno de tus elementos y tu patrón se ve bien, genial. Con mi patrón, estoy notando algo que no está del todo bien. Aquí es donde las cosas pueden ponerse complicadas y tendrás que empezar a estar al tanto de la composición. Al voltear estas dos capas alrededor, todos los palos terminaron juntos creando un efecto de línea horizontal de herramienta. Convertiré esto en un patrón para que lo veas con claridad. Cuando pruebes tu patrón y lo pruebes a muy pequeña escala, estos serán visibles a la vista casi al instante. Podría ser que te dé algún tipo de ideas para probar, pero entonces es bueno hacerlo más obvio y hacer que parezca como si lo hicieras intencionalmente. Voy a borrar el grupo que no funcionó y en esta ocasión voy a duplicar la media gota repite para probar con este. Agarremos dos de las filas y las transformemos verticalmente. Aunque sienta que funciona mucho mejor, todavía hay un efecto visual con el que no estoy del todo contento. Podría deberse a la posición de la parte superior del paraguas en relación al palo que no parece funcionar completamente. Veré qué pasa si también volteo los artículos horizontalmente. Mucho mejor. Convertiremos esto en un patrón y veamos cómo se ve. Aquí puedes comparar patrones antiguos y nuevos patrones. Multidireccional. Un patrón multidireccional podría parecer más difícil de componer pero si intuitivamente sigues una estructura similar como una media gota o un patrón de repetición de ladrillo, será muy fácil de hacer. Duplicemos el paraguas del grupo inicial de Práctica y lo encajemos en la guía. Presione “Comando G” para crear un grupo con él y nombra Patrón Multidireccional. Colocaré mis elementos a ojo siguiendo el esquema de media gota o Brick Repetit. Una vez posicionadas, empezaré a rotarlas y a crear la repetición en los sitios. Se puede utilizar una función de distribución o calcular las distancias a ojo. Recuerda fusionar siempre los elementos divididos para que se muevan al mismo tiempo. Para crear el resto del patrón, solo duplicaré lo que ya he hecho y rotaré el resto de los elementos. Si tienes tus capas fusionadas, puedes usar la Herramienta Lazo para seleccionar cada elemento y usar la capa mediante atajo de corte para colocarla en su propia capa o girarla justo donde esté. Espero que me puedan seguir como ya hemos hecho este proceso exacto varias veces. El proceso siempre está seleccionando los elementos a un lado con la Herramienta para marquesina aplicando la capa mediante atajo de corte y moviendo lo que hay fuera del lienzo hacia el otro lado. Recuerda fusionar siempre los elementos divididos para que se muevan al mismo tiempo. Tener tu pantalla así te permite comparar tanto tu mosaico repetido como tu patrón mientras estás uno al lado del otro. Esto puede ser muy útil a la hora de diseñar patrones más complejos. En este punto de este patrón, me gustaría introducir un segundo elemento. Si estás usando tus propios elementos, sugeriría que sea más pequeño que el primero. Úsalo como cumplido y empieza a ponerlo en los espacios vacíos. Ahora es muy visible cómo ha utilizado el esquema Brick o Half Drop Repeat para crear esta composición todo el tiempo. Una vez que se llenen los huecos, convierte el archivo en un patrón y echa un vistazo. Después de haber terminado, puedes empezar a guardar tus patrones en formato JPEG o TIFF ya que estarán listos para imprimir. Guarda tu archivo también en formato PSD. Si quieres evitar que ocupe demasiado espacio en tu computadora, asegúrate de borrar las capas que no estás usando. Espero que esta lección te deje sintiéndote como un profesional al usar el Layer Via Cut y otros atajos y te brinde algunas herramientas sólidas para crear patrones estructurados y equilibrados en el futuro. Eres bienvenido a volver a pasar por esta lección, usando tus propios elementos. Cuanto más practiques, más internalizarás estos atajos. Si vuelves a pasar por esta lección, piensa en qué tamaño quieres que sean tus patrones. No necesariamente tienes que usar un documento [inaudible] y tu patrón puede ser mucho más grande. Si quieres diseñar una cortina de ducha, digamos, entonces ve por algo más grande. Si quieres que tus patrones se usen como complemento en un bolsillo o en una taza, entonces los tamaños que hemos visto probablemente estén bien. En cualquier caso, intenta tener en cuenta el tamaño antes de empezar a diseñar. Mide tus elementos en Photoshops y compáralos con tu cinta métrica. Si no estás 100 por ciento seguro de lo que quieres, entonces ve por un tamaño más grande y cambia el tamaño más tarde. Patrones simples pueden ser un gran complemento a partir de la hora de diseñar colecciones y si utilizas diferentes activos para cubrir los diferentes ejercicios, tendrás una mini colección de seis u ocho al terminar el Practicando los Fundamentos lección. Me gusta guardar mis archivos en formato JPEG ya que creo versos de ellos. Ya he hablado de cómo guardar tus archivos en la lección de atajos, pero si quieres escuchar más al respecto, puedes saltar rápidamente a la lección Exportar patrones, y luego volver a esta. Si vuelves a hacer estos ejercicios con tus propios activos y los guardas adecuadamente, los tendrás listos para usar al final de esta clase. Si haces tus propios patrones a lo largo de esta clase, compártelos con nosotros en la Galería de Proyectos y Recursos como me encantaría verlos. En la siguiente lección, vamos a crear nuestro primer patrón con todos nuestros elementos. Lo haremos de manera estructurada y verás lo fácil que es. 16. Crear un patrón estructurado: Esta clase se trata de darte los conocimientos y las herramientas que necesitas para crear patrones repetitivos. Es por ello que decidí crear dos lecciones mostrándoles dos enfoques diferentes para crear un punto de patrón similar de los mismos elementos. Usé estos dos métodos de una manera muy instintiva. Dependiendo de la situación, creo que es bueno mostrarles a ambos, que puedan elegir el que más les convenga. Estas lecciones y la siguiente van a ser un poco diferentes a las demás. Ya te mostré de una manera muy detallada cómo crear patrones repetitivos en la lección anterior. En lugar de narrar paso a paso lo que estoy haciendo, primero me filmo y luego analizo los pasos que di. Me enfoco en mostrarte el método, la composición que tenía en mente a la hora de posicionar mis elementos a ojo, y algunos problemas a los que me enfrento al diseñarlo. Lo primero que siempre hago al crear un patrón de cualquier tipo, es duplicar la carpeta que contiene mis activos originales. Es muy importante hacer esto, ya que podría haber un punto en el que podría volver a necesitarlos después de que se hayan fusionado con otros elementos. Mi patrón se hizo siguiendo la estructura de repetición de ladrillo, y así decidí organizar mis artículos desde el principio. Algunos elementos son más grandes y pesados que otros, y así separé los elementos grandes de los pequeños, y los coloqué en diferentes grupos. Usar grupos cuando se trabaja es muy importante. Como saben, muy raramente nombro a mis capas, pero siempre me aseguro de intentar mantener mis grupos organizados. Para crear la estructura principal, utilizo los elementos más grandes, por lo que solo dejé visible ese grupo. Trabajo primero con los elementos grandes, siguiendo la composición de ladrillo para crear una estructura fuerte, bien compuesta. Ya hicimos esto en la lección anterior al diseñarlos patrón multidireccional, y así supongo que tienes una idea de cómo hacerlo. Al colocar los elementos, me aseguré de usarlos todos, y una vez que se colocaron correctamente, empecé a rotarlos. Después empecé a duplicarlos, asegurándome de no colocar dos de los mismos elementos uno al lado del otro. También estaba siendo consciente de la dirección que cada uno de ellos enfrentaba para asegurarme de que la composición funcionara bien en todos los sentidos. Una vez que se exhibieron, trabajé en la repetición vertical. Primero decidí cuál de los elementos se vería mejor en relación con los demás. giró, y luego los fusionó en una sola capa para aplicar la capa mediante atajo de corte a todos al mismo tiempo. Como siempre, moví la parte exterior al otro lado y las fusioné para que funcionaran como uno. Una de las partes más complicadas de crear una repetición son las esquinas ya que tienen que trabajar tanto horizontal como verticalmente. Normalmente hago un lado primero y luego el otro. Si no recuerdas cómo hacer esto, vuelve a la lección anterior y haz el primer patrón donde vimos cómo hacerlo. Al estar teniendo en mente la repetición de ladrillo, decidí repetir los elementos horizontales individualmente ya que esto me permitiría distribuir las líneas por separado. Recuerda siempre fusionar los elementos que divides para evitar que se muevan por separado. Si esto sucede, lo notarías en la repetición, y así es bueno evitarlo de inmediato asegurándote de que ambos medios estén en la misma capa. En este punto me he confundido un poco. El ladrillo repetido fue muy claro y de repente no lo fue. No me di cuenta de que al ajustar el espaciado entre los elementos superior e inferior, movía toda la línea y no estaba alineada a la tercera capa, sino a la segunda. Me tomó un tiempo entender lo que estaba pasando, pero una vez que noté el error y lo moví, entonces todo volvió a tener sentido. Estas cosas pasan todo el tiempo. A veces se mueve un elemento o un bloque de ellos, y de repente lo que tenía sentido antes parece ser un completo desastre. En estos casos, lo mejor que puedes hacer es parar y dar un paso atrás para tratar de averiguar qué pasa. Si comienzas a mover demasiado las cosas, terminarás usando mucho más tiempo que si te tomas un momento para pensarlo. Después de que se colocaron todos los elementos, cambié una pareja por ahí con otros ya que estaban uno al lado del otro. Como acabas de ver, alejé un poco mi brújula, ya que esto me ayuda a tener una mejor mirada a la composición en su conjunto. Después de ser feliz con el aspecto de la misma, lo convertí en un patrón para asegurarme de que la estructura central de mi patrón se viera equilibrada. Consulta siempre tu patrón en una escala muy pequeña para ver cómo funcionan. No te preocupes demasiado por las cosas menores ya que probablemente no las encuentres cuando el patrón se imprime al 100 por ciento, pero si hay algo que es demasiado obvio, entonces tendrías que volver atrás y modificarlo. Después de comprobar mi patrón era bueno, regresé, bajé la opacidad de todo el grupo y lo cerré. Bloquear el grupo me impediría mover correctamente los elementos que ya estaban desplazados, y bajar la opacidad me permitiría trabajar en el resto sin confundirme. Empecé a colocar estos elementos más pequeños alrededor de los grandes, sintiendo los espacios en blanco. Si estás usando palabras, ten cuidado al cambiar las cosas horizontalmente, ya que podrían terminar reflejadas al imprimirlas si no lo haces correctamente. A mí me gusta mucho trabajar de esta manera ya que es muy probable que la composición funcione apropiadamente desde el principio. Diseñar un patrón es simplemente mover activos hasta que funcionen bien, y toda la obra de arte se ve como un balance completo. Una de las cosas más probadas a la hora de crear patrones, divertidos que suene, es tu paciencia. Una vez que mi patrón se ve terminado, establecí la opacidad de los elementos grandes en un 100 por ciento, y convertí el dicho en un patrón. Aunque pensara que el patrón estaba bastante bien equilibrado y compuesto, había algunas áreas menores que pensé podrían beneficiarse de algunos pequeños elementos en él. Es genial poder comparar tanto tu patrón como tu peaje para detectar dónde están los agujeros o problemas. Una vez que modifiques algo convierte tu peaje en un patrón de nuevo y echa un vistazo. Una vez que hayas terminado, guarda tu patrón en formato PSD y lo exportaremos en la lección de exportación de nuestro patrón. Espero que hayas podido seguir esta lección, y así los beneficios de analizar el proceso creativo por el que pasé al hacer mi propio diseño. Creo que es importante para ti obtener una perspectiva más amplia del proceso y no sólo el detalle paso a paso. En la siguiente lección, les mostraré un segundo enfoque para diseñar una repetición en patrón utilizando los mismos elementos. 17. Crear un patrón orgánico: Por mucho que me gusta trabajar de manera organizada, hay muchas veces en las que me acerco a repetir patrones de una manera más orgánica y freestyle. Hacer patrones de esta manera es muy divertido, es como resolver un rompecabezas donde todos los elementos tienen que encajar bien entre sí. Como siempre, lo primero fue duplicar el grupo que contiene mis activos originales para usar más adelante. Esta vez, no separé los elementos pequeños y grandes y trabajé con todos ellos al mismo tiempo. Empecé a arreglar los elementos de una manera en la que encajarían bien juntos. Este es un proceso divertido que me gusta mucho. Siento que estoy haciendo un rompecabezas o jugando un juego. Se trata de transformar los elementos, girarlos, voltearlos horizontal y verticalmente hasta que encajen. Una vez que usé todos los elementos y me gustó cómo se mostraban, duplicé todo el grupo para poder usarlo de nuevo. Ahora, presta atención porque esta es otra forma de trabajar que utilizo mucho. Fusioné uno de los grupos y creé su repetición horizontal con todos los elementos al mismo tiempo. Después de volver a comprobar que los bordes estaban correctamente colocados, bajé la opacidad y luego la cerré. Hice esto para poder diferenciar los elementos que ya se habían utilizado de los nuevos. Usando el grupo que antes había duplicado, empecé a mover mis activos para que encajaran, asegurándome de equilibrar los elementos grandes y pequeños a su alrededor. Como ya había creado mi patrón estructurado, y noto que la palma destaca más a la vista, me aseguré de colocar esto de manera equilibrada y no duplicarlo demasiadas veces. Una vez que se llenó el hueco medio, fusioné todos los elementos y creé la repetición vertical. Un mejor paso a dar probablemente habría sido duplicar primero el grupo y luego fusionar todos los elementos para guardarlos en capas separadas. Por suerte, había configurado la carpeta original y así pude usar esas para llenar el hueco medio. Estas son cosas en las que comienzas a pensar después de diseñar muchos patrones. Es increíble cómo tus habilidades de composición tienden a subir de nivel cuanto más practicas hasta el punto de que casi siempre lo consigues bien desde el principio aunque no estés usando ningún tipo de estructura. Para llenar el espacio vacío medio, decidí colocar todos los elementos en la parte inferior de la página. Esto me permitió ver la brecha y tener todos los activos separados disponibles y listos para usar. Una vez que se llenó el hueco, creé nuevamente la repetición horizontal y comencé a construir la zona media. Me di cuenta de esta zona aquí, que es muy común que estamos trabajando de esta manera, y usar una herramienta de lasso y borrador modificarla. Decidí seleccionar y duplicar los elementos que quería usar en lugar de usar el grupo de activos originales. También podría haber bajado la opacidad de la capa repetida y bloqueado. Pero pensé que mostrar los elementos separados con una repetición en segundo plano podría haber sido muy abrumador y confuso. Preferiría seleccionar los que quiero usar usando la herramienta de lasso y usar capa por un atajo de copia para duplicarlos en una nueva capa. Vi que esta cuchilla de rodillo se colocaba exactamente de la misma manera que la de arriba. Por lo que uso un lasso y una capa por un atajo de corte para cambiar su posición. Si necesita borrar, mover o hacer espacio para otros elementos, o hacer espacio para otros elementos, utilice un Lazo y una capa mediante un atajo de corte o copia. Es importante tomarte tu tiempo observando el patrón. Una vez que termines ve si puedes detectar cosas que no están funcionando bien o agujeros que necesitan llenarse. Siempre lleno los espacios grandes con elementos grandes y luego empiezo a llenar los huecos con los más pequeños. Una vez que hayas terminado, comprueba que tu patrón se vea equilibrado, y modifica las cosas si es necesario. Espero que a estas alturas tengas una base sólida para crear patrones repetitivos. Se pueden utilizar estos atajos y métodos, no sólo para conversacionales sino para cualquier tipo de patrones. En la siguiente lección, vamos a separar nuestros colores en diferentes capas utilizando técnicas de selección más avanzadas. Presiona Comando S para guardar tu patrón y encuéntrame en la siguiente lección. 18. Colores en diferentes capas: Para poder probar nuestro patrón en diferentes colores, primero tenemos que separar cada uno de ellos en su propia capa. En esta lección, te mostraré algunas técnicas avanzadas de selección, y te guiaré a través de los posibles escenarios desafiantes que podrías encontrar. Cada caso podría ser un poco diferente y podrás juzgar cuándo usar ciertos métodos y cuándo usar otros. Con un poco de paciente, tendrás éxito en separar tus colores en diferentes capas. Escogeré el patrón que creé de manera orgánica en la lección anterior. Guardaré este patrón con un nombre diferente y crearé una carpeta llamada colorways, y guardaré el archivo como colorway1.psd. Dejé entrar esta carpeta aquí la cual voy a borrar. Sé que tengo un archivo guardado como activos separados donde puedo encontrar todos los originales, así que puedo hacer esto sin temer perderlos. En primer lugar veremos el panel de canales y veremos cómo extraer solo unas líneas en blanco de nuestra imagen. El panel de canales se encuentra por defecto ubicado junto al material de capa. Si no lo ves, ve a la pestaña Ventana y baja a canales. Dado que sólo nos interesa extraer la línea negra sobre el dibujo, primero necesitamos convertir nuestra imagen en una imagen en blanco y negro bien contrastada. Para ello de manera no destructiva, utilizaremos una capa de ajuste. Una capa de ajuste aplica ajustes de color o túnel a una imagen sin cambiar permanentemente sus valores de píxel. Ve a la pestaña Ventana y baja a ajustes. Haga clic en este icono y todos sus colores se convertirán en valores grises. Si mueves el mango hacia la izquierda, tus colores aparecerán negros, y si los mueves hacia la derecha, todos se convirtieron en blanco. Mueve todos a la derecha para quitar todos tus colores y solo deja tu dibujo original. Necesitamos que nuestras líneas negras sean 100 por ciento negras, y por eso vamos a aumentar el contraste. Haga clic en este icono para mostrar los niveles y mover los mangos en blanco y negro para ajustar. Una vez hecho, cierra el panel. Si desea modificar de nuevo alguno de estos ajustes, basta con hacer doble clic en los iconos y los paneles volverán a aparecer. Ahora que nuestra imagen se ve bien en blanco y negro y tiene un buen contraste, vamos a extraer la línea negra usando el panel de canales. Vaya al panel de canales y asegúrese de que la capa RGB esté seleccionada. Si haces clic en este icono, las áreas blancas de tu imagen se cargarán como selección. Ahora deberías ver una línea discontinua que los bordea. A medida que necesitamos seleccionar la línea negra, vamos a invertir la selección pulsando Comando Mayús I. Cuando se haga la selección, volver a los paneles de capas y ya sea hacer invisibles las capas de ajuste o borrar ellos. Podríamos crear una nueva capa vacía y llenarla con un color negro pero en este caso, vamos a extraer la línea de los activos usando la capa mediante atajo de corte. El motivo para hacer esto es porque hará que la selección de colores sea mucho más fácil y precisa de hacer. Presiona el atajo “Layer Via Cut” y tu línea negra se separará del resto de los colores y se colocará en su propia capa. Haz invisible tu capa de línea negra, y empecemos a seleccionar los colores. Puede cerrar la ventana del panel de ajustes y borrar la capa de ajuste si lo desea. Te voy a mostrar lentamente cómo separar mi primer color paso a paso. Después de eso puedes seguir adelante y separar todos tus colores siguiendo el mismo método y ajustando los pasos dependiendo de las necesidades de cada color. Empezaré con un color verde, ya que creo que va a ser el más desafiante, y te puedo mostrar algunos problemas que podrías tener también. Iré a seleccionar en el menú superior y abajo a gama de colores. Ya mostré y expliqué cómo funciona esto. Por lo que ya debes tener una idea de cómo usar este método de selección. Escogeré el color verde menta con la herramienta cuentagotas que aparece por defecto. En la ventana de vista previa, debe ver lo que se está seleccionando al mover la barra difusa. Si lo muevo a la derecha, entonces se seleccionarán más colores y tonos. Ya que sólo queremos seleccionar un solo color, necesitamos tener un buen contraste en blanco y negro en la ventana de la vista previa. Seleccionemos una de estas opciones en el menú desplegable, para ver qué se está seleccionando de una manera clara y mejor. Escogeré el mate negro. Tenga en cuenta que puede moverse por su imagen con la ventana de la vista previa abierta presionando la tecla Espacio del teclado, y haciendo clic y arrastrando la imagen cuando aparezca el icono de la mano. También puedes acercar y alejar. Si configuro el número de difusa en el predeterminado 32, y hago clic en la hoja de rodillo, puedo ver que el verde dentro de mi palma se vuelve gris o negro. Esto significa que no está siendo seleccionado. Si hago clic en mi palma, entonces puedo ver claramente que el otro verde desaparece. Pondré a ninguna la vista previa de selección ya que es difícil saber dónde hacer clic. Mira la pequeña ventana de vista previa y ve qué sucede cuando selecciono diferentes greens. No estoy seguro de por qué tengo dos greens diferentes a mi imagen. Podría haber hecho algo mal al colorear mis activos. Lo bueno es que puedo agregar colores a mi selección. Si mantienes pulsada la tecla Mayús en el teclado, este símbolo más aparece en el lateral de la herramienta del ojo. Voy a dar click en las áreas verdes que son un poco diferentes para incluirlas en esta selección. Volveré la vista previa de selección a negro para ver mejor esta selección. Observo que la selección parece un poco imprecisa. Es posible que tengas píxeles como este tirado o notes que los bordes de los bloques de colores, no son muy aseados. No te preocupes demasiado por esto ya que puliremos nuestra selección en un minuto. Desafortunadamente, no hay un número predeterminado para hacer esto bien, y cada caso es bastante diferente. Lo importante es ver que se selecciona el bloque de color sin demasiado fondo incluido. Estos juicios vienen con experiencia que usted entiende estas herramientas al utilizarlas en diferentes situaciones. Aunque mi selección no sea perfecta, estoy feliz de tener seleccionada la palma, los limones, y otra zona de menta, así que presionaré “Ok”. Haz clic en “Ok” y haz zoom en tu imagen. Para pulir e incluir todos los píxeles de borde en la selección, vaya a seleccionar, modificar, expandir y establecer en un píxel. Si no hubiéramos extraído nuestra zona negra, esto habría seleccionado una línea pixelada negra en los bordes también. Pero como ya lo hemos separado, no tendremos que preocuparnos por esto. Presione la Capa vía Cortar, se separará un nuevo color en una capa diferente. Es bueno revisar nuestro color sobre un fondo oscuro para ver cómo se ve realmente y poder pulirlo. Crea una nueva capa, y llénala de negro. Cuando hagamos esto, todas las fallas se harán visibles. Cuando separas tus colores usando este método, puedes experimentar dos problemas. El primero es el que estás viendo tener píxeles no deseados tirados alrededor de tu activo es muy normal y común. El segundo es tener unos píxeles semitransparentes dentro de tus activos que deberían ser un sólido 100 por ciento. Centrémonos en el primer número y te explicaré cómo arreglar el segundo cuando aparezca. Seguro que lo hará. Para deshacerse de los píxeles no deseados, coloca el ratón sobre la miniatura de la capa, mantén presionada la tecla Comando del teclado y deberían aparecer estas líneas punteadas. Haga clic en la miniatura para seleccionar todo el contenido sólido de capa. Ya que necesitamos deshacernos de los diminutos píxeles casi transparentes de fuera de él, necesitamos invertir la selección. Usa un atajo Comando Shift I. Acercaré para que veas lo que sucede. Presiona la tecla Retroceso del teclado para borrar todo lo que no forma parte del bloque sólido de colores. Cuando la selección está activa, puede presionar la tecla Retroceso varias veces, y con cada vez, borrarán más píxeles que no sean un sólido del 100 por ciento. Ahora aquí es donde aparece el segundo problema. Esto podría suceder como resultado del borrado de pequeños píxeles invisibles varias veces, o al hacer nuestra selección de color con el método de rango de color. Te mostraré cómo arreglar esto también y a partir de ahora, tendrás que empezar a usar tus propios criterios para pulir cada color. Para recuperarlos y traer de vuelta su opacidad, hay que hacer lo siguiente. Duplique las capas tantas veces como sea necesario manteniendo presionado teclado alternativo y arrastrando la capa hacia arriba por la pila de capas. Empezarás a ver que los colores vuelven a la vida. Una vez que tus bloques vuelvan a ser sólidos, puedes fusionar todas las capas creadas. El último paso para lograr un color sólido, hermoso y deshacerse de tonos de color similares, es aplicarle una superposición de color. En la parte inferior del panel de capas, haga clic en este icono y baje a la superposición de color. También puedes acceder a esta ventana haciendo doble clic en la parte superior de la capa. Si haces clic en la miniatura de color, podrás elegir el color que quieras. Escojamos el color original con la herramienta cuentagotas que aparece por defecto y pulsamos “Ok”. acuarela se ve bien, nombra, y hazla invisible. Voy a mover mi capa negra al fondo del panel y hacerlo invisible. Sólo lo usaré al revisar cada color por separado. Repetiré el proceso con el color morado. Asegúrate siempre de estar de pie en la capa correcta. Si muevo la barra difusa, el azul empieza a ser seleccionado. Lo bajaré a 32 y presionaré “Ok”. Ve a seleccionar, modificar, expandir un píxel, pulsa “Capa Vía Cortar”, y activa la capa negra en la parte inferior para ver qué sucede. Parece estar bien. Para duplicar comprobar que no hay áreas no deseadas seleccionadas, duplicaré la capa. A ver qué pasa. Fusionaré los dos, cargaré la selección haciendo clic en la miniatura de la capa mientras presionas Comando, invertiré la selección y presionaré dos veces la tecla Retroceso para asegurarme de que me deshago de ella. Haga doble clic en la capa, haga clic en “Colorway”, seleccione el color correcto, presione “Ok”, y luego asigne un nombre a la capa y haga invisible. Con el amarillo aplicaré el mismo proceso. Rosa, mismo proceso. Azul, seleccione gama de colores, y aquí noté que tengo dos tonos de azul. Selecciono uno, y luego agrego el otro, mantén presionado Mayús, y cuando aparezca el símbolo más, haz clic en las otras áreas o colores que quieras agregar. Ajusta el mango hasta que esté feliz. Expande en un píxel, pulsa “Capa vía Cortar”. Hacer invisibles los otros colores, y de nuevo, este color parece estar bien. Pero voy a comprobar duplicando la capa. Esta vez, aplicaré la superposición de color de antemano para unificar el color. Haga doble clic en la capa, colorway, seleccione el color correcto, y bien. Usaré una combinación de los dos métodos que ya te he mostrado para pulirlo, hasta que quede bien. Cuando se vea bien, nombraré la capa y la haré invisible. Para poder tener más opciones a la hora de crear nuevo colorway, guardaré las áreas blancas también. Lo haré con una capa negra visible para verlo con claridad. Una vez que hayas seguido todos los pasos que ya hemos visto, pulsa “Layer Via Cut” para extraer el blanco de la capa original, y nombrarlo y hacerlo invisible. Como puedes ver en mi capa original, quedaban algunos píxeles fuera. Estos normalmente no importan y me gustaría deshacerme de ello. Ahora puede llamar a tus capas visibles y llevar la línea de atrás a la parte superior. Este es el color que se ve más limpio y es bueno tenerlo en la parte superior. El color azul, que por ejemplo, se dejó luciendo un poco triste, ahora se ve bien. En la siguiente lección, vamos a explorar diferentes colorantes y hacer uso de esas hermosas paletas de colores que creamos en la lección de paletas de colores. Entonces abre esa carpeta y tenla lista antes de que empecemos. 19. Explorar paleta de colores: Poder convertir tus obras de arte en diferentes colores es una gran manera de ampliar tu portafolio y llegar a un público más amplio. El mismo patrón con diferentes colores puede caber diferentes colecciones y ser utilizado a través de diferentes temporadas. Ya hicimos el ejercicio de crear nuestras propias hermosas paletas de colores. En esta lección vamos a hacer uso de ellos, y probar nuestro patrón en diferentes colorways. Como siempre, puedes modificar los colores de tus paletas a medida que las pruebas en tu diseño. Trate de ser paciente y sepa que a veces ciertas combinaciones son difíciles de conseguir justo desde el principio. Antes de descartar una paleta que te guste, prueba los mismos colores a través de diferentes capas, mira cómo se ven en un fondo claro u oscuro. Si hay un color que te está dando problemas, repítelo a través de dos capas. Habrás reducido aún más tu paladar trayéndolo de cinco a cuatro colores y podría parecer aún más fuerte. A ver qué pasa. Desafíate y asegúrate de terminar esta lección con al menos tres colorways diferentes para compartir en la galería de proyectos y recursos. Explorar diferentes colorways es una gran manera de hacer un uso completo de tu patrón, no solo personalmente sino comercialmente. Tener diferentes colorways te dará la posibilidad de llegar a más clientes con diferentes gustos y necesidades. Antes de modificar nuestros colores, vamos a guardar este documento como “Colorway 1.psd”, y también en formato JPEG. Para crear una segunda forma de colorway evitarme anular la primera, guardaré el mismo documento que “Colorway 2.psd”. ¿ Recuerdas esas paletas de colores que trabajamos en la lección de paletas de colores? Ahora es el momento de hacer uso de ellos. El grandioso de separar colores es que nos permite trabajar en diferentes colorways y estar seguros de que nuestros colores se verán sólidos y uniformes. Escogeré una de las páginas de paletas de colores que creé en la lección de paletas de colores y la arrastraré a ésta. Con una herramienta de marquesina, seleccionaré la que quiero usar y la copiaré en una nueva capa con una capa a través del atajo Copiar. Colocaré la paleta de colores encima de mi documento y empezaré a modificar los colores. Haré doble clic en la parte superior de cada capa, bajaré a “Superposición de color”, haga clic en la miniatura de color, y con la herramienta cuentagotas que aparece por defecto comenzaré a seleccionar los colores de la paleta de colores elegida. Podría tener la impresión de que los colores no están funcionando bien. Te sugeriría que terminaras de cambiar todo el palé y luego modificarlo si quieres. Los colores se influyen entre sí, y podría ser que en el proceso de convertir tu paleta de una a otra, podrían no combinarse bien. Si cuando terminas de aplicarlos quieres modificar alguno, eso es totalmente genial. El hecho de que tengas un número limitado de colores le dará coherencia a la imagen independientemente del color seleccionado. Una vez que haya terminado y estoy contento con cómo se ve, presionaré Command S para guardar los cambios realizados en el archivo Photoshop, y luego presione Command Shift S para guardar una copia en formato JPEG. También puedes comprobar cómo se ve tu patrón convirtiendo tu azulejo en un patrón. Después de haber guardado mi documento, exploraré cualquier colorway. Antes de hacer otra cosa, guardaré el documento bajo “Colorway 3.psd”. Escogeré otra paleta de colores, copiaré en una nueva capa y empezaré a modificar mis colores. Esta vez usaré un fondo negro. En este caso porque estoy usando un fondo negro, realmente no necesito tener mi línea negra también. De hecho, las partes de mi imagen que son sólo líneas se están perdiendo. Le aplicaré un color claro, y luego usando una máscara, dejaré sólo esas partes visibles. En primer lugar, aplicaré una masa a toda la capa. Recuerda que puedes aplicar una máscara negra presionando y manteniendo presionada Alt una vez que hagas clic en el icono de la máscara. El mascarilla ha hecho invisible toda la imagen, y así es muy difícil adivinar ¿qué necesito enmascarar? Para poder ver las áreas ocultas, bajaré la opacidad haciendo doble clic sobre ella y moviendo su mango. Usaré mi herramienta de pincel y asegurándome de que el color de primer plano esté ajustado a blanco, empezaré a pintar las áreas que quiero hacer visibles. Una vez que haya terminado, haré doble clic en él y convertiré la opacidad al 100 por ciento. Cambia los otros colores y una vez que hayas terminado, presiona Command S para guardar el nuevo colorway, y luego Command Shift S para guardar una copia en formato JPEG. Presione Command S para guardar el nuevo colorway y, a continuación, Command Shift S para guardar una copia en formato JPEG. El cuarto de los colorways será el más fácil y divertido. Nuevamente, antes de hacer otra cosa, guarde el documento con un nuevo nombre para evitar sobrescribir el anterior. Lo guardaré como paleta de colores 4. Esta vez sólo usaremos dos colores; el fondo, y la línea negra. Borra todos los colores y solo deja la línea y el fondo uno. Haga doble clic en ambas capas y aplique diferentes colorways. Una vez que termines, guarda tu documento en formato PSD y JPEG. Sepa que para crear las diapositivas de este curso, utilizo principalmente este método. En la siguiente lección, te mostraré diferentes formas en las que puedes visualizar tu patrón a través de diferentes productos. Encuentro que esta es una de las partes más emocionantes del proceso de diseño. 20. Exportar tu patrón: Ya hemos cubierto cómo guardar archivos en formato JPEG y PSE. En esta lección, te mostraré más formas en las que puedes guardar tus patrones para usarlos a través de diferentes medios. También limpiaremos nuestro Gestor de Preajustes de Photoshop para que nuestro programa funcione sin problemas y de manera adecuada. Te mostraré tres formas de guardar tus archivos: PSD, JPEG, y PNG. PSD. Es muy importante guardar siempre tus patrones como archivo de Photoshop, ya que este formato mantendrá la calidad de tu imagen a lo largo del tiempo en un estado perfecto. Conservará las capas, los elementos individuales, las capas de color de ajuste, las máscaras de capa y los fondos separados a menos que aplanen su imagen. Tus archivos de Photoshop te permitirán volver a utilizar tus patrones en el futuro. Al guardar archivos, siempre hago un esfuerzo para mantenerlos organizados. Aprendí esto de la manera difícil cuando empecé a trabajar para clientes. Enviar o recibir un archivo muy pesado o no organizado a un cliente o proveedor, sólo dará lugar a problemas y confusión. Para borrar rápidamente las capas invisibles, haga clic en el icono superior del panel Capa y luego haga clic en “Eliminar capas ocultas”. Sepa que todos los grupos y capas tienen que ser desbloqueados para que esta opción esté disponible. Si te sientes incómodo borrando capas ya que no estás seguro de si quieres mantenerlas, siempre puedes guardar dos versiones del archivo con dos nombres diferentes. El archivo organizado con sólo las capas necesarias se puede nombrar por ejemplo, como patrón Organized.psd, y el otro que contiene capas invisibles que desea conservar se puede nombrar como capas de patrón. Puedes elegir los nombres que quieras, pero lo más importante es que puedas diferenciarlos. Si quieres subir tus archivos a un sitio web de impresión bajo demanda como Redbubble o Society6, entonces tendrás que subir una imagen en formato JPEG o PNG. JPEG. Cuando guardes tus archivos en formato JPEG, perderás tus capas y tu archivo se comprimirá haciéndolo mucho más pequeño en tamaño. Para mantener una buena calidad para la impresión, tienes que ir a Archivo, Guardar como, y seleccionar “JPEG” en el menú desplegable. Es muy importante llevar el número de calidad a su número máximo, 12. Estos archivos estarán listos para usar ya sea en un sitio web de impresión bajo demanda Bluetooth, o enviados para imprimir a proveedor de impresión. PNG. Un PNG tiene la capacidad de mostrar fondos transparentes. Estos archivos son un poco más pesados que el formato JPEG, pero tienden a mantener la calidad de la imagen de una mejor manera. Si haces invisible tu fondo verás este patrón cuadrado, lo que significa que ahí no hay nada. Ve a Archivo, Guardar como, y baja a PNG. Me gusta guardar un archivo de gran tamaño y presionar “Ok”. Ahora veamos los beneficios de guardar este tipo de archivo. Si voy a Redbubble y subo un archivo PNG entonces puedo seleccionar el color de fondo que quiero, y probar el mismo patrón sobre muchos fondos diferentes en diferentes productos. Esto no es exactamente tener un nuevo color, pero podría ampliar también las posibilidades de un solo patrón ya que podría encontrar que diferentes fondos funcionan bien en diferentes productos. Para mantener Photoshop funcionando sin problemas y evitar que se congele al ser lanzado, es importante limpiar nuestro Gestor de Preajustes de Patrones con frecuencia. Cada vez que definas un patrón se almacenará en Photoshop como un preset. Las baldosas de patrón, especialmente las grandes como 32 por 32 o incluso 64 por 64, son muy pesadas de almacenar y puede hacer que Photoshop disminuya mucho cuando se abre. Si estás trabajando en una colección y estás definiendo patrones para toda una semana para ver cómo se ven, es posible que encuentres que Photoshop tarda años en empezar. Si estás encontrando que este es el caso, debes restablecer tus patrones a su configuración predeterminada. Si seleccionas la herramienta de cubo en tu barra de herramientas y seleccionas “Patrón” en este menú desplegable de la barra superior, podrás ver todos los patrones que has guardado al hacer clic en el menú desplegable. Si presionas esta rueda, puedes ir directamente a Restablecer patrones. Si deseas guardar toda tu colección de patrón, puedes bajar a Administrador de preajustes y aparecerá esta Ventana. Se puede agrandar la miniatura para verlos con claridad. Aquí puedes seleccionar más de un azulejo y guardarlos como paquete. Seleccionaré estos siete estilos para colorear presionando “Uno” y luego mientras mantiene pulsado shift en mi teclado, seleccionando los siete. Después presionaré “Guardar conjunto”. Puedes elegir o crear una carpeta en tu computadora para guardarlas. Nombraré el mío bajo Colorways y presionaré “Guardar”. Haré lo mismo con los azulejos fundamentales practicantes. Después de guardar los patrones que me gustaría guardar, los eliminaré y luego presionaré “Listo”. Es importante mantener esta ventana clara de los patrones al cerrar Photoshop. La próxima vez que lo lances, debería abrirse mucho más rápido. Cerraré Photoshop y lo volveré a abrir. Cuando voy a la Ventana de Patrones, se pueden ver sólo los patrones por defecto aquí. Si por alguna razón quiero volver a cargar mis patrones, entonces tendrás que ir al menú desplegable y bajar a Cargar patrón. Selecciona las colecciones que guardaste previamente y volverán aquí. Te aconsejaré que siempre los restablezca antes de cerrar Photoshop para que se abra y funcione sin problemas. Si tomaste mi lección anterior, sabrás que me gusta hacer énfasis en la importancia de tener tus archivos bien organizados. En la siguiente lección, hablaré de por qué es importante empezar a construir una biblioteca propia para tener éxito como diseñador de patrones de superficie. 21. ¡Tus patrones en cualquier lugar!: Poder visualizar tu patrón a través diferentes productos es una de las partes más emocionantes del proceso de diseño. Tener una idea de cómo se vería tu patrón en vida real podría ayudarte a dar forma a tu carrera como diseñador de patrones de superficie. Es posible que encuentres que te encanta cómo se ve tu diseño en papelería y eso es lo que quieres hacer más, o que cierto estilo se ve mejor en la moda de ropa de mujer. Podrías aprender que los colorways en vivo son más adecuados para el uso doméstico o que te encanta cómo luce tu diseño sobre el fondo de pantalla, y eso es a lo que querrías dedicar tu tiempo. Mostrar tus diseños al mundo antes incluso producirlos también te puede ayudar a probar cómo reaccionan tus fans o seguidores a ciertos productos antes incluso de entrar en los costos de producción y todo eso. En esta lección, te mostraré dos formas diferentes en las que puedes visualizar tu patrón a través de diferentes productos. Existen dos formas en las que podrías visualizar tu patrón, CADS y maquetas. El CADS que va para el diseño asistido por computadora es básicamente un software informático como Illustrator que se utiliza para crear planos técnicos. Esto puede ir desde ropa, accesorios hasta artículos de papelería, muebles, y más. Una maqueta, por otro lado, es un modelo realista de cómo sería un producto final. Son geniales para presentar un producto final en un contexto de la vida real. Facilita obtener retroalimentación y ver la reacción de un público y también puede ayudar a revelar problemas que son tan evidentes al enfocarse en el azulejo o patrón repetitivo, choques de color o consideraciones de escala. maquetas también son geniales para poner en tu portafolio o sitio web. Si quieres ver tu patrón mostrado en maquetas, puedes buscarlos en Google. Hay una tonelada de increíbles pagadas y un par de buenos regalos. Creative Market es increíble y puedes encontrar lo que quieras por un precio muy razonable. Mockup World es otro gran sitio web que te puede redirigir a lugares donde puedes descargar algunos regalos. Probablemente tendrás que crear una cuenta o darle crédito al otro, lo cual creo que es bueno hacer. También hay algunos sitios web impresos bajo demanda como Redbubble y Society6 donde puedes visualizar tus patrones en una tonelada de productos. El beneficio de hacerlo de esta manera es que puedes visualizarlos y comercializarlos al mismo tiempo sin tener que producirlos. Puedes hacer clic en este ícono y hacer clic aquí para empezar a descargarlos. Los CADS son una gran manera de visualizar tus patrones en diferentes productos. Si vas a la galería de proyectos y recursos, he dejado un archivo que contiene un par de CADS para ti, una máscara para ojos, un par de calcetines y una camiseta. Si abre el archivo, puede crear una nueva capa rellena de patrón en la parte inferior de cada grupo y cambiar la escala. En la carpeta de calcetines, te dejé una capa con algunos bloques de color cuales puedes modificar con las herramientas que ya hemos visto en esta clase. En la máscara, puedes usar dos patrones y empezar a visualizar cómo un patrón simple y un más complejo puede ser parte de la misma colección y trabajar juntos al compartir los mismos colores. Una cosa muy importante a saber es que los patrones funcionan muy bien en una escala de 100, 50 y 25 por ciento. Pero cuando quieras usar cualquier número entre ellos, perdonarás mi definición suelta. Para solucionar esto, tendrás que hacer clic derecho en la parte superior de la capa para rasterizarla y luego aplicar un filtro de afilar para recuperar su calidad. Comparte con nosotros cómo se ve tu patrón a través diferentes productos en la galería de proyectos y recursos. Si utilizas diferentes colorways, mejor aún. En la siguiente lección, profundizaré en cómo guardar tus archivos para diferentes medios, y veremos cómo mantener Photoshop [inaudible] para que funcione sin problemas. 22. Creación de una biblioteca: Tener una biblioteca de archivos bien organizados puede tener un enorme impacto en tu carrera como Diseñador de Patrones de Superficie. Intento estar lo más organizado posible a la hora de diseñar, pero hay algunos cuando estoy más en el flujo creativo que estar organizado con mis archivos. Si he aprendido algo es a cada vez que termino un nuevo patrón o proyecto, organizo todo lo que he hecho. Podría ser que en un año, necesitas usar ese patrón o ese dibujo llano realmente lindo que hiciste una vez, y ¿dónde dejé mi archivo? Tal vez ni siquiera recuerdes cómo lo llamaste. En esta lección, te mostraré cómo organizo mis archivos, y puedes seguirme o empezar a construir un método propio. Mantener una biblioteca organizada ha sido increíblemente importante para mí durante mi carrera como Diseñador de Patrones de Superficie. Lo guardo en Dropbox donde sé que es seguro, y puedo acceder a él desde donde esté sin ocupar demasiado espacio en mi computadora. Esto también hace que sea realmente fácil subirle cosas cada vez que trabajo en una computadora, iPad, o teléfono. Te mostraré la forma en que organizo mi biblioteca, pero debes encontrar un método que funcione para ti. Tengo dos carpetas principales, una contiene la biblioteca de imágenes principal y la otra, uso como bandeja de entrada con todas las imágenes que aún necesito procesar u organizar. Si escaneo algo, tomo una foto o compro mucho paquete en Internet y no tengo tiempo para organizarlo, lo dejo aquí y lo ordeno más tarde. En mi carpeta principal de biblioteca, mantengo todo mi material visual clasificado. Al no ser solo un Diseñador de Patrones de Superficie sino también un diseñador gráfico, guardo el material en carpetas separadas. Si hago click en Surface Pattern Designer, verás todas mis carpetas aquí. Para esta clase, creé una carpeta dentro de la Conversacional y la llamé Londres-Barcelona. Probablemente alguien más no entendería este nombre, pero como esta es mi biblioteca y también guardo cosas en mi cabeza, recordaría lo que significa. Al ser este el fin de la clase, ya he organizado mi material. Tengo una carpeta llamada Final Pattern que contiene todos mis archivos finales PSG, JPG y PNG, colorways. Como puedes ver me divertí mucho y exploré con muchas opciones diferentes. Dibujos, sé que mis dibujos iniciales tanto aislados como colores se almacenarán aquí. Todos los patrones fundamentales que creé, estoy seguro de que puedo vender estos en algunos artículos lindos. Todas las maquetas que descargué de Redbubble para usar como ejemplos para esta clase, y una final llamó versiones antiguas con algunos archivos que no estoy seguro si quiero borrar todavía. Al organizar todo lo que estoy ayudando a evitar perder archivos, borrarlos por accidente o tomar edades para encontrarlos, que después de todo tanto tiempo y esfuerzo sería una vergüenza total. Me da tranquilidad y nunca se sabe cuándo algo podría ser útil en el futuro. De mi clase anterior creé ésta, donde organicé todas las flores botánicas, follaje, animaciones, dibujos separados, e incluso algunos patrones que probé. Sé que se mantiene a salvo aquí. Por el momento, quizá no lo necesite pero quién sabe en el futuro. No siempre estoy súper organizado, pero trato de hacer tiempo para ordenar imágenes cada par de semanas o meses. También trato de organizar el material siempre que haya terminado el proyecto. Cuando trabajas en hacer patrones, puedes reciclar o usar las mismas imágenes en diferentes diseños. Si tengo tiempo para pintar cosas nuevas, me encanta hacerlo, pero a veces hay donde sólo es más fácil hacer uso de imágenes en las que ya he trabajado. Mantén tus archivos organizados y tu futuro tú, te lo agradecerá. Acompáñame en el siguiente video, donde compartiré mis pensamientos y te diré adiós. 23. Reflexiones finales: Enhorabuena por llegar al final de la clase. Espero que hayas aprendido no solo a crear patrones repetitivos, sino también a digitalizar dibujos a mano, y bocetos para usar a través de diferentes proyectos creativos. Podrás ampliar los métodos y herramientas que hemos visto en esta clase para hacer ilustraciones, gráficos para camisetas, carteles, y realmente cualquier cosa que puedas imaginar. Cualquier cosa que implique mezclar dibujos con Photoshop por supuesto. Estaré creando nuevas clases en el futuro donde estas técnicas que hemos visto serán muy útiles. Expondré sobre cómo crear patrones repetitivos que involucren elementos de acuarela, y los métodos repetitivos que hayas aprendido en esta clase serán cruciales para poder seguirlos. Por favor comparte tus pensamientos, preguntas, diferentes maquetas y aplicaciones de tu patrón, y si decides imprimirlo, por favor compártelo con nosotros también. Si te gusta esta clase, por favor sígueme y se te notificará cuando salga mi nueva clase. También puedes seguirme en Instagram para ver qué otro tipo de artes me gusta hacer. Si subes tu obra de arte a Instagram, etiquetame para que pueda compartirla en mi feed también con mis seguidores. Por favor también deja una opinión si te pareció útil esta clase de alguna manera, disfrutado y su es algo nuevo. Avísame si esta clase cumplió tus expectativas, qué disfrutaste más y qué se puede mejorar. Todos tus comentarios serán muy valiosos para mí cuando haga mis futuras clases. Si quieres que enseñe algo nuevo, también escríbalo en los comentarios ya que tomaré notas, y me servirá de guía para mi carrera docente. Después de todo esta clase sirve para ustedes alumnos, y me encantaría escuchar cuáles son sus expectativas o necesidades. Espero que hayas disfrutado de esta clase tanto como disfruté grabándola, he aprendido mucho del proceso y espero que hayas aprendido mucho también. Muchas gracias y sigue explorando tu creatividad.