Graphic Design Dictionary Interactive Multimedia Design.

Slides:



Advertisements
Similar presentations
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Advertisements

1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
1 Pengantar Teknologi Internet W03: CSS Cascading Style Sheets.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
V Summer workshop in Guildford County, July, 2014.
Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
Chapter Concepts Discuss Fonts Understand Fonts
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.
2.01 Understand Digital Raster Graphics
Adobe Photoshop 6 Foundation Level Course. What is Photoshop? Photoshop is a graphics program, which allows you to manipulate elements of photographs.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Vector vs. Bitmap SciVis V
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
 Scanned or digitally captured image  Image created on computer using graphics software.
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 5 CREATING SPECIAL EFFECTS.
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
CHAPTER FIVE TEXT.
Vector vs. Bitmap
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
Just Enough HTML How to Create Basic HTML Documents.
Graphics and Animation Multimedia Projects Part 2.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Introduction to Interactive Media Interactive Media Components: Text.
Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.
Chapter 5 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
 Scanned or digitally captured image  Image created on computer using graphics software.
Things to Remember When working with digital images.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
So far  Reviewed CSS  Added a table  3 rows  Copy/paste from course syllabus Anchorsandlists.pptx 01/22/2016.
Screen Basic color – RGB Print Basic Color - CMYK R – Read G – Green B - Blue Total Color combination: 256x256x256=16,777,216 Total Printing Color.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Desktop Publishing Lesson 5 — Enhancing Publications.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
DIGITAL MEDIA FOUNDATIONS
Getting Started with Adobe Photoshop CS6
2.01 Understand Digital Raster Graphics
Basic Knowledge of Web creation
Basic Desktop Terminology
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Tutorial 3 Working with Cascading Style Sheets
Color and Images.
2.01 Investigate graphic image design.
Presentation transcript:

Graphic Design Dictionary Interactive Multimedia Design

Aliasing In graphic design, aliasing occurs when a computer monitor, printer, or graphics file does not have a high enough resolution to represent a graphic image or text. An aliased image is often said to have the "jaggies."

Alignment The positioning of a body of text. Text can be positioned to the left, right, or "center" of a page.

Animated GIF A GIF graphic file, which consists of two or more images shown in a timed sequence to give the effect of motion.

Anti-Aliasing Smoothing or blending the transition of pixels in an image. Anti-aliasing the edges on a graphic image makes the edges appear smooth, not jagged.

Bandwidth Bandwidth is the maximum amount of data that can travel a communications path in a given time, usually measured in seconds.

Banner A banner is a graphic image that is placed on web sites as an advertisement.

Bevel Adding a beveled effect to a graphic image gives the image a raised appearance by applying highlight colors and shadow colors to the inside and outside edges.

Bitmap Image (bmp) A graphic image stored as a specific arrangement of screen dots, or pixels. Web graphics are bitmap images.

Cast Shadow A cast shadow is similar to a drop shadow with added emphasis on perspective. Cast shadows can be rotated, stretched, and skewed to create a realistic 3D effect.

Check Boxes In an online form, check boxes look like the following:

CMYK Stands for the colors Cyan-Magenta- Yellow-Black. In print design, colors are defined as a percentage of each of these 4 colors. For example, the CMYK abbreviation for the color black would be

Color Cast A color cast changes the hue (color) of a selected part of an image while keeping the saturation and brightness intact. Viewing an image with a color cast can be similar to viewing it through colored lenses on eyeglasses.

Compression A method of packing data in order to save disk storage space or download time.

Cookie A cookie is a file sent to a web browser by a web server that is used to record one's activities on a website. Some people regard cookies as an invasion of privacy; others think they are a harmless way to make websites more personal.

CSS Abbreviation for Cascading Style Sheet, a feature of HTML developed by the W3C.

Dithered/Dithering In order to display a full-color graphic image on a 256-color monitor, computers must simulate the colors it cannot display. At a distance, the human eye merges the pixels into a single color. Up close, the graphic image will appear pixelated and speckled.

DPI Stands for dots per inch. DPI specifies the resolution of an output device, such as a printer or printing press machine.

Drop Shadow A drop shadow gives an image depth by creating a shading offset behind a selected image.

Emboss Embossing a graphic image adds dimension to it by making the image appear as if it were carved as a projection from a flat background.

Feathering Feathering the edge of a graphic image gradually dissipates the edge, making the edge look blurry.

Font A font is a complete set of characters in a particular size and style of type. For example, Times NewRoman Bold Italic is one font, and Times NewRoman Bold is another font. Times NewRoman is a single typeface.

Freeware Software distributed for free on the web.

GIF Stands for Graphics Interchange Format. GIF images are the most widely used graphic format on the web. GIF images display up to 256 colors.

Glow A glow is the opposite of a shadow in that it creates a surrounding highlight of an image. A high radiance creates a soft, subtle glow and a low radiance creates a hard, bright glow, such as a neon glow.shadow neon

Gradient A gradient is a gradual transition of colors. Many metallic images are gradients.

Hexadecimal A numbering system which uses a base of 16. The first ten digits are 0-9 and the next six are A-F. Hexadecimal numbers are used to color web pages. For example, the hexadecimal equivalent for the color white is #FFFFFF.

Hue The actual color of an object. Hue is measured as a location on a color wheel, expressed in degrees. Hue is also understood as the names of specific colors, like blue, red, yellow, etc.

Hyperlink A hyperlink is a connection between one page of a hypertext document to another.

Java Java is a programming language, created by Sun Microsystems, which allows small applications to be downloaded into your computer for playback. Java can be used for such simple applications as animation to more complex applications such as a calculator.

Kerning The horizontal spacing between the letters in a word.

Leading The vertical spacing between lines of text.

List Text that is categorized, be it bulleted, numbered, or unnumbered. The following is an unordered, or bulleted, list: Logo design services Web graphics services Banner design services The following is an ordered, or numbered, list: 1.Logo design services 2.Web graphics services 3.Banner design services

Masthead A masthead is a graphic image placed on top of a web page that tells end users what page they are on. Masthead images can contain photos, text, shapes, and/or image maps.image maps

Neon Glow Type of glow on a graphic image that gives the appearance of neon lighting.glow

Outline In graphic design, tracing of the outer edge of text or a graphic image.

PDF Stands for Portable Document Format. Created by Adobe Systems in its software program Adobe Acrobat as a universal browser.

PNG Stands for Portable Network Graphics format, and is generally pronounced "ping."

PPI Stands for pixels per inch. PPI specifies the resolution of an input device, such as a scanner, digital camera, or monitor.

RGB Stands for the colors Red-Green- Blue. In web design and design for computer monitors, colors are defined in terms of a combination of these three colors.

Rules Rules, or horizontal rules, are HTML tags enable you to insert horizontal lines as separators or dividers.

Sans Serif A style of typeface that means "without feet."

Saturation The color intensity of an image. Low Saturation High Saturation No Saturation

Serif A style of typeface that has "little feet."

Typeface A typeface contains a series of fonts. For example, the typeface Arial contains the fonts Arial, Arial Bold, Arial Italic and Arial Bold Italic.fonts

URL URL is the abbreviation for Uniform Resource Locator and is an address referring to a document on the Internet.