Transformez une esquisse en vecteurs avec Adobe Illustrator Live Paint - Un design graphique pour le cours Lunch™

1. Convierte un boceto a vectores con Illustrator - introducción: un diseño gráfico para la clase de la clase de almuerzos: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, convierte un boceto a arte vectorial con pintura en vivo en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. En este curso, vamos a ver cómo crear una pieza de arte de dibujos animados, y vamos a colorearla usando las opciones de Live Paint Tool en Illustrator. Vas a aprender todo sobre la pintura en vivo. Ahora bien, si realmente no tienes confianza en dibujar arte como este tú mismo, te voy a dar la obra de arte que puedes trazar. No te preocupes por tener que hacer mucho dibujo, estás aquí para aprender sobre Illustrator y eso es exactamente en lo que nos vamos a centrar. 2. Parte de arte de dibujos animados de cocina1: Para crear tu arte de dibujos animados de cocina usando un dibujo que he creado para ti, elige Archivo y luego Nuevo. El tamaño del documento va a ser 1439 por 1385 color RGB. Haga clic en “Bien”. Ahora elige Archivo y Colocar e ir a la ubicación donde has guardado la imagen que te he dado y haz clic en “Colocar”. Arrastre sobre el documento para insertar la imagen. Ahora ve a tu paleta de capas, abre esta capa actual y bloquea esta capa. Eso significa que no va a moverse mientras trabajas en ello. Ahora vamos a repasar todas las líneas rectas en primer lugar usando la herramienta pluma. Seleccionaré la herramienta pluma. Me aseguraré de que no haya color de relleno. Voy a seleccionar un color de trazo que va a ser muy obvio ya que estoy trabajando, probablemente un color rosa brillante también va a hacer que el trazo sea de unos cuatro puntos, así que lo voy a ver muy claramente. Para crear mis líneas, voy a hacer clic en un extremo de la línea y cada vez que llegue a un punto voy a hacer clic de nuevo. Cuando termine la línea, presionaré la letra P, eso solo detiene el dibujo de la herramienta pluma y iré a crear la siguiente línea. Porque esto es arte al estilo de dibujos animados, no importa que no todo sea recto y realmente no debería ser porque vas a perder el efecto del arte si intentas hacer todo bien alineado, pero sí quieres superponer las líneas siempre que sea posible para que una línea termine encima de Si te metes en esta situación, solo voy a acercarme, para que veas lo que está pasando aquí. Tengo la herramienta pluma y cuando la sostengo sobre este punto aquí obtengo un símbolo menos justo en la parte inferior derecha del icono de la pluma. Eso solo me dice que si hago clic aquí porque este camino todavía está seleccionado, voy a noquear este punto así. No quiero hacer eso, así que presionaré “Control o Comando Z. Ahora bien, si hago clic en otro lugar de la línea, pueden ver que hay un pequeño signo más que me dice que estoy a punto de agregar un punto a esa línea. Otra vez, no es algo que quiera hacer. Si tu línea sigue seleccionada así, tienes un par de opciones. El primero es que solo puedes ir a empezar a dibujar en algún lugar muy alejado de la línea y entonces eso no va a pasar. La otra opción es con las líneas aún seleccionadas, puedes deseleccionarla, mantener presionado el control, mantener presionado el control, y cambiar y tocar la letra I, eso es “Comando, y cambiar y tocar la letra I, eso es “Comando, Shift I” en una Mac que anula la línea permitiéndote ahora ir y volver a dibujar tus Si necesitas mover la ilustración mientras dibujas, mantén presionada la barra espaciadora, y eso convierte el puntero del mouse en una mano, permitiéndote mover tu arte. Presionaré la letra P, termino esta línea. Voy a presionar “Control y 0" para volver a ver mi imagen Ahora, voy a seguir trabajando en torno a este arte y voy a acelerar el video. Sólo voy a dibujar en las líneas rectas. Voy a dejar las líneas curvilíneas como la toalla aquí, estas manejan el árbol, y así sucesivamente hasta que regrese y las vamos a hacer usando una herramienta diferente 3. Convertir un boceto a vectores con Illustrator: parte 2: Una vez que hayas completado los bits de raya, es hora de hacer algunos de los bits con más curvas. Voy a acercarme aquí arriba. Una de las cosas que quiero hacer es realmente sólo curvar esta línea. Voy a agarrar la herramienta de selección directa aquí. Basta con agarrar esta línea aquí, y sólo arrástrela un poco hacia arriba. Yo sólo necesito algo de espacio para los árboles. No tiene que ser curvo si no quiero que lo sea, pero quizá quiera subir este solo para igualarlo un poquito. Se va a quedar un poco mejor. Ahora, para los árboles, voy a la herramienta lápiz, voy a asegurarme de que esté configurada con la misma configuración exacta, y ahora puedo dibujar en estas líneas usando la herramienta lápiz. Ahora tengo mi herramienta lápiz en un compromiso reparable entre fidelidad y suavidad. No quiero todos los wiggles que estoy creando mientras lo estoy dibujando. Yo quiero que las curvas se suavizen bastante, y solo te voy a mostrar en un minuto cómo se ven mis ajustes. Haga doble clic en la “Herramienta Lápiz”, misma mitad de camino entre precisión y suavidad, lo que me está dando un resultado bastante bueno aquí. También tengo apagadas estas primeras cuatro casillas. Eso me está permitiendo dibujar una línea y luego dibujar una línea que se cruza y la herramienta lápiz no está haciendo su comportamiento habitual de tratar de recoger y rehacer esa línea por mí. Esta es una mejor opción para el dibujo que estoy haciendo usando la herramienta lápiz. De nuevo, aquí sólo voy a trazar sobre estas formas. Una vez que haya terminado de hacer una línea, sólo puedo parar y seguir adelante. Simplemente apuntando a unirme a estos lo mejor que pueda. Dado que se trata de arte de dibujos animados, la herramienta de lápiz es una forma realmente útil de meter estos bucles muy fácilmente sin tener que dibujarlos con la herramienta de lápiz, particularmente si realmente no eres muy útil con la herramienta de bolígrafo. Se trata de un gusto adquirido. Sólo voy a presionar la letra “A” aquí para conseguir este punto de anclaje. Yo sólo voy a asegurarme de que se culpe contra el grifo que acabo de dibujar. Volviendo a la herramienta lápiz pulsando la letra “N”, que es la tecla de acceso directo para la herramienta lápiz, va a seguir dibujando estos elementos. Ahora, vamos a acelerar el video a medida que sigo dibujando estas últimas piezas con curvas, y luego vamos a empezar a crear una muestra de color y colorear en nuestro arte. Una vez que creas que tienes todo dibujado, abre la última tarima y ve a la parte inferior donde tienes la imagen, y simplemente apágalo y solo comprueba para asegurarte de que todo se vea bastante bien. Ahora bien, si tienes algunas brechas realmente grandes como yo aquí, quizá quieras simplemente cerrarlas. Agarra aquí la herramienta de selección directa, solo haciendo clic en el final de la línea donde tiene que haber un punto de anclaje. Solo lo estoy arrastrando un poco más cerca de la línea a la que se supone que debe estar unida. Sólo en busca de brechas realmente malas aquí. Porque van a ser un poco difíciles de cerrar más adelante, y corremos el riesgo de que la pintura corra por los huecos. Estoy pensando que eso es bastante bueno y creo que probablemente estemos listos ahora para seguir adelante y para hacer la coloración. 4. Convierte un boceto en vectores con ilustrador - Parte 3: Antes de que podamos colorear esta ilustración, necesitamos algunas pinturas o algunos colores para usar. Voy a abrir aquí la paleta de muestras. Ahora tengo habilitadas las muestras de gran tamaño. Hago clic en la lista desplegable aquí y elegí la vista en miniatura grande Ahora voy a deshacerme de casi todos los colores de mi muestra haciendo clic en el primer turno, clic en el último y simplemente arrastrarlos todos al bote de basura Tengo una muestra. Ya he creado una paleta de muestras, así que solo voy a hacer clic aquí y elegir Abrir biblioteca de muestras, Definido por el usuario Tengo una llamada caricatura de cocina. Te voy a dar esto para que puedas agregar estos colores a tu propia paleta de muestras Todo lo que harás es exactamente como yo lo he hecho. Haga clic en el menú aquí, elija “Abrir biblioteca de muestras”, pero irá a otra biblioteca y simplemente navegue a donde sea que haya guardado el archivo de IA que le he dado y simplemente abra la Biblioteca de Swatch Haga clic en la primera de las muestras, Mayús y haga clic en la última y simplemente arrástralas y colóquelas en su Ya están listos para que los usemos para colorear. Si quieres crear tus propias muestras, por todos los medios, adelante y hazlo Lo que harás es seleccionar primero un color. De hecho voy a volver a colorear este. Voy a darle click para agregarlo como un trazo o un relleno. Haga doble clic en él, y luego vaya y seleccione un color diferente para él. Bueno, tal vez lo llamemos así nuestro primer color. Voy a hacer click en “Bien”. Entonces lo cogeré de aquí y lo pondré en mi panel de muestras Hay un color que puedo usar. Entonces puedo cambiarlo y crear un color diferente. Voy a querer algunos colores que estén en el mismo tono o rango de tonalidad. Yo he elegido otro. Yo sólo lo voy a meter al lado de esto. Probablemente voy a querer colorear entre estos dos también. Acabo de construir mi propia paleta de colores seleccionando un color y luego encontrando algunos tintes y matices de ese color En algunos casos me he ido un poco fuera. Por ejemplo, podría haber arrastrado un poco hacia un lado para obtener un color ligeramente diferente O puede que haya cambiado la saturación para obtener una versión más gris de un color Pero solo quiero toda una gama de colores que pueda usar para colorear este arte. Ahora no los quiero, así que sólo voy a deshacerme de ellos. Estamos listos para comenzar el proceso de coloración. Antes de que podamos hacer eso, sin embargo, necesitamos crear una forma alrededor de toda la obra de arte. En realidad sólo voy a ir a recoger mi color rojo otra vez. Voy a elegir la Herramienta Rectángulo. Voy a arrastrar un rectángulo alrededor de la obra de arte porque vamos a necesitar eso para poder encapsular algo de este color también Ahora, seleccionaré todo el arte eligiendo Seleccionar todo. Y luego elegiré Objeto, Pintura Viva, Hacer. Lo que hace es preparar toda esta obra de arte para colorear con la herramienta de pintura en vivo. Ahora ve aquí en la barra de herramientas porque la Herramienta Live Paint comparte una posición de barra de herramientas con la Herramienta Creador de formas. Quieres el cubo de pintura viva, así que sólo voy a dar click sobre él para seleccionarlo. Ahora voy a seleccionar un color de relleno. Tengo los tarimas de llenado que están seleccionados. Voy a hacer click en este color azul. Ahora no quiero perder el rojo ahora mismo porque si lo hago porque el objeto ahora está seleccionado voy a perder todos mis límites rojos. Quiero poder ver esos límites del arte. Pero voy a hacer doble clic en la Herramienta Cubo de Pintura Viva para ver las opciones de pintura en vivo. Ahora mismo vamos a estar pintando trazos. Nosotros no queremos hacer eso. Queremos pintar rellenos. Voy a seleccionar Rellenos de Pintura y voy a deseleccionar Trazos de Pintura El amarillo sólo me está diciendo que voy a ver amarillo alrededor de una zona cuando vaya a pintarla. Voy a hacer clic en “Bien”. Ahora cuando sostengo el puntero del mouse sobre el arte, puedes ver que cambia de color a medida que se selecciona cada uno de estos bloques individuales. Aunque no dibujara esto como un triángulo, ilustrador lo está viendo como un triángulo que se puede llenar de color. Para mis cajones los voy a colorear en este color azul. Sólo voy a hacer click cuando el color amarillo esté alrededor del área que quiero colorear de esa manera. Ahora bien, si echas un vistazo al pequeño Cubo de Pintura Viva, verás que hay una muestra de tres colores inmediatamente encima de él Se pueden controlar aquellos con la tecla de flecha, y se corresponden con este color aquí y los dos colores a cada lado del mismo. Si quisiéramos crear un mango aquí que sea de un color más claro, bueno, podemos pasar el cursor sobre el mango y luego podemos usar la tecla de flecha derecha para elegir el color más claro este de aquí en la paleta Pero podemos hacerlo todo desde pasar el cursor sobre el documento sin necesidad de ir continuamente hacia atrás y hacia adelante a la paleta Aunque podríamos, claro, si quisiéramos. Ahora voy a elegir este color más oscuro para mis asas. Puedo ver donde estoy en la paleta de muestras, y solo necesito presionar la tecla de flecha derecha dos veces para obtener el color que quiero para los mangos. Ahora está en la paleta así que solo puedo hacer clic para aplicarlo a los mangos de mi objeto. Ahora quiero un poco de blues más claros aquí. Sólo voy a flechazar hacia atrás hasta encontrar un azul más claro que quiero usar. Yo sólo voy a bajar este color. Puedo trabajar a través de toda la ilustración, flotando sobre una pieza de la ilustración y luego llenándola con un color Si lo lleno con un color y decido que quiero algún color diferente, entonces puedo o bien flecha a través de la paleta para obtener el color correcto o simplemente puedo ir y seleccionarlo aquí. Esa es la segunda opción que puedo usar. Ahora voy a seguir adelante y llenar todas las áreas de la imagen que quiero llenar de color. Voy a ignorar los trazos por ahora y solo enfocarme en rellenar las áreas que se pueden rellenar con color Si encuentro que tengo un color que no quiero usar puedo entrar aquí y cambiar el color. Puedo agregar ese color a mi muestra de color. Ahora he seguido adelante y llené todas las áreas rellenables de esta obra de arte con los colores que quiero usar Ahora es el momento de dirigir nuestra atención al trazo. 5. Convertir un boceto a vectores con Illustrator: parte 4: Para ajustar los trazos alrededor de cada uno de estos objetos, podemos hacerlo todo al mismo tiempo. Voy a seleccionar la Herramienta de Selección y sólo tienes que hacer clic aquí para anular la selección de todo. Entonces elegiré Seleccionar, Todo. Aquí verás que el color de relleno tiene un signo de interrogación en él que indica que hay rellenos mixtos en todos estos objetos, pero todos tienen el mismo trazo rosa. Voy a apuntar al trazo y seleccionar un color de trazo diferente. Ahora se ha cambiado el color del trazo de todos los trazos de esta ilustración. Pero, ¿qué pasa si quiero cambiar el trazo de solo algunos elementos a lo largo del piso aquí? Bueno, yo puedo hacerlo. Voy a hacer doble clic en la herramienta Live Paint Bucket para obtener las opciones. Voy a anular la selección de los rellenos que selecciona automáticamente trazos de pintura. Esta vez, puedo usar el cubo de pintura en vivo para rellenar trazos en lugar de formas. Voy a dar click en “Aceptar”. Yo estoy mirando el piso aquí y estoy pensando que este probablemente sería un buen color para los trazos. Voy a mantener el puntero del ratón sobre la línea aquí hasta que se muestre el trazo, y voy a dar clic. Ahora en realidad no está recogiendo el color que estoy usando aquí. Sólo voy a asegurarme de que esta cosa realmente me esté escuchando. Ya lo es. Sólo estoy haciendo clic en las líneas de trazo. Cuando aparecen en amarillo. Sólo cuando aparecen en amarillo, que es el color más destacado que he seleccionado, en realidad voy a cambiar el color de los trazos. Ahora puedo subir aquí y hacer lo mismo aquí arriba si sólo quiero llamar un poco menos la atención sobre este elemento. Entonces ves que aquí hay muchas líneas de trazo que se han utilizado para este elemento. También están pasando algunas cosas en la esquina aquí que necesitaré acercar para conseguir. Pero de nuevo, solo busco ese resaltado amarillo que me está diciendo que tengo estas piezas. Entonces Control o Comando 0 para simplemente alejar. Se puede ver que la herramienta Live Paint Bucket nos da la capacidad de llenar objetos que realmente no son objetos enteros. Esto no es necesariamente un cuadrado. Esta no es una forma que normalmente pudiera llenarse de cualquier otra forma. Pero usando el Live Paint Bucket, Illustrator está diciendo que está rodeado de estas líneas y está diciendo: “Está bien, bueno, si está rodeado de todas estas líneas, entonces lo llamaré forma, y dejaré que la llene con sea lo que sea que quieras llenar”. Es una forma muy útil de hacer arte de dibujos animados como este, porque te da la capacidad de simplemente dibujar líneas y luego rellenar cosas que parecen formas, pero en realidad no son verdaderas formas de Illustrator. Cuando termines de usar la herramienta Live Paint, solo puedes volver a seleccionar una herramienta normal en Illustrator. Adelante, y guarda tu obra de arte, y listo. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.