Topics

What's New?


Tags/Keywords

artifacts aspect ratio audacity audio audio service avs converter blogs branding brightcove camcorder cloudberry explorer cloudfront compression embedding firefox flash flash video flv hd hdv high definition iphone joomla jw player mac podcasting publishpod quicktime s3 s3 amazon s3 browser Skype software streaming video tubemogul upload video videocast video channel Video Channels/Networks video format vimeo wordpress xlr youtube

Online Marketing - OnToplist.com
Online Marketing

Free Favicon Generator

Page copy protected against web site content infringement by Copyscape



How to improve quality of video tutorials on YouTube

By Rudolf Boogerman | Share this with your favorite social network
0 comments... Click to Contribute.

When you upload a 800×600 screen capture video tutorial to YouTube, the quality deteriorates so badly that texts in the video are hardly readable. The reason is that YouTube regards everything smaller then HD video as a free license to shrink the video to a resolution of 480 pixels wide. Viewing it full screen doesn’t help, it even looks worse.

Here is such an example of a video messed up on YouTube after upload: http://www.youtube.com/watch?v=6OAt7VMwCUg and here is the link to the original video showing crisp detail in full screen, streaming via S3 Amazon.

The magical solution

What to do about that? Very simple, actually. You produce a HD sized video. For this, you need video editing software like Adobe AfterEffects, Adobe Premiere or Final Cut Express/Pro to import your screen capture video, whether it comes from Camtasia, ScreenFlow or any of the screen capture recorders.

What you basically do is this: If you recorded your screen capture video at the size of 1024×768 pixels,  you set up a project of 1280×720 pixels in your video editor of choice.
You import the rendered screen capture video into the project.  You then scale the video to the height of 720 pixels:

Scale video to HD video height

That will result in a video that has an empty banner space either on the left or the right, depending where you move your original video to fit into the space.  In the example below, I leave a little space on the right as well to get a graphical effect:

Scaled version of the video

You can use the empty space to add anything you like.  This could be a real banner or simply a line of text, logo, etc…  It can be the title of the Video, or referring to a tutorial series, … Just use your imagination.  Below, I have done this:

Preview of the finished HD video

If you do not like black as a background, you can select another color or place an image over it.

What if my screen capture is smaller?

If your screen captured video is smaller, like 800×600 or 640×480, you can ‘lay-out’ your HD video differently. There are actually many ways to lay-out your HD video to get an interesting result.  When you import a smaller video into an HD project, it will have borders on the four sides. Here, I show a couple of examples to deal with this:

Example HD video lay-out

If you want to make it easy, create an image of 1280×720 with all the background elements and put it behind the screen capture video.  Most video editors support this technique.  Below you find a fancy example:

Example HD video lay-out idea

In the example above, I’ve put a shadow behind the video.  Most video editors support this sort of thing and if yours doesn’t, you can simulate a shadow in the background image. As you can see, a lot is possible if you use your imagination and the great thing is that the video itself will look Cristal clear on YouTube, especially full screen.  Not only that, you are branding your business more clearly at the same time.

YouTube HD SettingsThe funny thing is, even if your initial screen capture is only 640×480, embedded in a HD video it will not be re-sized, although a smaller version will be shown on the initial page.  As soon as you select HD in the setting list of the YouTube player, you get much better quality and if your visitor plays it full screen, it will be crisp and clear.
Magical or what? ;-)

Compression and conversion

Most video editors do not have many useful compression methods and the reason is that they are actually meant to create master videos, not so much an end product.  For example, Adobe AfterEffects cannot compress Screen Captures very well.  You get quite a lot of artifacts in the video if you use compression, even at a bitrate of 5000Kbps. Therefore I use a conversion tool afterward, like Sorenson Squeeze or AVS Video converter.  The latter is much cheaper and excellent to convert screen capture videos (See: Converting video to streaming MP4 for S3 Amazon with AVS Video Converter) but it only exists for Windows.

So, what I do is, I render the video in AfterEffects in Quicktime format with Animation selected as the compression method.  This gives nearly no compression and I get an excellent master video which can be converted to any format by a conversion tool like AVS Video converter or whatever I fancy, depending on the type of video.

It is important to realize that every converters has its advantages and disadvantages. None of them are good for every type of conversion.  The same goes for compression methods. Although H.264 is becoming a standard, it is not so great for screen captured video or talking heads because there is not enough movement in the video. Yet, you can convert screen capture video to H.264 successfully with AVS Video converter, while I would rather use Sorenson Squeeze for motion pictures.

It is worth the effort?

You might think that you can’t be bothered to do that extra work, and indeed, in the beginning this will consume some time.  But once you have your project file saved for re-use and found the ideal compression method, you have a work flow that can be managed largely in the background.  For instance, I’m typing this article while in the background a video tutorial in HD format is rendering.  Besides, most converters and video editors can ‘batch’ several videos in one go. Meaning: you can pile up a load of videos and let them render automatically, one after the other by the application, while you sip your coffee.

I often let my computer work at night and in the morning I get up and everything is ready.  It is purely a question of getting it going. It takes about one day to set it all up:  the template for your video editor, the profile for your converter and the background image to use for the videos.  After that, it becomes routine in the background.  You might even outsource it if it bores you to death ;-)

How much time?

Rendering the video to HD in Adobe Aftereffects took 1 hour 44 minutes. Conversion of that master video of  13GB into a manageable size for upload took 39 minutes conversion time.  I had already a MP4 profile prepared in AVS Video Converter the day before.  See also: Converting video to streaming MP4 for S3 Amazon with AVS Video Converter. The resulting video  is 57Mb, which is uploaded and processed on YouTube within an hour.  Again, this works in the background. It won’t stop you from doing important work.

Fast track solution for wide screen captures

If you made a wide screen capture, with an aspect ratio(relation width-height) of 16:9, then you can upscale the video with a video converter directly into an HD format of 1280×720.  That is a shortcut that will be a lot better then the result on YouTube with a smaller video, even if up-scaling means a slightly blurry result.  It will  still have readable texts.  So, if you can’t be bothered to work with a video editor, this is another option that doesn’t take much time.  However, the technique describer above is vastly superior.

Have a look at this YouTube video, click Full Screen and tell me if it is not worth it to set it up this way. ;-)

Topics: Video and audio techniques, Video Channels/Networks | Site search | Write comment
This article has no comments.



Related Articles:

No Comments »


Page copy protected against web site content infringement by Copyscape

If you have any questions or suggestions, you can leave a comment on this article below. Comments are subject to an approval process before they are published. By posting a comment, you agree with the terms of use.

Comments


Most popular posts(Today)

Recent Comments:

  • dan: Thanks for the advice Rudolf! am going to download and test Joomla locally here just to be sure, but have spent...
  • Dan: Very timely review especially with all the updated comments over the last few years… Of which I read about...
  • Bala: wonderful tutorial. i am learning how to improve a video shot in vcd format. this tut is very helpful in using...
  • RudolfB: Sounds like a good plan, George. Good luck with it!
  • George: Thanks for your reply Rudolf. No, once the site has a good design it wont need updated much. We are thinking...
  • George: What cms is good for construction contracting website? Our objective is to make a well designed modern site...
  • George: Hello, Very good article Thank You. Were new construction company and need site for our contact details,links...
  • Homayoun: Hello Rudolf, Thanks for the article, It’s been a long time question for me too. I’ve made some...
  • Allison: Huh… looks like embedding is a Vimeo Plus option only. I’m not sure you mentioned that in the...
  • Allison: The hubnut widget looks like exactly what we need, but it doesn’t play. I have customized it to a...

Most commented posts