Transcripciones
1. Introducción: Oye. Yo soy Maya Favor. En esta clase, te enseñaré a bosquejar y dibujar motivos para tus patrones en Adobe Fresco. Como diseñador de patrones de superficie, con un estilo minimalista e imaginario, creo mis patrones a partir de dibujos vectoriales. Dibujo y dibujo en mi iPad y creo las repeticiones finales en Illustrator. En esta clase, usaremos Adobe Fresco, que es una nueva y emocionante app para iPad con un montón de características que explorar. Una de las características sorprendentes que ofrece Fresco es que puedes dibujar tanto en pixel vector en el mismo documento pero para mantenerlo simple y no hacer que el código de aprendizaje sea empinado, nos centraremos en aprender las características de dibujo vectorial, que hace que sea fácil convertir posteriormente tus dibujos directamente en patrones en Adobe Illustrator. Te mostraré cómo obtengo inspiración y esbozo ideas para patrones y mis técnicas digitales unidas. Empezaremos con pasar por las herramientas y gestos básicos de Fresco pero nos
centraremos principalmente en aprender haciéndolo te
mostraré más consejos y trucos en el camino a medida que creemos. Aprenderás mis técnicas para un flujo de trabajo suave y fácil y cómo empezar
a visualizar el patrón de repetición en esta etapa temprana del proceso de elaboración de patrones. Si te interesa aprender una forma divertida y fácil de dibujar vectoriales, entonces esta clase es para ti. Nos centraremos en dibujar motivos para patrones de repetición pero puedes, por supuesto, utilizar las mismas técnicas para crear ilustraciones de stand solitario también. Todo lo que necesitas para empezar es un iPad y Adobe Fresco.
2. Proyecto de clase: Tu proyecto en esta clase es dibujar motivos en Adobe Fresco que más adelante puedas convertirte en un patrón. El propósito es aprender un flujo de trabajo suave y fácil y cómo usar Adobe Fresco para dibujar motivos vectoriales. En esta clase, no haremos un patrón final de tus motivos, si te interesa aprender cómo creo patrones en Adobe Illustrator, echa un
vistazo a mi clase From Sketch to Repetir Pattern aquí en Skillshare. Como recientemente conseguí estas lindas plantas pequeñitas, dibujaré las plantas como motivos en esta clase. No es imprescindible dibujar plantas, por supuesto
puedes elegir otros objetos para dibujar, pero será impresionante ver tu interpretación y tu estilo único de dibujar plantas. Si te apetece, eres más que bienvenido para unirte al tema de la planta. Estoy muy emocionado de ver lo que creas.
3. Colores: Hablemos un poco de colores. Entonces cuando empiezo a dibujar, normalmente
tengo una paleta de colores para empezar. Esa no necesita ser mi paleta de colores final. Puedo cambiarlo durante el proceso. Pero para mí, las formas y los colores son igualmente importantes para conseguir una buena vibra de lo que dibujo, que me hace avanzar en mi proceso de dibujo. Entonces todo se trata de la buena vibra. Por lo que para hacer una paleta de colores, puedes hacerlo de varias maneras. Tengo toda una clase sobre dominar colores en diseño de
patrones aquí en skill share donde te enseño mis técnicas sobre elegir paletas de colores, donde obtengo inspiración de color, cómo descubrir tu estilo de color y trabajo con colorways y patrones. Eso lo puedes comprobar para conocer más sobre eso. Pero en esta clase solo voy a correr muy rápido cómo podrías escoger una paleta de colores para empezar. Una forma es agarrar una paleta de colores con inspiración de Pinterest. Si desliza el dedo hacia arriba, obtendrá su menú doc. Si pulsas “hold” en Pinterest, puedes arrastrarlo y soltarlo y obtendrás una ventana dividida en tu iPad. Entonces en Pinterest, tengo un tablero que se llama color, donde guardo pins que me es inspirador con los colores. Entonces lo que voy a dibujar hoy con las plantas, quiero algo así. Podrías inspirarte en imágenes que ahorras en Pinterest. Por lo general, no escojo colores directamente de las imágenes, pero los uso como inspiración para elegir colores. Puedes tener eso aquí a la derecha, la imagen, y puedes usar tu rueda de color para escoger colores que coincidan con la sensación de que buscas. Siempre dibujo con rosa. Voy a elegir vector cepillado el suelo básico, ajustar el tamaño, y seleccionar el color rosa. Esta es normalmente forma sencilla de hacer mis paletas de colores, hago pequeñas manchas de color, y tal vez quiero tener algo de verde. Eso fue un poco demasiado verde bosque, tal vez un poco más azul verde, entonces puedo usar la herramienta de relleno para llenarlo con un verde diferente. Por lo que también podrías usar los deslizadores HSB. Creo que quiero un poco de mostaza marrón, quizá un poco más de naranja, o algo así. Escoge el pincel vectorial y solo dibuja un poco de blob. Tus colores se guardarán a la pequeña zona, colores recientes. También puedes guardar nuevos colores a esta pequeña zona. Aquí es donde construyo mi paleta. Así que eres bienvenido a mirar mi tablero de colores en Pinterest, o por supuesto, tu propia inspiración de color si quieres elegir una paleta de colores de esta manera. Para quitar la ventana de Pinterest, mantén pulsado y arrastra, y luego presiona el botón “hold” y deslízala por la derecha Entonces borraré este pellet ya que tengo otra forma de buscar mi paleta de colores, y esa es colocar una imagen que guardé en mi escritorio, donde tengo un pellet que he estado usando últimamente que me gusta mucho y que tiene este terrenal colores que quiero para este dibujo que estoy haciendo hoy. Entonces para buscar esta paleta, guardaremos en el área reciente, y solo puedo sostener para agarrar el color y guardarlo en área reciente. Después escojo el siguiente color, escribo reciente, y el siguiente y toco el pequeño plus, hasta que he recogido todos los colores en mi paleta. También quiero buscar este color de fondo. Eso es todo. Ahora, tenemos nuestra paleta aquí. Se puede acceder a blanco. Creo que usaremos el blanco. Simplemente lo voy a guardar en mi paleta y seleccionar la herramienta de color, y luego normalmente guardo mi paleta en una capa separada en la parte inferior para que siempre pueda volver a ella más adelante. Como dije, si quieres más inspiración sobre cómo encontrar una paleta de colores que te guste, puedes echar un vistazo a mi clase, masterizando colores diseño impulsor aquí en habilisshare. Cuando hayas elegido una paleta de colores, podemos pasar a la siguiente lección, donde hablaremos de cómo encontrar inspiración para nuestros motivos y cómo dibujarlos en Adobe Fresco.
4. Inspiración y bocetaje: Vamos a conseguir algo de inspiración, hay por supuesto, muchas formas en las que puedes obtener inspiración, una de ellas es Pinterest, así que solo puedes deslizar hacia arriba para acceder a tu menú doc y tocar Pinterest, tengo un tablero que se llama flores, plantas y naturaleza, si vas a dibujar plantas como yo en esta clase y eres más que bienvenido a echarle un vistazo e
inspirarte en las plantas que he guardado en este tablero, así que aquí hay algunos cactus rutinados y también una de mis favoritas es ésta, también recientemente compré estas lindas plantas pequeñas, y en realidad son la razón por la que dejaré caer las plantas en esta clase porque solo creo que son tan lindas, esta es alguna planta de café y sí, Tengo un montón de inspiración aquí y también tengo intereses. Me inspiraré en ambas fuentes, y mi plan es dibujar quizá cuatro o cinco plantas diferentes. Cuando reúnas algo de inspiración, echaré un vistazo tanto a estas imágenes como a mis lindas plantas, comenzaremos con la parte de bocetos y solo voy a mover mi iPad porque vamos a empezar con bosquejos a mano. En esta clase, ambos bosquejaremos a mano y luego trazaremos nuestra imagen en fresco y también dibujaremos directamente en fresco. Te mostraré ambas técnicas. Empezamos con bocetos a mano. Simplemente toma un trozo de papel o tu cuaderno y luego simplemente empieza a bosquejar. Cuando hayas hecho algunos bocetos a mano, podemos pasar a probar para bosquejar el iPad en fresco de Adobe, así que volvamos al fresco para hacer algunos bocetos digitales y solo esconderé esta capa con la paleta de colores manteniendo pulsado mi atajo tocado y toque doble la capa. Para bosquejar en fresco, utilicé el pincel de píxeles, eso se llama lápiz, está en bocetos en el menú de pincel de píxeles. Ajusto la talla y solo elijo un color negro, y creo que probaría. Esto, tal vez algo así,
el alisado que mantendré en el medio creo y el resto de los ajustes de pincel que quiero ajustar para esta parte de bocetos. así que como habrías visto, como empecé a dibujar con un pincel de píxel, fresco añadió una nueva capa para mí. Este es el pequeño símbolo para la capa de píxeles, pequeños puntos, la capa de imagen tiene poca imagen en ellos, y la capa vectorial tiene un círculo. Ahora cuando tengamos nuestra capa de píxeles y nuestro lápiz seleccionado, bosquejemos algunas plantas, para inspiración, tengo mis lindas plantas aquí a mi alrededor pero también puedo arrastrar hasta el Pinterest que conocemos para conseguir algo de inspiración. Para esto yo, creo que quiero bosquejar. Simplemente usaré este y luego solo empezaré a bosquejar. Obtendrás un trazo diferente con el lápiz si inclinas tu pincel o si usas punta, creo que quiero tener una trama que se vea algo así, Aleja un poco y mueva mi olla un poco al centro y aquí hay una bonita característica. Si mantienes presionado un atajo táctil, obtendrás una posición constreñida al mover tu objeto. Simplemente dibujaré algunas ramas, tal vez algo así, y hojas grandes. A lo mejor algo como esto es solo un boceto rápido, como puedes ver, solo
estoy usando esto como inspiración y también los planes que tengo aquí en mi escritorio, así que ahora hice un boceto realmente rudo con el lápiz, así que si tienes tu mano boceto dibujado ahora y también un boceto digital, podemos pasar a la siguiente lección, donde te mostraré cómo dibujar la pieza final con los pinceles vectoriales.
5. Dibuja motivos 1: Hagamos una nueva capa y empecemos a dibujar con el pincel vectorial. Simplemente toca la capa Nueva y sostendré y arrastraré esa capa encima de mi capa de boceto. Escogeré un color para empezar y creo que iré por este naranja de mis paletas guardadas y el pincel vectorial. Tienes cinco cepillos vectoriales diferentes para elegir y luego puedes organizar los ajustes del pincel. Normalmente solo voy por la ronda básica 1. Puedes ajustar el tamaño, probar el tamaño de la misma. Eso podría ser bueno. Para el alisado, creo que iré por algo en el medio y los ajustes del pincel, normalmente solo guardo estos como están, la redondez, el ángulo y el cónico. Lo que cambio es la dinámica de presión. Normalmente voy por alrededor del 30 por ciento en dinámica de
presión lo que básicamente significa que si presiono mi Apple Pencil hacia abajo, obtendré un trazo de pincel más grueso. Para la dinámica de velocidad, suelo mantenerme alejado. Con la dinámica de velocidad, el grosor del cepillo se ve afectado por la rapidez de tu trazo. Simplemente eliminaré esos trazos, apagaré la dinámica de velocidad porque realmente no me gusta esa y entonces empecemos a caer. Como puedes ver ahora, cuando tengo mi pincel vectorial recogido y una nueva capa, esta capa sigue vacía. No se ha seleccionado una capa de píxeles ni una capa vectorial ni una capa de imagen. Pero en cuanto empiezo a dibujar con mi pincel, ya que es un pincel vectorial, será una capa vectorial. Yo sólo voy a dibujar mis partes muy rápido. Utilizaré la herramienta de relleno para llenarlo. Para ver la forma con claridad, puedo apagar la capa de boceto manteniendo pulsado el atajo táctil y doble toque en capa de boceto. Esta es una forma rugosa así que tal vez quieras arreglar un poco
los bordes y luego puedes usar la herramienta de borrado. O bien puedes elegir la herramienta de borrado, ajustar el tamaño y asegurarte de que estás en la capa correcta y borrar. También se puede acceder a la herramienta de borrado. Si has dibujado algo con un pincel, puedes mantener pulsado el atajo táctil para acceder a la herramienta de borrado con los mismos ajustes de pincel que el pincel con el que dibujaste. Eso es útil. Una forma rápida de acceder a la herramienta de borrado. Veamos de esta forma. A lo mejor voy a hacer que el fondo sea un poco más recto, puedo acercar y ajustar el tamaño de mi borrador, tal vez arregle un poco ese borde. Sigamos adelante, encienda nuevamente la visibilidad de la capa de boceto. Entonces dibujaré mis diferentes partes de mis pequeñas plantas, los
tallos y las hojas y una maceta. Los dibujaré en diferentes capas. Haremos una nueva capa y nos aseguraremos de que esté por debajo de tu capa de maceta. Elige un color diferente y tal vez iré por éste, por el tallo. A ver, ¿qué tan grande es esto? A lo mejor un poco más grande. Entonces simplemente dibujaré rápidamente los tallos. Se puede desactivar la visibilidad de la capa de boceto. Podría querer mover un poco los tallos así que elijo la herramienta de selección y muevo los tallos al centro de la maceta. Después enciendo nuevamente la visibilidad de la capa de boceto, hago una nueva capa y me aseguro de que esta capa esté debajo de la otra capa. Entonces elijo un color verde. En lugar de dibujar con los pinceles vectoriales, dibujaré con la herramienta magnética. Esta es una pequeña técnica agradable para usar si te gusta dibujar con más agudos y tal vez un estilo más áspero. Simplemente uso la herramienta magnética y dibujo una pequeña hoja. Utilizo la herramienta de relleno para llenarlo. Entiendo la pregunta, si quiero llenar esta capa con vector o pixel, y como estamos trabajando con vectores, elegiré vector. Golpea el selecto para ver tu resultado. Vamos a continuar y podemos arreglar los detalles más adelante. Haré todas estas hojas con la herramienta magnética, tal vez así, la llenaré, luego seleccionaré. Eso se ve bien. Ahora voy a apagar la capa de boceto. Mantén presionado tu atajo táctil y toca dos veces la capa de boceto. A lo mejor quiero arreglar algunos detalles con esta hoja. Simplemente escogeré la herramienta de borrador. A lo mejor algo así. Ahora tenemos nuestra primera planta y estos pequeños detalles, si no soy tan aficionado a este borde áspero, puedo arreglarlo con la herramienta lisa en Illustrator más adelante. Normalmente no me importan mucho estos detalles realmente pequeños aquí cuando dibujo los motivos. Ahora tenemos nuestra primera planta terminada. Creo que me gustaría agregar algo de textura a esto. No hay forma de agregar texturas vectoriales en Adobe Fresco en este momento, lo que sé, y lo he explorado un poco. Pero siempre puedes dibujar tus propias texturas vectoriales y lo que quiero decir con eso es como puntos y líneas y otras formas encima de tus objetos planos. Por lo general es como añado texturas si lo hago en absoluto. Tiendo a tener un estilo plano con apenas algunos efectos de textura muy menores. Vamos a añadir algunos puntos,
creo, a las hojas de aquí. Vamos a añadir una capa encima de las hojas y
vamos a elegir solo blanco regular, un cepillo vectorial, el redondo básico y voy a hacer un tamaño mucho más pequeño para esto. Creo que subiré un poco la dinámica de presión porque eso la hará un poco de forma de gota cuando dibuje un trazo. Veamos cómo va eso con esos ajustes. A lo mejor algo así. A lo mejor quiero ajustar un poco el alisado. Ahora estamos hablando, algo así. Eso se ve bien por ahora, podemos ajustarlo después. Simplemente seguiré con el resto de las hojas. Trato de no agregar las formas de gota o las líneas a incluso en líneas porque entonces obtendrás una expresión mucho más rígida. Para obtener una sensación más dibujada a mano, trato de añadirlas al azar. A veces tengo éxito y a veces no. Como dije, normalmente no me importan tanto los pequeños detalles cuando dibujo los motivos para mis patrones. Normalmente arreglo esos detalles en Illustrator más adelante. Eso se ve bien, diría yo. Estoy bastante contenta con cómo resultó eso. Ahora tenemos nuestra primera planta y planeo hacer unas cuatro o cinco plantas diferentes. Hicimos éste con el boceto digital por lo que ahora haremos el siguiente con el boceto dibujado a mano. Pero primero, juntemos estos en una sola capa. Diré que si quieres ajustar más tus objetos separados en esta etapa, debes mantenerlos en una capa cada uno, pero quiero mostrarte un ajuste ahora. Simplemente fusionaré esta capa hacia abajo, tocaré la capa, fusionaré hacia abajo,
fusionaré hacia abajo y fusionaré hacia abajo. Ahí tienes tu primera planta. Podrías, si quieres redimensionar esto, porque este es nuestro tablero de arte donde planeo dibujar cinco plantas. Si dibujas esta planta grande que hice, solo
podrías tocar la herramienta de selección y hacerla más pequeña. Pero una característica impresionante en Adobe Fresco que no he visto antes en una aplicación de dibujo es que puedes ajustar el tamaño de tu tablero de arte cuando estés en el documento. Toca los ajustes y aquí podrás ajustar el tamaño. Iré por tal vez 3,000 en lugar de 1,000 y pegaré Ok. Este es mi nuevo tamaño del tablero de arte. Hit Done y ahí tienes un tamaño más grande. Esa es una característica realmente impresionante. Ahora tenemos una planta así que vamos a dejar eso a un lado un poco. Elige la herramienta de selección y simplemente arrastra eso por ahí y toca Listo.
6. Dibuja motivos 2: Usaremos nuestro boceto dibujado a mano para dibujar la siguiente planta y para ello, solo
tomaremos una foto de ella con el iPad. Simplemente presionaré el pequeño botón de colocación de imagen y puedes elegir si quieres tomar de una cámara, archivos de
cámara o Creative Cloud. Tomaré una foto con la cámara y se ve así. Elimina el boceto, pulsa 'Usar foto' y tenemos una nueva capa de imagen con nuestra foto del boceto. Basta con tocar hecho y bajar la opacidad de esa capa. Para este ejemplo, dibujaré esta planta central. Esta es una técnica realmente sencilla si prefieres
dibujar motivos a mano y luego digitalizarlos. Simplemente tomas una foto de tu boceto como lo hicimos nosotros y lo colocas al fresco, haces una nueva capa en la parte superior, y luego empiezas a dibujar. Puedes optar por bajar
un poco más la opacidad para que puedas ver más claro. En una nueva capa, utilizo el pincel vectorial y uso este color rosa para la maceta. Quiero asegurarme de que tengo los ajustes que me gustan con la dinámica de presión, la suavidad, en el medio y ver qué tan grande es eso, eso es bueno. Minibits y yo dibujamos la olla. A ver cómo resultó eso. Lleno esa capa. Toca el atajo táctil y pulsa dos veces en la capa de boceto. Podemos arreglar estos detalles más adelante. Voy a añadir un poco de
eso, para que sea recta. siguiente paso es hacer la pequeña planta aquí y para eso, solo
haré otra capa, asegurarme de que esté debajo de la capa de maceta. Escoge mi color verde, el pincel vectorial y ajusta un poco el tamaño. Acabo de redibujar encima de mi boceto y llenar esas hojas y ver cómo resultó eso. Yo quiero hacerlas como el tallo un poco más grueso. Apagemos la capa de boceto y veamos cómo se ve y estoy contento con eso. Quiero ajustar la rotación de la planta, golpear la herramienta de selección y ajustarla un poco. Yo quiero ajustar las macetas. Voy a fusionar esas capas hacia abajo porque sé que ya no quiero cambiar en eso. Tengo ambos objetos en una sola capa. Golpea la herramienta de selección, cambia el tamaño de eso un poco y colócala. Esto es lo que debes saber para dibujar formas vectoriales simples en Adobe fresco. Seguiré dibujando mis planes y acelerando el proceso para ustedes. Tenemos 5 plantas diferentes y la forma en que dibujo motivos para patrones es que, me gusta visualizar mi patrón en esta etapa temprana del proceso. Para ello, o bien dibujaré todo
el patrón con un montón de motivos diferentes o como aquí, cuando tenga motivos phi, puedo repetirlos un poco en el tablero de arte para poder visualizar cómo podría el patrón mira. Lo que puedes hacer es volver a hacer tu lienzo un poco más grande. Esa es la forma más rápida de hacer que estos objetos sean más pequeños. También podría, como se mencionó antes, utilizar la herramienta de selección y ajustar el tamaño de cada uno de los objetos, pero esto es mucho más rápido y lo que hago aquí para visualizar el patrón es que tomo, por ejemplo, los cactus. Toco esa capa y la dupliqué, luego la muevo ahí y puedes voltearla. Este es un pequeño truco si solo dibujas unos cuantos objetos para que tus patrones lo hagan más interesante, puedes voltearlo así, y se verá casi como un motivo diferente. También podrías cambiar el color, de ese pote a un rosa claro. Entonces sólo seguiré duplicando y volteando un poco más. Puedes rotarlo un poco para que sea un poco más recta. Yo quiero cambiar el color de éste a uno rosa, eso se ve mejor. Voy a seguir duplicando la planta, tal vez algunos de ellos voy a voltear y algunos de ellos sólo voy a mantener la misma dirección, duplicar mover y voltear. Ahora puedes ver el patrón
juntándose y yo duplicaré éste y lo moveré, por aquí, voltearlo. Eso no se veía tan bien, volteado, sólo lo va a mantener como está, voy a cambiar el color de la parte a esta morada y sólo voy a acelerar por ti. Ahora obtienes un visual de cómo podría verse el patrón. Voy a seguir así y simplemente seguir construyendo un patrón en Illustrator y a veces reorganizarlos por completo. Pero para mí, esto hace que sea más visual cómo podría ser el patrón como pieza final y obtengo una buena vibra sabiendo cómo funcionarían juntos los motivos. Eso es todo. Todos ellos motivos están dibujados, terminados y los colocamos para que podamos visualizar nuestro patrón.
7. Exportación: Entonces la última pieza del rompecabezas, lo último que hay que hacer es exportar esta obra de arte y tienes algunas opciones. Aquí está la Herramienta de exportación. Puedes hacer una exportación rápida la cual te hará exportar JPEG, por ejemplo. Pueden guardar en tu rollo de cámara o en tu biblioteca creativa en la nube. Pero lo que haremos es ir a publicar una exportación. Se puede hacer una exportación de lapso de tiempo, lo cual es bastante divertido. Pero vamos a exportar esto como PDF porque vamos a utilizar esto en Adobe Illustrator. Si hubieras dibujado con píxeles, puedes exportarlo como PSD. También puedes exportarlo como PNG y JPEG, pero lo exportaremos como PDF. Hit Export. Y voy a guardar la mía en mi escritorio y entonces ya terminamos. Hemos exportado esto como un PDF que puedes utilizar en Adobe Illustrator. Para aprender cómo hago patrones en Adobe Illustrator, tengo un curso diferente aquí sobre la participación de habilidades, eso se llama de boceto a repetir patrón y eres más que bienvenido a echar un vistazo
a eso si quieres continuar con esto dibujo de los motivos al siguiente paso donde harás un patrón de ellos. Eso es todo. Hemos dibujado nuestras lindas plantas pequeñas, visualizamos nuestro patrón y las exportamos como PDF.
8. Reflexiones finales: Eso es todo para esta clase. Espero que te hayas divertido dibujando conmigo hoy y que estés tan emocionado como yo por Adobe Fresco. Como mencioné antes en clase, si estás interesado en aprender más sobre diseño de
patrones y cómo convertir tus motivos para repetir patrones, eres más que bienvenido a echar un vistazo a mis otras clases aquí en Skillshare. Muchísimas gracias por ver. Si no quieres perderte mis futuras clases, puedes pulsar el botón “Seguir” por mi nombre aquí abajo. Si tienes alguna pregunta, por favor pregúntalos en la página de la comunidad, y siéntete libre de dejar una opinión para avisarme si disfrutaste de esta clase. Me encantaría escuchar tus pensamientos. También estoy súper emocionado de ver lo que creas, así que comparte tu proyecto aquí en clase, y si lo publicas en Instagram, siéntete libre de etiquetarme @maja_faber. Gracias de nuevo por ver.
Maja Faber, Surface Pattern Designer
