Transcripciones
1. Introducción: Oye, soy Maya Faber, y soy diseñadora de patrones de superficie de Estocolmo, Suecia. Esta es una clase todo sobre motivos y patrones texturizados. Te mostraré cómo crear esto con tres técnicas diferentes. Utilizaremos Adobe Illustrator para dibujar y añadir textura. Para aquellos de ustedes que tienen un iPad, he incluido cómo agregar textura a motivos tanto en Procreate como en Adobe Fresco. También aprenderás a crear tus propias texturas artesanales únicas y vectorizarlas para ser utilizadas en tu obra de arte. Para aquellos de ustedes que quieran sumergirse directamente en agregar texturas digitalmente y quieran saltarse los pasos con ensuciarse las manos de pintura, he incluido descargas gratuitas que pueden usar en esta clase. Se trata de 16 texturas vectoriales y cuatro pinceles vectoriales para ser utilizados en Illustrator. Como bono, también he incluido cinco pinceles Procreate gratuitos de mí y la tienda online de mi esposo, Faber Company, que te mostraré cómo usar la textura tus motivos en Procreate. Al final de esta clase, podrás dibujar motivos texturizados y crear un patrón de repetición texturizado en Adobe Illustrator. Se trata de una clase intermedia. No se necesita tener un iPad para tomar esta clase, pero se necesita tener al menos una comprensión básica de Adobe Illustrator para poder seguir adelante.
2. Proyecto de clase: Tu proyecto en esta clase es crear un patrón de repetición texturizado utilizando una de las técnicas que aprenderás en clase. Siéntase libre de dibujar cualquier tipo de objetos. Voy a crear un patrón de cupcakes. Si no quieres enfocarte tanto en ideas como aprender las técnicas en esta clase, también
puedes crear un patrón de cupcakes. Sugiere aquí una nota con fines de aprendizaje, está totalmente bien copiar mis magdalenas y dibujar lo mismo. Pero no se te permite copiar mi obra de arte y compartir tu patrón ya que tu propia idea y estilo en otras plataformas sí comparte habilidades. Si copia mi obra de arte con fines de aprendizaje, por favor compártalas como proyecto aquí en clase, pero no las compartas fuera de la cuota de habilidad, ya que eso sería una infracción de mis derechos de autor. No obstante, si creas tu propia obra de arte única, eres bienvenido a compartirla en cualquier lugar que quieras en línea. Si lo compartes en Instagram, siéntete libre de etiquetarme con mi favor del arte. Empecemos. Me encantaría ver lo que creas.
3. Preparativos y materiales: En esta clase, te mostraré tres técnicas diferentes de creación de motivos texturizados. No necesitas usarlas todas,
todo depende de cómo te guste trabajar y qué herramientas te gusten usar. Las tres técnicas diferentes son, crear tus propias texturas hechas a mano, digitalizarlas, y vectorizarlas en ilustrador. Dibuja tus motivos de textura en Procreate, importar y vectorizarlos en Illustrator. Por último, dibuja tus motivos de textura en Adobe Fresco, importarlos y vectorizarlos en Illustrator. Cuando creamos nuestros motivos texturados, te
mostraré cómo crear un patrón de repetición de textura en Adobe Illustrator. Pasaré por esta parte con bastante rapidez ya que tengo otras clases aquí sobre cuota de habilidad, donde aprenderás más en detalle cómo crear el patrón de repetición en Illustrator usando mis técnicas. Si sientes que la parte de elaboración de patrones de esta clase es para avanzar o moverse demasiado rápido, ve a ver mi otra clase de patrón de repetición esbozado para los conceptos básicos de crear un patrón en Illustrator. Si quieres aprender técnicas más avanzadas como patrones de media gota y capas, puedes echar un vistazo a mi otra clase, subir de
nivel tu diseño de patrones. A los suministros que necesitas para tomar esta clase, solo
hay dos que absolutamente necesitas es Adobe Illustrator, que será nuestra estrella principal de la clase. Si quieres unirte a mí y aprender a crear tus propias texturas hechas a mano, lo cual es una parte realmente divertida del proceso, necesitas algunos materiales básicos de dibujo. Mi sugerencia es usar lo que tienes en casa. No necesitas salir a comprar unos materiales caros para esta clase. Te mostraré con más detalle los materiales de dibujo que se utilizan en la siguiente lección. Si quieres saltarte este paso, puedes descargar mis texturas gratis y utilizarlas como desees. Más sobre eso en un minuto. Usé el escáner en mi impresora para escanear mis texturas dibujadas a mano en mi laptop para poder digitalizarlas en ilustrador. Pero si no tienes un escáner, puedes probar para tomar una foto de tus texturas en un buen rayo con tu smartphone, y eso podría funcionar bien también. No necesitas un iPad para tomar esta clase. Pero si sí tienes un iPad, he incluido lecciones para mostrarte cómo dibujar tus motivos de textura, tanto en procreate como en Adobe Fresco. Esta no es una clase de introducción ni a Procreate ni a Adobe Fresco, por lo que necesitas tener algunos conocimientos básicos sobre cómo unirte a estas aplicaciones para poder seguir las lecciones. Si quieres aprender los conceptos básicos de dibujar un Adobe Fresco, puedes echar un vistazo a mi otra clase, bosquejar y dibujar motivos con Adobe Fresco. Como bono a esta clase, he incluido algunas descargas gratuitas. No es necesario descargar estos activos para tomar la clase, pero si sí quieres descargarlos,
son 16 texturas vectoriales, son 16 texturas vectoriales, y cuatro pinceles vectoriales de textura para ser utilizados en Illustrator. Cinco pinceles procreate gratis de mí y de mi esposo la tienda online de la empresa Faber. Si deseas descargar estos recursos gratuitos, he incluido instrucciones y los enlaces a donde puedes descargarlos en la descripción de esta clase. Eso fue un poco sobre los preparativos y suministros. Pasemos a la primera lección real de esta clase, donde dibujaremos nuestras texturas hechas a mano.
4. Crea tus propias texturas: En esta lección, crearemos nuestras propias texturas hechas a mano. Dibujaremos las texturas a mano. Entonces en la siguiente lección, te
mostraré cómo escanearlas en la computadora y digitalizarlas en Adobe Illustrator para que puedas usarlas para tu ilustración vectorial. Pero primero, sólo pasemos por los suministros que uso. Puedes usar básicamente cualquier cosa que tengas en casa. No necesitas comprar nada nuevo para esto. En primer lugar, acabo de cubrir mi mesa con este paño de aceite. Se puede ver que está un poco sucio ya con pintura porque se puede poner un poco desordenado cuando creamos nuestras texturas. Entonces básicamente puedes usar cualquier tipo de papel. Estos son solo papeles de impresora regulares. Encontré que son un poco demasiado delgadas, pero no pueden funcionar perfectamente bien si eso es lo que tienes en casa. Personalmente, voy a usar este papel de color de agua realmente barato. Acabo de comprarlo por internet. No es nada especial en absoluto, pero es un poco más grueso. Ahora a los materiales de dibujo, voy a usar esta tinta, tinta India. No tienes que usar tinta. Puedes usar cualquier color negro. Siempre es más fácil cuando escaneas en tus texturas si usas un color negro. Voy a usar esto porque me gusta el efecto. También podrías usar algo como esto o cualquier pintura de color negro. Entonces tengo algunos materiales de dibujo. Tengo algunos pinceles diferentes. Lo que sea que tengas en casa realmente funciona. De lo que me gusta usar mucho son estas esponjas. Esto es sólo algo así como una esponja de ducha creo, y esto es como una esponja de plato. Sea lo que sea que tengas en casa, esto hará texturas perfectamente finas. Entonces solo tengo unos papeles para que pueda hacer más texturas secas, un poco de agua y algo que puedas derramar tu color, mezclarlo con agua y sumergirte en tus materiales de dibujo. Empecemos. Simplemente tomaré mi plato, verteré unas gotas de tinta, añadiré un poco de agua para mezclarlo. Entonces me llevo mi papel. Probemos primero las esponjas. Podemos hacer algunas texturas con esto un poco más agujero grande, esponja o como quieras llamarlo. Simplemente sumerjo mi esponja en la tinta y me aseguro de que esté cubierta. Vamos a probar esto. No necesitas pensar tanto en las formas cuando creas texturas, porque siempre puedes editar las texturas y las formas en Illustrator más adelante. Yo sólo voy a presionar todo este lado hacia abajo. Lo presionaré con fuerza hasta el periódico. Esa es una textura fresca. Entonces por cada vez que
presiono, tengo menos tinta. Entonces solo puedo presionar un poco de luz con la mano para conseguir esta textura de aspecto más puntiante. A lo mejor algo como esto. Pasemos a otro. Creo que voy a probar esta pequeña esponja con como agujeros más pequeños en ella ahora para un look más granulado. No quiero esto tan mojado. Sólo voy a tratar de rasparlo y también usar mi papel y secar un poco de la tinta de la esponja. Hagamos un poco de textura de grano. Como puedes ver aquí, solo estoy presionando la esponja realmente ligera al papel. Obtengo esta textura de grano que cubre todo el papel. No me importa aunque solo quisiera tener estos puntitos son de grano y me dan este pequeño swishes de color. Eso no me importará porque siempre puedo editar eso más adelante. Creo que estoy bastante contento con este. Es una textura de grano bastante ligera. Pasemos a los pinceles. Yo sólo voy a probar este pequeño pincel o pincel grande. A lo mejor hacer un poco de interruptores. Algo así. A lo mejor alguna cosa como estas texturas de aspecto rayado. A medida que estamos haciendo texturas vectoriales, vamos a escanear esto y vectorizarlas. No hace falta que te importe el tamaño de la textura que tanto dibujas. Aunque si lo haces de este tamaño y tu tablero de arte o los objetos que dibujas son digamos, tamaño
A4 como este. Cuando las dibujas en Illustrator, si aumentas el tamaño de esta textura, obtendrás como arañazos más grandes. Eso es realmente a lo que se reduce. Puedes decidir desde el principio qué tan grandes texturas quieres. O simplemente puedes probarlo y siempre puedes redibujar tus texturas. A lo mejor podemos dibujar algunas texturas con un pincel. A lo mejor quieres unas texturas puntiagudas. Es más como una marca haciendo cosa de textura. Creo que voy a probar esto. No es realmente un pincel. No sé cómo se llama ni para qué sirve en realidad. También son los materiales de dibujo de mi esposo. Yo sólo lo estoy robando para esta clase. Pero parece que puede ser algo bueno hacer texturas. A lo mejor algo como esto. Ahora tenemos estas tres texturas diferentes y puedes hacer tantas como quieras. Si no quieres pasar por este paso de crear tus propias texturas hechas a mano, si crees que es desordenado o simplemente te toma mucho tiempo, entonces puedes descargar mis activos gratuitos que he incluido en esta clase. Hay un enlace en la descripción de la clase donde puedes descargar mis texturas vectoriales e incluso algunos pinceles de textura para Adobe Illustrator.
5. Vectoriza tus texturas: De acuerdo, entonces ahora es el momento de escanear en nuestras texturas
para poder vectorizarlas en Adobe Illustrator. Lo que voy a hacer es escanearlo con mi impresora. No tengo nada especial cuando se trata de una impresora en absoluto. Se trata de una Canon MG7550, y tiene un escáner abierto. Así es como me parece. Probablemente se verá un poco diferente para ti
dependiendo de qué impresora o escáner tengas. Lo que quiero hacer aquí es seleccionar primero qué área. Voy a escanear y ese es mi papel tamaño A4, luego elijo el DPI más alto. Tengo 600 como mi DPI más alto, blanco y negro, y solo lo escalaré al escritorio y lo nombraré, Texture Green. JPEG está bien como formato de archivo. Entonces, solo haré un ajuste más, y esa es esta corrección de imagen. Voy a ir a manual aquí y en contraste, este es el contraste normal y lo llevaré hasta el máximo contraste. Se puede ver la diferencia de que el negro se vuelve más negro y el blanco se vuelve más blanco. Este es el resultado que queremos y luego acabo de golpear escaneo. Ahí tenemos nuestro JPEG acabado con nuestra textura de grano. Entrémonos en Illustrator. Para vectorizar esta textura, solo
crearé un nuevo documento. Iré por tamaño A4 ya que es lo mismo que mi papel, y todos estos otros ajustes, color
RGB, altura, 300 ppi. Todos estos están bien, así que solo voy a golpear create. Cuando tenga mis nuevos documentos, y simplemente arrastraré en mi textura de grano, y ahora vamos a imagen rastrearlo. Deberías tener un panel arriba. Se trata de traza de imagen. Si no lo tienes, vas al trazo de imagen de ventana. Aquí puedes hacer algunos ajustes diferentes ya que se trata de una foto en blanco y negro. Sólo probemos un sencillo logo en blanco y negro. Simplemente golpea bien, y aquí está nuestro primer intento. Quiero algunas más de las partes negras de la textura, para que podamos entrar y aumentar el umbral. De verdad, solo puedes jugar con todos estos ajustes. No hay bien ni mal. Todo depende de cómo quieras que se vea tu textura. Creo que iré por algo como esto, y luego tocaré en la caja que dice ignorar blanco. Porque si arrastro esta textura hacia un lado, verás que todavía hay un fondo blanco. Pero si un cheque en la casilla, Ignorar Blanco, se quitará
el blanco de la imagen. Cuando estés contento con tu resultado, puedes golpear expandir hacia arriba en el menú superior y aquí tenemos nuestra textura terminada. Eso es realmente todo lo que hay para vectorizar la textura. Un poco más tarde en clase, te
mostraré cómo usar esta textura en los objetos. Si quieres omitir este paso con el escaneo en, entonces vectoriza tus propias texturas. Puedes descargar mis texturas vectoriales gratuitas. Basta con seguir las instrucciones y dar click en el enlace de la descripción de esta clase.
6. Crea un pincel de texturas en Illustrator: Entonces en la siguiente lección, te mostraré cómo usar estas texturas en la forma y forma que son, y añadirlas a los objetos que dibujas. Pero en esta lección te mostraré cómo crear tu propio pincel vectorial de textura que también puede ser útil cuando quieras agregar textura a objetos vectoriales en Adobe Illustrator. Por lo que empezaremos con nuestra textura, solo
haré una copia, mantén presionada mi tecla Opción, click, y arrastra para hacer una copia para que tenga mi textura original guardada. Entonces seguiré adelante, y solo crearé un círculo. Hagamos eso en otro color para que podamos verlo y luego puedes colocar el círculo en la parte de tu textura que quieras usar como pincel. Porque mi idea aquí es hacer un pincel redondo con una parte de esta textura. Entonces, solo vayamos por algo como esto. Por lo que la parte de la textura que están detrás de este círculo será la parte de la que hagamos nuestro pincel. Cuando coloque su círculo, seleccione tanto de su círculo como de su textura, vaya al objeto, recorte la máscara y haga. Por lo que ahora has hecho una máscara de recorte de tu textura como objeto redondo. Pero si vas a ver contorno, puedes ver que tu textura sigue fuera de tu círculo, simplemente la ocultas con una máscara de recorte. Ahora necesitamos fusionar estos, sacar tu menú buscador de caminos y cuando hayas hecho tu máscara de
recorte, puedes golpear fusión. Si vas a ver contorno, puedes ver que las partes de tu textura que estaba fuera de tu círculo ahora se borran, y a la izquierda tienes un círculo con tu textura en él. Ahora puedes elegir qué talla quieres cepillar para ser. Siempre puedes cambiar esto más adelante, pero solo hagámoslo algo como esto y luego
queremos sacar nuestro panel de pinceles que tenemos aquí, selecciona tu círculo que llevas ahí. Haga clic en el pequeño menú del panel de pinceles, Nuevo Pincel y aquí seleccionaremos Pincel de Arte, haga clic en “Ok”. Puedes probar diferentes configuraciones, y experimentar con ellas. Pero lo único que debes hacer para poder cambiar el color de tu pincel es cambiar el método de coloración a tintes y sombras y luego dar clic en “Ok”, ahí debes tener tu nuevo pincel. Por lo que para probar este pincel, seleccionemos nuestra Herramienta Pincel, pincha en el Pincel, y dibujamos con nuestro nuevo pincel de textura. Entonces si me limito a quitar estos y arro eso hacia arriba, puedes ver que esto ahora es un trazo con tu nuevo pincel. En la siguiente lección, te
mostraré cómo usar este pincel, y añadiré textura a tus objetos.
7. Agregar textura en Illustrator: En esta lección te mostraré cómo agregar textura de esto que dibujas en Illustrator, o que han escaneado en una imagen trazada en Illustrator. Pero te mostraré cómo dibujar un objeto en Illustrator y agregar textura a ese objeto en esta clase. Aquí tengo un documento. Normalmente creo mi conjunto de patrones 1000 pixeles cuadrados. Eso es lo que haré aquí también. Tengo una paleta de colores que usaré. Lo he guardado en mi Biblioteca CSE, lo que significa que puedo usarlo en Adobe fresco swell. Con esta primera magdalena, haré una magdalena de chocolate. Iré por los colores marrón y rosa playa. Para agregar muestras a su panel de muestras desde la biblioteca, clic derecho y haga clic en “Agregar color a la muestra”. Ahí tienes tu paleta. Creo que iré por éste también y quizá el Blanco. Aquí tengo mi paladar. Empecemos a dibujar. Normalmente ya no dibujo tanto en Illustrator ya que tengo mi iPad. Eso es mucho más práctico y fácil de dibujar. Pero cuando dibujo en ilustrador, uso la herramienta de pincel. Se puede hacer doble clic para seleccionar el tamaño y otros ajustes, pero sólo voy a ir por 10 puntos para este dibujo de magdalenas. A lo mejor iré por este pequeño color melocotón más oscuro. Simplemente dibuja una forma básica de la magdalena y arregla un poco los detalles. Creo que esto está bien para este ejemplo. Entonces dibujaré la capa media con color rosa más claro. Llamemos a esto la capa de crema. Elige la herramienta de selección de grupos y solo borra la forma interna, que llenará tu forma de alma. Vuelve a seleccionar la herramienta de pincel de blob, y un color marrón para agregar el glaseado de chocolate a la parte superior de la magdalena. Elimina la parte interna del objeto para rellenarlo, y luego solo arregla un poco los detalles. Bien puede simplemente borrar en la parte superior para crear la punta puntita del glaseado. Creo que esto se ve bien para este ejemplo. Ahora queremos agregar texturas a nuestra magdalena. Lo que haré es traer todas
las texturas que puedes descargar gratis aquí en clase. Puedes seguir mis pasos exactos si lo deseas, o puedes usar tus propias texturas hechas a mano. Simplemente duplicaré mis magdalenas enteras. Tengo mis objetos originales. Que tengo mis piezas originales. Después quitaré las capas superiores de la magdalena y me enfocaré en la capa inferior. Para esta capa inferior, creo que probaría esta textura me gris. Simplemente lo arrastro encima de mi objeto y cambio el color,
no el color de trazo, sino el color de relleno a un color más claro. Si quieres ver cómo se ve, por qué tienes la textura seleccionada, puedes presionar “Command H.” Ahí tienes algo de textura a ese objeto. Eso se ve bastante bien. A lo mejor quiero añadir algo. A lo mejor quiero agregar un poco más de textura. Probemos este. Cambia el color al rosa. Asegúrate de tenerlo al frente, arregla llevar al frente. Entonces podemos simplemente tirarlo. A lo mejor retorcido. Desde una talla. Eso es un poco demasiado grande para mi gusto, solo
quiero un poco de textura, un caso o algo así. Entonces seguiré y seleccionaré mi capa inferior original de la magdalena. Golpea “Comando C”, selecciona todo. Golpea “Command G” para agrupar todo, y luego pega mi parte original al frente golpeando “Command F.” Entonces le pegaré a “Comando siete” para hacer una máscara de recorte. Lo que significa que si vas a ver contorno, aún
puedes ver la textura fuera de tu objeto. Pero si ahora voy al Pathfinder y selecciono “Fusionar”, eso borrará todo lo que esté fuera de mi objeto. Eso se ve bastante bien. Sigamos con la siguiente capa de la magdalena. Simplemente cerraré la capa inferior, colocaré la capa intermedia, y la colocaré al frente. Entonces veamos qué queremos hacer aquí. Puede ser que debamos dibujar un poco con nuestros pinceles. Voy a ir a la herramienta de pincel, seleccionar el “Pincel” y probarlo un poco. Creo que iré por el texto tu pincel número 1, puedes descargar gratis en esta clase. Entonces trataré de seleccionar un color rojo y ver cómo se ve eso. Necesita ser el color del trazo. Un golpe más. No sé si me gusta la lluvia. Creo que iré por un tono más claro del rosa en su lugar. Simplemente arrastra ese color para que pueda usar el mismo color para mi siguiente. Aquí tenemos algo de textura ligera en la parte media. Voy a ir a copiar esa. Entonces como tenemos trazos, si vas a ver contorno, puedes ver que aquí tenemos dos trazos con nuestro pincel. Necesitamos expandir esos trazos antes de crear nuestra máscara de recorte. Simplemente puedes dejar todo e ir a ampliar la apariencia. Agrupar todo juntos. Después pulsa “Command F." Para pegar tu capa media original al frente, y “Command seven” para que tu máscara de recorte golpee “Marcha” y ahí tienes tus objetos texturizados. Simplemente bloqueemos esa parte y traigamos nuestra última capa de la magdalena, la capa superior.. Para esto, creo que usaré esta pequeña textura con un color marrón. Como Color de relleno, asegúrate de tenerlo dispuesto al frente. Entonces puedes copiar esa parte y moverla para que tengas un poco más de textura. A lo mejor quiero agregar un poco más de textura. Probemos este. Hazlo marrón dispuesto al frente. Gira alrededor. Eso se ve bastante bien. Copiaré mi capa superior original, agruparé todo, y luego lo pegaré al frente. Entonces crearé una máscara de recorte. Ya sea “Comando siete” o vaya a la máscara de recorte de objeto y haga y luego presione “Fusionada”. Si añado esta etapa, averigüe que quiero agregar más textura a mi capa superior. He guardado aquí mis capas originales, pero también puedo simplemente seguir dibujando en la capa superior ya que tengo esa copia a mi tablero de recorte. Simplemente trataré de agregar algunas texturas más. Probemos este. A lo mejor algo así. Entonces se asegura de que expandas la apariencia. Agrupar todo juntos. Ahora tienes tu objeto guardado en el portapapeles. Selecciona todo, pulsa “Comando siete” para la máscara de recorte y fusiona tu máscara de recorte. Ahí tienes tu objeto texturizado creado en Adobe Illustrator. Si golpeas “Comando H”, puedes ver que tienes todos estos pequeños puntos de anclaje. Lo que significa que cuantos más puntos de anclaje tengas en tu ilustración vectorial, más pesado será el archivo. Para probar para disminuir los puntos de anclaje, solo
haré una copia de eso. Simplemente voy a golpear “Comando H” y luego podemos ir al camino de objetos y simplificar. Asegúrate de tocar un poco de libros para que obtengas tu menú. Aquí podrás jugar con tus puntos de ancla. Puedes ver cuando arrastras hacia abajo tus puntos de anclaje, puedes ver qué sucede con tu objeto. Si le pegas a la “Caja Premium”. Se puede ver que pasa de 62,000 puntos de anclaje algo a 41,000 puntos de anclaje. Vamos a darle a “Ok” y ver cómo se ve eso. Para mí eso luce igual que el objeto original. Si creas, toma lo obvio en Illustrator, y sobre todo si se suponía que hicieras un patrón de ellos, deberías tratar de mantener bajos tus puntos de anclaje para asegurarte de que ilustrado en choque y que no hagas este super archivos de patrón pesado. Eso es todo. Ahora creamos nuestro primer objeto de textura en Illustrator. Realmente puedes crear cualquier textura. Usé mis texturas de tinta hechas a mano. Son texturas de grano que puedes crear como rayas o texturas grunge o texturas rayadas, o las texturas que desees usar. Si terminaste con esta lección, pasemos a la siguiente lección. El siguiente par de lecciones será para aquellos de ustedes que tengan un iPad y quieran aprender a dibujar objetos
texturizados en procreate y Adobe fresco y traerlos a ilustrados para vectorizarlos. Si no tienes iPad, puedes
saltarte esas lecciones. O si tienes curiosidad sobre cómo hacer esto en un iPad de todos modos, puedes verlos, es un proceso realmente divertido. Al final de esta clase, te
mostraré cómo crear un patrón con tus objetos texturizados.
8. Dibuja en Procreate: Dibujemos nuestra magdalena con textura en Procreate. Simplemente inclinándose antes de empezar, este no es un curso de introducción en Procreate hay curso completo de cómo dibujar todo en Procreate, solo te
mostraré cómo dibujar un objeto texturizado. Necesitas tener alguna comprensión básica de cómo dibujar en Procreate antes de ver esta lección. Simplemente crearé un nuevo lienzo. Normalmente voy por 1,000 pixeles cuadrados cuando creo mis patrones y 300 DPI. Entonces usaré nuestra empresa favorita, pincel monoline, que puedes descargar gratis si sigues el enlace en la descripción aquí en clase. Usaré este color marrón naranja más claro y luego solo dibujaré la primera parte de mi magdalena. Llénalo, tal vez arregle un poco los detalles. Algo así. Entonces crearé una nueva capa. Lo importante aquí es que construyas cada parte de tu objeto en una capa diferente, ya que añadiremos texturas a diferentes partes de nuestros cupcakes. Eso es mucho más fácil de hacer si tienes tus objetos en diferentes capas desde el principio. Ahora voy a ir por este color rosa claro, mismo pincel y dibujar un poco de glaseado o crema o como sea que queramos llamar a eso. Agrega una nueva capa en la parte superior y lo haré para un color rosa y arreglaré un poco los detalles. Entonces utilizo la herramienta Eraser para solo conseguir ese pequeño consejo en la parte superior de la magdalena. A lo mejor algo como esto. Después vuelvo a mi primera capa y toco la capa, golpeo Alpha Lock, lo que básicamente significa que solo se puede dibujar en el objeto sí y no fuera del objeto, lo cual es realmente bueno cuando queremos agregar textura a esta parte del magdalena. Voy por un poco de color marrón más oscuro. Para esto, creo que usaré nuestra empresa favorita, grunge número 4, que también puedes descargar gratis si das click en el enlace de la descripción aquí en esta clase. Entonces solo agregaré algo de texto aquí a mi magdalena y tocaré la siguiente capa, Alpha Lock. Iré por un poquito de más oscuro, rosa ahí. Nuestra empresa favorita, gris número 1, que también puede descargar de forma gratuita. Sólo voy a añadir un poco de verde, toca la tercera capa, Bloqueo
alfa, seleccionaré un color rosa más oscuro. A lo mejor usaré nuestro grunge número 1 aquí solo para agregar un poco de sombreado a la magdalena. También probaré nuestro pincel número 2 verde. Después voy por un color rosa claro y le agrego un poco de reflejos a la magdalena. No, no me gustó esa, así que iré por el grunge número 2 en su lugar. Volver al color más oscuro y tal vez sólo añadir un poco verde y un poco del pincel grunge número 4 aquí también. lo que quieres pensar con los colores y texturas aquí es, ¿crea contraste entre la imagen plana y las texturas? Esto facilitará la vectorización de tus dibujos en Adobe Illustrator más adelante y aún así poder guardar algunos de estos catadores. No se verá exactamente así cuando lo vectoricemos,
pero lo probaremos más adelante en Adobe Illustrator y ya verán a qué me refiero. Estoy bastante contento con eso, ahora tenemos nuestras tres capas y hemos añadido texturas a las tres capas. Creo que trataré de agregarle algunas aspersiones a esta magdalena también. Simplemente voy a añadir una nueva capa y un go por rojo, color
naranja y nuestra empresa favorita, tinta
seca número 1, que también se puede descargar de forma gratuita. Eso estuvo bastante bien. Ya sé que será un poco difícil vectorizar los espolvorear sobre la capa de crema. Simplemente moveré mi capa de rociadores para decidir para que no toque mi magdalena. De esa forma puedo vectorizar toda esta imagen y añadir las aspersiones más adelante en Illustrator.
9. De Procreate a Illustrator: exportar y vectorizar: Ahora que hemos dibujado el cupcake en Procreate, lo
exploraremos y lo vectorizaremos en Illustrator. Simplemente iremos al panel de acciones y compartiremos PDF, mejor calidad, y AirDrop it a mi propio MacBook. Ahora vectorizaremos el boceto de píxel que hicimos en Procreate. Para ello, solo arrastraré mi PDF en Illustrator que
guardé el escritorio y luego me aseguraré de que tengo mi panel de traza de imagen abierto. Si no lo haces, vas a Ventana Image Trace y a trazar
imagen esta magdalena que tiene tantos colores diferentes. Voy a tratar de ir por 16 colores. Encontré que si vas por más colores, conservarás más de la textura. Solo pinchemos en 16 colores y veamos qué pasa. Como puedes ver, hay cierta pérdida de texturas así que
probemos y aumentemos los colores a 20 e intentemos subir el camino a lo alto, lo que agregó algo más de textura y solo experimentemos un poco con los ajustes. El ruido lo hizo un poco más suave, pero también quitó la textura de la crema por lo que bajó el ruido de nuevo y aumentemos el camino. Tratemos de aumentar los colores también a 27 colores. Como puedes ver, nunca puedes obtener exactamente el mismo resultado que tienes cuando dibujas texturas en Procreate. No creí que eso hiciera tal diferencia. Yo sólo traería los colores un poco más. A lo mejor vamos a conseguir una menor cantidad de puntos de anclaje y luego me quedaré satisfecho ahí. Voy a tratar de ignorar el blanco y ver qué pasa. Eso se ve bastante bien y luego podemos golpear expandir y aquí tenemos nuestro dibujo vectorizado de Procreate. Si vas a objetar en grupo, solo
me aseguraré de que agrupe todas estas salpicaduras rojas. Utilizo la herramienta de lasso para arrastrar alrededor de ellos y luego tener el comando G para agruparlos. Entonces podemos agrupar toda esta magdalena. Probemos simplificar su camino para que
consigamos un poco menos puntos de anclaje y veamos qué pasa. Ir a Objeto, Trayectoria Simplificar. Golpea los pequeños puntos para más opciones y baja la curva simplificada. Se puede ver que perdemos un poquito de la magdalena aquí y allá para que pueda bajarla tanto. Eso me parece bastante bien, el original fue de 9 mil puntos, y ahora tenemos 5 mil puntos. Yo solo le pegaré bien. Tratemos de agregar los espolvorear a la magdalena y ver qué pasa. Asegúrate de llevarlos al frente y ahí tienes tus aspersiones. Si me acerco, puedo ver que algo pasó aquí con las aspersiones. Hay algunas partes rosas del mismo y tal vez no quiero eso así que solo
puedo ir en doble toque ya que he agrupado este objeto, y luego entrar y seleccionar el color rosa. Ir a Seleccionar, Misma, Color de relleno. Asegúrate de tener el comando H. Presiona hacia abajo para que puedas ver qué áreas eliminas y aquí tienes algún otro color rosa. Simplemente borra eso y ahora creo que sólo tenemos color rojo. Si quieres echar un vistazo, si solo tienes color rojo, puedes seleccionar todo tu objeto y golpear el grupo de colores en el panel Fuentes y si solo ves el rojo como color ahí, entonces solo tienes el color rojo. Haga doble clic para salir de su grupo aislado y añadir los espolvorear a su magdalena. Eso se ve bastante bien y eso es en realidad lo fácil es vectorizar un boceto de Procreate en Illustrator. Arrastramos en el original. Se puede ver que esto no se ve exactamente igual que este es un dibujo de píxel, lo
que facilita obtener una textura más suave y agradable y este es un dibujo vectorial con puntos de anclaje para que no puedas obtener el mismo look liso en tus texturas. Pero para mí esto se ve bastante bien de todos modos y eso es todo para esta lección. Pasemos a la siguiente lección, donde te mostraré cómo dibujar tu motivo de textura en Adobe Fresco.
10. Dibujar en Adobe Fresco: En esta lección dibujaremos nuestra magdalena en Adobe Fresco. Acabo de abrir Adobe Fresco y crear un nuevo documento. Un cuadrado de 1,000 pixeles. Si viste mi otra clase aquí en Skillshare bosquejar y dibujar motivos en Adobe Fresco, pasé por cómo dibujar motivos vectoriales en Adobe Fresco y también los fundamentos de la aplicación y cómo dibujar en ella. Pero como estamos haciendo motivos texturizados en esta clase, en realidad
dibujaremos nuestros objetos con los pinceles de píxel. De esa forma podemos agregar textura y luego
exportamos la ilustración a Illustrator y vectorizarla en Illustrator. Esta no es una lección en la que voy a pasar por todos los conceptos básicos de Adobe Fresco, necesitas tener conocimientos básicos de cómo usar Adobe Fresco para poder seguir adelante en esta lección. Si quieres aprender más puedes echar un vistazo a mi otra clase aquí en Skillshare, bosquejar y dibujar motivos en Adobe Fresco, luego volver a esta clase. Con una nueva capa seleccionada, he guardado mi paleta de colores en las bibliotecas CC, así que la tengo aquí. Empezaré con este color melocotón. Para esto solo usaré el pincel de píxeles, variable redonda
básica y dura, entonces solo sacaremos el alisado un poco porque mi mesa se está moviendo alrededor del límite por lo que es difícil estar estable en la mano. Entonces solo empezaré a dibujar mis diferentes partes de la magdalena. Aquí hay algunos buggy creo porque no llena toda la zona, así que solo rellenaré esas partes blancas, y luego entraré y arreglaré los detalles. Después añadiré una nueva capa encima y dibujaré la crema y llenaré eso,
y solo arreglaré esta pequeña misteriosa línea blanca, luego añadiré una nueva capa y haré un cupcake de arándanos. Simplemente arreglaré los detalles con la goma de borrar. Algo así. Ahora voy a empezar a añadir las texturas. Entonces seleccionaré los pinceles que usaré para agregar textura. Tengo algunos pinceles favoritos. Estos son los diferentes pinceles de Kyle. Si no tienes estos pinceles, puedes golpear el pequeño signo más en la parte inferior de tu menú Pincel Pixel y seleccionar, Obtener más pinceles. Voy al sitio sueco de Adobe pero puedes ir
al sitio de Adobe de Estados Unidos o donde estés del mundo, y aquí puedes seleccionar algunos pinceles diferentes que puedes descargar y usar en un Adobe Fresco. Vamos a descargar este Seco Media, y toca Descargar. Aquí arriba en la esquina superior derecha, tienes tu descarga funcionando. Después tocas ese ícono, toca el Archivo, luego toca la casita con flecha y selecciona Copiar a Adobe Fresco. Ahí tienes tus nuevos pinceles. Algunos de mis pinceles favoritos son estos. Creo que iré por el medio seco de Kyle áspero, ruidoso, variante para agregar algo de textura al fondo de la magdalena. Para esto, en realidad voy a ir un poco más claro que antes en color. En Adobe Fresco, para poder dibujar solo en tu objeto y no fuera, si tienes una capa de píxeles, puedes ir a Contenido de la capa de máscara, y eso te traerá un pequeño cuadro en blanco y negro aquí. Si desliza esa caja en blanco y negro hacia la derecha, puede dibujar encima de su objeto con el texto y el pincel seleccionados. Simplemente trataré de agregar algo de textura a esta parte de mi magdalena con la variante rugosa. Creo que quiero cambiar el color a tal vez un poco más claro de lo que era antes. A lo mejor prueba otro pincel, el medio seco, pastel
nuevo con un color un poco más oscuro y un pincel más grande. Eso se ve bastante bien. Entonces solo seguiré con mis otras capas. Toca la capa de arriba, pulsa Contenido de capa de máscara, desliza la capa hacia la derecha. Selecciona un nuevo color. A lo mejor probar el medio seco suave pastel, y ser un poco más ligero de la mano. Después, en la capa superior, Contenido de la capa de máscara, desliza la capa hacia la derecha y vuelve a probar el pastel suave. No, eso no me gustó. A lo mejor la variante rugosa otra vez. Sólo tienes que añadir un poco de textura a ese azul. Para este cupcake, creo que voy a agregar algunas líneas con el medio seco de Kyle cepillo deliciosamente seco, y color rojo naranja. Simplemente voy a añadir unas líneas texturizadas en la parte inferior de mi magdalena. Estoy bastante contento con esto. Pasemos a la siguiente lección donde te mostraré cómo exportar este archivo e importarlo a Illustrator donde vectorizaremos esta magdalena texturizada.
11. De Adobe Fresco a Illustrator: exportar y vectorizar: En esta lección, te mostraré cómo vectorizar el boceto que dibujas en Adobe fresco. Lo que encontré es que si creas un PDF que exportas desde Adobe fresco, obtendrás una imagen de tamaño realmente pequeño y es difícil vectorizarla. Pero si creas un JPEG, obtendrás el tamaño correcto de la imagen y podrás hacer del resto tu boceto. Solo eliminemos el PDF. Arrastre en el JPEG, y veamos cómo se ve esto cuando la imagen la traza con 16 colores. Eso se ve bastante bien. Vamos a probar para aumentar un poco los colores y tirar hacia arriba el camino demasiado alto. A lo mejor algo así. Después golpeamos expandir. Pero nos olvidamos de quitar los blancos. Volvamos atrás. Eso es bueno. Vamos a tocar la cajita para ignorar el blanco y luego golpear expandir y ahí tienes tu cupcake texturizado. Arrastremos el original y veamos la diferencia. Diré que esto es lo más bueno que puede llegar de esta imagen de píxel que dibujamos en Adobe fresco hasta el objeto vectorizado en Illustrator. Si terminaste con esta lección, pasemos a la siguiente lección, donde crearemos un patrón texturizado.
12. Crea tu patrón: En esta lección, te mostraré cómo crear un patrón de tu gusto y motivos e incluso intentaremos
agregar esa textura al fondo de nuestro patrón. Si ves una de mis clases anteriores aquí en Skillshare, por ejemplo, desde boceto hasta repetir patrón o subir de nivel tu diseño de patrón, entonces sabes que creo mi patrón en la herramienta de patrón. Ya que creo que es la forma más inteligente y fácil crear patrones en Adobe Illustrator. Creo la primera parte del patrón en la herramienta de patrón para poder visualizar el patrón, luego saco mis motivos en mi mesa de trabajo para crear más azulejo de patrón manual. Lo primero que haré es ir a “Preferencias” y cambiar la interfaz de usuario a blanco, que me gusta tener cuando creo patrones. Podrían ver que esto no es exactamente los mismos cupcakes que hicimos anteriormente en clase. Eso es porque hice trampa un poco y creé todos estos tres cupcakes en Procreate y vectorizarlos. Porque siento que esa es la mejor alternativa para conseguir las texturas más bonitas, para dibujar tus motivos en procreate y luego vectorizarlos en Illustrator. Eso es lo que he hecho. Simplemente copiaré mis objetos, y seleccionaré objetos, vaya a “Objeto”, “Patrón”, y “Hacer”. Cambiaré el tamaño de mi azulejo de patrón al mismo tamaño que
mi mesa de trabajo y arrastraré mi azulejo de patrón a mi mesa de trabajo. Después golpeo “Comando V” para pegar mis magdalenas y empezar a construir mi patrón. En la herramienta de patrón, no creo ningún fondo para el patrón. Hablo más de esto en mis otras clases aquí en Skillshare, pero esto es porque puede estropear cómo la herramienta de patrón muestra el patrón. Simplemente colocaré mis motivos y veamos cómo los quiero. A lo mejor si los arrastro un paso más lejos y éste, y la baya azul hasta aquí. Voy a conseguir un poco de variación con los colores. Creo que me gustará un patrón que se vea así. A pesar de que, sé que necesito cuatro filas para que pueda igualar en los bordes. Simplemente bajaré un poco el tamaño y añadiré magdalena rosa ahí, magdalena marrón aquí. Intentemos simplemente bajar estos, hacerlos un poco más pequeños, y luego seguir arreglando tu magdalena. Como puedes ver aquí, si tienes objetos texturizados, tomará un poco más de tiempo para que Illustrator trabaje con tu patrón ya que son tantos puntos de anclaje. Tan solo asegúrate de mantener tus puntos de anclaje lo más bajos posible. O simplemente toca “Command K” para asegurarme de que tenga tal vez cinco píxeles en el incremento del teclado. Como puedes ver, Illustrator funciona muy lento y tengo tantos objetos con tantos puntos de anclaje. En realidad eliminaré la mayoría de mis objetos y luego eliminaré esa copia. Veamos qué quiero hacer, tal vez tener magdalenas más grandes y solo algunas de ellas para hacer el tamaño del archivo un poco más pequeño. Eso se ve bastante bien. Tratemos de aumentar el tamaño de ellos. Ve a “Objeto”, transforma cada uno, pulsa el cuadro de vista previa y podrás escalar todos tus objetos horizontal y verticalmente. A ver cómo se ve eso. Eso se ve bastante bien. Si quieres alinear tus objetos perfectamente, puedes ir a la alineación a la selección, y tocar los diferentes ajustes para asegurarte de que los alinearás de una buena manera. Aleja un poco para ver cómo se ve tu patrón. A mí me gusta cómo se ve mi patrón aquí. Estoy bastante contento con este patrón. Entonces, copiaré mi obra de arte de la herramienta de patrón, hit done, y luego las pegaré en tu mesa de trabajo. Esta es mi técnica si utilizas cualquier otra técnica que funcione bien también. Pero esta es la técnica que siento que es la forma más eficiente e inteligente de usar Illustrator para crear patrones. Cuando esté fuera de la herramienta de patrón, solo
copiaré las ilustraciones que se están cayendo de los bordes hacia el lado opuesto. Entonces, crearé una capa de fondo que es de 1,000 píxeles rectángulo cuadrado. Creo que iré por tal vez un color rosa claro. Probemos eso. Alinearlo a la mesa de trabajo, asegúrate de organizarlo hacia atrás. A lo mejor necesito ir por algún color más claro para el fondo. Después copiamos nuestro fondo, lo
pegamos a la parte posterior y nos aseguramos de que tu caja de fondo no tenga relleno, ni trazo. Ahora podemos ver cómo se ve este patrón. Podemos alejar “Objeto”, “Transformar”, “Escala”. Asegúrate de que solo tenías patrón de transformación y alejar tu patrón. Estoy muy contento con este patrón. Pero si quieres agregar un fondo texturizado a tu patrón, sugeriré que vuelvas a la herramienta de patrones. Pero antes de hacer eso,
buscas una textura, copias textura y luego ingresas a la herramienta de patrón y pegas tu textura. Te aseguras de que tu textura se coloca en la parte posterior y luego puedes arrastrarla hacia fuera para que cubra todo el azulejo del patrón. A lo mejor no quiero, creo que solo quiero las partes de grano, algo así. Entonces selecciono todo de nuevo. Cabeza fuera de la herramienta de patrón. Simplemente bloquearé la capa de fondo y la capa de mosaico de patrón. Quita mis magdalenas, y luego pegaré la textura y las magdalenas. Ahora podemos cambiar el color. Probemos el color rojo. No, eso no me gustó,
así que probemos el color rosa y eso se ve bastante bien. Simplemente podemos arreglar los patrones para que se vea como queríamos lucir. Después selecciono mis cupcakes que se están cayendo, los
copio al otro lado del azulejo patrón. Entonces cerraré todos mis cupcakes. Desagruparé mi textura
y seleccionaré todo lo que se esté cayendo fuera de los bordes. No está totalmente seguro de que necesites hacer esto. Depende de si tienes algo, aquí tenemos un poco de verde que cayendo fuera de los bordes. En primer lugar podemos simplemente eliminar un poco de extra que están en el exterior. Después seleccionamos todo lo que hay en ese letrero. Hacer que caiga en, y lo mismo de este lado. A lo mejor me olvidé de hacer este lado. No me importará que sea una copia en algún lugar de ahí. Ahí tienes un fondo texturizado. Si vamos a “Desbloquear todo” y arrastramos el patrón a la muestra de patrón. Echemos un vistazo a la diferencia. Aquí tienes textura en el fondo de tu patrón. Creamos un patrón terminado con los motivos que dibujas, ya sea en Illustrator, en Procreate o en Adobe Fresco. En la siguiente lección, te mostraré cómo crear un mosaico de patrón terminado y guardar tu archivo como JPEG para que puedas subirlo como proyecto aquí en clase.
13. Exportar como JPG: En esta lección te mostraré cómo crear tu mosaico de patrón terminado para que
puedas usarlo e imprimir en toda fuente de producto o usarlo como quieras, y también guardarlo como un JPEG para que puedas subirlo en la página del producto aquí en clase. que el patrón con el fondo texturizado es el patrón más complicado, te
mostraré cómo crear un azulejo patrón terminado de este. Saquemos nuestro panel de muestras y si alguna vez necesitas tu patrón original, lo
tienes aquí. Si arrastras la muestra de patrón desde tu panel de muestras. No necesitas guardar esto en el tablero de arte y lo que hacemos es que copiemos la capa de fondo y luego agrupamos todo junto. Pegamos la capa de fondo en el frente. Selecciona todo y utilizaré un comando de acceso directo siete para crear una máscara de recorte. Si vas a ver contorno, puedes ver que tienes objetos fuera de
tu máscara de recorte que no se muestran en la vista previa. Ahora necesitamos fusionar nuestro azulejo. Ten seleccionada tu máscara de recorte y pulsa fusionar en el panel de pathfinder. Donde vamos a ver esquema. Ya no ves objetos en el costado de tu azulejo de patrón. Ahí tienes tu azulejo patrón terminado. Si quieres probar tu mosaico de patrón, puedes arrastrarlo hacia un lado.Puedes o bien
asegurarte de que tienes seleccionadas tus guías inteligentes o
puedes tocar 1000 píxeles en el teclado y mandar el mismo tamaño que tu mosaico de patrón y pulsa tu opción y clave para crear duplicados de tu patrón. Amplía para ver que todo se ve bien y para mí se ve realmente bien. Simplemente eliminaremos esos y ahora si quiero,
puedo arrastrar en el azulejo de patrón al panel de muestras y comprobarlo una vez más para ver si todo se ve bien y para mí, eso se ve realmente bien. Ahora para subir este patrón como proyecto aquí en clase, puedes ir al panel de exportación de activos. Si no lo tienes, vas a la exportación de activos de ventana y ambos puedes traer tu mosaico de patrón si quieres y también una versión más alejada de tu patrón. A lo mejor quiero escalarlo un poco más. Voy a transformar objetos y escalar y cuando hago eso, el mosaico de patrones también cambia en el panel de exportación de activos. Voy a exportar esto como un JPEG 100. Puedes ir a la configuración de menú y formato y solo asegurarte de que
tienes la línea base optimizada como el método de compresión y arte anti-alias optimizado, super muestreo y tengo mi perfil ICC embebido, sRGB. Selecciono ambos de mis patrones y hit export. Simplemente lo exportaremos a mi escritorio. Si voy a mi escritorio, puedo ver que tengo una carpeta que se llama 300ppi, donde puedo encontrar ambos de mis archivos JPEG. Ahora has creado azulejos texturizados y creado un patrón de ellos.
14. Reflexiones finales: Eso es todo para esta clase. Espero que hayas aprendido un montón de cosas nuevas y te hayas divertido viendo. Trabajar con texturas en Illustrator puede ser un reto. Si trabajas constantemente con texturas en tus patrones, es posible que quieras considerar crear tus patrones en Photoshop en su lugar, donde puedes usar texturas de píxeles y trabajar más libremente. Pero si eres como yo y prefieres crear patrones en Illustrator, entonces sigue creando tus patentes en Illustrator, aunque sean texturizadas. Pero recuerda mantener los puntos de anclaje lo más bajos posible para un flujo de trabajo suave y fácil. De lo contrario, Illustrator podría apagarse debido a la pesada carga de trabajo y será molesto crear patrones si es necesario esperar a que el equipo todo el tiempo. Con eso dicho, muchas gracias por mirar. Si te gustó esta clase, pulsa el botón Seguir por mi nombre aquí abajo. Si tienes alguna pregunta, por favor pregúntalos en la página Comunicando aquí en clase, y siéntete libre de dejar una reseña para avisarme si disfrutas de esta clase. Me encantaría escuchar tus pensamientos. También me encantaría ver tu patrón, así que asegúrate de compartir tu predicción aquí en clase. Si publicaste en Instagram, siéntete libre de etiquetarme con @maja_faber. Gracias de nuevo por ver.
Maja Faber, Surface Pattern Designer
