De bocetos a vectores: digitaliza tus bocetos con la herramienta creador de formas en Adobe Illustrator | Di Ujdi | Skillshare
Buscar

Velocidad de reproducción


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

De bocetos a vectores: digitaliza tus bocetos con la herramienta creador de formas en Adobe Illustrator

teacher avatar Di Ujdi, Illustrator & Art Explorer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:11

    • 2.

      Proyecto de clase

      0:37

    • 3.

      Conceptos básicos de la herramienta creador de formas

      4:03

    • 4.

      Ajustar tus bocetos

      2:51

    • 5.

      Vectorización de tus imágenes

      2:29

    • 6.

      La magia de la herramienta creador de formas

      15:38

    • 7.

      Gracias

      0:35

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

2928

Estudiantes

39

Proyectos

Acerca de esta clase

En esta clase aprenderás a:

  • Preparar tus bocetos para la técnica de la herramienta de creador de formas
  • Vectoriza tus imágenes en Adobe Illustrator y ajuste
  • Convertir tus bocetos en ilustraciones digitales utilizando la herramienta de creador de formas

Además, si eres principiante, no te preocupes, esta es una guía paso a paso y podrás aprender y seguir con los conocimientos básicos de Adobe Illustrator.

Al final de esta clase, estarás listo para hacer que tus bocetos dibujados a mano de a mano se conviertan en una "digital" de unos pocos pasos.

Conoce a tu profesor(a)

Teacher Profile Image

Di Ujdi

Illustrator & Art Explorer

Top Teacher


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

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

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

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


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

Level: Beginner

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: Oye. Mi nombre es Nina. A pesar de que la mayoría de la gente me conoce por mi nombre artístico, Dewit. En esta clase, te mostraré la magia de la herramienta Shape Builder de Illustrator a la hora de vectorizar tus bocetos. Esta clase será perfecta para ti si no tienes una tableta de dibujo, pero quieres conservar tus formas dibujadas a mano al convertirlas en ilustraciones digitales. O quieres aprender una nueva habilidad y usarla y combinarla con otros métodos, utilizas o incluso vectorizando tus bocetos. Tenga en cuenta que la herramienta Shape Builder funciona mejor con dibujos más simples y puede ser un poco limitante cuando se trata de dibujos más complejos. También esta clase es amigable para principiantes, por lo que si solo tienes los conocimientos básicos de Adobe Illustrator, solo tienes que encontrar y podrás seguir a lo largo de la guía paso a paso. Al final de esta clase, tendrás los conocimientos esenciales de la herramienta Shape Builder a la hora de convertir tus bocetos en ilustraciones digitales. Desde preparar tus dibujos hasta jugar en Adobe Illustrator y tener ilustraciones digitales terminadas. Estarás listo para hacer que tus dibujos de mano lleguen a la vida digital en tan solo unos pasos. 2. Proyecto de clase: Para este proyecto, estaremos dibujando plantas de casa en macetas y jarrones. Todo lo que necesitas es un papel y un bolígrafo para hacer bocetos, un bolígrafo de tinta para delinear tus bocetos finales, y Adobe Illustrator para vectorizarlos. También en los recursos de clase, voy a compartir mis bocetos vectorizados para que puedas usarlos, practicar, y simplemente iniciar el proceso. Por supuesto, puedes hacer tus propios dibujos y crear tus propias plantas de hogar únicas. Recuerda disfrutar y aprender, y compartir tus proyectos. Lo que realmente me hace feliz es ver lo que creas. Inspirémonos unos a otros. 3. Conceptos básicos de la herramienta creador de formas: Shape Builder Tool es una de mis herramientas favoritas en Adobe Illustrator porque te da tantas opciones diferentes. Cubriré rápidamente los conceptos básicos para que puedas tener un panorama más grande en mente antes de comenzar tu proyecto. Con la herramienta Shape Builder, puedes combinar y editar múltiples formas para crear otras nuevas. Echemos un vistazo al primer ejemplo. Acabo de crear dos círculos simples y los solapé. Todo lo que tenemos que hacer es seleccionar los objetos que queremos utilizar con la herramienta Shape Builder. Podemos acceder a la Herramienta Shape Builder desde la barra de herramientas. Está justo aquí. O bien, podemos usar el atajo, Shift App. Ahora, se puede ver un poco más aparece. Cuando lo sujetamos sobre nuestros objetos , básicamente verá los tres objetos diferentes. De lo que podemos hacer, podemos hacer click en el medio y crear tres objetos a partir de estos objetos, o tal vez podamos combinarlos en uno. Basta con hacer clic y arrastrar. Será un objeto. O bien, podemos eliminar el objeto. Basta con hacer clic en Alt y mantenerlo presionado, y haga clic. Ahora tienes dos formas que creaste. Ahora, echemos un vistazo al segundo ejemplo. Aquí es donde también uso mucho la herramienta Shape Builder. Es cuando estoy dibujando y tengo los bordes que quiero recortar. Básicamente esta es tu caja, estos son tus elementos decorativos y quieres deshacerte de estas barras. Nuevamente selecciona Shift M, y puedes mantener presionado Alt para obtener esta opción de eliminación. Como puedes ver, solo puedes hacer clic para eliminar, o la forma más rápida es arrastrar y eliminar. Haga clic en V para salir. Eso es todo. Todos estos son ahora objetos separados, pero van perfectamente bien juntos. El tercer ejemplo, es algo de lo que vamos a hablar en esta clase. Es cómo vectorizar tus bocetos usando la herramienta Shape Builder, que hago mucho. Aquí puedes ver la fotografía de mi boceto, y aquí la puedes ver después de que hice un trazo de imagen en él. También hablaré de eso a detalle en el siguiente video. Por ejemplo, esta forma es muy simple como puedes ver. Si no necesitas este esquema, solo puedes usar la Herramienta Selección Directa, que también puedes encontrar en el menú de la barra de herramientas o simplemente puedes pulsar A para acceder a ella, y luego debes hacer clic en el interior de tu objeto y eliminar. De esta manera, obtendrás una forma con un color sólido, si eso es lo que buscas y si no necesitas un contorno. Cuando miras esta forma, también puedes hacer lo mismo, pero llevaría mucho tiempo hacer click en todos estos huecos y llenarlos. Ahí es donde realmente viene la herramienta Shape Builder de la mano. Vamos a moverlo un poco. Vamos a crear el fondo solo usando un objeto que te guste. Pongámoslo en algún bonito color verde y enviémoslo a la parte de atrás usando el comando Shift corchete izquierdo. Ahora, vamos a seleccionarlos a ambos. Desplazarlos para acceder a la Herramienta Regla de formas y Alt, a continuación, haga clic para eliminar el resto del fondo. Ahora se puede ver que tenemos el mismo objeto pero recién lleno. Si mueve esto, verá que tenemos este objeto en el color sólido. Puedes usarlo tal como está, o puedes usarlo en combinación con el contorno. De nuevo, cambia tal vez el contorno a algún color más oscuro o lo que quieras. Ahora que ya conoces los conceptos básicos de la herramienta Shape Builder, podemos pasar a hacer bocetos y también aprender qué tipo de dibujos funcionan con Shape Builder Tool y también cómo prepararlos. 4. Ajustar tus bocetos: Ten en cuenta las limitaciones y posibilidades de la herramienta constructor de formas antes de empezar a dibujar y tratar de pensar en tus dibujos de una manera que la herramienta constructor de formas los vaya a ver como la recopilación de diversos elementos. Este es un boceto que he preparado para nuestro proyecto con estos diferentes ejemplos, quiero mostrarles lo que tenía en mente mientras los dibujaba, así que echemos un vistazo al más sencillo. El único problema que veo es que un tallo de la planta está conectado a la maceta, y la herramienta constructor de formas reconocería tanto la maceta como [inaudible] como una sola forma, y como no queremos eso, simplemente podemos hacer poco espacio aquí mientras dibujo, que me olvidé de hacer, o podemos usar una herramienta de borrador en Illustrator para desconectarlos posteriormente. Echemos un vistazo al boceto más complejo que tengo, puedes ver que estas ramas se superponen claramente y si simplemente usas la herramienta constructor de formas con esto, obtendrías un montón de caminos que más tarde son imposibles de editar, entonces la pregunta es ¿qué hacer? Es muy sencillo, solo necesitas separarlos, solo necesitas volver a dibujarlos, agarrar un papel y simplemente rastrearlos como formas separadas, igual que lo hice aquí. Posteriormente los combinaremos en Adobe Illustrator, también, respecto a los elementos decorativos en las macetas, si estas líneas están tocando los límites del bote, pasarías tiempo desconectándolos en Adobe Illustrator y más tarde conectándolos si quieres, así que así, será mucho más fácil jugar más tarde para hacerlos más largos o hacer lo que quieras y ahorrarás mucho tiempo. Recapitulemos, puedes dibujarlo por separado en papel y luego jugar con ellos y combinarlos, o si estás dibujando algo muy sencillo, solo puedes dejarlo tal como está, y posteriormente editarlo en Adobe Illustrator, también pocas cosas a tener en cuenta antes de empezar a dibujar, siempre mantener cerrados los caminos de tu dibujo para que puedas convertir fácilmente en formas en Adobe Illustrator, esto es sólo si quieres que estas formas sean formas, si quieren que sean líneas, entonces solo trata de mantenerlas separadas del resto de tus objetos. En caso de que estés dibujando con un bolígrafo, asegúrate de delinear tu boceto con un bolígrafo de tinta al final y borra el resto, pues necesitarás un boceto claro y de contorno para poder vectorizarlo más adelante en Adobe Illustrator. Puedes escanear o fotografiar tu boceto, si lo fotografías, solo asegúrate de que no haya sombras cubran tu dibujo y que tu foto sea nítida, y también si estás fotografiando más papeles, solo asegúrate de que lo estás haciendo desde la misma distancia y ángulo. 5. Vectorización de tus imágenes: El tamaño habitual que uso al dibujar elementos es de 2000 por 2000 píxeles, pero realmente puedes trabajar en cualquier tamaño que te guste ya que Adobe Illustrator es de programa base extra. Si te gusta trabajar sin los límites del tablero duro como yo, solo presiona Shift Command H y todo será blanco. Por lo que ahora agreguemos nuestros bocetos escaneados o fotografiados. Fotografié mis bocetos con mi teléfono móvil. Para que veas que la mejor calidad realmente no importa aquí. Ahora el siguiente paso es vectorizar estas imágenes. Por lo que vamos a ir a la ventana y encontrar rastro de imagen para abrirlo, seleccionaremos una de las imágenes, y si las opciones avanzadas no están abiertas para ti, solo tienes que dar click aquí para abrirlo. Es importante seleccionar Ignorar blanco, y puede anular la selección de curvas de ajuste a líneas. Esto realmente es a tu preferencia. También puedes jugar con ruido, esquinas, y caminos, y umbral si quieres. También me imagino cuando estoy haciendo dibujos como este que están delineados en mi lápiz de tinta, la mayoría de las veces la configuración que está aquí me está funcionando. Entonces vamos a ver. En su mayoría lo que busco es que todo esté cerrado, no tengo huecos. Puedo ver todo lo que dibujo y se ve bien. Por lo que sólo podemos golpear expandir. Ahora hagamos lo mismo para la segunda imagen. Ahora nuestras imágenes se convierten en partes. Todos estos están agrupados. Permítanme que también cierre esto. Todo aquí está agrupado. Lo que me gusta hacer es antes que nada, desagrupar todo. Como puedes ver, esto no se agrupa con todo, solo voy a agruparlo y arreglarlo para poder trabajar con él más adelante. Como mencioné, este archivo de Adobe Illustrator con mis bocetos vectorizados estará disponible para ti en los recursos de la clase. Siéntete libre de usarlos, para jugar con ellos, para probarlo, y hacer lo que quieras y crear algún bonito arte. 6. La magia de la herramienta creador de formas: Todo está listo y listo para comenzar a usar la Herramienta Constructora de Formas para hacer que nuestras plantas de casa cobran vida. Empecemos con el más sencillo. El primero que tenemos que hacer es separar la planta de la maceta. Déjame añadir esto a una nueva capa, que veas lo que estoy haciendo. Lo desagruparé, comando de turno G, y solo agruparé estos círculos seleccionando todo y luego sosteniendo Shift y dando click en la Planta, porque solo quiero agrupar estos círculos, Comando G para agruparlo. También podemos bloquearlo y también podemos apagar la visibilidad para que veas lo que estoy haciendo. Ahora porque necesitamos dos formas, lo copiaré y lo pegaré en su lugar. Para eso, basta con golpear Comando C y Comando F. Así que se coloca en la misma posición exacta. Bloqueemos a uno de ellos y apaguemos la visibilidad. Ahora cuando esté seleccionado, podemos agarrar herramienta de borrador y solo llegar aquí y básicamente eliminar la planta y nos quedaremos con la maceta. Como hicimos para el ejemplo que te mostré aquí, realmente no necesito usar una herramienta Shape Builder, todo lo que necesito hacer es usar la herramienta de selección directa hit A en tu teclado, seleccionar el interior del objeto y simplemente eliminarlo. Ahora, para arreglar estas cositas que no me gustan, solo usaré una herramienta suave. Está justo aquí, donde está tu herramienta de lápiz, solo seleccionas una herramienta suave, y mientras tu objeto está seleccionado, solo tienes que repasar las partes que quieres arreglar. mí me gusta dejarlo un poco lleno de baches porque quiero ser muy similar a mi boceto así que solo podría arreglar algunas cosas, pero si quieres que sea más suave, puedes usar una herramienta suave donde quieras, y también puedes probar fuera hasta que veas que te gustaría dar forma. Creo que esto es bonito, pongámoslo en algún otro color y vamos a traerlo de vuelta, cambio Comando soporte izquierdo, genial. Ahora vamos a bloquearlo y apagarlo y vamos a encender la otra planta. Para esto, necesito levantar la olla. Ahora solo tenemos la planta y como esto es un poco más complejo, voy a usar la herramienta constructor de formas tal como lo hice, va a hacer un fondo, hagámoslo en algún bonito color verde, traerlo de vuelta y seleccionar los dos, pulsa turno M para la herramienta constructor de formas, y cuando vayas al fondo, si tu forma está conectada, solo seleccionará todo lo que está a su alrededor, aguantaremos y haremos clic para eliminarla. Simple como eso. No quiero estos contornos ahora, así que los eliminaré y usaré una herramienta suave solo un poco para poder arreglar algunas de las cosas que no me gustan. Ahora vamos a traer de vuelta nuestra olla para ver cómo se ve, es muy bonita y todo lo que necesitamos hacer ahora, podemos bloquear la planta y la maceta y apaguémoslas para que puedas ver, y llevemos los círculos de vuelta. Por lo que haremos lo mismo por los círculos que hicimos por la planta. También aquí, eliminaré estos contornos, y también debes agruparlos si quieres cambiar posteriormente el color y será más fácil. Entonces solo agrupa y llévalos al frente. Los tenemos aquí arreglados, podemos encender la visibilidad para que veas lo que está pasando y ahí está. Es muy sencillo. Agrupémoslo y pasemos a nuestra próxima planta. Esta es más compleja, pero usaremos básicamente las mismas cosas que usábamos para la anterior pero podría necesitar solo un poco más de ajuste. Empecemos con una olla. En primer lugar, voy a borrar el verdor para que me puedan dejar nosotros la olla. También pondré eso de una manera nueva para que puedas ver. Se puede ver que aún está lleno de baches, lo arreglaremos más tarde y primero quiero solo agrupar estas piezas decorativas para poder bloquearlas y no preocuparme por ellas. Selecciona todo y luego solo tienes que mantener el turno y dar clic en el bote y grupo. Lo que tenemos que hacer aquí es llenar estos dos, lo haremos con la herramienta de selección directa, y vamos a llenar la olla también, pero antes que nada, solo seleccionaré estos y solo los pondré en algunos otros colores para que puedas ver y llevarlo al frente. Nuevamente, Herramienta de Selección Directa, el interior del objeto y simplemente eliminar. Ahora es básicamente el momento en que ahora puedes suavizar esto, también, si la herramienta lisa no está funcionando bien con tus ejemplos, solo puedes usar un borrador o puedes usar un pincel blobby para agregar tal vez algo más como esto. Pero la herramienta suave está funcionando perfectamente para los resultados que quiero. Usaré herramienta pincel blob aquí mismo. También estoy trabajando en mi panel táctil, no uso ratón y no estoy usando las tabletas de dibujo en este momento. Ahora seleccionaremos estos tres objetos e iremos a nuestra herramienta constructor de formas usando comando shift M. Necesitamos borrar estas dos partes, solo aguanta y borra y tenemos nuestra olla. Ahora bloqueemos eso y pasemos a nuestra decoración. Como te dije antes, cuando estaba dibujando, quería mantenerlos fuera de los límites de la olla, así que no estoy teniendo alguna forma loca con tantas cosas diferentes que necesito arreglar. Aquí por ejemplo, si quieres hacer esto más grande o tal vez incluso exagerarlo, solo aguanta para arrastrarlo y hacerlo más largo desde el centro. Por ejemplo, así y más adelante, si quieres eliminar estas partes, también puedes usarlo como te mostré en los conceptos básicos de la herramienta de constructor de formas, puedes simplemente recortar los bordes mediante el uso de una herramienta de constructor de formas. Ahora, sólo voy a añadir un poco de color. Sin calificación se ve bien por ahora, también puedo jugar con colores más tarde, y ahora pasemos a estas plantas. Todos están agrupados lo cual es bueno hará un fondo y algún color verde, lo enviarán a la espalda, y seleccionarán, y volverán a utilizar una herramienta de constructor de formas. También eliminaré los contornos aquí, así que basta con hacer click en la parte oscura y elimínala. Lo que quiero hacer aquí, quiero ponerlos en diferentes colores para que se vean mejor cuando se superponen, y como puedes ver, es muy fácil hacerlo así, dibujarlo de antemano y luego solo conseguirlos una forma separada en básicamente si sólo unos pasos, y todo lo que tenemos que hacer ahora es organizarlos en el bote. Aquí está. Este método de dibujo y preparación antes, es realmente algo que me gusta porque después realmente puedo jugar en Adobe Illustrator, arreglarlos, cambiar de color y todo. Ahora pasemos a otro ejemplo, así que quería hablarles de estos dos, así que por una, decidí separar estas hojas. Pero como puedes ver, estos son muy similares, y yo solo quería hacer eso porque quería mostrarte que a veces no necesitas separarlos si quieres lograr un estilo que puedes conseguir sin separarlos, y también para lograr otro estilo con separarlos. Hagámoslos y veamos cómo va. Como puedes ver, pude jugar aquí con colores, también puedo jugar más hasta alcanzar el equilibrio de estas hojas superpuestas, pero también quería mantenerlo sencillo estar en dos colores. Veamos qué podemos hacer con el siguiente ejemplo donde no dibujamos las hojas por separado. Lo único que voy a hacer aquí es lo mismo que hice en el primer ejemplo; en este sencillo. Simplemente voy a separar las hojas y separar la olla y también poner esta decoración en otro color. En primer lugar, solo agruparé estas líneas, y también agruparé ahí la decoración, y más tarde podré pasar a separar las plantas y la maceta como dos objetos diferentes. Pero también veo que aquí hay un error, porque esta línea está pegada a las hojas. Todo lo que necesito hacer es seleccionarlo y solo usar la herramienta de borrador. Lo pondré un poco más pequeño, solo sostén el soporte izquierdo para ponerlo más pequeño, y también ahora es el momento si quieres suavizarlo. Ahora se ve bien, puedo pasar a agrupar y separar. Como puedes ver aquí, esta forma para mí no funcionaría realmente si eliminara el fondo, será solo una forma grande sin definición. Pero si quiero mantener el estilo con los contornos entonces realmente no necesito separar las hojas, y solo puedo usar estos contornos, puedo dejarlos en el color oscuro o tal vez solo puedo usar un verde más oscuro, y ahora se puede ver la diferencia entre estos dos. que logramos con no separar nuestros dibujos al usar la herramienta de constructor de formas, y al separar nuestros dibujos al usar una herramienta de constructor de formas, por lo que esta es realmente solo la preferencia y depende del estilo que quieras lograr. Ahora pasemos a nuestras plantas en jarrones. Como puedes ver aquí, los dibujo todos por separado, realmente no tuve que hacerlo en estos dos casos porque sería muy fácil solo entrar aquí y usar una herramienta de borrador para luego borrarla. Pero como estos eran dibujos tan simples, pensé que sería simplemente más fácil para mí jugar con, puedo ponerlo así, quizá pueda cambiar la forma en que se ve dentro. Ya que es un dibujo tan sencillo, solo decidí hacerlo, pero no tienes que hacerlo por un dibujo como este. Cuando se trata de este dibujo, de nuevo, podrías curvar venir aquí y luego editarlo, pero tomaría más tiempo, y de esta manera será mucho más fácil, por lo que haremos las mismas cosas que hicimos con las macetas. La única diferencia que vamos a hacer aquí, es que vamos a utilizar para nuestros jarrones transparencia. Si la transparencia no está abierta para ti, puedes encontrarla en la ventana, y luego aquí, solo tienes que hacer clic para abrir la ventana de transparencia. Pondré la transparencia en 60 o 50 por ciento, siempre puedes ajustarla como quieras, y verás ahora que jugar con estos jarrones realmente puede parecer súper interesante con solo las formas sólidas como ésta. Se ve muy bien; podemos seguir adelante, y eso es todo. Ahora puedes arreglarlos, jugar con los colores, verlos todos juntos, y si quieres aprender a hacer un patrón con estas plantas de interior, hora de hacer mejor clase en Diseño para Principiantes, crea tu primera patrón sin costuras en Adobe Illustrator, y eso es todo. Vectorizamos nuestros bocetos y creamos nuestras plantas de casa con la herramienta constructor de formas. Ahora, es el momento de jugar con ellos, cambiar los colores, organizarlos, y de ver cómo encajan todos juntos. 7. Gracias: Oye, lo lograste. Espero que disfruten de esta clase y aprendan la nueva habilidad. Ahora puedes usar la herramienta Shape Builder de tantas maneras. Lo más importante es que puedes convertir fácilmente tus bocetos ilustraciones digitales en tan solo unos pasos. Siéntase libre de compartir proyectos y hacer cualquier pregunta. Además, sígueme en Skillshare para que me notifiquen sobre mis próximas clases. Tengo muchas ganas de ver tus proyectos.