2. KODE : 01/MDL1/DDG/2021
JUDUL : Pengantar Desain Grafis
KELAS : 10 (Sepuluh)
KEAHLIAN : Multimedia & Teknik Komupter Jaringan
PENGAJAR : Fajri Akhyarul Mujaki S.Kom
TGL.
UPDATE
: 16 Januari 2024
MODUL PEMBELAJARAN
DASAR DESAIN GRAFIS
3. DASAR DESAIN GRAFIS
Kompetensi Dasar
4.2 Menempatkan desain grafis dan branding logo
Tujuan
Pembelajaran
1. Siswa mampu menjelaskan kembali secara garis
besar seputar dunia desain grafis, logo dan
branding
3.1 Mendiskusikan desain grafis, logo dan branding
4. DASAR DESAIN GRAFIS
DAFTAR PEMBAHASAN
Pengantar
Desain Grafis
1. Istilah Desain & Grafis
4. Software Desain Grafis
2. Pengertian Desain Grafis
3. Jenis Desain Grafis
1. Vektor
2. Bitmap/Raster
5. Jenis Gambar Dalam
Desain Grafis
6. Ciri-ciri Gambar Vektor
7. Ciri-ciri Gambar
Bitmap/Raster
8. Proses Prancangan
Desain Grafis
9. Contoh Produk Desain
Grafis
10. Spesialis
Desain
Grafis
1. Desain Grafis Cetak
2. Desain Grafis
untuk Multimedia
5. DASAR DESAIN GRAFIS
DESAIN
Desain berasal dari Bahasa
inggris (Design) yang berarti
rancangan, rencana atau rekap
rupa
Sebagai kata kerja, desain
memiliki arti “Proses untuk
membuat dan menciptakan
objek baru”.
Sebagai kata benda, desain digunanakan
untuk menyebut hasil akhir dari sebuah
proses kreatif, baik itu terwujud sebuah
rencana, proposal, atau terbentuk objek
nyata.
6. DASAR DESAIN GRAFIS
GRAFIS
Grafis adalah segala cara
pengungkapan dan
perwujudan dalam bentuk
huruf, tanda dan gambar yang
diperbanyak melalui proses
percetakan guna disampaikan
kepada khalayak banyak
Contohnya adalah foto, grafik,
diagram, tipografi, symbol,
desain geometris, peta, gambar
Teknik, dan lain-lain
Grafis seringkali disajikan dalam
bentuk kombinasi teks, illustrasi,
dan warna
7. DASAR DESAIN GRAFIS
DESAIN GRAFIS
Desain grafis atau rancang grafis
adalah proses komunikasi
menggunakan berbagai elemen
grafis/visual mulai dari tulisan,
bentuk, warna dan gambar yang
dimaksudkan untuk menciptakan
pemahaman akan suatu pesan yang
disampaikan
Sumber Gambar : https://breadnbeyond.medium.com/
8. DASAR DESAIN GRAFIS
JENIS DESAIN GRAFIS
Perbedaan Desain Grafis Cetak Desain Grafis untuk Multimedia
Jenis file yang digunakan Eps, tiff Gif, png, jpeg, dan jpg
Dasar palet warna
CMYK (Cyan, Magenta, Yellow, and
Black/Key)
RGB (Red, Green, Blue)
Ukuran file yang di hasilkan Relatif besar Kecil
Media yang digunakan Kertas, karton, kain Tampilan layar monitor
Dimensi media Bebas
Menyesuaikan dengan dimensi
monitor
Minimal resolusi layar yang
digunakan
300 dpi 72 dpi
Background Colour Putih Hitam
Bahan untuk mencetak Tinta, cat, toner
Penyinaran lampu monitor pada
tabung (LED, LCD atau CTR)
10. DASAR DESAIN GRAFIS
JENIS GAMBAR DALAM DESAIN GRAFIS
Gambar Bitmap sering disebut dengan gambar
raster, yaitu tampilan gambar yang terdiri dari
titik-titik atau pixel.
Masing-masing pixel ini memunyai lokasi serta
warna tersendiri membetuk titik-titik yang secara
keseluruhan akan membentuk sebuah tampilan
gambar pada saat gambar diperbesar.
Kehalusan tampilan gambar ini sangat
tergantung kepada resolusi serta titik atau pixel
yang membentuk gambar tersebut.
Apabila gambar ini diperbesar maka akan
kelihatan kotak-kotak, semakin besar tampilan
gambar maka akan semakin besar pula kotak-
kotak tersebut, yang sebetulnya merupakan
tampilan pixel yang diperbesar.
Gambar Bitmap (Raster)
Gambar vektor adalah gambar yang dibuat dari
unsur garis dan kurva. Kumpulan dari beberapa
garis dan kurva ini akan membentuk suatu obyek
atau gambar.
“apabila tampilan in diperbesar tetap tidak akan
kehilangan detailnya sehingga kualitas
gambarnya tetap baik.”
Gambar Vektor
Sumber Gambar : https://mmrota.wordpress.com/
11. DASAR DESAIN GRAFIS
CIRI-CIRI GAMBAR VEKTOR
Karakteristik Vektor
Gambar disusun dari perpaduan objek – objek geomteris yang bersifat individu yang
terdiri dari titik, garis, bentuk dan warna.
Bersifat independent resolution
(dapat diperbesar tanpa mengurangi ketajaman gambar)
Jika diperbesar, kualiatas gambar tetap terjamin
(tidak rusak, tidak pecah, atau menajadi blur)
Ukuran file yang relatif kecil
Biasanya diterapkan pada model geometris sederhana dengan dukungannya warna
bertipe solid atau tanpa efek gradasi, yang dapat digunakan untuk logo, simbol dan
lainnya
Format file dapat berupa .CDR, .AI, .FH, . EPS, dan .SVG
Aplikasi pengelola grafis dapat menggunakan CorelDRAW dan Adobe Illustrator
12. DASAR DESAIN GRAFIS
CIRI-CIRI GAMBAR BITMAP
Karakterisitk Bitmap
Disusun berdasarkan pixel (Titik-Titik)
Bersifat dependent resolution
(sangat terpengaruh tinggi rendahnya resolusi)
Pembesaran sangat mempengaruhi kualitas gambar
Ukuran file yang relatif besar
Sering di manfaatkan untuk gambar kompleks atau dengan tingkat kerumitan tinggi seperti
gambar imajinasi , foto dan pemandangan alam
Format file bisa berupa .PSD, .TIF, .JPG/JPEG, .GIF, .BMP, ATAU .PNG
Aplikasi pendukung grafis tipe bitmap antara lain : Adobe Photoshop, Corel Photopaint,
Microsoft Photo Editor, PhotoScape, dan Macromedia Fireworks
13. DASAR DESAIN GRAFIS
PROSES PERANCANGAN DESAIN GRAFIS
Konsep
•Konsep menentukan tujuan/
maksud, sasaran atau
segment pasar yang dituju
(audience)
Media
•Media adalah sebuah alat
yang penyampai pesan,
media bisa berupa cetak dan
elektronik
Ide atau gagasan
•Mencari ide dengan cara
melihat, membaca, sehingga
memiliki wawasan yang luas
dan dapat menerapkan idenya
kedalam desain visual.
Persiapan data
•Berbagai data harus kita
kumpulkan dan dipilah
sebelum diolah menjadi
produk grafis. Data-data
tersebut bisa berupa data
teks, data visual seperti foto
atau ilustrasi.
Visualisasi
•Berbagai komponen yang
masuk kedalam visualisasi
antara lain warna, layout,
finishing. Komponen-
komponen diatas saling
melengkapi untuk
menampilkan desain yang
menarik dan informatif.
Produksi
•Setelah desain selesai, maka
desain sebaiknya lebih dahulu
diproofing (print preview
sebeum cetak mesin/di
publikasikan secara massal
melalui media sosial).
14. DASAR DESAIN GRAFIS
CONTOH PRODUK
DESAIN GRAFIS
1. Logo
2. Social Media Design
3. Desain UI
(Website/Aplikasi)
4. Majalah/Buku
5. Desain Kemasan Produk
6. Poster
7. Katalog
8. Banner
9. Spanduk
10. Baliho
11. Billboard
15. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Logo
Sumber Gambar : https://fitrapandau.com/
Logo adalah gambar dengan suatu arti, bisa
berupa lukisan, sketsa, ataupun tulisan saja. Logo
berperan untuk mewakili identitas pihak tertentu,
entah itu bisnis, perusahaan, organisasi, produk
atau lain sebagainya.
16. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Social Media Design
Berupa Konten yang ingin komunikasikan di
media sosial dibuat dengan desain visual yang
menarik untuk tujuan memberikan
informasi/promosi
Sumber Gambar : https://profdesain.com/
17. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Desain UI (Website/Aplikasi)
UI (User Interafce) adalah bagian visual/tampilan
dari website, aplikasi, software, atau hardware
yang menentukan bagaimana seorang pengguna
berinteraksi dengan produk tersebut.
menggabungkan konsep desain visual, desain
interaksi, dan infrastruktur informasi menjadi
satu dengan tujuan untuk meningkatkan
kemudahan penggunaan.
Sumber Gambar : https://hamamul-fauzi.medium.com/
18. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Majalah/Buku
Sumber Gambar : https://www.bukalapak.com/
Kumpulan berita, artikel, cerita, iklan yang
dicetak dalam lembaran kertas dan dijilid dalam
bentuk buku, yang diterbitkan secara berkala
19. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Desain Kemasan Produk
Sumber Gambar : https://flexypack.com/
Desain kemasan adalah barang yang digunakan
untuk membungkus, guna melindungi kualitas
sebuah produk dan tetap memperhatikan
bentuk, tipografi dan elemen elemen desain
dengan informasi produk agar produk dapat
dipasarkan
Sumber Gambar : https://dikemas.com/
20. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Poster
Sumber Gambar :
https://www.ayoksinau.com/ Sumber Gambar : https://bnn.go.id/
Sumber Gambar :
https://ar.pinterest.com/
Suatu media publikasi yang memadukan antara
tulisan, gambar, atau kombinasi keduanya
dengan tujuan untuk memberikan informasi
kepada khalayak.
21. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Brosur
Sumber Gambar :
https://dinajayapekalongan.blogspot.com
Sumber Gambar :
https://id.pinterest.com
Sumber Gambar :
https://design.tutsplus.com/
Brosur adalah suatu media terbuat dari sebuah
kertas yang digunakan oleh perusahaan atau
organisasi tertentu untuk menawarkan suatu
produk, layanan atau program kepada
masyarakat umum.
Flyer Bifold Trifold
22. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Pamflet
Sumber Gambar :
https://id.pinterest.com/
Seleberan berbahan kertas yang bertujuan
memberikan informasi yang terperinci dan
singkat.
Biasanya topik nya terfokus pada satu hal
misalnya petunjuk, informasi jadwal
kegiatan/acara , dan lain sebagainya yang
umumnya isinya lebih ringkas dan padat.
Pamflet biasanya digunakan untuk hal yang
tidak bertujuan komersial,
Sumber Gambar :
https://www.cnnindone
sia.com/
23. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Katalog
Sumber Gambar : https://www.sribu.com/
katalog adalah daftar barang dan jasa yang
biasanya diperjual belikan oleh suatu
perusahaan kepada para pembeli, ataupun
perusahaan lainnya, yang mana bentuknya
bisa bermacam-macam, seperti kartu, buku,
lembaran atau digital yang sering disebut
dengan e-katalog
24. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Banner
Sumber Gambar :
https://news.detik.com/
Sumber Gambar :
https://shopee.co.id/
Sumber Gambar : https://shopee.co.id/
X Banner Y Banner Roll Up Banner
Sebuah media publikasi yang menggunakan
cetak print digital berbentuk vertical atau
portrait dengan ukuran contoh (60x160 cm) dan
diletakan di dalam ruangan
25. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Spanduk
Sumber Gambar : https://www.bukalapak.com/
Spanduk adalah suatu media informasi/publikasi
yang biasanya berada di tepi-tepi jalan dan di
gantung yang berisi tulisan, warna dan gambar
yang memiliki bentuk horizontal
26. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Baliho
Sumber Gambar : https://desainlogodesign.com/
Suatu media informasi/publikasi yang biasanya
berada di tepi-tepi jalan dan berukuran besar.
Perbedaan utamanya terletak pada konstruksi
tempat bedirinya yang tidak permanen
menggunakan bambu atau kayu sebagai
penopang nya
27. DASAR DESAIN GRAFIS
CONTOH PRODUK DESAIN GRAFIS
Billboard
Sumber Gambar : https://id.pinterest.com/
Suatu media informasi/publikasi yang biasanya
berada di tepi-tepi jalan dan berukuran besar.
Perbedaan utamanya terletak pada konstruksi
tempat bedirinya yang diletakan pada tempat
yang mudah dilihat dan dibuat secara permanen
untuk pembuatan penopang
Sumber Gambar : https://www.dosenpendidikan.co.id/
29. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Brand Identity Design
Sumber Gambar : https://www.brandingstrategyinsider.com/
Adalah elemen-elemen visual yang
berperan sebagai “Face of the brand” atau
wajah dari suatu brand yang berfungsi
untuk mengkomunikasikan brand value
melalui elemen-elemen grafis
30. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Marketing Advertising
Graphic Design
Sumber Gambar : https://www.instagram.com/geprekbensu/
Brand sangat bergantung kepada marketing
salah satunya dalam bentuk iklan, untuk
mempengaruhi target audience mereka agar
membeli produk kita atau memakai jasa mereka.
Terkadang kita lebih tertarik melihat iklan
dengan konten visual yang menarik.
31. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
User Interface Graphic
Design
Sumber Gambar : https://www.uidownload.com/
User Intefcae atau biasanya disingkat UI
adalah bagaimana seorang user
berinteraksi dengan suatu website atau
aplikasi. UI harus memiliki desain yang baik
sehingga mudah digunakan oleh usernya
32. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Packaging Graphic Design
Sumber Gambar : https://dribbble.com/
Kebanyakan produk membutuhkan suatu
packaging untuk melindungi produk
tersebut dan memudahkan penyimpnan,
distribusi dan penjualan
Tapi diluar itu packaging berfungsi untuk
berkomunikasi kepada dengan sehingga
packaging sebenarnya merupakan
marketing tool
Setiap, box botol dan kaleng dapat
bercerita indentitas tentang suatu brand
33. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Publication Graphic
Design
Sumber Gambar : https://www.fiverr.com/
Desain buku, majalah, atau apapun
yang berbentuk tulisan long-from dan
disitribusikan secara public dapat
dikategorikan sebagai publikasi
34. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Pattern Graphic Design
Sumber Gambar :
https://pridumala.ru
Ini adalah spesialis membuat pattern atau
motif. Biasanya pattern yang dibuat bisa
digunakan sebagai packaging sampai
produk fashion seperti pakaian
Sumber Gambar :
https://russfuss.com/
Sumber Gambar :
https://www.template.ne
35. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Motion Graphic Design
Sumber Gambar :
https://www.schoolofmotion.com/
Motion graphic design adalah elemen-elemen
grafis yang dibuat bergerak. Ini bisa termasuk
animasi, audio, video dan efek-efek lainnya.
Contohnya seperti gambar GIF
Sumber Gambar :
https://id.pinterest.com/
Sumber Gambar :
https://id.pinterest.com/
36. DASAR DESAIN GRAFIS
SPESIALISASI DALAM DESAIN GRAFIS
Sumber Gambar : https://www.asus.com/
Spesialisasi apa yang ingin kalian capai dalam karir
sebagai Graphic Designer?
Kenapa spesialisasi itu lumayan penting dalam
desain grafis?
spesialisasi atau mengkhususkan diri bertujuan
untuk menghasilkan tingkat keterampilan yang
lebih tinggi dan akan membuat kita lebih mudah
untuk menjadikan diri kita sebagai ahli yang bisa
diandalkan dalam jenis desain itu yang pada
akhirnya akan menghasilkan lebih banyak pekerjaan
dalam jangka panjang
Meskipun banyak cabangnya dan masing-masing
mutu skill dan teknik yang berbeda sebenarnya
untuk mulai jadi seorang desainer grafis kita perlu
paham beberapa teori dan konsep dasar
37. DASAR DESAIN GRAFIS
DAFTAR PUSTAKA
Putri, Dwi. “Spanduk: Pengertian, Ciri, Fungsi, Kelebihan Dan Contohnya.” Saintif.Com, 2020,
https://saintif.com/spanduk-adalah/
Cornelia, Meggie. “Pengertian Banner, Fungsi, Tujuan Dan Jenisnya.” MakinTahu.Com, 2020,
https://www.makintahu.com/pengertian-banner-fungsi-tujuan-dan-jenisnya/.
Ibnu Ismail. “Katalog Adalah: Manfaat Dan Perbedaannya Dengan E-Katalog.” Accurate.Id, 2021,
https://accurate.id/marketing-manajemen/katalog-adalah/.
“Pengertian Brosur.” Dosenpendidikan.Co.Id, 2021, https://www.dosenpendidikan.co.id/pengertian-brosur/.
Ibnu Ismail. “Pengertian Kemasan Produk: Jenis, Tujuan, Dan Manfaatnya Untuk Bisnis.” Accurate.Id, 2020,
https://accurate.id/marketing-manajemen/pengertian-kemasan-produk/.
“Majalah Adalah.” Dosenpendidikan.Co.Id, 2021, https://www.dosenpendidikan.co.id/majalah-adalah.
“Apa Itu Logo? Inilah Penjelasan Lengkapnya.” Fastwork Blog, 2019, https://fastwork.id/blog/apa-itu-logo/.
Nugroho, Faozan Tri. “Pengertian Poster, Ciri-Ciri, Tujuan, Fungsi, Dan Jenis-Jenisnya Yang Perlu Diketahui.”
Bola.Com, 2021, https://www.bola.com/ragam/read/4475602/pengertian-poster-ciri-ciri-tujuan-fungsi-dan-jenis-
jenisnya-yang-perlu-diketahui.
MEJAKETIK. “Dasar Desain Grafis X SMK - 01 Pengenalan Desain Grafis.” Youtube.Com, 2020,
https://www.youtube.com/watch?v=CCWNlbqOukU.
FAATUATUA. “Pengetahuan Dasar Desain Grafis | #Part1 | Kelas Pengantar Desain Grafis.” Youtube.Com, 2020,
https://www.youtube.com/watch?v=Rr1SkkOZOfg.