lokakarya seni
TRANSCRIPT
![Page 2: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/2.jpg)
![Page 3: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/3.jpg)
Komponen Desain Grafis
● Garis● Bentuk (Shape)● Warna● Ilustrasi / Gambar● Huruf (Teks) / Tipografi● Ruang (Space)
![Page 4: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/4.jpg)
Garis
![Page 5: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/5.jpg)
● Keanyataan : tidak ada● Sekumpulan titik yang dideretkan memanjang● Inkscape >> stroke● Ada kesan psikologis (persepsi) tersendiri
![Page 6: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/6.jpg)
lembut, halus, gemulai, sexy ?
![Page 7: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/7.jpg)
?
![Page 8: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/8.jpg)
![Page 9: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/9.jpg)
![Page 10: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/10.jpg)
Bentuk (Shape)
![Page 11: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/11.jpg)
http://www.opengraphicdesign.com/
![Page 12: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/12.jpg)
http://www.opengraphicdesign.com/
![Page 13: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/13.jpg)
http://www.opengraphicdesign.com/
![Page 14: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/14.jpg)
Warna
● Memiliki karakter● Untuk monitor umumnya RGB● Untuk cetak : CMYK● Biasanya digunakan dalam bentuk bilangan
hexadesimal seperti #FF0000 untuk merah● Gunakan palette yang ada untuk
mempermudah
![Page 15: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/15.jpg)
Ada apa dengan warna?
● Merah : perjuangan, nafsu, aktif, agresif, dominan, kemamuan keras, persaingan, keberanian, energi, bahaya
● Biru : ketenangan, kepercayaan, keamanan, teknologi, kebersihan, keteraturan● Logo bank banyak menggunakan warna biru,
terutama di Amerika.
● Hijau : alami, sehat, keberuntungan, kebanggaan
● Kuning : optimisme, gembira, santai
![Page 16: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/16.jpg)
Ada apa dengan warna?
● Ungu/Jingga : spiritual, misteri, kebangsawanan, sombong, kasar, keangkuhan● Warna ungu jarang ditemui di alam● Di Indonesia, warna ungu identik dengan?
● Oranye : energi, semangat, segar, seimbang, ceria● Biasa dipakai di produk minuman rasa jeruk.
● Coklat : tanah/bumi, daya tahan, pesimis
![Page 17: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/17.jpg)
Ada apa dengan warna?
● Abu-abu : canggih, futuristik, sederhana● Paling mudah dilihat mata● Tidak menunjukkan arti yang jelas● Netral dan bebas dari kecendrungan psikologi
● Putih : suci, bersih, tepat, tidak bersalah● Di Cina dan India, warna putih melambangkan
kematian
![Page 18: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/18.jpg)
Ada apa dengan warna?
● Hitam : jahat, misteri, kematian, ketakutan, sedih, anggun, canggih● Dipadu dengan hijau, akan identik dengan hacker
![Page 19: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/19.jpg)
Ilustrasi / Gambar
● Manual● Umumnya digunakan untuk membuat sketsa
● Computerized● Berisi pesan/berita yang akan disampaikan
![Page 20: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/20.jpg)
![Page 21: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/21.jpg)
Huruf (Teks) / Tipografi
● Tipografi merupakan seni memilih dan menata huruf pada ruang untuk menciptakan kesan khusus sehingga pembaca dapat membaca semaksimal mungkin.
● Perlu diperhatikan karakter produk yang ditonjolkan serta segmen pasarnya
![Page 22: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/22.jpg)
Jenis Huruf
● Huruf tanpa kait (san serif) : tidak memiliki kait / hook, hanya batan dan tangkainya saja. Contoh : Arial, Tahoma.
● Huruf berkait (serif) : memiliki kait / hook pada ujungnya. Contoh : Times New roman, Garamond.
● Huruf tulis (script) : setiap hurufnya saring terkait seperti tulisan tangan. Contoh : Brushscript.
![Page 23: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/23.jpg)
Jenis Huruf
● Huruf dekoratif : setiap huruf dibuat secara detail, kompleks dan rumit. Contoh : Augsburger Initial.
● Huruf Monospace : bentuknya bisa sama seperti huruf san serif atau serif tapi jarak dan ruang setiap hurufnya sama. Contoh : Courier New.
![Page 24: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/24.jpg)
![Page 25: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/25.jpg)
Hirarki (Susunan) Teks
![Page 26: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/26.jpg)
Penekanan Teks / Huruf
![Page 27: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/27.jpg)
Anatomi Ketinggian Huruf
● Huruf kapital (upper case) akan membentuk garis semu sehingga cocok dipadukan dengan garis-garis horisontal dan bidang persegi empat.
● Huruf kecil (lower case) memiliki variasi tinggi, ascender dan descender. Kita bisa mendapatkan ruang untuk dipakai oleh objek atau teks lain.
![Page 28: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/28.jpg)
![Page 29: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/29.jpg)
![Page 30: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/30.jpg)
Anatomi Bentuk Huruf
![Page 31: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/31.jpg)
desain pada terminal
desain pada batang
desain pada batang dan terminal
![Page 32: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/32.jpg)
Geometri Huruf
● Garis tegak – datar : E, F, H, I, L● Garis tegak – miring : A, K, M, N, V, W, X, Y, Z● Garis tegak – lengkung : B, D, G, J, P, R, U● Garis lengkung : C, O, Q, S
Dengan mengetahui geometri, kita dapat mengira-ngira bentuk apa yang cocok diterapkan pada sebuah huruf.
![Page 33: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/33.jpg)
![Page 34: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/34.jpg)
Ruang (space)
● Ruang dapat memvisualkan jarak jauh – dekat, tinggi – rendah, panjang – pendek, kosong – padat, besar – kecil.
● Ukuran muncul karena ada pembanding.
![Page 35: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/35.jpg)
![Page 36: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/36.jpg)
![Page 37: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/37.jpg)
![Page 38: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/38.jpg)
![Page 39: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/39.jpg)
Prinsip-Prinsip Desain
● Keseimbangan● Irama● Skala dan Proporsi● Fokus● Kesatuan
![Page 40: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/40.jpg)
Keseimbangan Simetris
![Page 41: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/41.jpg)
![Page 42: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/42.jpg)
![Page 43: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/43.jpg)
Keseimbangan Asimetris
![Page 44: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/44.jpg)
![Page 45: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/45.jpg)
![Page 46: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/46.jpg)
Keseimbangan Radial
![Page 47: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/47.jpg)
![Page 48: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/48.jpg)
![Page 49: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/49.jpg)
Irama
● Perulangan atau variasi dari komponen desain.● Dapat berupa urutan gerakan, pola/pattern
tertentu.● Jenis perulangan :
● Reguler● Mengalir● Progresif / Gradual >> dalam animasi disebut
Morphing
![Page 50: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/50.jpg)
Irama Regular
![Page 51: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/51.jpg)
![Page 52: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/52.jpg)
![Page 53: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/53.jpg)
Mengalir / Bergerak
![Page 54: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/54.jpg)
![Page 55: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/55.jpg)
![Page 56: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/56.jpg)
![Page 57: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/57.jpg)
Progresif / Gradual / Morphing
![Page 58: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/58.jpg)
![Page 59: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/59.jpg)
Skala dan Proporsi
● Skala : perubahan ukuran/size tanpa perubahan perbandingan ukuran panjang lebar atau tinggi.
● Proporsi : perubahan perbandingan antara panjang lebar atau tinggi sehingga gambar dengan perubahan proporsi sering terlihat distorsi.
![Page 60: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/60.jpg)
![Page 61: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/61.jpg)
Fokus
● Hirarki● Dominan : Objek yang paling menonjol dan paling
menarik.● Sub-dominan : Pendukung penampilan objek
dominan● Sub-ordinate : objek yang kurang menonjol. Contoh
: background.
● Kontras
![Page 62: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/62.jpg)
Hirarki
![Page 63: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/63.jpg)
![Page 64: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/64.jpg)
![Page 65: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/65.jpg)
Kontras
![Page 66: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/66.jpg)
![Page 67: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/67.jpg)
Kesatuan
● Kedekatan (closure)● Kesinambungan (continuity)● Kesamaan (similiarity)
![Page 68: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/68.jpg)
Kedekatan (Closure)
![Page 69: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/69.jpg)
![Page 70: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/70.jpg)
![Page 71: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/71.jpg)
![Page 72: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/72.jpg)
Kesinambungan
![Page 73: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/73.jpg)
![Page 74: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/74.jpg)
![Page 75: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/75.jpg)
Kesamaan
![Page 76: Lokakarya seni](https://reader034.vdocuments.net/reader034/viewer/2022052213/55b6171fbb61ebfe598b47b9/html5/thumbnails/76.jpg)