REC

Recommended: Video Production, Editing & Gear Maintenance Guide

 WTVID >> WTVID >  >> video >> Video Ideas

How to Create Engaging Game Screen Effects with Filmora

Transcript

0:18

Just like you have seen on games, we are going to be placing some options on the screen and then going over them with our mouse. We can see the preview of our character and proceed to go with that certain style.

0:32

This effect is pretty easy to do with Wondershare Filmora. First, we need a background for this effect. In the Effects menu, type in “background” and choose Cyber Greenscreen Background Vol 2 for proper gameplay effect.

0:55

Drag the background onto the timeline. Drop your greenscreen video with the dancer onto the timeline as well. Separate green from greenscreen video. Select the footage and head over to Chroma key.

1:10

Choose a random color. Then use the eyedropper tool to select the exact shade of green in the video. Turn on Alpha Channel to ensure the background is perfectly replaced.

1:33

We are going to animate the position of our dancer. Double-click on the video and head over to Animations. Create a keyframe in the current position. Move the marker a few frames and change position X to the left.

2:05

Now we need an opening overlay for the gameplay. Go to Effects> Gaming Topic and choose Dynamic Overlay 04. Place it over greenscreen video. Shorten its duration and move the greenscreen to the right.

2:38

We will need a text for our opening scene. Go to Titles> Gaming and place QTE Gaming Effects underneath the overlay. Double-click to edit text and style to match the overall effect.

3:14

Let us add a transition at the start of the overlay. Go to Transitions> Gaming. Add Streaming and Gaming effect and place it in between the greenscreen and overlay as well as the top effect.

3:32

We are going to create an animation at the start of the greenscreen where the subject will move up from the bottom and move to the side. Add a keyframe and change position Y to get the animation as expected.

3:55

Time to bring in the boxes that have the effects on them. Go to Media> Sample Color and choose a color for background. Double-click on it and go to Mask and add a Rectangle mask. Make it square and increase the radius for rounded edges.

4:25

First, you need to capture an empty shot of the room without the actor. Then you need to capture video of the actor jumping around a few times. Once you have these two video shots, you can use Wondershare Filmora to create the desired effect.

4:52

Now we are going to add an entrance animation for all white boxes. Click on them and go to Animations, and use Slide Right preset animation. Offset them from each other so that they appear one by one.

5:15

Change the position of these white boxes and move them underneath your greenscreen video. Now go to Effects> AR Stickers and choose the elements to represent the white boxes. Add them over the greenscreen video.

6:00

We have picked Rose, Magehat, Angel, and Butterflies elements. Place them side by side on the timeline. We need stickers to represent the elements. Go to Stock Media> Giphy and find the appropriate stickers.

6:20

Type in the sticker like “rose” and place it under greenscreen but matching the Rose element duration. Adjust the position of the sticker on the white box in the Viewer.

6:30

Since the stickers are animated, we need to use a freeze frame so that they animate only when the mouse is placed on them. Copy and paste them on the other side and right-click to go to Speed> Add Freeze Frame option.

7:00

We can now make them last as long as we want. Place them underneath the animated effect and match them with the white box. Do the same process for all the white boxes.

7:30

Finally, we are going to need a mouse element. Grab an element and make it look as if we are clicking on the white boxes. Go to Stock Media and type in “Click”. Bring it on the timeline and add a freeze frame.

7:50

Resize the duration and bring it right above all other tracks. Match the duration and add a keyframe in line with each of the effects. First, make it come from below with position Y and bring it up the rose box as if we are clicking on it.

8:25

Move it a few frames until you get the second effect. Add a keyframe a few frames before the second effect, and we are going to move the mouse sticker to the second box. Repeat the same for all the other boxes.

8:53

Finally, go to Effects and add Fitness Intensity to the top of all the existing tracks. Now we are finished, and you should play the video to watch the game character animation.

Show More >> Show Less >>


  1. 10 Essential Composition Tips for Stunning Architecture Photography

  2. Create Engaging Walk-Through Text Videos: A Filmora Tutorial

  3. Color Blocking in Photography: Creative Ideas & Techniques

  4. Replace the Sky in Your Video with Filmora: A Step‑by‑Step Guide

  5. Real Dying Love: Essential Lessons for Crafting Authentic Films

Video Ideas
  1. DIY Guide: Build and Use a Reflector for Stunning Portrait Photos

  2. Why Video Content is Essential: Key Stats and Insights for Businesses

  3. Master Natural Reflectors: Pro Tips for Flawless Portrait Lighting

  4. Top 7 ShareX Alternatives for PC & Mac: Best Screen Recorders + Tutorials

  5. Boost YouTube Engagement: Use Chapters to Retain Viewers in Long Videos

  6. How to Rotate Videos for Facebook: Easy Step-by-Step Guide

  7. Transform Your Garage into a Pro Studio: Create Stunning Dramatic Portraits

  8. How to Master Foreground Framing for Stunning Portrait Photography