Narración en el diseño de patrones: ilustra un patrón narrativo | Di Ujdi | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Narración en el diseño de patrones: ilustra un patrón narrativo

teacher avatar Di Ujdi, Illustrator & Art Explorer

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.

      ¡Hola!

      1:46

    • 2.

      PROYECTO

      2:12

    • 3.

      Acerca de los patrones narrativos

      5:10

    • 4.

      Ideas y bocetos iniciales

      6:49

    • 5.

      Boceto de patrones en Photoshop

      7:58

    • 6.

      Ilustraciones de patrones en Procreate

      8:05

    • 7.

      Patrón final en Photoshop

      19:58

    • 8.

      Reflexiones finales

      1:32

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

1816

Estudiantes

13

Proyectos

Acerca de esta clase

En esta clase intermedia, los estudiantes aprenderán sobre la narración en el diseño de patrones y cómo crear su propio diseño de patrones narrativos.

Abarcaremos dos partes principales de la creación de impresiones narrativas:

La primera parte es aprender qué es un patrón narrativo y cómo difiere de otros diseños de patrones. Analizaremos diferentes ejemplos y buscaremos inspiración para nuestros proyectos. Hablaremos sobre la narración, temas de diseño de patrones populares y clásicos, y definiremos una historia que queremos representar.

Lecciones:
3. Acerca de los patrones narrativos
4. Ideas y bocetos iniciales

En la segunda parte, aprenderás a crear estos patrones: desde la planificación, el boceto y la organización de los elementos, hasta el uso de Procreate y Photoshop para obtener los mejores resultados finales.

Lecciones:
5. Boceto de patrones en Photoshop
6. Ilustraciones de patrones en Procreate
7. Patrón final en Photoshop

Esta clase está diseñada para cubrir todos los pasos que debes seguir para crear un diseño de patrones narrativos listos para patentar y será una base sólida para desarrollar una colección de patrones completa después.

Recomiendo esta clase para niveles intermedios, pero si eres principiante con conocimientos básicos de Procreate y Photoshop, y ya hiciste unos patrones, puedes intentarlo.

P.D.: Todos los patrones cuentan historias, pero algunos patrones simplemente las cuentan de una manera más directa.

¡Espero verte en la clase!
Di

Conoce a tu profesor(a)

Teacher Profile Image

Di Ujdi

Illustrator & Art Explorer

Top Teacher


Hey! I'm Nina, even though most people know me by my artistic name Di Ujdi. I'm an illustrator and surface pattern designer.

With a big love for all things floral and natural, I enjoy depicting the world in a colorful, fun, and naive way. As an artist, I'm known for stylized illustrations and bold floral patterns. Besides spending time reimagining the world and finding new color palettes, I'm also proud to be a Skillshare top teacher and share my knowledge and passion with others.

I was instantly drawn to Skillshare and its wonderful community. My biggest wish is to get to know more of you, share what I learned, and continue learning.

I hope I can encourage you and help you out on your creative journey.


PS - don't be ... Ver perfil completo

Level: Intermediate

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. ¡Hola!: [ MÚSICA] Para mí, narración es una parte inseparable del ser humano. Es lo que hemos hecho desde el principio para dar sentido a quiénes somos, y lo que estamos haciendo en este planeta Tierra. Seguimos haciéndolo en nuestro día a día, y sobre todo a través del arte y el diseño de patrones también. Si lo piensas, incluso estampados florales decorativos nos cuentan historias que evocan emociones y recuerdos. Pero, ¿y si quisiéramos usar el patrón y el diseño para contar historias de una manera más directa? Hola a todos. Mi nombre es Nina, y me conocen como Di Ujdi. Soy ilustradora y diseñadora de patrones con sede en Belgrado, Serbia, y esta es una clase sobre patrones narrativos. En esta clase vamos a cubrir las dos partes principales de hacer patrones narrativos. La primera parte incluye inspirarse, encontrar ideas mirando diferentes ejemplos de patrones narrativos, trabajar en nuestras habilidades de narración, y envolver todas esas ideas en un proyecto cohesivo. En la segunda parte se trata de cómo hacer este tipo de patrones. Vamos a cubrir todos los pasos desde la planificación, boceto y la organización de los elementos hasta usar Procreate y Photoshop para obtener los mejores resultados finales. Esta clase está diseñada para cubrir todos los pasos que debes dar para crear un diseño de patrón narrativo terminado listo para licenciar, y va a ser un escalón sólido para desarrollando más adelante toda la colección de patrones. Yo recomendaría esta clase para niveles intermedios, pero si eres principiante con conocimientos básicos de Procreate y Photoshop, y ya hiciste algunos patrones, puedes darle una vuelta. Me alegra que estés aquí, así que empecemos. [MÚSICA] 2. Proyecto: [ MÚSICA] Tu proyecto para esta clase es crear un diseño de patrones narrativos. Como verá, los patrones narrativos pueden ser atemporales y en tendencia y por lo tanto fáciles de licenciar. Todo depende de la historia que decidas ilustrar. En la sección de proyectos y recursos encontrará una lista de posibles temas para elegir. Estos podrían ser eventos o actividades centradas alrededor de una temporada como el invierno o el verano por ejemplo. Podrías ir con un tema de estación de esquí, un pueblo navideño, juegos, niños juegan en la nieve o quizás vacaciones junto al mar, natación y actividades junto a la piscina. O podrías ilustrar algo relacionado con los viajes, como viajar por el mundo en barco, acampar, o senderismo o actividades cotidianas como plantar el jardín o ir a la escuela. El consejo más básico pero muy útil es ir con algo cercano a tu corazón. Con algo que te excita, algo que quieres hacer en el futuro o algo que hiciste en el pasado y tener buenos recuerdos. Porque las mejores historias son las que vienen de dentro de ti. Cuando llegues a ese lugar y lo abres, verás cuántas ideas comenzarán a derramarse, no solo por este patrón, sino para toda una colección que tal vez quieras desarrollar más adelante. Mi proyecto está inspirado en mi viaje a la hermosa isla de Creta en Grecia. Fui allí en diciembre cuando básicamente no había nadie alrededor y fue absolutamente mágico sumergirme totalmente en el paisaje y el paisaje de las tierras altas. Si tienes un cierto viaje disfrutado, ese podría ser un gran punto de partida también. Como siempre digo, la mejor manera de aprender es hacerlo. Lo mejor de Skillshare es que no lo estás haciendo solo Puedes documentar tu proceso y tu diseño final y compartirlo todo en la sección de proyectos de la clase. Como verán, es una gran manera de motivarse y encontrar aliento. No puedo esperar a ver qué vas a crear. 3. Acerca de los patrones narrativos: [ MÚSICA] ¿Qué es un patrón narrativo? Si partimos de la idea de que todos los patrones cuentan historias, cómo son los patrones narrativos diferentes de otros tipos de patrones. La mejor manera de explicar es mostrarte algunos diseños de patrones de mi colección de patrones de licencia llamada easy life. Entonces en el ejemplo de estos dos, es muy fácil ver que el primero es más decorativo. Cuenta una historia evocando emociones a través de colores y hermosas flores en flor. En el otro, tenemos alguna acción. Estos gatos están jugando con un ratón de juguete. Están en diferentes posturas. Están buscando en diferentes direcciones. Por lo que hay una sensación de que algo realmente está pasando. Si presentamos un tercer ejemplo, que es un patrón héroe de esta colección y un gran ejemplo de un patrón narrativo. Podemos ver que toda la historia está desarrollada y representada. Es un pueblo mágico con grandes flores y plantas, casas coloridas y diminutos humanos que viven allí en armonía con la naturaleza. En este ejemplo, la historia se cuenta más directamente. Tiene un paisaje desarrollado y nos está mostrando un momento de este pueblo mágico para que podamos sumergirnos en él. Mirando estos ejemplos, podemos ver que los patrones narrativos entran más en el ámbito de la ilustración de la historia, como ilustraciones de libros infantiles o ilustraciones puntuales que puedes encontrar en periódicos o revistas. [ MÚSICA] Es interesante saber que algunos primeros ejemplos de patrones narrativos se llaman [EXTRANJEROS] y se hicieron muy populares en los siglos XVIII y XIX. Como se puede ver en estos ejemplos, se centraron en representar historias. Tenían una estética muy reconocible y eran típicamente monótonas. puede ver que representaron muchos temas populares de esa época como paisajes pastorales románticos con ruinas, encuentros de amor, avances científicos, mitología griega y fábulas. Personalmente no me interesa este estilo en particular, pero si lo eres, Beer Bill tiene una gran clase de Skillshare sobre recrear estos patrones históricos y dejaré un enlace con él en el Proyecto y Recursos. Incluso si no te interesa este estilo, sí te animo a que tomes algún tiempo y observen estos patrones para ver qué puedes precisar y distinguir cuando se trata de una repetición de patrones. Echa un vistazo a cómo organizaron diferentes escenas, cómo organizaron los elementos, y dónde los colocan. ¿ Trataron de ocultar repetición con elementos decorativos florales o se fueron con una repetición más obvia y audaz. Como ya sabrás, mi principal fuente de inspiración es diseño vintage y las ilustraciones del siglo XX y ahí puedes encontrar muchos bellos ejemplos de patrones narrativos así como ilustraciones narrativas que tienen potencial para convertirse en patrones. Algo que realmente me gusta son las obras de [inaudible]. Este patrón es un gran ejemplo de un patrón narrativo que es denso y tiene una colocación de elementos diferente en comparación con los anteriores ejemplos [EXTRANJEROS] que vimos. Pero si miras algunas de sus portadas neoyorquinas, encontrarás muchas ideas con respecto a la disposición de los elementos y cómo pueden contar una historia cuando se colocan juntos. Estas son ilustraciones, pero se puede ver que se podrían hacer muy fácilmente en patrones repetitivos. Además, me encanta mirar las ilustraciones de libros infantiles viejos y sobre todo, y el arte en papel. Aquí aquí algunos ejemplos maravillosos que realmente me gustan. Por cierto, todas las imágenes que estoy mostrando están en un tablero de Pinterest que hice para esta clase y puedes encontrar el enlace a ella en la sección Proyecto y Recursos. Para hacerlo más práctico y no sólo inspirador, aquí hay una idea para un ejercicio útil y aprendizaje observacional. Puedes usar tus propios ejemplos o algunos de los ejemplos de mi tablero de Pinterest y encontrar 3-4 ilustraciones narrativas o patrones diferentes al enfocarte en cómo se organizan los elementos. De esta manera, te inspirarás, pero también comenzarás a desarrollar diferentes ideas sobre qué tipo de patrón de repetición quieres crear. ¿ Va a ser más de un patrón denso que tiene ciertos elementos que combinados juntos cuentan una historia o va a estar más enfocado en unas cuantas escenas que se colocan en un bol repetir o voluntad ¿ser algo intermedio donde diferentes escenas están conectadas con elementos florales de relleno? Mira a través de diferentes ejemplos para entender lo que te gusta y lo que quieres lograr y podrías terminar combinando varias ideas diferentes y creando algo completamente tuyo. 4. Ideas Iniciales & Bocetos: [ MÚSICA] Ahora que sabemos lo que estamos buscando, es hora de elegir nuestro tema, desarrollar una historia que queremos contar y hacer algunos bocetos. [ MÚSICA] Tal y como mencioné anteriormente en la sección de proyectos y recursos, puedes encontrar lista de posibles temas para elegir. Algunos de estos temas están siempre en tendencia, lo que los hace grandes piezas de portafolio que son fáciles de licenciar. Personalmente siempre voy por un tema que me apasiona porque puedo conectar más fácilmente la historia que estoy contando y representando. Además de elegir una determinada ubicación o actividad de temporada, es bueno pensar en qué tipo de emociones quieres transmitir representando esa historia. ¿ Quieres que sea mágico? Una utópica, pintoresca y romántica, divertida y infantil, o elegante y moderada, etcétera Esto es por supuesto, no algo que tengas que haber determinado de antemano. Lo que funciona mejor para mí es estar interesado en un tema que quiero ilustrar y luego apenas empezar a bosquejar y ver qué dirección me lleva y qué me gusta de él. El tema en el que me voy a centrar en esta clase es sobre el mar, las islas y las actividades veraniegas. Está inspirado en mis viajes para crear una hermosa isla griega. Tengo un montón de metraje que grabé que voy a usar como mi inspiración. Ya hice una ilustración inicial y voy a usar eso como punto de partida. Me resulta mucho más fácil visualizar mis ideas como esta antes de comenzar a planear y desarrollar un patrón complejo, repite. De esta manera. Puedo contar una pequeña parte de la historia y también establecer el tono y el estilo. Como se puede ver, voy con este tema imaginario en un estilo ligeramente ingenuo. Es hora de veraneo, todo el mundo está pasando un buen rato y disfrutando de este cálido y soleado día. Los colores son vibrantes, pero a la vez, vintage y nostálgicos. Yo quería hacer a lo grande ese sentimiento cuando estás vacaciones y no tienes ninguna preocupación, eres sólo que están disfrutando el momento. En este punto se puede elegir un tema, hacer bocetos iniciales y crear una ilustración de borrador que establecerá el escenario para la planificación del patrón más adelante. [ MÚSICA] Al mirar la ilustración que hice, ya tengo una idea general de patrón. Voy a crear diferentes escenas como esta y arreglarlas en una repetición cohesiva. Cuando se trata de este tipo de patrones, es bueno comenzar posicionando los elementos que son los más destacados, como estas islas. Al hacer eso, se puede crear una base sólida de repetición para el resto de los elementos. Ahora, puedo colocar las figuras humanas y verdor, que son sólo elementos decorativos para las islas y eso me deja con este vasto espacio marino que está vacío, que puedo llenar de diferentes barcos. Como se puede ver, todo esto es bastante geométrico y audaz. Agregar aves en vuelo que están rompiendo las líneas horizontales rectas, le dará un buen flujo y equilibrio. Si no estás seguro de qué tipo de repetición quieres crear un gran punto de partida es el tablero de Pinterest que hice, donde puedes ver muchos ejemplos y ahora también te mostraré ahora también te mostraré dos formas diferentes de planeando un patrón narrativo. Estaré usando el tema del campo porque a diferencia del mar, tiene mucha vegetación que puedes usar como elementos de relleno. Para éste, hagamos algo parecido al primer ejemplo que te mostré en la lección anterior. Un patrón que es denso y tiene elementos que cuando se combinan juntos, cuentan la historia. En este caso, estoy encajando los elementos de cerca. Estoy dibujando todo lo que está relacionado con la vida campestre. Me estoy enfocando en el tamaño de los elementos y determinando cuáles son los principales o los más prominentes, por lo que puedo dispersarlos uniformemente en esta repetición. Esta forma de hacer un patrón narrativo es como un juego divertido porque se siente como si estuvieras resolviendo un rompecabezas tratando de encajar todo. El segundo se puede desarrollar para más escenas que han recogido la vida rural. Es algo parecido a lo que hice por el patrón de héroes que te mostré antes. En este caso, puedes representar diferentes escenas relacionadas con el tema igual que antes, comienza enfocándote en cómo se pueden posicionar los elementos principales. En este caso, las casas son los elementos principales. Quieres ponerlos en una repetición cohesiva y luego puedes empezar a llenar el espacio vacío con elementos adicionales como árboles, plantas, humanos o animales. [ MÚSICA] Ahora que tengo el tema, el boceto inicial y la idea para la repetición del patrón, me gusta enfocarme en desarrollar los elementos de patrón que voy a utilizar. Al mirar la ilustración y el boceto del patrón, puedo determinar qué tipo de elementos quiero dibujar. Voy a esbozar humanos en diferentes posiciones desde acostado en la playa, nadar, saltar en el agua y caminar. Entonces diferentes formas de islas, alguna flora insular, muchas embarcaciones diferentes y también aves en vuelo. Encontré que este método funciona mejor para mí porque puedo tener más control sobre cómo estoy organizando las escenas más tarde. Se siente más flexible y hay más posibilidades para editar, escalar y cambiar una vez que empezamos a poner estos elementos en un panorama más amplio. En caso de que te estés preguntando cuántos elementos necesitas esbozar. La respuesta es cuanto más, mejor, y puedes pensar en esto como creando un mundo visual para tu patrón de héroe. Mientras haces eso, estás generando material que podría usarse para otros patrones en caso de que estés planeando desarrollar esto en una colección. Una última cosa, se pueden hacer los bocetos sobre papel como lo haré y luego redibujarlos en procreate. O simplemente puedes dibujarlos directamente en procreate, la elección es tuya. Simplemente ve con lo que sea más cómodo. Voy a empezar a dibujar y podría tardar un rato y te veré en la siguiente lección donde arreglaremos el boceto de patrones en Photoshop. 5. Patrón de dibujo en Photoshop: Estamos de vuelta. Los bocetos están terminados. Dibujé un montón de elementos que ahora puedo elegir. Ya los fotografié con mi teléfono, los agregué a Procreate y los dibujé para subirlos. Como se puede ver, todo está agrupado, y cada elemento está en una nueva capa, por lo que no tengo que separar eso en photoshop, pero más tarde cuando empecemos a crear un patrón final, photoshop vamos a hacer las cosas de manera diferente. Hay una razón por la que verás cuando lleguemos allí. Pero por ahora simplemente puedes abrir cualquier tamaño de lienzo en Procreate, hacer esos bocetos, y todo lo que tienes que hacer es enviarlo como un archivo PSD a tu computadora. [ MÚSICA] Ahora, una vez que estemos en Photoshop, vamos a configurar un tamaño de documento que usaremos para el boceto y también para la repetición final posterior. Debido a que este es un patrón más complejo con muchos elementos, me gusta jugarlo seguro y usar un tamaño de lienzo más grande de 24 por 24 pulgadas y 300 DPI. Absolutamente puedes ir por un 20 por 20 o 18 por 18 pulgadas, cual es absolutamente suficiente. Lo único a tener en cuenta, por supuesto, al trabajar con rásteres es que si trabajas en un tamaño más grande, siempre podrás bajarlo más tarde sin perder calidad. Por otro lado, si creas una repetición en un tamaño más pequeño y necesitas escalarla más tarde, no va a ser tan fácil. Pero tampoco me pondría énfasis en eso porque aunque cometas un error con el tamaño inicial, es reparable. Una vez que construyas un patrón, repita y haces el levantamiento pesado de organizar los elementos, puedes rehacer la misma repetición una vez más en un lienzo más grande. Además, voy a ir con un modo de color CMYK, porque estoy preparando este patrón para que se imprima potencialmente. Incluso si algunas impresoras funcionan con el modo de color RGB, en mi opinión, es mucho más fácil pasar de CMYK a RGB más tarde. Pero por supuesto puedes elegir lo que necesites o lo que tu cliente te pida. [ MÚSICA] Ahora abriré este archivo Procreate PSD en una pestaña separada. Como pueden ver, tengo estos grupos de capas que olvidé nombrar. Voy a hacer eso rápidamente ahora así que sé qué es qué. Voy a convertir todas estas capas en objetos inteligentes. Porque una vez que comiencemos a planear nuestra repetición de patrones en el tablero de arte principal, vamos a usar algo llamado vista previa de patrones, que es una herramienta increíblemente útil para organizar la repetición de patrones. Pero la vista previa de patrones funciona perfectamente con objetos inteligentes y no funciona bien con las capas normales. Ahora, ya que tengo un montón de capas para convertir, en lugar de hacer el clic derecho y buscar convertir a objeto inteligente, cada vez. Yo configuré un comando personalizado que puedo usar para eso. De esa manera, solo tengo que presionar “Shift Command O”, para convertir una capa en un objeto inteligente. Si también quieres configurar un comando personalizado, y lo recomiendo encarecidamente porque ahorra mucho tiempo, puedes ir a editar, teclado, y encontrar capa, objeto inteligente, convertir a objeto inteligente, y puedes escribir aquí el comando que te gustaría usar. Es bueno saber que de esta manera, puedes configurar comandos personalizados para lo que quieras o lo que estés usando muy a menudo. Ahora solo seleccionaré cada capa, presionaré mi atajo personalizado, Shift Command O, y rápidamente convertiré todas estas capas en objetos inteligentes. Una vez que haya hecho eso, puedo seleccionar todos los grupos que tengo y copiar comando C y pegarlos en su lugar en el principal Canvas Shift Command V. Es más pequeño porque trabajé en un tablero de arte más pequeño en Procreate, pero eso no es importante porque esto es sólo un boceto, y puedo escalarlo incluso si voy a perder algo de calidad. Todo está configurado y ahora puedo ir a ver y activar la vista previa del patrón. De esta manera podemos organizar los elementos a la vez que tenemos una visión general de la repetición del patrón. Ahora empezaré a organizar los elementos. Ya hemos practicado esto mientras hacemos un boceto de patrón. Los primeros elementos que voy a arreglar son las islas, porque son las más prominentes, son las primeras en captar nuestra atención por el tamaño y después por el color y el contraste. De esta manera, puedo hacer una base equilibrada y sólida para mi flujo de repetición general. Como se puede ver, la herramienta de vista previa del patrón es increíblemente útil en este punto porque solo puedo alejar y acercar para comprobar cómo se ve la repetición general y hacer ajustes. Además, una vez que haya terminado con un grupo de elementos, me gusta encerrarlo para que no se interponga en el camino. Ahora puedo empezar a posicionar las figuras humanas. Como habrás notado mientras estoy seleccionando estos elementos, existe este problema de error de selección. Esto es algo que está sucediendo cuando se trabaja con un archivo PSD apropiado en Photoshop. El cuadro limitador no está en el borde de tu elemento, sino que cubre el área del lienzo que utilizaste en Procreate. Básicamente crea este enorme espacio vacío que se selecciona. Por ahora no me molesta, pero una vez empecé a trabajar con unas ilustraciones finales que usaré para hacer una repetición de patrón, te mostraré cómo solucionar este problema de selección y te lo contaré más al respecto. Ya me gusta cómo viene este patrón. Los humanos están en sus posiciones y ahora puedo colocar el resto de los elementos y llenar el espacio vacío alrededor de las islas. Personalmente, me parece más fluido y libre trabajar con un boceto de patrón en lugar de entrar con elementos ya ilustrados porque hasta este punto, no tenía una idea clara de lo que voy a usar. Además, si estoy en fase de boceto, no siento la presión para hacer nada final. Como pueden ver, solo estoy jugando con elementos y composición y puedo hacer tantos cambios como quiera. El boceto de patrón está hecho, y una vez que apago el modo de vista previa del patrón, se puede ver que los elementos no se repiten en los bordes. Tendríamos que hacerlo manualmente, pero en esta etapa no tenemos que hacer eso. Ahora, si tienes una tablet webcam y haces un dibujo en Photoshop, puedes empezar a dibujar de inmediato. Pero si eres como yo y no tienes una tablet webcam y haces tu dibujo en Procreate preferentemente en un acogedor sofá. En la siguiente lección, te mostraré cómo preparo este Photoshop Sketch para que sea transferido en Procreate para que pueda empezar a ilustrar. 6. Ilustraciones de patrón en Procreate: [ MÚSICA] En este punto, te mostraré mi forma de combinar Procreate y Photoshop. Por un lado, Photoshop tiene esta increíble herramienta de previsualización de patrones que usamos que hizo mucho más fácil la planificación y creación de un patrón de repetición. Tiene capas interminables y no corta los elementos que coloques en los bordes del lienzo. Por otro lado, si estás usando Procreate como tu principal herramienta de ilustración, tienes muchos juegos de pinceles ahí, puedes usarlo donde estés y no estás unido a tu computadora. El Procreate tiene un número limitado de capas, especialmente si estás trabajando con tamaño de lienzo más grande y una resolución más grande. Una cosa que no podemos hacer es solo tomar este patrón, repetir, guardarlo, y por ejemplo, abrir una mesa de trabajo de 30 por 30 pulgadas en Procreate y empezar a ilustrar inmediato porque ese lienzo lo hará probablemente tenga dos capas disponibles y se retrasará y se estrellará de inmediato. Pero lo que podemos hacer para hacer esta colaboración de Photoshop y Procreate posible esta colaboración de Photoshop y Procreatees Guardar estos elementos de patrón como algunas imágenes separadas y luego trabajar en ellos en Procreate en unos pocos mesas de trabajo separadas. [ MÚSICA] Sé que si abro una mesa de trabajo de 18 por 18 pulgadas en Procreate con 300 DPI tendré 14 capas disponibles con las que trabajar, cual es suficiente para mi estilo sencillo, pero si tu iPad tiene menos memoria y por lo tanto menos capas o tu estilo requiere muchas más capas, podrías considerar preparar estas ilustraciones de patrones en una mesa de trabajo más pequeña. En Photoshop, voy a abrir una nueva mesa de trabajo en 18 por 18 pulgadas donde prepararé estas imágenes de boceto para Procreate. Ahora en la mesa de trabajo patrón principal, quiero determinar cómo dividir eficientemente el boceto del patrón en unas composiciones diferentes que cabrán en esta nueva mesa de trabajo de 18 por 18 pulgadas. Este podría ser el primero. Voy a copiar la selección, Comando C, y luego pegarla en la nueva mesa de trabajo, Comando V. Mientras esté seleccionada, agruparé, Comando G, y la renombraré a composición 1. Por ejemplo, este podría ser el segundo. Apagaré el grupo anterior y pegaré éste, agruparlo y cambiaré el nombre igual que lo hice antes. Sólo hay dos cosas importantes a tener en cuenta. Una es mientras hace esto se asegura que la vista previa del patrón esté apagada, porque de lo contrario van a perder tus elementos y no podrás copiarlos y pegarlos correctamente. Lo segundo importante a tener en cuenta es que puedes arreglar los elementos como quieras, solo necesitas encajarlos en esta nueva mesa de trabajo y esencialmente prepararlos para ser ilustrados en Procreate. Pero hagas lo que hagas, simplemente no cambies la escala de los elementos porque las ilustraciones finales que hagas en Procreate necesitan ser del mismo tamaño que están en del mismo tamaño que están en el boceto de patrón que hiciste en Photoshop. Ahora, tengo cinco composiciones diferentes que están en grupos uno encima del otro, y cada grupo ahora está apagado. Voy a encender un grupo, ir al archivo, exportar y hacer una exportación rápida como PNG. Voy a hacer lo mismo por todos ellos. Apague este grupo y luego encienda el otro y exporte como PNG. Al final tengo cinco imágenes de boceto PNG que voy a enviar a mi iPad, y puedo empezar a ilustrarlas en Procreate. [ MÚSICA] Ahora estamos en Procreate. Dependiendo del tamaño de la mesa de trabajo que usaste para preparar tus bocetos en Photoshop, vas a abrir exactamente la misma mesa en Procreate. Estoy abriendo una nueva mesa de trabajo en el tamaño de 18 por 18 pulgadas con un DPI de 300, y pondré el color a CMYK. Ahora, puedo añadir mi imagen de boceto. Todo está listo, así que empecemos a dibujar. Haré una base para cada elemento en un color neutro. Para eso, estoy usando un rotulador de un conjunto de brochas de suministro retro. Dejaré el enlace para todos los conjuntos de pinceles que estoy usando en la sección proyecto y recursos. Como pueden ver, estoy trabajando en capas separadas, pero no estoy colocando todos y cada uno de los elementos en una nueva capa como lo hice con un boceto. Sólo estoy separando elementos por color y posición. Una de las razones es un límite de capa en Procreate. El otro motivo es un error de selección que existe al abrir un archivo PSD de Procreate en Photoshop. Ahora voy a empezar a agregar colores y texturas en una nueva capa encima de mi capa base. Estoy configurando esta capa en un modo de mezcla multiplicado porque quería crear sutiles efectos de impresión más adelante. Para esto, estoy usando unos juegos de pinceles realmente maravillosos de True Grit Texture llamado cromógrafo. Tiene tantos lápices suaves increíbles, pinceles de carbón y pastel. Estoy construyendo textura para la isla inclinando el pincel y agregando diferente opacidad con presión. Entonces estoy agregando más textura con una punta de la pluma. Voy por una vibra ingenua más infantil. Este boceto de textura suelta encaja perfectamente. Si no tienes este juego de pinceles, un buen sustituto podría ser lápiz 6B irregular o pinceles de sujeción de tiza que son nativos de Procreate. Una vez hecho, seleccionaré la capa y la moveré un poco para decidir crear este precioso efecto de error de superposición para el look vintage. Por cierto, si te interesa un diseño vintage y diferentes efectos de impresión que puedes añadir a tus ilustraciones, tengo una clase sobre diseño vintage con etiqueta matchbox. Dejaré un enlace a ella en el proyecto y recursos en caso de que quieras ver más tarde. Ahora, abordemos a estos humanos. Decidí mantenerlos simples y geométricos sin muchos detalles. Quería centrarme más en su movimiento y no en las expresiones faciales. Creo que si un diseño de patrón está impreso en la tela, no debería tener muchos detalles diminutos, pero esa es solo mi preferencia y elección de estilo. Aquí también estoy usando un modo de mezcla multiplicada para sus trajes de baño y ropa. Lo estoy dibujando ligeramente del borde para obtener ese efecto de superposición de color como lo hicieron con la isla. Seguiré ilustrando este boceto y para otros bocetos que preparé. Te veré en la siguiente lección donde vamos a armar el patrón final en Photoshop. 7. Patrón final en Photoshop: Ahora que he terminado cinco ilustraciones diferentes en Procreate y las he enviado como archivos PSD a mi laptop, puedo empezar a crear el patrón final. Ya abrí estas ilustraciones en Photoshop y ahora puedo trabajar en algunos aspectos técnicos para hacer todo limpio, organizado, y profesional. Como pueden ver, no nombro mis capas, simplemente no puedo hacerlo. En cambio, después los organizo en grupos y nombro a esos grupos. Pero como no nombro las capas, a veces no sé cuál es cuál. Ser capaz de ver visualmente lo que hay en cada capa es muy útil. Para que eso suceda en la ventana Capa, puedo hacer clic en este menú de hamburguesas y seleccionar “Opciones de Panel”. Aquí puedo establecer cómo se muestran mis capas. Estableceré el tamaño de la miniatura a medio y contenido en miniatura a los límites de capa. Como se puede ver, esta configuración hace que sea mucho más fácil ver lo que estoy haciendo. Como mencioné anteriormente, hay un error de selección que ocurre cuando se abre el archivo PSD apropiado en Photoshop. Aquí hay un ejemplo donde se puede ver claramente lo que está sucediendo. Al seleccionar la capa, la selección no solo selecciona píxeles visibles, sino que selecciona todo el área del lienzo. Ya que vamos a mover o rotar estos elementos y además vamos a tener que seleccionarlos juntos y moverlos al crear una muestra de repetición, no queremos que este tema se interponga en el camino. Traté de ignorarlo, pero por mi experiencia, este pequeño error realmente hace que mi flujo de trabajo sea mucho difícil y a veces confuso. Para deshacerme de él, todo lo que tengo que hacer es agarrar la herramienta Lasso. Lo puedes encontrar en el menú aquí o simplemente puedes presionar “L” en tu teclado. Seleccione el área alrededor del elemento y pulse “Comando X” para cortarlo, y luego “Shift Command V” para pegar en su lugar. Ahora si vuelvo a seleccionar la capa, se puede ver que el cuadro limitador está rodeando solo el elemento y no todo el área del lienzo. Una información rápida de la herramienta Lasso. En caso de que no hayas realizado la selección correcta con la herramienta Lazo, siempre puedes mantener la opción Mayús para agregar a la selección u opción para eliminar una parte de tu selección. Si no quieres usarlo, puedes presionar “Comando D” para desseleccionar y éste lo eliminará. Ahora además de solo usar la herramienta Lasso para cortar y pegar para resolver el problema de selección, quiero pensar de antemano y preparar estos elementos en algo que llamo grupos lógicos. Esto me ayudará a mantener organizado mi archivo de patrones y también me dará la posibilidad de editar fácilmente estos grupos o moverlos. Aquí hay un ejemplo. Tengo a estos dos humanos en la misma capa y quiero separarlos para que cada humano esté en su propia capa. Con la herramienta Lazo, solo puedo seleccionar un “Comando X” para cortar, “Shift Command V” para pegar en su lugar. Voy a hacer lo mismo por su ropa y pelo. Ahora, puedo seleccionar a este humano con su ropa y cabello correspondientes y agruparlo. Puedo llamar a este grupo Humano 1, y haré lo mismo por el otro. Ahora si quiero moverlos y cambiar su posición en el patrón final, puedo hacerlo fácilmente sin agarrarlos a ambos al mismo tiempo. Por otro lado, no voy a separar cada ave del rebaño porque estas aves funcionan como una unidad cohesiva. Todo lo que tengo que hacer es usar la herramienta Lasso para separar todas las aves en una nueva capa y agrupar la capa blanca con los detalles negros, y puedo llamar a este grupo Birds 1. Voy a seguir haciendo esto por esta ilustración y las otras también. Puede parecer mucho trabajo repetitivo y técnico, pero es sólo una parte del proceso. También es inevitable si quieres tener un archivo organizado y profesional que luego enviarás a tu cliente. Además, hace que todo el proceso de organizar el patrón se repita mucho más fácil, flexible y menos confuso. Por cierto, necesito volver a la primera ilustración, hay algo que olvidé hacer y mencionar. Si tu capa está en modo de fusión multiplicada, una vez que cortes y pegues de ella, volverá a la normalidad. Tendrás que configurarlo para multiplicar de nuevo. Ahora sigamos cortando, pegando, agrupando y renombrando. Todos los preparativos están terminados y ahora podemos finalmente juntar todos estos elementos en una repetición. Esta vez no voy a usar el modo Previsualización de patrones como lo hicieron mientras hacía el boceto del patrón, y por eso, trabajaré con capas normales y no con objetos inteligentes. Por cierto, si no estás familiarizado con los objetos inteligentes o herramienta Previsualización de patrones y cómo funciona todo, aquí tienes una explicación súper rápida. Los objetos inteligentes básicamente protegen la calidad de tus elementos. Puedes moverlos y escalarlos hacia arriba y hacia abajo sin perder la calidad, lo cual no es el caso de las capas normales. Puede convertir una capa en objeto inteligente o en un grupo completo. Pero para acceder a él y hacer cambios, es necesario hacer doble clic en él y se abrirá en una pestaña separada. Si haces algunos cambios, tienes que guardarlo, y aparecerán en tu mesa de trabajo principal. Además, algo bueno saber es que los objetos inteligentes se pueden convertir de nuevo en capas. Ahora Pattern Preview, como mencioné antes, funciona perfectamente con objetos inteligentes y no con capas normales. Si intentas usar el modo Previsualización de patrones con capas normales, podría comenzar a retrasarse, especialmente si tienes un archivo grande. También si colocas capas normales en los bordes del lienzo mientras que en el modo Previsualización de patrones, Photoshop las cortará en partes, lo cual es algo que definitivamente no quieres que suceda porque quieren preservar la posibilidad de editar y mover las cosas alrededor. ¿ Hay alguna razón por la que ahora estoy usando capas normales en lugar de objetos inteligentes? Básicamente, es solo mi preferencia personal ya que ya arreglé todo mientras creaba un boceto, no creo que sea necesario pasar por el proceso de convertir todas mis capas y capas se agrupa en objetos inteligentes. Dado que el posicionamiento de los elementos no va a cambiar drásticamente, no hace ninguna diferencia para mí. Si estás, por ejemplo, saltando el paso de hacer un boceto de patrón, lo cual está absolutamente bien, todos tienen un proceso de trabajo diferente, podrías considerar usar objetos inteligentes para el patrón final, sobre todo si vas a mover las cosas mucho o una escalarlas hacia arriba y hacia abajo. En ese caso, los objetos inteligentes protegerán la calidad de tus dibujos y te darán más espacio para experimentar. Por otro lado, también me gusta tener el archivo de patrón final con capas normales en lugar de objetos inteligentes porque me resulta más fácil hacer pequeñas ediciones o cambios de color más tarde. Ahora fusionaré las capas de boceto en la mesa de trabajo principal. Seleccionaré todos los grupos y capas seleccionando el primero, manteniendo presionado Mayús, y seleccionando el último, y luego puedo usar el atajo “Comando E” para fusionar. Ahora bajaré la transparencia de esta capa, la bloquearé, y estableceré el color de fondo para el patrón. De cada ilustración, copiaré el grupo con elementos “Comando C”, y luego lo pegaré en la mesa de trabajo principal “Comando V”. Lo desagruparé”, cambiar el Comando G”, luego simplemente colocar estos elementos en su lugar. Hagamos el segundo. Como se puede ver, éste no va a encajar correctamente, posicionaré primero la Isla, luego separar rápidamente las aves con la herramienta Lasso porque dos pájaros necesitan ser colocados en la esquina superior, y la tercera en la parte inferior. Continuemos. Hasta ahora tan bueno. Todos los elementos están en su posición. Apagemos el boceto y ahora podemos crear una muestra de patrón colocando los elementos faltantes en los bordes del lienzo. Voy a seleccionar todos los elementos del borde izquierdo así. Por cierto, esta es la razón principal por la que tuve para resolver ese problema de selección Procreate PSD porque ahora cuando hago una selección de múltiples capas, puedo hacer una selección precisa y evitar agarrar elementos no deseados en el camino. Ahora copiaré, Comando C, y pegaré en su lugar, Shift Command V. Puedes ver en mis capas que se seleccionan estos nuevos elementos copiados. Puedo presionar “Comando G” para agruparlos y nombrar el grupo DERECHO porque lo moveré hacia el lado derecho. Este grupo está seleccionado y todo lo que tengo que hacer es presionar “Comando T” para transformarse. Ahora, en este menú superior verás ejes X e Y los cuales determinan dónde se coloca tu elemento. Lo único que hay que recordar o anotar en una nota pegajosa es que X es el eje horizontal y Y es el eje vertical. Al usar X podemos mover elementos a la izquierda o a la derecha, y mediante el uso de Y podemos moverlos hacia arriba o hacia abajo. En el eje X hay todo listo un número que determina dónde se coloca el objeto ahora. Si escribimos menos y algún otro número lo moverá a izquierda y si tecleamos plus y algún número lo moverá a la derecha. Lo mismo ocurre con el eje Y; si escribes menos y algún número puedes mover el objeto arriba y si escribes plus y algún número puedes moverlo hacia abajo. No hay necesidad de hacer los cálculos por ti mismo porque solo escribiendo más o menos y agregando el número Photoshop hará las matemáticas. El número que tenemos que usar para mover los elementos y crear una muestra de patrón es del tamaño de nuestra mesa de trabajo. Tengo un lienzo cuadrado que está en 24 por 24 pulgadas por lo que tanto el eje X como el Y usarán el mismo número. Pero como se puede ver, todos estos cálculos se realizan en píxeles y no en pulgadas ni centímetros. Para conocer el tamaño de tu lienzo en píxeles, solo tienes que mirar hacia abajo en esta esquina inferior izquierda y verás los números. En mi caso estoy trabajando con 7,200 por 7,200 pixeles. Sólo para recapitular, ya copié los elementos, los agrupé, y presioné “Comando T”. Ahora, para mover estos elementos en el lado derecho de la mesa de trabajo tengo que ir al eje X y escribir más 7,200 píxeles. Simplemente puedo hacer clic en algún lugar fuera del lienzo para salir del modo de transformación. Eso es todo. El motivo por el que agrupo esto es para que ahora pueda apagar este grupo y seleccionar elementos que están del lado derecho sin estos nuevos elementos copiados se interpongan en el camino. Una vez más, selecciona, copia, pega en su lugar y agrupa. Voy a nombrar a éste IZQUIERDA. Ahora, Comando T para transformar. Para mover este grupo a la izquierda puedo escribir menos 7,200. Eso es todo. También apagaré este grupo. Haré lo mismo por los objetos que están arriba y abajo pero esta vez usando el eje Y. Seleccionaré los elementos en la parte inferior, copiaré, pegaré en su lugar, y agruparé. Voy a nombrar a éste UP. Ahora, Comando T para transformar, y en el eje Y escribiré menos 7,200. También apagaré este grupo. Puedo hacer lo mismo por los objetos que están encima; solo escribiré más 7,200 y los moveré hacia abajo. Una vez hecho esto puedo encender todos estos grupos repetidos, asegurarme de que todo esté correcto, y luego desagruparlos. Ahora, probemos este patrón. Me gusta ver y probar mis repeticiones de patrones en una nueva mesa de trabajo. En primer lugar, guardaré esta muestra de patrón. Todo lo que tengo que hacer es ir a la ventana del patrón y simplemente presionar este ícono “Plus”. Ahora puedo abrir una nueva mesa de trabajo, por ejemplo, un formato A4. Aquí en la parte inferior de la ventana de capa haré clic en este icono para agregar nueva capa de relleno o ajuste y seleccionar “Patrón”. Ahora puedo encontrar el patrón que guardé y escalarlo para tener una mejor vista previa. Primero lo primero, acerque para comprobar si la muestra se realiza correctamente y la repetición es sin errores. Todo esto es bueno y ahora podemos enfocarnos en los aspectos visuales de la misma. Lo que me gustaría hacer ahora es mirar la repetición general del patrón para ver si el flujo es bueno. También estoy buscando ver si el equilibrio entre espacios llenos y vacíos es bueno. ¿ Hay algo que se interponga en el camino? ¿ O hay algo que parezca apagado? También puedes entrecerrar los ojos mientras haces esto porque de esa manera puedes desenfocar los detalles y enfocarte en el flujo del patrón. Lo que puedo ver es que este barco se está metiendo en el camino. Siento que esa parte del patrón está agrupada en comparación con otras partes que tienen más espacio para respirar. Podría mover ligeramente a este humano porque está posicionado demasiado cerca de la isla. Volvamos a la capa principal y hagamos esos cambios. Agregaré esta nueva repetición de patrón en mi ventana de patrón y haré otra prueba. Debe estar en la misma escala para que podamos hacer comparaciones. Ahora, si lo apago y encendido se puede ver que está mejorando. Volveré a examinar éste de la misma manera. Estoy bastante contento con éste, se ve mucho mejor con esos dos pequeños cambios. Pero podría necesitar mover un poco este sol a la izquierda y hacer ajustes más pequeños para las embarcaciones. Volveré a ir a la mesa de trabajo principal y hacer esos cambios. Una buena cosa a tener en cuenta es que si estás moviendo elementos que están en los bordes del lienzo necesitas seleccionar ambos. Si quiero mover este barco necesito seleccionar uno a la izquierda y otro a la derecha y luego puedo moverlos juntos sin estropear la muestra de repetición. Vamos a probar este patrón una vez más. Sí, realmente se ve bien ahora. Se puede ver en estos tres ejemplos cómo esos pequeños cambios marcaron una gran diferencia. Eso es todo. Este es el patrón final. El archivo PSD está completamente hecho y puedo agregar este patrón en mi cartera y licenciarlo de inmediato, o trabajar en desarrollar una colección de patrones donde esta sería la impresión principal héroe. Tal vez podría hacer una clase y mostrarte cómo estoy haciendo así que si eso es algo que te gustaría ver puedes hacerme saber en la sección de discusión de esta clase. 8. Reflexiones finales: [ MÚSICA] Bueno chicos, estamos al final de esta clase. Sólo quería decir, gracias por pasar tiempo conmigo y seguir este proceso de elaboración de patrones. Cada uno de nosotros tiene diferentes estilos de arte,preferencias diferentes, preferencias diferentes, y en última instancia un flujo de trabajo diferente. Mi mayor consejo es seguir junto con mis ejemplos y métodos, pero siempre experimentar y ver cómo puedes tomar lo que has aprendido y descubierto y luego remodelarlo para que se ajuste a tus propias necesidades. Espero que te diviertas mientras creas tu propio patrón narrativo, desarrollando una historia, y expresándote a través del diseño de patrones. Puedes documentar tu proceso y resultado final y compartirlo con nosotros creando un proyecto de clase. El apartado con proyectos de clase siempre termina siendo este maravilloso lugar donde podemos mostrar nuestro arte y celebrarnos. Por cierto, me encantaría escuchar lo que piensas de esta clase, así que asegúrate de calificar y revisarlo. Como siempre, si tienes alguna pregunta o algo que estaba mostrando no estaba claro, siéntete libre de preguntar cualquier cosa en la sección de discusión de esta clase y me pondré en contacto contigo en cuanto pueda. Para recibir notificaciones sobre mis próximas clases, sígueme aquí en Skillshare y también puedes mantenerte en contacto conmigo en Instagram @diujdi. Te estoy enviando mucho amor, buenas vibraciones, y te veo en la siguiente.