Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)
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:
- Imagen de stock con una mujer (este recurso ya no está disponible pero, en su lugar, puedes probar con esta imagen de stock de una modelo)
- Circuito eléctrico
- Textura metálica
- Imagen de stock de un puerto USB
- Piedra preciosa de color azul
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.
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.
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.
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.
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.
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.
Activa la visibilidad para la capa de Alta frecuencia. Teniendo seleccionada esta capa, ve a Imagen > Aplicar imagen y realiza la siguiente configuración:
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.
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.
Aquí está la modelo con una piel mucho más suave. Continuaremos haciendo ajustes a medida que avanzamos.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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%.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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%.
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.
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.
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.
¡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:
By
