10/9/2009
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 L ti hanya h t di i dari d i 21 huruf h f : A, A B, B C, C D, D E, E F, F G, G H, H I, I K, K L, L Latin terdiri 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
10/9/2009
`
`
`
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
10/9/2009
`
`
`
`
`
`
`
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 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), (keterbacaan) (kejelasan), simplicity (kesederhanaan)
3
10/9/2009
`
`
`
`
`
`
`
`
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. 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
10/9/2009
`
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 t dengan d yang lain. l i Sekelompok S k l k pakar k 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
10/9/2009
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. t hP tS i t Fonts F t misalnya i l K k G thi Pro P B, B ◦ C Contoh PostScript Kozuka Gothic 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
10/9/2009
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:
x x x x
1.
◦ ◦
Arial Black Franklin Gothic Medium Impact Verdana
Font Roman
Font Roman memiliki ciri ketebalan huruf yang tidak sama. Ada bagian yag lebih tebal, sedangkan bagian lainnya lebih tipis. Contoh:
x Bremen x Poster Bodoni x Benguiat 2 2.
◦ ◦
Font Gothic
Jenis font ini memiliki ukuran yang sama tebalnya pada seluruh bagian huruf. Contoh:
x x
AvanGarde Gothic Century Gothic
x Comic Sans x OCR-A BT
7
10/9/2009
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:
x
Monotype Corsiva
x Arenski
x Stacato x Commercial Sript BT 2.
◦ ◦
Font Italic
Font yang stroke-nya berdiri miring ke kanan.sudut kemiringan umumnya 12 derajat. Contoh:
x
Bazooka
x Addspeed x Standout
1.
Harmoni
`
Konflik
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 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
10/9/2009
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. JJika terdapat p p p 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
10/9/2009
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. Di t Diantara rekayasa k tersebut antara lain: ◦ ◦ ◦ ◦
Extended dan condensed Caracter Spacing Penambahan atribut Garis Modifikasi teks melingkar
10
10/9/2009
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
10/9/2009
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. Spektrum Warna
Cahaya Prisma
Color model adalah teori dasar mengenai warna Pada komputer grafis mengenal beberapa model warna. Masing-masing memiliki karakteristik serta keunggulan dan kekurangan. 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
10/9/2009
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 360o sedangkan skala pengukuran nilai saturation dan value/ brightness adalah 0-100
Color Diamond
13
10/9/2009
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 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 Komplemen
Harmoni Natural
◦ Harmoni analogi ◦ Harmoni komplemen ◦ Harmoni natural
Warna dapat memberikan bermacammacam kesan. ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦
Kesan Kesan Kesan Kesan Kesan Kesan Kesan Kesan Kesan
dingin panas feminin natural hangat tenang/ tentram istimewa, menarik perhatian mengagetkan muda, ceria
14
10/9/2009
`
`
`
`
`
`
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
10/9/2009
Ambil beberapa sample warna dari foto/ilustrasi yang anda pilih tadi.
16
