Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating the phone reveal glow

From: CINEMA 4D: Rendering Motion Graphics for After Effects

Video: Creating the phone reveal glow

The phone really looks like it's emerging from the platform now, but it really doesn't feel too energetic. To set up the huge explosion that we're going to add later on, we really need to give our phone some energy. We're going to use the Starglow effect again to add some energy to the phone. So let's go into the MMM-001 Working COMP and this is where all of our compositing is coming together and if I scrub back in time, you're going to see that phone now emerge up out of a platform, and that's all thanks to that track matte that's in the Phone Pass Pre-COMP. If I use the page down key and just page through that, you can see that the phone is coming out, but it still looks the same as it did.

Creating the phone reveal glow

The phone really looks like it's emerging from the platform now, but it really doesn't feel too energetic. To set up the huge explosion that we're going to add later on, we really need to give our phone some energy. We're going to use the Starglow effect again to add some energy to the phone. So let's go into the MMM-001 Working COMP and this is where all of our compositing is coming together and if I scrub back in time, you're going to see that phone now emerge up out of a platform, and that's all thanks to that track matte that's in the Phone Pass Pre-COMP. If I use the page down key and just page through that, you can see that the phone is coming out, but it still looks the same as it did.

It's coming out of this white hot energy environment, and so it really should have energy imparted into it as it passes through that boundary. So I'm going to use the Starglow effect and I'm going use it a couple times. The first -time I use it it's going to give a warm energy to it. The second time I use it, it's going define more of the shape of the phone. And so let's start off by giving it the warm energy. If I go and twirl these layers closed, I'm going to scroll down and find my Phone Pass Pre and there it is right there. Duplicate the Phone Pass Pre by hitting Command+D or Ctrl+D on the keyboard.

When I do that, I now have a layer that I can apply my Starglow effect to. I go to the Effects and to Trapcode and to Starglow. And you see initially nothing happens. That's because the Starglow effect in its default settings is based on the light and dark values within the phone. Our phone is almost entirely black. So what I want to do next is change the basis for the Starglow. I'm going to start off by changing it from Lightness to Alpha and watch what happens when I do that. Now it's looking at the alpha channel for that layer and using that as the basis for the Starglow and that's giving me a much brighter affect. You can see it's completely overwhelming the phone.

Now there are some really cool presets and the Preset pulldown, and we're going to use Warm Star as our basis. And now I want to make some tweaks to it. I am going to dial down the Streak Length. I'm going to bring this down. It starts off at 20. You can see it gives these really long streaks in there. That's a little too much for my taste and I am going to bring this down to about four or five. Sart off with four. That actually feels pretty good. I'm going to leave it there. Boost Light, I might want to kick that up just a bit. Watch what's happens. the Boost Light controls the intensity of the effect and as I scrub that forward, you're going to see the phone get brighter and brighter and brighter.

I'm just going to crank this way up so you can see just how hard it can get. The problem with thought is that it sort of starts to kill the rays effect the higher it goes, and so what I want to do, instead of cranking it up that high, I'm just going to bring up to about maybe seven or eight. So I'm going to click on that and go seven and that feels pretty good. What I want to do next is to turn down something called the Source Opacity. When you add the Starglow effect to a layer, it sits on top of the existing layer, but there's a lot of times where you'd much rather have just the Starglow effect and this is one of those.

By turning down the Source Opacity, I now will only see the actual Starglow effect and not the phone layer underneath. That allows me to change the blending mode of the entire layer and have some interesting blending effects with the layers below it. Before I change that layer though, I want to create the next Starglow effect. I'm going to duplicate the Phone Pass Pre layer one more time. I hit Command+D or Ctrl+D. And now for the Starglow effect that I'm going to use here, I'm going to change it from Warm Star to White Star. Now I haven't changed any of the other settings.

It's still using the alpha channel as the input basis and you can see that basically it is just sitting on top of the existing Starglow effect and that's not really what I want to have. I want to add some shape to this phone. So in order to do that I'm going to change the basis from Alpha to Luminance. That's going to look at a more subtle variation on the light and dark values and I need to now change the Pre-Process. The Pre-Process controls the range of pixel values that the filter uses to generate the Starglow effect. So if I twirl this open, I've got some options here. The Threshold value controls the pixel values that it uses to generate that affect.

Higher values limit the effect, lower values expand the effect, and I want to expand this effect almost all the way to zero, and in fact let's just put it down to zero and see how that does. I'm going to scrub it to the left and as I do that, you're going to see more of the White and the closer I get to zero, actually I will bring it all the way down to zero, there we go, and you can see that now that it's at zero I have a little bit of shape. And that's what it has done is that's given me some shape to my otherwise orange blob that I had created with the first Starglow effect. Now if I increase the Boost Light, that's going to brighten up that effect.

I don't want to get it too bright, but I wanted to just expand it up just a little bit. I think that might be too bright. That's 15. Let's bring that down to more about 10. That's pretty good. Now what I can do is to change the blending modes for these layers to mix them back in the background a little bit. So I'm going to go to Switches and Modes column and they bring back by modes. This layer here is the orange Starglow and so I'm going to change that blending mode to Add. Now you can see that mixes that Starglow back, especially into that area where it intersected with the platform, and then I'm going to do the same thing for the Phone Pass Pre layer that has the white Starglow on it.

So I'll change that blending mode to Add as well, there we go. Now you can see how it really burns into that orange effect. Now that it is doing that, it's burning in so hotly, I'm going to dial down the Boost Light so that it's not quite so intense. I will bring that down to about five, there we go. Now we got a little bit of that color back into it. It's a very subtle difference, but with a Boost Light at 10, it was completely white here. When I change the Boost Light back to 5, I got little bit more yellow in here and white only in the most intense parts of the image.

Now though we got our glow in place, what we need to do is to make the glow disappear over time. When the phone emerges out of the platform, it's going to explode with energy and during that explosion the Starglow needs to disappear so that we're left with the clean phone at the end. So I'm going to use Opacity keyframe on these Phone Pre Pass layers to make the Starglow effect disappear. Now the place where the Starglow effect needs to start disappearing isat something called the camera shake point, and if I zoom in on the timeline-- I'm going to use the plus key on the keyboard and hit that a couple of times.

And you can see, I'm parked on the camera shake point. This is where the phone explosion is actually going to start. The camera jumps back from that point to show the explosion. And so that's where I want my Starglow effect to start disappearing. So I'm going to select this first Phone Pass Pre, hold down the Command key, and select the one right below it, and I'll hit T on the keyboard to bring up the Opacity effect. So now that I've got the Opacity visible, I'm going to click on the stopwatch to set a keyframe and with the stopwatch active, now I've got keyframes at this point in time for 100% opacity.

Now with my Opacity at 100%, I want this to disappear over time and so let's scrub forward in time and see about where it needs to disappear. I'm going to use the minus key on the keyboard to back out just a bit. Now the place where the camera stops moving is somewhere right around in this range here and so I want the Starglow effect to be gone before then. So I'm going to scrub through and find that point. We'll go right about here I think. I think that's a good spot and I'm at frame 48 and I'm going to go the Opacity and set it to be zero for both of these layers.

So I'll hit the Tab key. That's going to bring me to the next Opacity and I hit zero there. You can see each time I do that it sets the keyframe automatically. Now, as I scrub through the piece, the Starglow effect is really bright and then it dissipates right around frame 50. Adding these glows really helps to define the shape of the phone as it emerges from the platform, and the technique of using blending modes to dial in your effects really helps to add subtlety to your animation.

Show transcript

This video is part of

Image for CINEMA 4D: Rendering Motion Graphics for After Effects
 
Expand all | Collapse all
  1. 5m 48s
    1. Welcome
      57s
    2. Using the exercise files
      50s
    3. Essential plug-ins
      4m 1s
  2. 51m 44s
    1. Essential render settings
      6m 24s
    2. Setting up an object buffer list
      6m 17s
    3. Creating object buffer tags
      10m 48s
    4. Setting up multi-pass image layers
      5m 37s
    5. Creating an external compositing tag
      1m 47s
    6. Creating render passes using the Render Elements plug-in
      9m 39s
    7. Using Render Elements to optimize render passes
      5m 12s
    8. Batch rendering
      6m 0s
  3. 31m 33s
    1. Importing files and organizing an After Effects project
      6m 58s
    2. Creating a 3D object precomp
      3m 15s
    3. Attaching a video layer to a 3D object
      8m 17s
    4. Compositing 3D text
      2m 47s
    5. Compositing a dynamic 3D background
      4m 23s
    6. Setting markers for major events
      5m 53s
  4. 39m 46s
    1. Adding the Star Glow effect to a layer
      4m 32s
    2. Creating a glow on the stadium background
      5m 56s
    3. Revealing the background glow using a 3D layer mask
      7m 19s
    4. Creating a glow using the Ambient Occlusion pass
      6m 9s
    5. Using the Ambient Occlusion glow to create an energy animation
      4m 25s
    6. Creating a stadium light effect using object buffers
      4m 38s
    7. Adding flash bulbs with the CC Light Rays effect
      6m 47s
  5. 53m 16s
    1. Creating the phone reveal
      5m 10s
    2. Creating the phone reveal glow
      7m 49s
    3. Creating the phone reveal beams
      7m 17s
    4. Colorizing the energy beams
      6m 21s
    5. Creating the energy burst
      10m 19s
    6. Using Trapcode Particular to add sparks to the phone reveal
      10m 53s
    7. Creating the phone screen video
      5m 27s
  6. 15m 37s
    1. Creating the type glows
      9m 36s
    2. Adding the type glint
      6m 1s
  7. 34m 33s
    1. Creating a camera shake effect using precomps
      8m 12s
    2. Adding depth of field with the Lens Blur effect
      8m 14s
    3. Transitioning to full-screen video
      8m 17s
    4. Using the ReelSmart Motion Blur effect
      4m 17s
    5. Putting together the final comp
      5m 33s
  8. 1m 25s
    1. Next Steps
      1m 25s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed CINEMA 4D: Rendering Motion Graphics for After Effects.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.