Blog

Step by step guide on How to Make Beams in After Effects

Written by: Danish
Date Mar 01, 2022
3 min Read
Step by step guide on How to Make Beams in After Effects

With many videos and designs on the web daily, graphic designers or even video production companies must explore more things and load themselves with effective tools. To be on top of the rising competition, there is a trend of mixing old and new tools to make the most of their designs. 

There are so many effects in After Effects that can help you in video editing or making wonderful animations. If you are a motion graphics designer, the beam effect is a must-know effect in After Effects. 

In this blog, we will help you explore how to make beams in After Effects. 

What is the Beam Effect?

The beam effect in After Effects allows you to adjust the qualities and movement of beams such as laser beams. You can be as creative as you can be according to the purpose and needs of your design. 

You can animate the beam by specifying a start and finish point using the beam effect. The beam appears finest when motion blur is employed and the shutter angle is 360. 

The Length control determines the length of the beam as a percentage of the Time value. For example, a setting of 100% means that the visible beam length is at its maximum while the Time control is set to 50%. Time is the percentage of time it takes the beam to travel from beginning to end.

How to use the beam effect?

Now that you know what the beam effect is, I will tell you how to make beams in After Effects. These step-by-step instructions will help you create beams for your graphics, videos, and animations. 

The basic idea of the beam effect in the After Effects is to create a beam between two points. There are a few controls that allow you to style and display it.

So let’s start…

Step 1: Firstly, you need to create a new composition. You can select the width and height of the composition and can also set the frame rate. 

After adjusting the width, height and setting up the frame rate, select a background color and start importing the graphic files by clicking on File> Import> File. Then, select your graphic file and import it.

Image 57 1

Step 2: Double-clicking on the project panel lets you import the graphic files by browsing them in the pop-up window. 

Image 58 1

Step 3: Next, create a new solid layer by selecting the layer> new> solid layer.

Image 59 1

Step 4: Once you have imported the graphic file, you need to drag the files into the timeline. 

Image 60 1

Step 5: Now, select the solid layer. You need to go to the effects panel, which can be seen in the after-effects menu. There you need to search for the Beam effect and apply it to the solid layer.

Image 61 1 1

Step 6: Now, you need to select the solid layer open effects. Select it so that it will let you see the beam open. And after that, you will be able to adjust the length of graphics and icons.  

Image 62 1 1

Step 7: Adjust the starting and ending thickness according to your design requirements. 

Image 64 1

The Time and Length values are linked. Changing the time value will offset the beam’s starting and ending points, cutting it off at those points. It can even be used as a blaster beam between the two points. 

Step 8: Then, you can adjust the softness of the beam. By doing so, you can make the beam more or less blurry.  

Image 64 1 1

Step 9: Adjust the inside colour and outside colour. These are to create a glow or halo effect in the design. 

Image 65 1

Step 10: Now, you need to select the graphic layer and press ‘U’ to let you see all the keyframes applied to any layer. In this case, the position keys will appear.

Image 66 1

Step 11: Now, select the solid layer effect > beam> starting point and parenting to get the position of the graphics. 

Image 68

Step 12: Select from the ending point parenting to the second graphics position. 

Image 68 1

Step 13: Then wiggle in the graphics position. 

Image 69

All set to create Beams in After Effects?

In this blog, I have demonstrated a simple way of using the beam effect in After Effects. I hope this helps you in creating beams between two points or layers. 

You can do many more things with beam effects and other effects available in After Effects to enhance your logo animation, morph shapes, etc., according to your design requirements.

You may also check out various other things like masking in after effects, to gain more video editing tips. 

If you are looking for video editing companies or explainer video production companies, contact us! We are here to assist you with the best expertise and skilled talents. 

Editor: Amrutha

Frequently Asked Questions

How do you create a frame in After Effects?

To create a frame in After Effects, you can use the “Composition” menu and select “New Composition.” Set the desired frame dimensions, duration, and other settings. This creates a new composition with the specified frame size and settings, ready for you to add content.

How do I make a loading bar in After Effects?

To make a loading bar in After Effects, create a shape layer or use a solid layer to represent the loading bar. Then, use keyframes to animate its width or scale to simulate the loading progress. You can also add text or graphics to indicate the progress visually.

How to create an array in After Effects?

Creating an array in After Effects typically involves duplicating layers and arranging them in a grid or sequence. You can use the “Duplicate” function and align layers manually or use third-party scripts or plugins for more precise array arrangements.

How do you make a tunnel in After Effects?

To create a tunnel effect in After Effects, you’ll need to use 3D layers and the camera tool. Start by creating a cylindrical or tunnel-like shape in a 3D composition. Then, use the camera to move through or along the tunnel, creating a sense of depth and perspective. You can enhance the effect with textures, lighting, and additional elements to achieve the desired look.

Dive Into our
Client Testimonials

Listen to business owners like you share how we’ve helped them grow. Your story could be next!

Logo 01
Logo 02
Logo 03
Logo 04
Logo 05
Logo 06
Conrad T. Walz
Play Video

“Recently we reached out to Webdew for a website inside of HubSpot and they also did some mocking automation for us.”

Conrad T. Walz Vice President, Ortholive
Uday Jose
Play Video

“Webdew team was quite honest and quite easy to work with in terms of taking feedback implementing it, showing that it doesn’t happen again and things like making sure that it meets our expectations.”

Uday Jose Managing Director, Enate India
Nishtha Maheswari
Play Video

“We worked with webdew to help us build our HubSpot website and they did an amazing job with it. They were very quick.”

Nishtha Maheswari CEO, Pinkpowerco
Sameer Jhaveri
Play Video

“webdew has helped us optimize the sales and marketing processes, and this is automating a lot of processes.”

Sameer Jhaveri Managing Director, XcellHost Cloud Services
Kiara
Play Video

“Hi everyone my name is Kara and I work as a channel consultant at HubSpot Singapore. I’ve been working closely with webdew agency”

Kiara General Consultant, HubSpot Singapore
Christian Amurao
Play Video

“Hi my name is Christian from OpenDoors Mortgage team and I’m in the mortgage business and just trying to work on new projects and kind of incorporating HubSpot for my operations”

Christian Amurao Founder, OpenDoors Mortgage
Sreekandh
Play Video

“I’m one of the technology directors for Travelopia. We are the largest experiential travel company in the world. We’ve engaged webdew recently, not recently, it’s been about a couple of quarters now.”

Sreekandh Technology Director, Travelopia

“We worked with Chehak over the past several months to create a series of animated videos for an academic planner that we produce. And from the very beginning, she was absolutely professional and a pleasure to work with.”

Veronica Bishop
Veronica Bishop Content Writer, Bishop Content Studio
Logo Image

6x

We helped clients multiply their website conversion rates through strategic design and UX optimization.

20%

Our marketing campaigns led to a 20% uplift in customer engagement across digital channels.

2K+

Delivered over 2,000 qualified leads through targeted funnels and smart automation.

120+

Our video content has earned 120,000+ views, driving brand awareness and audience retention.

“I recently had the pleasure of working with Chehak on a video demo project, and I was thoroughly impressed with her services.”

Matt Kay
Matt Kay Co-founder, Talem AI
Logo

Additional Resources

Access expert tips, trends, and strategies designed for small businesses. Stay ahead of the curve and make informed decisions with our comprehensive resources!