Minggu, 10 November 2013

Font Dengan GUI (Graphical User Interface)

Me-Render Huruf

Ketika kita bekerja dengan huruf entah itu untuk percetakan atau online publishing, komputer yang akan menjadi mediumnya, dimana kita akan mengumpulkan materi dan mengerjakan konsep dan desain yang akan dibuat. Oleh karena itu kebutuhan akan pengetahuan grafis pada tampilan layar dan reproduksi grafis sangat dibutuhkan untuk mendapatkan final output yang terlihat oleh target audiens sesuai seperti apa yang kita harapkan.
  • Bitmap
Dalam Tampilan layar monitor atau pun cetak digital, teks di render oleh ribuan kumpulan grid mosaik berwarna berbentuk seperti titik yang disebut pixel untuk membuat sebuah bentuk yang diinginkan. Susunan bentuk grid inilah yang disebut dengan Bitmap. Bitmap sangat intensif terhadap memory, sebuah file harus mengandung informasi tentang warna dan posisi dalam sebuah halaman di setiap pixelnya. Ketika sebuah gambar bitmap di perbesar, software hanya bisa memperbesar bentuk pixel pada gambar tersebut, sehingga memengaruhi pixel asli dari gambar tersebut dan bagian pixel yang kecil dan bergerigi akan menjadi terlihat besar dan menjadikan gambar terlihat lebih bergerigi.
  • Vektor
Vektor mendeskripsikan sebuah bentuk sebagai sebuah garis seperti garis lurus atau garis melengkung yang saling menyatu dengan titik yang telah ditentukan. Garis-garis tersebut (vektor) di rekam dalam bentuk file sebagai formula matematika. Dan kemudian garis yang telah terbentuk di isi oleh pixel. Vektor sangat baik untuk kualitas pengskalaan, ketika sebuah gambar vektor diperbesar, posisi kordinat titik vektor di susun ulang dengan dikontrol oleh formula matematika agar garis lurus dan lengkung pada titik-titik tersebut tetap konstan, dan bentuk baru ini kemudian di isi oleh pixel sesuai dengan bentuk dari vektor tersebut tanpa ada cacat pixel. File gambar vektor memakan memory lebih kecil dibandingkan dengan file bitmap. Menggambar dengan vektor sangat efisien akan tetapi bagaimanapun juga gambar vektor ini ketika bertemu dengan layar monitor harus di render sebagai titik-titik matrix atau dengan kata lain garis vektor harus di konversi kedalam bentuk bitmap. Informasi garis vektor di konversi menjadi bitmap untuk dicetak, bedanya bitmap yang akan dicetak ini memiliki resolusi yang tinggi.

Huruf dan Layar Komputer
Gambar dihadirkan di layar komputer oleh kumpulan titik-titik berwarna yang disusun dalam grid yang rapat yang dinamakan pixel, kualitas on-screen rendering dari huruf digital dihambat oleh kecilnya resolusi dari layar komputer yaitu, 72 pixel per inch (ppi) di layar Macintosh dan 96 ppi di layar PC. Ukuran huruf yang kecil akan tampil buruk dilayar dan sangat mengganggu dan masalahnya huruf berukuran kecil sering digunakan dalam penkerjaan desktop publishing. Ukuran resolusi yang rendah dari layar komputer tidak bisa menghadirkan detail yang baik, sehingga ketika huruf berukuran kecil di raster dan disesuaikan dengan grid pixel, detail dengan ukuran lebih kecil dari 1 pixel harus dibesarkan atau dihilangkan, ini menyebabkan fitur seperti ketebalan stroke atau serif menjadi tidak konsisten atau mungkin menjadi hilang dan akhirnya membentuk huruf dan ruang yang tidak baik. Beberapa teknik diperlukan untuk mengatasi permasalahan tersebut, teknik tersebut dinamakan Hinting, font-font yang berkualitas tinggi telah melewati proses ini dan mengandung informasi hinting. Saat meraster, software mengusahakan untuk meratakan outline gambar terhadap grid pixel, hanya pixel yang jatuh di outline gambar yang digunakan secara normal. Jika terdapat sedikit pixel untuk menghadirkan huruf berukuran kecil dengan benar, perintah hinting digunakan untuk membuat penyesuaian yang akan memberikan bentuk yang lebih baik secara optis.

Huruf dan Media Cetak
Untuk melihat detail font dengan jelas bisa di capai dengan mencetaknya di atas kertas, mesin cetak menggunakan titik kecil hitam atau berwarna untuk membentuk sebuah gambar. Jumlah dot per inch (dpi) / titik per inci sangatlah jauh lebih baik dibandingkan layar komputer dan oleh sebab itu gambar yang lebih detail bisa dibentuk. Kebanyakan mesin cetak inkjet atau laserjet memiliki output resolusi 300 hingga 600 dpi, dan bahkan imagesetter memiliki output resolusi hingga 3000 dpi. Saat ini mesin cetak inkjet dan laserjet sudah bisa menghasilkan kualitas cetak yang sangat baik, tetapi jika diteliti lebih dekat akan terlihat formasi titik-titik yang membentuk area gambar, mesin cetak tersebut tetap memiliki keterbatasan resolusi, pembentukan gradasi dan warna. Secara kontras, titik-titik yang digunakan oleh imagesetter sangatlah kecil hingga sulit dideteksi oleh visual, sehingga sudut-sudut pada gambar dan huruf terlihat sempurna.
  • Postscript
Adalah bahasa deskripsi halaman yang dipatenkan oleh Adobe. Mengkonversi informasi vektor menjadi bitmap beresolusi tinggi untuk rendering berkualitas tinggi. Adobe Type Manager (ATM) menggunakan postscript untuk menghasilkan bitmap superior dari outline di pencitraan layar komputer.
  • Inkjet Printer
Titik-titik mikroskopik dari tinta disemprotkan ke atas kertas dengan resolusi 300 hingga 1500 dpi. Dengan keterbatasan resolusi dan kualitas kertas banyak mesin cetak inkjet murahan tidak mampu memaksimalkan postscript hingga tidak bisa merender bentuk huruf dengan tepat. Tapi inkjet-inkjet keluaran terbaru yang dilengkapi oleh postscript atau postscript simulation bisa menghasilkan output yang sangat baik.
  • Laser Printer
Kebanyakan Laser Printer sudah dilengkapi oleh software postscript, yang akan bisa dengan baik menerjemahkan bentuk huruf dan pengaturan jarak dengan akurat, walaupun mereka membuat tampilan yang ‘crisp’, laser printer mengalami hambatan ketika ukuran ukuran gambar yang akan di cetak kecil. Karena partikel dari bubuk toner digunakan untuk membuat gambar lebih lebih kecil dan huruf-huruf berstroke tipis tampil lebih tebal ketika tercetak.
  • Imagesetter
Imagesetter berbasis postscript, dengan menggunakan cermin putar dan sinar laser, memberikan hasil gambar dengan kualitas tinggi, pemanfaatan eksposur fotografi dikombinasikan dengan resolusi yang sangat tinggi untuk mendapatkan detail yang sangat baik. Imagesetter mengarahkan cahaya keatas film, yang akan digunakan untuk menyinarkan cahaya ke atas pelat cetakan. Gambar sekarang sudah berpindah ke atas pelat yang sudah ditintakan dan gambar inilah yang akan dipindahkan keatas kertas atau media cetak lainnya.
  • Online Viewing
Online viewing adalah istilah aplikasi desain yang dibuat dengan tampilan yang terlihat dilayar komputer adalah hasil akhir yang akan dilihat oleh pemirsa desain contohnya, desain website atau multimedia interaktif. Permasalahan yang kerap hadir dalam pengaplikasian online viewing adalah keterbatasan resolusi yang dimiliki oleh layar monitor komputer yaitu 72 ppi untuk Macintosh dan 96 ppi untuk PC sehingga memberikan efek yang tidak baik untuk penampilan-penampilan huruf dalam ukuran kecil, oleh karena itu banyak desain-desain website yang menggunakan huruf dengan ukuran besar untuk aplikasi text dan ini sangat mengganggu untuk kenyamanan komposisi layout, dan juga permasalahan online viewing yang berhubungan dengan resolusi belum terpecahkan. Untuk mengatasi permasalahan resolusi ini hadirlah sebuah teknik yang dinamakan Antialiasing.
  • Antialiasing
Terkadang menggunakan font dengan ukuran kecil adalah satu-satunya cara yang memungkinkan untuk mendisplay text dengan ukuran kolom yang terbatas. Agar font tetap terlihat baik di ukuran kecil tanpa kehilangan legibility nya, para pembuat software membuat teknik antialiasing, teknik ini bekerja membandingkan garis vektor dengan grid bitmap dan membaca bagian dari gambar atau huruf yang hilang atau terdistorsi, lalu dengan kecanggihan teknologi, software memasukan pixel berbentuk bayangan warna abu-abu yang bervariasi disekeliling bentuk huruf untuk menciptakan ilusi mata bentuk stroke yang halus. Kekurangan dari teknik antialiasing adalah teks dengan font berukuran kecil akan terlihat kurang hitam akan tetapi kekurangan ini cukup terbayar dengan kehalusan dan integritas atas bentuk huruf yang ditampilkan.

Teknologi Font


Jenis Font
Dengan pesatnya pekembangan teknologi dalam dunia percetakan digital dan komunikasi digital, dunia teknologi font telah melakukan langkah yang besar dengan bermunculannya desain-desain huruf yang inovatif dan telah memperkaya dunia desain komunikasi visual. Diperjalanan awal dari teknologi font digital, font didesain dengan ukuran yang pasti seperti 9, 10, 12, 14, 18 dan 24 pt dengan menggunakan standar bitmap layar komputer sehingga memiliki kelemahan ketika font harus diperbesar atau diperkecil. Akan tetapi kini dengan kehadiran teknologi vektor dan antialiasing teknologi font terus berkembang dengan meninggalkan teknologi bitmap.
  • Font Type 1 dan Postscript
Untuk mengatasi permasalahan pada font bitmap, Adobe membuat font menggunakan Postscript page desription language. Font ini memiliki dua bagian, satu set font bitmap berukuran pasti dan font berbasis postscript yang akan memberikan informasi outline dari bentuk font tersebut. Sistem operasi seperti Mac OS atau Windows menggunakan font bitmap untuk menggambar font di layar, dan untuk ukuran bitmap yang diperbesar atau diperkecil sistem akan menggunakan ukuran terdekat untuk menyesuaikan bentuk. Dan untuk keperluan cetak-mencetak font dengan basis postscript akan digunakan dan di download ke printer. Dengan menggunakan metode Bezier Curves dengan minimum pemakaian empat buah titik untuk menghasilkan sebuah garis lengkung yang terdiri dari dua titik akhir dan dua titik kontrol. Outline dari postscript ini dapat diperbesar dan diperkecil tanpa batas dan menjaga bentuk huruf tetap baik. Ketika printer telah menerima informasi outline vektor yang telah diskalakan, makan betuk itu akan disi oleh pixel dan menciptakan sebuah gambar bitmap dengan resolusi tinggi. Proses ini dinamakan rasterization (dari bahasa Jerman “raster” yang berarti layar). Adobe membuat ATM (Adobe Type Manager) untuk mengatasi permasalahan online viewing pada font, sehingga font bitmap tidak lagi dgunakan dan lebih menggunakan informasi outline dari font postscript untuk menciptakan bentuk huruf bitmap yang sesuai dengan resolusi layar komputer, untuk semua ukuran font. Walaupun demikian di sistem Mac OS, ATM tetap memerlukan satu file font bitmap yang di install agar nama font bisa terbaca di menu font. Font Type 1 sekarang sudah menjadi standar dalam software digital (ISO9541), dan di dunia, lebih dari 30000 font type 1 telah didigitalisasi untuk keperluan typesetting.
  • Truetype
Disamping dominasi dari dari font Type 1, Truetype ternyata lebih populer, Truetype adalah font berbasis informasi outline juga dan format vektor nya bisa di skala sesuai kebutuhan ukuran dengan akurasi yang tinggi. Truetype menggunakan metoda Quadratic B-spline dengan menerapkan titik-titk secara langsung pada garis dan bagian-bagian yang dilengkungkan. Kurang lebih postscript dan truetype memiliki kapabilitas yang hampir sama sebagai font berbasis outline atau scalable font. Software standar dari truetype dibuat oleh Apple, akan tetapi kini juga bisa digunakan oleh sistem operasi Windows. Kedua sistem tersebut memiliki Truetype Rasterizer yang menyediakan informasi untuk penggambaran di layar dan output cetak. Truetype di rancang sebagai file tunggal (suitcase), yang di dalamnya sudah terdapat keluarga huruf dalam bentuk plain, plain italic, bold dan bold italic membuat type font ini lebih rapih dalam pendataan file dibandingkan Font Type 1.
Bezier curve (postscript) [IMG]http://i21.photobucket.com/albums/b266/ritchienedhansel/Untitled6.png[/IMG] Quadratic B-Spline (TrueType) Gambar diambil dari http://www.mlab.nl
  • Multiple Master Font
Multiple Master adalah jenis font Type 1 yang dibuat khusus oleh Adobe sehingga membedakan jenis sistem ini dengan sistem yang lain. Keunikan dari Multiple Master Font adalah setiap character memiliki lebih dari satu outline digital, sepasang outline merepresentasikan titik akhir dari sebuah garis desain (design axis) dan font berbasis Multiple Master mengandung informasi titik (axes) untuk berat, style ataupun penglihatan optis dan semua terdapat dalam satu paket. Kelebihan dari Multiple Master Font adalah fleksibilitas bentuk huruf untuk di kostumisasi tanpa distorsi bentuk ketika di perbesar atau diperkecil. File dari Multiple Master Font lebih besar dibandingkan dengan yang lainnya, juga dengan penamaan font sangat kompleks dan susah untuk di atur. Multiple Master Font di identifikasikan dengan MM ditambah nama pendek dari huruf tersebut contohnya ITCAvaGarMM. Dan biasanya diikuti oleh dua huruf dari informasi titik (axes) seperti BD untuk Bold, XL untuk Light, NO untuk Normal, CN untuk Condensed, dan OP untuk Optikal. Nominal angka untuk merepresentasikan nilai axis. Dan jika kita membuat Multiple Master Font axis ini akan muncul dalam huruf kecil.
  • Unicode Font
Unicode adalah standard baru untuk menjabarkan characters set dalam sebuah sistem, bekerja mirip dengan ASCII (American Standard Code for Information Interchange). Biasanya dalam ASCII terdapat 200 set characters, tetapi dalam Unicode bisa terdapat 65000 jenis characters sehingga Unicode sering digunakan dalam informasi digital multi bahasa. Unicode bukan lah sebuah font encoder (pembaca sandi-sandi font) tetapi hanya sebuah standar dimana informasi glyph (outline bentuk sebuah font) sebuah font tersimpan.
  • Opentype dan Truetype Open
Format font yang terbaru adalah jenis font OpenType dan TrueType Open yang dibuat oleh dua perusahaan software raksasa yaitu Microsoft dan Adobe. Kelebihan dari format ini adalah tidak adanya perbedaan format dan kapabilitas yang tinggi untuk pertukaran basis sistem. Dan juga Opentype dan TrueTYpe didesain sebagai single file sehingga memudahkan dalam pendataan font. Stimulus dari pembuatan format ini adalah standar Unicode yang memungkinkan sebuah font mengandung 65000 jenis characters. Termasuk expert character set seperti ligatures, smallcaps, extra accent, pecahan dan characters spesial lainnya.
  • Worldtype
Worldtype adalah format font yang dibuat oleh perusahaan font AGFA Monotype, format ini dibuat untuk memenuhi kebutuhan dari standar Unicode.

Sumber :

Tidak ada komentar:

Posting Komentar