Not “if” but “when”… Some Video Hints

I know I know - this is a blog for non-profit WEBSITE Development. So, why am I doing a write-up on video? Well, if you’re like me, working in the non-profit realm often includes one big thing - VERSATILITY. Often, budgets don’t allow for non-profits to drop the necessary cash for professional services which means that on occasion (more for some than others), there are a myriad of creative arts that drop on the shoulders of the in-house “Web-Guy”.

For me, that is entirely true. Along with web…I also do music, graphics design AND, on occasion, video work.

So…here’s a quick list of “Rule-of-Thumbs” that everyone doing video should know about.

  1. TV/Video is FIXED RESOLUTION
    • create graphics at 72 dpi
  2. TV/Video is INTERLACED. So, to prevent “flickering”…
    • LINES should be 4 pixels wide or wider
    • FONTS should be SANS SERIF (i.e. no “decoration”)
    • FONTS should be 24 points or larger
  3. IMAGE PLACEMENT is important because…
    • most TVs can’t see FULL SCREEN
    • ACTION SAFE is 5% from edges
    • TITLE SAFE is 10% from edges
  4. Computer pixels are SQUARE = 1.0 : 1.0
    • TV/Video pixels are RECTAGULAR ~ 1:0 : 0.9
    • for 4:3 720×480 video, create 720×540 graphics
  5. TV/Video color space YUV < RGB Computer color space
  6. Superwhites (digital video setting) are 109% which are NOT broadcast-safe (tip: set whites in Photoshop to 92% in graphics)
Rate this:
2.5

Great List of Free Web Developer Tools

Thanks to the folks at CommandN (video blog), I discovered this valuable list of the top 20 extensions for the Firefox Browser from cyber-knowledge.net. I already use a few of the tools I saw and I intend to round out my collection with more valuable tools. The great thing - these are all free. The even greater thing - effective use of the free extensions available for Firefox really help web developers in their workflow. I currently use some extensions to take a look at not only my own sites, but also other sites.

Using the “Web Developer Toolbar” (I saw it on the list), I’m able to visually see how web pages are built from a CSS/Div breakdown which is VERY useful and provides a good method to do some reverse engineering and figuring out the all important question of…”How Did They Do That?”

Click here for the entire article posted on cyber-knowledge.net.

Rate this:
2.5

← Previous Page