Graphics and LOGOS Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: Non-Designers Design Workshop.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Raster vs Vector and Image Resolution By Josh Gallagan.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Web Design, 4 th Edition 5 Typography and Images.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
Graphics and Animation Multimedia Projects Part 2.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
Graphics workshop Library and Information Services University of St Andrews.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Raster Graphics 2.01 Investigate graphic image design.
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Ms Taylor. L.I. 1.I will learn about Vector and Raster graphics 2.I will learn about the advantages and disadvantages of both types of graphics 3.I will.
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.
Chapter 14 Working with Graphics
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Illustration Chapter 6 File format.
Higher Graphic Communication
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Higher Graphic Communication
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Graphics and Animation
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
Desktop Publishing Features
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Graphics and LOGOS Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: Non-Designers Design Workshop

1 Raster Dots 2 Vector Drawn by a mathematical formula Graphics and LOGOS REVIEW: Graphics Two basic forms of IMAGES

Graphics and LOGOS GRAPHICS Saving Graphics for PRINT  TIFF (Tagged Image File Format)  EPS (Encapsulated Post Script)

Graphics and LOGOS GRAPHICS Saving Graphics for WEB  GIF (Graphics Interchange Format)  JPEG (Joint Photographic Exports Group)  PNG (Portable Network Graphics)

Graphics and LOGOS Resolution and Linescreen (LPI)  Linescreen: aka frequency or lines per inch Printed lines per inch horizontally and vertically  Formula: Image resolution = 2 x LPI

Graphics and LOGOS Resolution and Linescreen (LPI) Inkjet: resolution no more than 1/3 resolution of printer Example: Printer dpiResolution = 240 ppi Laser printer 65 or 85 lpi= 130 or 170 ppi Newspaper lpi= ppi Quick print, copies lpi= ppi Glossy magazine 150 lpi= 300 ppi Offset pinting 150 lpi= 300 ppi Display books 175 lpi= 350 ppi Museum quality art books 200 lpi = 400 ppi

Graphics and LOGOS Resizing Graphics Resize an image when scanning, not in image editing software. Adding more resolution Scanning Formula: (final width / original width) x final ppi = scan ppi Example: (8 inches / 4 inches) x 300 ppi = 600 ppi

Graphics and LOGOS What is a Logo? A logo creates a unique identity by condensing a complex communication concept into its simplest and most effective form.

Graphics and LOGOS A logo should…  Be attention-getting  Be simple  Communicate effectively  Look good in both color AND black & white  Reproduce well in all the media it will be used on

Graphics and LOGOS All Type Logos  With over 8,000 Typefaces available, there is no excuse for using standard issue computer fonts There are lots of other designers using these fonts as well - how will your design stand out?  CONTRAST - Combine typefaces Remember your type relationships: concordant; conflicting; contrasting

Graphics and LOGOS Techniques  Tweak a letterform out of the ordinary: Addition or subtraction to a character Illustrative Letterforms interact

Graphics and LOGOS Techniques  Add Elements: Combination of symbol and typeface Simple shapes Creates a unique identity Proximity - keep elements with logotype

Graphics and LOGOS Techniques  Add Clip Art: Manipulate clip art to create a unique look Use images, illustrations and picture fonts Remember that it must reproduce well in black & white

Graphics and LOGOS File Types  Different files for different purposes: High quality printing - more complex Full color Magazines, brochures, etc. tiff file Low resolution - less complex web use gif, png, jpeg files Black & White version - simple newspaper, copy machines, faxes tiff, jpeg files

Graphics and LOGOS Web Resources  adobe.com - download trial software  logodesign.com - links, articles, news, blogs, resources  allgraphicdesign.com - tutorials, various resources  desktoppub.about.com