Convierte un boceto a vectores con Illustrator Live Paint: una clase de Graphic Design for 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. Convertir un boceto a vectores con Illustrator: parte 1: 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 de 1439 para 1385. Color RGB, click Ok. Ahora elige Archivo y Lugar y ve a la ubicación donde has almacenado la imagen que te he dado, y haz clic en lugar. 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 se va a mover mientras trabajas en ello. Ahora vamos a repasar todas las líneas rectas en primer lugar usando la herramienta de bolígrafo. Seleccionaré la herramienta de bolígrafo. Me aseguraré de que no haya color de relleno. Voy a seleccionar un color de trazo que va a ser realmente obvio ya que estoy trabajando, probablemente un color rosa brillante. También voy a hacer el trazo alrededor de cuatro puntos así que lo veré muy claramente. Para crear mis líneas, voy a dar click en un extremo de la línea y cada vez que llego a un punto, voy a volver a hacer clic. Cuando termine la línea, presionaré la letra P. Eso solo impide que la herramienta de lápiz dibuje, e iré a crear la siguiente línea. Porque esto es arte al estilo de dibujos animados, no importa que todo no sea recto, y realmente no debería ser porque vas a perder el tipo de arte si intentas hacer todo bien alineado. Pero sí quieres solapar las líneas siempre que sea posible, para que una línea termine encima de otra. Si te metes en esta situación, solo voy a acercar para que veas lo que está pasando aquí. Tengo la herramienta de lápiz y cuando la sostengo sobre este punto aquí, obtengo un símbolo menos en la parte inferior derecha del icono de la pluma. Eso sólo 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 si hago clic en algún otro lugar de la línea, se puede ver que es un pequeño signo más. Eso me dice que estoy a punto de añadir un punto a esa línea. De nuevo, no es algo que yo 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 bien alejado de la línea, y entonces eso no va a pasar. La otra opción es con la línea todavía seleccionada, se puede anular la selección. Sostén pulsado el control y el turno y toca la letra I. Eso es comando shift I en el Mac que deselecciona la línea permitiéndote ahora ir y redibujar tus líneas. Si necesitas mover la ilustración a medida que dibujas, mantén presionada la barra espaciadora y eso convierte el puntero del ratón en una mano, lo que te permite mover tu arte. Presionaré la letra P, termino esta línea. Voy a presionar control y cero 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 curvas como la toalla aquí, estas maneja la bandeja y demás, hasta que regrese y vamos a hacer las que 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. Convertir un boceto a vectores con Illustrator: parte 3: Antes de poder colorear esta ilustración, necesitamos algunas pinturas o algunos colores para usar. Voy a abrir aquí la paleta Muestras. Ahora tengo muestreas de tamaño grande habilitadas. Hago clic en la lista desplegable aquí, y elegí “Vista en miniatura grande”. Voy a deshacerme de casi todos los colores en mi muestra haciendo clic en el primer turno, haciendo clic en el último, y simplemente arrastrarlos todos a la papelera. Tengo una muestra. Ya he creado una paleta de muestreos así que solo voy a dar clic aquí, y Elegir “Abrir biblioteca de muestra”, “Definido por el usuario”, y tengo una llamada caricatura de cocina. Te voy a dar esto, para que puedas añadir estos colores a tu propia paleta de muestreos. Todo lo que harás es exactamente como lo he hecho yo. Haz clic en el “Menú” aquí, elige “Abrir Biblioteca de Swatch”, pero irás a otra biblioteca y solo navegarás a donde sea que hayas guardado el archivo AI que te he dado, y solo abre la Biblioteca de Swatch. Haga clic en la primera de las muestra, Mayús y haga clic en la última, y simplemente arrástralas y suéltalas en su panel Muestras. Ya están listos para que lo usemos para colorear. Si quieres crear tus propias muestreas, por todos los medios, adelante y hazlo. Lo que harás es seleccionar primero un color. En realidad voy a recolorear este. Voy a hacer clic en él, para agregarlo como un trazo o un relleno, haga doble clic sobre él, y luego ir y seleccionar un color diferente para ello. Bueno, y tal vez llamemos a eso nuestro primer color. Voy a dar clic en “Ok”, y luego lo cogeré desde aquí y lo pondré en mi panel Muestras para que haya un color que pueda usar. Entonces puedo cambiarlo y crear un color diferente. Quiero algunos colores que estén en este mismo rango de tinte o sombra. He elegido otro, y esto lo va a meter al lado de esto. Probablemente querré colorear entre estos dos también. Acabo de construir mi propia paleta de colores seleccionando un color, y luego encontrando algunos tintes y tonos de ese color, y en algunos casos me he ido un poco apagado. Por ejemplo, podría haber arrastrado un poco a un lado para obtener un color ligeramente diferente, o puede que haya cambiado la saturación para obtener una versión gris de un color. Pero sólo quiero toda una gama de colores que pueda usar para colorear este arte. No los quiero así que sólo voy a deshacerme de ellos, y estamos listos para iniciar el proceso de coloración. Antes de que podamos hacer eso, sin embargo, necesitamos crear una forma alrededor de toda la pieza de arte. En realidad voy a ir a recoger mi color rojo otra vez. Voy a elegir la Herramienta Rectángulo. Voy a arrastrar un rectángulo todo el camino alrededor de la pieza de arte, porque lo necesitaremos para poder encapsular algo de este color también. Seleccionaré todo el arte eligiendo “Seleccionar todo”, y luego elegiré “Objeto”, “Pintura viva”, “Hacer”. Lo que eso hace es que prepara toda esta obra de arte para colorear con la herramienta Live Paint. Voy aquí en la barra de herramientas porque la Herramienta Live Paint comparte una posición de barra de herramientas con la Herramienta Shape Builder. Se quiere el cubo Live Paint así que sólo voy a dar clic en él para seleccionarlo. Ahora, voy a seleccionar un color de relleno para tener seleccionada la paleta de relleno, voy a hacer clic en este color azul. No quiero perder el rojo ahora mismo porque si lo hago porque ahora el objeto está seleccionado, en realidad voy a perder todos mis límites rojos. Yo quiero poder ver esos límites del arte. Pero voy a hacer doble clic en la herramienta Live Paint Bucket para ver las opciones de pintura en vivo. Ahora mismo, vamos a estar pintando trazos. No queremos hacer eso, queremos pintar rellenos. Voy a seleccionar “Rellenos de pintura”, y voy a anular la selección de “Pintar trazos”. El amarillo sólo me está diciendo que voy a ver amarillo alrededor un área cuando vaya a pintarlo así que voy a dar clic en “Ok”. Ahora, cuando sostengo el puntero del ratón sobre el arte, se puede ver que cambia de color a medida que se seleccionan cada uno de estos bloques individuales. Aunque no dibujara esto como un triángulo, Illustrator lo está viendo como un triángulo que se puede llenar de color. Para mis cajones, los voy a colorear en este color azul. Simplemente voy a dar click cuando la coloración amarilla esté alrededor del área que quiero colorear de esa manera. Si echas un vistazo al pequeño Live Paint Bucket, verás que hay una muestra de tres colores inmediatamente encima de ella. 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; éste aquí en la paleta. Pero lo podemos hacer todo desde pasar el rato sobre el documento sin necesidad de volver continuamente hacia atrás y adelante a la paleta, aunque podríamos, por supuesto, si quisiéramos. Ahora, voy a elegir este color más oscuro para mis asas. Puedo ver dónde estoy en esta paleta de muestreos. Solo necesito presionar dos veces la tecla de flecha derecha para obtener el color que quiero para las asas. Ahora está en la paleta por lo que solo puedo hacer clic para aplicarlo a las asas de mi objeto. Quiero algunos azules más claros aquí así que sólo voy a volver a la flecha hasta encontrar un azul más claro que quiero usar. Entonces solo bajaré este color. Puedo trabajar a través de toda la ilustración, rondando 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 color todas las áreas de la imagen que quiero llenar. Voy a ignorar los trazos por ahora, y solo enfocarme en llenar con color las áreas que se pueden rellenar. Si encuentro que tengo un color que no quiero usar, puedo entrar aquí y cambiar el color, y puedo agregar ese color a mi muestra de color. Ahora me adelanté y llené todas las áreas rellenables de esta pieza de arte con los colores que quiero usar. Ya es hora de centrar nuestra atención en el 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.