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

Cómo Elaborar un Genial Efecto Fotográfico de Diseño de Portada de Álbum

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Hoy, elaboraremos ¡una colorida ilustración de portada de álbum en Adobe Photoshop! No solo veremos cómo crear una portada de álbum sino también veremos el tamaño y las dimensiones de la portada de un álbum, así que puedes estar confiado en que tu portada se imprimirá según fue diseñada.

Cuando se crea una portada de álbum, también es una gran idea usar un creador de portadas de álbum online como Placeit para finalizar el título y el texto de tu álbum, así que hoy veremos una de sus muchas plantillas para portada de álbum.

Este tutorial también incluirá cómo crear un efecto de retrato surrealista de arte de pintura corporal utilizando Photoshop, mismo que puedes usar en tu trabajo artístico diario, ¡no solo en una portada de álbum!

¡Comencemos!

Lo Que Necesitarás

Para completar este proyecto, usaremos los siguientes recursos:

¡Encuentra más recursos en Envato Elements y Placeit!

1. ¿Cuáles son las Dimensiones Estándar de la Portada de un Álbum?

Las dimensiones estándar para la portada de un CD son al menos 1600 x 1600 pixeles en tamaño con el parámetro PPP de 300. Estas dimensiones no únicamente asegurarán que la portada de tu CD se imprima en el tamaño correcto sino también ¡garantiza una calidad de nitidez y claridad!

Paso 1

Crea un Nuevo Documento con un tamaño mínimo de 1600 x 1600 pixeles y un parámetro de PPP de 300. El parámetro PPP también se le conoce como Resolución.

Descarga y suelta el sujeto en el centro del lienzo.

place subject

Paso 2

Usa la Herramienta Parche para eliminar los clavos de metal que suben por la espalda de la modelo. Manten los clavos que están en los brazos.

Usa la Herramienta Tampón de Clonar para finalizar cualquier área de piel que pudiera apreciarse un poco manchada o sin un color uniforme. Sin embargo, la piel no tiene que ser perfecta, pues agregaremos una textura interesante sobre su piel más adelante.

remove spikes

2. Cómo Enmascarar Cabello en Photoshop

El siguiente paso ¡solo se trata de enmascarar cabello en Photoshop! Veremos mi manera favorita de enmascarar cabello en situaciones donde no necesitas cambiar el fondo.

Paso 1

Usando la Herramienta Lazo Magnético haz una selección no muy definida alrededor del cabello del sujeto. ¡No es necesario que sea precisa!

Duplica el sujeto, agregando una Máscara de Capa al duplicado en la forma de la selección.

Paso 2

Haz doble clic en la máscara de capa del cabello para abrir el panel de Propiedades de la máscara. Haz clic en Seleccionar y Aplicar Máscara.

Como estamos trabajando en el fondo original de la imagen, sugiero cambiar el Modo de Vista a Superponer. Asegúrate de que esté seleccionado Pincel para Perfeccionar Bordes, ubicado en el panel lateral izquierdo.

Ajustes de Detección de Borde

  • Radio: 3 px
  • Radio Inteligente: Marcada

Perfeccionamientos Globales (Opcional)

  • Contraste: 26%
  • Desplazamiento de Borde: -2%

Paso 3

Arrastra el Pincel para Perfeccionar Bordes por los bordes del cabello. Pulsa Alt para restar a la selección y Control-Z para deshacer.

Experimenta hasta que estés satisfecho con la selección y luego presiona OK.

extract hair

Paso 4

¡Expande el cabello significativamente!

enlarge hair

Paso 5

Alinea el segmento más grande del cabello sobre el cabello original lo mejor que puedas. Desenmascara cualquier borde de piel que haya quedado del cabello más grande.

Finalmente, accesa al Modo de Deformación al elegir la Herramienta Mover, asegurándote que esté marcada la opción Mostrar Controles de Transformación, haciendo clic en uno de los Controles de Transformación, y luego cambiando del Modo Transformación a Modo Deformación en el lado derecho de la barra de herramientas en la parte superior.

Una vez en el Modo de Deformación, ¡deforma el cabello a su forma final!

blend hair

3. Cómo Aplicar Texturas a la Piel y al Cabello

Aplicar texturas a la piel y al cabello ¡no es diferente de aplicarlos a cualquier otra cosa! Lo importante a tener en cuenta es el flujo natural del cuerpo, y asegurar que las texturas ¡no sobresalgan más que el sujeto!

Paso 1

Descarga y coloca la textura "01" del paquete de texturas Fondos con Franjas Multicolores en Forma de Ondas. Establece la textura en Superponer.

Encoje y mueve la textura hasta que encuentres el lugar preciso donde la textura fluya con el contorno y forma del cuerpo y rostro del sujeto.

place texture

Paso 2

Crea una selección del sujeto usando tu método preferido. El mío típicamente es con la Herramienta Pluma, pero en este caso, una selección super exacta no es necesaria, así que usé el botón Seleccionar Objeto automáticamente de la Herramienta Varita Mágica y luego perfeccioné la selección que me dió con la Herramienta Lazo.

Una vez que tengas tu selección, agrega una Máscara de Capa a tu textura franjeada. La máscara tomará la forma de la selección.

Además, desenmascara cualquier borde definido alrededor de la línea de cabello usando un Pincel difuso.

blend texture

Paso 3

Crea una capa de ajuste de Tono/Saturación arriba de todas las capas existentes.

Enmascara la capa para que solo muestre el cabello.

Ajustes de Tono/Saturación

  • Tono: -159
  • Saturación: +70
color hair

Paso 4

Crea una Nueva Capa, estableciéndola en Luz Suave.

Usa un Pincel circular difuso establecido en blanco y negro para pintar contraste en el cabello. Estamos enfocando el blanco en el frente y el negro en la parte posterior del cabello.

light hair

Paso 5

Finalmente, usa la misma textura "01" del cuerpo para llevar algo de color al cabello. Establece la textura en Luz Suave.

Achica la textura ligeramente más que la textura del cuerpo y colócala donde fluya mejor en el cabello.

Crea y rellena de negro una Máscara de Capa.

Usando un Pincel circular difuso, enmascara lentamente algo de la textura en el cabello.

texture hair

4. Cómo Pintar Degradados en Photoshop

A continuación, ¡algunos toques finales usando degradados!

Paso 1

Primero, repite el Paso 5 de la sección anterior para incrementar todavía más el contraste del cabello, dándole más dimensión y profundidad.

add contrast to hair

Paso 2

Crea una Nueva Capa, estableciéndola en Trama.

Usa un pincel circular difuso de gran dimensión para pintar un degradado rojo #d90000 sobre el sujeto. Este degradado debería rellenar casi todo el lienzo.

Disminuye la Opacidad de la capa del degradado a 12%.

add gradient

Paso 3

Crea una Nueva Capa arriba de la capa del degradado rojo, estableciéndola en Luz Suave.

Define la Opacidad de la capa en 25%.

Usando un Pincel circular difuso, pinta ligeramente de negro en los bordes del lienzo. Los bordes deberían ser muy redondeados pero notables, casi como si estuvieras creando la ilusión de un reflector en el sujeto.

add shading

Paso 4

Finalmente, repite el paso de arriba, esta vez únicamente pinta un degradado prolijo muy suave en las esquinas del lienzo.

Usa Filtro > Desenfocar > Desenfoque Gaussiano para obtener un desenfoque muy suave ¡para que no se noten los bordes!

add vignette

5. Cómo Crear una Corrección de Color Intenso en Photoshop

¡Ahora vamos a la corrección de color! La corrección de color de hoy consistirá de solo cinco capas de ajuste que serán agrupadas arriba de todas las otras capas, en un grupo llamado "Color grade".

¡Las capas de ajuste están listadas de abajo a arriba!

Paso 1

Crea una capa de ajuste de Consulta de Colores.

Ajustes de Consulta de Colores

  • 3DLUT: Fuji Eterna 250D Kodak 2395
  • Opacidad: 49%
fuji eterna color lookup

Paso 2

Crea una segunda capa de ajuste de Consulta de Colores.

Ajustes de Consulta de Colores

  • 3DLUT: Filmstock
  • Opacidad: 43%
filmstock color lookup

Paso 3

Crea una tercera capa de ajuste de Consulta de Colores.

Ajustes de Consulta de Colores

  • 3DLUT: Horror Blue
  • Opacidad: 50%
horror blue color lookup

Paso 4

Crea una capa de ajuste de Corrección Selectiva.

Ajustes de Consulta de Colores: Rojos

  • Cian: +27
  • Magenta: +15
  • Amarillo: +11
  • Negro: +16

Ajustes de Consulta de Colores: Amarillos

  • Cian: -47
  • Magenta: -21
  • Amarillo: +53
  • Negro: +13

Ajustes de Consulta de Colores: Cianes

  • Cian: +25
  • Magenta: +72
  • Amarillo: -40
  • Negro: +25
selective color

Paso 5

Cea una capa de ajuste de Brillo/Contraste.

Ajustes de Brillo/Contraste

  • Brillo: 42
  • Contraste: -12
  • Opacidad: 60%
  • Máscara de Capa: Desenmascara los bordes de la capa de ajuste, creando un efecto de reflector para aplicar brillo al rostro del sujeto.
brightness and contrast

6. Cómo Añadir Texto en Placeit

Finalmente, para concluir todo lo demás, vamos a añadir un poco ¡para acompañar nuestra genial portada de álbum! Hoy, llevaremos nuestra imagen a Placeit, ¡usando una de sus muchas plantillas de diseño para portada de álbum!

Paso 1

Guarda tu imagen de portada de Cd como PNG o JPG al máximo tamaño y resolución.

Paso 2

Busca en la librería de Placeit la plantilla de diseño para Portada de Álbum Electro Beats.

Una vez que la hayas encontrado, haz clic en la plantilla.

placeit template

Paso 3

Importa tu imagen en la plantilla al ir a Background (Fondo) > Custom Image (Imagen Personalizada).

Encuentra donde guardaste tu imagen y selecciónala. Placeit te pedirá recortar la imagen, ¡pero el nuestro debería ser un tamaño perfecto! Solo pulsa Crop (Recortar) sin cambiar nada.

import image

Paso 4

En el lado izquierdo de la página, verás el panel Text (Texto)-¡ahí es donde cambiarás el texto por el tuyo!

Selecciona el texto que quiere cambiar y escribe el tuyo. Nombraré mi mock de portada de CD "Living sound | Instrumental."

Selecciona tu fuente del menú desplegable debajo de cada cuadro de texto. Usaré Montserrat.

change title

Paso 5

Expande el texto igual que lo harías en Photoshop, haciendo clic y arrastrando los Controles de Transformación encontrados alrededor del texto seleccionado.

enlarge title

Paso 6

Cambia el color del texto haciendo clic en el botón de color blanco localizado junto al menú de las fuentes.

Cambié "Vol.07" a un color amarillo-naranja.

change font color

Finalmente, descarga tu imagen haciendo clic en Download (Descargar) cerca de la parte superior de la página, ¡y terminaste!

¡Lo Hemos Logrado!

Y ahí la tienes: una guía del principiante para portadas de CD ¡y un par de efectos fotográficos para acompañarla! Ver varias manipulaciones fotográficas y efectos de retrato es una magnífica manera no únicamente de recabar algunas ideas para portada de álbum, sino también ¡para mantenerte actualizado con las tendencias actuales y efectos que existen!

Y si estás pasando por un período de falta de creatividad, consultando sitios como Placeit y usando sus plantillas como un punto de inicio es una estupenda manera de recuperar tu onda creativa.

Así que, como siempre, sigue experimentando con diferentes técnicas y practicando, ¡y no olvides publicar tu versión abajo, junto con cualquier pregunta, comentario o crítica!

final image

¿Estás buscando aprender más? Por qué no consultas los siguientes tutoriales de manipulación fotográfica:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.