One of the most important things in a video is assets – files that are placed inside the video to make it look better. In the case of the video above, the whole thing is screenshots of a website. We get requests for this type of video a lot here at GoNetYourself (seeing as they’re $375 – sorry for the shameless plug, but really, it’s a No Brainer). Often we hear “it looks pixelated.”
Think of these screenshots as a wool sweater that’s been stretched out and then washed- when you take the screenshots on your computer screen, normally you’re at the resolution of the website – typically no more than 800-1000 pixels wide. Then place them in an HD video – a full 1920 pixels wide – totally stretched out of shape. Then compress them down again to your browser window. Needless to say there’s going to be some holes.
So, here’s our suggestion for creating sexy slide decks and website tutorials like the one above. Your screenshot cannot be higher resolution than the screen you’re taking it on – so use a higher resolution screen. If you do not know how high res your screen is, just hook it up to an HDTV.
- Using a Mac, to be honest, makes this process much easier.
- Using Google Chrome (free download) also makes this process easier.
- Do Not mirror your displays – extend your desktop. If you mirror displays, the HD screen will take the resolution of the smaller screen.
- Enter “Presentation Mode” on Google Chrome when it has been dragged over to your HD screen.
- Zoom in so the website is almost edge to edge on the width of the TV.
- Take your screenshot – CMD + Shift + 3 on a Mac, Alt + Prnt Scrn on a PC.
- If you need more than one because the webpage is longer than the screen, scroll down and take another.
- Piece together any screenshots in a program like Photoshop, Illustrator, Gimp (Free Download), or Paint.
And that’s it.
And of course, let us know if you want one of these videos.