mengenal grafis dan aplikasinya

Upload: muhammad-jundi

Post on 14-Oct-2015

74 views

Category:

Documents


0 download

DESCRIPTION

mengenal grafis dan aplikasinya

TRANSCRIPT

  • 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

  • Mengenal grafis dan dan program aplikasinya

    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, .

  • Mengenal grafis dan dan program aplikasinya

    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.

  • Mengenal grafis dan dan program aplikasinya

    Perbedaan Grafis

    Perbedaan Grafis secara visual

    GRAFIS VEKTOR

    GRAFIS BITMAP

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    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/

  • Mengenal grafis dan dan program aplikasinya

    Screenshoot Inkscape 0.48

  • Mengenal grafis dan dan program aplikasinya

    Inkscape, Corel Draw, Adobe Illustrator

    General Information

    Operating System Support

  • Mengenal grafis dan dan program aplikasinya

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

    Basic Features

    File Support

  • Mengenal grafis dan dan program aplikasinya

    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

  • Mengenal grafis dan dan program aplikasinya

    Terima Kasih

    Sumber dan Referensi :1. Wikipedia2. Inkscape.org3. BSE TIK Kelas XII Semester 14. Presentasi Mengenal Grafis oleh Akhdi

    Kumaeni

    http://husnan.com

    Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10Slide 11Slide 12Slide 13Slide 14Slide 15Slide 16Slide 17Slide 18Slide 19