Skip to main content
W
wallaceb1
Participant
July 2, 2020
Answered

How to create edge lighting on After Effects?

  • July 2, 2020
  • 3 replies
  • 4756 views

Hi all,

 

I'm a big fan of that cool effect Samsung phones have when you play a song and the edges light up blue in a pattern like way. How could I begin to emulate that effect as a border for a video for example? Sort of as if Tron neon blue lines 'drew' the border of the video?

 

I hope my explanation makes sense.

 

Thanks,

 

Ben

This topic has been closed for replies.
Correct answer Rick Gerard

There does not seem to be any glow or blur to the stroke effect so here's what I would do:

  1. Create a rounded rectangle with a stroke only
  2. On a new shape layer round Ellipse big enough to cover the rounded rectangle filled with a white to gray to white linear gradient
  3. Set the Round Ellipse shape layer as a luma track matte for the rounded rectangle and animate rotation to give you constantly changing opacity on part of the rectangle

Or:

  1. Create a round Ellipse with a linear gradient fill using the colors you want and animate rotation
  2. Add a new Rounded Rectangle shape layer with a stroke only
  3. Set the Rounded Rectangle layer as an Alpha Track Matte for the rotating ellipse

Or, if you want something even fancier:

  1. Create a comp sized rectangle by double-clicking the Rectangle tool, add a multi-colored linear gradient and Apply Polar Coordinates 100%, Rectangular to Polar to create a color wheel
  2. Pre-compose
  3. Add a rounded rectangle shape layer and set it as a track matte for the pre-comp
  4. Animate rotation of the pre-comp

Here are the screenshots of all three techniques fancied up a bit with expressions to tie the layer position together and simplify tine tuning the project. I would probably add just a touch of glow.

 

 

3 replies

W
wallaceb1Author
Participant
July 2, 2020

Hi all, I've attached a small video here I uploaded of the sort of thing I'm hoping to achieve. You can see how the border sort of pulses around itself.

 

I hope it helps to demonstrate what I'm looking to create. I have quite a healthy amount of experience with Premiere Pro and Photoshop although After Effects is something I'm trying to learn as best as I can.

 

Thanks very much.

 

https://youtu.be/oez6-3UpCT0

 

R
Community Expert
Rick GerardCommunity ExpertCorrect answer
Community Expert
July 3, 2020

There does not seem to be any glow or blur to the stroke effect so here's what I would do:

  1. Create a rounded rectangle with a stroke only
  2. On a new shape layer round Ellipse big enough to cover the rounded rectangle filled with a white to gray to white linear gradient
  3. Set the Round Ellipse shape layer as a luma track matte for the rounded rectangle and animate rotation to give you constantly changing opacity on part of the rectangle

Or:

  1. Create a round Ellipse with a linear gradient fill using the colors you want and animate rotation
  2. Add a new Rounded Rectangle shape layer with a stroke only
  3. Set the Rounded Rectangle layer as an Alpha Track Matte for the rotating ellipse

Or, if you want something even fancier:

  1. Create a comp sized rectangle by double-clicking the Rectangle tool, add a multi-colored linear gradient and Apply Polar Coordinates 100%, Rectangular to Polar to create a color wheel
  2. Pre-compose
  3. Add a rounded rectangle shape layer and set it as a track matte for the pre-comp
  4. Animate rotation of the pre-comp

Here are the screenshots of all three techniques fancied up a bit with expressions to tie the layer position together and simplify tine tuning the project. I would probably add just a touch of glow.

 

 

    W
    wallaceb1Author
    Participant
    July 3, 2020

    Hi Rick,

     

    That's amazingly helpful, thank you very much! I appreciate you taking the time out to create and show this. I'll get on with giving this a go as it's a much better idea than anything I had previously, plus it's a great way to get me more familiar with Adobe After Effects.

     

    Many thanks,

     

    Ben

    R
    Community Expert
    Rick GerardCommunity Expert
    Community Expert
    July 2, 2020

    Edges require layers with transparency so you'll need some masks or track mattes.

    Making things light up can be created with blurs and blend modes, or the glow effect.

    Values can be automated to sound levels using the Keyframe Assistant>Convert Audio To keyframes and a linear(t, tMin, tMax, value1, value2) expression.

     

    Show us a screenshot of what you want to do and we can give you an idea of how to do it. I've already given you the basic workflow and an easy way to make a bluish glow around the edges of a layer respond to an audio track.

      W
      wallaceb1Author
      Participant
      July 2, 2020

      Hi Rick, thanks a lot for this. I've attached a video in the comments of the sort of thing I'm looking for. I should have specified that I'm not actually looking for it to respond to an audio track, just the edges graphic effect on its own. I hope the video helps.

      Mylenium
      Mylenium
      Legend
      July 2, 2020

      You need to provide a link to an example video. Not everyone is going to know what it even looks like, thus making it impossible to advise.

       

      Mylenium

        W
        wallaceb1Author
        Participant
        July 2, 2020

        I've attached the video underneath, thanks for the advice!

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices