<!DOCTYPE html>
<html  ng-app="vpModule" ng-controller="VPController">
<head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=1200">
   <meta name="msvalidate.01" content="AF86D6C94D0294C6DCFF4C02777B9787" />
   
   <link rel="stylesheet" href="/st/css/main.css">
   <link rel="stylesheet" href="/st/css/common.css">
   
   <link rel="stylesheet" href="https://vjs.zencdn.net/4.5/video-js.css">
   
   <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script  src="/st/js/o/easing.js"></script>
   
   <link rel="apple-touch-icon" sizes="57x57" href="/st/fav/apple-touch-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="114x114" href="/st/fav/apple-touch-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/st/fav/apple-touch-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="144x144" href="/st/fav/apple-touch-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/st/fav/apple-touch-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="120x120" href="/st/fav/apple-touch-icon-120x120.png">
   <link rel="apple-touch-icon" sizes="76x76" href="/st/fav/apple-touch-icon-76x76.png">
   <link rel="apple-touch-icon" sizes="152x152" href="/st/fav/apple-touch-icon-152x152.png">
   <meta name="apple-mobile-web-app-title" content="Videopixie">
   <link rel="icon" type="image/png" href="/st/fav/favicon-196x196.png" sizes="196x196">
   <link rel="icon" type="image/png" href="/st/fav/favicon-160x160.png" sizes="160x160">
   <link rel="icon" type="image/png" href="/st/fav/favicon-96x96.png" sizes="96x96">
   <link rel="icon" type="image/png" href="/st/fav/favicon-16x16.png" sizes="16x16">
   <link rel="icon" type="image/png" href="/st/fav/favicon-32x32.png" sizes="32x32">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="/st/fav/mstile-144x144.png">
   <meta name="application-name" content="Videopixie">
   
   
   
   <title>Video production for Youtube | Videopixie</title>
   <meta name="description" content="Work with amazing videographers, editors and motion designers to make your Youtube videos pop and win more subscribers.">
   
   
   <style>
      h1, h2, h3, h4, h5, h6 {
         color: rgb(50,50,50);
      } 
      #landing-page {
         padding: 100px 0;
         overflow: hidden;
      }
      .example h3 {color: #363847;}

      h1 {font-size: 30px; margin: 0px 0px 25px 0px; text-align: left;}
      h2 {font-size: 20px;}
      
      h3 {font-size: 22px; margin:30px 0 10px 0;}
      h4 {font-size: 100%;color: #999;}
      
      
      p {color:#777; font-size: 18px; line-height:150%;}
      p {font-size: 22px; margin-bottom: 20px;}
      
      .top-right-deco {position:absolute;top:-25px;right:0;width:500px;z-index:1;}
      .top-right-deco h3 {color: #999;}
      .caption {text-align:left; font-size: 14px; margin: 3px 0 0 0;}
      .body-lower {margin: 20px 0 30px 0;}
      .body-upper {margin: 20px 0 10px 0;}

      
      
      .questions {margin: 50px 0 0 0;}
      .questions h3, .social h3 {color: #999; font-size: 18px;}
      .questions span {font-size: 16px;}
      .questions .link {color: #C78819; cursor:pointer;}
      .questions .link:hover {color: #FFA502;}
      
      .social {margin: 25px 0;}
      .social a {text-decoration:none;border:1px solid #999; text-align:center; float:left;
         margin-left:15px; margin-right:15px;}
      .social a:hover {border-color:rgb(247,168,30);}
      .social a:hover h2 {color:rgb(247,168,30);}
      
      .request-coupon h2, .request-coupon h4 {color: #f3f3f3;}
      .request-coupon:hover h2, .request-coupon:hover h4 {color: #fff;}
      
      .vp-blurb {line-height:150%; margin-bottom:5px;}
      
      .lower-section .get-started {margin: 0 151px 0 10px;
         font-size: 18px; font-weight: 400;
         color: #D69D36;   text-decoration: underline;}
         
      .lower-section .get-started:hover {color: #FFA502;}
      
      .successMessage .thanks {font-size: 14px; margin: 25px 0 10px 0; color: white;}
      
      .successMessage .get-started { text-decoration: underline; color: #f8f8f8; font-size: 22px;}
      .successMessage .get-started:hover {color: #fff;}
      
      .side-bar .landing-page .vp-button  {width:80%; padding:5px;  display:block; margin:auto; position:absolute; bottom:32px; left:17px; font-size:22px;}
      .side-bar .landing-page  p {line-height:130%; margin:0px 0px 10px 0px; font-size: 16px;}
      
      #landing-page .left-col {width:700px;}
      #landing-page .title {margin:50px 0 30px 0;}
      #landing-page .examples {padding-bottom:30px;}
      #landing-page .example {margin:0px;}
      #landing-page .two-per-row .example+.example {margin-left:60px;}
      #landing-page .two-per-row .example.first-col {margin-left:0px;}
      #landing-page .three-per-row .example+.example {margin-left:49px;}
      #landing-page .three-per-row .example.first-col {margin-left:0px;}
      #landing-page .vignette .three-per-row .example+.example {margin-left:27px;}
      #landing-page .vignette .three-per-row .example.first-col {margin-left:0px;}
      #landing-page .top-right-deco h3{margin:-3px 0 0 0;line-height:25px;}
      #landing-page .top-right-deco h4{margin:0px;line-height:25px;}

      #landing-page .example .thumbnail-wrapper {position:relative;margin-top:20px;display:inline-block;}
      #landing-page .example .thumbnail {width:650px;height:365px;}
      
      #landing-page .example img.arrow {left:310px;top:162px;}
      #landing-page .two-per-row .example .thumbnail {width:300px;height:150px;}
      #landing-page .two-per-row .example img.arrow {left:130px; top:52px;}
      #landing-page .three-per-row .example .thumbnail {width:200px;height:75px;}
      #landing-page .three-per-row .example .caption {width:200px;}
      
      #landing-page .profile-pic {width:60px;height:60px;margin:-17px 10px 0px 10px;}
      #landing-page .subtitle h4{margin:5px 0px;}
      
      
      #landing-page .right-col {position:absolute;left:50%;top:0px;width:280px;margin-left:280px;color: #999;font-size:100%;margin-top:5px;}
      #landing-page .right-col p {margin:10px 0px 10px 0px;}
      #landing-page .request-coupon,#landing-page .post-project {border:1px solid #999;text-align:center;margin-bottom:10px;cursor:pointer;min-height:53px; padding: 7px 0 9px 0;}
      #landing-page .request-coupon {border: 1px solid #fff; background-color: rgb(247,168,30);}
      
      /*#landing-page .request-coupon:hover,#landing-page .post-project:hover {border-color:rgb(247,168,30);}*/
      #landing-page .request-coupon input {display:block;margin:10px auto; width: 220px; padding: 5px;}
      #landing-page .request-coupon .successMessage {margin:10px auto;}
      
      
      #landing-page .request-form .vp-button {width:auto;padding:5px 11px;margin: 10px 0px 20px 33px;cursor:pointer;}
      #landing-page .request-form .vp-button h4 {font-size:15px;}
      #landing-page .request-form .spinner-holder {display:inline-block;margin:0 0 0 5px;}
      #landing-page .post-project {padding-top:10px;}

      #landing-page .right-col .lower-section {float: left;}
      #landing-page .call {margin-bottom:50px;line-height:150%;}
      #landing-page .orange {color:rgb(247,168,30);}
      
      
      #landing-page .social h2 {width:40px;line-height:40px;font-size:25px;float:left;}
      #landing-page .social h4 {width:85px;float:left;}
      #landing-page .social>p {width:100%;}
      #landing-page .social p+a {margin-left:40px;}
      
      .strong { font-size: 37px; font-weight: 400;color: #D69D36;}
      .placeholder {width:600px; height:400px;background-color:#999;border-radius:5px;}
      .small-placeholder {width:215px;height:90px;background-color:#999;border-radius:5px;margin-right:5px;}
      .sub-section {margin-bottom:50px;overflow:hidden;}
      .sub-section h4 {font-size: 20px; color:#363847;font-weight: 400;}
      .sub-section h4 span {font-size: 20px; color:#D69D36;}
      .sub-section.vignette {background-color: #E6E4E4; padding:0px 20px 0px 20px; border-radius: 5px; border:1px solid;}
      .sub-section.vignette h3 {margin: 25px 0 0 0;}
      .sub-section.vignette h4 {margin: 22px 0 0 0;}
      .youtube-pie {background: url('st/images/youtube-pie.png') no-repeat center; width:700px;height:390px;}
      .fbFeedbackContent .composer {background:none !important;}

      .quote{border-left: 2px solid #BBB; padding-left: 15px; margin-left: 15px; margin-top: 10px; font-style: italic; display: block;}
      
      .sub-section a {
         color: rgb(10,175,214);
         text-decoration: underline;
      }
      .sub-section a:hover {color: #FFA502;}
      
     
      
      .sub-section.action {text-align:center;padding-top:10px;}
      #landing-page.fullscreen .three-per-row .example .thumbnail { width: 290px; height:115px;}
      #landing-page.fullscreen .three-per-row .example .caption {width:270px;}
      #landing-page .three-per-row .example img.arrow {
         position: absolute;
         left: 124px;
         top: 18px;
         cursor: pointer;
         opacity: 0.7;
         transition: opacity 0.2s;
      }
      
      #landing-page .three-per-row .example img.arrow:hover{
         opacity: 1.0;
      }
      
      .fullscreen-apply {font-size: 12px; margin-top: 10px;}
      
      .fine-print {font-size: 12px; margin: 0 0 0 8px;}
                  
   </style>
   <link rel="stylesheet" href="/st/css/sign-in.css"/>
   <style>
      button.sign-in-fullscreen {background-position: 8px 8px;}
      button.sign-in {padding: 8px 12px 7px 50px; color: #555; font-size: 16px; width: auto; height: auto;}
      .signed-in {margin-top: -20px;}
   
   </style>
   

      
   <link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
   
   <script  src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-animate.min.js"></script>
   
   <script>
      window.SES={};
      SES.is_dev_enviro = false;
      SES.coupon_unavailable = false;

      var vpModule = angular.module('vpModule', ['ngAnimate',]);
       
   </script>
   
  
   
   <script src="/st/build/vjs.4.5.min.js"></script>
   
   <!--
      <script type="text/javascript" src="/st/build/vjs-extra.concat.js"></script>
   -->
   <script  src="/st/build/vjs-extra.min.js"></script>
   
   <script  src="/st/js/o/common.js"></script>
   <script  src="/st/js/c/VPController.js"></script>
   <script  src="/st/js/c/DirectivesCommon.js"></script>
   <script  src="/st/js/c/MediaModalController.js"></script>
   <script  src="/st/js/c/EditorProfileController.js"></script>
   <script>
      
   var log = VPL('HomePageController');
      
   
   vpModule.controller('HomePageController', ['$scope', 'comm', '$http', 
      function($scope, comm, $http){
      
         $scope.mediaClick = function(id, evt, _options, size){
         
            log.d('mediaClick', _options);

            var content = $(evt.currentTarget).children('.about').eq(0).html()
            var options = _options || {}
            
            comm.broadcast(VP.SHOW_MEDIA,{
               mode: (content ? VP.SIDEBAR_MODES.HTML_MODE : VP.SIDEBAR_MODES.ASSET_MODE),
               htmlSidebarContent: content,
               mediaData: {
                  bucket: options.bucket || "our.s3.videopixie.com/examples/",
                  provider: options.provider || "",
                  provider_id: id,
                  file_extension: 'mp4', 
                  hasWebm: true,
                  overlays: options.overlays || null,
                  format: options.format || null
               },
               size: size
            });
         };
         
         $scope.homepageVideo = function(id,evt){
         
            $scope.mediaClick(id, evt, {
               bucket: 'our.s3.videopixie.com/video/',
               format: '704p'
            },
            {
               width: 1024,
               height: 576,
               media_width: 1024,
               media_height: 576
            });
         }
         
         
         $scope.$watch('MediaModal',function(isPlaying){
         
            window.isPlayingVideo = !!isPlaying;
         });
         
         
         $scope.registerNew = function(){
         
            var path = '/register/new';
            
            if (!$scope.registerNewEmailAddress || $scope.registerNewEmailAddress.length < 3){
               return;
            }
            
            var data = {
               email_address: $scope.registerNewEmailAddress,
               type_context: SES.type_context || ''
            };
            
            $scope.registerNewPending = true;
            $scope.registerNewErrorMsg = null;
           
            $http.post(path, data).then(
               function registerNewSuccess(response){
                  log.d('SUCCESS', path);
                  $scope.registerNewComplete = true;
                  $scope.registerNewPending = false;
               },
               function registerNewError(response){
                  log.d('ERROR', path, response);
                  $scope.registerNewErrorMsg = response.data.error.human;
                  $scope.registerNewPending = false;
               }
            );
            
         
         }

         
         
      }]);
      
      
      
      $(document).ready(function(){
         $('.click-proxy').click(function(evt){
         
            var id = $(evt.currentTarget).attr('click-proxy');
            //console.log('click-proxy', id);
            $('#'+id).triggerHandler('click');
            
         });
         
         (function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=257876044244230";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      
      });

   </script>

   
   <!-- start Mixpanel -->
   <script type="text/javascript">
    (function(c,a){window.mixpanel=a;var b,d,h,e;b=c.createElement("script");
    b.type="text/javascript";b.async=!0;b.src=("https:"===c.location.protocol?"https:":"http:")+
    '//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';d=c.getElementsByTagName("script")[0];
    d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function d(a,b){
    var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function(){a.push([b].concat(
    Array.prototype.slice.call(arguments,0)))}}var g=a;"undefined"!==typeof f?g=a[f]=[]:
    f="mixpanel";g.people=g.people||[];h=['disable','track','track_pageview','track_links',
    'track_forms','register','register_once','unregister','identify','alias','name_tag',
    'set_config','people.set','people.increment','people.track_charge','people.append'];
    for(e=0;e<h.length;e++)d(g,h[e]);a._i.push([b,c,f])};a.__SV=1.2;})(document,window.mixpanel||[]);
    mixpanel.init("5f3d14b1f63c57b8546c6c7f095ae4b2");
   </script>
   <!-- end Mixpanel -->
   
   
   <script type="text/javascript" src="/st/js/v/ses_mixpanel.js"></script>
   
   <!--[if lt IE 7.]>
      <script defer type="text/javascript" src="st/pngfix.js"></script>
   <![endif]-->
   
   <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-42918769-1', 'videopixie.com');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');
      
      var referrerCookieName = 'vpFirstReferrer';
      if (!readCookie(referrerCookieName)){
         var ref = document.referrer || 'empty';
         createCookie(referrerCookieName , ref ,365*2);
      }
   </script>
  
   
   
   <script src="/st/js/nm/SignIn.js"></script> 
   <script>
      SES.fullscreen_signin_url = 'https://accounts.fullscreen.net/auth/authorize?client_id=W_45MaO0rwSkYhag3wRZlQ&amp;redirect_uri=https%3A//www.videopixie.com/sign-in/fullscreen/approved&amp;response_type=code';
      SES.success_redirect = '/console';
   </script>

  
</head>
<body class="VP"  ng-controller="HomePageController">
   
   <div id="header">
      <a href="/"><img id="logo" src="/st/images/logo_text_and_pixie.png" alt="Videopixie"></a>
      <a id="phone" href="tel:1 800 510 6570">1 (800) 510-6570</a>
      
      
      
         
         <a href="/sign-in"><div class="button blue">Sign in</div></a>
         
         
      
      
      
      <a class="right-link" href="/pricing">Pricing</a>
      <a class="right-link" href="/video-school">Video School</a>
      <a class="right-link browse-link browse-link-first" href="/videographers">Videographers</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-animators">Animators</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-editors">Browse:&nbsp; Video editors</a>
      
   </div>
   
   
   
<div class="content fullscreen" id="landing-page" ng-controller="SignInController">

   <div class="signed-in" ng-show="isSignedIn">
      You are signed in. &nbsp; We're taking you to your videos now...
   </div>

   <div class="container" ng-class="{complete: isSignedIn}">
      <div class="title">
         <h1>Welcome, Fullscreeners! </h1> 
         <p class="sub-title">As a Fullscreen creator, you now have access to Videopixie's community of video production pros! Here you'll find videographers, editors, motion designers, illustrators, animators, composers, colorists, sound engineers, and tons of others who can take your videos to the next level.</p>
         <p>Best of all, as a Fullscreen creator, you get <b>10% off your first project!</b><span class="fine-print">(10% coupon valid 90 days)<span></p>
         <p>Click below to Sign In with Fullscreen and get started!</b></p>
         
      </div>
      <div class="sub-section action">
         <div class="sign-in-fullscreen large" ng-click="fullscreenSignin()"></div>
         <div class="fullscreen-apply">Not a Fullscreen creator? <a href="https://apply.fullscreen.net/" target="fullscreen_apply">Apply now</a></div>
      </div>
      
      
      
      <div class="sub-section">

         <h4><a href="https://www.videopixie.com/video-editors" target="_vp_ve">Hire video editors</a> and <a href="https://www.videopixie.com/animators" target="_vp_a">video animators</a> to make videos like these:</h4>

         <div class="examples three-per-row">
            <div class="fl example first-col">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'ecpSFDMqcLU', provider_thumbnail_id: ''}" ng-click="mediaClick('ecpSFDMqcLU',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">HolaSoyGerman is one of the most subscribed-to channels. Each show gets 1-3M views! <br><br> The super fast jump cuts are not for everyone, but they work well with German's supercharged personality. <br><br> Use Videopixie to find the right style for your videos. Upload your footage and get input from fellow video artists.  Some will even make teasers (30s version of a final cut)</div>
                  </div>
                  <p class="caption">Fast jump cuts</p>
               </div>
            </div>
            <div class="fl example">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'vbqIQcKNE7E', provider_thumbnail_id: ''}" ng-click="mediaClick('vbqIQcKNE7E',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">To keep things interesting, Michelle Phan changes the post-production style of her videos from week to week. <br><br> Here, her team added simple motion graphics to make the points come across.<br><br> Use Videopixie to easily vary the style of your videos - try new things every week!</div>
                  </div>
                  <p class="caption">Simple motion graphics</p>
               </div>
            </div>
            <div class="fl example">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'CLhdfmb98Jk', provider_thumbnail_id: ''}" ng-click="mediaClick('CLhdfmb98Jk',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">In his videos, Ray William Johnson often uses a delayed title sequence.  <br><br>Also called "bumper", it's a great way to brand your videos, without boring.  <br><br>You'll find super talented motion graphics designers on Videopixie who can design video bumpers for you.</div>
                  </div>
                  <p class="caption">Delayed title sequence</p>
               </div>
            </div>
            <div class="fl example first-col">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'fjoF55NAo_c', provider_thumbnail_id: ''}" ng-click="mediaClick('fjoF55NAo_c',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">Action footage and slow mo go well together.  Especially footage shot in high fps.<br><br>Camera tracking is when you link graphics / text to moving points in a scene.
                     <br><br>Here the text is tracking Kelly Slater's movements and looks like it's part of the scene.</div>
                  </div>
                  <p class="caption">Slow Motion & Camera tracking</p>
               </div>
            </div>
            <div class="fl example">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'FMXAWsjlmnM', provider_thumbnail_id: ''}" ng-click="mediaClick('FMXAWsjlmnM',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">Cropped frames is a trick to create two different views from the same shot. <br><br> One view is the original (eg. filmed in 1080) and the other view is zoomed-in (eg. zoomed to 720p). <br><br> We cut from one to the other, and voila !  it looks like we had 2 cameras on set.</div>
                  </div>
                  <p class="caption">Cropped frames</p>
               </div>
            </div>
            <div class="fl example">
               <div class="thumbnail-wrapper">
                  <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'hFAOXdXZ5TM', provider_thumbnail_id: ''}" ng-click="mediaClick('hFAOXdXZ5TM',
                     $event,{
                        provider:'youtube',
                        bucket: ''
                     },{
                        width:960,
                        media_height:540,
                        modal_width:960,
                        modal_height:540
                     })">
                     <div class="thumbnail round-corners"></div>
                     <img class="arrow" src="/st/images/white-arrow.png">
                     <div class="dn about">There are many ways to make the video more engaging in post.  <br><br>Minute Physics often uses timelapse animations of hand-drawn diagrams.  <br><br>They also use a green screen and have the teacher present in front of a background itself composed of mini-clips.<br><br>We do greenscreen chromakeying and compositing all the time over here on Videopixie. Give it a try!</div>
                  </div>
                  <p class="caption">Timelapse animations & Greenscreen</p>
               </div>
            </div>
         </div>  
      </div>
     
      <div class="sub-section">
         <p class="sub-title">Youtube is an exciting place and we want you to succeed. New stars are made every week, and it's a bit like the Wild West out there, but one thing is for certain: production quality is increasing!  In a recent study we measured that 60% of successful Youtubers now applied advanced editing and animations to make their videos pop.</p> 
         <p>With that in mind, and whether you are ready to hire video pros to help you, here are some <a href="https://www.videopixie.com/post-production-tips-for-youtubers" target="_vp_pp">video editing tips</a> that you can apply for your next videos. Image quality is also increasingly important.  Take a look at our guide to 
         <a href="https://www.videopixie.com/shoot-better-video-on-canon-dslr-with-magic-lantern" target="_vp_sb">make better videos with Magic Lantern</a>, and many other <a href="https://www.videopixie.com/video-school" target="_vp_vs">video production tips</a> on our site.</p> 
         <p>See you on the other side!</p>
      </div>   
   </div>
</div>
<script>
            
try {
   var pageName = "fullscreen_signup";
   var pageVersion = 1;
   var propertiesForMixpanel = {};
   propertiesForMixpanel[pageName + "_version"] = pageVersion;
   
   SES.track({
      event_name:'viewed_content_page',
      p:propertiesForMixpanel,
      details:'viewed_page='+pageName+';',
      should_not_post_event_to_internal:true
   });

} catch (e) {
   log.d("error logging to mixpanel");
}
      
         
</script>


   
   <div id="footer">
      
      <div class="content">
         <img id="footer-logo" src="/st/images/logo_text_and_pixie.png" alt="videopixie logo">
         
         <div id="footer-left">
            <a href="/im_a_pro">Sign-up as a Professional</a>
            <a href="/video-production">Browse Video Producers</a>
            <a href="/learn-more">Learn More</a>
            <a href="/pricing">Pricing</a>
         </div>
         
         <div id="footer-left">
            <a href="/video-school">Video School</a>
            <a href="/about">Our Team</a>
            <a href="/jobs">Jobs</a>
            <a href="/faq">FAQ</a>
         </div>
      
         <div id="social-links">
            <a target="vp_facebook" href="//www.facebook.com/videopixie" class="facebook social-box">f</a>
            <a target="vp_twitter" href="//www.twitter.com/videopixie" class="twitter social-box">t</a>
            <a target="vp_google" href="//www.google.com/+videopixie" class="google social-box">g+</a>
            <a target="vp_linkedin" href="//www.linkedin.com/company/videopixie" class="linkedin social-box">in</a>
         </div>
         
         <div id="footer-bottom">
            <span>Copyright 2015 TT Labs Inc.</span>
            <a href="/st/privacy.html">Privacy Policy</a>
            <a href="/st/dmca.html">DMCA</a>
         </div>
      
      </div>
      
      
      
   </div>
  
   
   
   <div id="media-modal" class="modal modal-wrapper video-modal dn" vp-size="size" vp-fade="[[MediaModal]]" vp-closeable="MediaModal"  ng-controller="MediaModalController">
<!--vp-fade-but-leave-in-display="MediaModal" -->

   <div id="media-background" vp-width-by-aspect="[[aspectRatio]]"></div>
   <div id="image-wrapper"
      ng-class="{ontop: imageViewerMode, small_hide: !imageViewerMode}"
      vp-img-child="src: '[[imageSrc]]', valid: true">
      <!--img is inserted by vp-img-child -->
   </div>
   <div id="player-wrapper" ng-class="{small_hide: imageViewerMode}">
      <video id="video-element" class="video-js vjs-default-skin" controls ng-controller = "VideoPlayerController"></video>
      <div id="video-overlay" ng-bind-html="overlayHtml">
         
      </div>
   </div>
   
   <div id="sidebar-wrapper">
      
      <div ng-show="mode.design_mode" ng-controller="DesignSideBarController" class="side-bar designSideBar"><!-- Design Mode -->
         
         <div class="font-14-999 fr">[[currentQuestion.name]]</div>
         <div class="currentOptionWrapper clearfix">
         
            <div class="option clearfix"
               ng-click="onCurrentOptionClick()"
               ng-class="{selected:currentOption.selected}"
               vp-hover-exclusion="not-hot">
               <div class="mainRow fl">
                  <div class="thumbnailWrapper fl" 
                     vp-img-child="src: '[[AWS + mediaData.bucket + currentOption.video.provider_id]]' + '_120h.jpg', valid: [[!!currentOption.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                  </div>
                  <div class="font-16-666-b optionName fl">[[currentOption.name]]</div>
                  <div class="ok"></div>
               </div>
               <div class="font3 details fl">[[currentOption.details]]</div>
            </div>
            
         </div>
         
         <div class = "otherOptionsWrapper">
            
            <div class="bar"></div>
            <div class="font4 subtitle">Other [[currentQuestion.name]] options:</div>
            <div class="vp-scroll-bar vp-scroll-shadows scroll-wrapper">
               <div class="option clearfix" 
                  ng-repeat="(optionIdx,option) in currentQuestion.options" 
                  ng-hide='optionIdx == currentOptionIdx || option.hidden || option.renderer == "lengthInput"'
                  ng-class="{clickable:option.video.provider_id}"
                  ng-click="onOtherOptionClick(optionIdx)">
                  
                  <div class="thumbnailWrapper fl"
                     vp-img-child="src: '[[AWS + mediaData.bucket + option.video.provider_id]]' + '_120h.jpg', valid: [[!!option.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                     <div class="no-example" ng-hide="option.video.provider_id">No example</div>
                  </div>
                  <div class="font3 optionName">[[option.name]]</div>               
               </div>
            </div>
         </div>
         
      </div>
      
      <div ng-show="mode.html_mode" class="html-side-bar side-bar">
      
         <div ng-bind-html="htmlSidebarContent"></div>
      
      </div>
         
      
   </div>
   <div class="x close"></div>
</div>

   
   <div class="dimmer dn" vp-fade="[[Dimmer]]" vp-match-document-height></div>
   
   <div id="fb-root"></div>
      
   
   <!-- begin olark code -->
   <script data-cfasync="false" type='text/javascript'>
   /*<![CDATA[*/
   if(!SES.is_dev_enviro){
      window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
      f[z]=function(){
      (a.s=a.s||[]).push(arguments)};var a=f[z]._={
      },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
      f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
      0:+new Date};a.P=function(u){
      a.p[u]=new Date-a.p[0]};function s(){
      a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
      hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
      return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
      b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
      b.contentWindow[g].open()}catch(w){
      c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
      var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
      b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
      loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
      /* custom configuration goes here (www.olark.com/documentation) */
      olark.identify('3567-618-10-4944');
   }/*]]>*/
   </script>
   <noscript><a href="https://www.olark.com/site/3567-618-10-4944/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
   <!-- end olark code -->
   
  
   
   <!-- Google Code for Remarketing Tag -->
   <!--------------------------------------------------
   Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
   --------------------------------------------------->
   <script type="text/javascript">
   /* <![CDATA[ */
   var google_conversion_id = 993449120;
   var google_custom_params = window.google_tag_params;
   var google_remarketing_only = true;
   /* ]]> */
   </script>
   <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
   </script>
   <noscript>
      <div style="display:inline;">
         <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993449120/?value=0&amp;guid=ON&amp;script=0"/>
      </div>
   </noscript>

   
   <script type="text/javascript">
      (function() {
         window._pa = window._pa || {};
         // _pa.orderId = "myOrderId"; // OPTIONAL: attach unique conversion identifier to conversions
         // _pa.revenue = "19.99"; // OPTIONAL: attach dynamic purchase values to conversions
         // _pa.productId = "myProductId"; // OPTIONAL: Include product ID for use with dynamic ads
         var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
         pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/53dac13adc92cfda2d000130.js";
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
      })();
   </script>
   
</body>
</html>
