Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo Crear Una Manipulación de una Foto de Cyborg Humano en Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Science Week.
How to Draw a T-Rex Dinosaur
How to Create a Retro Poster With an Astronaut Child in Adobe Illustrator

Spanish (Español) translation by Ricardo Mayén (you can also view the original English article)

Final product image
What You'll Be Creating

El futuro está cerca. ¿Estás listo para un mundo de organismos cibernéticos?

Aprende cómo transformar tus fotos en cyborgs geniales en el tutorial abajo. ¡Te mostraré cómo usar técnicas como la Separación de Frecuencias para remover imperfecciones de piel antes de traer nuestro cyborg a la vida!

Encuentra más inspiración para diseños de ciencia ficción en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos se usaron para la producción de este tutorial:

1. Cómo Encontrar Inspiración

Toda manipulación genial de fotografía necesita una colección de buenos recursos de archivo a la mano así como ciertas referencias inspiradoras de arte. Para este cyborg, me inspuré por el estilo popular de manipulación observado en el trabajo de artistas como Michael Oswald.

Así que para completar nuestro cyborg, necesitaremos tener en mente ciertos detalles:

  • Los cyborgs tienen claras características humanas...
  • ...aunque sus cuerpos usualmente se separan en varios componentes bionicos.
  • Integrarán tecnología moderna en su diseño.
  • Pueden ser de cualquier raza.
  • Y algunas veces conquistan el mundo. ¿Simple, verdad?

Sé decidido en tus elecciones de archivo. Para nuestro tema he elegido esta Mujer de Archivo. Aunque la imagen ya no está disponible, puedes encontrar muchos recursos de archivos como este en el Envato Market.

Cyborg reference from photodune

La razón por la cual seleccioné este recurso de archivo es debido a la intensa mirada de la mujer. Así que intenta encontrar imágenes con lenguaje corporal imponente que puedas manipular a la larga. La fotografía de belleza y glamour funciona genial para esto, aunque puede que tengas que lidiar con ediciones simples posteriormente (como remover la crema de piel de su cara)

2. Cómo Retocar Tu Foto

Los cyborgs que conocemos de las películas tienen piel suave de aspecto perfecto, y lo más seguro es que sea porque están hechos de metales u otros materiales avanzados. Así que para lograr este look en la fotografía,  recurriremos a la técnica de Separación de Frecuencia.

Paso 1

Abre tu referencia en Photoshop, cambiando el dpi a 300. Crea un Nuevo Grupo llamado Retoque. Control-J para Duplicar tu referencia, ubicando la copia en el grupo.

Create a New Group

Paso 2

Antes de que alisemos su piel, necesitaremos remover los puntos blancos de crema de piel de su cara. Así que selecciona la Herramienta Poligonal (L) y haz una selección en el lado izquierdo de su cara.

Select the skin with the polygonal lasso tool

Copia y Pega esa selección en una Nueva Capa, y Dale Vuelta a través de Editar>Transformar la Vuelta Horizontal. Coloca la copia de la piel sobre los puntos blancos, usando la Herramienta de Borrador (E) para borrar cualquiera de las orillas ásperas.

Cover the skin cream with skin

Fusiona las capas. Limpia la piel con la Herramienta de Estampar (S). Primero selecciona la herramienta y mantén presionado Alt para extraer la piel, y luego usa la piel extraída en un 30-50% de Opacidad para mezclarla en el área de piel. Limpiaremos cualquier otra imperfección a continuación.

Face After Hiding Skin Cream

Paso 3

Ahora para la Frecuencia de Separación. Aprende más sobre esta técnica en este tutorial: Usando la Separación de Frecuencia para Retocar Pieles.

Presiona Control-J para Duplicar el archivo revisado. Nombra la capa superior Alta Frecuencia y la capa inferior Baja Frecuencia. Apaga la visibilidad de la capa de Alta Frecuencia, y luego selecciona la capa de Baja Frecuencia y ve a Filtro > Difuminar > Difuminado Gaussiano, configurando el Radio a cualquier número que difumine los detalles de tu retrato. Aquí, configuré el mío a 7.

Blur the Portrait with Gaussian Blur - Frequency Separation

Enciende la visibilidad para la capa de Alta Frecuencia. Con esta capa seleccionada, ve a Imagen > Aplicar Imagen e introduce las siguientes configuraciones:

Apply Image Settings - Frequency Separation

Asegúrate que la Mezcla esté configurada a Sustraer y que la Capa esté configurada a Baja Frecuencia. Luego conecta los número arriba para la Balanza y la Compensación. Después que le des OK, configura la Capa de Modo de Mezcla para la capa de Baja Frecuencia a Luz Linear.

Frequency Separation Layers After Apply Image

Paso 4

Lo que hemos hecho es separar la textura (alta frecuencia) de los tonos y colores (baja frecuencia). Ahora podemos retocar la piel para hacerla ver más lisa.

Con la capa de Alta Frecuencia seleccionada, toma la Herramienta de Laso Poligonal (L) y crea una selección de la piel, asegurandote que la Pluma de la selección este configurada a 25-30. Ve a Filtro > Difuminar > Difuminado Gaussiano y difumina la piel. Sigue haciendo esto alrededor de su cara, cambiando el Radio cada vez dependiendo de cuanto quieras suavizar la piel y disminuir la apariencia de los poros.

Fusiona las capas de frecuencia cuando hayas terminado.

Smooth the skin with gaussian blur and frequency separation

Aquí está la modelo con piel mucho más suave. Continuaremos ajustándolo según procedamos.

Frequency separation result

3. Cómo Crear el Boceto del Cyborg

Paso 1

¡Pasemos al boceto! Es importante tomar nota que necesitarás una Tableta Gráfica puesto que estaremos usando posteriormente algunas técnicas digitales de dibujo y pintura importantes.

Selecciona la Herramienta de Brocha (B) y usa una Brocha de Opacidad Dura y Redonda para comenzar a dibujar los detalles de tu cyborg. Manten el Flujo y la Opacidad configurada al 100%, pero asegúrate de que la opción  Presión del Lápiz para la Opacidad esté marcada.

Hard round brush settings

Dibuja líneas grises simples sobre la modelo indicando las áreas donde te gustaría que se observen sus componentes robóticos. Intenta ser consciente de cómo se relaciona el cuerpo humano a ciertas partes móviles o que se conectan con otras.

Estudia otras referencias de cyborgs o busca robots para hallar indicios de dónde podría ser una buena idea colocar estas líneas.

Draw the cyborg sketch over the reference

Paso 2

Pásate a una brocha mucho más dura con una Opacidad y Dureza de 100%. Comenzando con la cara y mano, haz esas líneas mucho más nítidas.

Create Cleaner Lines and Details

Sigue adelante haciendo algunas de esas líneas más gruesas. Aquí es donde comenzamos a transformar a la modelo com un robot de verdad.

Darken the robot lines

Las manos y cuello, por ejemplo, tienen componentes que se pintan de negro para representar los espacios necesarios para esas piezas móviles. Trata de entender las funciones posibles detras de tus detalles para un resultado más creíble.

close up of the hand details

Usa la Herramienta de Borrador (E) para borrar las partes del boceto gris que se siguen viendo por debajo. Concéntrate en crear líneas super limpias como mejor puedas porque después de todo esta es una máquina.

Para crear una expresión más robótica, rellena los ojos con un poco de negro tambien, usando la Herramienta de Brocha (B).

Este es el cyborg hasta ahora. Pasemos a la escena de fondo.

Cyborg progress with crisp black lines

4. Cómo Construir el Fondo del Cyborg

Paso 1

Usa la Herramienta de Varita Mágica (W) para seleccionar el fondo blanco de la referencia original y dale a Borrar en tu teclado para removerlo.

Delete the white background

Luego Copia y Pega tu Textura de Metal en una Nueva Capa debajo de la capa de la mujer. Ajusta la posición de manera que la parte circular encaje detrás de la cabeza de la modelo.

Con la textura seleccionada, ve a Filtro > Difuminar > Difuminado Gaussiano y difumina el fondo con un Radio de 5 píxeles.

Blur the metal background

Paso 2

Copia y Pega el Circuito Eléctrico de Archivo en una Nueva Capa. Ajusta la posición de manera que las líneas fluyan por detrás de su cabeza, y configura la Capa de Modo de Mezcla a Recubrimiento.

Igual que antes, difumina el circuito de archivo yendo a Filtro > Difuminar > Difuminado Gaussiano, con un Radio de 5 píxeles.

Add the Circuit Stock

5. Cómo Agregar Detalles y Color al Cyborg

Paso 1

Para una apariencia más cohesiva, deshagámonos de su cabello rubio. Crea una Nueva Capa y selecciona la Herramienta de Brocha (B). Configura la Dureza a 50-80% y comienza a pintar de negro en todo el cabello usando la misma brocha que antes. Configura la Capa de Modo de Mezcla a Color Quemado y ajusta la Opacidad a 87%.

Paint the hair a darker color

Paso 2

Enfoquémonos en la piel de nuevo. Crea una Nueva Capa y usa una Brocha Suave y Redonda con una Opacidad de 30-50% y 0% de Dureza para suavizar su piel con más color. Manten presionada la tecla Alt sobre su piel para configurar ese color como tu color de Primer Plano, y luego comienza a pintar con el en las áreas cercanas.

Continúa haciendo esto con el resto de su cara y cuerpo. Imagina que su piel está hecha de materiales duros y reflectivos. Trata de hacer su piel tan sedosa como sea posible sin perder demasiados detalles.

Paint the skin for a smoother effect

Paso 3

Incorpora más tecnología. Usa la Herramienta de Laso Poligonal (L) para recortar el puerto USB de su referencia. Pégalo en el lienzo en una Nueva Capa y crea dos copias más. Posiciona cada puerto lado a lado y Mezcla las capas.

Add the usb ports

Paso 4

¡Agreguemos color! Agrega una Nueva Capa de Ajuste de Búsqueda de Color sobre todas tus otras capas. Configura el Archivo 3DLUT en Crisp_Winter.look.

Add a color lookup adjustment layer

A continuación agrega una Capa de Ajuste de Niveles con las siguientes configuraciones para los Canales RGB y Azul para intensificar la iluminación y darle un tinte azul a la escena.

Add a levels adjustment layer

Agrega otra Capa de Búsqueda de Ajuste de Colores. Esta vez configura el Archivo 3DLUT a Crisp_Warm.look. Colócalo sobre la capa de Niveles para mayor contraste. Reduce la Opacidad a 70% y configura el Modo de Mezcla a Oscurecer.

Las cosas se están poniendo bastante intensas.

Add another color lookup adjustment layer

Paso 5

Usa la Herramienta de Marquesina Rectangular (M) para seleccionar un área de la Gema Azul de Archivo y Pégala en una Nueva Capa . Posiciona la piedra sobre el triángulo y en su frente. Agrega una Capa de Máscara a la Capa de la gema y píntala de negro para darle forma de triángulo a la piedra.

Add the gem stock

Configura una Nueva Capa como una Máscara de Recorte a la piedra. Usa un color azul oscuro #00197a para pintar una sombra interna a lo largo de las orillas del triángulo.

Add shadow to the stone

Paso 6

Llena el resto de los detalles metálicos con un color sólido. Siéntete libre de experimentar con los colores que más te gusten.

Fill in the metail details

6. Cómo Terminar la Manipulación del Cyborg

Paso 1

Esta próxima serie de pasos involucra mucha pintura, así que una tableta gráfica es necesaria. Dedica Capas Nuevas para los elementos destacados y las sombras.

Add highlights and shadows
Aquí puedes ver una comparación según el cyborg es resaltado y sombreado.

Paso 2

Comienza usando una Brocha Redonda Dura con una Opacidad de 80-100% para hacer tus detalles más nítidos.

Paint more crisp details

Presta atención al hecho que he agregado iluminaciones café claro #ece6f0 alrededor de los componentes robóticos negros. Esto ayudará a darles más volumen y brillo. Prosigue desarrollando la sombra de tu cyborg prestando atención a las orillas de la superficie de la piel.

Pinta tonos de piel más oscuros, #6a4f65 particularmente dentro de los espacios oscuros de sus dedos, para hacerlos parecer como si hubiera grosor real en el material usado para crearla. Continúa este efecto con el resto del cuerpo, especialmente con su pecho y brazo.

Paint the highlights and shadows on her hand

Paso 3

Agrega más caracter con detalles únicos. Crea tornillos para su frente, haz la gema más 3D, y aún dibuja los símbolos para el puerto USB.

Paint more details

Paso 4

Agrega una Capa Nueva de Ajuste de Curvas. Ajusta las curvas para los Canales RGB y Azules para subir la intensidad de la iluminación.

Add an adjustment layer of curves

Agreguemos un poco de tibieza. Continúa con una Capa de Ajuste de Búsqueda de Color. Configura el Archivo 3DLUT a FallColors.look y reduce la Opacidad a 25%.

Add a color lookup adjustment layer

Paso 5

Concluye tu manipulación profundizando en los detalles. Corrige las áreas del cuello y clavícula para darle más volumen.

Fix the collar bone

Pásate a una Brocha Dura Redonda con 100% de Dureza para limpiar las orillas de tu manipulación.

También llevé a cabo unos retoques en los detalles robóticos encontrados en los espacios negras de su cuello y dedos. Algunas veces puedes incluir componentes así siempre y cuando tengan sentidos en general.

Clean up the edges with a hard brush

Paso 6

Termina con una capa más de resaltado. Configura una Nueva Capa a Recubrimiento y usa un color rosado claro #cfc0e1 para pintar resaltados suaves en su pecho, hombros, y mano. Las flechas indican las áreas que se vieron más afectadas.

Add one last layer of highlight

¡Revisa el resultado final abajo!

Felicidades. ¡Lo Has Logrado!

Este tutorial requiere que pongas a prueba todo tu conocimeinto de Photoshop. Al incorporar retoques de fotos, manipulación de fotos, y finalmente, técnicas de pintura digital puedes crear un cyborg humano increíblemente realista.

La clave para este proyecto es ser paciente de manera que puedas ajustar los resultados tanto como sea posible. Haz tus líneas superfinas de manera que parezca más máquina que humana.

Espero que hayas disfrutado este tutorial. Siéntete en confianza de dejarme cualquier pregunta en los comentarios y postea tus resultados, sin importar tu nivel de habilidad.

Y emprende más manipulaciones excitantes como esta echandole un vistazo a mis otros tutoriales aquí abajo:

Human Cyborg 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.