Kuliah IV Iwan Sonjaya, ST.MMT.MT FKOM UNIV.PANCASILA Tipografi merupakan representasi visual dari sebuah bentuk komunikasi verbal dan merupakan properti visual yang pokok dan efektif. Hadirnya tipografi dalam sebuah media terapan visual merupakan faktor yang membedakan antara desain grafis dan media ekspresi visual lain seperti lukisan. Lewat kandungan nilai fungsional dan nilai estetiknya, huruf memiliki potensi untuk menterjemahkan atmosfir-atmosfir yang tersirat dalam sebuah komunikasi verbal yang dituangkan melalui abstraksi bentuk-bentuk visual. Perjalanan desain dan gaya huruf latin mulai diterapkan pada awal masa kejayaan kerajaan ROMAWI. Kejayaan kerajaan Romawi di abad pertama yang berhasil menaklukkan Yunani, membawa peradaban baru dalam sejarah Barat dengan diadaptasikannya kesusasteraan, kesenian, agama, serta alfabet Latin yang dibawa dari Yunani. Pada awalnya alfabet Latin hanya terdiri i dari 21 huruf : A, B, C, D, E, F, G, H, I, K, L, M, N, O, P, Q, R, S, T, V, dan X, kemudian huruf Y dan Z ditambahkan dalam alfabet Latin untuk mengakomodasi kata yang berasal dari bahasa Yunani. Tiga huruf tambahan J, U dan W dimasukkan pada abad pertengahan sehingga jumlah keseluruhan alfabet Latin menjadi 26. 1
Johan Guttenberg (1440) bapak desain grafis karena menemukan huruf cetak dari timah. Keluarga seniman dari Perancis yang berkiprah di dunia percetakan dan publikasi. Francois Didot (1689-1757) 1713 berdiri perusahaan bidang perancangan huruf Hingga tahun 2006 masih berdiri dengan nama Firmin-Didot et Cie Francois Ambroise Didot (1730-1804) Putra Francois Didot pertama kali menemukan cara mengukur huruf dengan satuan poin, 1 poin=1/72. Hingga saat ini sistem ini masih digunakan. Piere Didot (1761-1853) Putra sulung Francois Didot Ambroise menciptakan ornamen cetak versi klasik yang populer dengan nama Louvre Edition. Firmin Didot (1764-1836) Penemuan plat cetak yang dicor (beriringan dengan penemuan huruf timah yang dicor oleh Guttenberg). Desain huruf yang diberi nama Didot. 2
Desainer modern pertama yang dengan karyanya berupa huruf roman style dengan nama Bodoni Book. Huruf tersebut didesain tahun 1798 dengan ciri perbedaan tebal tipis pada bagian hurufnya. Huruf miring pertama diciptakan tahun 1500 oleh Aldus Manutius dan diberi nama italic. Penemuan tersebut menurunkan harga buku karena satu halaman bisa memuat lebih banyak huruf. Kekurangan model huruf italic adalah sulit terbaca dengan cepat. Typefounder dari Inggris membuka perusahaan khusus yang memproduksi karya huruf (typefoundry). Desain huruf sangat memperhatikan legibility (kejelasan), readibility (keterbacaan), simplicity (kesederhanaan) 3
Hasil karya huruf Frederic mencapai lebih dari seratu jenis font. Font yang populer hingga saat ini antara lain Camelot, Goudy, Goudy Old Style, Titling, Vilage. Type designer asal Inggris yang memulai karir bidang typografi tahun 1925 dengan menciptakan huruf Perpetua dan Gill Sans Serif. Gill Sans Serif adalah salah satu font paling sering dipakai hingga kini. Typefounder paling populer abad ini yang menciptakan font Warnock Pro. Presiden dan CEO Adobe periode 90-an hingga 2000. Adobe mendominasi teknologi percetakan dan publikasi sebagai standar profesional. Adobe menguasai (memiliki hak cipta sebagian font yang ada. 4
Setiap bentuk huruf dalam sebuah alfabet memiliki keunikan fisik yang menyebabkan mata kita dapat membedakan antara huruf m dengan p atau C dengan Q. Keunikan ini disebabkan oleh cara mata kita melihat korelasi antara komponen visual yang satu dengan yang lain. Sekelompok k pakar psikologi dari Jerman dan Austria pada tahun 1900 memformulasikan sebuah teori yang dikenal dengan teori Gestalt. Teori ini berbasis pada pattern seeking dalam perilaku manusia 5
1.Postscript Fonts Format font yang memiliki dua bagian, yaitu screen fonts dan printer fonts. Printer Fonts pada prinsipnya adalah bentuk outline yang kemudian diisi dengan titik-titik semprotan tinta pada bentuk outline tersebut. Proses ini disebut rasterization. Proses pengisian titik-titik tersebut pada komputer menggunakan perhitungan khusus yang disebut PostScript, oleh karena itu disebut PostScript Fonts. Contoh PostScript t Fonts misalnya Kozuka Gothic Pro B, Kozuka Gothic Std R, Adobe Song Std L, Century Old Style, dll 2.TrueType Fonts TrueType Fonts awalnya diproduksi oleh Apple, kemudian menjadi standar pada sistem Windows dan MacIntosh. Keuntungan TrueType Fonts adalah ia hanya memiliki satu file untuk semua ukuran font. Contoh TrueType Fonts misalnya: Arial Black, Albertus, AvantGarde Md BT, Tahoma, Verdana, dll. 6
1. OpenType Fonts Format ini dibuat atas kerjasama antara Microsoft dan Adobe. Opentype Fonts juga dapat diterima oleh sistem MacIntosh. Contoh OpenType Fonts misalnya Myriad Pro Black Bondensed, Myriad Light Condensed, Lytos Pro Regular, Lytos Extra Ligth, dll 2. Multiple Master Font Font Type 1 yang lebar dan ketebalannya dapat dimodifikasi langsung dari master desainnya. Keuntungan dari penemuan teknologi ini adalah kita membeli satu lisensi font dan kita dapat memodifikasinya tanpa merubah bentuk asli font tersebut.manufaktur dari font ini adalah Adobe Corp. Contoh Multiple Master Fonts ialah ITC AvagarMM, ITC AvantGarde Gothic MM 1. Font Serif Font Serif memiliki garis kecil-kecil yang disebut counterstroke pada ujung hampir semua letter. Garis-garis kecil itu posisinya berdiri horizontal terhadap badan huruf. Contoh: Book Antiqua Times New Roman Modern735 BT 2. Font Sans Serif Font yang tidak memiliki serif (pengait) disetiap ujung hurufnya. Huruf tanpa serif memiliki sifat yang streamline, fungsional, dan kontemporer. Contoh: Arial Black Franklin Gothic Medium Impact Verdana 1. Font Roman Font Roman memiliki ciri ketebalan huruf yang tidak sama. Ada bagian yag lebih tebal, sedangkan bagian lainnya lebih tipis. Contoh: Bremen Poster Bodoni Benguiat 2 Font Gothic 2. Font Gothic Jenis font ini memiliki ukuran yang sama tebalnya pada seluruh bagian huruf. Contoh: AvanGarde Gothic Century Gothic Comic Sans OCR-A BT 7
1. Font Script Font yang diambil dari corak tulisan tangan. Namun tidak semua tipe tulisan tangan termasuk script, karena kelompok ini berkembang secara lebih luas menjadi freehand. Contoh: Monotype Corsiva Arenski Stacato Commercial Sript BT 2. Font Italic Font yang stroke-nya berdiri miring ke kanan.sudut kemiringan umumnya 12 derajat. Contoh: Bazooka Addspeed Standout 1. Harmoni Keselarasan antar komponen font yang terdapat pada satu desain. Tidak ada font yang sangat mencolok diantara font lain akan memberikan kesan desain yang harmonis Konflik Konflik font bisa terjadi karena pemilihan font dari jenis yang sama. Kesamaan itu tidak menimbulkan keharmonisan tapi juga tidak mampu menimbulkan kontras. Beda tapi tidak terlalu mencolok, mirip tapi membuat kacau dan tidak bisa merebut perhatian. Desain dengan harmoni 8
Terjadi konflik pada pemilihan font yang beraneka ragam Kontras Kontras terbentuk dari adanya perbedaan yang mencolok dari elemen-elemen desain. Untuk menciptakan kontras pada hfont bisa dilakukan denagn cara seperti berikut: a. Kontras ukuran font Perbedaan besar kecilnya yang sangat mencolok pada font dapat menciptakan perhatian khusus pada pembaca. Jika terdapat perbedaan besar kecil font yang mencolok maka mata akan terangsang untuk membaca perbedaan yang kontras tersebut. b. Kontras tebal tipisnya stroke Tebal tipis font bisa menjadi perhatian juga dengan cara memilih dari keluarga font yang sama. Misalnya font Arial Narrow dikombinasikan dengan font Arial Black. Kontras pada ukuran font Kontras pada tebal tipis font 9
a. Kontras struktur bentuk font Struktur bentuk huruf menjadikan kekontrasan yang bisa merebut perhatian. Hal ini bisa dilakukan dengan cara memilih font dari keluarga yang mempunyai perbedaan yang mencolok. Misalnya font dari jenis Sans Serif dikombinasi dengan font dari jenis Gothic. b. Kontras arah penulisan teks Kontras arah penulisan teks bisa dilakukan dengan memutar font 90 derajat c. Kontras warna Kontras warna akan memberikan kesan mencolok sehingga menjadi perhatian pembaca. Kontras pada arah font Kontras struktur bentuk font Kontras pada warna Untuk mendapatkan tampilan huruf yang lebih atraktif, para desainer menggunakan banyak cara untuk merekayasa font. Diantara rekayasa tersebut antara lain: Extended dan condensed Caracter Spacing Penambahan atribut Garis Modifikasi teks melingkar 10
Teks dengan drop shadow Teks dengan outline Teks berwarna polos dan gradasi Teks yang diberi tekstur Teks dengan efek blur Teks dengan efek 3 dimensi Teks dengan efek distorsi Teks dengan efek perubahan bentuk Teks berwarna kebalikan dari latar belakang 11
Adalah informasi dari cahaya yang berasal dari gelombang cahaya. Perbedaan geombang cahaya menghasilkan peredaan warna. Panjang gelombang dinyatakan dalam satuan nano meter atau 10-9 meter. Warna yang dapat dilihat oleh mata manusia adalah warna yang berada pada panjang gelombang antara 400 nm sampai 700 nm. Warna yang terletak pada panjang gelombang diatas 700 nm adalah sinar infra merah. Warna yang terletak pada [anjang gelombang dibawah 400 nm adalah sinar ultra violet, sinar-x dan sinar gamma. Cahaya Prisma Spektrum Warna Color model adalah teori dasar mengenai warna Pada komputer grafis mengenal beberapa model warna. Masing-masing memiliki karakteristik serta keunggulan dan kekurangan. Model-model warna yang dikenal sampai saat ini adalah: RGB (Red Green Blue) CMYK (Cyan Magenta Yellow Black) HSV (Hue Saturation Value) CIE L*a*b Warna RGB adalah warna yang terbentuk dari cahaya. Warna dasar adalah merah hijau dan biru. Jika dari ketiga warna dasar tersebut disatukan maka akan membentuk cahaya putih. Model warna RGB disebut juga warna additive 12
warna CMYK disebut juga warna pigment. warna pigment adalah warna yang dihasilkan dari benda berupa zat pewarna, cat warna dan lain sebagainya. campuran dari semua warna dasar CMYK meng hasilkan warna hitam. Warna hitam ditambahkan adalah untuk memperkuat campuran ketiga warna tersebut supaya menghasilkan warna hitam yang sempurna. Karena jika tidak dicampur warna hitam maka warna akan cenderung abu-abu Berikut ini adalah proses transformasi warna dari RGB ke CMYK dan sebaliknya. RGB To CMY Red + Blue = Magenta Blue + Green= Cyan Green + Red = Yellow CMY To RGB Magenta + Yellow = Red Yellow + Cyan = Green Cyan + Magenta = Blue Pada proses diatas tidak disertakan warna hitam pada warna pigment, karena warna hitam tersebut hanya untuk memperkuat warna pigmen yang telah ada. Jika pada proses cetak tinggi tidak menyertakan warna hitam maka desain akan kelihatan mentah dan pucat. Model Warna yang terdiri dari tiga komponen yaitu Hue (spektrum warna), Saturation (kadar warna Hue dimaksud), Value/Brightness (kadar cahaya) Skala pengukuran nilai Hue berdasar pada derajat numerik lingkaran penuh 360 o sedangkan skala pengukuran nilai saturation dan value/ brightness adalah 0-100 Color Diamond 13
CIE (Commission International d`eclairage) adalah sebagai wadah internasional yang mempelajari dan mengembangkan konsep warna. Menciptakan suatu mode warna yang tidak tergantung pada alat-alat bantu visual ataupun alat reproduksi. Model warna tersebut dikenal dengan nama L*a*b. pada tahun 1976 mereka menyempurnaka mode warna tersebut dengan mengganti nama menjadi CIE Lab. Color Space of CIE L*a*b Harmoni Analogi Harmoni adalah keselarasan Keselarasan warna pada desain akan menambah kekuatan pada penyampaian pesan. Ada beberapa teori keselarasan warna. Diantaranya: Harmoni analogi Harmoni komplemen Harmoni natural Harmoni Komplemen Harmoni Natural Warna dapat memberikan bermacammacam kesan. Kesan dingin Kesan panas Kesan feminin Kesan natural Kesan hangat Kesan tenang/ tentram Kesan istimewa, menarik perhatian Kesan mengagetkan Kesan muda, ceria 14
Warna adalah salah satu elemen yang cukup penting dalam desain grafis. Dalam ilmu seni rupa, warna bisa mewakili emosi dari karya tersebut sehingga pesan dari karya tersebut bisa lebih mudah diterima oleh audience. Elemen warna dalam desain grafis juga memiliki fungsi tersebut. Contoh yang paling mudah adalah dengan menganalogikan warna terhadap hal-hal disekeliling kita. Misalnya; Awan=luas=biru muda, Matahari=cerah=kuning muda, Kayu=kuno, klasik=coklat, Api=menyala, semangat=merah. Ketika merancang sebuah karya, kita sering kesulitan menentukan warna yang cocok dengan tema atau kesan yang diinginkan. Berikut saya sampaikan tips memilih warna, semoga bisa membantu. Siapkan tema dan kesan yang diinginkan untuk desain tersebut. Apakah berkesan klasik, modern, natural, atau yang lain tergantung kebutuhan anda. Cari ilustrasi atau foto yang sesuai dengan tema anda. Bisa hasil jepretan foto anda sendiri, atau free image dari internet. 15
Ambil beberapa sample warna dari foto/ilustrasi yang anda pilih tadi. 16