Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo crear una manipulación fotográfica de robot de ciencia ficción en Adobe Photoshop

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

¡Prueba tus habilidades y elabora una escena de ciencia ficción desde cero!

En este tutorial, te mostraré cómo elaborar una genial manipulación fotográfica inspirada en los 80s usando recursos gratuitos de stock y 3D en Adobe Photoshop.

¡Inspírate! Encuentra más material de stock para tus manipulaciones en Envato Market.

Recursos del tutorial

Los siguientes recursos fueron usados en la producción de este tutorial:

Encontrando inspiración de ciencia ficción

He estado deseando hacer una manipulación de ciencia ficción desde hace tiempo. Así que me puse muy contento cuando descubrí esta foto de stock de Robot tomando como modelo la máquina ED-209 de la película RoboCop.

Así que con esto en mente, crearé una completa apariencia de ciencia ficción de los 80s, con armadura, un robot y una escena urbana nocturna. Aunque no está basada en la película esta ilustración aún puede hacerse encontrando en internet inspiración sobre la serie.

Solo consulta los personajes de reparto y la historia para más ideas.

Echa un vistazo al antes y el después, que presentan algunos de los materiales de stock utilizados:

Before and After manipulation

¡Muy genial! Aprenderemos cómo elaborar toda la escena desde cero, usando un par de recursos gratuitos de stock y 3D de Envato Elements.

¡Comencemos!

1. Cómo elaborar la escena de ciencia ficción

Paso 1

Comienza creando la composición general.

Abre un Nuevo documento en Photoshop de 2000 x 1500 pixeles y 300 ppp.

Copia y Pega la foto de stock del Robot en una Nueva capa. Redimensiónala con la Herramienta transformación libre (Control-T) y colócala en el lado derecho como se muestra en seguida.

Siéntete libre de eliminar la capa con fondo blanco original.

Add the robot

Paso 2

Para aprovechar al máximo esta imagen, necesitamos cortarla.

Aún vamos a usar el fondo con degradado oscuro y el piso plano, así que solo tenemos que separar el robot en una Nueva capa.

Usa la Herramienta lazo poligonal (L) para hacer una selección alrededor del robot. Esta bien si la selección es imperfecta. Una vez que esté seleccionado, mantén presionadas las teclas Control-J para crear un nuevo Duplicado en una Nueva capa.

cut out the robot

Paso 3

Ahora agrega la ciudad.

Copia y Pega la foto de stock de la ciudad en una Nueva capa arriba de la capa del robot original. Utiliza la Herramienta transformación libre (Control-T) para redimensionar la imagen de la ciudad y rellenar el fondo.

Pero asegúrate de que la parte inferior del piso de la foto de stock del robot ¡aún esté visible!

Add the city stock

Paso 4

¡A continuación agreguemos a la modelo!

Copia y Pega la fotografía de stock de la modelo en una Nueva capa arriba de la copia del robot (Capa 2).

Add the model
  1. Redimensiona la imagen (Control-T) para rellenar el documento como se muestra.
  2. Luego añade una Máscara de capa a la modelo y usa un Pincel circular definido (100% Dureza, 100% Opacidad) para pintar de negro en la máscara hasta que se elimine todo el fondo.
  3. Haz clic derecho en la Máscara de capa para Aplicar máscara cuando termines. Luego renombra la capa "Model".

Paso 5

Para más estilo, agreguemos los lentes y la armadura.

Descarga este ángulo de la fotografía de stock 3D de lentes de sol. (Siéntete libre de usar tu propia foto, o solo omite los lentes por completo).

Copia y Pega los lentes en una Nueva capa arriba de la capa Model. Redimensiona (Control-T) los lentes para que se ajusten mejor al rostro de la modelo.

Add the glasses

Ahora añade la armadura.

Usa la Herramienta lazo poligonal (L) para seleccionar esta áreas resaltadas una a la vez de la foto de stock de la armadura.

Add the armor

Paso 6

Copia y Pega cada pieza en una Nueva capa y colócalas en la modelo. Usa la Herramienta borrador (E) para eliminar cualquier área que no quieras que se vea. Una vez que estén colocadas, Combina todas las capas de la armadura.

Para un poco de longitud adicional en su cabello, ¡añade algunas extensiones a la cola de caballo!

Lengthen the hair

Simplemente selecciona la cola de caballo con la Herramienta lazo poligonal (L). Cópiala y pégala en una Nueva capa, y luego usa la Herramienta Transformación libre (Control-T) para hacer más largo el cabello.

Borra cualquier área que no necesites antes de Combinar la capa con la capa Model original.

Paso 7

Lo siguiente que agregaremos es el parche de la tierra.

Vamos a aplicar este a su atuendo para añadirlo a la historia visual. Crear un parche bordado de manera rápida ayudará a cubrir la flor roja mostrada en el pecho de la modelo, la cual causa un poco de distracción.

Abre la foto de stock de la tierra en Photoshop.

Create the earth patch

Luego ve a Filtro > Galería de filtros.

Selecciona Trazos pastel y añade los siguientes valores:

  • Longitud de trazo: 6
  • Detalle de trazo: 6
  • Escala: 100%
  • Relieve: 20

Cuando termines, Copia y Pega el parche de la tierra en una Nueva capa arriba de la modelo. Usa la Herramienta transformación libre (Control-T) para cambiar la perspectiva para que quede en el pecho.

Add the patch and stroke

Luego haz clic derecho en la capa del parche y ve a Opciones de fusión. Agrega un Trazo azul #031030 con las opciones mostradas arriba.

Aquí está el resultado hasta ahora.

Paso 8

La última pieza de este rompecabezas es la luna.

Copia y pega una selección de la foto de stock de la luna en una Nueva capa arriba de las otras.

Add the moon

Agrega una Máscara de capa a la capa y usa un Pincel circular difuso (Dureza 0%, Opacidad 100%) para desenmascarar los bordes desprolijos de la imagen.

Así luce la composición hasta ahora.

Composition result

2. Cómo crear profundidad de campo

Ahora que tenemos todos los elementos en su lugar, podemos continuar para crear profundidad de campo.

La profundidad de campo nos dará esa apariencia realista al asegurar que los objetos se vean más desenfocados al alejarse

Paso 1

Comienza con el robot.

Selecciona la copia del robot (Capa 2) y presiona las teclas Control-J para crear otro Duplicado. Oculta temporalmente la copia y luego aplica Filtro > Desenfocar > Desenfoque gaussiano. Añade un Radio de 5 pixeles y pulsa OK.

Blur the robot

Esta segunda copia del robot ayudará a recuperar algunos de los detalles.

Muestra la copia del robot (Capa 2 copia) y da clic derecho para establecerla como una Máscara de recorte con la Capa 2. Ahora disminuye la Opacidad a 50%. Ahora que el robot se muestra mucho más claro, con la herramienta borrador borra cualquier área que prefieras siga desenfocada.

Mask the robot

También puedes tomar este momento para perfeccionar el robot original. Añade una máscara de capa para desenmascarar cualquier parte restante que se muestre arriba de la ciudad.

Paso 2

Dirígete a la capa City (ciudad).

Selecciona la capa y ve a Filtro > Desenfocar > Desenfoque gaussiano. Añade un Radio de 6 pixeles y pulsa OK.

Blur the city

Paso 3

Por último, desenfocaremos la luna.

Selecciona la capa y cambia el Modo de fusión de la capa a Trama. Luego aplica Filtro > Desenfocar > Desenfoque gaussiano. Añade un Radio de 4 pixeles y pulsa OK.

Blur the moon

3. Cómo ajustar la luz

Para hacer más realista esta escena, necesitaremos ajustar la luz de manera drástica si queremos una hermosa escena nocturna.

Trata de no distraerte por los cambios de color; por ahora solo nos enfocaremos en los valores del sombreado.

Paso 1

Comencemos con el fondo.

Crea una Nueva capa debajo de la copia del robot (Capa 2) y rellénala de azul #111146 usando la Herramienta bote de pintura (G).

Establece el Modo de fusión de la capa en Diferencia.

Add a difference layer

Paso 2

Crea otra Nueva capa, esta vez debajo de la capa azul.

Usa un Pincel circular difuso (Dureza 0%, Opacidad 70-80%) para pintar de un tono verdoso oscuro #020811 en la parte inferior del piso. Permite que aparezca un poco de luz debajo del pie derecho del robot.

Establece el Modo de fusión de capa en Multiplicar.

Make the ground darker

Paso 3

Ajustemos el robot.

Crea otra Nueva capa, establécela como una Máscara de recorte con respecto a la copia del robot (Capa 2).

Establece el Modo de fusión de la capa en Multiplicar y usa un Pincel circular difuso para pintar de azul oscuro #151b31 por todo el lado izquierdo del robot y café #38150c hacia la parte superior.

¡También asegúrate de alcanzar esas hendiduras!

Nuestra fuente de luz llega desde la derecha, así que asegúrate de que la mayor parte del robot esté sombreada detras de la modelo.

Shade the robot

Para hacer el robot todavía más oscuro, agrega una Capa de ajuste.

Establece una Nueva capa de ajuste de consulta de colores como una Máscara de recorte con respecto a la copia del robot (Capa 2).

Establece el Archivo 3D LUT en NightFromDay.Cube. Luego establece el Modo de fusión de la capa en Oscurecer y la Opacidad de 65%.

Darken the robot more

Paso 4

Continuemos para oscurecer el fondo.

Crea una Nueva capa arriba de la copia del robot. Esta no debería estar recortada.

Usa la Herramienta degradado (G) para crear un Degradado lineal de azul #131a33 a transparente moviéndose hacia arriba del piso. Establece el Modo de fusión de la capa en Diferencia y la Opacidad en 78%.

Darken the background

Paso 5

¡Ilumina la ciudad!

Crea una Nueva capa debajo de las capas Verde ozcuro y Azul.

Usa un Pincel circular difuso (Dureza 0%, Opacidad 70%) para pintar de amarillo #e0e0ad en las luces de la ciudad. Establece el Modo de fusión de la capa en Superponer y la Opacidad en 61%.

Light the city

Paso 6

Ahora vamos a sombrear a la modelo.

Crea una Nueva capa y establécela como una Máscara de recorte con respecto a la modelo. Establece el Modo de fusión de la capa en Multiplicar y usa un azul oscuro #0e1328 para pintar una sombre suave en la modelo con un Pincel circular difuso.

Paint shadow on the model

Necesitaremos colorear/oscurecer los lentes por separado.

Crea una Nueva capa arriba de la capa Glasses (lentes) y establécela como una Máscara de recorte con respecto a los lentes. Usa un Pincel circular definido para pintar de azul #0a206c por todos los lentes, y luego establece el Modo de fusión de la capa en Oscurecer.

Color the glasses

Paso 7

Tómate este momento para limpiar cualquier área o añadir detalles extra con un Pincel circular definido.

Aquí he agregado una varilla (con iluminaciones) para los lentes, una barra rectangular en su camisa y pintado la varilla original que cubre su ojo. Solo usa la Herramienta cuentagotas (I) para tomar muestras de los colores de estas áreas para añadir estos detalles en una Nueva capa.

Add more details

4.Cómo finalizar la manipulación

¡Magnífico trabajo hasta ahora!

Así se ve la composición actualmente.

current composition

Para las etapas finales de esta manipulación, todo lo que necesitamos hacer es añadir un poco más de luz y modificar los colores finales con Capas de ajuste.

¡Hagámoslo!

Paso 1

Oculta temporalmente las capa details (detalles).

Crea una Nueva capa de ajuste de Curvas arriba de la capa Model. Establece las curvas como las que se muestran a continuación para los canales RGB y azul. Esto hará toda la escena un poco más oscura.

Add a curves adjustment

Paso 2

¡Ahora ilumina la armadura y el robot!

Crea una Nueva capa arriba del resto. Usa un verde pálido #b6d6be para pintar luz en la armadura y en el robot con un Pincel circular difuso (Dureza 0%, Opacidad 50%).

Luego establece el Modo de fusión de capa en Luz intensa.

Asegúrate de que alguna luz se refleje en la piel, el cabello y el atuendo de la modelo.

Add light to the girl and robot

Paso 3

Para más estilo, añade un color de labios chocante.

Muestra la capa details. Crea una Nueva capa establécela en Multiplicar. Pinta de azul #283d89 en los labios de la modelo ¡para un aspecto elegante e intenso!

Add a blue lipstick

Paso 4

Sigue para modificar la luz. ¡Agrega una rápida viñeta!

Crea una Nueva capa y establlécela en Luz suave. Usa la Herramienta Degradado (G) para crear un Degradado radial de azul #010228 a transparente, asegurándote de que esté marcada la opción Invertir.

Disminuye la Opacidad de la capa a 50%.

Add a vignette

Paso 5

¡Ya casi!

Ahora ajusta el esquema de color con una Nueva capa de ajuste de Niveles arriba del resto. Establece los valores para los canales RGB, rojo y azul a los siguientes:

Add a levels adjustment

Aquí está el resultado.

Result after levels

Paso 6

¡Ahora hagamos esta composición blanco y negro!

Debido a que los colores en cada fotografía de stock son tan diferentes, esto termina siendo una opción mucho mejor que dejarla en color. ¡Pero siéntete libre para experimentar!

Crea una Nueva capa de ajuste o Mapa de degradado arriba del resto. Añade un Degradado lineal de negro a blanco y luego establece el Modo de fusión de la capa en Color.

Add a gradient map adjustment

Paso 7

Para un tono ligeramente azul, rellena una Nueva capa de azul #00183b arriba del resto, usando la Herramienta bote de pintura (G).

Luego establece el Modo de fusión de la capa en Aclarar y la Opacidad en 15%.

Add a blue hue

Paso 8

¡Momento para las iluminaciones!

Para este último paso, todo lo que necesitamos hacer es usar un Pincel circular definido con extremo puntiagudo para pintar iluminaciones blancas nítidas alrededor de la escena. Haz esto en una última Nueva capa.

Asegúrate de que las iluminaciones reflejen tanto la luna como la ciudad como fuentes potenciales de luz.

Add highlights

¡Se acabó! ¡Consulta en seguida el resultado final!

¡Todo terminado! ¡Increíble trabajo!

Diviértete realizando tus propias manipulaciones de ciencia ficción usando recursos de stock gratuitos y en 3D. En este tutorial no solo pudimos crear toda una escena desde cero, sino también la hicimos lucir ¡como si fuera sacada de una película!

¡Espero que hayas disfrutado de este tutorial! ¿Qué tal te fue? Comparte tus comentarios y resultados a continuación.

Para más tutoriales de manipulación fotográfica como esta, consulta estos enlaces:

Sci Fi Photo Manipulation Photoshop Tutorial by Melody Nieves
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.