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

Crear una Manipulación de Foto de Auto Retrato en Adobe Photoshop

Scroll to top

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

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

¡Puedes convertir tus selfies en arte digital! Y trabajar con tus propios retratos es la manera divertida de aprender más acerca de Photoshop.

Ahora, aprenderás a cómo crear esta manipulación de galaxia usando una de mis propias fotos e imágenes gratuitas de Pixabay.

¡Obtén Inspiración! Encuentra más elementos e imágenes increíbles para tus manipulaciones en Envato Market.

Elementos del Tutorial

Los siguientes elementos fueron usados en la producción de este tutorial.

1. ¿Cómo Tomar Fotos para Manipulaciones?

Siempre he querido una manipulación de foro con una de mis propias fotos. Y luego de diez años de trabajar con Photoshop, ¡finalmente lo hice!

My amor general por el espacio me inspiraron para crear esta pieza de arte. Una vez cree una pintura con una vibra similar, así que decidí usarla como inspiración para que me guiara hacia un resultado divertido.

Inspiration for galaxy manipulationInspiration for galaxy manipulationInspiration for galaxy manipulation
¡Esta pintura es una de mis tutoriales! Revisa: Corregir Errores de Color en Photoshop.

Planea con tiempo la sesión de fotos, con qué vas a vestir y qué lado estarás viendo. Nunca me gustaron las imágenes de mi misma en perfil, así que quise ver cómo podría hacerlo.

Para esta toma, usé mi cámara sin espejo Samsung NX3000. Tiene una pantalla LCD muy útil que me permite verme a mi misma en la toma. Siéntete libre de usar tu teléfono para tomar selfies o pide la ayuda de un amigo. Solo asegúrate de que halla suficiente iluminación.

Samsung NX3000Samsung NX3000Samsung NX3000

Tomas muchas fotos para obtener la mejor toma. Usualmente me quedo con mi estilo seguro para las selfies, pero si puedes aprender tus ángulos para tomar fotos y quieres tomar riesgos, puede ayudarte a obtener resultados sorprendentes.

Test shots for manipulationTest shots for manipulationTest shots for manipulation
Estaré usando la foto #2 para la manipulación.

¿Necesitas más ayuda con la fotografía? Mira estos artículo:

Puedes hacer una manipulación de foto desde cero solo usando un concepto general y pocas imágenes gratuitas. Mantén en mente que esto inicialmente fue hecho por diversión, así que siéntete libre de añadir más detalles a tus auto-retratos.

¡Comencemos!

2. ¿Cómo Manipular tus Propias Fotos?

Te estoy dando rienda suelta para que hagas como quieras con mi foto. Te prometo que no tomaré nada personalmente, así que obtén ventaja usándola para cualquier tipo de proyecto.

Esta foto ya ha sido editada para incrementar la claridad y la visibilidad del cabello (y para salvar mi precioso ego). Pero te mostraré cómo hice el cabello más voluminoso para más estilo.

Galaxy referenceGalaxy referenceGalaxy reference

Sabía que quería crear un bollo masivo con estilo, pero no tengo el cabello suficiente para rellenarlo naturalmente. Por eso, aproveché la Herramienta Licuar para este resultado grandioso.

Si estás trabajando en tu propias foto, salta este paso o añade las ediciones que prefieras.

Abre Mi Imagen o la tuya en Photoshop.

Luego, ve a Filtro > Licuar.

Usa una combinación de la Herramienta Inflar (B) y la Herramienta Deformar hacia Adelante (W) para estirar el cabello. Incrementa el Tamaño del Pincel para asegurarte de que sea lo suficientemente ancho para estirar la estructura del bollo.

Continua experimentando con el tamaño del bollo hasta que cerca del tamaño de mi cabeza.

Use Liquify for hair volumeUse Liquify for hair volumeUse Liquify for hair volume

Los estilistas de cabello jalan la parte inferior del cabello para una apariencia más esponjosa.

¡Así que hagamos lo mismo!

Usa la Herramienta Deformar hacia Delante (W) de nuevo para jalar el lado inferior del cabello a la derecha. Balancea la forma para una apariencia natural, o vuélvete loco con un resultado fabuloso.

Gif before and afterGif before and afterGif before and after
Aquí está el antes y después.

¡Ahora a la manipulación!

3. ¿Cómo Añadir las Otras Imágenes?

Paso 1

Crea un Nuevo Documento en Photoshop. Mi documento final está en 1262 x 1410 px.

Las composiciones con forma de cuadrado son grandes para Instagram y más.

Rellena la capa de fondo con Negro, usando la Herramienta Bote de Pintura (B). Luego Copia y Pega la imagen editada en el lienzo. Posiciona hacia el centro.

Add the background and photoAdd the background and photoAdd the background and photo

Paso 2

¡Vamos a borrar el fondo de mi foto!

Añade una Máscara de Capa a la imagen. Selecciónala y pinta de negro sobre la máscara para borrar el fondo usando un Pincel Duro Redondo (pon 100% de Dureza para una suavizado nítido).

Remove the backgroundRemove the backgroundRemove the background

Paso 3

Usa la Herramienta Transformación Libre (Control-T) para disminuir el tamaño de la foto. Ponla de modo que esté flotando en el centro del espacio negro.

Continua modificando la forma de la máscara.

Borra la mayoría de la parte inferior y borra todos los bordes alrededor del cabello y del cuerpo.

Continue masking the photoContinue masking the photoContinue masking the photo

¿Recuerdas la referencia de antes? Voy por la misma vibra del "retrato de bus". Una forma abstracta como esta nos ayudará a flotar en el espacio más efectivamente.

Da clic-derecho en la Máscara de Capa y selecciona Aplicar Máscara.

Paso 4

Ahora vamos añadir el resto de nuestras imágenes, comenzando con los planetas.

Extrae Marte, La Tierra, y la Luna de sus fotos. Usando la herramienta de tu elección (aquí usé la Herramienta Marco Elíptico (M)), selecciona el planeta y luego Copia y Pega cada uno sobre Nuevas Capas.

Organiza las capas como se muestra debajo. Asegúrate de que Marte esté sobre la capa debajo de la imagen principal para que esté situada detrás de mi. Esto creará un sentido de profundidad de campo.

Add the planetsAdd the planetsAdd the planets

4. ¿Cómo Crear la Apariencia de la Galaxia?

Paso 1

¡Ahora por las estrellas!

Mask away the milky wayMask away the milky wayMask away the milky way
  1. Copia y Pega la Via Láctea sobre una Nueva Capa derriba del fondo negro.
  2. Añade una Máscara de Capa, y luego usa un Pincel Suave Redondo para enmascarar los bordes con negro.

Paso 2

Vamos añadir más profundidad al fondo.

Shade the milky wayShade the milky wayShade the milky way
  1. Crea una Nueva Capa y da clic-derecho para ponerla como una Máscara de Recorte a la capa de la Vía Láctea. Usa un Pincel Suave Redondo (Dureza 0%, Opacidad 60-100%) para puntar azul oscuro #081a40 y negro sobre la capa recortada. Crea un sombreado similar al del resultado de arriba.
  2. Pon el Modo de Fusión a Multiplicar y luego disminuye la Opacidad 70%.

Aquí está el resultado que tendremos por el momento.

Result after shadingResult after shadingResult after shading

Paso 3

Recorta otra Nueva Capa a la misma imagen de la Vía Láctea.

Añade un poco de iluminación a la escena.

Paint some lightPaint some lightPaint some light
  1. Usa un Pincel Suave Redondo (0%Dureza, 10-30% Opacidad) para pintar azul claro #a8b7e3 sobre el lado izquierdo del lienzo.
  2. Pon el Modo de Fusión a Luz Fuerte y disminuye la Opacidad 30%.

Paso 4

Vamos a trabajar en la imagen principal.

Siéntete libre de retocar tu foto tanto como necesites para este paso.

Aquí he añadido un poco más de luz en la cara, cuello, y cuerpo, usando Pincel Redondo Duro (80-100% Dureza, 10-25% Opacidad) y un poco de color de bronceado #efd2b7. Ajusta la Opacidad de Capa como sea necesario.

Add some light to the face and bodyAdd some light to the face and bodyAdd some light to the face and body

Paso 5

Podemos volver a colorear la imagen principal con algunas Capas de Ajuste.

Comienza con Niveles.

Ve a Capa > Nueva Capa de Ajuste > Niveles. Añade los siguientes valores para los canales RGB, Rojo y Azul Luego da clic-derecho para ponerla como Máscara de Recorte a mi imagen.

  • RGB: 0, 0.90, 196; Salida: 17, 210
  • Rojo: 0, 0.92, 255; Salida: 0, 191
  • Azul: 0, 1, 179; Salida: 35, 192
Add a levels adjustmentAdd a levels adjustmentAdd a levels adjustment

Aquí está el resultado, con la capa preparada.

Result after levelsResult after levelsResult after levels

Paso 6

Aplica más contraste y calor a la foto.

Derriba de la capa de niveles, Recorta una Nueva Capa de Ajuste de Curvas a la imagen.

Ajusta las curvas para los Canales RGB, Rojo, Verde, y Azul.

Add a curves adjustmentAdd a curves adjustmentAdd a curves adjustment

Paso 7

¡Lo estás haciendo bien! ¡Sigue así!

Vamos añadir estrellas.

Copia y Pega la imagen de Vía Láctea original en una Nueva Capa derriba de la última. Ponla como una Máscara de Recorte a la imagen principal; y usa la Herramienta Transformación Libre (Control-T) para rotar en dirección contraria a las agujas del reloj.

Add more starsAdd more starsAdd more stars
  1. Posiciona las estrellas para que me cubran completamente.
  2. Luego pon el Modo de Fusión a Diferencia, ajustando la Opacidad 70%. Sigue con una Máscara de Capa para enmascarar las estrellas en la cara y el cuerpo, con un Pincel Suave Redondo.

Recortaremos la última Nueva Capa a la imagen principal. Esta capa será usada para más sombra.

Paint shadow Paint shadow Paint shadow
  1. Usa un Pincel Redondo Suave (50-70% Opacidad) para pintar con un color anaranjado #f3a279 en el lado derecho del cabello y del cuerpo. Estoy siguiendo el origen de luz de la foto original, así que nuestro sombreado tiene que coincidir con ello.
  2. Luego pon el Modo de Fusión a Sustraer y disminuye la Opacidad 50%. Perfecciona la sombra incluso más con una Máscara de Capa.

Paso 8

Aun necesitamos ajustar el sombreado y el coloreado de los planetas.

Vamos a comenzar con el planeta Tierra.

Paint shadow on earthPaint shadow on earthPaint shadow on earth
  1. Como antes, pon la Nueva Capa como una Máscara de Recorte a la capa del planeta. Usa un Pincel Suave Redondo (Dureza 0%, Opacidad 60-80%) para pintar azul oscuro #080elb sobre el lado derecho del planeta.
  2. Pon esta capa a Subexponer Color.
  3. Sigue con otra Capa Recortada derriba. Esta vez, usa un color rojo profundo #120500 para pintar más sombras.

Paso 9

Ahora dale sombras a Marte.

Recorta dos Capas Nuevas al planeta Marte. Usa un Pincel Suave Redondo para puntar rojo oscuro #1a010d en la primera capa, y púrpura #1405lb en la segunda.

Paint shadow on marsPaint shadow on marsPaint shadow on mars

Paso 10

Antes de proceder al sombreado de la luna, vamos a retocar los colores de la escena primero.

Añade dos Nuevas Capas de Ajuste derriba de la capa de la Tierra. No recortes estas capas.

Aquí está la configuración para clarificación.

Layer setupLayer setupLayer setup

Comienza con una Nueva Capa de Ajuste de Consulta de Colores.

Pon el archivo 3DLUT a:

  • Fuji F125 Kodak 2395

Luego pon el Modo de Fusión a Tono.

Add a color lookup adjustmentAdd a color lookup adjustmentAdd a color lookup adjustment

Incrementa los colores con una Nueva Capa de Ajuste de Niveles.

Ajusta los valores para el Canal RGB de la siguiente manera:

  • Entrada: 0, 1, 211
  • Salida: 0, 255
Add a levels adjustmentAdd a levels adjustmentAdd a levels adjustment

Paso 11

¡Ahora la luna!

Recorta una Nueva Capa para la luna. Usa un Pincel Redondo Duro (Dureza: 0%, Opacidad: 50%) para pintar el color negro suave para algo de sombra. Sigue la dirección hacia arriba de la flecha como se muestra debajo.

Paint shadow on the moonPaint shadow on the moonPaint shadow on the moon

5. ¿Cómo Terminar la Manipulación?

¡Casi terminamos!

Aquí mostraremos cómo se ve la manipulación:

Result so farResult so farResult so far

Luego, necesitaremos averiguar los últimos elementos de esta pieza.

Si estás trabajando en tu propia foto, siéntete libre de seguir tus inclinaciones naturales por la iluminación, colores y detalles.

Paso 1

Agrega más iluminación para más intensidad.

Crea una Nueva Capa derriba del resto. Ponla en Superposición.

Usa un Pincel Suave Redondo (Dureza: 0%; Opacidad: 60-90%) para pinar con blanco sobre toda la escena para más iluminación. Añade una Máscara de Capa para perfeccionar si es necesario.

Paint light with overlayPaint light with overlayPaint light with overlay

Paso 2

Los anillos orbitales no son reales, pero añaden otro elemento genial a esta manipulación.

Create two orbital ringsCreate two orbital ringsCreate two orbital rings
  1. Usa la Herramienta Elipse (U) para crear dos aros de 2 px. Rasteriza las capas de forma y Combina.
  2. Con la capa combinada seleccionada ("aros"), ve a Filtro > Desenfoque > Desenfoque Gaussiano, poniendo el Radio a 15 px. Disminuye la Opacidad de la Capa a 60% y borra cualquier area no deseada con una Máscara de Capa.

Paso 3

Vamos añadir nuestra última imagen.

Crea muchas extracciones de las secciones más brillantes de esta imagen de la Galaxia. Usé la Herramienta Marco Rectangular (M) para tomar secciones diferentes de las estrellas y el polvo. Copia y Pega sobre las Nuevas Capas posicionadas alrededor de la composición.

Pon las primeras dos (las secciones de la tierra y el cabello) a Luz Fuerte y la segunda (las secciones de las estrellas) a Luz Focal. Ajusta la Opacidad como desees y usa Máscara de Capas para borrar las areas no deseadas con un Pincel Redondo Suave.

Add more stars to the compositionAdd more stars to the compositionAdd more stars to the composition

Paso 4

El siguiente paso requerirá muchas Capas de Ajuste.

Lo se, estás listo para terminar, ¿verdad? Vamos a ir por ellas lo más rápido posible.

Añade una Nueva Capa de Ajuste de Consulta de Colores.

Pon el Archivo 3DLUT a:

  • FuturisticBleak.3DL
Add a color lookup layerAdd a color lookup layerAdd a color lookup layer

Luego, añade una Nueva Capa de Ajuste de Niveles.

Añade los siguientes valores a los Canales RGB, Rojo, y Azul.

  • RGB: 27, 0.94, 240; Salida: 20, 255.
  • Rojo: 0, 1.11, 204; Salida: 0, 255
  • Azul: 29, 1.38, 226; Salida: 51, 224.
Add a levels adjustment layerAdd a levels adjustment layerAdd a levels adjustment layer

Paso 5

Rellena una Nueva Capa con verde neón #76ff39. Disminuye la Opacidad a 10% y pon el Modo de Fusión a Dividir.

Add a neon green fillAdd a neon green fillAdd a neon green fill

Paso 6

¡Sigue! ¡Lo estás haciendo bien!

Añade una Nueva Capa de Ajuste de Balance de Color. Ajuste los valores de Sombras, Medios Tonos, e Iluminaciones de la manera que se muestra, para un tono más azul. Luego pon el Modo de Fusión a Tono.

Add a color balance adjustmentAdd a color balance adjustmentAdd a color balance adjustment

Luego, añade una Nueva Capa de Ajuste de Mapa de Degradado.

Selecciona el predeterminado Rojo, Azul y Amarillo, y disminuye la Opacidad a 10%.

Add a gradient map adjustmentAdd a gradient map adjustmentAdd a gradient map adjustment

La última Nueva Capa de Ajuste, la usaremos para Filtro de Foto.

Pon el Filtro a Violeta y la Densidad: 52%.

Add a photo filterAdd a photo filterAdd a photo filter

Paso 7

Ahora que tenemos los colores, solo necesitamos hacer un poco de retoques de iluminación en la composición.

Toma esta oportunidad de limpiar cualquier borde imperfecto, o mézclalos con más sombras usando el Pincel Redondo Suave. Usa la Herramienta Pincel (B) para pintar estas áreas y mantén presionado Alt para seleccionar los olores que necesitas de la composición.

En una Nueva Capa puesta en Superposición, usa una combinación de violeta #c6a2d0 y blanco para pintar la iluminación sobre el cabello y los planetas. Mantén los puntos brillantes en línea con nuestra iluminación.

Add highlights to the scene with overlayAdd highlights to the scene with overlayAdd highlights to the scene with overlay

Paso 8

Una buena iluminación es también importante para esta composición. En una Nueva Capa, pinta iluminación blanca alrededor de los planetas, cuerpo y cara. Asegúrate de que cada planeta obtenga una iluminación en el lado superior izquierdo.

Continua pintando cualquier area que te gustaría enfocar para más atractivo, y no olvides añadir más puntos blancos para las estrellas donde sea que quieras.

Paint white highlightsPaint white highlightsPaint white highlights

Puedes notar un pequeño desenfoque al final de la pieza. He logrado esto con un Inclina-Mayus-Filtro, pero puedes optar por dejarlo así.

Ahora que has terminado tu trabajo, ponlo sobre la pared. Mira cómo tu auto-retrato podría verse usando este Marco de Envato Elements.

Frame Mockup from Envato ElementsFrame Mockup from Envato ElementsFrame Mockup from Envato Elements

¡Mira el resultado final debajo!

¡Todo hecho! ¡Buen Trabajo!

Puedes crear grandes manipulaciones de foto usando cada foto. Toma tu tiempo y diviértete realizando composiciones de fantasía desde cero.

Espero que hallas disfrutado este tutorial. ¿Cómo lo hiciste? Comparte tus comentarios y resultados debajo.

Para más tutoriales como este, mira estos links:

Galaxy Photo Manipulation Photoshop Tutorial by Melody NievesGalaxy Photo Manipulation Photoshop Tutorial by Melody NievesGalaxy Photo Manipulation Photoshop Tutorial by Melody Nieves