PROJECTS - McNews


McNews Samples.jpg
The McNews system allows us to project JPGs (graphics), MPGs (videos) and SWF files (animations) onto three widescreen display's around the school.
TECHDISPLAY (Portrait Orientation)
The "TechDisplay" is a high resolution system with a TOTAL resolution of 1080x1720 pixels

The animated "Banner" uses up the top 200 pixels, leaving a 1080px x 1720px portrait orientation canvas available for artwork.

YOUR TASK is to create that 1080px x 1720px artwork, demonstrating:
  • Effective, eye catching TYPOGRAPHY
  • Skillful use of PHOTOSHOP
  • Effective use of Graphics and or Photography
Techdisplay 2017.jpg
McNEWS (Landscape Orientation

These graphics are designed at the resolution of 1365x702 pixels to fit the display
(66 pixels at the top are reserved for the "banner")

To create a competent McNews graphic, you'll need to understand:
  • Photoshop, Flash or Premiere Elements
  • Typography
  • Resolution

You graphics should be resized to 1024x702 for proper display on the system when you're ready to save the final JPG
McNews-Screen01.jpg


WHAT'S an ANAMORPHIC GRAPHIC?
These graphics appear "squished" on a 4:3 display, but are designed to look ideal on our widescreen displays.
Since most of our displays are widescreens, we'll try to design "anamorphically"

Standard-vs-Widescreen-2012.jpg


More Notes

PHOTOSHOP GRAPHICS

Graphics must be made using a 1365 x 702 canvas, and then reduced to 1024 x 702 using SAVE FOR WEB

FLASH GRAPHICS and ANIMATIONS
To fit the McNews screen without any white bars, your animation MUST be sized properly BEFORE you start animating. You can use the following:
  • 512 x 351
    (This is half the standard 1024x702 size)

ANAMORPHIC Flash Graphics

IF you want to design your animations for ideal WIDESCREEN aspect ratios, you'd have to design wide, then "squish" your canvas
  • Design your graphic for 683x351 (half of 1365 x 702)
  • Transform (Ctrl-T) the width of all objects to 75% of original to squash them
  • Reduce the canvas size to 512 x 351
- This is a flash file template for anamorphic graphics


VIDEO PROMOTIONS

  • Design for the standard 720 x 480 @ 0.825 pixel aspect ratio
    (It's close enough - messing with video aspect ratios can cause other problems)



Widescreen - 16:9 width to height ratio
McNews Widescreen actually uses the same resolution of 1024 x 768 screen,
BUT the display uses rectangular pixels that "stretch" the image horizontally
so it's as wide as a 1365 x 768 (aspect ratio of 16:9)
The width is 1.333 times wider than standard def

Pixel-sizes.png

The problem is that if you prepare a 1024x768 graphic normally, it will be stretched wide when it appears on a widescreen display


McNewsVidSettings.png
SAVING PREMIERE VIDEO to ANAMORPHIC

Widescreen video will get "Black Bands" across the top and bottom of the screen when played back in McNews, UNLESS you RENDER using the following specifications:
  • MPEG1 720x480 MV1
  • .685 Aspect Ratio

You can create your own PRESET for this format by following these instructions. Once made, the preset should always be available on your computer for future projects:
  1. Click SHARE - PERSONAL COMPUTER
  2. Choose MPEG
  3. Click PRESETS and choose MPEG1 Multimedia Compatible
  4. Click ADVANCED
  5. Change the Frame Width and Height to 720 x 480
  6. Click Pixel Aspect Ratio and choose 0.6855
  7. When asked, give your new preset the name "McNews Anamorphic Widescreen"