Kelas XII - 01. Mengenal Grafis Dan Aplikasinya [Inkscape]

MENGENAL GRAFIS danPROGRAM APLIKASINYA

SK : Menggunakan Perangkat Lunak Pembuat GrafisKD : Menunjukkan Menu Ikon Yang Terdapat Dalam Perangkat Lunak Pembuat Grafis

Oleh : HusnanSarofihttp://husnan.com

Mengenal grafis dan dan program aplikasinya

Definisi Grafis

● Grafis merupakan kata lain dari citra visual (image).

● Di era teknologi informasi dan komunikasi ini, kita mengenal dua jenis gambar,gambar biasa (non digital) dan gambar dalam bentuk digital

● Dalam Ilmu Komputer, grafis dapat pula diartikan sebagai gambar digital yang dapat dimanipulasi atau dikenal dengan istilah Desain Grafis


Atribut Grafis

1.Warna➢ CMYK (Cyan, Magenta, Yellow, Black)➢ RGB (Red, Green, Blue)➢ BW (Black White)

2.Resolusi Grafikmendeskripsikan tentang banyaknya detail gambar yang tersimpan. Resolusi sering digunakan sebagai jumlah pixel dalam pencitraan gambar digital

3.Tipe FileBMP, JPG, PNG, GIF, PCX, CDR, SVG, ….


Tipe/ Jenis Grafis1. Grafis Bitmap

Gambar bitmap merupakan duplikat atau tiruan persis dari gambar asli dalam bentuk gambar digital. Gambar jenis ini tersusun dari sejumlah titik pixel (picture element)/dot/point/titik koordinat yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu di layar komputer. Pola yang terbentuk itulah yang menghasilkan atau menimbulkan kesan gambar.

2. Grafis VektorGambar vektor adalah gambar yang tersusun oleh sekumpulan garis, kurva, dan bidang tertentu dengan menggunakan serangkaian instruksi yang masing-masing didefinisikan secara matematis. Setiap garis, kurva, dan bidang tertentu tersebut mempunyai properti atau atribut masing-masing berupa fill, stroke, dan node. Gambar vektor tidak dipengaruhi oleh resolusi gambar atau titik pixel (dpi) seperti pada gambar bitmap.


Perbedaan Grafis

Perbedaan Grafis secara visual

GRAFIS VEKTOR

GRAFIS BITMAP


Perbedaan GrafisVektor Bitmap

Disusun oleh objek geometris yang dibuat berdasarkan perhitungan matematis

Disusun oleh objek yang disebut pixel

Sifatnya resolution independent Sifatnya resolution dependent atau dipengaruhi resolusi

Pengaruh perbesaran tidak pecah, blur atau rusak

Pengaruh perbesaran pecah, blur dan rusak jika melewati batas toleransi tampilan

Ukuran penyimpanan relatif kecil Ukuran penyimpanan relatif besar

Digunakan untuk ilustrasi dengan bentuk geometris sederhana, warna solid atau gradasi tanpa terlalu banyak variasi warna. Cocok untuk logo dan jenis desain yang mengandalkan kesederhanaan bentuk.

Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera.

Format penyimpanan bisa berupa AI, CDR, FH, EPS, SVG

Format penyimpanan PSD, TIF, JPEG, GIF, BMP

Software yang digunakan adalah Inkscape, Corel Draw, atau Adobe Illustrator.

Software yang biasa digunakan adalah GIMP, Adobe Photoshop, Adobe Fireworks, atau Corel Photopaint


Grafis Vektor● Tampilan akan terlihat jelas meskipun dilakukan pembesaran

(zooming) karena tidak bergantung pada banyaknya pixel.

● Kehalusan gambar grafis vector tidak bergantung pada ukuran dpi, tetapi pada out put device, seperti monitor dan printer.

● Semakin canggih output device yang digunakan, semakin halus grafis yang tampak.

Keunggulan Kelemahan1. Ukuran file dokumen yang

dihasilkan kecil2. Dapat dicetak pada resolusi

sebesar apapun tanpa kehilangan detil gambar

1.Pemakaian processor dan memori yang lebih banyak2.Gambar terlihat lebih kaku


Jenis File Grafis Vektor1. AI

Format file yang dikembangkan oleh Adobe System untuk file berbasis vektor, dan merupakan format default pada software Adobe Illustrator

2. CDRFormat file yang dikembangkan oleh Corel Corporation untuk file berbasis vektor. Merupakan format default dari software Corel Draw

3. SVG(Scalable Vector Graphics)merupakan format file baru untuk menampilkan grafik dalam pengembangan web yang berbasis XML (eXtensible Markup Language), digunakan sebagai format default dari aplikasi Inkscape

4. WMF(Windows Meta File)merupakan format file berbasis vektor pada Microsoft Windows yang dikembangkan mulai 1990an. Di Windows format file ini digunakan untuk gambar Clipart pada program Ms. Office


Grafis Bitmap● Grafis desain bitmap dibentuk dengan raster /pixel (picture

element) /dot /titik● Satuan ukuran grafis jenis bitmap adalah dpi (dot per inch) yang

berarti banyaknya titik dalam satu inch.● Dalam file computer, grafis bitmap biasanya berekstensi:

(.bmp, .jpg, .tif, .gif, .png, .pix dan .pex.)

Keunggulan Kelemahan1. Pemakaian processor lebih

kecil2. Mampu menangkap nuansa

warna dan bentuk yang natural

1.Ukuran file lebih besar2.Melakukan kompresi pada gambar, sehingga kualitas menurun


Jenis File Grafis BitmapTIPE

FILEKELEBIHAN KEKURANGAN

BMP Didukung oleh hampir semua aplikasi gambar pengolah gambar

Tidak ada data yang hilang

Ukuran File yang besar

JPEG Ukuran gambar kecil Jumlah warna sampai 32 bit

Ada data yang hilang jika dikompresi tingkat tinggi

GIF Mendukung gambar animasi Tidak ada data yang hilang Mendukung transparansi

Jumlah warna sampai 8 bit

PNG Tidak ada data yang hilang Jumlah warna sampai 64 bit Mendukung transparansi

Tidak mendukung animasi

TIFF Mendukung gambar vektor Tidak ada data yang hilang Jumlah warna sampai 32 bit Mendukung transparansi

Tidak mendukung animasi


Program Aplikasi

APLIKASI PENGOLAH VEKTORProgram aplikasi ini dapat digunakan untuk membuat gambar dalam bentuk vektor/garis serta menghasilkan kombinasi beberapa garis lurus, maupun garis lengkung. Program ini biasanya digunakan dalam bisnis percetakan/ penerbitan.

Contoh Aplikasi :

1. Proprietary :CorelDraw, Adobe Illustrator, Adobe Freehand, Xara Xtreme

2. OpenSourceInkscape, LibreOffice Draw, Xara Xtreme for Linux


Program Aplikasi

APLIKASI PENGOLAH BITMAPProgram yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah gambar/manipulasi foto (photo retouching).

Contoh Aplikasi :

1. Proprietary :Corel Photo-Paint, Adobe Photoshop, PhotoPerfect

2. OpenSourceGIMP, DigiKam, TuxPaint


Kolaborasi Vektor dan Bitmap

Grafis Bitmap dapat dimasukan ke dalam program aplikasi vektor, begitu juga sebaliknya….

Misal:

Jika anda ingin mendesain sebuah poster dengan menggunakan program Inkscape, anda dapat memasukan grafis bitmap ke dalam file yang sedang anda kerjakan. File yang disimpan akan bernama “file.svg” kemudian Grafis vektor tersebut dapat dikonversi menjadi bentuk bitmap, proses ini disebut dengan “rasterize”


Aplikasi Inkscape● Inkscape merupakan perangkat lunak pengolah grafis vektor

(vector graphics editor) yang berada di bawah lisensi GNU GPL

● Inkscape bersifat bebas dan sumbernya terbuka (Free Open Source Software)

● Mulai dirilis tahun 2003 dan merupakan pengembangan dari proyek Sodipodi. Versi terakhir adalah 0.48

● Dapat dijalankan di berbagai platform (Linux,Mac OS, Unix dan Windows). Untuk Windows tersedia versi Portable

● Mendukung standar SVG, XML dan CSS● Website : http://inkscape.org/

http://inkscape.org/


Screenshoot Inkscape 0.48


Inkscape, Corel Draw, Adobe Illustrator

General Information

Operating System Support


Inkscape, Corel Draw, Adobe Illustrator (lanj...)

Basic Features

File Support


Istilah PentingISTILAH ARTI

Fill Isi dari suatu objek kurva atau bidang-bidang tertentu, biasanya berupa warna.

Natural Warna atau kesan alamiah.

Node Titik-titik penghubung antar garis pada suatu objek.

Pixel Picture element, bagian terkecil dari gambar bitmap, berupa titik-titikpenyusun gambar.

Stroke Objek garis dari suatu gambar.

Output Device Alat keluaran (output) dari sistem komputer ex : monitor, printer, projector, dll

Program Proprietaray

Program berpemilik/ berlisensi, biasanya terdaftar dan dimiliki oleh badan/perusahaan tertentu, misal : microsoft, apple, adobe, ..

Program OpenSource

Program yang memiliki sumber kode terbuka, dan dapat dimodifikasi jika memiliki kemampuan di bidang programming


Terima Kasih

Sumber dan Referensi :

1. Wikipedia

2. Inkscape.org

3. BSE TIK Kelas XII Semester 1

4. Presentasi “Mengenal Grafis” oleh Akhdi Kumaeni

http://husnan.com

Kelas XII - 01. Mengenal Grafis Dan Aplikasinya [Inkscape]

Documents

Transcript of Kelas XII - 01. Mengenal Grafis Dan Aplikasinya [Inkscape]