Diseña una portada de CD de indie rock en Photoshop

Hoy voy a explicar cómo realizar una portada de CD retro en Photoshop. Fotomanipularemos una escena de puesta de sol, luego combinaremos otros elementos como texturas y recursos vectoriales para finalizar la composición. Al final te mostraré cómo aplicar el diseño final a una plantilla de maqueta de caja de CD.

Avance:

Descargar los archivos fuente →

Paso 1

Comencemos creando un nuevo documento de 1000x1000 píxeles en Photoshop con una resolución alta (300 píxeles/pulgada ya que está destinado a imprimir).

Paso 2

Rellena el fondo con un gris sutil (#a4a5a5).

Paso 3

Descarga la primera imagen de stock que necesitamos para esta composición: la imagen de un atardecer en una playa . Fusiona la imagen en el lienzo de Photoshop y redimensiona (presiona Ctrl+T para activar la herramienta Transformación libre).

Paso 4

Con la herramienta Sobreexponer, haz clic sobre el sol para aclarar esa zona. La herramienta Sobreexponer te permite elegir un pincel específico, así que asegúrate de seleccionar un pincel redondo, grande y suave (dureza 0%).

Paso 5

Pasamos a la herramienta Subexponer para oscurecer los bordes de la composición. Establecemos la herramienta en modo "Sombras" y pintamos suavemente siempre con un pincel suave.

Paso 6

En este punto, utiliza la herramienta Desenfocar. El objetivo es dar profundidad a la composición. Así que vuelve a pintar sobre los bordes, siempre con un pincel grande y suave. Este es mi resultado:

Paso 7

Establece el modo de fusión de capas en luz suave. De esta manera, la playa se fusionará con el fondo gris. El resultado no es tan bueno, pero no te preocupes, lo solucionaremos pronto.

Paso 8

Presiona Ctrl+J para duplicar la capa de la playa. Ahora un paso un poco más complicado: con la capa duplicada seleccionada, agrega una máscara de capa presionando el botón "Agregar máscara de capa", que se encuentra en la parte inferior de la ventana de capas. Asegúrate de tener el negro como color de primer plano y presiona Alt+Supr para rellenar con negro la máscara de capa. ¿Qué sucedió? La capa duplicada desapareció. Esto se debe a que la máscara de capa se llenó de negro. Podríamos usar un pincel blanco para reemplazar píxeles simplemente pintando sobre la máscara. Y esto es exactamente lo que haremos: toma un pincel blanco grande y suave y haz un punto sobre el centro, y el área central será reemplazada.

¿Por qué utilizar la máscara de capa cuando podríamos simplemente borrar los bordes de la capa duplicada con la herramienta Borrador? El poder de la máscara de capa es que permite eliminar y reemplazar píxeles en cualquier momento. Por eso siempre prefiero la máscara de capa en lugar de la herramienta Borrador.

Paso 9

Crea un nuevo grupo y titúlalo "Ajustes". Aquí colocaremos todas las correcciones de color. Ten en cuenta que este grupo siempre estará por encima de todas las demás capas.

El primer ajuste consiste en reducir la saturación. Para ello, ve a CapaNueva capa de ajusteTono/Saturación y reduce la saturación a -70.

Luego, agrega una capa de Mapa de degradado que vaya del violeta (#6f156c) al verde (#00601b) y luego al naranja (#fd7c00). Configura la capa en Superposición con una opacidad de aproximadamente el 30 %.

Por último, crea una nueva capa y rellénala con el color que prefieras (no es importante). Luego, haz clic derecho en la miniatura de la capa y selecciona Opciones de fusión. Reduce la opacidad del relleno al 0 %:

Añade una superposición de degradado que vaya del rosa (#e1006a) al amarillo (#ecdb1f) y al azul (#025b94). Si haces clic en la flecha que se encuentra en la parte superior del selector de color, puedes configurar la opacidad de cada color. Reduce los valores para que el efecto sea más suave.

Paso 10

Recuerda que el grupo de ajustes debe estar siempre en la parte superior. Crea una nueva capa (abajo) y rellénala de negro. Ve a FiltroInterpretarDestello de lente y selecciona el zoom de 50-300 mm.

Establece la capa en modo pantalla... ¡y listo! ¡El fantástico efecto de destello de lente!

Paso 11

Ahora que el fondo está completo, puedes poner lo que prefieras. En mi caso, decidí jugar con el concepto del tiempo, así que descargué la imagen de un reloj de arena . Abre la imagen en Photoshop y usa la herramienta de lápiz para extraerla:

Pegue la imagen en el lienzo principal y cambie su tamaño (ctrl+T).

Paso 12

Como habrás notado, hay un problema con la transparencia del vidrio... ¡el problema es que el vidrio no es transparente! Vamos a solucionar este error. Duplica la capa del reloj de arena (Ctrl+J) y establece el modo de fusión de la capa duplicada en multiplicar con una opacidad del 90 %.

Amplíe y, desde la capa establecida en normal (abajo), borre el área que debe ser transparente.

Selecciona la capa en modo multiplicar y borra la zona donde está la arena. De esta manera, aparecerá la arena de la capa de abajo, más saturada.

Paso 13

Para mejorar el reloj de arena, podemos utilizar uno de nuestros vectores radiales . Puedes abrir el archivo .AI en Illustrator o utilizar la versión de pinceles de Photoshop. Ambos están disponibles en el archivo .zip. Selecciona el radial que prefieras, luego cópialo (ctrl+C) y pégalo (ctrl+V) en Photoshop como un objeto inteligente. Siéntete libre de cambiarle el tamaño a tu gusto: dado que es un objeto inteligente, es escalable. Colócalo debajo del reloj de arena.

Reduzca la opacidad del relleno al 0% y luego agregue una superposición de color azul claro (#599fac) con una opacidad del 80%.

Paso 14

Para el texto, he utilizado una fuente sans-serif y minimalista, Cicle. De todos modos, cualquier fuente limpia funcionará bien. El único efecto que le agregué al texto es una sombra de 1 px, solo para realzarlo un poco.

Paso 15

Para completar la composición, juguemos con un par de nuestras texturas. Empecemos con una de nuestras Texturas de papel doblado y rayado . Puedes usar la muestra gratuita y, si te gusta la textura, considera descargar el conjunto completo (o puedes descargar todos nuestros 2500 recursos de diseño por solo $20 al año ).

Fusiona la textura con el lienzo y cambia su tamaño. Aplica el filtro de nitidez (FiltroNitidezNitidez) para realzar los detalles.

Establezca la capa en superposición y reduzca la opacidad a aproximadamente el 30 %. Resultado interesante, ¿no cree?

Paso 16

Descarga una de nuestras texturas grunge sutiles y pégala en el lienzo. Configura la capa para superponer con una opacidad del 50 %. ¡La composición ya está terminada!

¿Cómo se ve el gráfico en un CD?

Puedes mostrarles a tus clientes/amigos cómo se ve el gráfico en una plantilla de CD. Descarga nuestra maqueta de caja de CD y ábrela en Photoshop. Yo elegí la plantilla de la tapa. Para personalizar el diseño, simplemente haz doble clic en la miniatura del objeto inteligente. Aparecerá una nueva ventana.

Introduce tu gráfico y guárdalo. Después, puedes cerrar la ventana y ver cómo se ve la maqueta actualizada.

Descargar los archivos fuente →Conviértete en miembro Premium y obtén acceso ilimitado a archivos fuente y recursos premium por soloeste añoal año. Haz clic aquí para obtener más información . ¿Ya eres miembro? Inicia sesión para descargar el archivo PSD.