1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Cómo crear una imagen de moda con temática oscura en Adobe Photoshop

Scroll to top

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

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

Hoy exploraremos el lado oscuro de la moda ¡al crear una mujer araña portando un atuendo de látex! Crearemos nuestro propio pincel de telaraña usando formas simples, crearemos nuestra propia perla detallándola desde cero y usaremos texturas para añadir profundidad y detalle.

Esperamos que no tengas aracnofobia porque ¡vamos a comenzar!

Recursos del tutorial

Estos son los recursos que usaremos:

¡Encuentra más recursos de alta calidad en Envato Elements!

1. Cómo crear un fondo con partículas de polvo

Para comenzar, crearemos un fondo para nuestro sujeto. Un ambiente oscuro y polvoriento suena óptimo para una araña, ¿no lo crees?

Paso 1

Vamos a crear un nuevo lienzo de 2287 x 3440.

Crea un Capa de relleno cubriéndola con un color azul muy oscuro #000308.

Coloca textura "07" del paquete Partículas de polvo y cabello volteada verticalmente y del tamaño exacto de nuestro lienzo.

Para incrementar el contraste, ve a Imagen > Ajustes > Brillo/Contraste. Ajustes: Contraste: 63

Establece la textura en Trama con una Opacidad de 73%.

Add textureAdd textureAdd texture

Paso 2

Crea una Nueva capa y establécela en Superponer.

Usando un Pincel circular difuso muy largo, pinta de negro las partes inferior e izquierda del lienzo.

Crea otra Nueva capa y con el mismo pincel de antes, pinta de blanco en las secciones media y superior del lienzo.

Add lightingAdd lightingAdd lighting

Paso 3

Para finalizar el fondo, vamos a añadir telarañas simplificadas. Estas no son nuestras principales telarañas, solo es un detalle adicional para el fondo, así que ¡no te preocupes si no son tan prolijas!

Crea una Nueva capa.

Usando un Pincel definido de 1-2 px, pinta franjas blancas procedentes de las cuatro esquinas del lienzo, en un movimiento largo de arriba hacia abajo.

Crea un grupo para todas las capas del fondo nombrándolo "Background".

Current layersCurrent layersCurrent layers

2. Cómo añadir nuestro sujeto al fondo

A continuación, ¡vamos a colocar nuestro sujeto en su entorno recientemente creado!

Paso 1

Primero, vamos a extraer nuestro sujeto, que es nuestra Mujer portando atuendo de látex negro.

Como el sujeto no tiene ropa o cabello difícil de extraer, ¡siéntete libre de usar el método que prefieras! Yo personalmente prefiero la herramienta Pluma.

Redimensiona y coloca el sujeto para que ella esté en la misma posición que ves a continuación, directamente en el centro de nuestro lienzo.

Place modelPlace modelPlace model

Paso 2

Añade un Estilo de capa de Sombra interior al sujeto. Ajustes:

Inner shadow settingsInner shadow settingsInner shadow settings

Paso 3

Ahora, cambiaremos el lapiz labial de nuestro sujeto a un color negro.

Crea y recorta una Capa de mapa de degradado de negro a blanco respecto a nuestro sujeto. Haz clic en la Máscara de capa y pulsa Control-I para invertirla, tornando negro el color de los labios.

Usando un Pincel circular definido de tamaño mediano, pinta de blanco sobre los labios para aplicar una máscara en el mapa de degradado de negro a blanco.

Blacken lipsBlacken lipsBlacken lips

Paso 4

Crea y recorta una Capa de Brillo/Contraste con respecto al sujeto. Ajustes: Brillo -83 y Contraste 23.

Copia la máscara de capa del mapa de degradado en la Capa Brillo/Contraste para oscurecer los labios.

Darken lipsDarken lipsDarken lips

Paso 5

Ahora, vamos a extraer nuestro Marco de espejo de madera redondo. De nuevo, ¡utiliza tu método preferido! Yo usé la herramienta Varita mágica ya que la imagen está en un bonito fondo blanco nítido.

Coloca el marco directamente detrás del sujeto.

Place wood frame Place wood frame Place wood frame

Paso 6

Crea y recorta un Mapa de degradado con respecto al marco de madera. Ajustes:

Gradient map settingsGradient map settingsGradient map settings
  1. #000000
  2. #1b1b1b
  3. #2f2f2f
  4. #a7a7a7
  5. #ffffff

Paso 7

Añade un estilo de capa de Sombra interior al marco que ahora es negro. Ajustes:

Inner shadow settingsInner shadow settingsInner shadow settings

Paso 8

Crea un grupo para todas las capas del sujeto principal y el marco, nombrándolo "Model". Usaremos este grupo para ayudar a hacer nuestras sombras.

Duplica el grupo "Modelo" y haz Clic derecho > Combinar grupo.

Ve a Imagen > Ajustes > Tono/Saturación. Ajustes: Luminosidad -100.

Añade algo de desenfoque a la sombra al ir a Filtro > Desenfocar > Desenfoque gaussiano. Ajustes: 50 px.

Mueve y transforma la sombra hacia arriba y hacia la izquierda usando el Modo de deformación en la herramienta Transformación libre.

Current layersCurrent layersCurrent layers

3. Cómo crear una gradación de color oscuro fácilmente adaptable

¡Ahora pasamos a la luz cambiante! Generalmente guardaría esto para el final, pero el cambio de color es tan drástico en esta imagen que pienso que vale la pena hacerlo antes.

Nota que este grupo de capas siempre estará sobre las demás capas. Todas las capas de aquí en adelante se localizarán bajo estas cinco capas de ajuste.

1. Capa de consulta de colores: (3dLUT) FoggyNight en 60% de Opacidad

2. Capa de consulta de colores: (3dLUT) Moonlight en 47% de Opacidad. Fusionar si es: Mantén presionada la tecla Alt para separar y mover las diferentes opciones.

Blend if settingsBlend if settingsBlend if settings
First set of adjustment layers First set of adjustment layers First set of adjustment layers

3. Capa de consulta de colores: (3dLUT) Kodak 5205 en 70%

4. Corrección selectiva: (Rojos) Cian -100, Magenta +56 y Amarillo +63

Second set of adjustment layersSecond set of adjustment layersSecond set of adjustment layers

5. Capa de curvas:

Curves settingsCurves settingsCurves settings

Crea un grupo para todas las capas de ajuste y nombra el grupo "CC" o "Color Correction".

Current layersCurrent layersCurrent layers

4. Cómo crear un pincel de telaraña en Photoshop

Ahora, hay muchos pinceles y texturas de telaraña preelaboradas; sin embargo, ¡son tan divertidos de pintar a mano! Así que vamos a crear nuestro propio pincel desde cero.

Paso 1

Para la base de nuestro pincel, crearemos una forma de gota de agua. Crea un Nuevo documento de 300 x 300 px. Asegúrate de que el fondo sea blanco.

Usando la herramienta Elipse, crea un círculo negro de 45 x 45 px con una Opacidad de 80% y un Relleno de 40%.

create a circle create a circle create a circle

Paso 2

Añade un Estilo de capa de Resplandor interior. Ajustes:

Inner glow settingsInner glow settingsInner glow settings

Seguidamente, añade una Sombra interior negra. Ajustes:

Inner shadow settingsInner shadow settingsInner shadow settings
Brush baseBrush baseBrush base

Paso 3

Crea una Nueva capa arriba del círculo. Usando un pequeño Pincel circular difuso, pinta una forma de media luna en la parte superior izquierda del círculo.

Combina las capas y aplica a la capa combinada un muy ligero Filtro > Desenfocar > Desenfoque gaussiano. Ajustes: Cantidad 1 px.

Eso fue solo para que nuestro pincel no estuviera demasiado enfocado. Muy pocas cosas en el mundo tienen un borde definido y nítido, así que ¡no temas desenfocar un poco las cosas!

Recorta el lienzo para que esté del tamaño exacto de nuestra gota.

Crop brushCrop brushCrop brush

Ve a Edición > Definir valor de pincel, nombrando el pincel "droplet".

Paso 4

Ahora que hemos hecho nuestro pincel, necesitamos establecer sus ajustes. Abre el panel Pincel y selecciona nuestro nuevo pincel.

Abre el panel de Ajustes preestablecidos de pincel. Ajustes:

  • Forma de punta del pincel Espaciado: 116%
  • Dinámica de forma Variación del Tamaño Vibración: 25% Transferencia: Marcada
Brush settingsBrush settingsBrush settings

Pulsa el botón Crear nuevo pincel en la esquina inferior derecha del panel Ajustes preestablecidos de pincel para guardar un nuevo pincel con estos ajustes.

Si no hacíamos esto, tendríamos que rehacer los ajustes del pincel cada vez que lo seleccionemos.

Paso 5

Finalmente, ¡usemos nuestro pincel! Crea una Nueva capa debajo de nuestro grupo "Model".

Selecciona nuestro nuevo pincel y establece el Tamaño en 15 px. Sin embargo, ten presente que cambiaremos el tamaño mientras pintamos nuestras telarañas.

Pinta filamentos de telaraña blancos en un movimiento descendente. Si tus líneas son irregulares, trata de incrementar la opción Suavizar del pincel a 30-50%. Esto ayudará a mantener constantes tus líneas. Solo pinta lentamente si estás usando un mouse.

Elabora algunos filamentos ligeramente más gruesos que otros y usa un Pincel circular difuso grande para eliminar algunos de los bordes de los filamentos buscando crear un efecto de extremo angosto.

Paint spider webs Paint spider webs Paint spider webs

Paso 6

Crea una Nueva capa y pinta telarañas más pequeñas hacia la parte inferior del sujeto y la parte superior del marco. Haz estos filamentos menos prominentes que los que rodean la cabeza del sujeto.

Paint lower spider webs Paint lower spider webs Paint lower spider webs

Duplica las capas de la telaraña para incrementara su brillo. Solo elimina cualquier parte de las telarañas que no quieres que sean brillantes.

Crea un grupo para todas las capas de la telaraña, nombrando el grupo "Webs".

Current layersCurrent layersCurrent layers

5. Cómo diseñar un conjunto de ojos de araña abstractos

A continuación, diseñaremos una versión abstracta de ojos de araña con el uso de cuentas autoelaboradas y una prolija técnica para pintar el rostro ¡que puede usarse de diversas maneras en cualquier color que necesites!

Paso 1

Primero, añadiremos una capa de pintura de rostro a la cara de nuestro sujeto. Crea un Nuevo grupo y añádele una Máscara de capa. Nombre el grupo "Face Paint".

Pulsa Control-I para Invertir la máscara.

Crea una selección alrededor del rostro del sujeto similar al que ves a continuación. Utilicé la herramienta Pluma, ¡pero puedes usar la forma con la que te sientas más cómodo!

create selection create selection create selection

Paso 2

Rellena la selección de blanco. Crea un Mapa de degradado de negro a blanco y colócalo en el grupo. La máscara del grupo actuará como una máscara de capa para todas las capas de ajuste que están colocadas dentro de ella.

black and white gradient map black and white gradient map black and white gradient map

Paso 3

Crea una Capa de Brillo/Contraste, también colocándola en el grupo, arriba del mapa de degradado. Ajustes: Brillo -116 y Contraste 65.

Crea una capa de Equilibrio de color, colocándola arriba de las capas B/C y mapa de degradado. Ajustes: Rojo +46, Verde -25, Azul -34.

Usando un Pincel circular difuso, retira la máscara de los ojos usando la máscara del grupo.

add two adjustment layers add two adjustment layers add two adjustment layers

Paso 4

Ahora, crearemos nuestras cuentas "ojo de araña. Crea un círculo negro usando la herramienta Elipse.

create black circle create black circle create black circle

Paso 5

Crea una Nueva capa y recórtala respecto al círculo negro.

Usando un pequeño Pincel circular difuso con un Flujo de 5%, pinta una forma de media luna en el lado derecho de la cuenta.

Acumula el color blanco lentamente y concentra el blanco en el centro de la curva de la forma de la luna.

Añade una pequeña forma de degradado radial blanco, usando un tamaño de pincel ligeramente más grande, sobre la forma de la luna también

create highlight create highlight create highlight

Paso 6

Duplica el círculo negro y aplánalo horizontalmente, llevándolo hacia la parte inferior de nuestra cuenta.

Disminuye la Opacidad a 30% para crear la sombra de la cuenta.

add shadow add shadow add shadow

Paso 7

Crea un grupo para las tres capas de la cuenta y nómbralo "Bead".

Duplica el grupo y da Clic derecho > Combinar grupo.

Coloca las cuentas en la parte superior del rostro. Puedes hacerlo de igual manera que yo lo hice, ¡o crea tu propio motivo!

create multiple beads create multiple beads create multiple beads

Paso 8

Coloca las cuentas detrás de nuestro sujeto también en las telarañas.

Crea un grupo para todas las capas de las cuentas copiadas, de las cuales habrá bastantes, nombrando el grupo "Beads Copies".

Crea algunas iluminaciones usando una capa de Superposición o una capa de ajuste de Curvas.

Final layers Final layers Final layers

6. Añadiendo los toques finales

¡Estamos en la recta final! Solo tenemos que añadir un par de detalles de polvo y telaraña, para que cobre vida su entorno oscuro y polvoriento.

Paso 1

Coloca otra copia de la textura "07" del paquete de texturas de polvo justo debajo de nuestro grupo "CC", de nuevo volteándola verticalmente.

Establece la textura en Trama.

Paso 2

Ve a Filtro > Desenfocar > Desenfoque de forma y establece los ajustes a los que ves a continuación:

Shape blur settings Shape blur settings Shape blur settings

Expande la textura para que las partículas de polvo parezcan más cercanas y fuera de foco.

Paso 3

Usando la herramienta Línea, crea unas líneas diagonales provenientes de la esquina inferior derecha del lienzo.

Hazlas ligeramente aleatorias, no que queden lado a lado de manera perfecta.

Create white lines Create white lines Create white lines

Paso 4

Añade un Filtro > Desenfocar > Desenfoque de movimiento. Ajustes: Ángulo -72 y Distancia 85.

Esto dará a las líneas un efecto fuera de foco. ¡Experimenta con diferentes filtros de desenfoque! Tiendo a preferir un desenfoque de forma o de movimiento para hacer que los objetos parezcan fuera de foco más bien que por ejemplo un desenfoque gaussiano.

Crea un grupo con estas dos nuevas capas, nombrándolo "Details".

¡Lo logramos!

A veces hacer nuestros propios recursos parece desolador, pero puede ser tan fácil como combinar algunas formas sencillas ¡y concatenarlas! Aprender cómo usar herramientas básicas en lugar de confiar exclusivamente en recursos preelaborados, te brinda la capacidad de crear sin restricciones.

No se trata de cuántos recursos tienes, sino de qué tan bien conoces tu conjunto base de herramientas con las que puedes crearlos tú mismo.

Y como siempre, comparte tu trabajo artístico abajo, ¡junto con cualquier pregunta o comentario!

Finished resultFinished resultFinished result