Cómo agregar un fondo a una imagen de pantalla verde en Photoshop

Para agregar un fondo a una imagen de pantalla(screen image) verde en Photoshop , deberá aprender a usar algunas herramientas predeterminadas disponibles en la barra de herramientas.

Si el fondo no(background isn) es perfectamente verde o no está bien iluminado, deberá realizar algunos pasos adicionales. Siéntase(Feel) libre de probar suerte usando la imagen de ejemplo(example image) a continuación.

Primero lo guiaremos a través del método más fácil, pero luego puede probar el segundo método para las imágenes que no tienen un solo fondo verde perfecto.

Cómo agregar un fondo a una imagen de pantalla verde perfecta en Photoshop(How To Add a Background To a Perfect Green Screen Image in Photoshop)

Para nuestra primera sección, lo guiaremos a través de cómo agregar su propio fondo cuando la pantalla verde está perfectamente iluminada o se usa un solo tono de verde en todas partes. Puede encontrar buenas pantallas verdes y fondos(screen and background images) de pantalla libres de regalías en línea si aún no lo ha hecho.

  • Primero, busque su imagen, haga clic derecho sobre ella y haga clic en Open With > Adobe Photoshop .

  • En Photoshop , debe hacer clic derecho en la capa en la parte inferior y luego hacer clic en Capa desde el fondo... ( Layer from Background… )

  • Haga clic en Aceptar( OK) cuando se le solicite. Esto te permitirá editar la imagen que acabas de abrir.
  1. A continuación, haga clic en Seleccionar(Select) en el panel superior y luego haga clic en Gama de colores(Color Range)

  1. Si la imagen usa una pantalla verde perfecta, debería ver el contorno de su imagen en la ventana que aparece. Si no ve un contorno claro, puede probar el siguiente paso. Todavía le recomendamos que pruebe este paso primero, ya que lo ayudará a aprender herramientas cruciales que se pueden usar más adelante.

  1. A continuación, haga clic en la pantalla verde y la herramienta cuentagotas(dropper tool) seleccionará ese color. Después, haga clic en Aceptar(OK ) y se resaltará el área de la pantalla verde.

  1. Ahora debe realizar dos pasos más para asegurarse de que su imagen no(image doesn) tenga un contorno verde. Haga clic en (Click) Seleccionar(Select) y luego en Modify > Expand . Elija expandir en 2 píxeles y luego haga clic en Aceptar(OK) .

  1. A continuación, haga clic en Seleccionar(Select) y, a continuación, en Seleccionar y enmascarar( Select and Mask) . En la nueva ventana que aparece a la izquierda, pon el tamaño de la pluma(feather size) en 1 px

  1. Haga clic en el cuadro desplegable Configuración de salida(Output Settings) y asegúrese de que esté configurado en Salida a: Selección(Output To: Selection) . A continuación, haga clic en Aceptar(OK)
  2. Presiona eliminar(delete) en tu teclado y tu pantalla verde será eliminada.

El siguiente paso es obtener una imagen de fondo(background image) que le gustaría usar. Puedes usar tu propio fondo o cualquier cosa(background or anything) en línea. Si tiene fines comerciales, lea nuestra guía sobre Creative Commons , que lo ayudará a encontrar imágenes relevantes para uso comercial gratuito.

Una vez que tenga su imagen, búsquela en su PC y haga clic(PC and click) y arrástrela a su ventana de Photoshop(Photoshop window) . Es posible que deba cambiar su tamaño, pero luego simplemente presione la tecla Intro(enter ) . Ahora debe arrastrar la nueva capa debajo de su capa de pantalla(screen layer) verde para que aparezca como fondo.

Ahora tendrá su imagen de pantalla verde en Photoshop con un nuevo fondo. Luego puede exportar o guardar su imagen como lo haría normalmente.

Cómo agregar un fondo a una pantalla verde mal iluminada(How to Add a Background To a Badly Lit Green Screen)

Muchas imágenes de pantalla verde no están perfectamente iluminadas, lo que significa que cortar la pantalla verde en sí puede requerir más esfuerzo. Puede seguir los pasos a continuación si no puede eliminar completamente la pantalla verde con los pasos mencionados anteriormente.

  1. Primero, abre tu foto con Photoshop . A continuación(Next) , presione L en su teclado para acceder a la herramienta Lazo(Lasso tool) . Haz clic(Click) y mantén presionado para dibujar un contorno alrededor del sujeto que te gustaría mover a tu fondo. Trate de hacerlo lo más cerca posible del sujeto en sí. 

  1. Suelte el botón del mouse(mouse button) y tendrá una selección alrededor de su objeto. A continuación(Next) , haga clic derecho(right click ) y haga clic en Seleccionar inversa(Select Inverse)
  2. Presione la tecla Eliminar(Delete) en su teclado y se eliminará el área alrededor de su objeto.

  1. A continuación, haga clic con el botón derecho en la herramienta Varita mágica(Magic Wand Tool) y haga clic en la Herramienta de selección rápida. (Quick Selection Tool. )Use Mouse Scroll Wheel Up + Alt para acercarse lo más posible a su sujeto. 
  2. Con la Herramienta de selección rápida(Quick Selection Tool) activa, use Shift + Left Click para resaltar áreas de su sujeto y Alt + Left Click para resaltar áreas de la pantalla verde.

  1. Este proceso puede llevar algún tiempo, pero el objetivo será resaltar todo el objeto. Una vez completado, presione Ctrl + X y  luego Ctrl + V

  1. Se creará una nueva capa, por lo que deberá ocultar la capa anterior. Haga clic en el icono del ojo(eye icon) junto a la capa que contiene la pantalla verde. Luego, busque su imagen de fondo(background image) en Finder o Windows Explorer(Finder or Windows Explorer) y arrastre la imagen a su ventana de Photoshop(Photoshop window)
  2. Arrastre(Drag) la capa de fondo debajo de la (background layer)capa de pantalla(screen layer) verde y habrá completado su tarea.

Tenga en cuenta que algunas imágenes no tendrán resultados perfectos: cuanto menor sea la calidad de la imagen de la pantalla(screen image) verde en Photoshop , mayor será el esfuerzo y el cuidado(effort and care) que tendrá que poner para eliminar los píxeles verdes y, a veces, es casi imposible hacerlo sin eliminar parte del objeto mismo.

Resumen

Eso nos lleva al final de nuestra guía sobre cómo agregar un fondo a una imagen de pantalla(screen image) verde en Photoshop . Si necesita más ayuda, puede dejar un comentario a continuación.



About the author

Soy un científico informático con más de 10 años de experiencia trabajando en el campo de los navegadores, Microsoft Office y OneDrive. Me especializo en desarrollo web, investigación de experiencia de usuario y desarrollo de aplicaciones a gran escala. Mis habilidades son utilizadas por algunas de las principales empresas del mundo, incluidas Google, Facebook y Apple.



Related posts