Television Graphic Introduction
Creating Graphics in Photoshop
Graphics are everywhere on the television screen today. They have become an important "production element" in television and video production. Well designed graphics present information in a visually interesting way without stealing the show! The graphic "look" is an important part of creating an identity for a TV show, TV station or TV network. This identity is called "branding" just like it is for products or services. People will recognize the on-air content by the graphic look that is part of the programming.
Well designed graphics present information in a visually interesting way without stealing the show!
Whether for television, the web, or print, learning to create visually engaging graphics can lead to personally satisfying and lucrative creative careers.
Creating Graphics in Photoshop
Graphics are everywhere on the television screen today. They have become an important "production element" in television and video production. Well designed graphics present information in a visually interesting way without stealing the show! The graphic "look" is an important part of creating an identity for a TV show, TV station or TV network. This identity is called "branding" just like it is for products or services. People will recognize the on-air content by the graphic look that is part of the programming.
Well designed graphics present information in a visually interesting way without stealing the show!
Whether for television, the web, or print, learning to create visually engaging graphics can lead to personally satisfying and lucrative creative careers.
On-screen Graphics
On-set Graphics
Introduction Presentation
Assignment 1
Graphic identity assignment
Find an example of each type of graphic
1. Full page
2. Lower Third
3. Slab - left or right
4. Bug
5. Ticker
6. "On-set" Graphic
Present the 5 exemplars you have chosen in 1 Photoshop document. Pay close attention to the alignment of the images on the page.
Graphic identity assignment
Find an example of each type of graphic
1. Full page
2. Lower Third
3. Slab - left or right
4. Bug
5. Ticker
6. "On-set" Graphic
Present the 5 exemplars you have chosen in 1 Photoshop document. Pay close attention to the alignment of the images on the page.
Graphic Creation Exemplar
Re-create this lower third graphic. The image is of Gord Downie of the iconic Canadian music group "The Tragically Hip."
Gord Downie is more than the lead singer of Tragically Hip. He has been a faithful advocate of native Canadian issues. He is battling a terminal form of brain cancer but performed in the group's farewell tour in the summer of 2016.
Re-create this lower third graphic. The image is of Gord Downie of the iconic Canadian music group "The Tragically Hip."
Gord Downie is more than the lead singer of Tragically Hip. He has been a faithful advocate of native Canadian issues. He is battling a terminal form of brain cancer but performed in the group's farewell tour in the summer of 2016.
Download the required graphic assets (files) from the links below
|
|
cdn_flag.jpg | |
File Size: | 317 kb |
File Type: | jpg |
Assignment 2: Inspirational TV Graphic
Part 1 - Photoshop Graphic
In Photoshop, students will create a static graphic for high definition television based on the lessons, tools and techniques taught in class. Students will create a lower thirds television graphic based on an iconic inspirational figure in their life. Students must first develop a minimum of three layout design sketches that communicate two different layout ideas for their lower thirds graphic. The completed Photoshop graphic must include all four graphic elements; shapes, image, text and logo. In addition, a colour scheme for the graphic will be created. Remember, colours must complement not compete with all graphic elements and background image.
Part 2 - After Effects
In After Effects, students will animate the completed Lower Thirds TV graphic from Part 1. Students are required to animate each element of the graphic using the lessons, tools and techniques taught in class.
Requirements
Part 1 - Photoshop Graphic
Hard Copy Submission to Teacher:
Part 1 - Photoshop Graphic
In Photoshop, students will create a static graphic for high definition television based on the lessons, tools and techniques taught in class. Students will create a lower thirds television graphic based on an iconic inspirational figure in their life. Students must first develop a minimum of three layout design sketches that communicate two different layout ideas for their lower thirds graphic. The completed Photoshop graphic must include all four graphic elements; shapes, image, text and logo. In addition, a colour scheme for the graphic will be created. Remember, colours must complement not compete with all graphic elements and background image.
Part 2 - After Effects
In After Effects, students will animate the completed Lower Thirds TV graphic from Part 1. Students are required to animate each element of the graphic using the lessons, tools and techniques taught in class.
Requirements
Part 1 - Photoshop Graphic
- 3 layout design sketches developed to communicate different lower thirds design layouts
- Includes “Title Safe and Safe Action Overlay” layer (video actions)
- Includes all four graphic elements as follows:
- 3 shapes minimum (1 shape acts as a text line separator)
- 1 logo minimum
- 2 lines of text minimum
- Alignment and position of graphic elements are organized lead the eye
- All graphic elements work well together as complete design
- Typography (font style and size) must complement the graphic elements and the chosen person of inspiration
- Colour scheme must complement the graphic elements and the chosen person of inspiration
- Main image of inspirational person must follow the “Rule of Thirds” and favour the left vertical line or be center aligned
- Downloaded images must be high quality (minimum of 1920 x 1080 pixels)
- No distortion or stretching of downloaded images
- Downloaded images must not include any graphic elements (ie: shapes, text, or logos)
- All layers must be given a name that identifies the layer content appropriately
Hard Copy Submission to Teacher:
- 3 layout design sketches of lower thirds graphic ideas
- Create your own folder on the server folder title your name
- Submit Photoshop file (.psd) and Photoshop PDF file (.pdf) in your folder
- Files named as “Student Name_Lower Thirds Inspire TV GFX”
Sketching symbols
Use these symbols to represent design elements. Sketching your idea first will help you plan what you want to include and where you are thinking of placing elements.
Use these symbols to represent design elements. Sketching your idea first will help you plan what you want to include and where you are thinking of placing elements.
2 Key Concepts in Graphic Design
Less is more
In other words, the tendency of beginner graphic designers is to throw a number of colours at a design and hope it looks good. Resist this urge. Usually 2 or 3 colours is enough to create an eye catching but professional looking design.
Colour choices can determine whether the audience is able to read the graphic information and and sub-consciously "appreciate" the design. The design should present information in a visually creative way without stealing the show!
Colours must complement vs. compete all graphic elements
Black and white are often key components to allowing the colour to pop on the graphic but not overwhelm the eye. Remember, graphics must be easy to read as they are only on the screen for a few seconds.
Less is more
In other words, the tendency of beginner graphic designers is to throw a number of colours at a design and hope it looks good. Resist this urge. Usually 2 or 3 colours is enough to create an eye catching but professional looking design.
Colour choices can determine whether the audience is able to read the graphic information and and sub-consciously "appreciate" the design. The design should present information in a visually creative way without stealing the show!
Colours must complement vs. compete all graphic elements
Black and white are often key components to allowing the colour to pop on the graphic but not overwhelm the eye. Remember, graphics must be easy to read as they are only on the screen for a few seconds.
Colour Theory
Choosing a colour scheme is hard to do!
Deciding on which colours to choose for any design is quite difficult. However, as difficult as it is, choosing colours is an extremely important aspect of graphic design. It can take years of experience to "train" our eyes to see colour combinations that work well together. Combining multiple colours in a single design is called a colour scheme.
Science of colour
One approach that is applied when starting out is using the colour wheel. This document shows how the colour wheel is used to help pick colour combinations that complement each other.
After Effect Tutorials
Importing Photoshop Files into After Effects
Watch this tutorial courtesy of Mahalodotcom
Importing Photoshop Files into After Effects
Watch this tutorial courtesy of Mahalodotcom
|
|
Animating Photoshop Files in After Effects
|
|
|
|
EC Abrahams
He is an excellent resource on Youtube to learn a wide variety of visual effects. His tutorials tend to be for people who already have a basic knowledge of After Effects. Check him out online.
He is an excellent resource on Youtube to learn a wide variety of visual effects. His tutorials tend to be for people who already have a basic knowledge of After Effects. Check him out online.
Graphic Rubric