Crea una ilustración en vector utilizando Image Trace

1. Proyecto de Hello y de clase: Hola a todos. Gracias por unirte a mí en mi primera clase de habilidad compartida. Mi nombre es Taylor Shannon, y soy diseñadora e ilustradora de patrones de superficie que vive en Portland, Oregon. En esta clase, aprenderás a crear una ilustración de vector de fondo a partir de un boceto el mismo que he elegido esta copa toma. Pero siéntete libre de crear lo que quieras. Bueno, toca brevemente mis herramientas y técnicas de boceto favoritas. Entonces te llevaré a través de la configuración de tu archivo de ilustrador de Adobe y te mostraré mi flujo de trabajo y las herramientas de ilustrador que uso en el amor. Al final, tendrás ilustración vectorial aguda, y espero que compartas tu proyecto terminado. Tu proyecto de clase será bosquejar una magdalena o cualquier cosa que quieras. Trae tus bocetos a Adobe Illustrator y usando las herramientas que te voy a enseñar. Convierte tu boceto en un vector. Ilustración. Comparte tus bocetos e ilustración terminada con clase. A menudo uso esta técnica de diseño para crear ilustraciones y diseños de patrones. Esta es una gran clase. Si estás en ti a las ilustraciones digitales y quieres empezar a crear tus propios diseños , espero que disfrutes de la clase. Empecemos 2. Bocetar e inspiración: Entonces hablemos de bocetos. Puedes usar las herramientas que quieras bosquejar. Algunos artistas prefieren herramientas profesionales. Algunos, como pueden usar herramientas menos costosas para bocetos a lápiz. Tiendo a usar sólo un llano un gran lápiz mecánico. En ocasiones también uso algunos lápices de bocetos. Estos artistas perdieron lápices se pueden encontrar por un gran precio que Michael y otras tiendas de artesanía . Mi pin favorito de elección es un bolígrafo Sharpie find tip. También he usado el micro en pines que a muchos artistas les encantan, pero siempre vuelvo a mi simple Sharpie. Estos son súper fáciles de encontrar, y son geniales para líneas afiladas y bosquejar otro. Mis alfileres favoritos es el mate de papel Bandeja de la Llamarada. Tiene más de una punta de fieltro, y me encanta usarla para letras a mano, sobre todo. También me encanta un buen Sharpie anticuado. ¿ Eres afilados para crear bocetos, textura y lotería de mano? Cuando se trata de papel, se puede utilizar un cuaderno de bocetos o simplemente papel de impresora simple. Usé papel de pareja suelto en un portapapeles. Encontré que cuando uso un cuaderno de bocetos, me pongo mucha presión para crear cotización unquote trabajo perfecto, pero solo usar papel de impresora suelto me ayuda a obtener mis ideas sobre papel más rápido. Ya sabes, cuando se trata de inspiración, has sido una inspiración de casi cualquier cosa. Mis lugares favoritos para inspirarse para hacer bocetos son los siguientes Pinterest. Si no tienes un Pinterest, ¿qué estás haciendo? Probablemente deberías considerar conseguir uno. Es gratis, y es fácil tipo de coleccionar imágenes como inspiración. Tengo toneladas de diferentes tableros de Pinterest para diferentes temas. También me inspiran mucho los libros, revistas o catálogos e incluso los libros de recetas. Descubrí que pasar por espectáculos antiguos y mirar diseños vintage realmente me ayuda a inspirarme también, sobre todo si realmente te atraía ese tipo de sensación moderna de mediados de siglo. Cuando se trata de diseño, dar un paseo afuera puede traer mucha inspiración, sobre todo si estás deseando bosquejar flores o algo relacionado con la naturaleza. Y por último, sólo mirar alrededor cuando estás fuera de compras es una gran manera de ver qué te inspira fondos y productos que te gustan y utilizar el diseño, textura, color, lo que quieras de ello para te traen inspiración cuando estás dibujando en el futuro 3. Subir bocetos: A la hora de meter tus bocetos en Adobe Illustrator, existen dos métodos principales a utilizar. Podrías usar un escáner para escanear tus imágenes en la computadora. O simplemente podrías tomar una foto de tus bocetos con tu teléfono inteligente y enviarte un correo electrónico las imágenes. Tiendo a usar el segundo método. Encontré que mi iPhone puede obtener fotos bastante de alta calidad de mis bocetos. Simplemente tomaré una foto, por correo electrónico y luego descargaré la imagen en mi computadora y la arrastraré a Adobe Illustrator. Yo recomendaría encarecidamente este método, pero si ya tienes un escáner con el que te sientes cómodo, esa es una gran opción dos. 4. ¿Qué es un vector?: Entonces sigo hablando de vectores. ¿ Qué es exactamente un vector? Te voy a dar un rápido recorrido por rosters versus vectores, por lo que una imagen ráster se compone de píxeles. Estos píxeles pueden mezclarse bien y crear INT codiciosos. Los archivos ráster suelen ser más grandes que los archivos vectoriales y algunos tipos de archivos ráster comunes o tiff. JPEG y GIF archiva algunos ejemplos de archivos ráster o fotos y pinturas. No hay vectores. Nuestra imagen está conformada por cálculos matemáticos y puntos, formas y líneas. Deberían ser hábiles de arriba abajo sin perder su claridad. También puedes editar fácilmente el color de una falta vectorial. Ciertos tipos de vectores Thal son archivos E P, s , AI, , AI, PDF y PNG. Algunos ejemplos de vectores son logotipos, diseños de camisetas y cualquier obra de arte limpia y escalable, que es en lo que vamos a estar trabajando hoy. 5. Let's #1: calco de imagen y suavización: Por lo que vas a querer abrir un nuevo documento en Illustrator y luego traer tu boceto . Tengo la mía aquí en mi escritorio, así que solo la voy a arrastrar al ilustrador y luego voy a ir Teoh sartén abajo y ya tengo una paleta de colores tirada aquí mismo. Y luego lo tengo por aquí. Mi panel de muestras. Si te falta alguno de estos paneles por aquí, solo puedes ir a la ventana y luego encontrar el que estás buscando y simplemente arrastrarlo para ahorrar. Entonces vamos a seguir adelante e imagen, trazar nuestro boceto tan rápido en el boceto y luego subir aquí. Verás traza de imagen Si hiciste clic en el triángulo hacia un lado, Um, Um, siempre elige arte de boceto. Ese suele funcionar bastante bien para mí. Um, guarda mucha de la textura y también te voy a mostrar, es que le quita el blanco del fondo, así que solo usará el negro, que es realmente bonito. No tienes que ir quitándote el blanco tú mismo para que yo pueda ver en algunas zonas, como aquí mismo. No recogió todo eso del boceto Así que voy a subir aquí al panel Rastreo de imagen y luego arrastrar el umbral hasta un poco, ¿de acuerdo? Eso se ve mucho mejor. Por lo que conectó ese. Entonces voy a seguir adelante y hacer clic en expandir, y luego voy a golpear comando turno G un par de veces, dedo del pie un grupo todo. Y así ahora tenemos un vector. Lo consumes tanto como quieras, y tu imagen es muy clara. Entonces voy a utilizar mi herramienta de selección directa, que está aquí mismo en el panel de peaje. O puedes golpear un en tu teclado, va a seleccionar la magdalena. Y como puedes ver, hay muchos puntos de anclaje, por lo que necesitamos simplificar un poco eso. La forma en que solía simplificar los puntos de anclaje es que iré aquí a la herramienta lisa , que está debajo de la herramienta debajo de la herramienta shaper. Haga clic en eso. Y luego una vez que haces clic en tu imagen, puedes arrastrar y puedes verla suavizada y eliminar muchos puntos de anclaje y simplemente suavizar tu imagen. Entonces esta es una gran manera, Teoh. Es sin tu imagen. Hazlo un poco simplificado. A veces hay que repasarlo un par de veces para que realmente haga click. Esta herramienta es muy interesante, y sin duda recomendaría experimentar con ella y jugar con ella si no lo has hecho antes, sobre todo si trabajas con muchos vectores que son rastreados de imagen. Ahí vamos a alejar un poco y voy a dar clic o a un comando hit h para ocultar puntos de anclaje. Y ahora se puede ver que es mucho más suave. Simplemente se ve más natural. Entonces esa es una forma que uso. Um, cuando me dijeron que solía suavizar mi ilustración. Otra herramienta que puedes utilizar es que te mostraré en esta bandera, ser seleccionado y luego ir a la ruta de objetos, simplificar y luego asegurarte de tener vista previa comprobada y este panel te mostrará cuántos puntos de anclaje tienes actualmente. Entonces ahora mismo tienes 189 Um, y si bien, si lo arrastras todo el camino hacia arriba, tendrás 189. Entonces si conduces por la precisión de la curva ahora tienes 59 puntos. Eso son un poco demasiado pocos puntos, así que voy a arrastrarlo de nuevo hacia arriba, tal vez hasta el 98%. Se ve mucho mejor y se deshaga de bastantes puntos. También puedes hacer clic en líneas rectas si quieres, si quieres una línea recta. Pero obviamente quiero algunas curvas, así que voy a seguir adelante y golpear. OK, eso estuvo un poco mejor. Probablemente seguiría usando la herramienta pequeña, lisa y simplemente seguir adelante y suavizar de estas piezas un poco. Ahora si quieres conseguir esto dentro de parte, como puedes ver, lo estoy intentando. En realidad no está funcionando. Sigue trabajando en el exterior. Por lo que si quieres suavizar estas áreas interiores, tienes que hacer clic fuera de la imagen y luego volver a hacer clic sobre ella y empezar la primera vez que haces clic y mantén pulsado. Empieza por dentro, y ahora puedes ver que siempre está alisando por dentro. Entonces ahora nos metimos dentro. Alízalo si querías entrar aquí y decir Quieres que esto sea un poco más puntiagudo, um, um, hit command edad para levantar tu punto de vista ancla y lo que normalmente voy a hacer. Escogeré mi herramienta de selección directa o tocaré un en mi teclado, y luego iré por aquí debajo de la herramienta de lápiz y o haga clic en eliminar punto de anclaje o tocaré el signo menos en mi teclado, y luego puedes. Es atraer algunos de estos puntos tipo de jugador en los puntos de ancla para conseguir que se vean exactamente de la manera que quieras. Teoh. Por supuesto, se podría hacer eso por toda la imagen, pero tardaría un tiempo. Y tienes que recordarte a ti mismo, no quieres que se vea 100% perfecto. Se quiere que tenga esa calidad dibujada a mano a ella. Eso es algo que tengo que recordarme constantemente, también, porque soy tan perfeccionista. Yo quiero ir en su suavizado todo y hacerlo perfecto. Pero a veces las ilustraciones simplemente se ven muy bien con ese tipo de look funky, diferente a ellas. Entonces voy a usar las herramientas de suavizado suavizar el resto de esta magdalena a, y como puedes ver cuando estoy cambiando la sección que estoy sirviendo, estoy haciendo clic apagado y luego haciendo clic atrás en la imagen para que realmente no pueda ir de ida y vuelta entre estas dos secciones porque están seccionadas. Entonces eso es algo que tienes que recordar cuando estás jugando alrededor de la herramienta suave. Creo que la práctica realmente hace perfecto para esto. Una vez que empecé a usarlo mucho, sólo se convirtió en segunda naturaleza para mí. Y ahora es como, ni siquiera tengo que pensar en ello. Mi cerebro sólo hace que funcione. Entonces voy a ir y Smith fuera el resto de esto, y luego también voy a suavizar este pequeño soporte de torta y mi Sprinkles y mi hola , y te veré en la siguiente lección. 6. Let's #2: colorear líneas de colores: De acuerdo, así que ahora tengo todas mis formas movidas, y se ven como yo quiero que lo hagan. Por lo que ahora estoy listo para empezar a colorear. Por lo que quiero que esta copa tome liner sea de un color al menos, el contorno de la misma. Y luego quiero que esta parte de la magdalena la guinda sea de un color diferente. Pero si selecciono todo el asunto y luego hago clic en un color, hace que todo sea del mismo color. Y quiero que estos sean separados. Entonces voy a tener que retocar un poco esto y jugar con él para mostrarte cómo Teoh lo separa todo para que puedas colorear todo por separado. Entonces, como ejemplo, tengo la fresa por aquí. Esto es lo que parecía después de que la imagen rastreada y la convierto en un vector. Simplemente tiene el trazo negro, y tiene un fondo no Phil, Así que Teoh le agrega color. Lo que tenía que dio es que tenía dos separados todo, así que tuve que separar completamente el tallo, y luego añadí en el color dentro de ella tenía que separarlo de la fresa. No podía simplemente hacer clic en uno y colorear fácilmente todo el asunto. Entonces te voy a mostrar cómo hacer eso con la magdalena ahora mismo. De acuerdo, Para separar estas dos piezas, voy a hacer un duplicado. Por lo que solo voy a dar clic en la imagen, mantener la opción y luego arrastrar para copiar. Entonces, en primer lugar, quiero conseguir solo el liner de magdalenas por sí mismo. Entonces voy a asegurarme de tener toda la imagen seleccionada y luego pulsar el turno E en mi teclado o subir a la herramienta racer y puedes cambiar el tamaño del corredor golpeando los corchetes izquierdo y derecho de tu teclado. Podría hacerlo bastante grande, ¿de acuerdo? Y solo quiero cortar las piezas donde se cruza con una magdalena. Entonces eso es bueno. Después seleccionaré la magdalena y eliminaré, y luego entraré y solo suavizaré esos bordes. Está bien, eso está bien. Entonces ahora para este, quiero que Teoh elimine el liner de magdalenas. Yo voy a hacer lo mismo. Elige mi herramienta de borrador, y solo voy a entrar aquí y borrar esa línea donde está conectando co cake. Es el liner. Y luego aquí mismo. Este pequeño Sprinkle también está conectado a la magdalena. Entonces va a como cambie de color para la magdalena. Cambiará el color de la Espolvorea. Entonces voy a usar mi carrera o herramienta otra vez, bajarla de tamaño. Y justo ahora puedo suavizar esos bordes a Ahí vamos. Por lo que ahora estos aire dos piezas completamente separadas. Por lo que ahora puedo colorear este sin embargo quiero y luego esta pieza superior. 7. Let's #3: colorear formas de color: Hay algunas formas diferentes de colorear el área interior, así que te voy a mostrar un par de métodos diferentes el primer mes y te voy a mostrar el. El liner de cupcake es la herramienta de cubo de pintura en vivo para que puedas golpear K en tu teclado. O puedes ir por aquí y ilumina el peaje del mercado de pintura en vivo. Está debajo de la herramienta constructor de formas, y luego puedes ver tu cursor cambiado a este cubo de pintura. Entonces voy a ir por aquí y elegir un color. Podrías empezar a dar click en el interior. Es como un libro digital para colorear. De acuerdo, así que tengo eso de color. Ahora sólo tengo que expandirme. Entonces goto objeto. Ampliar. Haga clic. OK, y ahora este es un grupo. Esa es una forma de colorear el interior de la imagen. Entonces otro método que uso es la herramienta de constructor de formas, que puedes usar golpeando. Cambia en tu teclado o pasa a tu panel en tu panel de herramientas, y está por encima de la herramienta de cubo de pintura luces por lo que solo elegirás el color al igual que la herramienta de cubo de pintura en vivo, y luego empezarás a hacer clic y empezarás a pintar el por dentro. Ahora si te aferras a la opción. Ya verás que el pequeño signo más cambia a un lado menos. Y luego, si cometes un error, puedes hacer clic en el signo menos. También podrías hacer lo mismo con el exterior. Entonces di que no querías acariciar. Podrías simplemente deshacerte por completo de ese tiburón. Entonces esa es una opción divertida cuando usas la forma, la charla más antigua y todo ya se ha expandido. No tienes que expandirlo como con la herramienta de cubo de pintura life, pero tendrás que agruparlo todo, así que solo selecciónelo y luego pulsa comando G para agrupar. Otra forma que realmente me gusta colorear detrás de una imagen es mediante el uso de la herramienta de pincel blob. Entonces voy a acceder a eso pulsando turno, estar en mi teclado, o puedes ir y está debajo de la herramienta pincel de pintura. Voy a elegir mi color que quiero que sea el interior de mi magdalena, y luego por aquí en la parte inferior del panel de herramientas ahora mismo, el normal, um, método de dibujo es dibujar normal. Entonces si utilizas tu Barbara debería simplemente dibujar encima de todo, Bueno, si haces clic en este aquí mismo. Esto es dibujar atrás y luego empezar a dibujar tipo de pintura en el interior. Se puede ver que está dibujando detrás de esta forma, así que esta es una forma realmente bonita de conseguir algo más de esa textura dibujada a mano en tu ilustración. De nuevo, puedes usar los corchetes izquierdo y derecho de tu teclado para ajustar el tamaño del pincel de blob . Se puede ver que tipo de dejar fuera algunas de estas áreas para que se vea un poco más orgánica. Y luego podrías seleccionar todo el asunto solo podría colorear el interior del pincel blob. Así es como lo hago normalmente. Simplemente seleccionaré esa pequeña imagen ahí mismo, golpeo, cambiaré em para subir la herramienta constructor de formas y luego simplemente arrastrarla a través. Y ahora está lleno. Entonces ahora tienes el interior de tu magdalena de color. Asegúrate de desplazarte hacia atrás para dibujar normalmente pulsando Mayús o Mayús D en tu teclado. De esa manera, no estarás dibujando detrás de las cosas en el futuro, así que solo golpearé esto de vuelta por aquí, voy a agrupar a esos dos y luego allá vamos. Va a seleccionar todos mis Sprinkles y cambiar su color también. Y ahora tenemos nuestra magdalena. Usa la herramienta de cubo de pintura en vivo para colorear mi bandera y expandirla. Está bien. Y luego esto. Hola? ¿ Vas a cambiar de color a blanco? Lo bajó un poco. Y saca eso dentro de mi bandera. Ahí vamos. Entonces te veré en la siguiente lección, y te mostraré cómo usar la textura para realmente darle vida a tu diseño del dedo del pie. 8. Let's #4: añadir textura: Entonces ahora te voy a mostrar algunos métodos diferentes para usar texturas y tu ilustración para especie de traerlas a la vida, Dales un poco más de dimensión. Entonces creo que no voy a usar este pequeño soporte para tartas. Creo que sólo voy a usar la magdalena. Tengo dos texturas aquí mismo que he incluido en las notas de clase, y puedes descargarlas y utilizarlas para agregar un poco de diversión a tu ilustración. Entonces voy a pasar por cómo vamos a hacer eso. Ahora voy a empezar con esta textura aquí mismo. Voy a acercar y subiré aquí a la imagen Rastrear y hacer el desplegable y hacer clic en arte esbozado igual que hicimos para nuestro, um, nuestro boceto y luego subiré al panel de seguimiento de imagen y luego subir el umbral. ¿ Dónde tiene un poco más de ese espectáculo negro? A lo mejor un poco más. Y puedes crear tus propias texturas. Estos aire en realidad texturas que me creé a mí mismo enlace. Algunas otras habilidades comparten clases a continuación que tienen realmente buenos consejos para hacer tus propias texturas. Está bien, Eso se ve bastante bien. Así que adelante y haga clic. Expande y traeré esto por aquí. De acuerdo, digamos que quieres esta textura encima de esta parte glaseada de la magdalena. Nosotros llevamos a este dragón por aquí y luego traemos esta textura por aquí, luego todo lo estiramos un poco, Que quepa ahí de la manera que yo quiero. Y ahora mismo, este es un grupo que podrías debajo de la Tierra si quieres, y puedes mover cada una de estas pedacitas alrededor. Entonces digamos, quería unas cuantas más de estas piezas aquí. Yo sólo puedo un tipo de películas alrededor, jugar con él. Y creo que eso se ve bastante bien. Eso me gusta. Entonces ahora lo que voy a dio es cambiar el color. En realidad, déjame sacar esto solo un poquito, ¿de acuerdo? Puedes cambiar el color a lo que quieras, pero un consejo que me gusta usar es si eliges el color de la magdalena y luego vas a tu panel de transparencia Y por aquí, la mezcla Motor it, Neil, es normal. Haz clic en la flecha desplegable Me gusta usar, multiplicar y mostrar Esos son mis dos favoritos. Multiplicar rápidamente solo va a multiplicar ese color encima del color original, y luego puedes jugar con opacidad. O bien, si lo haces la pantalla va a hacerla más ligera que el color que está delante. Voy a hacer, multiplicar, tal vez traerlo un poco más abajo y luego para recortar esta textura a tu objeto, querrás hacer clic en el objeto, que es el comando cupcake hit. Ver dos Coffee Command F para pasar el ritmo en su lugar y luego golpear comando cambio corchete derecho. O podrías ir a objetar. Organizar traer al frente. Entonces no, tienes esa forma frente a todo y luego para crear una máscara de recorte, solo seleccionarás todo. Reservar para objetos recortar, enmascarar, hacer o puedes golpear comando siete en tu teclado. No, tengo una máscara de recorte, así que arrastraré esto hasta aquí de nuevo a su lugar, y ahí vamos. Tenemos algo de textura, y agregó solo un poco de dimensión a nuestra ilustración. Voy a volver a esta textura ahora y hacer lo mismo, ir a imagen, rastrearla. Sube ese umbral un poco bien, y voy a dar clic expandir. De acuerdo, digamos que quieres algo de esta textura en el liner de magdalenas va a seleccionar esto. Tráelo por aquí. Y lo que en realidad voy a dio es re color esta textura del mismo color que un liner de magdalenas , y luego multiplicar eso también. Y entonces realmente voy a arrastrar esta textura hacia arriba en mi panel de muestras. ¿ De acuerdo? Y ahora voy a dar click en mi imagen. Seleccionaré mi herramienta de pincel de blob, que está por aquí. O puedes golpear, cambiar, estar en tu teclado, hacer un poco más grande. Voy a seleccionar bueno como la luz, la muestra donde acabo de drogar esto por aquí, hacer mi herramienta de pincel de blob más grande. Y entonces solo voy a arrastrar la gentileza, magdalena. Y ahora estoy agregando en alguna textura. Entonces básicamente lo que esto se hace es que creaste una muestra de este vector aquí mismo. Ahora eso significa que si seleccionaras este reloj en forma de Phila se va a repetir una y otra vez, como un patrón. Y ya que tengo la muestra seleccionada con mi herramienta de pincel de blob, entonces como pinto y pinto en parte de esa textura para que puedas controlar a dónde va. Es una forma realmente genial de usar la textura. Y podrías pintarlo solo en los bordes si quisieras. Podrías pintarlo en la parte superior lo que quieras dio. Entonces ese es solo otro método que utilizo para agregar textura a mis diseños. Entonces ahora solo voy a agrupar esto y traerlo aquí arriba. Ahí vamos. Simplemente tiene un poco más de dimensión y solo hace que la ilustración sea un poco más divertida de mirar. Entonces ahora tienes una divertida ilustración que te convertí en un vector desde tu propio boceto con algo de textura fina para fuera de dimensión. Espero que realmente disfrutes de esta clase, y realmente espero que hayas aprendido algo. He encontrado que incluso si llevas años usando ilustrador, siempre puedes recoger en ti consejos y trucos siempre que,ya sabes, ya sabes, veas un video o tutorial. Entonces realmente espero que hayas aprendido algo, así que estaré terminando la clase en el próximo video 9. Reflexiones finales: Muchas gracias por ver. Realmente espero que hayas aprendido algunas nuevas habilidades de ilustrador que puedes usar en tus propios diseños. Por favor, asegúrate de subir tus bocetos y finalmente la ilustración a la pestaña del proyecto. No puedo esperar a ver los proyectos de todos y obtener retroalimentación. También puedes compartir tu ilustración en Instagram y etiquetarme si quieres. Tengo mi manejador de instagram listado en la sección de proyectos. Avísame si tienes alguna pregunta en la discusión de clase. Seguro te ayudaré con cualquier problema técnico que tengas en el camino. Y por favor asegúrate de gustar y calificar esta clase. Si deseas obtener retroalimentación, espero que hayas disfrutado de mi primera clase todavía compartamos. Nos vemos la próxima vez.