Post on 05-Nov-2019
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.