1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Crear una paleta de artista de madera de colores en Adobe Illustrator

Scroll to top

Spanish (Español) translation by Kelly Gianella (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial vamos a crear una paleta de madera semi-realista para la pintura. Usaremos algunas formas básicas junto con un simple dibujo a mano alzada, y luego agregaremos efectos espectaculares, haciendo que la paleta se vea más real con la ayuda de la función Image Trace que nos ayudará a agregar algo de textura a nuestra imagen. ¡Comencemos!

1. Forma la Base de la Paleta

Paso 1

En primer lugar, crea un Nuevo Documento de un tamaño de 600 x 800 px. No vamos a imprimir nuestra imagen, así que usemos el Modo de Color RGB. Eso eventualmente nos permitirá trabajar con modos de fusión para crear un aspecto brillante y brillante.

create a New Document of a 600x800 px sizecreate a New Document of a 600x800 px sizecreate a New Document of a 600x800 px size

Paso 2

Toma la Herramienta Elipse (L) y haz una forma elíptica ligeramente aplastada, llenándola con un degradado lineal de marrón claro en la parte superior a marrón más oscuro en la parte inferior, usando tonos de madera brillantes y cálidos. Transforma una forma moviendo sus puntos de ancla laterales un poco hacia arriba con la Herramienta Selección Directa (A) para hacer la parte superior más ancha.

make a slightly squashed elliptical shape for the basemake a slightly squashed elliptical shape for the basemake a slightly squashed elliptical shape for the base

Paso 3

Vamos a formar una sangría para el dedo en la parte superior de la paleta. Selecciona la Herramienta Lápiz (N) y agrega una línea curva sobre la parte superior derecha de la base de la paleta. Seleccione tanto la línea como la paleta y use la función Dividir del Buscatrazos, cortando la paleta en partes separadas. Edita la posición de los puntos de ancla con la Herramienta Selección Directa (A), para que las líneas permanezcan suaves.

add a curve with Pencil Tool and Divide the shapes in Pathfinderadd a curve with Pencil Tool and Divide the shapes in Pathfinderadd a curve with Pencil Tool and Divide the shapes in Pathfinder

Paso 4

Agrega otro agujero en la superficie de la paleta con la Herramienta Elipse (L) y usa la función Menos Frente en el panel Buscatrazos para cortar la elipse. Agreguemos algo de dimensión a nuestra paleta, ya que se ve demasiado plana en esta etapa. Copie la forma básica y péguela en Atrás (Control-C > Control-B). Mueva la forma hacia abajo y hacia la izquierda con las teclas de flecha del teclado.

cut out the hole with Minus Front function of Pathfindercut out the hole with Minus Front function of Pathfindercut out the hole with Minus Front function of Pathfinder

Paso 5

Seleccione la forma creada y rellénela con degradado lineal, variando los colores marrones más oscuros y claros.

fill the shape with linear gradientfill the shape with linear gradientfill the shape with linear gradient

Paso 6

Agregue otra copia debajo de la forma básica y que sea mucho más ligera, creando una formación de madera en capas.

Add another copy beneath the basic shape and make lighterAdd another copy beneath the basic shape and make lighterAdd another copy beneath the basic shape and make lighter

Usa la Herramienta Selección Directa (A) para alinear los puntos de ancla de las tres formas en los lugares donde encajan.

Use the Direct Selection Tool A to align the anchor pointsUse the Direct Selection Tool A to align the anchor pointsUse the Direct Selection Tool A to align the anchor points

2. Agregue textura a la paleta para una apariencia más realista

Paso 1

En primer lugar, necesitamos encontrar una textura adecuada que podamos convertir en vector y luego aplicar a nuestra imagen. He utilizado una de las texturas de madera de este gran paquete gratuito de borysses.  archivo > Coloque la imagen en la mesa de trabajo y busque el botón Seguimiento de imagen en el panel de control anterior. Revela el menú desplegable y selecciona el preset de trazado de 3 Colores.

Place the image onto the Artboard and use Image TracePlace the image onto the Artboard and use Image TracePlace the image onto the Artboard and use Image Trace

Paso 2

Siempre puede editar los ajustes de la imagen trazada manualmente desde el mismo panel de control, pero en nuestro caso el preset de 3 colores funciona perfectamente bien, creando una textura de madera vectorial distinta a partir de la imagen rasterizada.

Sin embargo, no necesitamos toda la textura, sino solo sus muescas más oscuras. Para obtenerlos, abra el menú de opciones de varita mágica (ventana > varita mágica) y establezca la tolerancia de color de relleno en 0. Con estos ajustes, la Herramienta Varita Mágica (Y) seleccionará solo las formas de un mismo color, sin ninguna variación. Haz clic en las líneas más oscuras con la Herramienta Varita Mágica (Y) y presiona Control-8 para convertir las formas separadas en un solo Trazado Compuesto.

use the Magic Wand Tool to select the desired shapesuse the Magic Wand Tool to select the desired shapesuse the Magic Wand Tool to select the desired shapes

Paso 3

Coloque la textura creada encima de la paleta y rótela un poco, para que las muescas sigan la dirección correcta. Rellena la forma con un degradado lineal de marrón claro en la parte superior a blanco en la parte inferior. Cambie la forma al modo de fusión multiplicar, haciéndola semitransparente.

Place the created texture above the palette in Multiply Blending ModePlace the created texture above the palette in Multiply Blending ModePlace the created texture above the palette in Multiply Blending Mode

Paso 4

Ahora tenemos que deshacernos de las partes fuera de la paleta. Duplique la parte básica superior de la paleta y coloque la copia creada encima de todas las demás formas. A continuación, seleccione tanto la copia creada como la textura de madera, haga clic con el botón derecho del ratón y haga máscara de recorte.

Make Clipping Mask for the textureMake Clipping Mask for the textureMake Clipping Mask for the texture

Paso 5

Duplique la forma de la textura de la madera dos veces y mueva la copia superior hacia la derecha un poco. Selecciona las dos copias y usa la función Menos Frente del Buscatrazos para cortar las partes no deseadas, creando así una pieza adicional de textura junto a la inicial.

Convierte la forma en un Trazado Compuesto (Control-8) y relléna con él con un degradado lineal oscuro de marrón profundo en la parte superior a negro en la parte inferior. Cambia al Modo de Fusión de Pantalla, haciendo un resaltado y creando un aspecto más realista.

make an additional piece of texture in Screen Blending Modemake an additional piece of texture in Screen Blending Modemake an additional piece of texture in Screen Blending Mode

Paso 6

Agregue otra copia de la forma de paleta básica en la parte superior y hazla ligeramente más pequeña que la forma original. Puede disminuir su tamaño manualmente o usar El trazado de > de objetos > el trazado de desplazamiento con el valor de desplazamiento de -5 px para crear una copia más pequeña dentro de la forma seleccionada.

Rellena la forma con un degradado lineal de marrón claro a negro y cambia al modo de fusión de pantalla, creando un efecto de madera lisa pulida.

Add another copy of the basic palette shape for the highlightAdd another copy of the basic palette shape for the highlightAdd another copy of the basic palette shape for the highlight

3. Coloque piezas de pintura de colores en la paleta

Paso 1

Formemos los pozos de pintura, llenos de pintura. En primer lugar, forme una cavidad vacía creando una elipse y llenándola con un gradiente lineal de marrón más oscuro a marrón más claro.

Agregue una elipse más grande debajo de la primera y rellénelo con color beige claro para que el pozo se vea como si estuviera cortado de la madera. Puede cambiar la elipse más ligera al modo de fusión de pantalla para que sea semitransparente, de modo que la textura de madera sea visible debajo.

Finalmente, agregue una tercera elipse, más pequeña, encima de las dos primeras y relléne con un degradado radial vívido de azul más oscuro en los bordes a azul más claro en el centro, formando así la pintura.

create a cuvette with blue paintcreate a cuvette with blue paintcreate a cuvette with blue paint

Paso 2

Agrupa (Control-G) las partes de nuestro pozo y haz más copias, colocándolas a lo largo del borde de la paleta.

Group the parts of our cuvette and make more copiesGroup the parts of our cuvette and make more copiesGroup the parts of our cuvette and make more copies

Paso 3

Vamos a iluminar las piezas de pintura mediante la adición de algunos aspectos destacados y matices. Toma la Herramienta Lápiz (N) y dibuja un par de formas curvas, superponiendo la forma de pintura azul.

Seleccione las curvas creadas junto con la forma de pintura y use la Herramienta Constructor de Formas (Mayús-M) para eliminar las partes innecesarias fuera de la elipse de pintura haciendo clic en ellas, mientras mantiene presionada la tecla Alt. Rellena las partes restantes con degradados lineales de negro a azul, creando un efecto brillante.

add highlights and reflections to the paintadd highlights and reflections to the paintadd highlights and reflections to the paint

Paso 4

Vamos a añadir más reflejos y reflexiones utilizando la misma técnica. Siéntase libre de copiar todo el grupo de resaltados y agregarlo a otros pozos de pintura. Puedes cambiar las formas ligeramente con la Herramienta Selección Directa (A), para que no se vean de todos modos.

add more highlights and reflections using the same techniqueadd more highlights and reflections using the same techniqueadd more highlights and reflections using the same technique

Paso 5

La paleta en realidad debe incluir diferentes colores de pintura para cada pozo, mientras que los tenemos todos llenos con el mismo color azul en este paso. Vamos a arreglar esto en solo unos pocos clics con la ayuda de la función Volver a colorear ilustración.

Seleccione el grupo de pintura (junto con los resaltados) y haga clic en el icono Volver a colorear ilustración (un círculo segmentado) en el panel de control superior. En la ventana de opciones Volver a colorear ilustración, vaya a Editar y haga clic en el icono Vincular colores de armonía.

Ahora puede comenzar a ajustar los colores moviendo los controles deslizantes en el panel Tono-Saturación-Brillo a continuación o moviendo los controladores de la rueda de colores. Marque el cuadro Volver a colorear arte en la esquina inferior izquierda de la ventana de opciones para ver cómo cambia el color de la ilustración en tiempo real, lo que facilita la selección del tinte deseado.

use the Recolor Artwork to vary colorsuse the Recolor Artwork to vary colorsuse the Recolor Artwork to vary colors

Así es como se ve nuestra paleta cuando los nuevos colores se aplican con la ilustración Recolor.

colors are applied with the Recolor Artworkcolors are applied with the Recolor Artworkcolors are applied with the Recolor Artwork

4. Crear los pinceles

Paso 1

Definitivamente necesitamos algunos detalles más para que la composición se vea completa. Vamos a agregar algunos elementos de dibujo, como pinceles.

Comienza a formar el mango de nuestro pincel haciendo una elipse aplastada delgada con la Herramienta Elipse (L). Rellénela con un degradado lineal de tres colores de tintes azules más oscuros y claros, creando así un bonito resaltado sólido en el centro del mango del pincel.

Start forming the handle of our brushStart forming the handle of our brushStart forming the handle of our brush

Paso 2

Agregue una elipse más pequeña y estrecha por encima de la primera y relléne con un degradado lineal de azul claro a negro a azul más oscuro. Cambie al modo de fusión de pantalla para convertir la forma en un tono brillante, haciendo que el mango sea más brillante y resbaladizo.

add a highlight in Screen Blending Modeadd a highlight in Screen Blending Modeadd a highlight in Screen Blending Mode

Paso 3

Ahora tenemos que renderizar la férula metálica de nuestro cepillo (la parte que conecta el mango con la cerda). Forme la base de la férula duplicando el mango del cepillo y colocándolo en la parte superior. Elimina su parte inferior con la Herramienta Borrador (Shift-E), dejando solo una punta en la parte superior del mango del pincel.

Hagamos que se vea más realista y metal. Selecciona la Herramienta Malla (U) y comienza a formar la cuadrícula de malla haciendo clic en el centro de la parte inferior de la férula. Agrega más columnas haciendo clic en la línea horizontal de nuestra malla con la Herramienta Malla (U).

form the ferrule using the mesh toolform the ferrule using the mesh toolform the ferrule using the mesh tool

Paso 4

Una vez que haya agregado suficientes filas y columnas, seleccione los puntos de ancla centrales con la Herramienta Selección Directa (A) y rellénelos con color gris claro para formar un resaltado brillante en la superficie metálica. Agregue más columnas para formar más resaltados, llenándolos con el mismo color gris claro, haciendo que la férula sea más realista.

Una vez que estés contento con el resultado, vamos a deshacernos de la punta redondeada de la férula, ya que no la necesitamos. Crea otra base de férula como lo hicimos anteriormente: usa la forma del mango del pincel y acorta con la ayuda de la Herramienta Borrador (Shift-E). Elimine la parte superior también borrándola y haciendo que la punta sea plana (echa un vistazo a la forma negra en la captura de pantalla a continuación).

Seleccione tanto la férula metálica como la forma creada que se coloca en la parte superior. Haga clic con el botón derecho del ratón y crear máscara de recorte. Ahora tiene una férula con una parte superior plana.

Make the tip flat with the help of Clipping MaskMake the tip flat with the help of Clipping MaskMake the tip flat with the help of Clipping Mask

Paso 5

Ahora tenemos que formar la parte de cerdas de nuestro cepillo, que se llama el vientre. Colocamos una elipse encima de nuestro arbusto y ocultamos su parte inferior debajo de la férula reorganizando los objetos (Control-[). Rellene la elipse con el degradado radial de marrón claro a marrón más oscuro, colocando el centro más cerca de la parte izquierda de la forma. Haz que la punta del vientre apunte haciendo clic en ella con la Herramienta Punto de Ancla (Mayús-C).

form the belly of the brushform the belly of the brushform the belly of the brush

Paso 6

Vamos a añadir más detalles al vientre, formando la cerda que hará que se vea más natural. Dibuja varios trazos con la Herramienta Lápiz (N) y establece el perfil de Ancho Variable en Perfil de Ancho 1 en el panel de control de arriba. Esto hará que las puntas de los trazos sean delgadas y puntiagudas. Cuantos más trazos agregue, más realista se verá su pincel. No te olvides de objeto > expandir la apariencia de los trazos con el fin de convertirlos en formas y eliminar las piezas no deseadas en la parte superior del pincel con la herramienta Borrador (Shift-E).

add bristles with the pencil tooladd bristles with the pencil tooladd bristles with the pencil tool

Paso 7

Ahora, como hemos agregado suficientes cerdas, vamos a llenar algunas de ellas con marrón oscuro (#171004, casi negro) y cambiar al modo de fusión de pantalla, haciendo que las cerdas sean claras y delgadas. Llene las cerdas restantes con marrón claro (#AD761D) y pídalas al modo de fusión multiplicar, agregando volumen al vientre.

Crea algunas sombras suaves en la parte superior e inferior del pincel agregando formas en zigzag con la Herramienta Lápiz (N) y cambiándolas al Modo multiplicar fusión también.

make the bristles look realisticmake the bristles look realisticmake the bristles look realistic

Paso 8

Puede agregar algunos reflejos y sombras más al pincel si siente que desea que se vea más realista. Por ejemplo, podemos agregar una sombra sutil en el mango, justo debajo de la férula. Siéntase libre de usar la herramienta Volver a colorear ilustración para cambiar el color del mango o de todo el pincel en sí. Como ejemplo, he cambiado el color del mango de azul a negro, para crear más contraste.

add more details and use the recolor artwork tooladd more details and use the recolor artwork tooladd more details and use the recolor artwork tool

Paso 9

Crea más pinceles usando la misma técnica. Haz que se vean diferentes variando sus anchos y colores.

create more brushescreate more brushescreate more brushes

Paso 10

Coloquemos nuestro nuevo conjunto de pinceles por encima de la paleta y hagámoslos correr por el agujero. Para este propósito, necesitamos eliminar aquellas partes de los pinceles que deben estar ocultas detrás de la paleta.

En primer lugar, copie la forma básica de la paleta y colótela encima de todos los demás objetos (que se muestra negro en la captura de pantalla). Adelante, toma la Herramienta Lápiz (N) y delinea los pinceles. No tiene que ser muy preciso, solo asegúrese de que los pinceles estén dentro de la línea con lápiz, no cruzándola.

Finalmente, seleccione la forma negra y la línea dibujada y presione Menos atrás en el panel Buscatrazos. Ahora nos quedan tres formas separadas.

hide the unneeded parts of brushes 1hide the unneeded parts of brushes 1hide the unneeded parts of brushes 1

Paso 11

Necesitamos unir las dos formas superiores en un solo elemento. Para este propósito, toma la Herramienta Selección Directa (A) y comienza a transformar la forma superior para que se solape con la forma elíptica, como se muestra en la captura de pantalla. Selecciona tanto la forma transformada como la pequeña elipse y unádelos en el Buscatrazos.

Genial, ahora tenemos dos formas, delineando las partes apropiadas de nuestros pinceles. Selecciónelos y presione Control-8 para convertir las formas en un trazado compuesto. Siempre puedes usar la Herramienta Selección Directa (A) para editar el trazado moviendo los puntos de ancla (por ejemplo, necesitamos arreglar la parte inferior del trazado para que no se superponga con la parte inferior de la paleta). Finalmente, seleccione nuestros pinceles y el trazado compuesto creado, haga clic en el botón derecho del ratón y haga máscara de recorte.

hide the unneeded parts of brushes 2hide the unneeded parts of brushes 2hide the unneeded parts of brushes 2

Ahora tenemos las partes innecesarias de los cepillos ocultos dentro de la máscara.

hide the unneeded parts of brushes 3hide the unneeded parts of brushes 3hide the unneeded parts of brushes 3

Paso 12

Terminemos con nuestra imagen agregando un fondo simple. Forma un rectángulo del tamaño de nuestra Mesa de Trabajo con la Herramienta Rectángulo (M) y Envíalo hacia atrás (Shift-Control-[). Relléne con un degradado radial de azul claro en el centro a azul más oscuro en los bordes, agregando profundidad.

create a simple background 1create a simple background 1create a simple background 1

Paso 13

Agregue otro rectángulo del mismo tamaño y relléne con un degradado lineal de azul claro a blanco, cambiando al modo de fusión multiplicar para hacer que la parte inferior de la imagen sea más oscura.

create a simple background 2create a simple background 2create a simple background 2

Paso 14

Coloque una elipse aplastada debajo de la paleta y consíguela en una sombra suave rellenando la forma con un degradado radial de azul a blanco y cambiándola al modo de fusión multiplicar.

add a drop shadow in multiply blending modeadd a drop shadow in multiply blending modeadd a drop shadow in multiply blending mode

Paso 15

Agregue un bokeh sutil en el fondo y espele algunas chispas alrededor de la paleta para que la imagen sea más completa. Echa un vistazo a la parte 4 de este tutorial linterna de vela de invierno para encontrar más descripciones sobre cómo crear bokeh similares y chispas.

add sparkles and bokehadd sparkles and bokehadd sparkles and bokeh

Gran trabajo! ¡La paleta de nuestros artistas está terminada!

Si aún no eres un artista tradicional, ya puedes sentirte como uno, porque ahora tienes tu propia paleta de pintura. Aunque es solo una pieza digital, ya sabes cómo dibujarla.

Espero que hayas descubierto algunos consejos y trucos útiles sobre la creación de texturas y el uso de efectos simples para hacer que tu obra de arte se vea real. ¡Estad atentos para más! ¡Buena suerte!

Wooden Palette for Painting final resultWooden Palette for Painting final resultWooden Palette for Painting final result