+ All Categories
Home > Documents > Introduction

Introduction

Date post: 06-Jan-2016
Category:

Documents
Upload: brinly
View: 22 times
Download: 1 times
Download Report this document
Share this document with a friend
Description:
l.Ghadah R. Hadba. Introduction. Computer Graphics Vs. Image Processing Vs. Image Editing. - PowerPoint PPT Presentation
Popular Tags:
editing vector images
new image
final image
image quality
image distortion
matlab image editing
final photoshop image
vector images example
15
Introduction l.Ghadah R. Hadba CT1514-L1
Transcript
Page 1: Introduction

CT1514-L1

Introductionl.Ghadah R. Hadba

Page 2: Introduction

CT1514-L1

Computer Graphics Vs. Image Processing Vs. Image Editing

Computer Graphics :refers to processing of creating a new image from Geometry , Lighting parameters , Materials and Textures .Using a Computer or any other digital media (using languages such as: OpenGL)

Image Processing: is the process of manipulating an image acquired through some device . The image too often will be acquired from photographs, scanners , medical equipments (using environments such as: MATLAB)

Image editing  enable a person to manipulate visual images on a computer. (using editing programs such as: Adobe Photoshop, Adobe illustrator)

Page 3: Introduction

CT1514-L1

Images Types

Image editing Programs can be divided based on picture type they deal with.

There is 2 basic types for pictures Bitmap Images Vector Images

Page 4: Introduction

CT1514-L1

Picture Types: Bitmap Images

A representation of a two-dimensional ,finite set ,of digital values (pixels)

Pixel value typically represents (gray level, color, opacities…etc

Editing bitmap images means editing the prosperities of it’s pixels (NOT editing an item or a shape in this image)

Zooming in and out may lead to image distortion or lose in some of it's details

Affected by the number of pixels per inch(Resolution)

(How)?

Page 5: Introduction

CT1514-L1

Picture Types: Vector Images

Consist of geometrical primitives such as points, lines, curves…etc which are all based on mathematical expressions.

Editing vector images and Zooming in and out means recalculate the mathematical expressions with the new values (re-draw the vector image)

Not Affected by the resolution

(Why)?

Page 6: Introduction

CT1514-L1

Bitmap Vs. Vector Images

Example (1) Example (2)

Page 7: Introduction

CT1514-L1

Introduction to Adobe photoshobe

Page 8: Introduction

CT1514-L1

Introduction

What type for images does Photoshop deal with?

What type should I choose for my final Photoshop image?

The file is too big for transmitting over internet!!

The image quality is bad after printing it!!

….

Page 9: Introduction

CT1514-L1

Adobe Photoshop CS4

Adobe Photoshop is primarily a raster bitmap editor.

Adobe Illustrator is primarily a vector graphics editor.

The recent versions of bitmap editors, such as   Photoshop support vector-like tools (e.g. editable paths), and

vector editors such as  Adobe Illustrator are gradually adopting tools and approaches that were once limited to bitmap editors (e.g. blurring).[1]

Page 10: Introduction

CT1514-L1

Photoshop Picture Formats

Pic Use Description extinction Picture Format

Commercial Presses

Consist of 2 parts:•Scripted description that tell printer how the final image should be•A preview picture of the content

.(eps) Encapsulated PostScript(EPS)

Presses -maintaining

quality

•Is a high-quality file format.•Now its owned by Adobe System•Compress images without losing any of its’ values.

.(tif/.tiff) Tagged Image File

Format(TIF/TIFF)

Internet Images-

Designing Icons

•Very small size images•Good quality•Used basically in the Internet•Support transparency

.(png) Portable Network

Graphic (PNG)

Vector file format

Page 11: Introduction

CT1514-L1

Photoshop Picture Formats

Pic Use Description extinction Picture Format

Saving Images –transforming

images through internet-

printing using home printers

•Compress images with losing in its’ values.•Support(24-bit color) 16 million color

.(jpg)  Joint Photographi

c Experts Group(JPEG/J

PG)•Support Animation•Support(8-bit color) 256 color•Most popular extension in the internet

.(gif) Graphical Interchange Format(GIF)

•Image file created by Adobe Photoshop, may include image layers ,adjustment layers, layer masks, annotation notes, and other Photoshop-specific elements•Enable editing

.(psd) Adobe Photoshop Document

(PSD)

Page 12: Introduction

CT1514-L1

File Save AS

Page 13: Introduction

CT1514-L1

Colors Format

Grayscale CMYK RGB

• Use 256 gray level (0: black-

255: white)

• Consist of 4 colors(Cyan,

Magenta, Yellow, Black)

• Used with CMYK printers

• Basic color system

• Consist of 3 colors( Red-Green-Blue)

Page 14: Introduction

CT1514-L1

Image Mode

Page 15: Introduction

CT1514-L1

RGB CMYK Grayscale

Example of applying different color modes on an image


Recommended
INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction.

INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction.

Documents

§1.1.1 INTRODUCTION: 1. INTRODUCTION

§1.1.1 INTRODUCTION: 1. INTRODUCTION

Documents

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Documents

An Introduction to NSAn Introduction to NS2An Introduction to NS2 · 2016. 8. 26. · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T. Issariyakul and

An Introduction to NSAn Introduction to NS2An Introduction to NS2 · 2016. 8. 26. · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T. Issariyakul and

Documents

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content.

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content.

Documents

INTRODUCTION INTRODUCTION TO TO PROGRAMMING ...

INTRODUCTION INTRODUCTION TO TO PROGRAMMING ...

Documents

An Introduction to NSAn Introduction to NS2An Introduction ...

An Introduction to NSAn Introduction to NS2An Introduction ...

Documents

1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

Documents

Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Documents

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

Documents

CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction ...

CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction ...

Documents

Optimisation des Requêtes. Introduction Introduction.

Optimisation des Requêtes. Introduction Introduction.

Documents

Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

Introduction - daks2k3a4ib2z.cloudfront.net€¦ · Introduction Establishedin1974MarbleHillFireplacesofferoneofthelargestandmostcomprehensiveselectionsof …

Documents

Introduction to Databases: Introduction

Introduction to Databases: Introduction

Documents

An Introduction to NSAn Introduction to NS2An Introduction ...teerawat/publications/NS2/02-NS2.pdf · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T.

An Introduction to NSAn Introduction to NS2An Introduction ...teerawat/publications/NS2/02-NS2.pdf · An Introduction to NSAn Introduction to NS2An Introduction to NS2 Textbook: T.

Documents

1. INTRODUCTION 1.1 Introduction

1. INTRODUCTION 1.1 Introduction

Documents

Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Documents

Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases.

Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases.

Documents