TEORI DASAR GRAFIS
MATA PELAJARAN
TEKNOLOGI INFORMASI & KOMUNIKASI
KELAS XII SEMESTER I
Pertemuan : Pertama (1)
Judul Materi : Teori Dasar Grafis
Alokasi Waktu : 2 x 45 menit
MULAI
Standar Kompetensi
Menggunakan perangkat lunak pembuat grafik
Kompetensi Dasar
Menunjukkan menu ikon yang terdapat dalam
perangkat lunak pembuat grafis
 Produk : Siswa mampu mendeskripsikan dan memahami aspek yang
penting dan yang berpengaruh dalam karya grafis
 Proses : Siswa mampu menganalisa tingkat kerumitan dan keindahan
desain suatu objek sehingga dapat meningkatkan hasil karya desain
grafis
 Karakter : Kritis, Kreatif, Inovatif, Apresiatif ( Menghargai Hasil Karya ),
dan Bekerjasama.
 Keterampilan Sosial : Aktif bertanya, Menjadi pendenngar yang baik ,
memberikan ide/berpendapat/berargumentasi, dan Komunikatif
TEORI DASAR GRAFIS
Media Presentasi Pembelajaran | © Teknologi Pembelajaran RPP LanjutAwal Keluar
INDEKS MATERI
Pengertian Grafis
Konsep Desain Grafis
Prinsip Desain Grafis
Sejarah & Perkembangan Grafis
Unsur – Unsur Media Grafis
Jenis Media Komunikasi Grafis
Grafis Basis Vektor
Grafis Basis Bitmap
Perbedaan Grafis Vektor dan Bitmap
Software Aplikasi Grafis Vektor dan Bitmap
Silahkan pilih Materi yang ingin disampaikan !
LanjutAwal KeluarRPPMedia Presentasi Pembelajaran | © Teknologi Pembelajaran MENU UTAMA
• Istilah Grafis terkait dengan gambar / tulisan
• Grafis biasa juga disebut GRAFIK / IMAGE /
CITRA
• Grafik meliputi foto, tulisan, lukisan.
• Grafik dalam istilah komputer adalah gambar
digital yg dapat dimanipulasi, (hasil foto
kamera digital)
• Grafik memiliki banyak tipe dan perangkat
lunak aplikasi sebagai pengolahnya.
PENGERTIAN GRAFIS
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
KONSEP DESAIN GRAFIS
Konsep Desain Grafis Meliputi :
1. Komunikasi visual disertai teks atau gambar untuk
menyampaikan informasi.
2. Karya yang indah.
3. Mencakup kemampuan kognitif, keterampilan termasuk
tipografi, pengolahan gambar, dan page layout.
4. Mengolah tampilan huruf dan ruang komposisi untuk
menciptakan suatu rancangan yang efektif dan
komunikatif.
5. Desainer grafis memiliki kelebihan menuangkan ide
dengan menggunakan indra, alat tradisional (seperti
pensil atau tinta), dan komputer.
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
PRINSIP DESAIN GRAFIS
Pertama  KESEIMBANGAN (balance)
keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya
kesan seimbang secara visual
Kedua  RITME (rhytem)
Ketiga  TEKANAN (emphasis)
Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan
membaca bagian desain yang dimaksud
Keempat PROPORSI (proportion)
Kelima  KESATUAN (unity)
kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
Sejarah & Perkembangan GRAFIS
Masa Sebelum Industrialisasi
• Gambar Sederhana
Masa Industrialisasi Grafis
• Cat, bahan pewarna, kertas/medium
Industri Periklanan (Tahun 1930-an)
• Massifikasi, mesin cetak, spesialisasi keahlian, industri
Era Elektronik
• Revolusi komunikasi elektronik
Digital imaging
• Computer based, global community, global market,
global network
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
judul, sub-judul, body copy, logotypeTeks
hand drawing, digital drawing, fotografiIlustrasi
Lay-out & komposisiWarna
bentuk/form yang memiliki diameter, tinggi, dan lebarShape
• Corak yang dapat dinilai dengan cara dilihat atau dirabaTekstur
• menghubungkan satu titik poin dengan titik poin yang lainGaris
• jarak antara suatu bentuk dengan bentuk lainnyaRuang
Unsur-Unsur MEDIA GRAFIS
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
• Majalah, Surat Kabar, Buletin, Banner, , Poster, Stiker,
Kover buku, Leaflet, KatalogMedia cetak
• One way Station (Mobile Design), Baliho,
Spanduk,Umbul-umbul, Baliho, Billboard.FloorstandMedia luar ruang
• Televisi, e-billboardMedia elektronik
• Etalase, Point of purchaseTempat pajang
• Guci, Batik, LukisanBarang khusus
Jenis Media Komunikasi Grafis
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
GRAFIS BASIS VEKTOR
Gambar yang dibentuk oleh
objek berupa garis dan kurva
berdasar rumus matematik.
Untuk pembuatan desain teks
dan logo
Kualitas tidak tergantung
resolusi
Membutuhkan ruang
penyimpanan relatif kecil
Format umum *.eps, *.wmf,
*.cdr
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
GRAFIS BASIS BITMAP
 Kumpulan dari ribuan titik
titik yang sangat kecil
 Tiap titik memiliki warna
tertentu.
 Objek gambar di bentuk
dari kumpulan titik kecil
yang disebut pixel
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
PERBEDAAN VEKTOR & BITMAP
GRAFIK BITMAP GRAFIK VEKTOR
Terdiri atas kumpulan
pixel dgn warna tertentu
Terdiri atas kurva & garis
berdasar rumus
matematis
Resolusi dependent
(Gambar punya pixel
tetap)
Resolusi independent
(Gambar tidak
dipengaruhi jumlah pixel)
Kapasitas penyimpanan
besar
Kapasitas penyimpanan
kecil
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
PERBEDAAN VEKTOR & BITMAP
GRAFIK BITMAP GRAFIK VEKTOR
Gambar dengan gradasi
warna rumit
Gambar dng warna
sederhana
Gambar kurang jelas ketika di
perbesar
Gambar tetap jelas ketika
diperbesar
Tersusun atas titik-titik/dot Tersusun oleh garis dan kurva
Ukuran File yang dihasilkan
besar
Ukuran File yang dihasilkan
kecil
Kualitas grafis bergantung
dari banyaknya pixel. File
yang didukung: *PSD, *JPEG,
*EPS, *GIF, dll
Kualitas grafis tidak
bergantung dari banyaknya
pixel. File yang didukung:
*CDR, *WMF, *AI, dll
Lanjutan...
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
KEUNGGULAN DAN KELEMAHAN
Grafis basis vektor :
Keunggulan Kelemahan
Ukuran file dokumen yang
dihasilkan kecil, sehingga
menghemat memori penyimpanan.
Pemakaian prosesor yang
memakan memori lebih banyak
sehingga komputer bekerja menjadi
lebih lambat.
Keunggulan Kelemahan
Pemakaian memori pada prosesor
lebih kecil dibandingkan dengan
grafis berbasis vektor.
Ukuran file dokumen yang
dihasilkan besar.
Grafis basis bitmap :
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
SOFTWARE APLIKASI GRAFIS
GRAFIK
BITMAP
Adobe Photoshop®, Corel photopaint, Nikon
Colour Effect, Windows Paints, Paintbrush,
GIMP, dll.
GRAFIK
VEKTOR
Adobe Flash, Adobe Illustrator, CorelDRAW,
CorelGrafigo, Macromedia Freehand®, Maya3D,
Strata 3D CX, Ulead COOL 3D, Swift 3D,
Autocade, 3D Home Architect, Inkscape, dll.
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
TUGAS & LATIHAN
Evaluasi Pemahaman Konsep (kognitif) pada Pengenalan Grafis
berbasis Bitmap dan Vektor.
1. Apa yang Anda ketahui tentang pengertian grafis ?
2. Bagaimana dasar pembentukkan grafis berbasis bitmap ?
3. Sebutkan 5 ekstensi file komputer yang termasuk file grafis berbasis bitmap ?
4. Sebutkan 4 program aplikasi berbasis bitmap ?
5. Bagaimana dasar pembentukan grafis berbasis vektor ?
6. Sebutkan 4 program aplikasi berbasis vektor ?
7. Sebutkan keunggulan dan kelemahan program grafis berbasis bitmap dan berbasis vektor
8. Sebutkan 4 perbedaan grafis berbasis vektor dan grafis berbasis bitmap ?
LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI

GRAFIS VECTOR & BITMAP

  • 1.
    TEORI DASAR GRAFIS MATAPELAJARAN TEKNOLOGI INFORMASI & KOMUNIKASI KELAS XII SEMESTER I Pertemuan : Pertama (1) Judul Materi : Teori Dasar Grafis Alokasi Waktu : 2 x 45 menit MULAI
  • 2.
    Standar Kompetensi Menggunakan perangkatlunak pembuat grafik Kompetensi Dasar Menunjukkan menu ikon yang terdapat dalam perangkat lunak pembuat grafis  Produk : Siswa mampu mendeskripsikan dan memahami aspek yang penting dan yang berpengaruh dalam karya grafis  Proses : Siswa mampu menganalisa tingkat kerumitan dan keindahan desain suatu objek sehingga dapat meningkatkan hasil karya desain grafis  Karakter : Kritis, Kreatif, Inovatif, Apresiatif ( Menghargai Hasil Karya ), dan Bekerjasama.  Keterampilan Sosial : Aktif bertanya, Menjadi pendenngar yang baik , memberikan ide/berpendapat/berargumentasi, dan Komunikatif TEORI DASAR GRAFIS Media Presentasi Pembelajaran | © Teknologi Pembelajaran RPP LanjutAwal Keluar
  • 3.
    INDEKS MATERI Pengertian Grafis KonsepDesain Grafis Prinsip Desain Grafis Sejarah & Perkembangan Grafis Unsur – Unsur Media Grafis Jenis Media Komunikasi Grafis Grafis Basis Vektor Grafis Basis Bitmap Perbedaan Grafis Vektor dan Bitmap Software Aplikasi Grafis Vektor dan Bitmap Silahkan pilih Materi yang ingin disampaikan ! LanjutAwal KeluarRPPMedia Presentasi Pembelajaran | © Teknologi Pembelajaran MENU UTAMA
  • 4.
    • Istilah Grafisterkait dengan gambar / tulisan • Grafis biasa juga disebut GRAFIK / IMAGE / CITRA • Grafik meliputi foto, tulisan, lukisan. • Grafik dalam istilah komputer adalah gambar digital yg dapat dimanipulasi, (hasil foto kamera digital) • Grafik memiliki banyak tipe dan perangkat lunak aplikasi sebagai pengolahnya. PENGERTIAN GRAFIS LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 5.
    KONSEP DESAIN GRAFIS KonsepDesain Grafis Meliputi : 1. Komunikasi visual disertai teks atau gambar untuk menyampaikan informasi. 2. Karya yang indah. 3. Mencakup kemampuan kognitif, keterampilan termasuk tipografi, pengolahan gambar, dan page layout. 4. Mengolah tampilan huruf dan ruang komposisi untuk menciptakan suatu rancangan yang efektif dan komunikatif. 5. Desainer grafis memiliki kelebihan menuangkan ide dengan menggunakan indra, alat tradisional (seperti pensil atau tinta), dan komputer. LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 6.
    PRINSIP DESAIN GRAFIS Pertama KESEIMBANGAN (balance) keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual Kedua  RITME (rhytem) Ketiga  TEKANAN (emphasis) Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud Keempat PROPORSI (proportion) Kelima  KESATUAN (unity) kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 7.
    Sejarah & PerkembanganGRAFIS Masa Sebelum Industrialisasi • Gambar Sederhana Masa Industrialisasi Grafis • Cat, bahan pewarna, kertas/medium Industri Periklanan (Tahun 1930-an) • Massifikasi, mesin cetak, spesialisasi keahlian, industri Era Elektronik • Revolusi komunikasi elektronik Digital imaging • Computer based, global community, global market, global network LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 8.
    judul, sub-judul, bodycopy, logotypeTeks hand drawing, digital drawing, fotografiIlustrasi Lay-out & komposisiWarna bentuk/form yang memiliki diameter, tinggi, dan lebarShape • Corak yang dapat dinilai dengan cara dilihat atau dirabaTekstur • menghubungkan satu titik poin dengan titik poin yang lainGaris • jarak antara suatu bentuk dengan bentuk lainnyaRuang Unsur-Unsur MEDIA GRAFIS LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 9.
    • Majalah, SuratKabar, Buletin, Banner, , Poster, Stiker, Kover buku, Leaflet, KatalogMedia cetak • One way Station (Mobile Design), Baliho, Spanduk,Umbul-umbul, Baliho, Billboard.FloorstandMedia luar ruang • Televisi, e-billboardMedia elektronik • Etalase, Point of purchaseTempat pajang • Guci, Batik, LukisanBarang khusus Jenis Media Komunikasi Grafis LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 10.
    GRAFIS BASIS VEKTOR Gambaryang dibentuk oleh objek berupa garis dan kurva berdasar rumus matematik. Untuk pembuatan desain teks dan logo Kualitas tidak tergantung resolusi Membutuhkan ruang penyimpanan relatif kecil Format umum *.eps, *.wmf, *.cdr LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 11.
    GRAFIS BASIS BITMAP Kumpulan dari ribuan titik titik yang sangat kecil  Tiap titik memiliki warna tertentu.  Objek gambar di bentuk dari kumpulan titik kecil yang disebut pixel LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 12.
    PERBEDAAN VEKTOR &BITMAP GRAFIK BITMAP GRAFIK VEKTOR Terdiri atas kumpulan pixel dgn warna tertentu Terdiri atas kurva & garis berdasar rumus matematis Resolusi dependent (Gambar punya pixel tetap) Resolusi independent (Gambar tidak dipengaruhi jumlah pixel) Kapasitas penyimpanan besar Kapasitas penyimpanan kecil LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 13.
    PERBEDAAN VEKTOR &BITMAP GRAFIK BITMAP GRAFIK VEKTOR Gambar dengan gradasi warna rumit Gambar dng warna sederhana Gambar kurang jelas ketika di perbesar Gambar tetap jelas ketika diperbesar Tersusun atas titik-titik/dot Tersusun oleh garis dan kurva Ukuran File yang dihasilkan besar Ukuran File yang dihasilkan kecil Kualitas grafis bergantung dari banyaknya pixel. File yang didukung: *PSD, *JPEG, *EPS, *GIF, dll Kualitas grafis tidak bergantung dari banyaknya pixel. File yang didukung: *CDR, *WMF, *AI, dll Lanjutan... LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 14.
    KEUNGGULAN DAN KELEMAHAN Grafisbasis vektor : Keunggulan Kelemahan Ukuran file dokumen yang dihasilkan kecil, sehingga menghemat memori penyimpanan. Pemakaian prosesor yang memakan memori lebih banyak sehingga komputer bekerja menjadi lebih lambat. Keunggulan Kelemahan Pemakaian memori pada prosesor lebih kecil dibandingkan dengan grafis berbasis vektor. Ukuran file dokumen yang dihasilkan besar. Grafis basis bitmap : LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 15.
    SOFTWARE APLIKASI GRAFIS GRAFIK BITMAP AdobePhotoshop®, Corel photopaint, Nikon Colour Effect, Windows Paints, Paintbrush, GIMP, dll. GRAFIK VEKTOR Adobe Flash, Adobe Illustrator, CorelDRAW, CorelGrafigo, Macromedia Freehand®, Maya3D, Strata 3D CX, Ulead COOL 3D, Swift 3D, Autocade, 3D Home Architect, Inkscape, dll. LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI
  • 16.
    TUGAS & LATIHAN EvaluasiPemahaman Konsep (kognitif) pada Pengenalan Grafis berbasis Bitmap dan Vektor. 1. Apa yang Anda ketahui tentang pengertian grafis ? 2. Bagaimana dasar pembentukkan grafis berbasis bitmap ? 3. Sebutkan 5 ekstensi file komputer yang termasuk file grafis berbasis bitmap ? 4. Sebutkan 4 program aplikasi berbasis bitmap ? 5. Bagaimana dasar pembentukan grafis berbasis vektor ? 6. Sebutkan 4 program aplikasi berbasis vektor ? 7. Sebutkan keunggulan dan kelemahan program grafis berbasis bitmap dan berbasis vektor 8. Sebutkan 4 perbedaan grafis berbasis vektor dan grafis berbasis bitmap ? LanjutAwal KeluarSK/KDMedia Presentasi Pembelajaran | © Teknologi Pembelajaran INDEKS MATERI

Editor's Notes

  • #8 Masa sebelum industrialisasi : Masih berupa gambar sederhana dan Masa industrialisasi grafis : terciptanya mesin cetak, spesialisasi desainer (misal: type designer, type founder, type setter, paper maker, binder, printer, publisher, dsb.), teknologi: manual-otomasi, teknik monokrom-warna, skala kecil-skala luas. Tahun 1930-an  industri periklanan : Mulai berkembang perusahaan yang bergerak dibidang publikasi dengan alat yang belum praktis Era elektronik  komputer awal : Munculnya computer sebagai media untuk merangkai huruf-huruf . sedangkan gambar masih berupa goresan tangan. Digital imaging : Munculnya berbagai perangkat elektronik dan computer multimedia yang memungkinkan produksi gambar dengan grafis yang menarik.