Ilustración en iPad Pro: Dibuja vectores que no se vean chuecos | Christine Nishiyama | Skillshare
Menú
Buscar

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Illustrieren mit iPad Pro: Zeichnen von perfekten Vektoren

teacher avatar Christine Nishiyama, Artist at Might Could Studios

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.

      Einführung

      1:52

    • 2.

      Schritt 1: Auswählen und Skizzieren

      3:09

    • 3.

      Schritt 2: Größe anpassen und Typografie

      2:43

    • 4.

      Schritt 3: Tinte

      2:02

    • 5.

      Schritt 4: Vektorisieren

      5:02

    • 6.

      Schritt 5: Vektoren verfeinern

      3:38

    • 7.

      Schritt 7: Präsentation

      0:33

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

5.954

Teilnehmer:innen

13

Projekte

Acerca de esta clase

In diesem Kurs werden wir eine Reihe von handgezeichneten Vektor-Illustrationen auf dem iPad Pro anfertigen.

Vektor-Illustrationen sind großartig, weil sie auf der Mathematik (anstatt auf Pixeln) basieren und die Größe unendlich verändert werden kann, ohne dass die Qualität verloren geht! Außerdem kann man ein Vektor-Kunstwerk bearbeiten, da es kein abgeflachtes Bild ist (wie ein JPG) und die Farben, Linienstärke etc daher immer verändert werden können!

Viele meiner Kunden fordern Kunstwerke als Vektor an, aber mir ist das immer unangenehm, da meine Vektor-Illustrationen irgendwie nie gut aussehen. Außerdem haaaasse ich das Stift-Tool! Aber in diesem Kurs zeige ich dir meinen NEUEN Prozess für die Anfertigung von Vektor-Illustrationen, die sich sehen lassen können!

Kürzlich habe ich eine Reihe von Foodie-Symbolen entworfen und herausgefunden, wie man Vektor-Illustrationen erzeugt, die handgezeichnet sind und tatsächlich immer noch handgezeichnet aussehen! Und das Beste daran: Wir verwenden das Stift-Tool nicht verwenden! Ich zeige dir Schritt für Schritt, wie ich die Foodie-Illustrationen angefertigt habe: von den Skizzen und der Anpassung der Größe über die Typografie bis hin zur Einfärbung, Vektorisierung und schlussendlich der Präsentation!

Falls du kein iPad hast, beschreibe ich in einer kurzen Anleitung im Projektleitfaden, wie du diesen Prozess auf einen herkömmlichen Stift und Papier umlegen kannst!

P.S.: Die Illustrationen, die ich für diesen Kurs erstellt habe, wurden als Symbole entworfen, die jetzt auf Creative Market verkauft werden, falls du sie für eines deiner kommerziellen oder persönlichen Projekte verwenden möchtest! Hier findest du alle Symbol-Sets: https://creativemarket.com/might_could

Los geht's – ran ans Zeichnen!

//

MÖCHTEN?

Sieh dir meine anderen Skillshare-Kurse hier an!

Du kannst auch mehr über mich und meine Arbeit auf meiner Website sehen: might-could.com.

Und du kannst dich für meine E-Mail-Liste anmelden!

Vielen Dank <3

 

Triff deine:n Kursleiter:in

Teacher Profile Image

Christine Nishiyama

Artist at Might Could Studios

Top Teacher

Hallo! I'm Christine Nishiyama, artist + founder of Might Could Studios.

I make books and comics, and I draw a whoooole lot. I teach aspiring and established artists, helping them explore their art, gain more confidence, and discover their unique artistic styles.

My core belief is that art is good and we should all make more of it. 

Instagram: Yeewhoo, I quit all social media! 

Books: Check out my books here, including a graphic novel series with Scholastic!

Subscribe to my Substack newsletter: Join over 10,000 artists and get my weekly essays on creativity and artmaking, weekly art prompts, and behind-the-scenes process work of my current picture book. Subscribe here!

Vollständiges Profil ansehen

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