Learn More Contact Now Learn more about GeniusDV Video Training Classes - call toll-free: 866-566-1881

Photoshop for Video Creating Glass Bug

|

These days, understanding Adobe Photoshop is almost a necessity when it comes to editing on a non-linear editing system. Even with all the new title tools available, there are still many practical effects that may require Photoshop. One practical and very easy effect to create is a glass bug. You see them all the time in the lower right corner of the screen. It's a great way to add your companies signature or logo but without interfering with the visual piece since it is transparent. Here are the steps.

Scan your logo or title into Photoshop and removed the background. It is best if you scan your image on a solid color background. This will make it easy when using the magic wand if you need select the background.

Before you begin, you will need to unlock the background layer. To do this, hold down the 'alt key' and double clock on the lock icon on the background layer.

unlock_background.jpg

You can select either the object itself, or the background. Choose whatever is easier. In this example, I will select each letter in GeniusDV.

First, select the Magic Wand tool, or press the 'W' key. Click on each letter of your logo to select it. Hold down the shift key to add areas to your selection until the entire object is selected.

magic_wand_tool.jpg

If you choose to select your object instead of the background, simply navigate to the select menu and choose inverse.

scanned_logo.jpg

The next step is to delete the background. After the background layer is unlocked, it will change to become 'Layer 0'. You can now press the ‘Delete’ key to delete the background. Your logo should now appear on a checkerboard background which represents the alpha channel.

transparent_background.jpg

Now, you need to add a bevel to your object. Double click on 'Layer 0' within the layers tab. This will open the layer style effects box. Activate and click on the Bevel and Emboss category.

add_bevel.gif

Your graphic should now look like this.

beveled_logo.jpg

The last step is to make the graphic transparent. All you need to do is adjust the fill slider for the layer to '0'.

fill_slider.gif

Your finished object should now look like this.

glass_logo.jpg

*When you save your graphic, it is important to save it as a .png file. If you do not, both Final Cut Pro and Avid will have issues with understanding the effect layers that we build as part of this graphic.

Simply import the finished graphic into your nonlinear system and place it on your V2 track. I have tested this with both Final Cut Pro and Avid Xpress Pro. If you are using this example for Avid, make sure you invert your alpha channel within your import settings.

Here is the finished example, using the Avid Xpress Pro software as an example. Very cool.

glass_logo_imported.jpg

Receive FREE Tutorials by email:

Find on-site Genius training in:
Online and On-Site Training available on demand.
Orlando Classroom Schedule
November 2009
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 1 2 3 4 5
6 7 8 9 10 11 12
  Nov 2nd -- Nov 6th  
  Media Composer Training
 
  Nov 9th -- Nov 13th  
  Final Cut Studio Training
 
  Dec 7th -- Dec 11th  
  Final Cut Studio Training
 
  Dec 10th -- Dec 11th  
  Google Sketchup Training
 
  Jan 4th -- Jan 8th  
  Media Composer Training
 
  Jan 11th -- Jan 15th  
  Final Cut Studio Training
 
  Jan 18th -- Jan 20th  
  After Effects Training
 
  Feb 8th -- Feb 12th  
  Final Cut Studio Training
 
  Feb 15th -- Feb 17th  
  After Effects Training
 
 
Search Our Tutorials:
about.this

Audio Video underuns in Avid Xpress was the previous entry in this blog.

Importing Photoshop graphic into Avid is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.