Multimedia and Web Page Design Study Guide
65,536
16 bit
Third example of Color Depth
16-bit Color: 65.5 Thousand Colors Per Pixel
Font choice should be limited to _ __ ____ fonts
2 or 3
20 Hz to 20 000 Hz
20 kHz
16,777,216
24 bit
Fourth example of Color Depth
24-bit Color: 16.7 Million Colors Per Pixel
Images with ___ PPI are better for printing on more sophisticated printers and will produce higher-quality photographs
300
Dogs can hear up to
35 kHz (ultrasound)
CD audio is sampled at
44.1 kHz
We design web pages with a table.global width of _____.
760 pixels
Second example of Color Depth
8-bit Color: 256 Colors Per Pixel
Second example of Analog Video
8mm
The basic design of a character
A typeface
First example of Filters use
A weaving pattern
Also has a large File Size
AIFF
Also is high Quality (Lossless)
AIFF
Developed by Apple
AIFF
Second Common Audio Format
AIFF
Another thing Shapes can be is
Abstract (a blend of both)
As color, or light, is added the result gets lighter
Additive color
Fourth thing a Business Card typically includes
Address
Second thing a Letterhead typically includes
Address
Non-destructive layers that can be added to allow you to apply image tonal and color adjustments.
Adjustment Layers
A notice or announcement in a public medium promoting a product, service, or event
Advertisement
Used to catch attention.
Advertising
A Pull Quote can also be placed...
Alone in a column
Change the volume of selected audio.
Amplify
Distance from rest to crest or rest to trough.
Amplitude
A continuous phenomena, such as speaking or an electrical pulse from an instrument.
Analog
Uses a continuous electrical signal to capture footage on a magnetic tape.
Analog Video
Any three colors which are side by side on a 12 part color wheel
Analogous color scheme
Usually one of the three colors predominates
Analogous color scheme
Basic component of paths, which appear at the start and end of every path or where it changes direction.
Anchor point
Relies on persistence of vision to create the illusion of movement.
Animation
The rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create an illusion of movement.
Animation
Fourth use of Script typefaces
Announcements
Uses the boundaries of an area created by dragging a marquee with the type tool to control the low of text. When text gets to the end of the boundary, it automatically wraps to the next line.•
Area Type
An example of a Sans Serif Typeface is...
Arial
First example of a font family
Arial
Second example of a font family
Arial Black
Third example of a font family
Arial Narrow
Fourth example of a font family
Arial Rounded MT Bold
The area that contains the printable part of your artwork.
Artboard
Check constrain proportions when changing the image size.
Aspect Ratio
Maintaining ______ ______ while modifying an objects size ensures the object is not distorted.
Aspect Ratio
The relationship of an object's width to its height.
Aspect Ratio
Use shift when resizing with a corner handle.
Aspect Ratio
Knowledge of required ______ _______ can assure proper proportions when creating new files, cropping, or making selections.
Aspect Ratios
Second Example Of Scouting Locations
Associated cost
Off-center alignment created with an odd or mismatched number of elements.
Asymmetrical Balance
Second Type of Balance
Asymmetrical Balance
Microphone Choice: On Board, Shotgun Mic, Boom Mic
Audio
Reproduction of sound using two or more independent ______ channels in a way that creates the impression of sound heard from various directions, as in natural hearing.
Audio
The arrangement of elements
Balance
PNG 24 - 24 bit color
Basic Graphics
Yet another place where a Pull Quote can be placed is...
Beneath the headline Objective
Another example of a Sans Serif Typeface is...
Berlin Sans
A Pull Quote can be placed...
Between columns
A curved segment of a path which uses handles to control the shape of the curve.
Bezier
A higher bit means generally means better quality (resolution).
Bit Rate (Depth)
Normally expressed in kilobits per second (kbps)
Bit Rate (Depth)
The number of computer bits that are conveyed or processed per unit of time.
Bit Rate (Depth)
If all RGB values are 0, you get ______.
Black
If all percentages are set to 100, the result is _____.
Black
A print effect in which a color or an object appears to run off the edge of a page
Bleed
Change the way layers interact by determining how a layer will blend with the layers below it
Blend Modes
The bulk of the publication
Body
First example of Font styles
Bold
Find inspiration in books, magazines, museums, and unwinding (taking walks, having fun, etc.)
Brainstorm
Research similar or competing designs
Brainstorm
Sketch out ideas
Brainstorm
Yet another example of a Decorative/ornamental typeface is...
Broadway
May be printed front and back, bi-fold or tri-fold
Brochure
Printed on higher grade paper
Brochure
Used to advertise or provide information more long-term than a flyer
Brochure
Second example of Cloning use
Brush up text on a scanned image
What is the...
Budget
A shade of red
Burgandy
Contains contact information
Business Card
Used to remember you or your business
Business Card
Gives credit to the author or contributor of photo or article
Byline
Usually placed just below the headline or photo or at the beginning or end of the article
Byline
Assigns a percentage value for each of the process inks. Cyan, magenta, yellow, and black.
CMYK
Change your color model to ______ for printed material
CMYK
Cyan, Magenta, Yellow and Black
CMYK
Printers use a color model called...
CMYK
An image should be converted to CMYK before exporting for images that will be sent to print.
CMYK Color
Second common type of Color Mode
CMYK Color
The correct stylesheet file extension is:
CSS
Cool Colors are considered to be _______
Calming
Brief descriptive text, usually placed near an image
Caption
To record audio, video, or still images as digital data in a file.
Capture
Importing video from the original recording device.
Capturing Video
Third example of Organic Shapes
Cars
Finding appropriate people to play the roles of the video
Casting
Each ________ was a separate block of metal
Character
use fonts, styles, leading, kerning, and tracking to enhance the publication
Characters
An example of a Decorative/ornamental typeface is...
Chiller
Fourth example of Contrast
Circles
Typeface for highway signs
Clearview
Is a short segment of audio. It can be combined with others to make an audio track.
Clip
Second format GIF is most common for
Clip art
Small segments of a larger video.
Clips
Samples and area of an image and then allows you to paint over another area of the image with the sampled area.
Cloning
A continuous path that has no beginning or end, for example a circle or rectangle.
Closed path
Step 1 -
Collect Information
Evokes Emotion
Color
Sets tone or mood
Color
_____ can add or detract
Color
_____ can create movement and lead the eye
Color
Different graphic formats contain different numbers of colors per pixel.
Color Depth
Most graphics editing programs will allow you to set the color depth for your image.
Color Depth
The number of colors per pixel that can be contained in an image.
Color Depth
Create harmony by choosing pleasing color combinations from a color palette
Color Harmony
Matching the printed ink color to the color displayed on the monitor
Color Matching
A mathematical model that describes the way colors can be represented as numbers or percentages, typically with three or four values.
Color Modes
There are many types of _____ _______, but generally you will work with two when editing raster images.
Color Modes
If each is set to 100%, the color is black.
Color and Printers
They are based on percentages.
Color and Printers
First factor that effects Graphic Format
Color depth
255, 255, 255 = black
Color measured in RGB
Each color is assigned a number between 0 and 255.
Color measured in RGB
When talking about image resolution and ______ ______ to choose when designing, you have to think about what the desired output will be.
Color mode
Another thing the target audience will determine are the...
Colors used
control the flow of text within columns
Column guides
Second thing a Business Card typically includes
Company
Any 2 colors directly opposite each other on the color wheel
Complementary color scheme
Refers to how an image is saved in order to reduce the file size.
Compression
Second factor that effects Graphics Format
Compression
Creates interest and excitement
Contrast
Emphasizing the difference between elements
Contrast
First example of Color Themes
Cool Colors (blue, green, violet)
Fourth Technical Requirement
Copies needed
Point that exhibits maximum amount of upward displacement from the rest position.
Crest
Cut image can be saved as new object
Cropping
Cutting out part of an image
Cropping
Original image retains same file size
Cropping
First example of Fills and Gradients
Dark blue, gradually becoming white
What are the...
Deadlines
The loudness or intensity of a sound is measured in
Decibels (dB)
placed between a headline and an article to provide a segue between the headline and the body of the article
Deck
Fourth main category of Typefaces
Decorative/Ornamental
Can be hard to read
Decorative/ornamental typefaces
Designed strictly to catch the eye
Decorative/ornamental typefaces
Headlines on flyers or advertisements
Decorative/ornamental typefaces
Should be used sparingly
Decorative/ornamental typefaces
Used for decoration
Decorative/ornamental typefaces
Webdings can be used for symbols in logos
Decorative/ornamental typefaces
A process that involves preliminary research and collaborative planning before it can begin.
Design
These concepts will help you arrange elements and use design principles effectively
Design Compositions
Fourth thing that TIFF is commonly used for
Desktop Publishing images
-Flyers -Newsletters -Magazine and Newspaper Articles -Advertisements -Proposals -Brochures -Business Correspondence •Letterhead •Business cards •Envelopes Are all examples of_____
Desktop publications
Involves using a desktop computer and publishing software to create documents for publication.
Desktop publishing
First thing JPEG is commonly used for
Desktop publishing photographs
______ ______ are made up of 1's and 0's, binary format, that represent the video image which computers can read.
Digital Videos
Fifth thing JPEG is commonly used for
Digital camera photographs
Selects individual anchor points or line segments in order to edit individual pieces of an object.
Direction Selection tool
You can move the anchor points or line segments in any direction.
Direction Selection tool
The number of pixels that can be displayed on a digital screen, usually quoted as width x height.
Display Resolution
Second Example Of Logistics
Distance
Separates the selected shapes in individual parts.
Divide
Yet another thing that some Pathfinder options include...
Divide
First Technical Requirement
Documents required - flyer, business card, advertisement, web site, etc.
Second Question To Ask Before Using An Animation
Does it help deliver the message?
Fourth Question To Ask Before Using An Animation
Does it load quickly?
First advantage of Proportional Typefaces
Does not take up as much space as monospaced typefaces
Assures the viewer starts in the correct order
Dominance/Emphasis
Gets the viewer's attention
Dominance/Emphasis
The first element the eye sees; the focal point
Dominance/Emphasis
Using shapes or other tools such as the pen or pencil to simulate the experience of drawing on paper.
Drawing
An enlarged character at the beginning of a paragraph
Dropped Cap
Drops below the line of text
Dropped Cap
Grabs the reader's attention
Dropped Cap
Second advantage of Proportional Typefaces
Easier to read
First advantage of Monospaced Typefaces
Easier to see thin punctuation marks
Sixth thing a Business Card typically includes
Email address
Fourth thing a Letterhead typically includes
Email address & website
Fourth thing JPEG is commonly used for
Emailing photographs
A symbol used to indicate the end of an article or news item
End Mark
Films, computer games and virtual reality.
Entertainment
Second example of Scale/Proportion
Exaggerating the size of a design element
Warm Colors are considered to be
Exciting
Keeping the original goal in mind, experiment with a few different design options to show the client
Experiment
_________ with fonts, color schemes, graphics
Experiment
The process of saving an audio file in a format other than the format of the program it was created in.
Exporting
Images with small _____ sizes load quicker.
File
Putting a color, gradient, pattern, or texture into an object or area.
Fill
To put a color, gradient, or pattern into an object.
Fill
Used to apply special effects to an image that would be too difficult to create manually.
Filters
Using a _________, you can see the persistence of vision effect in action.
Flipbook
Second example of Organic Shapes
Flowers
One-page document
Flyer
Used to inform or advertise a one-time event
Flyer
_____ ______ should convey the meaning or personality that matches the purpose of the design
Font choice
_____ ______ should give visual clues about the order text should be read
Font choice
A ____ ____ is the different sizes, weights and variations of a typeface
Font family
The ____ _____ refers to the slant, weight and special effects applied to the text
Font style
Arial, bold, 12 point Arial, italic, 14 point Arial, and 10 point are all examples of...
Fonts
It's easier to understand _____ if you begin with the original definition of a font.
Fonts
3-dimensional space added to objects by the addition of shadows, tone, or color transitions
Form
First use of Script typefaces
Formal Invitations
There are ____ main categories of Typefaces
Four
A single picture or still shot, that is one of many sequential images that make up video.
Frame
The number of video frames displayed per second (FPS).
Frame Rate
An example of a Script typeface is...
French script
Number of waves to pass a point in one second. (How Fast)
Frequency
Also supports transparency
GIF
Colors = 256 (8-bit)
GIF
GRAPHICS INTERCHANGE FORMAT
GIF
Lossless compression
GIF
Standard format for animation on the Internet
GIF
Third example of a Common Raster Format
GIF
Shapes can be
Geometric (triangles, squares, circles)
Yet another example of a Sans Serif Typeface is...
Gill Sans
Sans Serif paired with a Script typeface
Good use of font pairing
Filling an object with a smooth transition from one color to another.
Gradient
We generally pick what we are comfortable with, but in ________ _______ it should be based on need.
Graphic Design
Anything on the page that is not actual text, from simple line drawings to fully active images found on the World Wide Web.
Graphics
Illustrations and photographs used to convey meaning and add appeal
Graphics
The format you choose depends on several factors.
Graphics
Yet another thing the target audience will determine are the...
Graphics used
Eighth format GIF is most common for
Graphics with transparent areas
Commonly seen in web design and in newspaper and magazine layouts with columns of text and images.
Grids
First example of Design Compositions
Grids
The use of columns/rows in design
Grids
Used frequently in print and web design
Grids
Used to achieve a consistent look and feel
Grids
organizing content on a page, using any combination of margins, guides, rows and columns.
Grids
non-printing lines used to assist the developer in placing objects
Guides
space between columns
Gutter
(1080p): 1920 x 1080
HD Video with high resolution.
Third example of Visual Hierarchy
Headings formatted differently than body text
First example of Scale/Proportion
Headline larger than body text
Fist example of Visual Hierarchy
Headline larger than subheadings
The frequency of a sound is measured in
Hertz (Hz)
Create _____ through -Repetition -Contrast -Changes in weight, scale, positioning, color, tone, spacing, or font
Hierarchy
Third thing that TIFF is commonly used for
High resolution printing
Many movies are now being shot at _______ frame rates, such as 30 fps or 48 fps (HFR).
Higher
______ frame rates generally produce smoother movement in the picture.
Higher
Fourth factor to consider when choosing a Graphic File Format
How important is file size?
Second factor to consider when choosing a Graphic File Format
How important is the quality of the image when transferred, copied, or displayed?
Third factor to consider when choosing a Graphic File Format
How important is the speed at which the image transfers or loads?
A color
Hue
Producing ideas through spontaneous group discussion.
Idea Generation (Brainstorming)
Third advantage of Monospaced Typefaces
If limited to a certain number of characters per line, each line will look alike
A tool in a vector program will take a raster image or scanned drawing and automatically convert it to paths, based on selected settings.
Image Trace
Ninth format GIF is most common for
Images displayed on computer screens and on websites
Letter size is standard for most printers, resumes, and other common documents.
Inches
The standard unit of measurement for the United States and U.S. standard sized papers.
Inches
What most of us are comfortable with.
Inches
Works well when defining document sizes for print.
Inches
Large file sizes
Industry standard for raster graphic editing
Graphical representation of data or information intended to present complex information quickly and clearly.
Infographics
First Question To Ask Before Using An Animation
Is it appropriate for the target audience?
Third Question To Ask Before Using An Animation
Is it overused?
Second example of Font styles
Italic
Colors - 16.7 M (24-bit)
JPEG
Does not support animation or transparency
JPEG
High quality
JPEG
JOINT PHOTOGRAPHIC EXPERTS GROUP
JPEG
Lossy compression
JPEG
Second example of a Common Raster Format
JPEG
tells readers which page to refer to for the continuation of an article
Jumpline
Second advantage of Design
Keeps the project organized
Fourth example of Typeface Spacing
Kerning
Horizontal spacing between pairs of letters
Kerning
Used to add or subtract space between pairs of letters to create a more visually appealing and readable text.
Kerning
words positioned above a headline, usually as a lead in or teaser
Kicker
1000 Hertz=?
Kilohertz (kHz)
The target audience will determine the...
Language used
A non-destructive method which allows you to apply transparency to a specific portion of a layer with precise control.
Layer Masks
One or more effects applied to a layer or layer group. Effects include shadows, stroke, glows, bevels, and overlays.
Layer Styles
Can be turned on or off
Layers
Compiling multiple pictures or objects together into one image
Layers
Elements can be colored, layered, and resized individually
Layers
If there were no space between the lines of text, the letters would touch the lines above and below them and would be extremely difficult to read.
Leading
In Desktop Publishing, it is still referred to as ______ because typesetters used long pieces of lead between the moveable type to create blank lines between the text.
Leading
In most software programs, it is referred to as line spacing
Leading
Pronounced "led-ding."
Leading
The vertical spacing between lines of text
Leading
Third example of Typeface Spacing
Leading
First example of Organic Shapes
Leaves
What is 8.5" x 11" called? 11" x 14"? 11" x 17"?
Letter, Legal, and Tabloid
Company stationery containing a printed heading
Letterhead
Young readers need fonts that accurately display _______
Letters
Fourth Example Of Scouting Locations
Lighting
Natural vs. Artificial
Lighting
Part of a line that has an anchor point one each end.
Line segment
An open ended path with two anchor points, which included straight, beziers, and spirals.
Lines
Can be any size, shape, texture, pattern or direction
Lines
Can be straight or curved
Lines
____ Can Provide Emphasis
Lines
_____ Can Connect
Lines
_____ Can Define Shapes
Lines
_____ Can Separate
Lines
______ Can Convey a Mood or Emotion
Lines
______ Can Provide a Frame
Lines
_____ style sheets allow you to change all your pages formatting (look and feel) at once.
Linked, external
Second example of Filters use
Liquefying
Sixth Example Of Scouting Locations
Logistics
Third thing a Business Card typically includes
Logo
First Example Of Scouting Locations
Look and feel
Fourth example of Tracking
Loose Tracking
First type of Compression
Lossless
Quality is not compromised
Lossless
Reduces the file size without losing any pixel data
Lossless
Alters and/or eliminates some data
Lossy
Second type of Compression
Lossy
The more the image is reduced, the more the quality is degraded
Lossy
Notice that each time the image is saved, the quality is degraded.
Lossy Compression
Compressed format
MP3 (.mp3)
Popular for music (MP3 Players)
MP3 (.mp3)
Third Common Audio Format
MP3 (.mp3)
Well suited for Internet
MP3 (.mp3)
The arrangement of graphics and copy in a magazine
Magazine Layouts
Title of the article, usually set in a larger font
Main Heading
Indicate the space between the edge of the page and the document contents
Margin guides
The size or amount of space taken up by an element.
Mass
Used for emphasis
Mass
includes items and formats common to every page; used to maintain layout consistency
Master page
The color scheme and graphics of the business card and letterhead should ______
Match
Many publications will contain a large amount of text to deliver the...
Message
Each different size or weight required a completely separate set of _____ characters
Metal
Another thing that some Pathfinder options include...
Minus Back
Subtracts the bottom shape from the top shape.
Minus Back
Some Pathfinder options also include...
Minus Front
Subtracts the top shape from the bottom most shape.
Minus Front
Teen readers enjoy fonts with a...
Modern or edgy feel
Images that will be displayed on a ________ do not need a high resolution.
Monitor
Additional image resolution will increase file size, without affecting display quality.
Monitors
Low resolution devices, most display 72 ppi
Monitors
Single Channel=?
Mono
Easy on the eyes; however, can be difficult to highlight important elements
Monochromatic color scheme
Produces a soothing effect
Monochromatic color scheme
Uses variations in lightness and saturation of a single color.
Monochromatic color scheme
First example of Typeface Spacing
Monospace
Courier is...
Monospaced
Each letter takes up the same amount of space regardless of the letter size
Monospaced Typefaces
Used often in computer programming and biology
Monospaced Typefaces
If you have a different sequential drawing on each page of the flipbook and you flip through the pages rapidly, the drawings appear to _____.
Move
Lines Can Create...
Movement
Can have an impact on the effect of the design: -Balance -Contrast -Unity/Harmony -Scale/Proportion -Dominance/Emphasis
Multiuse Principles of Design
Used to arrange the elements of design
Multiuse Principles of Design
(480p): 720 x 480
NTSC DV (Television) and DVD standard.
24 fps (23.976)
NTSC Television
Worldwide standard for movie theater projectors and television.
NTSC Television
Audio of one or more people that has been recorded to enhance or assist in telling the story for your video.
Narration
File formats that are default file format that are proprietary to a specific program that are generally not meant to be used with other software.
Native File Formats
"white space"
Negative Space
Necessary to avoid clutter; gives a design breathing room
Negative Space
The space between two shapes on a page is...
Negative Space
the distance between objects
Negative Space
Third example of Color Themes
Neutral Colors (beige, ivory, taupe, black, gray, white)
Distributed weekly, monthly, or quarterly
Newsletter
Formatted in columns with side headings, graphics, and text boxes
Newsletter
Keeps organization, club, agency, or business members updated on news and current events
Newsletter
1 kHz to 4 kHz
Normal Conversation
Third example of Tracking
Normal Tracking
Any shape, image, or text that can be moved, scaled, or edited.
Objects
Also Well Suited for Internet
Ogg Vorbis (.ogg)
Also has compressed format
Ogg Vorbis (.ogg)
Fourth Common Audio Format
Ogg Vorbis (.ogg)
Open Source
Ogg Vorbis (.ogg)
Popular with Gaming Industry
Ogg Vorbis (.ogg)
First way an image can be viewed
On a screen or monitor
Second thing that PNG is commonly used for
Online viewing of images
One or more paths for which the start point and end point are not the same, for example a straight or curved line.
Open path
Place the most important design element here.
Optical Center
Slightly above and to the right of the actual center
Optical Center
The spot the eye first sees when it encounters a page
Optical Center
Third example of Design Compositions
Optical Center
Shapes can also be
Organic (natural or man - made shapes)
Lines Can...
Organize
Fifth example of Font styles
Outline
Allows choice of lossy and lossless compression
Open source, platform independent format that embeds fonts, images, layouts, and graphics
PORTABLE DOCUMENT FORMAT
Sixth example of a Common Raster Format
Supports 16 million colors
Viewable with Acrobat Reader, a free program by Adobe
Does not support animation
PNG
Fourth example of a Common Raster Format
PNG
Lossless compression
PNG
PORTABLE NETWORK GRAPHICS
PNG
Supports multiple color depths
PNG
Yet also supports transparency
PNG
First example of a Common Raster Format
PSD
Native file format for Adobe Photoshop
PSD
PHOTOSHOP DOCUMENT
PSD
Supports layers, text, and effects
PSD
Supports transparency
PSD
Second Technical Requirement
Page Size
varies according to publication
Page size
Third Example Of Framing Shots/Field Of View
Panning
Second Example Of Framing Shots/Field Of View
Panning and Zooming
use paragraph settings to adjust the space between paragraphs
Paragraphs
Third Example Of Logistics
Parking
Made up of one or more line segments, connected by two or more anchor points or nodes.
Path
A tool that contains four shape options and six _________ options that allow you combine multiple objects in a variety to way to create complex shapes.
Pathfinder
A repeated (tiled) decorative design.
Patterns
Considered one of the most powerful tools in graphic design.
Pen tool
It uses anchor points and paths to allow you to create straight lines, Bezier lines (curved), and shapes in a countless amount of combinations.
Pen tool
Fifth Example Of Scouting Locations
Permission
In the early 1800's, the phenomenon known as _________ __ _____ gave mankind the first glimpse into the modern world of animation.
Persistence of Vision
Refers to the way our eyes retain images for a split second longer than they actually appear, making a series of quick flashes appear as one continuous picture.
Persistence of Vision
Third thing a Letterhead typically includes
Phone and fax numbers
Second thing JPEG is commonly used for
Photographs and natural artwork
Often used in print design, since it is easily divisible.
Picas
One pica equals 1/6 of an inch. Six picas per inch.
Picas
Picas work well when applying the Rule of Thirds.
Picas
A tint of red
Pink
Quality of a sound determined by the rate of vibration. The degree of highness or lowness of a tone. (How High)
Pitch
A precise measurement system for web-design.
Pixels
Generally represented by one dot that is illuminated on a computer screen.
Pixels
Lacks flexibility as screen sizes change.
Pixels
Many ______ make up an image or images.
Pixels
The most common unit of measurement for computer screen display.
Pixels
Which measurement unit is used for screens?
Pixels
Second use of Script typefaces
Place cards
Third use of Script typefaces
Poetry
1 _____ represents 1/72 of an inch.
Point
A line of text that begins at the point that you click, which expands as you type. The type will not automatically wrap to the next line, you must use enter.
Point Type
However, variations occur due to font designs.
Points
Standard size for print paragraphs = 12 pt (Generally)
Points
The standard unit of measurement for typefaces.
Points
Therefore text formatted with a font size of 72 pt is about one inch.
Points
How easily you can open, modify, and view the files on computers using different operating systems, software and browsers.
Portability
Third factor that effects Graphics Format
Portability
Two shapes on a page are...
Positive Space
length, width, and depth of objects
Positive Space
All events between production and creating the final version of the video.
Postproduction
Third Phase Of Video Production
Postproduction
First Example Of Logistics
Power
First Phase Of Video Production
Preproduction
The events that take place prior to the actual shooting of the video.
Preproduction
The resolution at which printers can print is measured in Dots Per Inch (DPI).
Printers
_________ are high resolution devices and require high resolution images in order to print images clearly without pixelation or blurriness.
Printers
Second way an image can be viewed
Printing it on paper
Second Phase Of Video Production
Production
The actual shooting/recording of the video.
Production
Have others on the development team ________ the design
Proofread
No client will want a product with spelling or grammatical errors
Proofread
______, ________, ________
Proofread
Second example Typeface Spacing
Proportional
Times New Roman is
Proportional
The amount of space each character takes up is adjusted to the width of that character.
Proportional Typefaces
Therefore, an i is not as wide as an m and receives less space.
Proportional Typefaces
(also called mockup) an example of how the final document should appear
Prototype
Third thing PDF is commonly used for
Publishing electronic documents and ebooks
Often made larger
Pull Quote
Quotation taken directly from the body of the article
Pull Quote
Used to draw attention
Pull Quote
Second example of Complementary Color Schemes
Purple/Yellow
Interview the client and/or use a...
Questionnaire
Assigns an intensity value to each pixel ranging from 0 to 255 for each of the red, green, and blue components in an image.
RGB
Change your color model to ______ for on-screen displays
RGB
Color on monitors is measured in...
RGB
On-screen display is represented by ___, therefore ____ color is best used for images that will be displayed on a monitor or webpage.
RGB
Red, Green, Blue
RGB
First common type of Color Mode
RGB Color
The elements radiate from or swirl in a circular or spiral path.
Radial Balance
Third Type of Balance
Radial Balance
Also called bitmap graphics
Raster Graphics
Can support high color depths.
Raster Graphics
Consist of grids of tiny dots called pixels
Raster Graphics
Edited in paint programs
Raster Graphics
First major type of graphics
Raster Graphics
Great for adding special effects.
Raster Graphics
Have a fixed resolution and cannot be resized without altering image quality
Raster Graphics
Made of Pixels
Raster Graphics
Most common type of raster is a digital photograph.
Raster Graphics
Used to create images for print design.
Raster Graphics
Work well for web design.
Raster Graphics
First example of Contrast
Red
_____ is the hue
Red
Second example of Fills and Gradients
Red fading to orange
First example of Complementary Color Schemes
Red/Green
First example of Cloning use
Remove blemishes on a model's skin
First thing that PNG is commonly used for
Replacing GIF and TIFF images
Third Technical Requirement
Required colors
A measure of the amount of detail that is stored in a digital image.
Resolution
But is high ________ always a good thing
Resolution
But is lower __________ always a bad thing.
Resolution
Image editing software can be used to change the __________ of an image.
Resolution
Images that will be printed need a higher __________.
Resolution
Measured in PPI, or pixels per inch (the number of pixels contained in one inch).
Resolution
Using a low __________ means smaller file sizes.
Resolution
Collaborate with the client for feedback
Revise
______ the design over and over again, if necessary
Revise
Another place where a Pull Quote can be placed is...
Right justified
Include cast and credits for sources.
Rolling credits
Pivoting an object around its center point.
Rotating
Fifth example of Contrast
Rough textures
Second example of Design Compositions
Rule of Thirds
used to precisely align objects
Ruler guides
Running text at the top and/or bottom of a document.
Running Headlines/Footers
Used for identifying information, page numbers, date, section titles
Running Headlines/Footers
The rate or frequency at which a sound is sampled to digitize it. Measurements of a sound wave over time measured in Hz (cycles/sec).
Sample Rate
Computers can only deal with discrete information, so analog sound must be converted to digital, which is called ________.
Sampling
________ converts electrical energy to binary code (1's and 0's) that is readable by computers.
Sampling
There are no attributes (serifs) at the tips of the letters.
Sans Serif Typefaces
Used for very large or very small text and for digital display.
Sans Serif Typefaces
_____ ____ _____ are used for: -Web pages -On-screen display -Headings - Tables -Captions -Headlines
Sans Serif Typefaces
Second main category of Typefaces
Sans serif
The amount of the hue used; a color's intensity
Saturation
Creates visual impact and aids readability
Scale/Proportion
The relationships between the sizes of various elements
Scale/Proportion
Enlarging or shrinking a graphic
Scaling
Third thing JPEG is commonly used for
Scanned photographs
Third main category of Typefaces
Script
The written text for your movie.
Script Writing
Appear to have been written by hand with a calligraphy pen or brush
Script typefaces
Should never be used to key in all caps
Script typefaces
Allows you to transform the object.
Selection tool
Selects an object or a group of objects.
Selection tool
Identifying a specific area of a layer or image that allows you to move or apply techniques to only that specific area on that specific layer.
Selections
Showcasing products or services.
Selling
A variety of wide, medium, and tight video shots edited together to compress time, add interest, and help the viewer movie efficiently through a story.
Sequence
First main category of Typefaces
Serif
-Bodoni -Courier -Goudy -Times New Roman These are all examples of....
Serif typefaces
Have attributes or strokes at the tips of the letters called serifs.
Serif typefaces
Recommended sizes for body text are 10 to 12 points.
Serif typefaces
Used for body text in Book text
Serif typefaces
Used for body text in Business correspondence
Serif typefaces
Used for body text in Magazine article text
Serif typefaces
Used for body text in Newsletter text
Serif typefaces
Used for body text in Newspaper text
Serif typefaces
Used for body text in printed publications.
Serif typefaces
A hue plus black
Shade
Fourth example of Font styles
Shadow
2-dimensional spaces
Shapes
Enhances a publication
Shapes
Geometric based tools that allow you to create primitive shapes, such as rectangles, ellipses, and polygons.
Shapes
Second thing PDF is commonly used for
Share files that can be protected from copying or editing
First thing PDF is commonly used for
Sharing files regardless of available software
Second example of Dominance/Emphasis
Shocking image or text
First Example Of Framing Shots/Field Of View
Shot Types: Wide, Medium, Tight
Smaller, self-contained story alongside a larger story
Sidebar
Second advantage of Monospaced Typefaces
Similar characters look more different
Sixth format GIF is most common for
Simple diagrams
First use of Leading
Slightly increase or decrease the length of a column of text so that it is even with an adjacent column.
Sixth example of Font styles
Small Caps
PNG 8 - 8 bit color
Small graphics
Guides that appear as you move around a document indicating various points of alignment with existing objects.
Smart Guides
You can use ______ ______ to align objects with the edges or center point of other objects.
Smart Guides
Sixth example of Contrast
Smooth textures
An audible vibration that travels through air or water
Sound Wave
Are vibrations that travel though the air or some other medium
Sounds
Additional audio added as background or to enhance specific points in the video.
Soundtracks or sound effects
_____ improves readability
Space
First example of Dominance/Emphasis
Splash of color
Second example of Contrast
Squares
By default new objects are created at the front of the ______ _____.
Stacking Order
The order of how objects are arranged on the artboard, in front of or behind each other.
Stacking Order
File formats that can be used with a variety of software programs. Standard file formats are usually created by using the "Save As" command or through exporting. Standard file formats include, but are not limited to: .gif, .jpg, .png, and .tif.
Standard File Formats
48 kHz
Standard for digital audio
Two Channels=?
Stereo
First thing that TIFF is commonly used for
Storage container for faxes and other digital images
A sequence of drawings, with directions and sometimes dialog, that represents planned shots for a movie.
Storyboarding
The visible outline of a shape or path, such as the color, weight, or style, which is not the same as a path as a path can have no stroke as an option.
Stroke
can be used to break up body copy
Subheadings
subtitles
Subheadings
usually set in a smaller font than the title
Subheadings
As color is added, the result gets darker
Subtractive Color
Named colors tints, gradients, and patterns.
Swatches
Elements are centered or evenly divided both vertically and horizontally
Symmetrical Balance
First type of Balance
Symmetrical Balance
Also does not support animation or transparency
TIFF
Available in compressed (lossless) and un-compressed formats
TIFF
Colors - 16 M (24-bit)
TIFF
Compressed is advised
TIFF
Fifth example of a Common Raster Format
TIFF
TAGGED IMAGE FILE FORMAT
TIFF
Consider the _____ _____
Target Audience
Font choice should consider the _____ ______
Target Audience
Publications are created to convey a message to the intended audience, called the....
Target audience
Illustrating concepts or processes.
Teaching
Fifth thing a Business Card typically includes
Telephone, cell & fax numbers
May contain a color scheme, font scheme, pictures, and preset margins
Templates
Standard pre-formatted layouts
Templates
Consider the medium 2 -
Test the Size - the vertical height of a character
Consider the medium 4 -
Test the Spacing
Consider the medium 3 -
Test the Style - bold, italic, fill color, stroke color, shadow, small caps
Consider the medium 1 -
Test the font to see if it is legible on the intended output
First format GIF is most common for
Text
The letters were "set" on the layout to form the ______
Text
Controls how area text lows over or around objects and images.
Text Wrap
Lines Can Provide...
Texture
Used to convey a sense of touch or feel
Texture
Place the focal point along a line or where the lines intersect
The Rule of Thirds
Splitting an image or design into thirds, so you end up with 9 equal sections
The Rule of Thirds
A Business Card typically includes...
The contact's name
First example of Tracking
Tight Tracking
Tracking is used in desktop publishing documents to adjust the spacing between characters in large blocks of text.
Tight Tracking
Shows the components of the movie such as photos, video, audio clips and titles in the order and timing that they will appear in movie.
Timeline
A hue plus white
Tint
identifies the publication
Title & Heading Information
includes the name of the publication, a logo, and a motto
Title & Heading Information
Second use of Leading
To make a block of text fit in a space that is larger or smaller than the text block.
Second thing that TIFF is commonly used for
To store raw bitmap data by some programs and devices such as scanners
An area upon which audio moves. It may be a single waveform or could be made up of clips.
Track (Channel)
Fifth example of Typeface Spacing
Tracking
Horizontal spacing between all of characters in a large block of text.
Tracking
Makes a block of text more open and airy or more dense.
Tracking
Makes a block of text seem more open or more dense.
Tracking
Used to expand or contract a block of text for the purpose of aligning two columns.
Tracking
Simulating events or demonstrating techniques.
Training
Scaling, rotation, shearing (skewing), and reflecting (flipping) objects to change their appearance.
Transformations
Changing a graphics size or dimensions through commands such as scaling and rotating.
Transforming
The visual movements as one picture, video clip, or title changes to another. Transitions are not applied directly to the clips, but are used to move from one to another. (Common: Cross Dissolve)
Transitions
Allows the background color of an image to be "eliminated" or made transparent so that the background behind the image can be seen.
Transparency
Fourth factor that effects Graphics Format
Transparency
It makes part of the image invisible, or "see-through."
Transparency
Removing the background color of a raster image making it "see-through" in order to allow the image to blend in with its background.
Transparency
Removes everything from the left and right of selected audio.
Trim
To hide parts of a file or clip without deleting them from the original source.
Trim
Point that exhibits maximum amount of downward displacement from the rest position.
Trough
Each metal set of characters was kept in its own drawer and was called a ____ ____
Type font
Allows you to attach text to an open or closed path.
Type on Path
Each ______ has a design for each letter of the alphabet, numbers, punctuation symbols and may contain other symbols.
Typeface
Each __________ had a complete set of metal characters for each size, weight, etc.
Typeface
So a font is the specific size, weight and style applied to a ________
Typeface
The target audience will also determine the...
Typefaces used
Refers to the design of the characters and the way they are presented on the page.
Typography
Third example of Font styles
Underline
Neutral Colors...
Unify a design
Combines all selected shapes into one shape.
Unite
Some Pathfinder options include...
Unite
All of the design elements are consistent with each other in shape, style and color and consistent with the overall message.
Unity/Harmony
Can be achieved through repetition/consistency
Unity/Harmony
Helps the reader understand the whole message
Unity/Harmony
Third advantage of Proportional Typefaces
Used in most documents and publications
Second example of Visual Hierarchy
Using bold, italics, and color for emphasis
First example of Unity/Harmony
Using consistent font scheme or repeated shape throughout
Second example of Unity/Harmony
Using lines to connect
First example of Analog Video
VHS
The brightness of a color
Value
Commands that can be applied to an object, group, or layer to change its characteristics, such as distort and transform, warp, and stylize.
Vector Effects
Made of Lines and Shapes
Vector Graphics
Second major type of graphics
Vector Graphics
One other example of a Sans Serif Typeface is...
Verdana
Fifth example of Tracking
Very Loose Tracking
Second example of Tracking
Very Tight Tracking
Tracking is used in desktop publishing documents to adjust the spacing between characters in large blocks of text in a tighter way.
Very Tight Tracking
Enable you to add special effects to your movie. An example would be adding a Film Age video effect to make your movie clip to look like that of an old time movie or making the video black and white.
Video Effects
an arrangement of text in a graduated series to help readers scan and know where to enter and exit the text
Visual Hierarchy
Developed by IBM and Microsoft for Windows
WAV (.wav)
First Common Audio Format
WAV (.wav)
High Quality (Lossless)
WAV (.wav)
Large File Size
WAV (.wav)
Second example of Color Themes
Warm Colors (red, orange, yellow)
A visual representation of an audio signal.
Waveform
Distance from crest to crest.
Wavelength
Another example of a Decorative/ornamental typeface is...
Webdings
Seventh thing a Business Card typically includes
Website
Formal or informal
What is the goal of the design?
To sell, inform, entertain, educate
What is the goal of the design?
First factor to consider when choosing a Graphic File Format
Which file format is best for a particular application? Or Output?
If all RGB values are 255, you get ______.
White
If all percentages are set to 0, the result is _____.
White
Third example of Contrast
White
Age, Gender, Geographic location
Who is the target audience?
First advantage of Design
Work is done more efficiently
Third advantage of Design
Yields better results through improved customer satisfaction
Fourth example of Design Compositions
Z - Pattern
Place important elements along the...
Z Pattern
The pattern the eye follows when scanning a page.
Z Pattern
Fourth Example Of Framing Shots/Field Of View
Zooming
Third thing a plan might include
a customer contract
Fifth thing a plan might include
a detailed action plan
Second thing a plan might include
a price quote
First thing a plan might include
a written proposal
Third format GIF is most common for
animations
Do not mix 2 fonts from the same...
category
Too many font choices can be...
distracting
One other example of a Decorative/ornamental typeface is...
engravers MT
The higher the PPI, the larger the _____ _____
file size
Which property is used to bold text in CSS?
font-weight
There are many different ______ file formats
graphic
Fourth format GIF is most common for
icons
Sounds below 20 Hz are
infra sounds (earthquakes)
Seventh format GIF is most common for
line drawings
Fifth format GIF is most common for
logos
Banner on the front of a document
nameplate
Higher resolution means higher _______
quality
Lower resolution means lower _______
quality
The greater the compression, the lower the _______
quality
The higher the PPI, the better the _______.
quality
It is important to understand a few basic guidelines for working with...
text and typography
Fourth thing a plan might include
the development of a design team
Before desktop publishing, people called '_____________' set the type by hand using moveable type.
typesetters
Second example of Analogous Color Schemes
yellow
First example of Analogous Color Schemes
yellow-green
Third example of Analogous Color Schemes
yellow-orange
Developed by Apple Computer; Cross-Platform; Opens with Apple QuickTime
.mov (Apple Movie)
Second Common Video File Type
.mov (Apple Movie)
Developed by Moving Pictures Expert Group; Compresses well; Commonly used for the Internet
.mp4 (MPEG-4)
Third Common Video File Type
.mp4 (MPEG-4)
First example of Color Depth
1-bit Color: 2 Colors Per Pixel
HD Video capable of high frame rates, but smaller dimensions than 1080p.
(720p): 1280 x 720
Created by Microsoft; Uses less compression than MOV or MPEG; Supported by almost all computers using Windows
.avi (Audio Video Interleave)
First Common Video File Type
.avi (Audio Video Interleave)
Developed by Adobe Systems; Commonly used to deliver video over the Internet by using Flash Player; Used by YouTube, Hulu, VEVO, etc...
.flv (Flash Video)
Fourth Common Video File Type
.flv (Flash Video)
A Letterhead typically includes
The name and logo of the company
