GRAFIKA.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

Multimedia Mr. Sanchez.
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.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Graphics and Images September 28, Unit 3.
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.
Graphic Images 101. Painted on a grid Drawn mathematically.
1 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB PC Graphics - From Megabytes To Modest Bytes By Murray Niman G6JYB.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Computer Graphics Using “ Adobe Photoshop ” Introduction to E-Learning Center, DAD presents Workshop on Instructor: Mazhar.
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.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
1 Computer Graphics Part 2: Images. 2 What is an image?  An image is the graphical and visual representation of some information that can be displayed.
Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
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.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
(59003)
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
What is GIS? GIS is an integrated system used to view and manage information about geographic places, analyze spatial relationships, and model spatial.
Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
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.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Vocabulary Worksheet Answers
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Atomic Force Microscopy
Chapter 1 Definitions & Basics of Digital Image 1.Image 2.Digital Image 3.Raster 4. Vector 5.Image Editing 1.
Red Green Blue (RGB) Colour conversions Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution.
Bitmap vs. Vector How computers work with photographs and drawings.
Multimedia Subject: Informatics of Technology II year
Common Bitmap Image File Types
Digital Imaging 101 Ann Ware.
DIGITAL MEDIA FOUNDATIONS
Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt
Types of Graphics Technological Design.
Introduction to Graphics
Graphics Basics Ellen Eyth.
LET’S LEARN ABOUT GRAPHICS!
Študijné materiály pre eLearning
Graphics Basic Concepts.
Typy informácií a ich prezentácia a spracovanie
Formáty grafických súborov
Movie-Making ďalej Kežmarská 30, Dominik Bari.
Сабақтың тақырыбы: Компьютерлік графика негіздері
1.01 Investigate graphic types and file formats.
Computer Graphics Using “Adobe Photoshop”
ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА
ROVINNÉ (2D) SYMBOLY DWG
Final Study Guide Arts & Communications.
Color and Images.
timo. fi (59003) www. biocenter
Presentation transcript:

GRAFIKA

Počítačovou grafikou rozumieme všetko, čo spracováva počítač a čo je možné sledovať očami. Za počítačovú grafiku môžeme považovať: technické výkresy digitálne fotografie fonty, textovú grafiku 2D a 3D hernú grafiku prostredie operačného systému (plocha, ikony, pohyb okien) www stránky tlačové výstupy ...

Grafika na počítači Znaková grafika Bitmapová grafika Vektorová grafika Metagrafika Obrázky na počítači

Pozoruj a popíš rozdiely v priložených obrázkoch:

Rastrová grafika

Rastrová grafika Rastrová (označovaná aj ako bitmapová) grafika funguje na princípe malých diskrétnych bodov (pixelov), ktoré sú zoradené do riadkov a stĺpcov. Každý rastrový obrázok sa skladá z mriežky (siete). Veľkosť mriežky je založená na rozlíšení. Napríklad obrázok o veľkosti 1x1 palec v rozlíšení 600dpi je definovaný mriežkou o veľkosti 600x600 pixelov. Obrázok je tvorený farebnými bodmi. Čím je obrazových bodov viac, tým je zobrazenie kvalitnejšie.

PIXEL Je nositeľom informácie o farebnosti, o polohe Skladá sa zo subpixelov Každý subpixel predstavuje jednu z troch zložiek farby farebného spektra z intervalu 0 – 255 pre každú zložku (3*8b)

Pre rastrové obrázky sa používa veľké množstvo formátov, ktoré obvykle vznikali podľa potreby používateľov výpočtovej techniky. Medzi najznámejšie formáty rastrových obrázkov môžeme zaradiť:   BMP   TIF   JPEG   GIF   PNG

Možnosti vytvárania rastrových formátov: FOTENÍM DIGITÁLNYM FOTOAPARÁTOM NAKRESLENÍM V BITMAPOVOM EDITORE SCANOVANÍM – ZDIGITALIZOVANÍM TLAČE EXPORTOVANÍ Z VEKTOROVÉHO FORMÁTU

+ - väčšie nároky na dátový procesor ŠIROKÁ SOFTWAROVÁ PODPORA plusy väčšie nároky na dátový procesor rastrové obrázky sa deformujú – strácajú na kvalite pri zmene ich veľkostí, na rozdiel od vektorových obrázkov ŠIROKÁ SOFTWAROVÁ PODPORA JEDNODUCHOSŤ VYTVÁRANIA VHODNÁ NA ZLOŽITÉ SCÉNY MOŽNOSŤ POUŽITIA KOMPRESIE opticky verné uchovanie obrázkov, napr. fotografií, možnosť prevádzať rôzne grafické efekty, koláže, fotomontáže..., archivácia a spracovanie "papierových" obrázkov atď. - mínusy

Nekomprimované a komprimované formáty .bmp nekomprimovaný formát, môže byť aj komprimovaný RLE Bit Mapped Picture ➔ bitová mapa pamätá si farebnú hĺbku každého bodu v rástri osobitne .tif komprimovaný formát Tagged Image File Format – bitová mapa jpg (jpeg) princíp komprimácie je založený na interpolácii farebného prechodu výhody: malá veľkosť súboru ➔ ľahká prenositeľnosť (cez sieť) nevýhody: neuchováva ostré hrany .gif princíp komprimácie využíva sekvencie (za sebou idúce časti) rovnakej farebnej hĺbky (bezstratová kompresia) výhody: uchováva ostré hrany ➔ ikony, výkresy; umožňuje uchovávať animácie, malá veľkosť, transparentnosť nevýhody: farebná hĺbka len 256 farieb .png využíva bezstratovú kompresiu ako .gif formát oproti „gifu“ môže mať až 48 bitové kódovanie (True Color) jedného pixelu podporuje transparentnosť výhody: transparentnosť aj pri farebnej hĺbke True Color nevýhody: väčšia veľkosť súboru pri True Color obrázkoch

Editory rastrovej grafiky: PaintBrush(Skicár), Paint Shop Pro, Logo Motion, Painter Classic, Adobe Photo Shop, RNA(Revelation Natural Art) Corel Paintshop GIMP

Ďalšie grafické formáty AVI, MOV, MGP – formáty slúžiace na prenos zvuku a videa. Video je vytvorené mnohými, za sebou idúcimi obrázkami. Ak ich rýchlo premietame na obrazovku, vzniká dojem pohybu. Hodinový film obsahuje asi 100 000 obrázkov, tým pádom zaberá na disku veľa miesta, a preto sa obrázky komprimujú – stratovou kompresiou – niekedy sa ukladajú iba informácie o zmenách medzi dvoma obrázkami.

Využitie bitmáp Reklama Archivácia Web umelecká tvorba digitálne fotografie

Vektorová grafika

Vektorová grafika Vektorová grafika označuje spôsob definovania obrazových informácií pomocou základných geometrických primitív, akými sú bod, úsečka (vektor),priamka, krivka, mnohouholn ík, ktoré sa dajú vyjadriť matematickými rovnicami. Grafická informácia sa ukladá pomocou matematického zápisu. Ten definuje čiary a krivky, z ktorých je obrázok zložený. Vektorové obrázky sú výsledkom vrstvenia jednotlivých objektov

OBJEKTY VEKTOROVEJ GRAFIKY BODY ČIARY, KRIVKY (BEZIEROVÉ) TROJUHOLNÍKY, ŠTVORHRANY (POLYGÓNY) BITMAPOVÝ RASTER (AKO IMPORTOVANÝ OBJEKT)

Medzi najznámejšie formáty vektorových obrázkov môžeme zaradiť: .wmf - skratka od Windows MetaFile; používa sa hlavne v MS Windows; ide o formát, ktorý obsahuje popis potupnosti operácií, aby sa dosiahol cieľový obrazový efekt .dwg - skratka od DraWinG; ide o vektorový formát; zaviedla a používa ho firma Autodesk vo svojom programe AutoCAD .cdr - skratka od Corel Draw file; ide v princípe o vektorový formát, môže však obsahovat aj bitmapu; používa ho kanadská firma Corel na ukladanie obrázkov zo svojho svetoznámeho programu Corel Draw; tento formát je však okrem Corelu veľmi málo rozšírený a podporovaný .svg – Scalable Vector Grafics značkovací jazyk na opis animovanej vektorovej grafiky využíva sa vo webových prehliadačoch a mobiloch

Možnosti vytvárania vektorových formátov: NAKRESLENÍM VO VEKTOROVOM EDITORE IMPORTOVANÍM BITMAPOVÉHO OBRÁZKA DO VEKTOROVÉHO EDITORA

Editory vektorovej grafiky: Corel Draw Zoner Callisto Macromedia Flash Inkscape

+ - prepočet scény môže byť náročný na výkon PC plusy prepočet scény môže byť náročný na výkon PC zväčšovanie obrázka nemá vplyv na jeho kvalitu, keďže vektor je definovaný matematicky – je vektorová grafika presná, vo vektorovom obrázku je možné kedykoľvek previesť zásadné zmeny (počas tvorby i neskôr). Objekty je možné upravovať samostatne Zväčšovanie obrázku neznižuje jeho kvalitu Obrázky majú malý dátový objem a vo veľmi malej miere naň vplýva zväčšovanie či zmenšovanie obrázka - mínusy

grafické a kartografické informačné systémy Využitie grafické a kartografické informačné systémy CAD systémy návrhárske štúdia

existuje software na prekonvertovanie rastrovej grafiky na vektorovú a naopak

Farby a grafika

Kódovanie farieb každá farba sa dá zložiť z odtieňov 3 základných farieb, a to červenej, zelenej a modrej; v počítačovej grafike poznáme 256 odtieňov z každej z týchto farieb (ľudské oko nie je schopné rozoznať všetky tieto farby) – intenzitu každej z nich teda môžeme kódovať pomocou 8 bitov (28 = 256). Keď berieme do úvahy všetky tri základné farby, ľubovoľný farebný odtieň v takomto prípade budeme môcť kódovať pomocou 24 bitov (3 x 8; 28 x 28 x 28 = 16 777 216 farieb) pri 24 bitovom kódovaní (True Color) dokážeme definovať 16 777 216 rôznych farieb (ľudské oko rozozná asi 130-250 čistých farieb spolu s odtieňmi a 5-10 miliónov miešaných odtieňov). 12 13 14 15

Farebná hĺbka (2 bity, 8 bitov, 16 bitov, 24 bitov, atď.) Je množstvo pamäte potrebnej na uchovanie farebnej informácie (2 bity, 8 bitov, 16 bitov, 24 bitov, atď.)

Rozlíšenie Príklad: 1536 x 2048 = 3145728 Je počet pixelov vo vodorovnom a zvislom smere (800 x 600, 1024 x 768); pri vynásobení pixelov môžeme udávať rozlíšenie aj v pixeloch (3 Megapixely, 5 MegaPixelov, atď.) Príklad: 1536 x 2048 = 3145728 3145728 :(1024x1024) = 3 MegaPixely 17 20 21

Farebný model RGB aditívne skladanie farieb červenej (red), zelenej (green) a modrej (blue) používa sa pre monitory, kamery, fotoaparáty, atď.

Farebný model CMYK doplnkový model k RGB modelu, používajú ho tlačiarne základnými farbami sú: modrozelená (Cyana), fialová (Magenta), žltá (Yellow) a čierna (Black)

31