Cómo crear efectos de pantalla de videojuego en un video

Como ocurre en muchos videojuegos, vamos a mostrar varias opciones en pantalla y después pasaremos el cursor sobre ellas. Así podremos previsualizar el personaje y aplicar el estilo que mejor encaje con la escena.

Este efecto de pantalla de videojuego es fácil de crear con Wondershare Filmora. Lo primero es preparar un fondo adecuado. En el menú Efectos, escribe "background" y elige Cyber Greenscreen Background Vol 2 para conseguir una estética gaming más marcada.

Arrastra el fondo a la línea de tiempo. Añade también el video con pantalla verde del bailarín. Para eliminar el verde del clip, selecciona la grabación y entra en la opción Clave de croma.

Elige primero un color cualquiera y utiliza después el cuentagotas para seleccionar el tono exacto de verde del video. Activa el canal alfa para comprobar que el fondo se sustituye de forma limpia.

Ahora animaremos la posición del bailarín. Haz doble clic en el video, abre Animaciones y crea un fotograma clave en la posición inicial. Avanza unos fotogramas y modifica la posición X para desplazar el personaje hacia la izquierda.

Después necesitamos una superposición de apertura con estilo de videojuego. Ve a Efectos > Tema de juegos y elige Dynamic Overlay 04. Colócala sobre el video de pantalla verde, acorta su duración y desplaza el clip de pantalla verde hacia la derecha.

También añadiremos texto para la escena inicial. Ve a Títulos > Juegos y coloca QTE Gaming Effects debajo de la superposición. Haz doble clic para editar el texto y adaptarlo al estilo visual del efecto.

Agrega una transición al inicio de la superposición. En Transiciones > Juegos, selecciona Streaming and Gaming y colócala entre el video de pantalla verde y la superposición, además de situarla en la pista superior cuando sea necesario.

Crea una animación de entrada para que el personaje aparezca desde abajo y se desplace hacia un lado. Añade un fotograma clave y ajusta la posición Y hasta conseguir el movimiento que buscas.

Ahora vamos a crear las cajas donde aparecerán los efectos. Ve a Medios > Color de muestra y elige un color de fondo. Haz doble clic, abre Máscara y añade una máscara rectangular. Dale forma cuadrada y aumenta el radio para redondear las esquinas.

Para este tipo de composición conviene tener una toma limpia de la habitación, sin el actor, y otra toma del actor realizando los saltos o movimientos. Con ambos clips podrás construir el efecto dentro de Wondershare Filmora.

Añade una animación de entrada a todas las cajas blancas. Selecciónalas, ve a Animaciones y aplica el ajuste predefinido Deslizar a la derecha. Desfásalas ligeramente entre sí para que aparezcan una después de otra.

Cambia la posición de las cajas blancas y colócalas debajo del video de pantalla verde. Luego ve a Efectos > Stickers de AR y elige los elementos que representarán cada opción. Añádelos sobre el video de pantalla verde.

En este ejemplo se usan Rosa, Sombrero de mago, Ángel y Mariposas. Colócalos en línea dentro de la línea de tiempo. Para reforzar cada opción, entra en Medios de stock > Giphy y busca stickers relacionados.

Por ejemplo, escribe "rose", coloca el sticker debajo del clip de pantalla verde y haz que su duración coincida con la del elemento Rosa. Ajusta la posición del sticker dentro de la caja blanca desde el visor.

Como los stickers están animados, utiliza un fotograma congelado para que solo se activen cuando el cursor pase por encima. Copia y pega cada sticker al otro lado, haz clic derecho y ve a Velocidad > Añadir fotograma congelado.

Ahora puedes ajustar su duración con más precisión. Coloca cada fotograma congelado debajo del efecto animado y ajústalo a su caja blanca correspondiente. Repite el proceso con todas las opciones.

Por último, añade un elemento de cursor o ratón para simular los clics sobre las cajas. Ve a Medios de stock, escribe "click", llévalo a la línea de tiempo y aplica también un fotograma congelado.

Ajusta su duración y colócalo por encima del resto de pistas. Añade fotogramas clave alineados con cada efecto. Primero haz que el cursor suba desde abajo mediante la posición Y y sitúalo sobre la caja de la rosa, como si hicieras clic en ella.

Avanza unos fotogramas hasta el segundo efecto. Añade un fotograma clave justo antes y mueve el sticker del cursor hacia la segunda caja. Repite el mismo proceso con el resto de cajas para completar la interacción.

Para terminar, ve a Efectos y añade Fitness Intensity en la parte superior de todas las pistas. Reproduce el proyecto para revisar la animación del personaje y el aspecto final de tu efecto de pantalla de videojuego.