Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo usar Photoshop para manipular fotos y crear un cyborg

Scroll to top
Read Time: 13 min
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 Ana Paulina Figueroa (you can also view the original English article)

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

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

Aprende cómo manipular fotos para crear geniales imágenes de cyborgs con este tutorial de Photoshop. Te mostraré cómo usar técnicas como la separación de frecuencias para eliminar imperfecciones de la piel ¡antes de dar vida a nuestras fotos de cyborg!

Encuentra más increíbles fuentes de inspiración para crear diseños de ciencia ficción en GraphicRiver. Y quizá también quieras consultar nuestro curso gratuito sobre composición en Photoshop. Daniel White te muestra cómo manipular fotos para crear una escena con un robot en un ambiente post-apocalíptico a través de una serie de videos detallados. O también puedes aprender los conceptos básicos de la manipulación de imágenes en Photoshop con Abbey Esparza.

Recursos de este tutorial de Photoshop

Para la producción del tutorial de Photoshop que veremos hoy, se utilizaron los siguientes recursos:

1. Cómo encontrar inspiración para la manipulación de imágenes

Para lograr una calidad excepcional, toda manipulación de imágenes en Photoshop requiere que tengas una colección de buenas fotografías de stock a la mano, además de un poco de arte que sirva como inspiración y referencia. Para esta foto de cyborg de Photoshop, me inspiré en el popular estilo de manipulación de imágenes que podemos ver en el trabajo de artistas como Michael Oswald.

Así que, para crear nuestra imagen de cyborg en Photoshop, debemos tener en cuenta algunos detalles importantes:

  • Los cyborgs tienen claros rasgos humanos...
  • ... aunque, por lo general, sus cuerpos están compuestos por varios componentes biónicos.
  • Estos integran tecnología moderna en su diseño.
  • Pueden ser de cualquier raza.
  • Y, en ocasiones, se apoderan del mundo. Fácil, ¿verdad?

Piensa cuidadosamente sobre las fotografías de stock que vas a elegir para hacer tu manipulación de imágenes en Photoshop. Como nuestro elemento protagónico, yo he elegido esta imagen de stock de una mujer. Si bien esa imagen ya no está disponible, puedes encontrar muchas otras increíbles fotografías de stock similares a esta en Envato Market.

Fotografía de photodune de referencia para crear imágenes de cyborgFotografía de photodune de referencia para crear imágenes de cyborgFotografía de photodune de referencia para crear imágenes de cyborg

La razón por la que elegí esta foto de stock es debido a la intensa mirada de la mujer. Así que, para crear tus imágenes de cyborg en Photoshop, intenta encontrar fotografías que proyecten un lenguaje corporal dominante que puedas manipular fácilmente más adelante. La fotografía de belleza y glamour funciona muy bien para esto, aunque es posible que tengas que lidiar con ediciones simples posteriormente (como quitar crema para la piel de un rostro).

2. Cómo usar Photoshop para retocar tu foto

Los cyborgs que conocemos por las películas tienen una piel suave y de apariencia perfecta, probablemente porque están hechos de metales u otros materiales avanzados. Así que, para lograr este aspecto en la fotografía, vamos a recurrir a la técnica de Separación de frecuencias.

Paso 1

Abre tu imagen de referencia en Photoshop, cambiando el valor de dpi a 300. Crear un Nuevo grupo llamado Retoque. Presiona Control-J para Duplicar tu referencia y coloca la copia en el grupo.

Crea un nuevo grupo como primer paso para hacer tus fotos de cyborgCrea un nuevo grupo como primer paso para hacer tus fotos de cyborgCrea un nuevo grupo como primer paso para hacer tus fotos de cyborg

Paso 2

Antes de suavizar la piel de la mujer para nuestra foto de cyborg, tendremos que quitar de su cara los puntos blancos de crema para la piel. Por lo tanto, selecciona la herramienta Lazo poligonal (L) y crea una selección en el lado izquierdo de su cara.

Selecciona la piel con la herramienta Lazo poligonal (L)Selecciona la piel con la herramienta Lazo poligonal (L)Selecciona la piel con la herramienta Lazo poligonal (L)

Copia y pega esa selección en una Nueva capa y Voltéala yendo a Edición > Transformar > Voltear horizontal. Coloca la copia de la piel sobre los puntos blancos y utiliza la herramienta Borrador (E) para borrar cualquier orilla irregular.

Cubre la crema con una copia de la pielCubre la crema con una copia de la pielCubre la crema con una copia de la piel

Fusiona las capas. Limpia la piel con la herramienta Tampón de clonar (S). Primero selecciona la herramienta, mantén presionada la tecla Alt para copiar un fragmento de la piel y luego usa lo que copiaste con una Opacidad de entre 30-50% para mezclarlo con la otra área de piel. Más adelante veremos cómo usar Photoshop para limpiar cualquier otra imperfección.

Rostro después de ocultar la crema facialRostro después de ocultar la crema facialRostro después de ocultar la crema facial

Paso 3

Ahora hablemos sobre la Separación de frecuencias. Aprende más sobre esa técnica consultando este tutorial de Photoshop: Uso de la separación de frecuencias para retocar piel.

Presiona Control-J para Duplicar la foto de stock modificada. Asigna el nombre Alta frecuencia a la capa superior y el nombre Baja frecuencia a la capa inferior. Desactiva la visibilidad de la capa Alta frecuencia y, a continuación, selecciona la capa Baja frecuencia, ve a Filtro > Desenfocar > Desenfoque gaussiano y configura el Radio con cualquier valor que difumine los detalles de tu retrato. Aquí, configuré el mío en 7.

Difumina una imagen para usar la separación de frecuencias al manipular fotosDifumina una imagen para usar la separación de frecuencias al manipular fotosDifumina una imagen para usar la separación de frecuencias al manipular fotos

Activa la visibilidad para la capa de Alta frecuencia. Teniendo seleccionada esta capa, ve a Imagen > Aplicar imagen y realiza la siguiente configuración:

Configura una foto para usar la separación de frecuencias en una manipulación de imágenesConfigura una foto para usar la separación de frecuencias en una manipulación de imágenesConfigura una foto para usar la separación de frecuencias en una manipulación de imágenes

Asegúrate de que la Fusión esté configurada en Restar y que la Capa esté configurada en Baja frecuencia. Luego escribe los números anteriores para la Escala y el Desplazamiento. Después de presionar OK, configura el Modo de fusión de capa para la capa de Baja frecuencia en Luz lineal.

Capas de separación de frecuencias, útiles para la manipulación de imágenes en PhotoshopCapas de separación de frecuencias, útiles para la manipulación de imágenes en PhotoshopCapas de separación de frecuencias, útiles para la manipulación de imágenes en Photoshop

Paso 4

Lo que hicimos es separar la textura (Alta frecuencia) de los tonos y colores (Baja frecuencia). Ahora podemos retocar la piel para que se vea más lisa.

Teniendo seleccionada la capa de Alta frecuencia, haz clic en la herramienta Lazo poligonal (L) y crea una selección de la piel, asegurándote de que el valor de Desvanecimiento de la selección esté configurado en 25-30. Ve a Filtro > Desenfocar > Desenfoque gaussiano y difuminar la piel. Sigue haciendo esto a lo largo del rostro, cambiando el Radio cada vez dependiendo de qué tanto quieras suavizar la piel y disminuir la apariencia de los poros.

Fusiona las capas de frecuencia cuando hayas terminado.

Prepara un retrato difuminando la piel para crear una imagen de cyborg en PhotoshopPrepara un retrato difuminando la piel para crear una imagen de cyborg en PhotoshopPrepara un retrato difuminando la piel para crear una imagen de cyborg en Photoshop

Aquí está la modelo con una piel mucho más suave. Continuaremos haciendo ajustes a medida que avanzamos.

Resultado de la separación de frecuenciasResultado de la separación de frecuenciasResultado de la separación de frecuencias

3. Cómo crear el boceto para la imagen de cyborg

Paso 1

¡Ahora veamos cómo usar Photoshop para crear un boceto! Es importante tener en cuenta que necesitarás una tableta gráfica, ya que más adelante emplearemos algunas técnicas importantes de dibujo y pintura digital.

Selecciona la herramienta Pincel (B) y utiliza un Pincel redondo duro con presión para opacidad para comenzar a dibujar los detalles de nuestro cyborg en Photoshop. Mantén el Flujo y la Opacidad ajustados en un valor del 100%, pero asegúrate de que la opción de Presión del pincel para Opacidad esté marcada.

Configuraciones de un pincel redondo para dibujar los detalles de un cyborg en PhotoshopConfiguraciones de un pincel redondo para dibujar los detalles de un cyborg en PhotoshopConfiguraciones de un pincel redondo para dibujar los detalles de un cyborg en Photoshop

Traza líneas grises simples sobre la modelo, indicando las áreas en las que quieras dividirla en sus componentes robóticos. Trata de ser consciente de la manera en la que el cuerpo humano se relaciona con ciertas de sus partes al moverse o cuando se conectan entre sí.

Estudia otras imágenes de cyborg o busca robots para obtener indicadores de dónde podría ser buena idea colocar estas líneas.

Dibuja un boceto sobre la referencia para crear tu foto de cyborg en PhotoshopDibuja un boceto sobre la referencia para crear tu foto de cyborg en PhotoshopDibuja un boceto sobre la referencia para crear tu foto de cyborg en Photoshop

Paso 2

Cambia a un pincel mucho más duro con una Opacidad y Dureza del 100%. Comenzando con la cara y la mano, traza esas líneas para que tengan una apariencia mucho más nítida.

Crea líneas y detalles más limpios para crear una buena imagen de cyborgCrea líneas y detalles más limpios para crear una buena imagen de cyborgCrea líneas y detalles más limpios para crear una buena imagen de cyborg

Sigue adelante trazando algunas de esas líneas más gruesas. Aquí es cuando comenzamos a desarrollar completamente la imagen de nuestra modelo para que se vea como un robot real.

Oscurece las líneas para crear una apariencia de robotOscurece las líneas para crear una apariencia de robotOscurece las líneas para crear una apariencia de robot

Las manos y el cuello, por ejemplo, tienen componentes pintados de negro para representar los espacios necesarios para esas piezas móviles. Intenta comprender las posibles funciones de tus detalles para obtener un resultado más creíble.

Acercamiento de los detalles de la mano de un cyborg de PhotoshopAcercamiento de los detalles de la mano de un cyborg de PhotoshopAcercamiento de los detalles de la mano de un cyborg de Photoshop

Utiliza la herramienta Borrador (E) para borrar las partes del boceto gris que aún pueden verse debajo de las líneas nítidas. Concéntrate en crear líneas extremadamente limpias lo mejor que puedas porque, después de todo, esta es una máquina.

Para crear una expresión con apariencia más robótica, rellena los ojos con un poco de negro también, utilizando la herramienta Pincel (B).

Así es como se ve nuestra foto de cyborg en Photoshop hasta ahora. Pasemos a la escena de fondo.

Progreso de la foto de cyborg en Photoshop con líneas negras nítidasProgreso de la foto de cyborg en Photoshop con líneas negras nítidasProgreso de la foto de cyborg en Photoshop con líneas negras nítidas

4. Cómo usar Photoshop para crear el fondo de nuestra foto de cyborg

Paso 1

Utiliza la herramienta Varita mágica (W) para seleccionar el fondo blanco de la imagen original y presiona la tecla Suprimir en tu teclado para eliminarlo.

Elimina el fondo blanco para la manipulación de imágenes en PhotoshopElimina el fondo blanco para la manipulación de imágenes en PhotoshopElimina el fondo blanco para la manipulación de imágenes en Photoshop

Luego Copia y Pega tu Textura metálica en una Nueva capa debajo de la capa de la mujer. Ajusta la posición para que la parte circular quede detrás de la cabeza de la modelo.

Teniendo seleccionada la textura, ve a Filtro > Desenfocar > Desenfoque gaussiano y desenfoca el fondo con un Radio de 5 píxeles.

Desenfoca el fondo metálicoDesenfoca el fondo metálicoDesenfoca el fondo metálico

Paso 2

Copia y Pega la imagen del Circuito eléctrico en una Nueva capa. Ajusta su posición de manera que las líneas fluyan por detrás de la cabeza de la modelo y establece el Modo de fusión de capa en Superposición.

Al igual que como lo hicimos anteriormente, difumina la imagen del circuito yendo a Filtro > Desenfocar > Desenfoque gaussiano, con un Radio de 5 píxeles.

Agrega la imagen de circuito eléctrico como fondo para tu foto de cyborgAgrega la imagen de circuito eléctrico como fondo para tu foto de cyborgAgrega la imagen de circuito eléctrico como fondo para tu foto de cyborg

5. Cómo añadir detalles y color a la imagen de cyborg en Photoshop

Paso 1

La manipulación de imágenes en Photoshop requiere coherencia y, para lograr una apariencia más coherente en nuestra foto de cyborg, vamos a cambiar el color del pelo rubio de la modelo. Crea una Nueva capa y selecciona la herramienta Pincel (B). Configura la Dureza con un valor entre 50-80% y comienza a pintar de negro todo el cabello con el mismo pincel que has estado usando. Configura el Modo de fusión de capa en Subexponer color y ajusta la Opacidad a un 87%.

Pinta el pelo con un color más oscuroPinta el pelo con un color más oscuroPinta el pelo con un color más oscuro

Paso 2

Trabajemos en la piel nuevamente. Crea una Nueva Capa y usa un Pincel redondo suave con una Opacidad de entre 30-50% más una Dureza del 0% para suavizar la piel de la modelo con más color. Mantén presionada la tecla Alt sobre su piel para establecer ese color como tu Color de primer plano, y luego comienza a pintar con él en las áreas cercanas.

Sigue haciendo esto con el resto de su cara y cuerpo. Imagina que su piel está hecha de materiales duros y reflectantes. Intenta lograr que su piel se vea lo más suave posible sin perder demasiados detalles.

Pinta la piel para lograr un efecto de mayor suavidadPinta la piel para lograr un efecto de mayor suavidadPinta la piel para lograr un efecto de mayor suavidad

Paso 3

Incorpora más tecnología. Utiliza la herramienta Lazo poligonal (L) para recortar el Puerto USB de la referencia. Pégalo en el lienzo de una Nueva Capa y crea dos copias más. Coloca cada puerto uno al lado del otro y Fusiona las capas.

Agrega los puertos USB a la imagen de cyborg de PhotoshopAgrega los puertos USB a la imagen de cyborg de PhotoshopAgrega los puertos USB a la imagen de cyborg de Photoshop

Paso 4

¡Agreguemos color! Añade una Nueva capa de ajuste de Consulta de colores por encima de todas las demás capas. Configura el Archivo 3DLUT con el valor Crisp_Winter.look.

Añade una Capa de ajuste de consulta de coloresAñade una Capa de ajuste de consulta de coloresAñade una Capa de ajuste de consulta de colores

A continuación, agrega una Capa de ajuste de niveles y usa la siguiente configuración para ajustar los canales RGB y Azul, con el fin de intensificar la iluminación y dar un tinte azul a la escena.

Añade una capa de ajuste de niveles para dar un tinte azul a la foto de cyborg en PhotoshopAñade una capa de ajuste de niveles para dar un tinte azul a la foto de cyborg en PhotoshopAñade una capa de ajuste de niveles para dar un tinte azul a la foto de cyborg en Photoshop

Agrega otra Capa de ajuste de consulta de color. Esta vez configura el Archivo 3DLUT en Crisp_Warm.look. Colócala encima de la capa Niveles para lograr un mayor contraste. Reduce la Opacidad al 70% y configura el Modo de fusión en Oscurecer.

Este tutorial de Photoshop sobre cómo manipular fotos se está poniendo bastante intenso.

Agrega otra capa de ajuste de consulta de color a tu imagen de cyborgAgrega otra capa de ajuste de consulta de color a tu imagen de cyborgAgrega otra capa de ajuste de consulta de color a tu imagen de cyborg

Paso 5

Utiliza la herramienta Marco rectangular (M) para seleccionar un área de la imagen de stock de Piedra preciosa azul y Pégala en una Nueva capa. Coloca la piedra sobre el triángulo y en la frente de la modelo. Agrega una Máscara de capa a la capa de piedra preciosa y pinta de negro en ella para darle una forma triangular.

Agrega la imagen de piedra preciosa azul a tu manipulación de fotoAgrega la imagen de piedra preciosa azul a tu manipulación de fotoAgrega la imagen de piedra preciosa azul a tu manipulación de foto

Configura una Nueva capa como una Máscara de recorte aplicada a la piedra. Usa un color azul oscuro #00197a para pintar una sombra interior a lo largo de los bordes del triángulo.

Agrega una sombra a la piedra triangularAgrega una sombra a la piedra triangularAgrega una sombra a la piedra triangular

Paso 6

Rellena el resto de los detalles metálicos con un color sólido. Ahora que estás aprendiendo cómo manipular fotos para crear imágenes de cyborg en Photoshop, no dudes en experimentar con los colores que más te gusten y crear fotos de cyborg con diferentes estilos.

Rellena los detalles metálicosRellena los detalles metálicosRellena los detalles metálicos

6. Cómo terminar la manipulación de imágenes en Photoshop y crear un cyborg

Paso 1

Para la siguiente serie de pasos se requiere pintar mucho, por lo que el uso de una tableta gráfica es necesario. Usa Nuevas capas para crear luces y sombras. 

Comparación de diferentes fotos de cyborg al agregar luces y sombrasComparación de diferentes fotos de cyborg al agregar luces y sombrasComparación de diferentes fotos de cyborg al agregar luces y sombras
Aquí puedes ver una comparación de diferentes fotos de cyborg, una al lado de la otra, que fueron creadas al agregar luces y sombras.

Paso 2

Comienza utilizando un Pincel redondo duro con una Opacidad de entre 80-100% para que los detalles se vean más nítidos.

Pinta detalles más nítidos en la imagen de cyborgPinta detalles más nítidos en la imagen de cyborgPinta detalles más nítidos en la imagen de cyborg

Observa que he añadido luces de color marrón claro #ece6f0 alrededor de los componentes robóticos negros. Esto ayudará a darles más volumen y brillo. Continúa trabajando en el sombreado de tu imagen de cyborg en Photoshop, prestando atención a los bordes de la superficie de la piel.

Pinta tonos de piel más oscuros, #6a4f65 particularmente dentro de los espacios oscuros de los dedos de nuestro cyborg, para que parezca como si el material utilizado para crearlo tuviera un grosor real. Sigue utilizando este efecto en el resto del cuerpo, especialmente en el pecho y el brazo.

Pinta las luces y sombras en la mano del cyborgPinta las luces y sombras en la mano del cyborgPinta las luces y sombras en la mano del cyborg

Paso 3

Dale más personalidad a tu cyborg de Photoshop con detalles únicos. Por ejemplo, piensa cómo usar Photoshop para crear tornillos para su frente. También puedes hacer que la gema tenga un aspecto en 3D más realista, e incluso dibujar los símbolos para los puertos USB.

Da más personalidad a tu cyborg de Photoshop añadiendo más detallesDa más personalidad a tu cyborg de Photoshop añadiendo más detallesDa más personalidad a tu cyborg de Photoshop añadiendo más detalles

Paso 4

Añade una Nueva capa de ajuste de Curvas. Ajusta las curvas de los canales RGB y Azul para aumentar la intensidad de la iluminación.

Agrega una capa de ajuste de curvasAgrega una capa de ajuste de curvasAgrega una capa de ajuste de curvas

Agreguemos un poco de calidez. Continúa con una Capa de ajuste de consulta de colores. Configura el Archivo 3DLUT en FallColors.look y reduce la Opacidad a un 25%.

Agrega más calidez a tu foto de cyborg con una capa de ajuste de consulta de coloresAgrega más calidez a tu foto de cyborg con una capa de ajuste de consulta de coloresAgrega más calidez a tu foto de cyborg con una capa de ajuste de consulta de colores

Paso 5

Termina la manipulación enfocándote de nuevo en los detalles. Corrige las áreas del cuello y la clavícula de nuestra imagen de cyborg para darles más volumen.

Corrige las áreas del cuello y la clavícula de la imagen de cyborgCorrige las áreas del cuello y la clavícula de la imagen de cyborgCorrige las áreas del cuello y la clavícula de la imagen de cyborg

Cambia a un Pincel redondo duro con una Dureza del 100% para limpiar los bordes de tu manipulación de imágenes en Photoshop.

Yo retoqué los detalles robóticos que se encuentran en los espacios negros del cuello y los dedos. A veces, al pensar cómo manipular fotos puedes inventar componentes así, siempre y cuando tengan sentido en general.

Limpia los bordes con un pincel redondo duroLimpia los bordes con un pincel redondo duroLimpia los bordes con un pincel redondo duro

Paso 6

Termina con una capa más de luces. Configura una Nueva capa en modo de Superposición y usa un color rosa claro #cfc0e1 para pintar luces suaves en su pecho, hombros y mano. Las flechas indican las zonas que se modificaron más.

Agrega una última capa de lucesAgrega una última capa de lucesAgrega una última capa de luces

¡Echa un vistazo al resultado final abajo!

¡Felicidades! ¡Lo lograste!

Este tutorial de Photoshop sobre cómo manipular fotos ¡requiere que pongas a prueba todos tus conocimientos! Al incorporar el retoque fotográfico, la manipulación de imágenes y, finalmente, técnicas de pintura digital, puedes crear una imagen de cyborg humano increíblemente realista.

La clave de este proyecto es mantener la paciencia, para que puedas afinar los resultados tanto como sea posible. Haz que tus líneas se vean extremadamente nítidas, para que la mujer parezca más máquina que humana.

Espero que hayas disfrutado de este tutorial sobre cómo usar Photoshop. No dudes en hacerme preguntas escribiéndolas en los comentarios, y publica tus resultados sin importar tu nivel de habilidad.

Comienza más emocionantes manipulaciones de imágenes en Photoshop, como la de este proyecto, echando un vistazo a algunos de mis otros tutoriales de Photoshop que se muestran a continuación:

Resultado final del tutorial de Photoshop de manipulación de imágenes para crear fotos de cyborg, creado por Melody NievesResultado final del tutorial de Photoshop de manipulación de imágenes para crear fotos de cyborg, creado por Melody NievesResultado final del tutorial de Photoshop de manipulación de imágenes para crear fotos de cyborg, creado por Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.