Graphics Basics.

Slides:



Advertisements
Similar presentations
+ How to apply filters to a photo in Adobe Photoshop CS3 Neeta Balram.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Raster Graphics vs. Vector Graphics
2.01 Understand Digital Raster Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Graphic Images 101. Painted on a grid Drawn mathematically.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Pixels, Resolution and File Types Using Digital Media in the Classroom START.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Fixing digital images with Photoshop Elements 3 a presentation by Patrick Douglas Crispen California State University, Fullerton.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
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.
 Scanned or digitally captured image  Image created on computer using graphics software.
Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)
Things to Remember When working with digital images.
Digital Photography Multimedia I. 1)Check to see if the battery is charged. 2)Check to see if memory has space. 3)Check to see if the camera’s date is.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
CSC/FAR 020, Computer Graphics, March 25, 2010 Dr. Dale E. Parson Outline for week 9, class 2 Exporting Files.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
The Web. Web Servers and File Transfer Protocol (FTP)
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.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Vocabulary Worksheet Answers
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Part 1 File Formats Definition: A file format is a way to write the code of information for storage of an electronic file on a computer. Different software.
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.
Digital Photography Bethany Smith Learning Technologies Bethany Smith Learning Technologies.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Vector (Shapes) vs. Raster (Pixels)
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Exploring Computer Science - Lesson 3-4
Pixel, Resolution, Image Size
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Image Formats.
PROPERTY OF PIMA COUNTY JTED, 2010
Sci Vis I Exam Review Unit 6 File Formats.
Bitmap vs. Vector.
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.
Exploring Computer Science - Lesson 3-4
Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.
PHOTOSHOP.
An Introduction to Scanning and Storing Photographs and Graphics
Saving your Animations
Graphics Basic Concepts.
Resolution and Printing Tips
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Scan to USB.
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Creating Digital Graphics
Presentation transcript:

Graphics Basics

Operating Systems An operating system is an interface between the user and the computer. It allows a person to easily communicate with the computer. Our laptops have a different operating system than the Macs.

Computer Programs A computer program is a set of instructions for the computer. Often, a program allows the user to define some of those instructions. Examples: Microsoft Word Adobe Photoshop PowerPoint

File Extensions Any time you save a file, it needs to have a file extension. A file extension is what comes after the dot in a file name. The extension tells the computer what type of file it is and which program it should use to open it: Collage.jpg HistoryReport.doc

Image Files JPG or JPEG – a file type that compresses an image, making the file size smaller. This file type supports millions of colors – good for photographs, art. GIF – another compressed image file type, frequently used on the web. Only supports 256 defined colors – good for graphics.

Image Files PSD – stands for PhotoShop Document. This is a file type that can only be opened in Adobe PhotoShop, GIMP, and a few other select programs. PSDs are large in size, but allow you to create complicated images.

Naming Your Files When naming your files to turn into me, your file name should follow this format: LastNameFirstInitial_ProjectName.jpg Example: HallS_Collage.jpg I will almost always ask for a JPG file. Why?

Pixels A pixel is the smallest unit of an image. When you zoom in really far on a picture, you can see its individual pixels.

Image File Size Aside from file type, an image file’s size is determined by two things: Dimension (in inches or cm) – the physical size of the image Example: 8 x 10 inches Resolution (pixels per inch or cm) – the quality of the image. Example: 300 ppi

PPI The greater the PPI, the more pixels are crammed into a square inch. A higher PPI means the image will look nicer when it prints. I will usually ask for 300 ppi in your projects. Why?