Untitled

» Graphics

Step by Step Process of Creating this Factbar graphic

Step 1: In Adobe Photoshop open new file, make a rectangle, pick a color, and draw a box.

Step 2: Go to Transform select distort to get the shape you want.

Step 3: Right Click on Blending Properties Click Bevel and Emboss, adjust size and depth to your preference.

Step 4: Go to Gloss Contour Click ring which gives your box more depth.

Step 5: Import your logo, Go to edit select transform and scale, Scale logo to the size you want

Step 6: Next mover it to the lower left of your rectangle, then make a background for under your logo.

Step 7: Go to shapes and pick a rectangle tool around logo, Go to blending properties make logo color white

Step 8: Select circle go around it, select blending properties, bevel and emboss, then adjust accordingly.

Step 9: Go to Kove Deep under the outer glow tool and adjust to your liking this just gives your factbar a nice texture.

Step 10: Next for text choose new font and type your text.

Step 11: Go to blending properties and add a shadow. Adjust to your liking.

Step 12: Select All, Select New Composition, Paste into it, Go to file save as TGA or whatever file you want.

Step 13: Select Outside Composition Go to inverse-Selecct just the font

Step 14: Go to channels: Create alpha channel then save again as TGA, Tiff, or your preference

Building Schematics

Schematics are built in adobe illustrator line by line it’s an extremely tedious process. After they are built they are illustrator to make the same movement in a single freeze frame. Last in illustrator you add a drop shadow and gradient which give it a metallic look- the ESPN look and separate the spaces in between the blue border line in illustrator.

Contract Design Team

They oversee the creation of design packages provided by out of house companies. They have the final say so on what will be used on air. Post Production handle a more detailed process with long project and animating different graphics that have already been created on avid.

» Vizrt

Check out Viz rt. ESPN uses Viz-artist and Viz-engine they are user friendly broadcast design applications. They allow ESPN to produce complex animations like the backgrounds on sportscenter or the SC logo.

deko provides a complete package of hd/sd solutions that combine a number of creative qualities of graphics like speed real time visual and tools that set the pace for on air graphics. Here’s an example of some.

» Demo about the duet software

ESPN’s design and animation team uses the duet software which is the brand name for the Chyron’s windows based character generator.

» College Humor

» Do it yourself

» Graphic Creation at the Worldwide Leader

Voicethread about the creation of graphics at ESPN present, past, and future. A detailed walk through on how graphics are created and where the process they go through in order to get on air. Throughout the semester I will be creating my own sports graphic and posting the final version to to voicethread with the step by step process.