Desain Grafis
XMultimedia
SMKKanaanUngaran
BAB
I
lapTeran st
Tek ur Ruang
e
G
g
DDG SMK KANAAN UNGARAN X MULTIMEDIA
Dalam desain grafis, garis dapat menjadi pembatas kolom, memberi kesan
tertentu, menjadi pembatas antara unsur grafis satu dengan yang lainnya.
Bukan pembatas antara hubunganmu sama doi ya.
1
DDG PENJELASAN TIAP GARIS
01 Vertikal
Garis Tegak Lurus
Memberi kesan stabilitas, kekuatan, dan kemegahan yang
menggerakkan mata ke atas, tinggi, gagah.
02 Horizontal
Garis Lurus
Memberi kesan sugesti kesenangan atau sesuatu yang
sedang bergerak. Iya kesenangan pas jalan bareng doi.
03Diagonal
Garis Miring
Memberi kesan sesuatu yang bergerak, dinamis, keadaan
yang ga stabil. Ga stabil kaya pas ngeliat doi sama orang lain ye
kan.
04Kurva
Garis Melengkung
Memberi kesan kehalusan dan keanggunan. Kaya kamu
kudu halus ke pasangan maupun ortu ya.
2
DDG GAYA / STYLE GARIS
Garis Lurus
Garis tanpa jeda atau penuh
Garis Dot
Garis yang terbentuk dari rangkaian
dot (titik) yang tersusun memanjang
Garis Dash
Garis yang terbentuk dari rangkaian
dash yang tersusun memanjang
3
DDG SMK KANAAN UNGARAN X MULTIMEDIA
Ilustrasi adalah hasil visualisasi dari suatu tulisan dengan berbagai macam
teknik, seperti drawing, lukisan, fotografi, atau teknik seni rupa lainnya yang
menekankan pada hubungan setiap subjek dengan tulisan yang dimaksud
daripada bentuk.
Tujuan ilustrasi secara umum :
1. Buat memperjelas pesan atau informasi yang disampaikan, cintamu
padanya juga bisa.
2. Buat memberi variasi bahan ajar jadi lebih menarik, memotivasi,
komunikatif dan memudahkan pembaca memahami pesan.
3. Buat mudahin pembaca mengingat konsep dan gagasan yang disampein
lewat illustrasi
Vektor Bitmap
4
DDG PENJELASAN VEKTOR & BITMAP
5
DDG SMK KANAAN UNGARAN X MULTIMEDIA
Tipografi adalah ilmu yang mempelajari tentang seni dan desain huruf
(termasuk simbol) dalam aplikasinya untuk media komunikasi visual melalui
metode penataan layout, bentuk, ukuran dan sifatnya sehingga pesan yang
akan disampaikan sesuai dengan yang diharapkan
Fungsi utama dari tipografi adalah bikin teks jadi berguna dan mudah dipake.
Artinya tipografi ngomongin tentang kemudahan membaca teks (readability)
dan kemudahan mengenali setiap huruf dan kata (legibility)
A AAA
Jenis huruf Ukuran huruf Word spacing Kerning Leading
6
DDG PENJELASAN JENIS HURUF
01 Serif
Aa Huruf berkait
Punya kaki / sirip yang bentuknya lancip. Tebal tipisnya kontras
pada garis-garis hurufnya. Kesan yang ditimbulkan yaitu klasik,
anggun, lemah gemulai, feminin. Contoh : Times New Roman
02 Sans Serif
Aa Huruf tak berkait
Gapunya kaki di ujung hurufnya dan punya ketebalan huruf
yang sama / hampir sama. Kesan yang ditimbulkan adalah
modern, kontemporer, dan efisien. Contoh : Arial, Helvetica
03Script
Aa Huruf Latin
Kaya goresan tangan yang dikerjakan pake pena, kuas atau
pensil tajem dan biasanya miring ke kanan. Kesan yang
ditimbulkan itu sifat pribadi+akrab. Contoh : Brush Script Std
04Monospace
Aa Jenis huruf yg punya jarak/lebar yg sama setiap hurufnya. Huruf
W dan I akan mempunyai ruang yg sama. Contoh : Courier.
Huruf yang di mesin ketik juga termasuk monospace lho!
05Dekoratif
Aa Miscellaneous
Huruf jenis ini merupakan pengembangan dari bentuk-bentuk
yang sudah ada. Ditambah hiasan dan ornamen atau garis garis
dekoratif. Kesannya dekoratif dan ornamental. Cocok dipake
buat Headline.
7
DDG PENJELASAN JENIS HURUF
01 Capline 04Descender
garis maya lurus horisontal yang bagian dari huruf kecil yang posisinya
menjadi batas bagian teratas dari tepat berada di bawah baseline
setiap huruf besar
02 Meanline 05Ascender
garis maya lurus horisontal yang bagian dari huruf kecil yang posisinya
menjadi batas bagian teratas dari tepat berada diantara meanline dan
badan setiap huruf kecil capline
03Baseline 06X-Height
garis maya lurus horisontal yang jarak ketinggian dari baseline ke
menjadi batas bagian terbawah dari meanline
setiap huruf besar
8
DDG PENJELASAN UKURAN HURUF
UKURAN HURUF?
Ukuran huruf dalam penampilannya ditentukan oleh bidang, banyaknya kalimat, maupun
penegasan berita pada naskah. Dalam perencanaan perlu adanya perhatian yang khusus tentang
tebal huruf dan tinggi huruf.
Tebal huruf adalah lebar dari samping kiri ke kanan, sedangkan tinggi huruf adalah tinggi huruf
dari kaki ke kepala. Pemilihan ukuran, baik ke arah samping maupun ke arah tinggi sangat
berhubungan dengan ukuran ruang. Misal ruang yang dipake punya ukuran lebar yg sempit, jadinya
pake ukuran huruf yang kecil atau ramping, jadi penglihatan mata jadi terkesan lebar.
Perhatikan kontras antara satu teks dengan lainnya, misalnya: teks isi dan teks judul. Salah satu
kesalahan yang sering terjadi pada tipografi desain adalah kurangnya perbedaan ukuran antara teks
dan judul.
Jika ukuran teks dan judul kurang kontras, maka tipografi akan tampak flat dan kurang dinamis.
Ingat bahwa prinsip-prinsip desain juga dapat bisa diaplikasikan disini: kontras akan menciptakan
pengalaman visual yang lebih estetis.
Tiga dasar pengukuran dalam tipografi adalah point ( biasa disingkat pt), pica (dibaca : paika), dan
unit. Point dipake buat ngukur tinggi huruf, kalo pica dipake buat ngukur panjang baris. Kalo
ngukur dari lebar per satuan huruf dan jarak antar huruf dihitung pake satuan unit.
9
DDG TRACKING, KERNING, LEADING
Tracking
Juga dikenal sebagai "letter-spacing",
Tracking mengacu pada keseluruhan jarak
huruf (dan tidak hanya dua karakter), yang
memungkinkan anda menyesuaikan space
dengan teks secara seragam.
Kerning
Kerning adalah istilah untuk jarak antar huruf
dalam sebuah kata, kalimat, atau paragraf.
Jarak antar huruf ini berpengaruh banyak
terhadap kemudahan membaca serta
keindahan dari kata atau kalimat
tersebut.Kerning paling baik digunakan saat
menyesuaikan logo, headlines, dan
typographic compositions.
Leading
Leading merupakan isitlah untuk jarak antar
baris teks. Secara umum, Leading default
masih lebih oke dibandingkan Kerning
default, tapi masih tetap lebih baik jika diatur
manual, karena kita perlu
mempertimbangkan huruf-huruf yang “tinggi”
atau “punya kaki” (istilahnya adalah ascender
dan descender), misalnya b, l kecil, g, h, j, p, y.
10
DDG SMK KANAAN UNGARAN X MULTIMEDIA
Selain itu, syarat utama mata manusia membedakan warna yakni harus
ada cahaya yang menyinari benda tersebut.
11
DDG PENJELASAN WARNA
WARNA
APAAN TUH?
Warna (color or colour) merupakan sebuah karakteristik yang
dihasilkan dari persepsi penglihatan manusia. Persepsi ini
membuat manusia mampu membedakan benda-benda
disekelilingnya berdasarkan kategori, seperti langit
berwarna biru, daun berwarna hijau dan lain sebagainya.
WARNA
PRIMER
Warna pokok/primer/dasar itu warna yang
gabisa dihasilkan dari pencampuran warna lain.
Dengan mencampur dua di antara tiga warna
primer akan diperoleh warna yang lain atau yang
disebut dengan warna sekunder. Yang termasuk
warna primer adalah merah, biru dan kuning.
WARNA
SEKUNDER
Adalah warna gabungan dari dua warna
primer. Warna merah bila dicampur dengan
warna kuning akan menghasilkan warna
oranye. kuning dengan biru menghasilkan
warna hijau dan biru dengan merah
menghasilkan warna ungu
WARNA
TERSIER
Warna tersier, campuran salah satu warna
primer dengan salah satu warna sekunder
atau pencampuran sesama warna sekunder
dengan perbandingan tertentu
12
DDG PENJELASAN WARNA
13
DDG PENJELASAN WARNA
14
DDG PENJELASAN WARNA
warna dingin?
Disebut dingin, karena warna-warna di kelompok ini,
merupakan simbol dari hijau pohon dan dedaunan,
birunya langit dan laut.
warna panas?
Disebut panas, karena warna ini termasuk
simbol dari warna api dan kemarau.
15
DDG PENJELASAN WARNA
Komplementer
Komplementer itu dua warna saling bersebrangan di
lingkaran warna . Posisi ini menjelaskan kenapa warna
merah dengan hijau atau warna kuning dengan ungu
memiliki kontras yang kuat.
Split
Dua warna yang saling ‘agak’ bersebrangan.
Warna kontras yang di kombinasikan dengan cara
mengambil satu warna dasar, kemudian menentukan
2 warna kemplement yang berdekatan, jadi bukan
garis lurus lagi menyerupai komplementer asli.
Triad
Kombinasi warna kontras dengan pola segitiga sama
sisi. posisinya sudah menjadi 60⁰ setiap sudutnya.
Cara lain untuk membentuknya dengan menentukan
warna ke empat pada roda warna,sampai jumlahnya 3
warna.
Tetrad
Warna tetrad yakni kombinasi warna yang memakai
pola persegi. posisinya kini menjadi 90⁰ untuk
masing-masing jarak warna pada roda brewster. kita
akan mendapat 4 warna, 2 warna berdekatan namun
kontras dengan 2 warna selanjutnya.
16
DDG PENJELASAN WARNA
Monokrom
Monochrome
Warna-warna sejenis atau sekeluarga, misalnya: jenis merah
diantaranya merah gelap, merah coklat, merah jernih
(original), merah jambu, merah muda dan lain sebagainya.
Gradasi
Gradient
Perubahan bertahap dari satu warna ke warna lainnya.
(Misalnya, transisi biru bertahap menjadi hijau).
Opasitas
Opacity
Opasitas sinonim dengan non-transparansi. Semakin
transparan sebuah gambar, semakin rendah opacity nya.
17
DDG PENJELASAN WARNA
CMYK
Cyan - Magenta - Yellow - Black
18
DDG PENJELASAN WARNA
RGB
Red - Green - Blue
RGB adalah warna yang terdiri dari Red, Green, dan Blue.
Hasil dari tiga warna ini akan menghasilkan tingkat
kecerahan yang lebih tinggi dibandingkan warna CMYK.
18
19
DDG SMK KANAAN UNGARAN X MULTIMEDIA
20
DDG SMK KANAAN UNGARAN X MULTIMEDIA
21
DDG PENJELASAN TEKSTUR
TEKSTUR?
01
Tekstur kasar nyata
Berguna untuk membantu mendapatkan keindahan karena dengan
permukaan kasar akan lebih mudah mendapatkan keselarasan /
harmoni.
02
Tekstur alami seadanya
Tekstur asli dari bahan dipertahankan.
03
Tekstur alami berubah
Bahan diubah jadi ga sama lagi dengan tekstur aslinya.
04
Tekstur tersusun
Bahan bisa disusun buat ngebentuk suatu pola baru.
Pasir, biji-bijian, serpihan kayu, kain, kayu bisa disusun jadi pola baru
dan tekstur baru. Kaya hatimu yang menjadi pola baru ketika doi
perhatian ke kamu.
22
DDG PENJELASAN TEKSTUR
TEKSTUR?
05
Tekstur kasar semu
Tekstur kasar semua itu tekstur yang kekasaran teksturnya bersifat
semu. Tekstur terlihat kasar, tapi kalo diraba teksturnya halus. Ada
beberapa macam tekstur semu, apa aja?
06
Tekstur ekspresi
Tekstur yang menjadi bagian penciptaan rupa, dimana raut dan
tekstur merupakan kesatuan yang tidak dapat dipisahkan.
07
Tekstur halus
Tekstur halus merupakan tekstur yang terlihat halus ketika dilihat kasat
mata maupun diraba.
Tekstur halus dapat berupa kesan licin, kusem, mengkilap atau mulus
kaya paha ayam pentung mulus mengkilap uwuw.
Ketika menyusun tekstur halus mengkilat dan berwarna relatif sulit buat
nyusun keharmonisannya karena adanya pantulan permukaan.
23
DDG SMK KANAAN UNGARAN X MULTIMEDIA
24
DDG PENUTUP
TERIMAKASIH
SEMOGA BERMANFAAT
Guru pengajar
Peter Elianta, S.Ds. (SMK Kanaan Ungaran)
Sumber buku :
Dasar Desain Grafis (Penerbit : Grasindo)
Dasar Desain Grafis (Penerbit : PT. Elex Media Komputindo)
Sumber gambar :
Freepik.com
slidesgo / Freepik
stories / Freepik
pikisuperstar / Freepik
pch.vector / Freepik
all-free-download.com
Maaf jika ada salah kata, salah materi maupun ada sumber yang belum tercantumkan. Terimakasih.
25