<p>Let me start by saying what they did there is actually far, Far, FAR simpler than you think.  I'll try to break it down shot by shot what is going on.</p>

<p>On the title, there are three main elements.  The first element fades in on a time lapse of clouds moving across the mountain.  This appears to be the same time lapse they use a few seconds later for the first subtitle.  </p>

<p>Superimposed over that are two elements.  The first and faintest is a fairly small image of a cloud.  It appears to simply be luma keyed or possibly additively blended (bright parts make bright, dark parts don't impact) and probably has a black background  It's quite probably a CG cloud using particle simulation.  </p>

<p>The last element of this first shot is a title composed of white text.  The text is blended in using a gradient dissolve that bases the time it dissolves being driven by the luminance of an underlying image.</p>

<p>As a demonstration, lets start with <a href="http://www.flickr.com/photos/41107941@N00/3457064913/in/photolist-6gumXt-6guohB-6guoSz-6gupCx-6gypPS-6gyuEf-6gywjA-6gyCcs-6uV2p1-6yggUd-6yp3cr-6ytc5N-6DdxdM-6DhFqC-6HkgLN-6MsbWQ-6Pt9aZ-6TZ3Mv-6VMB6T-6VRCQC-6XwcxD-77adrR-783nYh-79UJgB-7bfATD-7cS8sT-7m5PXk-7nL1wa-7weRvZ-7xYqP5-hTVxhW-e1TJrt-bCgBAv-drYF5S-bVDGTM-dPWAgT-dPWzYk-dzDbgz-aSrq4T-as7pHU-as7pNN-8UoJAp-8UoCt4-8UoCna-dn1pch-8UrGVs-bjipD6-fQwnYj-bv7uaZ-9cX4a9-ffZHWc" rel="noreferrer">this</a> CC image from centophobia on flikr.  With some quick rotating and additive blending (Lighten) in Photoshop, applying a greyscale mode change and then using the curves to give us contrast more suitable to our purposes we get an image like this (after resizing and cropping to fit a 1080p video).</p>

<p><img src="https://i.sstatic.net/mBD10.jpg" alt="Title Dissolve Image"></p>

<p>Now that we have an image to use for the base of our dissolve, we can actually do the title.  Here is a screenshot from doing this in Premiere.</p>

<p><img src="https://i.sstatic.net/BjsaW.jpg" alt="Screen shot of building the gradient title"></p>

<p>First, I imported the image I created and then I made a basic title with plain white block letters.  I then added both of these to a sequence.  Note that the smoke layer should be in the sequence with the title, but it should not be visible.  </p>

<p>Next, I added a Gradient Dissolve to the title clip from the Transition Effects.  Set the Gradient Layer to the layer you put your gradient map on (the smoke image.)  </p>

<p>Next, adjust the settings to add softness to the transition (this is what causes it to work through the gradient rather than having a hard line being exposed).  </p>

<p>Set a keyframe on the transition completion at the beginning and end of where you want it to dissolve in (using the little stopwatch looking button) and set a keyframe at 100 for the beginning and 0 for the end.</p>

<p>When you run it you should get something like this:</p>

<p><div class="youtube-embed"><div>
                <iframe width="640px" height="395px" src="https://www.youtube.com/embed/RcR3foXldOE?start=0"></iframe>
            </div></div></p>

<p>Now for the other titles, it does appear to clearly be working off the strokes of the characters, so there are a few different possibilities.  The most likely one would be to use a similar gradient dissolve, but build the mask based directly on the title.  Drawing a gradient on each character would allow for the control of the reveal to be precisely controlled and the Transition softness would be set to 0 or near 0 to keep a hard line.</p>

<p>As an example, here's doing something for a large letter K.</p>

<p><img src="https://i.sstatic.net/UkEWP.jpg" alt="Gradient to reveal K"></p>

<p>They may have had a titling software that could generate the gradients for them.  Stroke animation is another option, but you'd have to use true vector shapes for the fonts then and a lot more manual work would have to be done to keyframe each different part of each stroke.  The gradient way isn't particularly quick, but it's probably less effort than stokes.</p>

<p>The final transition appears to just be a  highly motion blurred image flying across the frame really quickly and having the other clip after it clears the field.  Just take an image with a lot of horizontal blur, send it across within a few frames and cut to the other video the moment it completely obscures the scene.</p>

CC BY-SA 3.0
2014-03-15T21:07:26.953Z
Wow, what a thorough and detailed answer. Thanks a lot!
José Tomás Tocino
CC BY-SA 3.0
2014-03-15T19:56:07.497Z
2014-03-15T20:23:38.570Z
2014-03-15T20:23:38.570Z
AJ Henderson
<p>I've come across <a href="http://vimeo.com/88627743" rel="nofollow">this video</a> and, as a total noob in video editing, I find it stunning. After watching it a couple of questions arise regarding masks and transitions:</p>

<ul>
<li>The intro title <em>fills</em> with a smoke-like mask. Where can I find a mask like that, if possible for free?</li>
<li>The subtitle and the rest of the titles appear with each letter growing independently. I guess that could be done using a Stroke for each letter and animating it? Seems like a lot of work. Isn't there an automated process for that?</li>
<li>The transitions in 0:16, 0:49 and 1:05. How are those done?</li>
</ul>

<p>I'd also appreciate any kind of basic tutorial about color correction to achieve the same looks as that video.</p>

CC BY-SA 3.0
2014-03-20T20:52:14.740Z
You're asking quite some things in one question. Could you please ask every question separately? This keeps the site organised and enables people to answer one question, even if they don't know answers to the other questions. You could for example ask four questions about the subjects: -Intro, -Subtitle, -Transitions -Color correction.
Saaru Lindestøkke
<after-effects><color-correction><transitions>
How to achieve this kind of masks and transitions
José Tomás Tocino
# How to achieve this kind of masks and transitions

(Asked by: username_0 on 2014-03-15)

I've come across [this video](http://vimeo.com/88627743) and, as a total noob in video editing, I find it stunning. After watching it a couple of questions arise regarding masks and transitions:

* The intro title *fills* with a smoke-like mask. Where can I find a mask like that, if possible for free?
* The subtitle and the rest of the titles appear with each letter growing independently. I guess that could be done using a Stroke for each letter and animating it? Seems like a lot of work. Isn't there an automated process for that?
* The transitions in 0:16, 0:49 and 1:05. How are those done?

I'd also appreciate any kind of basic tutorial about color correction to achieve the same looks as that video.

**Tags:** after-effects, color-correction, transitions

> **Comments:**
> **username_1**: You're asking quite some things in one question. Could you please ask every question separately? This keeps the site organised and enables people to answer one question, even if they don't know answers to the other questions. You could for example ask four questions about the subjects: -Intro, -Subtitle, -Transitions -Color correction.  

---

## 1 answers

### Answer by username_2 on 2014-03-15. Score: 6 | Accepted answer

Let me start by saying what they did there is actually far, Far, FAR simpler than you think. I'll try to break it down shot by shot what is going on.

On the title, there are three main elements. The first element fades in on a time lapse of clouds moving across the mountain. This appears to be the same time lapse they use a few seconds later for the first subtitle.

Superimposed over that are two elements. The first and faintest is a fairly small image of a cloud. It appears to simply be luma keyed or possibly additively blended (bright parts make bright, dark parts don't impact) and probably has a black background It's quite probably a CG cloud using particle simulation.

The last element of this first shot is a title composed of white text. The text is blended in using a gradient dissolve that bases the time it dissolves being driven by the luminance of an underlying image.

As a demonstration, lets start with [this](http://www.flickr.com/photos/41107941@N00/3457064913/in/photolist-6gumXt-6guohB-6guoSz-6gupCx-6gypPS-6gyuEf-6gywjA-6gyCcs-6uV2p1-6yggUd-6yp3cr-6ytc5N-6DdxdM-6DhFqC-6HkgLN-6MsbWQ-6Pt9aZ-6TZ3Mv-6VMB6T-6VRCQC-6XwcxD-77adrR-783nYh-79UJgB-7bfATD-7cS8sT-7m5PXk-7nL1wa-7weRvZ-7xYqP5-hTVxhW-e1TJrt-bCgBAv-drYF5S-bVDGTM-dPWAgT-dPWzYk-dzDbgz-aSrq4T-as7pHU-as7pNN-8UoJAp-8UoCt4-8UoCna-dn1pch-8UrGVs-bjipD6-fQwnYj-bv7uaZ-9cX4a9-ffZHWc) CC image from centophobia on flikr. With some quick rotating and additive blending (Lighten) in Photoshop, applying a greyscale mode change and then using the curves to give us contrast more suitable to our purposes we get an image like this (after resizing and cropping to fit a 1080p video).

![Title Dissolve Image](https://i.sstatic.net/mBD10.jpg)

Now that we have an image to use for the base of our dissolve, we can actually do the title. Here is a screenshot from doing this in Premiere.

![Screen shot of building the gradient title](https://i.sstatic.net/BjsaW.jpg)

First, I imported the image I created and then I made a basic title with plain white block letters. I then added both of these to a sequence. Note that the smoke layer should be in the sequence with the title, but it should not be visible.

Next, I added a Gradient Dissolve to the title clip from the Transition Effects. Set the Gradient Layer to the layer you put your gradient map on (the smoke image.)

Next, adjust the settings to add softness to the transition (this is what causes it to work through the gradient rather than having a hard line being exposed).

Set a keyframe on the transition completion at the beginning and end of where you want it to dissolve in (using the little stopwatch looking button) and set a keyframe at 100 for the beginning and 0 for the end.

When you run it you should get something like this:

Now for the other titles, it does appear to clearly be working off the strokes of the characters, so there are a few different possibilities. The most likely one would be to use a similar gradient dissolve, but build the mask based directly on the title. Drawing a gradient on each character would allow for the control of the reveal to be precisely controlled and the Transition softness would be set to 0 or near 0 to keep a hard line.

As an example, here's doing something for a large letter K.

![Gradient to reveal K](https://i.sstatic.net/UkEWP.jpg)

They may have had a titling software that could generate the gradients for them. Stroke animation is another option, but you'd have to use true vector shapes for the fonts then and a lot more manual work would have to be done to keyframe each different part of each stroke. The gradient way isn't particularly quick, but it's probably less effort than stokes.

The final transition appears to just be a highly motion blurred image flying across the frame really quickly and having the other clip after it clears the field. Just take an image with a lot of horizontal blur, send it across within a few frames and cut to the other video the moment it completely obscures the scene.

> **Comments:**
> **username_0**: Wow, what a thorough and detailed answer. Thanks a lot!  

---

