11 Replies Latest reply: Jul 26, 2012 11:03 AM by BenjaminMarkus RSS

    Horizontal Line Tutorial Request

    silviotiago

      Hello!

       

      My sister is going to marry and I have a couple of videos that I will show in her wedding, that in my plan, will end with a video of me talking using this format:

       

       

       

       

       

       

      I would like to know how to make that effect, drawing that line at same time my finger moves ( I mean, not only to appear but moving till end of screen).

       

      I found one guy in youtube that told me how to do it, but I don't understand, he have a video like that. he told me:

       

      'Draw a rectangle with more length than height, then apply it one effect that allows you to put 4 colors in the rectangle (I don't remember the name, but its 'four' something) Then duplicate the layer and in the second apply a little bit of Blur and its done"

       

      Can anyone make me a Dumb Tutorial?!

      Thank you!

        • 1. Re: Horizontal Line Tutorial Request
          Rick Gerard MVP

          You can create the line using a shape layer with an animated gradient fill, or a shape layer with fractal noise applied and colorama, or . .. or. .

           

          The other technique, the appearing text and images, is nothing more than animating position and masking. A track matte would be easiest.

           

          The rest is just keyframing. There's nothing complex enough in the sample video to require tracking. Then a little glow or some duplicated layers with blur and blend mode combinations.

           

          If you have no clue what to do with these suggestions try starting at the basics to learn keyframing and masking. Figure how those basic elements works, report back, and I'll point you to a fractal noise / colorama example.

          • 2. Re: Horizontal Line Tutorial Request
            BenjaminMarkus Community Member

            Here's a page full of links to After Effects resources, such as tutorials: http://bit.ly/c06llu

             

            Otherwise I would just follow Rick's advice and animate a mask over a shape layer with colorama, an animated gradient and/or fractal noise on it.  It should be really simple.  You're not trying to do something more complicated like make the light draw text along with your finger are you?

            • 3. Re: Horizontal Line Tutorial Request
              silviotiago Community Member

              Thank you!
              I will start tomorrow learning those basic tutorials.
              I really just want to make that line (because its very famous in Portugal, and once people see it in wedding they will start smiling!)

               

              Then I will report you back for you to help me!

              • 4. Re: Horizontal Line Tutorial Request
                silviotiago Community Member

                Hello BenMarkus.

                 

                I really just want to draw that specific line ( just similar colors and if it's 'shinning' like the original, better, because its very famous in Portugal and will make people smile for sure on wedding)

                 

                I have to watch tutorials, because I just have couple of weeks till wedding!
                The animations I will make on Final Cut, where I am better...

                • 5. Re: Horizontal Line Tutorial Request
                  Rick Gerard MVP

                  If you just want to draw the line use the shape tool and fill it with a gradient, then apply glow.

                   

                  A careful look at this screenshot tells you all you need to know. Layer 2 is a simple shape path drawn with the pen tool and colored with a gradient. The gradient editor is visible. You can animate the colors. To layer 2 I applied glow and a directional blur.

                   

                  Layer 1 is a copy of layer 2 with slightly different glow settings and a blur of only .5. The blend mode for both layers is set to ADD and they are laid over a screenshot of your sample video.

                   

                  Should take you about 5 minutes.

                   

                  Screen Shot 2012-07-10 at 12.11.38 PM.png

                  • 6. Re: Horizontal Line Tutorial Request
                    BenjaminMarkus Community Member

                    Rick's method is fantastic, but I've had trouble with the glow effect due to the way it treats different colors.  If you notice it seems to make some of the colors glow more than others.  You can play with the settings, but I've always found it to be easier to do this kind of thing with feathered masks.  That way your masks are already there and you can do all your animation on one of the shape layers and then just copy the keyframes over to the duplicate when you're done.  Doing it this way might look a little more similar to your example, but of course it all depends on what kind of look you're going for.  Anyway, here's a little tutorial for the way I would make this.

                     

                    Rainbow_Line_Tut.png

                    • 7. Re: Horizontal Line Tutorial Request
                      Mylenium MVP

                      but I've had trouble with the glow effect due to the way it treats different colors.

                       

                      Simply duplicate the layer and blur it, then use Add or Screen blending mode.

                       

                      Mylenium

                      • 8. Re: Horizontal Line Tutorial Request
                        silviotiago Community Member

                        Thank you so much for the trouble, you both had lots of trouble making this, I can't thank you enough!!
                        I will try it this week following your tutorial and BenMarkus also!

                         

                         

                         

                        Thank you both for your time!!
                        I will report back if I will find any issue!!

                        • 9. Re: Horizontal Line Tutorial Request
                          silviotiago Community Member

                          Thank you so much!
                          I was able to make the line!
                          Actually during the process (trying to find your methods) I discovered new options!

                           

                           

                           

                          Can you suggest me one thing? What's the best option for having a black background like that? Filming on the dark? Filming with chroma key and then apply dark background?

                           

                          Thanks

                          • 10. Re: Horizontal Line Tutorial Request
                            Rick Gerard MVP

                            Filming in a dark studio with a black backdrop is by far the best. Greenscreen (chroma key) is only a good idea if you have a professional grade camera and can shoot at a high data rate. Greenscreen is a make do solution with any other kind of gear.

                            • 11. Re: Horizontal Line Tutorial Request
                              BenjaminMarkus Community Member

                              If you can afford it, you want a black fabric called Duvetyne.  We use it all the time when we shoot stop-motion in a studio setting and we don't want any spill to show up on a black background once it's been lit.  Here's two websites that sell it, but I'm sure you can search around for better prices.

                               

                              http://www.onlineeei.com/fabrics.cfm?gclid=CK-8hcjcnrECFSIHRQodkG6cgA

                              http://www.filmtools.com/duvetyne.html