050-523 5403 (59003)

Slides:



Advertisements
Similar presentations
Multimedia Mr. Sanchez.
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.
Graphics Overview: Using Photoshop V Computers in Principle & Practice I V
2.01 Understand Digital Raster Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Graphics and Images September 28, Unit 3.
Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.
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.
Digital Macro Studio lights Assignments: Studio Lights Color Macro Digital Software Adobe Photoshop.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Graphical images Bit-mapped (or raster-based) image: Matrix describing the individual dots that are the smallest elements (pixels) of resolution on a computer.
Dr Jimmy Lam CAD for Fashion and Textiles
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
File Formats About graphic file formats And image compression.
Digital Images Chapter 8, Exploring the Digital Domain.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Introduction to Interactive Media Interactive Media Components: Graphics.
Foundations of Web Design I Photoshop CS5 Michael Daniel
SOFTWARE TYPES Word processing Page layout Paint Draw.
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
Digital Image Formats: An Explanation Guilford County SciVis V
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
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.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Digital Imaging 101 Ann Ware
 Scanned or digitally captured image  Image created on computer using graphics software.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
The Web. Web Servers and File Transfer Protocol (FTP)
Vocabulary Worksheet Answers
Digital Image Formats: An Explanation Guilford County SciVis V
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
DIGITAL MEDIA FOUNDATIONS
Photography, chapters 6 & 7
Computer Science Higher
2.01 Understand Digital Raster Graphics
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Image File Size and File Compression
Digital Images.
Сабақтың тақырыбы: Компьютерлік графика негіздері
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
به نام خدا آموزش برنامه فتوشاپ ندا منقاش.
Nuts and Bolts of Digital Imaging
2.01 Understand Digital Raster Graphics
Color and Images.
Basic Concepts of Digital Imaging
timo. fi (59003) www. biocenter
Exam Objectives: Identify Design Elements When Preparing Images
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

(59003)

Schedule 4.3. (Fri)7.3. (Mon)8.3. (Tue)11.3. (Fri) Color systems, image formats Photoshop basics &tools Photoshop practice (Mon)15.3. (Tue)18.3. (Fri)21.3. (Mon) Office as drawing tool Corel DrawPDF basicsQuestions, problems

What is the course about?

Photoshop Photoshop Corel Corel Power Point Power Point Excel Excel PDF (Acrobat) PDF (Acrobat)

Color systems Color systems Image formats Image formats Resolutions Resolutions

RGB Additional color system Additional color system red, green and blue light red, green and blue light 256 levels of every color (8-bit.) 256 levels of every color (8-bit.) more than 16 million colors (256 3, 24-bit) more than 16 million colors (256 3, 24-bit) used in web, in screens and for example MS:s used in web, in screens and for example MS:sOffice-programs

RGB

CMYK Subtractive color system Subtractive color system Cyan, Magenta, Yellow and Black (K) paint Cyan, Magenta, Yellow and Black (K) paint Press-houses Press-houses levels are posted in percents levels are posted in percents 32-bit 32-bit Rasterizing Rasterizing

CMYK

Color circle red magenta blue cyan greenyellow

Indexed color Used mostly in GIF-pictures for web Used mostly in GIF-pictures for web Only 256 colors Only 256 colors Transparency feature Transparency feature Not suitable for press-use. Not suitable for press-use.

Grayscale 256 tints of black 256 tints of black In tables, grayscale images etc. In tables, grayscale images etc.

Image formats PSD PSD JPG JPG EPS EPS TIFF TIFF GIF GIF PNG PNG

PSD Photoshop-format Photoshop-format Layers Layers Original data Original data Vector data Vector data Text editable Text editable

JPG Effective compressing algorithm Effective compressing algorithm “Lossy” (loses information) “Lossy” (loses information) Usage: www, MS-office (press) Usage: www, MS-office (press)

JPG 150 dpi/saved once quality dpi/saved once quality dpi/saved twice quality 0

TIFF Lossless compressing (LZW) Lossless compressing (LZW) Independent for platform (PC, Mac) Independent for platform (PC, Mac) Usage: press (Office) Usage: press (Office)

EPS Encapsulated PostScript Encapsulated PostScript “Raw data” “Raw data” Can also be compressed (jpg) Can also be compressed (jpg) Usage: press Usage: press Also vector data Also vector data

GIF Indexed color (256) Indexed color (256) Lossless Lossless Transparency Transparency Can be saved also interlaced Can be saved also interlaced Usage: www, MS-Office Usage: www, MS-Office

GIF JPG/quality 12GIF

PNG Lossless Lossless RGB-color with alpha channel supported RGB-color with alpha channel supported Transparency Transparency Usage: screen Usage: screen

Resolutions www:72 dpi (exact size) www:72 dpi (exact size) Word & PP: dpi Word & PP: dpi Press:300 dpi (exact size) Press:300 dpi (exact size)

Questions?