Transcripciones
1. Introducción: Oigan chicos. Soy Christine Nishiyama, Ilustradora en Might Could Studios. Para esta clase, estaremos diseñando un conjunto de ilustraciones vectoriales
dibujadas a mano en el iPad Pro. Las ilustraciones vectoriales son realmente impresionantes
porque se basan en matemáticas en lugar de píxeles, y se pueden redimensionar infinitamente sin perder ninguna calidad. Los vectores también son editables, porque no es una imagen aplanada como un JPEG. Por lo que los colores y el ancho de línea siempre se pueden cambiar en el futuro. Muchos de mis clientes solicitan arte de arte y vector, pero siempre me enloquezco cuando lo hacen porque mis ilustraciones vectoriales siempre terminan luciendo torpe. Además odio la herramienta Pluma. Pero en esta clase, te voy a mostrar mi nuevo proceso para hacer ilustraciones vectoriales que no parezcan indeseables. Recientemente, creé un conjunto de iconos foodie y me di cuenta de cómo hacer ilustraciones
vectoriales que están dibujadas a mano y luego en realidad todavía parecen dibujadas a mano después de ser vectorizadas, y lo mejor de todo, no
tocaremos la Pluma los de herramienta. Para nuestro proyecto de clase, vamos a utilizar este proceso para hacer un conjunto de ilustraciones vectoriales de alimentos. Elegí las cocinas internacionales como mi tema, y pasaremos paso a paso por mi proceso de hacer la serie de ilustraciones foodie. Pasaremos por el boceto, el cambio de tamaño, la topografía, entintado, la vectorización, el refinamiento, y finalmente la presentación. Si no tienes un iPad, habrá una breve página de proceso instruccional en la guía del proyecto, para ayudarte a traducir este proceso al medio tradicional de lápiz y papel. De cualquier manera, saltemos y empecemos a dibujar.
2. Paso 1: elegir y bocetar: Paso 1, elegir y bosquejar. Juntos vamos a estar creando un conjunto de ilustraciones dibujadas a mano. Pero primero, ¿qué vamos a dibujar? Estoy sugiriendo el tema general de la comida, pero dentro de eso, puedes elegir lo que quieras. Podrías elegir dibujar una serie de verduras, frutas, tu merienda favorita, diferentes tipos de café, lo que más te excite. Me encanta probar diferentes cocinas internacionales y aprender qué hace que esas cocinas sean diferentes de las demás. Para mis conjuntos de ilustración, he elegido seis cocinas internacionales diferentes para dibujar: asiáticas, francesas, italianas, latinoamericanas, americanas e indias. También agregué en una serie de ilustraciones de cocina, y especias y hierbas solo por diversión. Entonces una vez que hayas decidido tu concepto más específico, es hora de empezar a dibujar. Para esta clase, estaré dibujando en mi iPad Pro con el Apple Pencil usando la app de dibujo, procreate. Me encanta dibujar en el iPad porque te permite revisar y editar cosas súper fácilmente, y puedes moverte de ida y vuelta entre el ordenador y el iPad súper rápido. Pero si no tienes iPad, puedes usar totalmente un lápiz y papel para hacer este proyecto. Simplemente dirígete a la guía del proyecto para ver instrucciones y completar este proyecto con pluma y papel. Entonces empecemos. En primer lugar, voy a arrancar la app procreate en mi iPad y entrar en mi carpeta de iconos para esta clase. Entonces haré un nuevo documento. Simplemente mantendré estos a pantalla completa ya que vamos a estar vectorizando estos, por lo que el tamaño final no es tan importante en este momento. Entonces si lo deseas, puedes descargar y usar mi plantilla en la guía de proyectos. Esta plantilla te dará algunas pautas para ayudarte a mantener tus ilustraciones aproximadamente del mismo tamaño mientras estás dibujando. Solo tienes que importarlo a tu iPad y ponerlo a una opacidad baja y luego crear una nueva capa encima y empezar a dibujar. Mientras dibujas, recuerda, trata de no filtrar ni tirar ninguna de tus ideas. En esta etapa, solo queremos dibujar todo lo que viene a nuestra mente, nunca se sabe que podría resultar agradable. Queremos mantener estos bocetos sencillos ya que vamos a estar dibujando muchos de ellos y todavía estamos en la fase de ideación, pero puedes decidir cuánto dibujo quieres incluirte. Entonces sólo voy a seguir dibujando hasta llenar todas estas páginas.
3. Paso 2: redimensionar y agregar tipografía: Paso 2, cambiar el tamaño y agregar tipografía. Ahora que hemos sacado todos nuestros bocetos, necesitamos limpiarlos un poco antes de poder seguir adelante. Si utilizas la plantilla de directriz, tus bocetos deben tener aproximadamente el mismo tamaño. Pero si eres como yo, entonces probablemente no lo conseguiste todo exactamente de tamaño correcto o centrado. Corregir estos problemas ahora antes de que pintemos, te
ahorrará tiempo más adelante y hará que tus ilustraciones finales sean más consistentes. Entonces primero, apaga tu capa directriz, exporta tu ilustración como JPEG y envíala a tu computadora. A mí me gusta usar Dropbox para moverse de ida y vuelta entre mi iPad y computadora, pero podrías simplemente enviarlo por correo electrónico si lo prefieres. Ahora abriremos nuestros bocetos en Photoshop. Aquí puedes descargar la siguiente plantilla en la guía del proyecto, que es un poco más simple y nos ayudará a alinear las ilustraciones y añadir tipografía más adelante. Aquí he colocado mis bocetos encima de la nueva plantilla y voy a pasar por y cambiar el tamaño cada ilustración para que quepa dentro y centro con el cuadrado o el círculo. Simplemente uso la herramienta de selección para seleccionar la ilustración y luego “Comando T” para transformar la selección y cambiar el tamaño y moverla según sea necesario. Entonces voy a pasar y hacer eso a cada ilustración ahora. Este paso es opcional, pero si quieres añadir un dibujado a mano etiquetado a tu ilustración, me gusta escribir el texto primero aquí en Photoshop, antes de que tinta más adelante. No trazo el tipo exactamente cuando tinta, pero me gusta tener las letras mecanografiadas para mantenerlas todas alineadas y espaciadas correctamente. Por lo que solo puedes ir a través y escribir tus etiquetas en las pautas recomendadas y en cualquier fuente que prefieras, y debería terminar luciendo algo como esto.
4. Paso 3: tinta: Paso tres, tinta. Ahora vamos a tinta nuestras ilustraciones finales dibujadas. En primer lugar, vamos a apagar la capa de plantilla, y exportar nuestros nuevos bocetos como JPEG. Vamos a importar nuestro JPEG a procreate y ponerlo en una capacidad baja. Después crea una nueva capa en la parte superior y elige con qué herramienta vas a tinta. Me gusta la herramienta de lápiz y he ajustado la pestaña de ajustes para obtener justo la cantidad correcta de arenilla sin dejar de tener una línea limpia. También me gusta ajustar el tamaño a un peso fijo para que
no se vuelva más grueso o más delgado dependiendo de la presión de mi pluma, ya que quiero que estas ilustraciones sean consistentes y tengan un peso de línea fijo. Puedes experimentar con diferentes herramientas, tamaños y ajustes para encontrar lo que más te guste. Ten en cuenta cuando estés entintando que los espacios y
aberturas pequeñitos pueden no traducirse bien en una ilustración vectorizada. Solo hay tanto detalle diminuto que se puede vectorizar antes de que Illustrator acabe de empezar a llenar los espacios y formas ahora solo pasa por ahí y tinta todos mis alimentos.
5. Paso 4: vectorizar: Paso 4, vectorizar. Ahora a la magia vectorial. En primer lugar vamos a exportar nuestras ilustraciones entintadas como archivos de Photoshop en capas, y enviarlo a tu computadora. Esto nos permitirá mantener alta la resolución, y seleccionar solo las líneas entintadas y sin fondo. En tu computadora, abre el archivo de Photoshop, selecciona la capa de ilustración y selecciona los dibujos de tinta. Después abre un nuevo documento y Adobe Illustrator coloca tus ilustraciones de comida. Después vuelve a Photoshop, agarró las capas topográficas, y colocó las en Illustrator. Esto puede parecer un poco complicado, pero me gusta mantener separadas las ilustraciones y la topografía, porque me permite vectorizarlas por separado, y obtener los ajustes justo en cada uno. Ahora tenemos todas nuestras ilustraciones entintadas en Illustrator. Voy a sacar una etiqueta para mostrarte el proceso y pasar por la configuración. Voy a usar este, así que tenemos unas buenas curvas, y pequeñas formas con las que trabajar. Simplemente vamos a seleccionar la imagen, luego subir aquí
y hacer clic en Rastreo de imagen. También puedes encontrar esto bajo objeto en el menú superior. Básicamente lo que hace el trazo de imagen es convertir la imagen basada en píxeles que dibujamos en un vector. Pero se ve bastante incómodo. Repasemos los ajustes para que podamos afinar esto y hacer que se parezca más a nuestra versión original dibujada a mano. Antes de pasar por todos los ajustes, por favor ten en cuenta que los ajustes que elijo aquí pueden no ser los correctos para tu proyecto. El ajuste correcto para tu proyecto, dependerá mucho de lo grande o pequeña y detallada que sea tu imagen. Pero estos ajustes deberían acercarte bastante, y luego puedes juguetear un poco a partir de ahí. Hagamos clic en este botón aquí y eso abrirá nuestro panel de seguimiento de imágenes. Aquí en el panel tenemos todos nuestros ajustes. Asegúrate de tener la vista previa comprobada en la parte inferior para que puedas ver los cambios que estamos haciendo en el camino. En primer lugar, podemos elegir un preset que nos ayude a acercarnos un poco a lo que queremos. Para estas ilustraciones, elegí el arte esbozado, que se ve un poco más dibujado a mano y suave. Pero aún tenemos algunos espacios cerrados y extraños ángulos impresos, así que sigamos adelante. Entonces tenemos umbral. Esta herramienta te permite elegir un valor para crear el trazado en blanco y negro de tu imagen original. Entonces, a medida que mueve el dial junto con la pista, todos los píxeles más claros que el valor elegido se convierten a blanco, y todos los píxeles más oscuros que los valores se convierten a negro. Para este proyecto, encontré 25 como mi punto dulce. A continuación, bajo la pestaña avanzada, tenemos paths.Esto controla lo apretados que encajan los caminos que estamos creando. Un valor de ruta más bajo tendrá rutas más estrechas, y un valor más alto tendrá rutas más sueltas. El valor predeterminado es de 50, pero así es como se ve, realmente alto y realmente bajo. Mi dulce mancha, aquí tienes 95. Ahora a las esquinas. Este ajuste te permite escoger cuántas esquinas tendremos en nuestra imagen vectorial. Un valor más alto tiene más esquinas, y un valor más bajo tiene menos esquinas. Íbamos por ese look liso dibujado a mano, así que voy a poner las esquinas en cero. A continuación tenemos ruido. Esta configuración elige qué áreas de píxeles se ignoran cuando se rastrean. Un valor más alto tiene menos ruido, lo que significa que se ignorará más, y un valor más bajo tiene más ruido, lo que significa que se ignora menos. Yo quiero atrapar muchos detalles finos, así que voy a poner esto en un píxel. Bajo método, queremos seguir con la primera opción atrapado un brote, lo que creará recorte caminos o formas separados. Entonces bajo crear, queremos tener rellenos revisados,
para que estemos creando regiones rellenas, también conocidos como formas, y no solo caminos acariciados aka líneas. Ahora que tenemos todos nuestros ajustes como nos gustan, solo
haremos clic en “Elección”. Se puede ver que nuestra obra aún parece ser una imagen plana. Para conseguir realmente las líneas vectoriales, tenemos que subir aquí y hacer clic en “Expandir”. Ahora puedes ver todos los caminos individuales, pero notarás que el Illustrator ha agrupado todo, así que solo haremos clic con el botón derecho en la imagen, y hacemos clic en “Desagrupar”. Tendrás que hacer eso unas cuantas veces hasta que todo esté realmente desagrupado y todas las formas sean individuales. Ahora se puede ver que todo es individual y no agrupado. Esto nos permitirá agrupar las formas como nos
gusten, en lugar de tenerlas todas agrupadas como una sola pieza de obra. Ahora sigamos adelante y hagamos los ajustes finales para refinar nuestros vectores.
6. Paso 5: perfeccionar vectores: Paso cinco, vectores refinados, pequeños ajustes. Ahora es el momento de hacer nuestros ajustes finales a nuestros encantadores vectores. En primer lugar, vamos a acercar esta pequeña pizza. Se puede ver que todo aquí es una forma, incluso las cosas que no están llenas un color y que nunca queremos que se llene de un color,
como el interior de la a y p en mi etiqueta de pizza. Entonces si destaco aquí nuestra etiqueta de pizza y decido quiero llenarla con el nuevo color, que es uno de los enormes beneficios de tener un vector en lugar de una imagen de píxel, esto es lo que pasa, y eso no queremos. Eso significa que tenemos que atravesar y eliminar las formas que no queremos que se llenen nunca. Ahora que lo he hecho, si seleccionamos la Etiqueta y elegimos un nuevo color, viola. Otra cosita que noté que está fuera de aquí es el punto en el i Es demasiado diminuto. No coincide con el resto de las líneas y no será legible a un tamaño pequeño. Entonces vamos a buscar otro punto de otro i que haga un mejor trabajo. Este es mejor así que voy a seleccionar este punto y pegarle al Comando C para copiarlo, luego volver a mi pizza. Ahora, tocaré el Comando V para pegar, lo
colocaré encima del punto original, y luego eliminaré el punto inferior. Ahora que he hecho todos mis ajustes y estoy contento con esta etiqueta, voy a seleccionar todo el asunto y agruparlo. De esa manera puedo seleccionarlo o moverlo como una sola pieza y no perder ninguna parte de ella. También puedo volver a colorearlo cuando se agrupa así. Ahora voy a pasar por todas mis etiquetas tipográficas y hacer estos ajustes, borrando las formas interiores que no quiero, y reemplazando los pequeños puntos por un punto más grande. También voy a hacer un poco de jugueteo con el espaciado entre letras, asegurándome de que todo se vea bonito y legible. Además hay algunos puntos en las ilustraciones de comida que
también voy a reemplazar por el punto más grande para tener consistencia. Entonces al final, voy a agrupar todas las formas cada ilustración juntas y todas las formas que necesito etiquetar juntas, igual que hice con la pizza. Eso es todo. Aquí voy a hacer todo eso.
7. Paso 7: presentación: Paso 6, presente. Ahora tenemos nuestra serie completa dibujada a mano ilustrada de vector foodie. Desde aquí puedes hacer imágenes de presentación para mostrar tus series como estas. Terminé haciendo mis ilustraciones en un conjunto de iconos, así que hice estas imágenes de presentación para mostrar los detalles y especificaciones del producto. Muchas gracias por unirte a esta clase, y espero que decidas hacer tus propios conjuntos de ilustración foodie dibujados a mano. Espero verte en la siguiente clase y feliz dibujo.
Christine Nishiyama, Artist at Might Could Studios
