Advertisement
  1. Design & Illustration
  2. Photo Effects

Cómo crear una acción de efecto animada de un fantasma en Photoshop

Scroll to top
Read Time: 7 min
This post is part of a series called Learn Photoshop Actions.
How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop
How to Create a Sketch Text Effect Action in Adobe Photoshop
This post is part of a series called Photoshop Portraits.
How to Create a Cool, Animated Photo GIF for Instagram in Adobe Photoshop
25+ Amazing Vintage Photoshop Filters & Old Retro Styles

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

Este efecto fotográfico de fantasma forma parte de la Acción animada de Photoshop de fantasmas de Halloween de mi portafolio en Envato Market.

Animated Ghost Photoshop ActionAnimated Ghost Photoshop ActionAnimated Ghost Photoshop Action
Acción animada de Photoshop de fantasmas de Halloween

Recursos para el tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

1. Añade la imagen de stock

Paso 1

Crea un nuevo documento en Photoshop. Añade la imagen que quieres convertir en un efecto de fantasma.

El efecto de fantasma funciona tanto para humanos como para animales. Puedes probarlo para crear imágenes aterradoras de Halloween.

Girl Nature Stock ImageGirl Nature Stock ImageGirl Nature Stock Image

Nombra esta capa como Fondo de naturaleza.

Paso 2

Presiona Control+J para duplicar la capa Fondo y nómbrala capa Chica.

Duplicate Layer in PhotoshopDuplicate Layer in PhotoshopDuplicate Layer in Photoshop

2. Retire a la chica del fondo

Paso 1

Primero, tienes que ocultar la capa Chica. Haz clic en el icono del ojo para ocultar la capa.

Vuelve a la capa Fondo. Lo que queremos hacer en esta capa es sacar a la chica y obtener un fondo de vegetación.

Hide a Layer in PhotoshopHide a Layer in PhotoshopHide a Layer in Photoshop

Paso 2

Selecciona la Herramienta tampón de clonar (S). Con esta herramienta, copiaremos de un área de la foto al área donde se encuentra la chica.

Mantén pulsada la tecla Alt y haz clic en la flecha de los puntos de vista previa. El cursor cambiará de objetivo: haz clic en el punto exacto desde donde deseas empezar a copiar.

Photoshop Clone Stamp ToolPhotoshop Clone Stamp ToolPhotoshop Clone Stamp Tool

Usamos un pincel redondo suave de aproximadamente 94 px de tamaño. Pinta sobre la foto, empieza desde el centro de la chica, como se muestra en la vista previa.

How to Use the Clone Stamp ToolHow to Use the Clone Stamp ToolHow to Use the Clone Stamp Tool

Sigue pintando sobre la imagen hasta que hayas cubierto toda el área.

How to Use the Clone Stamp ToolHow to Use the Clone Stamp ToolHow to Use the Clone Stamp Tool

Si deseas, puedes presionar Alt y elegir otro punto de partida para obtener un resultado perfecto.

Remove Elements from Photos with the Clone Stamp ToolRemove Elements from Photos with the Clone Stamp ToolRemove Elements from Photos with the Clone Stamp Tool

3. Elimine el fondo de la imagen de la chica

Paso 1

Añade una Máscara de capa a la capa Chica.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop
Layer Mask in PhotoshopLayer Mask in PhotoshopLayer Mask in Photoshop

Paso 2

Primero, oculta la capa Fondo solo para realizar este paso.

Establece el Color frontal en #000000. Selecciona la Herramienta pincel (B) y, con un pincel redondo suave, pinta dentro de la Máscara de capa para eliminar el fondo de la capa chica.

Haz clic en la Miniatura de la Máscara de capa para pintar dentro de la máscara.

Remove the Background in PhotoshopRemove the Background in PhotoshopRemove the Background in Photoshop

Sigue pintando hasta que hayas eliminado todo el fondo. No tienes que hacer un corte preciso, pero asegúrate de que se elimine el fondo.

Remove the Background in PhotoshopRemove the Background in PhotoshopRemove the Background in Photoshop

Paso 3

Haz clic derecho en la Miniatura de la Máscara de capa y elige Aplicar máscara de capa.

Apply Layer Mask in PhotoshopApply Layer Mask in PhotoshopApply Layer Mask in Photoshop

Hacer el efecto fantasma de una imagen con Photoshop es bastante fácil. En el siguiente paso, convertiremos a esta chica en un fantasma.

4. Crea los ojos de fantasma en Photoshop

Paso 1

Establece el Color frontal en #ffffff.

Añade una nueva Capa y nómbrala Ojos de fantasma. Usa la Herramienta pincel (B) y un pincel redondo suave para crear este efecto.

Establece el tamaño del pincel para que coincida con el tamaño del ojo. Añade un punto blanco sobre cada ojo, como se muestra en la vista previa.

Create Ghost Eyes in PhotoshopCreate Ghost Eyes in PhotoshopCreate Ghost Eyes in Photoshop

Paso 2

Reduce la opacidad de la capa Ojos de fantasma a aproximadamente el 67%.

Create Ghost Eyes in PhotoshopCreate Ghost Eyes in PhotoshopCreate Ghost Eyes in Photoshop

Paso 3

Selecciona la capa Chica y la capa Ojos de fantasma y presiona Control+E para fusionarlos. Nombra la nueva capa como Fantasma 1.

Create a Ghost in PhotoshopCreate a Ghost in PhotoshopCreate a Ghost in Photoshop

5. Crea el efecto fantasma en Photoshop

Paso 1

Presiona Control+J para duplicar la capa Fantasma 1 y nómbrala Fantasma 2.

Duplicate Layer in PhotoshopDuplicate Layer in PhotoshopDuplicate Layer in Photoshop

Paso 2

Oculta la capa Fantasma 2.

Disminuye la Opacidad de la capa Fantasma 1 a aproximadamente el 50%.

Layer Opacity in PhotoshopLayer Opacity in PhotoshopLayer Opacity in Photoshop

Paso 3

Añade una Máscara de capa a esta capa y, con la Herramienta pincel (B), pinta sobre la parte inferior de la imagen. Utiliza el color #ffffff y diferentes niveles de opacidad para crear un efecto fantasmal transparente.

Hide Image with Layer MaskHide Image with Layer MaskHide Image with Layer Mask

Paso 4

Haz que la capa Fantasma 2 sea visible de nuevo. Usa la Herramienta mover (V) para mover la capa 10 píxeles a la izquierda.

Move Layer Using the Move ToolMove Layer Using the Move ToolMove Layer Using the Move Tool

Paso 5

Establece el modo de fusión en Aclarar y la Opacidad en 25%. Puedes cambiar estos ajustes a tu gusto.

Blend Mode LightenBlend Mode LightenBlend Mode Lighten

Paso 6

Añade una Máscara de capa a la capa Fantasma 2 y, con la Herramienta pincel (B), pinta sobre la parte inferior de la imagen. Utiliza el color #ffffff y diferentes niveles de opacidad para crear un efecto fantasmal transparente.

Hide Image with Layer MaskHide Image with Layer MaskHide Image with Layer Mask

6. Utiliza un mapa de degradado para añadir color a la imagen

Para colorear la imagen usando un degradado, ve a Imagen > Ajustes > Mapa de degradado.

Add a Gradient Map Adjustment Layer in PhotoshopAdd a Gradient Map Adjustment Layer in PhotoshopAdd a Gradient Map Adjustment Layer in Photoshop

Puedes utilizar los tonos de color que desees. Para crear los efectos de fantasma, suelo usar un degradado blanco y negro o un degradado azul y cian.

Para este tutorial, usaré estos colores: #000000 (ubicación en 0%), #6c9298 (ubicación en 32%) y #ffffff (ubicación en 100%).

Change the Gradient Map Color TonesChange the Gradient Map Color TonesChange the Gradient Map Color Tones

7. Crea el efecto animado de un fantasma

Paso 1

Para crear el efecto de animación de un fantasma, ve a Ventana > Animación. En Photoshop, usa el panel de Línea de tiempo para crear cuadros de animación.

Asegúrate de que el panel de Línea de tiempo esté en modo de animación de cuadros. Haz clic en cualquiera de los botones que se muestran en la vista previa y elige Convertir en animación de cuadros.

Convert to Frame Animation in PhotoshopConvert to Frame Animation in PhotoshopConvert to Frame Animation in Photoshop

Paso 2

Haz clic en la flecha que se encuentra junto a los segundos del primer cuadro y elige Sin retardo. Esta configuración determina la velocidad de la animación.

Animation No Delay SettingAnimation No Delay SettingAnimation No Delay Setting

Paso 3

Haz clic en la flecha que se encuentra junto a la configuración Una vez y elige Infinito. Esta configuración determina la duración de repetición de la animación.

Animation Loop ForeverAnimation Loop ForeverAnimation Loop Forever

Paso 4

Haz clic en el botón Duplicar cuadros seleccionados para crear un nuevo cuadro.

Duplicate Selected FramesDuplicate Selected FramesDuplicate Selected Frames

Paso 5

Asegúrate de que el Cuadro 2 esté seleccionado y haciendo uso de la Herramienta mover (V), mueve la capa Fantasma 2 10 píxeles a la izquierda.

Move Layer in PhotoshopMove Layer in PhotoshopMove Layer in Photoshop

Paso 6

Asegúrate de que el Cuadro 2 esté seleccionado y establece la Opacidad de la capa Fantasma 1 en 16%. Además, haciendo uso de la Herramienta mover (V), mueve la capa 5 píxeles abajo.

Lower the Layer OpacityLower the Layer OpacityLower the Layer Opacity

Paso 7

Haz clic en el Cuadro 1, mantén pulsada la tecla Shift y haz clic en el Cuadro 2 para seleccionar los dos cuadros.

Select Frames in PhotoshopSelect Frames in PhotoshopSelect Frames in Photoshop

Paso 8

Haz clic en el botón Intercala cuadros de animación y añade 5 cuadros.

Add Tween FramesAdd Tween FramesAdd Tween Frames

Paso 9

Ve al Cuadro 1 y haz clic en el botón Duplicar cuadros seleccionados.

Paso 10

Ahora tienes 8 cuadros en vez de 7. Ve al Cuadro 2 y arrástralo a la posición final. El Cuadro 2 se convertirá en el Cuadro 8. Si haces clic en el Cuadro 1 y el Cuadro 8, estos deben ser idénticos.

Move Frames in PhotoshopMove Frames in PhotoshopMove Frames in Photoshop

Paso 11

Haz clic en el Cuadro 7, mantén pulsada la tecla Shift y haz clic en el Cuadro 8 para seleccionar los dos cuadros. Haz clic en el botón Intercala cuadros de animación y añade 5 cuadros.

Add Tween FramesAdd Tween FramesAdd Tween Frames

Paso 12

Haz clic en el Cuadro 13 y presiona el botón Eliminar cuadros seleccionados. Después de eliminar el cuadro, tendrás 12 cuadros.

Delete Selected Frames in PhotoshopDelete Selected Frames in PhotoshopDelete Selected Frames in Photoshop

8. Guarda la animación GIF

Haz clic en el Cuadro 1. Para guardar la animación GIF, ve a Edición > Guardar para Web y dispositivos y elige el formato de archivo GIF. Asegúrate de que las opciones de animación y repetición sean las correctas y haz clic en Guardar.

Save GIF Animation in PhotoshopSave GIF Animation in PhotoshopSave GIF Animation in Photoshop

¡Felicitaciones! ¡Terminaste!

En este tutorial, has aprendido a crear un efecto animado de fantasma de Halloween en Photoshop. Espero que hayas disfrutado de este tutorial.


Este efecto fotográfico de fantasma forma parte de la Acción animada de Photoshop de fantasmas para Halloween de mi portafolio en Envato Market.

Animated Ghost Photoshop ActionAnimated Ghost Photoshop ActionAnimated Ghost Photoshop Action
Acción animada de Photoshop de fantasmas de Halloween

¿Quieres aprender más? Te recomiendo que intentes hacer los siguientes tutoriales:

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
One subscription. Unlimited Downloads.
Get unlimited downloads