10/9/2009

1

Kuliah IVIwan Sonjaya, ST.MMT.MTFKOM – UNIV.PANCASILA

Tipografi merupakan representasi visual darisebuah bentuk komunikasi verbal dan merupakanproperti visual yang pokok dan efektif. Hadirnya tipografi dalam sebuah media terapanvisual merupakan faktor yang membedakan antaradesain grafis dan media ekspresi visual lain sepertilukisan. Lewat kandungan nilai fungsional dan nilaiestetiknya, huruf memiliki potensi untukmenterjemahkan atmosfir-atmosfir yang tersiratdalam sebuah komunikasi verbal yang dituangkanmelalui abstraksi bentuk-bentuk visual.

Perjalanan desain dan gaya huruf latin mulai diterapkan padaawal masa kejayaan kerajaan ROMAWI. Kejayaan kerajaanRomawi di abad pertama yang berhasil menaklukkan Yunani, membawa peradaban baru dalam sejarah Barat dengandiadaptasikannya kesusasteraan, kesenian, agama, sertaalfabet Latin yang dibawa dari Yunani. Pada awalnya alfabetL ti h t di i d i 21 h f A B C D E F G H I K LLatin hanya terdiri 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 katayang berasal dari bahasa Yunani. Tiga huruf tambahan J, U dan W dimasukkan pada abad pertengahan sehingga jumlahkeseluruhan alfabet Latin menjadi 26.

10/9/2009

2

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 namaHingga tahun 2006 masih berdiri dengan nama

Firmin-Didot et CieFrancois 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.

10/9/2009

3

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 bagianciri 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 hurufbanyak 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)(kejelasan), readibility (keterbacaan), simplicity (kesederhanaan)

10/9/2009

4

Hasil karya huruf Frederic mencapai lebih dari seratu jenis font.Font yang populer hingga saat ini antara lain Camelot, Goudy, Goudy Old Style, Titling, VilageVilage.

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 palingGill 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 percetakanAdobe mendominasi teknologi percetakan dan publikasi sebagai standar profesional.Adobe menguasai (memiliki hak cipta sebagian font yang ada.

10/9/2009

5

Setiap bentuk huruf dalam sebuah alfabet memilikikeunikan fisik yang menyebabkan mata kita dapatmembedakan antara huruf ‘m’ dengan ‘p’ atau ‘C’ dengan ‘Q’. Keunikan ini disebabkan oleh caramata kita melihat korelasi antara komponen visual

t d l i S k l k kyang satu dengan yang lain. Sekelompok pakarpsikologi dari Jerman dan Austria pada tahun 1900 memformulasikan sebuah teori yang dikenaldengan teori Gestalt. Teori ini berbasis pada‘pattern seeking’ dalam perilaku manusia

10/9/2009

6

1.Postscript Fonts◦ Format font yang memiliki dua bagian, yaitu screen fonts

dan printer fonts. Printer Fonts pada prinsipnya adalahbentuk outline yang kemudian diisi dengan titik-titiksemprotan tinta pada bentuk outline tersebut. Proses inidisebut rasterization. Proses pengisian titik-titik tersebutpada komputer menggunakan perhitungan khusus yang disebut PostScript, oleh karena itu disebut PostScript Fonts.C t h P tS i t F t i l K k G thi P B◦ Contoh PostScript 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 satufile untuk semua ukuran font.

◦ Contoh TrueType Fonts misalnya: Arial Black, Albertus, AvantGarde Md BT, Tahoma, Verdana, dll.

10/9/2009

7

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 AntiquaTimes New Roman

Modern735 BTModern735 BT2. Font Sans Serif◦ Font yang tidak memiliki serif (pengait) disetiap ujung hurufnya.

Huruf tanpa serif memiliki sifat yang streamline, fungsional, dan kontemporer.

◦ Contoh:Arial BlackFranklin Gothic MediumImpactVerdana

1. Font Roman◦ Font Roman memiliki ciri ketebalan huruf yang tidak

sama. Ada bagian yag lebih tebal, sedangkan bagian lainnya lebih tipis.

◦ Contoh:BremenPoster BodoniBenguiat

2 Font Gothic2. Font Gothic◦ Jenis font ini memiliki ukuran yang sama tebalnya pada

seluruh bagian huruf.◦ Contoh:

AvanGarde GothicCentury Gothic

Comic SansOCR-A BT

10/9/2009

8

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 CorsivaArenskiStacatoCommercial Sript BT

2. Font Italic◦ Font yang stroke-nya berdiri miring ke kanan.sudut

kemiringan umumnya 12 derajat. ◦ Contoh:

Bazooka

AddspeedStandout

1. HarmoniKeselarasan antar komponen font yang terdapat pada satu desain. Tidak ada font yang sangat mencolok diantara font lain akan memberikan kesan desain yang harmonis

KonflikKonflik 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

10/9/2009

9

Terjadi konflik pada pemilihan font yang beraneka ragam

KontrasKontras terbentuk dari adanya perbedaan yang mencolok dari elemen-elemen desain. Untuk menciptakan kontras pada hfont bisa dilakukan denagn cara seperti berikut:

a. Kontras ukuran fontPerbedaan besar kecilnya yang sangat mencolok pada

font dapat menciptakan perhatian khusus pada pembaca. Jika terdapat perbedaan besar kecil font p J p pyang mencolok maka mata akan terangsang untuk membaca perbedaan yang kontras tersebut.

b. Kontras tebal tipisnya strokeTebal 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

10/9/2009

10

a. Kontras struktur bentuk fontStruktur 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 teksb. Kontras arah penulisan teksKontras arah penulisan teks bisa dilakukan dengan

memutar font 90 derajat

c. Kontras warnaKontras warna akan memberikan kesan mencolok

sehingga menjadi perhatian pembaca.

Kontras pada arah font

Kontras struktur bentuk font

Kontras pada warna

Untuk mendapatkantampilan huruf yang lebih atraktif, paradesainer menggunakanbanyak cara untukmerekayasa font. Di t kDiantara rekayasatersebut antara lain:

◦ Extended dan condensed◦ Caracter Spacing◦ Penambahan atribut Garis◦ Modifikasi teks melingkar

10/9/2009

11

TeksTeks dengandengan drop shadowdrop shadow

TeksTeks dengandengan outlineoutline

TeksTeks berwarnaberwarna polospolos dandangradasigradasi

TeksTeks yang yang diberidiberi teksturtekstur

TeksTeks dengandengan efekefek blurblur

TeksTeks dengandengan efekefek 3 3 dimensidimensi

TeksTeks dengandengan efekefek distorsidistorsi

TeksTeks dengandengan efekefek perubahanperubahanbentukbentuk

◦ Teks berwarna kebalikan dari latar belakang

10/9/2009

12

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 adalahsinar infra merah.Warna yang terletak pada [anjang gelombang dibawah 400 nm Warna yang terletak pada [anjang gelombang dibawah 400 nm adalah sinar ultra violet, sinar-X dan sinar gamma.

CahayaSpektrum Warna

Prisma

Color model adalah teori dasar mengenaiwarnaPada komputer grafis mengenal beberapamodel warna. Masing-masing memilikikarakteristik serta keunggulan dankekurangankekurangan.Model-model warna yang dikenal sampaisaat 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

10/9/2009

13

warna CMYK disebut jugawarna pigment. warnapigment adalah warna yang dihasilkan dari bendaberupa zat pewarna, cat warna dan lain sebagainya. campuran dari semua warnadasar CMYK meng hasilkandasar CMYK meng hasilkanwarna hitam. Warna hitamditambahkan adalah untukmemperkuat campuranketiga warna tersebutsupaya menghasilkan warnahitam yang sempurna. Karena jika tidak dicampurwarna hitam maka warnaakan cenderung abu-abu

Berikut ini adalah proses transformasi warna dari RGB ke CMYK dan sebaliknya.

RGB To CMYRed + Blue = MagentaBlue + Green= CyanGreen + Red = Yellow

CMY To RGBMagenta + Yellow = RedYellow + Cyan = GreenCyan + 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 pengukuransedangkan skala pengukuran nilai saturation dan value/ brightness adalah 0-100

Color Diamond

10/9/2009

14

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 visualpada 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 adalah keselarasanKeselarasan warna pada desain akan menambah kekuatan pada penyampaian

Harmoni AnalogiHarmoni Analogi

Harmoni KomplemenHarmoni Komplemen

pada penyampaian pesan.Ada beberapa teori keselarasan warna. Diantaranya:◦ Harmoni analogi◦ Harmoni komplemen◦ Harmoni natural

Harmoni NaturalHarmoni Natural

Warna dapat memberikan bermacam-macam kesan.◦ Kesan dingin◦ Kesan panas◦ Kesan feminin◦ Kesan natural◦ Kesan hangat◦ Kesan tenang/ tentram◦ Kesan istimewa, menarik perhatian◦ Kesan mengagetkan◦ Kesan muda, ceria

10/9/2009

15

Warna adalah salah satu elemen yang cukuppenting dalam desain grafis. Dalam ilmu seni rupa, warna bisa mewakili emosi dari karya tersebutsehingga pesan dari karya tersebut bisa lebihmudah diterima oleh audience. Elemen warna dalam desain grafis juga memilikifungsi tersebut. Contoh yang paling mudah adalahdengan menganalogikan warna terhadap hal-haldisekeliling kita. Misalnya; Awan=luas=biru muda, Matahari=cerah=kuning muda, Kayu=kuno, klasik=coklat, Api=menyala, semangat=merah.

Ketika merancang sebuah karya, kita seringkesulitan menentukan warna yang cocok dengantema atau kesan yang diinginkan. Berikut sayasampaikan tips memilih warna, semoga bisamembantu.Siapkan tema dan kesan yang diinginkan untukdesain tersebut. Apakah berkesan klasik, modern, natural, atau yang lain tergantung kebutuhan anda.Cari ilustrasi atau foto yang sesuai dengan temaanda. Bisa hasil jepretan foto anda sendiri, ataufree image dari internet.

10/9/2009

16

Ambil beberapa sample warna dari foto/ilustrasi yang anda pilih tadi.