Create a Radar Screen Logo Reveal

Jul 1st in Motion Graphics by Eddie Bogdanov

Using only built in plugins, learn how to create a radar screen which then reveals a logo. You will learn how to use 32-bit mode and few other tricks to simulate a real screen glow.

PG

Author: Eddie Bogdanov

I'm an aspiring digital artist from Latvia mainly concentrated on motion graphics.

Preview

RSS readers: click post title to view preview video at Aetuts+.

Download Preview .flv

File size 1.4MB

Tutorial

Step 1

As usual, create a new composition with the settings you want. For resolution you really want to set at least Half or even Third because this one’s going to be a real resource killer. At least for rendering.

Step 2

First, create a new solid for background. Make it black and give him a name.
At once, make another solid which will be the green spinning thing. Precompose it. I called the comp Spin_thing. Open the composition.
Save.

Step 3

Some of you may have already guessed that we’ll be using Fractal noise. Apply it to the solid.
Now, let’s change the settings.
Change Fractal Type to Dynamic Progressive.
Next, we want to make its contrast pretty high, you’ll see why a bit later
Set Contrast to 170 and Brightness to -70
For more detail, bring down Scale under Transform submenu to 61 and Sub Scaling under Sub Settings to 50.

Note: The difference between Scale and Sub Scale is that Scale does scaling globally while Sub Scale does it in pixel level.

Step 4

To make them lively, let’s set up expressions at two places.
First, Evolution: Alt+click on Evolution’s stopwatch and type in time*150
Do the same with Sub Rotation under Sub Settings and type in time*10
You’re done with Fractal Noise.
Save.

Step 5

Now, the idea is to take that Fractal Noise and distort so it gain’s a circular look.
To get that effect we’ll use CC Radial Blur but first, to make it a bit more blurry and not as sharp, apply Fast Blur to Fractal layer and set its Bluriness to 16.
After that, apply CC Radial Blur. Set its type to Rotate and Amount to 33, this gives us a circular distortion which is what we want.

Step 6

Next, to give it that blend together look and also the base color, apply Glow effect.
Since Fractal Noise’s pixels are covering only small areas, Glow isn’t affecting them because its Threshold is too big. So lower Glow Threshold way down to 0% - now all pixels, that aren’t black, are being influenced by Glow.
Also, raise Glow Radius to around 85% so it blends better.
Save.

Step 7

Let’s apply the color inside Glow effect so set Glow Colors to A & B Colors.
Next, you’ll choose colors themselves. I wanted to make it green so I went with following:
Color A - #284A00 and Color B - #060C00
You can choose whatever works for you.
Save.

Step 8

The colors still looks dim so the last effect that we’ll be applying for Fractal will be Exposure.
Apply and set Exposure to 5.00 and at once you can see how dramatic effect it leaves.
But there’s a problem – zoom in and you’ll notice some ugly looking stuff. That’s because of lacking color depth, presuming you haven’t changed it (defaults at 8 bits per channel).
To correct this problem go to File>Project Settings and under Color Settings find Depth and change it to 32 bits per channel. Alternatively you can Alt+Click on BPC icon on Project panel.
Save.

Step 9

Scrub through timeline and see that there’s something missing – the actual spinning.
Open layer’s Rotation and Alt+click on its stopwatch. Type time*50
Now, there’s one more thing missing, Fractal layer isn’t tall enough to fit into composition. Change that by going to Layer>Solid Settings and change the Height to 1280. It still doesn’t fit completely but you don’t need it since we need only a part from it.
Save.    

Step 10

To cut the unnecessary you’ll have to create a track matte (you can’t use regular mask because feathering doesn’t work due to applied effects).
Basicly create a new, white solid and draw a round mask on it with a size you need.
Set its feather to around 30.
Then select Fractal layer and set its track-matte to Luma Matte.
Save.

At this point, I strongly recommend you to pre-render this element because later it can save tons of render time (don’t forget to add alpha channel by setting Millions of Colors+)

Step 11

Get back to Main_Comp. Apply Radial Wipe (Transition>Radial Wipe) effect to Spin_thing layer. We’ll animate the revealing of our ring. Set the timeline marker to frame 0. Next, set keyframes for Transition Completion (with value 100%) and for Start Angle (with value 120 degrees). Also change Wipe to Counterclockwise.
Go to 01:12 in timeline and set keyframe for Transition Completion with value 80%
Go to 01:17 and set Star Angle to 1x +120 degrees so there would be one full revolution. Also set it as Easy Ease keyframe (F9).
Go to 02:13 and set Transition Completion to 0%
You can animate this on your own also, depending on how you want to reveal it.
Lastly, set Feather to 110.
Save.

Step 12

Now we’re going to add that cool looking glow and light rays. It’s super easy.
Duplicate Spin_thing layer and recall the upper one Spin_thing_glow. Set its Blending Mode to Add.
Apply CC Radial Blur again, set its Type to Fading Zoom and Amount to 190.
Bring down the Opacity for Spin_thing_glow to 70% so the glow would be a little less harsh.

Step 13

Let’s start with that dust you can see on preview. Make a new solid and call it Dust_particles. Then Precompose it and call the comp Dust. Open it.
Apply Particular to Dust_particles. Change Particles/sec to 300, Emitter Type to Box and Direction to Directional. Bring down all 3 Velocity values to 0 as we want them to move super slowly.
Next change Emitter Sizes X and Y to 1500 so it fits the screen and Emitter Size Z to 3000 so there would be a depth.
Now, you don’t want them to be near so set Position Z to 570.
Save.

Step 14

Go to Particle submenu and set hers Life to 30 seconds and Size to 2. Also set the color to beige or something similar.
Go to Physics and set Gravity to 1. Open Air pull-down and change Spin Amplitude to 20. It’ll give particles a random movement. Lastly, set Wind X to 3 so they wouldn’t fall straight.
Save.

Step 15

As you scrub through timeline, you can see that new particles are being born all the time. We’ll use a little keyframing to stop them from emitting.
Go through timeline and find a place where you think there are enough particles. For me it was at 9:00.
Now switch back to Effects Control and click the stopwatch to create a keyframe. Then press PageDown or just go 1 frame forward and set Particles/sec to 0.
After this, offset the layer in timeline so the point where particles don’t emit anymore would be at 00:00.
Save.

Step 16

It doesn’t look dusty enough. Well, we can change that easily.
First, duplicate Dust_particles layer and recall the lower one Dust_blur.
Apply Fast Blur to Dust_blur and set its Bluriness to 20.
Then create a new solid and call it DustyMist, apply Fractal Noise to it.
Again, we want only some areas visible so bring Brightness down to -65.
Under Transform increase Scale value to 280.
At last, apply time*50 expression to Evolution.
Set layer’s Blending Mode to Add and Opacity to 30%.
Save.

Step 17

Get back to Main_Comp. What we need now is to make dust when our ring illuminates the scene. To do so, duplicate Spin_thing_glow layer and put it directly above Dust because it’ll serve as a track matte. Recall it Spin_thing_matte.
Next, we need to make matte layer black and white so Luma matte can be applied.
Do this by applying Tint effect. It’s not bright enough. Apply Brightness & Contrast (under Color Correction). Set its values to Brightness 90 and Contrast 50.
Now you can set Dust’s Track-Matte to Luma Matte. Set Dust layer’s Blending Mode to Add!
Save.

Step 18

Next element is that wave coming from ring when it fully reveals. Make a new solid and Precompose it. Call it Wave. Open it.
Apply Fractal Noise to the layer and set its Contrast to 135 and Brightness to -45. Change Scale to 27. Apply time*100 expression to Evolution.
Return to Main_Comp.
Save.

Step 19

Position Wave layer where you want wave to start. Now you’ll have to work on your own a little and animate two masks in the same way the wave in preview movies. See the screenshot. Don’t forget to set Mask Feather – for outer mask to 75 and for inner – 150.

Step 20

Apply the effects listed in screenshot. Set similar settings and choose a hue depending on your ring’s color if you’ve chosen something other than green.
Change Wave layer’s Blending mode to Add.

Step 21

The only thing left is the reveal of our logo. Place it inside Main_Comp and Precompose it.
Then position LOGO composition to where you want to reveal it.
First, you’ll animate its Scale properties so it would scale gradually. I animated it to scale from 75% to 100% over 2 seconds. Easy Ease both keyframes. Save.

Step 22

Then you have to duplicate it. Call the upper one LOGO2.
Next you have to change Blending mode for LOGO to Color Dodge. Also apply Fast Blur with Bluriness at 18.
Highlight LOGO2. You don’t want to see the full logo now so bring down its Opacity to 0%.
Position your timeline marker to place around 15 frames before Scale reaches 100%.
There set a keyframe for Opacity at value 0%. Move some 15 frames forward and set Opacity keyframe at 100%. Easy Ease both of them. Save.

Step 23

To stylize the look of logo a bit duplicate Spin_thing_matte layer and bring it above LOGO2.
Then select LOGO2 and set its track-matte to Alpha Inverted. Also bring down Spin_thing_matte 2’s Opacity to 20%. Save.

Step 24

Now you should apply Radial Wipe transition to LOGO layer so it doesn’t just pop up from nowhere (you can also animate its opacity for a fade in).
Set Radial Wipe’s feather to 50. Further you can set Transition Completion animation on your own. Again, you should use Easy Ease for smoother transition. Save.

Step 25

The last thing you should do in this composition is tom make that “out of the focus” background once logo has appeared. To do that, create new Adjustment Layer and call it Blur. Place it beneath Dust layer so nothing above gets blurred. Then offset it where you want blurring to start and animate it by keyframing Bluriness from 0 to 100 over around 10 frames. Don’t forget to tick Repeat Edge Pixels.
Save.

Step 26

What’s left is some color correction. Precompose the whole Main_Comp into a new composition. Call it Final_Comp. For a more cinematic look, apply Noise effect. Set it to 6% and untick Use Color Noise. Set up a Curve effect too and draw a little contrast curve.
Congrats, you’re done!

Reminder: If you decide to make a camera animation, for instance zooming, don't forget to check Collapse Transformations for Dust layer to preserve particle detail.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Duck3h July 1st

    Nice!

    ( Reply )
  2. PG

    Dan July 1st

    nice effect
    Thanks
    I like the non-video tutorials aswell

    ( Reply )
  3. PG

    Daniel July 1st

    NIce one

    ( Reply )
  4. PG

    aclubs July 1st

    woow! the first to comment!! Looks lovely, i’ll try it later

    ( Reply )
  5. PG

    Slavik Fjodorov July 1st

    Zdarova zemjljak,tutorial prosta viwka:) maladca tak derzatj :)

    ( Reply )
  6. PG

    Grid July 1st

    Man I dont undertand anything form this, I ,m just taking your tekst it down here.

    Step 5 (To get that effect we’ll use CC Radial Blur but first….) You dont saying if you will or not add the effect to it.

    Please be more specific next time it looks a good tut but I dont know I think i,m not gane follow it. A video tut would be mush better.

    Anyway, looks nice and thanks for sharing it with us.

    ( Reply )
    1. PG

      Eddie Bogdanov July 1st

      You have to apply Radial Blur right after Fast Blur as stated in the next sentence.

      ( Reply )
      1. PG

        DonSimon September 24th

        I think this is much better than a video tut to be honest, I like being able to see the settings menus in detail. Sounds like the poster just needs to practice more as some of the stuff in here is a bit beyond many people. I love working in 32bpc and I thankyou for taking the effort to provide this wicked tut!!

  7. PG

    vasu July 1st

    Gr8 tutorials dude.

    ( Reply )
  8. PG

    kevin July 1st

    Looks good.

    ( Reply )
  9. PG

    Rafael Braga July 1st

    I can’t see the preview, is blocked here. But when I saw the images it made me remeber another tutorial .. http://www.videocopilot.net/tutorials/spin_orbs/

    Great job .. thanks for sharing!!!

    ( Reply )
    1. PG

      Eddie Bogdanov July 1st

      Thanks. You can see preview here if this one’s not working – http://vimeo.com/5390215
      VCP is not what inspired me.

      ( Reply )
      1. PG

        Billy July 1st

        right…..extemely similar…right down to the particles. It’s a nice effect….but one that has already been done by Kramer. Good to see AETUTS is now paying for stuff that has already been done.

    2. PG

      Ei_b3low July 1st

      yeah,thats true…like spin orbs frm VCP

      ( Reply )
    3. PG

      Lloyd July 1st

      [EDITOR'S REPLY] I was not aware of the Video Copilot tutorial when we accepted this tutorial. It is impossible to know of every tutorial out there, however, now that I have gotten a chance to review it I will agree that it is very similar and probably would not have accepted it had I known this before hand. We have a very strong stance against plagiarism here at Aetuts+ and would normally pull a tutorial if we felt it was plagiarized. The reason I believe Eddie in this instance is because this is a very basic technique that has been in common use since before VCP published its spinning orb tutorial and it is completely plausible that Eddie came up with this effect on his own. Some people have also been pointing out that Eddie’s underwater tutorial is also a copy from VCP, but in that case it is completely not so. The only similarity with those tutorials is the fact that they are both “underwater” themes. As for this tutorial, besides the base of radial blurring a fractal noise pattern, I believe that there is still some other great stuff to be learned that is not in the spinning orbs tutorial and am therefore leaving it online.

      ( Reply )
  10. PG

    Gez July 1st

    This is very similiar to that video copilot tutorial

    ( Reply )
  11. PG

    Chaithanya Y July 1st

    Nice tut dude…
    :)

    ( Reply )
  12. PG

    Chaithanya Y July 1st

    Nice tutorial…

    ( Reply )
  13. PG

    Patrick Riley July 1st

    Not really a radar screen lol but sweet effect. Check out my site im working on hazystudio.com

    ( Reply )
  14. PG

    Thorsten July 1st

    i also see the first image and think about vcp and a real looking radar would be impressive. this is randomly done with fractal noise.

    i am disappointed cause you say also that you are making effects since 6.5, so you are able to create a real looking radar based on yout tut. Thinking about a little expression that controlls the brightness or so…

    First time i have to say, that aetuts dont impress me :-(

    ( Reply )
  15. PG

    Jemorn July 1st

    Nothing against the tutorial, it looks great. Just surprised that you have now posted two tutorials that look awfully similar to VCP stuff, and you’ve been praised for coming up with it on your own. The underwater scene looks almost identical to the free AE project that Andrew Kramer posted a few weeks ago. This one is very similar to the Spinning Orbs tut. There is enough variation that I think it is fine, but be careful of plagiarism.

    ( Reply )
  16. PG

    tri thuc July 1st

    i love this tuts

    ( Reply )
  17. PG

    PlopFace July 1st

    I prefer video tuts myself. Also would prefer if they didnt explain every little thing. If your new to AE,do some beginer tuts.

    ( Reply )
  18. PG

    Satya Meka July 1st

    dude..you are so quick in making tuts…good job keep it up..

    ( Reply )
  19. PG

    ALJ July 1st

    nice one ,,, i really like it

    ( Reply )
  20. PG

    Ron July 1st

    This is VCP.
    Cmon guys, where’s the originality!

    ( Reply )
  21. PG

    Jon putts July 1st

    I love this effect!!!! Its nothing like vcp, alll you haters need to come up with some original ways to be negative. I mean thats all I hear from you everytime you post.blah blah waaa waaa where is my free template that I can rip off today hmmmmmm?

    ( Reply )
  22. PG

    John July 1st

    Copied from videocopilot.net …
    Your other water tut was also taken from there.

    Do you think people won’t notice? I can’t believe tuts+ is paying for this stuff. The money could be invested in original tutorials.

    ( Reply )
  23. PG

    Attila July 1st

    at step 10 how do you create a track matte?
    please help, i’m stucked there :(

    ( Reply )
    1. PG

      Eddie Bogdanov July 1st

      You just make a white solid and draw a round mask like in screenshot. Then open Fractal layers TrkMat pull-down menu and set it to Luma.

      ( Reply )
      1. PG

        Attila July 7th

        Thanks :) )

  24. PG

    PRIYESH July 1st

    Just a little note – Eddie`s introduction on this tut says “only built in plugins” – Particular is not built in, but Particle World is. Only a minor error!

    ( Reply )
  25. PG

    David W. July 1st

    Nice one Eddie! :)

    ( Reply )
  26. PG

    João Pezão July 1st

    Great… hello from Brazil

    ( Reply )
  27. PG

    spin July 2nd

    great tut Eddie!
    even if it isn’t a video one, it’s clear and well explained.
    tnx!

    ( Reply )
  28. PG

    Chip July 2nd

    Haha. When I watched the preview I immediately saw the VCP tutorial in my head. I see I’m not the only one.

    Thanks for the post AETuts! Really anything is appreciated. I’m not going to bash a site that posts free tutorials… ever.

    ( Reply )
  29. PG

    jose July 3rd

    nice!
    but it doesn’t looks at all like a radar screen!

    ( Reply )
  30. PG

    CgBaran Tuts July 3rd

    Great tutorial but i agree with jose it’s not a radar screen

    ( Reply )
  31. PG

    Binggeba July 3rd

    So what i it looks a little like another tut somewhere else? It don’t mean that they’re copying them or anything…
    Instead just be thankful that you get to see and learn from all these great FREE tutorials!

    ( Reply )
  32. PG

    mohamed July 3rd

    thanks man for this tut ^.^

    ( Reply )
  33. PG

    mohamed July 3rd

    heee guys ,i dont know what do u want about its like vcp or not ,the point here its to get some tricks in after effects and learn more about it ,so be deepless……….

    its a g8 tut

    and thanks to Eddie Bogdanov ,i appreciate ur hard work man :-)

    ( Reply )
  34. PG

    Omar Ghomrawi July 13th

    THX ALOT. great work

    ( Reply )
  35. PG

    rk July 15th

    hi, where is the Particular command in AE CS4?

    ( Reply )
  36. PG

    teddy July 15th

    Particular is a plugin, like other ‘Trapcode’ plugins you can download the demo, google it.

    I’m unsure of step 19, it looks as if you’ve keyframed the shape of both masks? do we need to add a radial wipe and animate that? I can’t figure out what to do.

    ( Reply )
    1. PG

      teddy July 15th

      or do are we supposed to keyframe the shape in order to scale up?

      ( Reply )
  37. PG

    rk July 16th

    thanks teddy… im stuck at 19 too, not sure what to do!

    ( Reply )
  38. PG

    Eddie Bogdanov July 16th

    Step 19 requires you to keyframe mask shapes so they grow from small to bigger. I did it first animating one mask, then I duplicated it and offset it like in screenshot so they have the same animation. And the lower one must be subtracted

    ( Reply )
  39. PG

    Steve July 16th

    uhhhh… hasn’t Andrew Kramer already got a tutorial something like this ? Spin offs or something, ahhh anyway, nice tutorial!!

    ( Reply )
  40. PG

    M Papa October 6th

    Good but you shouldn’t say it uses ONLY built in plug if it uses additional plug ins. Have been trying all day to suss this out.

    ( Reply )
  41. PG

    M Papa October 6th

    and its annoying as i cant get the download to work, yes from the website, so i have wasted a whole day!

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 6th