Week1&2

F1022: COMPUTER GRAPHIC WEEK 2

1.0 DIGITAL & MULTIMEDIA TECHNOLOGY

Definition of: media 

(1) Materials that hold data in any form or that allow data to pass through them, including paper, transparencies, multipart forms, hard, floppy and optical disks, magnetic tape, wire, cable and fiber. Media is the plural of "medium." (2) Any form of information, including music and movies. May also refer to CDs, DVDs, videotapes and other prerecorded material.



(3) The trade press (magazines, newspapers, etc.).

Definition of: multimedia -

Information in more than one form. It includes the use of text, audio, graphics, animation and full-motion video.

-

Multimedia programs are typically games, encyclopedias and training courses on CDROM or DVD.

-

However, any application with sound and/or video can be called a multimedia program.

Definition of: rich media 

Information that consists of any combination of graphics, audio, video and animation, which is more storage and bandwidth intensive than ordinary text.

Digital Image 1. A field of computer science covering digital images - images that can be stored on a computer, particularly bit-mapped images. 2. Computer imaging is a wide field that includes digital photography, scanning, and composition and manipulation of bit-mapped graphics.

Media Digital Appliance 1. Pengeditan imej/ Image Editing

2. Pembangunan Web/ Web Development

3. Pengiklanan/ Advertising

4. Percetakan Buku/Majalah

5. Pengeditan Video/ Video Editing

6. Pengeditan Audio / Audio Editing

Image Editing  Including: • Inserting text •Inserting effect •Inserting other Image •Tuning & balancing color

before

after

Advertising

Video Editing

Software For Graphic Editing -Adobe Photoshop - Corel Draw - Adobe Illustrator - Macromedia Freehand - etc

Politeknik Sultan Mizan Zainal Abidin Electrical Engineering Department

F1022: Graphic Computer

Task Format Lecturer: Mohd Nor Hafiz bin Sawandi

Name: Metric No : Date:

Font: Arial Paper color: Yellow Size: 12

Tugasan 1 

LIST DEFINITION BELOW:      

Text Graphic Audio Video Animation Interactivity

Bab 2 : Imej Raster n Vector  Di dalam pengeditan imej terdapat 2 kategori imej iaitu imej bitmap atau secara teknikalnya di panggil imej raster (Raster Image) dan imej vektor.  Setiap kategori mempunyai jenis format failnya yang tersendiri.  Apakah sebenarnya imej raster?

Imej konvensional 

Imej konvensional sebelum penggunaan kamera digital menjadi popular, seni foto konvensional telah memainkan peranan dalam harian.



Contoh penggunaan di poster, papan iklan, risalah, gambar famili.

Imej digital 





Fail imej digital telah diuruskan oleh komputer boleh dibahagikan kepada fail imej Vector dan fail imej Raster. Perbezaan kedua-dua jenis fail bergantung kepada saiz fail dan resolusi imej selepas pembesaran dan pengecilan paparan imej. Biasanya imej yang dihasilakan dari kamera digital berbentuk fail raster.

Imej digital (2) 





Imej vector boleh dibesarkan dan dikecilkan menggunakan perisian komputer mengikut kemahuan. Berlainan dengan fail raster jika dikecilkan dan dibesarkan papran imej akan terjejas dari segi resolusi iaitu berjerigi ataupun mosaic. Keadaan ini akan menjejaskan hasil imej fail gambar. Oleh itu beri perhatian yang mendalam tentang aspek kadar RESOLUSI dan SAIZ gamabr semasa mengurus fail imej Raster.

Imej Digital  

Imej yang dihasilkan/diedit secara digital terbahagi kepada: 

imej raster (berasaskan piksel)



imej vektor (berasaskan vektor)

Sumber Imej Digital    

Pengimbas Kamera digital Lukisan vektor Video digital

Perbandingan antara imej raster dan imej vektor

Bitmap Image

Perbandingan antara imej raster dan imej vektor

Vector Image

Format-format raster image Format Type Bitmap

Description BMP is a standard Windows image format on DOS and Windows-compatible computers. BMP format supports RGB, Indexed Color, Grayscale, and Bitmap color modes. You can specify either Windows or OS/2® format and a bit depth for the image*. For 4-bit and 8-bit images using Windows format, you can also specify RLE compression.

Format Type TIFF

Description Tagged-Image File Format (TIFF) is used to exchange files between applications and computer platforms. TIFF is a flexible bitmap image format supported by virtually all paint, image-editing, and page-layout applications. Also, virtually all desktop scanners can produce TIFF images. TIFF documents can have a maximum file size of 4 GB. Photoshop CS supports large documents saved in TIFF format. However, most other applications and older versions of Photoshop do not support documents with file sizes greater than 2 GB.

Format Type JPEG (.jpg)

Description Joint Photographic Experts Group (JPEG) format is commonly used to display photographs and other continuous-tone images in hypertext markup language (HTML) documents over the World Wide Web and other online services. JPEG format supports CMYK, RGB, and Grayscale color modes, and does not support alpha channels. Unlike GIF format, JPEG retains all color information in an RGB image but compresses file size by selectively discarding data.

Format Type PICT

Description PICT format is used in Mac OS graphics and page-layout applications as an intermediary file format for transferring images between applications. PICT format supports RGB images with a single alpha channel, and indexed-color, grayscale, and Bitmap-mode images without alpha channels. PICT format is especially effective at compressing images with large areas of solid color. This compression can be dramatic for alpha channels with their large areas of white and black.

Format Type TARGA

Description TGA (Targa®) format is designed for systems using the Truevision® video board and is commonly supported by MS-DOS color applications. Targa format supports 16-bit RGB images (5 bits x 3 color channels, plus one unused bit), 24-bit RGB images (8 bits x 3 color channels), and 32bit RGB images (8 bits x 3 color channels plus a single 8-bit alpha channel). Targa format also supports indexed-color and grayscale images without alpha channels. When saving an RGB image in this format, you can choose a pixel depth and select RLE* encoding to compress the image.

Kedalaman Bit (Bit Depth)  Kedalaman bit atau bit depth juga dikenali sebagai kedalaman pixel (pixel depth) adalah ukuran berapa banyak maklumat warna yang boleh dipaparkan di dalam sesuatu imej.  Secara perbandingannya, lebih banyak bit depth lebih banyak maklumat warna yang boleh dipaparkan oleh imej tersebut.  Contoh : jika suatu piksel mempunyai kedalaman bit 1, maka ia mempunyai 2 nilai kebarangkalian iaitu hitam atau putih. Jika kedalaman bit 8 maka ia mempunyai 256 nilai kebarangkalian maklumat warna.

Ringkasan 





PSD ( photoshopformat) menyokong layer. Sesuai digunakan pada semua jenis mod warna. TIFF( tagged image file format) juga menyokong layer. Sesuai digunakan semua jenis mod warna. JGP( joint pgotographic expert group) digunakan pada laman web dan juga fail gambar umum. Mod warna yang sesuai ialah RBG,CMYK,Grayscale



GIF( graphics interchange format) sesuai pada mod warna Indexed Color (256) dan Grayscale. Mod warna RGB, CMYK tidak sesuai.



BMP (windows bitmap) mod warna sesuai RGB, Indexed Color (256) dan Grayscale. Mod warna CMYK tidak sesuai.



PNG (portable network graphic) meyokong foramt fail ALPHA Channel. Sesuai utk mod warna RGB, Indexed Color (256) dan Grayscale. Mod warna yang tidak sesuai ialah CMYK.

Fail dan penetapan saiz 





Saiz fail imej diukur dengan unit (cm) atau PIKSEL. Anda disarankan menggunakan PIKSEL sebagai unit ukuran sekiranya fail imej tersebut hendak dijadikan gambar. Namun anda harus mengelakkan penghasilan gambar yang PIKSELnya terlalu kecil.



Jika sesuatu fail imej kerap dibesarkan dan dikecilkan maka kualiti imej akan menurun atau berkurang.

Keterangan tentang piksel 





Saiz imej kamera digital biasanya menggunakan PIKSEL sebagai unit ukuran. Setiap imej mempunyai segi empat berwarna yang berbeza. Ia dinamakan sebagai PIKSEL dalam konteks komputer. PIKSEL kamera digital menggunakan tahap resolusi imej sebagai piawaian pengiraan. Contoh disebelah>>>



Contoh, saiz ukuran imej yang berkualiti diambil oleh kamera 2048x1536, maka jumlah piksel kamera tersebut ialah 3.2 juta piksel.



Jika saiz imej maksima yang diambil oleh sesuatu kamera ialah 1200x1600, maka jumlah piksel kamera itu adalah 2 juta PIKSEL.



PIKSEL meruapakan unit pengiraan imej elektronik. Imej kamera digital atau komp menggunakan piksel sebagai unit ukuran asas.



Umpamanya resolusi skrin komputer ialah 800x600, 1024x768,1154x864 dan sebagainya. Dimana piksel digunakan sebagai unit ukuran.



Jika anda hendak menghasilkan kertas dinding komputer (wallpaper) anda perlu merujuk kepada resolusi skrin untuk memperolehi saiz kertas dinding(wallpaper) yang sesuai.

DPI (dots per inch) 

Resolusi merujuk kepada jumlah piksel dalam setiap unit ukuran fail imej digital. Contohnya bagi setiap inci yang mempunyai 72 piksel, resolusi imejnya dikenali sebagai 72DPI.

Kedalaman Bit (Bit Depth)

Pixel depth A. 1-bit (Bitmap) B. 8-bit (Grayscale) C. 8-bit (Indexed Color) D. 24-bit (RGB) In most cases, Lab, RGB, grayscale, and CMYK images contain 8 bits of data per color channel. This translates to a 24-bit Lab bit depth (8 bits x 3 channels), a 24-bit RGB bit depth (8 bits x 3 channels), an 8-bit grayscale bit depth (8 bits x 1 channel), and a 32-bit CMYK bit depth (8 bits x 4 channels). Photoshop can also work with Lab, RGB, CMYK, multichannel, and grayscale images that contain 16 bits of data per color channel.

Raster vs Vektor  Setelah anda melihat contoh-contoh yang diberikan, nyatakan pada pendapat anda : 1. Yang manakah lebih realistik (lebih hidup), imej raster atau imej vektor? 2. Yang manakah saiz failnya lebih kecil? Kenapa?

Amali 1 Tugas anda ialah: menyimpan (save) satu gambar dalam format yang telah dipelajari dan… 3. 4. 5.

Catitkan format asal dan saiz gambar Save dlm pelbagai format yang dipelajari Perubahan pixcel setiap format.

Hantar selepas waktu makmal.