La forma más sencilla de crear un patrón de repetición complejo en Photoshop | Hannah Grace | Skillshare

Velocidad de reproducción


1.0x


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

La forma más sencilla de crear un patrón de repetición complejo en Photoshop

teacher avatar Hannah Grace, Print Designer & Illustrator

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

      0:55

    • 2.

      Proyecto de la clase

      0:24

    • 3.

      Configuración de tu entorno de diseño

      1:24

    • 4.

      Recopilación de imágenes y selección de colores

      1:26

    • 5.

      Preparación del material gráfico

      6:05

    • 6.

      Repetición de un solo lado

      2:41

    • 7.

      Repetición de esquinas

      2:54

    • 8.

      Revisar tu trabajo y corregir errores

      0:44

    • 9.

      Conclusión

      0:10

  • --
  • 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.

1156

Estudiantes

6

Proyectos

Acerca de esta clase

Aprender a crear tus propios patrones de repetición sin fisuras te dará la libertad de convertir tus ilustraciones en patrones que pueden aplicarse a telas, proyectos digitales o productos impresos.

Acompaña a Hannah Grace, una experta diseñadora de estampados, mientras comparte su método comprobado. Esta sencilla técnica puede aplicarse a diseños en cualquier medio, ya sean gráficos, pictóricos o de otro tipo.

Esta clase desmitifica la complejidad de Photoshop, y te muestra cómo hacer que funcione para ti de una forma lógica.  No necesitas rebuscar en los blogs de Internet, ya que esta guía visual te llevará paso a paso a conseguir el resultado que buscas.

Aprenderás a:

  • configurar el entorno de diseño, incluidos los tamaños de los lienzos y los perfiles de color 
  • reunir material gráfico para diseños
  • repetición de un solo lado
  • repetición de esquinas
  • resolución de problemas
  • formatear los archivos finales para su impresión o para su uso en digital

Este curso se ha diseñado específicamente para tener en cuenta el nivel de experiencia de quienes se inician, por lo que todos los pasos se explican con claridad y no se presuponen conocimientos previos. También se proporciona un pdf de "cómo hacerlo" paso a paso, junto con los archivos de las ilustraciones utilizadas en las demostraciones para practicar.

Conoce a tu profesor(a)

Teacher Profile Image

Hannah Grace

Print Designer & Illustrator

Profesor(a)

Hello, I'm Hannah Grace. I am a Print Designer & Illustrator based in Bristol, in the UK.

 

I have been working as a freelance print designer, and more recently illustrator, for a number of years and have a few tips and tricks that I have learnt in this time, which I will be happily be sharing with you all.

 

 

I am nature obsessed, and it shows ! My work is peppered with all the wonderful things to be found on this planet.

 

Ver perfil completo

Level: Beginner

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: Hola, mi nombre es Hannah Grace y soy diseñadora de imprenta e ilustradora con sede en Bristol en el Reino Unido. Creo patrones divertidos e ilustraciones inspirados en el mundo natural. Llevo cinco años trabajando como diseñador textil . He creado algunos patrones muy divertidos para mucha gente diferente. He tenido mucha práctica en ese tiempo, y esta es la mejor manera que sé crear un patrón de repetición con photoshop. Poder crear un patrón de repetición fue un cambio de juego para mí porque de repente significaba que podía aplicar mis diseños a cosas como papelería y ropa, lo cual es bastante divertido. Vamos a empezar la clase configurando juntos nuestro entorno de diseño porque eso también puede resultar un poco confuso si no lo has hecho antes. Pasaremos por el proceso de repetición y estarás lejos. Hay una opción para que utilices la ilustración que ya han proporcionado, cual estará disponible en la pestaña de proyectos y recursos, junto con algunos consejos y consejos que he documentado en el camino. Empecemos. 2. Proyecto de la clase: Para completar esta clase necesitarás tener Photoshop. Si aún no lo tienes, puedes obtener una prueba gratuita por ello descargando Creative Cloud. Esto te dará tiempo de sobra para practicar. Aparte de eso, solo necesitas cosas para poder dibujar con o algún lugar donde sacar la obra de arte. También tengo la opción PTS y ilustraciones que ya han proporcionado. Si solo quieres seguir adelante usando eso, eso también está completamente bien. Esto lo puedes encontrar en la pestaña Proyectos y Recursos. 3. Configuración de tu entorno de diseño: [ MÚSICA] Para empezar, vamos a configurar nuestros entornos de diseño. Abre Photoshop y empecemos. Vamos a empezar abriendo Photoshop para que podamos configurar un nuevo Canvas. Si vas a “Archivo”, “Nuevo”, podrás configurar nuestros ajustes. El tamaño que vas a elegir, depende de lo que quieras lograr. En los textiles, el objetivo suele ser crear una repetición fluida donde la costura del diseño no sea visible. Esto usualmente significa que crearíamos un Lienzo de gran tamaño que si vamos a estar diseñando algunos estacionarios, por ejemplo. Para efectos de este diseño, voy a fijar el Lienzo en 45 por 60 centímetros, que es un tamaño típico que diseñaría. Puedes hacer esto yendo a “Personalizado” y luego cambiando al tamaño que quieras. El tamaño que elijas también puede depender de la impresora que estés usando, pero lo bueno del diseño repetido es que una vez que tengas el azulejo, se puede aplicar a una superficie más grande como será incansablemente repetible. A continuación elegimos nuestro perfil de color. Esto también depende de la impresora que usarás para tu diseño. Para los patrones destinados a uso digital, es común usar RGB como perfil de color predeterminado. Al imprimir en prendas o estacionarias es típico usar CMYK, aunque sí depende de la impresora que sí use. No te preocupes demasiado por esto en esta etapa porque se puede cambiar más adelante por la línea. Aquí puedes seleccionar tu perfil de color. Vamos a empezar con RGB. 4. Recopilación de imágenes y selección de colores: En esta lección les voy a mostrar algunas de las formas en que recojo inspiración para mis diseños. Mucho de esto viene de mí sólo caminando por ahí y tomando muchas fotos de plantas. Tengo un enorme archivo de imágenes de plantas porque siempre las estoy fotografiando. Utilizo estos como gran parte de mi inspiración junto con una serie de libros botánicos que he acumulado. Miro las imágenes por dos razones diferentes. En primer lugar para contenido de qué plantas o persona quiero crear y en segundo lugar para la paleta de colores. Me encanta esta parte del proceso porque nos da oportunidad de agregar nuestro giro creativo a un diseño. Para el diseño en el que estoy trabajando hoy, me inspiró [inaudible] la mayoría están apareciendo por la ciudad. Esta es en realidad una planta bastante colorida y vibrante, por lo que no necesita mucha ayuda en cuanto al color, pero seguiré usando algunos de mis métodos habituales para editar el color de mi diseño. Las paletas de colores no necesariamente tienen que coincidir con la forma que estás dibujando. Por ejemplo, muchas veces me han inspirado las casas pastel que están salpicadas alrededor de Bristol [inaudible] y aplican a las plantas que estoy dibujando. Puedes utilizar la herramienta de selección de colores en Photoshop para extraer estos colores de tus propias imágenes. Para más inspiración, también mantengo tableros en Pinterest llenos de cosas coloridas. Me encanta esto porque puede mostrarte cómo traducir el color de arquitectura y otras cosas inesperadas y también te ayuda a construir un sentido de cómo van los colores juntos. Si todavía estás buscando algo de inspiración, también puedes usar apps como Coolors que te ayudan a elegir esquemas de color más coherentes. Ahora que tenemos nuestro trabajo en paleta de colores, podemos limpiar un poco nuestro trabajo y está listo para salir. 5. Preparación del material gráfico: Una vez que hemos escaneado en nuestra obra de arte, lo siguiente que hay que hacer es deshacernos del fondo para que podamos hacer una repetición con ella. Si desmarco el fondo aquí, se puede ver que todavía hay el papel detrás de lo que he escaneado. Para deshacernos de esto, vamos a usar los niveles y la Herramienta Varita Mágica. uso de niveles ayuda a cambiar el color del papel detrás. Para ello, vamos a Niveles de Ajustes de Imagen. Si tira hacia abajo la palanca desde el lado derecho, toma el lado medio hacia la derecha y el de abajo hacia arriba un poco, ahora puedes ver que el papel detrás es más blanco. Esto sí sin embargo, cambia el color de las obras de arte. Necesitas tener cuidado con cuánto haces esto. Esto entonces hace que sea más fácil que la varita mágica recoja. puede ver que está reconociendo a todo el blanco aquí. Esto también depende de la tolerancia que empleemos. Si usamos una tolerancia que es demasiado alta, digamos 90, recogerá demasiado de la obra. Si fuéramos a cortar eso, se deshace mucho de él. Si usamos una tolerancia que es demasiado baja, no va a retomar lo suficiente. Por lo que necesitamos ir a algún lugar en el medio. Esto es un poco de prueba y error, pero parecía que 30 estaba sobre lo correcto. Si este botón de aquí arriba está desmarcado, la Varita Mágica seleccionará todos los espacios en blanco. Pero esto puede significar que recojamos cosas que no pretendemos, como el blanco dentro de las hojas. Para evitar esto, podemos tomar esto, que sólo recogerá el blanco en un espacio conjunto. Por lo que no nos meteremos dentro de esto porque hay una barrera. Esto sin embargo significa que quedan algunos parches. Si cambiamos el color de fondo a uno más oscuro, podemos ver todas las demás cosas que necesitamos aclarar. Asegúrate de haber hecho clic en la imagen que estás deseando cambiar. Lo que voy a hacer es sólo pasar por los espacios en blanco y deshacerme de los que no necesito. A continuación, voy a deshacerme de algunas de las marcas de papel extraviadas que quedaron después de que tratáramos de extraerlas. Si utilizamos la Herramienta Lasso, solo podemos seleccionar un área y presionar Comando X para deshacernos de ella. De esta manera, puedes cortar especie del diseño que no necesitas. Estos también son útiles para hacer líneas rectas como esta si las quieres. Una vez que estés contento de que hayas cubierto todo, Para volver a comprobar, utiliza esta herramienta en la parte superior. Como se puede ver, la frontera es más grande que donde se detiene la obra de arte, que está aquí. Esto significa que hay algunas marcas extraviadas, que tal vez no podamos ver eso con claridad. Para deshacerte de estos, solo haz un corte rápido cerca del cuerpo de la obra. De nuevo, usando el Comando X. Eso se ve bien. Ahora, puedo cambiar nuestro fondo de nuevo a blanco. Ahora voy a hacer esto con estas otras dos piezas. Ahora que me he deshecho del fondo de cada uno de mis elementos, puedo recolorearlos. Para hacer esto a todos ellos al mismo tiempo, los voy a fusionar. Si selecciono cada elemento y luego presiono Comando E, Esto los pone todos en una capa cual puedo editar al mismo tiempo. Me he asegurado de no fusionarlos, solapándolos porque entonces todavía puedo separarlos de nuevo. Para cambiar el color, voy a usar una referencia de antes. Lo estoy moviendo a mis nuevos archivos que tengo frente a mí. Quiero que este verde sea un poco más Seiji y un poco menos saturado. Para ello, voy a dar clic en la capa, entrar en Ajustes de imagen y reemplazar el color. Entonces voy a recoger el verde. Al igual que lo hicimos antes con tolerancia, se puede seleccionar la borrosa, que es cuánto del verde que se quiere recoger. Después podrás jugar con el matiz y la saturación de ese color. Por lo que quiero que sea un poco menos saturado y un verde ligeramente más Seiji. Como puedes ver, no está recogiendo demasiado. Si acabas de subir un poco la borrosidad , recogerá más. Eso es por el color que quería ir. Yo voy a hacer lo mismo con el amarillo porque como puedes ver, han tomado un poco de color luminoso. Yo solo juego alrededor con él hasta que iguale Y1. Yo quiero tono ligeramente anaranjado pero no demasiado. Entonces la naranja está atrás realmente no me gusta. Entonces voy a reemplazar eso y hacer eso más amarillo. 6. Repetición de un solo lado: Repetir. Cada vez que tu elemento toca sus lados, necesita ser duplicado. Te mostraré primero cómo hacer esto en un solo lado. Ahora que estamos contentos con nuestra obra de arte, es hora de empezar a repetir el diseño. Vamos a empezar con un solo lado con uno de los elementos que tenemos. Para ello, vamos a utilizar la herramienta Transformar. En primer lugar, necesitamos comprobar el tamaño de nuestra repetición. Si recuerdas, establecemos el tamaño del archivo 45 de ancho por 60 centímetros. Pero si no estás seguro de esto, puedes comprobarlo yendo a Imagen, Tamaño de lienzo, y estará ahí. Vamos a tomar este elemento y movernos exactamente 45 centímetros de ancho, para que eso se repita exactamente en ese punto. Para ello, vamos a utilizar la herramienta de transformación. En primer lugar, necesitamos duplicar la capa porque las dos se convertirán en una. Para ello, haga clic en la capa, mantenga presionada, tecla de opción de cortar y arrastre la capa hacia arriba. Esto creará una copia. Vamos a transformar esta copia. Para ello, presiona “Comando T”. Esto traerá esto aquí arriba, con esta pequeña flecha, en el eje x e y. Si presionas la flecha, reformateará a cero, que es lo que queremos. Tenemos que partir de cero. Después para moverlo 45 centímetros a través, y el eje x, poner en 45. Como puedes ver, eso salta a través, y ahora estos están exactamente a 45 centímetros de distancia, que es del tamaño del lienzo. Para mantener esto unido, necesitamos fusionarlos, así que selecciónelos ambos y presione “Comando E”. Ahora si movemos uno, el otro se mueve, y se quedan a 45 centímetros de ancho. Para comprobar que hemos hecho esto correctamente, voy a crear unos nuevos archivos más grandes para que podamos ver dónde estaría la línea de repetición, así que File, New, nuestro tamaño de lienzo es actualmente 45, así que vamos a establecer ella a 50. Vuelvo a nuestro archivo, Select, All. Esto seleccionará todo el lienzo, luego irá a Editar, Definir patrón. Después entramos en un nuevo archivo, presionamos esta herramienta circular, y bajamos a Patrón. Si arrastramos nuestra guía a 45, que es donde termina el otro patrón, podemos ver que aquí abajo hay una repetición sin fisuras. 7. Repetición de esquinas: Las técnicas que hemos utilizado hasta ahora funcionan perfectamente para un solo lado, y para esquina repite su no tanto más complicado. Efectivamente sólo tenemos que hacerlo dos veces. Te voy a demostrar esto ahora. Ahora, para hacer la repetición de esquina, te voy a mostrar de un elemento para dejarlo un poco más claro para que sepas con qué estás trabajando. Lo que vamos a hacer, es primero hacer una repetición lateral. Si duplico esta capa como lo hemos hecho anteriormente, Comando T, restablece los valores, lo muevo a lo largo de 45 centímetros, que es el ancho de nuestro lienzo, fusionar esas dos capas juntas, ahora son 45 centímetros de distancia. Hemos hecho un lado de la repetición, así que sólo tenemos que volver a hacerlo de arriba a abajo. Si lo muevo hacia abajo a la esquina, que es donde me gustaría, solo voy a duplicar esa capa que tiene dos elementos en el Command T para transformar, y esta vez en el eje y, yo voy a mover a menos 60 para moverlo 60 centímetros por la página. Ahora cuando fusione estos juntos, estarán en las esquinas. Si solo te muestro el lienzo completo fuera de la nuestra, entonces puedes ver cómo funciona la repetición en este sentido, para que se levanten el uno del otro así. Ahora que hemos repetido nuestro elemento en ambos lados, debería estar funcionando absolutamente bien, pero sólo vamos a comprobar eso. Lo que vamos a hacer es crear un nuevo lienzo que sea más grande que nuestro original. Nuestro original es de 45 por 60 centímetros. Vamos a hacer de éste 50 por 65, para que podamos ver la escena. Es cinco centímetros más grande a cada lado. Después vamos a volver a nuestro patrón, selecciona Todo, que selecciona todo el lienzo, edita, define patrón, y eso hará un patrón que se salva de lo que tienes en tu pantalla. Entonces vamos a usar este patrón, usando este botón aquí y pegando nuestro patrón, que será nuestro más reciente. Se puede ver que el lienzo aquí es de 50 por 65, pero queremos comprobar que se repita correctamente en 45 por 60. Si dejamos caer algunas guías a esos valores, ese es nuestro tamaño original de lienzo. Entonces lo que haces es simplemente acercar y básicamente estás comprobando que esto esté alineado correctamente. Eso está confirmado, y sólo puedes volver a tu viejo patrón ahora y seguir adelante. Ahora que hemos hecho una repetición de esquina, vamos a probar de la misma manera que ha funcionado. Si creamos un archivo nuevo, es más grande que el que tenemos actualmente. 8. Revisar tu trabajo y corregir errores: A veces se siente como si hubieras hecho todo bien, pero aun así te cometes un error como este. Lo que sólo significa que está desalineado. Para deshacerte de eso, lo que yo aconsejaría, es que vuelvas a empezar. Deshazte del otro. Deshazte del duplicado. Volver a tener un solo elemento. Asegúrate de que cuando lo dupliques, exactamente en el mismo lugar en que dejaste el primero. Si es aquí o aquí, o aquí, o en cualquier lugar que no sea exacto, no funcionará. Asegúrate de no moverlo antes de hacer la transformación. 9. Conclusión: Gracias por acompañarme en cómo hacer una repetición sin fisuras en Photoshop. Espero que hayan disfrutado de la clase y por favor suban sus proyectos para que pueda echarle un vistazo.