Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Vector

Cómo diseñar una portada de CD en estilo grungy de bajo poligonaje en Adobe Illustrator

by
Read Time:6 minsLanguages:

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

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

¿Alguna vez has querido crear tu propia portada de CD con estilo? En este tutorial, pasaremos por un proceso de creación de diseño de una portada de CD, con gráficos de estilo simple pero moderno.

Usaremos el popular estilo de bajo poligonaje, y le daremos a nuestra portada un aspecto grungy único con la ayuda de pinceles artísticos de Adobe Illustrator. En conjunto, estos elementos ayudarán a que nuestra portada de CD tenga un aspecto moderno y destaque entre los otros álbumes.

¡Empecemos!

1. Crear una base de bajo poligonaje para la cabeza del elefante

Paso 1

Para este tutorial, he usado una de mis imágenes antiguas (que puedes descargar directamente debajo haciendo clic derecho en la imagen) y he ido a Archivo > Colocar en la mesa de trabajo como referencia. Bloquea la capa con tu imagen de referencia y crea una Nueva capa encima de la bloqueada.

elephantelephantelephant

Paso 2

Hago que la imagen de referencia sea un poco más brillante, y comencé a dibujar pequeños triángulos por encima de ella con la Herramienta pincel (P).

trianglestrianglestriangles

Paso 3

Sigue cubriendo la imagen de referencia con triángulos de varios tamaños. No tienes que ser muy preciso en esta parte. No pierdas tu tiempo tratando de hacer que los triángulos coincidan, porque más adelante haremos un truco fácil con unos pocos clics.

add extra trianglesadd extra trianglesadd extra triangles

Paso 4

Si tu imagen es casi simétrica, intenta usar la Herramienta reflejo (O) para reflejar algunas partes repetidas al otro lado de tu imagen. En esta parte, por ejemplo, selecciono un grupo de triángulos alrededor del área de los ojos y lo reflejo sobre el eje vertical. Usa el botón Copiar para hacer una copia reflejada del área seleccionada.

reflect toolreflect toolreflect tool

Sigue renderizando tu imagen. Haz que los triángulos sean más grandes para resaltar las piezas grandes, como la parte superior ancha del tronco del elefante. Usa triángulos más pequeños para resaltar los detalles menores, como ojos y colmillos.

larger and smaller triangleslarger and smaller triangleslarger and smaller triangles

Paso 5

Termina con el tronco del elefante cubriéndolo con un grupo de triángulos variables.

triangled headtriangled headtriangled head

Paso 6

Pasa a las orejas poniendo algunos triángulos sobre la oreja izquierda. Haz que los lados de los triángulos sean más largos para indicar que las formas aquí están más extendidas y sobresalen.

triangle earstriangle earstriangle ears

Cuando hayas terminado con una de las orejas, usa la Herramienta reflejo (O) nuevamente para copiar los objetos reflejados al otro lado de nuestra imagen. Edita algunos triángulos cambiando su tamaño y posición si están fuera del área.

reflect earsreflect earsreflect ears

Paso 7

¡La base para nuestra ilustración de bajo poligonaje está lista! He cambiado el Color de trazo de los triángulos a rojo brillante, para verlos más claramente.

outlined trianglesoutlined trianglesoutlined triangles

Paso 8

¡Ahora la parte divertida! Encuentra un grupo de triángulos que necesites fusionar, para que se ajusten muy bien entre sí. Selecciona las esquinas de estos triángulos arrastrando la Herramienta selección directa (A) sobre los puntos de anclaje o con la Herramienta lazo (Q). Enfócate en el Panel Alinear (Ventana > Alinear) y elige la opción Alinear con selección. Finalmente, haz clic en las posiciones medias en los campos Alinear puntos de anclaje y Distribuir puntos de anclaje para combinar las esquinas del triángulo.

merge trianglesmerge trianglesmerge triangles

Paso 9

Pasa al siguiente grupo de esquinas que necesitas combinar.

do it againdo it againdo it again

Paso 10

Si sucede que tu triángulo no combina, como en el siguiente ejemplo, simplemente continúa y añade un triángulo adicional dividiendo el grande en dos formas separadas, y alinea los puntos de anclaje de la misma manera.

add extra trianglesadd extra trianglesadd extra triangles

Edita las formas en la cara del elefante.

edit shapesedit shapesedit shapes

2. Colorear el elefante con el bote de pintura interactiva

Paso 1

Cuando todos los triángulos estén bien alineados entre sí, selecciona todo y ve a Objeto > Pintura interactiva > Hacer.

Live paintLive paintLive paint

Paso 2

Usa la Herramienta cuentagotas (I) para elegir el color de la imagen de referencia y luego rellena la forma con el color seleccionado, usando el Bote de pintura interactiva (K). Usa la tecla Alt para cambiar entre estas dos herramientas, acelerando así su trabajo.

paint in trianglespaint in trianglespaint in triangles

Paso 3

Así es como se ve la imagen completamente coloreada en esta etapa. Algunos triángulos se hacen mucho más oscuros que los otros para resaltar las sombras y hacer que nuestra ilustración sea más dimensional. Las formas más brillantes marcan los reflejos en las formas más salientes y abultadas.

colored elephantcolored elephantcolored elephant

Paso 4

Saca la imagen de referencia y establece el Color del trazo en Ninguno cuando hayas terminado de colorear todas las formas. Rellena las piezas que faltan en blanco si las hay.

no reference imageno reference imageno reference image

Puedes notar que algunos de los lados del triángulo no coinciden. Esto puede suceder mientras usas la Herramienta pincel (P), si accidentalmente haces clic y arrastras, causando una esquina lisa redondeada en lugar de una esquina puntiaguda. No lo dudes y edita los puntos de anclaje con la Herramienta convertir punto de anclaje (Shift+C) haciendo clic en los puntos de anclaje para convertirlos en una esquina puntiaguda.

fix mis-matchesfix mis-matchesfix mis-matches

Paso 5

Siempre y cuando estés satisfecho con el resultado, selecciona varias formas aleatorias con la Herramienta selección directa (A) y cambia su color a gris más claro y más oscuro para hacer que nuestra imagen sea más intrincada y elegante.

add greyadd greyadd grey

3. Diseñar la parte frontal de la portada de tu CD

Paso 1

Crea una Nueva capa debajo de la capa con la cabeza del elefante. Coloque la cabeza completa sobre la plantilla de portada de CD en blanco. Mantén la cabeza del elefante en una capa separada, para que puedas añadir nuevos objetos detrás de ella.

CD cover templateCD cover templateCD cover template

Paso 2

Crearemos un buen fondo grungy. No queremos que distraiga mucho, pero al mismo tiempo queremos que resalte el objeto principal, haciendo que la portada se vea moderna y minimalista. Limítate a usar los tonos monocromáticos grises, para que la cabeza del elefante siga siendo el único objeto brillante y llamativo de nuestra composición.

Usaremos algunos pinceles predeterminados de Adobe Illustrator, que puedes encontrar en el menú Bibliotecas de pinceles > Artística > Acuarela artística y otros de la misma sección. Mira la lista de los pinceles que he usado en la siguiente imagen.

brushesbrushesbrushes

Selecciona algunos pinceles de acuarela a tu gusto y haz varios trazos con la Herramienta pincel (B) en diferentes direcciones.

strokesstrokesstrokes

Paso 3

Si algunas de las líneas están fuera del área de dibujo, siempre puedes ocultar las partes innecesarias duplicando la forma básica de la portada, colocándola encima de los trazos de pincel y haciendo una máscara de recorte.

hide lines that are off drawing areahide lines that are off drawing areahide lines that are off drawing area

Paso 4

Sigue rellenando el fondo con varios pinceles de salpicaduras de tinta y salpicaduras, variando su oscuridad.

add ink splashesadd ink splashesadd ink splashes

Paso 5

Pasa del centro de la portada a los bordes, añadiendo detalles más pequeños y rellenando espacios en blanco.

add smaller detailsadd smaller detailsadd smaller details

Paso 6

Añadí un trazo de carbón grueso en la parte inferior de la cubierta, asumiendo que es un buen lugar para algún texto.

text splashtext splashtext splash

Paso 7

Añade más detalles con otros pinceles de la lista. Elige tonos más claros de gris para que la composición general sea aireado y claro.

add more detailsadd more detailsadd more details

Paso 8

Crea una Nueva capa encima de la capa que contiene la cabeza del elefante. Crea unos cuantos trazos con pinceles artísticos y cambia el Modo de fusión a Color subexpuesto para añadir un buen toque de azul a nuestro elefante.

color burncolor burncolor burn

Usa la Máscara de recorte de nuevo para ocultar las partes innecesarias.

clipping maskclipping maskclipping mask

Paso 8

Inspirado en la pintura de guerra facial india y militar, decidí añadir un gran trazo a través de los ojos del elefante. Objeto > Expandir apariencia, convirtiendo el trazo en un objeto separado, y cambiarlo al Modo de multiplicar, reduciendo la Opacidad hasta el 20%.

eye strokeeye strokeeye stroke

Paso 9

Lo último, pero no menos importante, es añadir una sombra suave debajo de la cabeza del elefante para hacerlo más dimensional y separarlo del fondo. Ve a Efecto > Estilizar > Sombra paralela y juega con los ajustes a tu gusto. Puedes encontrar mis ajustes en la siguiente imagen.

shadowshadowshadow

¡Gran trabajo!

¡Felicitaciones, acabas de terminar de diseñar la parte frontal de nuestra portada de CD! Espero que haya sido una experiencia útil para ti. ¡Buena suerte al crear tu propio diseño único de portada de CD!

finished coverfinished coverfinished cover
One subscription.
Unlimited Downloads.
Get unlimited downloads