20 July 2011

Membuat Font (TTF) dengan CorelDRAW

Sebenarnya membuat font dengan CorelDRAW mudah kalau kita mengikuti langkah sesuai dengan yang ditentukan oleh yang empunya CorelDRAW, bukan trus kita buat object Vector font trus di Export TTF dan selesai, hehehe... tidak sesederhana itu caranya...

Pada kesempatan kali ini mari kita bersama sama mencoba membuat Font .TTF (True Type Font) yang merupakan  kasus dari salah satu teman kita pada KPCI yang kesulitan untuk membuat Font sendiri dengan CorelDRAW.


Pertanyaanya sebagai berikut;
Mass bro yg baek.. minta tuluuung kasih solusi n klo da share tutor bikin font..
kemaren nyoba, tp kerapatannya Ga Teratur antara huruf yg sempit dan lebar (huruf I dan W) tanda baca (. ,) Spasi, semua berjarak sama..
Trims sebelumnya..
Ok.... mari kita mulai dan ikuti langkah-langkahnya sebagai berikut;

1. Membuat Sketsa huruf
1.1. Kita buat sketsa pada kertas karakter font yang akan kita buat
1.2. Selanjutnya Scan karakter font tersebut.
1.3. Kemudian Trace, Break Apart, sehingga akan  tercipta object terpisah-pisah
1.4. Pada objek karakter font (abegopq) di Combine agar sesuai dengan yang kita harapkan,

Atau untuk latihan kita bisa ketik Text yang ada di komputer, dan kita pilih jenis font yang kita inginkan, kita cukup Break Apart dan Convert to Curves untuk merubah Teks menjadi Kurva, sekedar untuk mencoba latihan)

Contoh gambar sketsa yang sudah dibuat seperti langkah diatas:


2. Mengatur lebar halaman
2.1. Klik Layout pada Menu Bar > pilih Page Setup...

2.2. Ketikkan  pada Width 300Hight 300 (satuan ukuran dalam milimeters)  > klik OK;


3. Menambah Halaman
3.1. Sekali lagi  Klik Layout pada Menu Bar > pilih Insert Page... ;


3.2. Pada Number of pages ketikkan angka 55 klik OK sehingga halaman akan berjumlah 55;


3.3. Buat tanda navigasi untuk mengatur jarak huruf/font yang akan dibuat dengan cara tekan pada ruller (penggaris) dengan tidak melepas mouse drag ke bawah, begitu juga yang disamping;


4. Mengatur posisi karakter huruf pada halaman
4.1. Masukkan huruf yang sudah kita buat tadi pada setiap halaman, urut Page 1 untuk huruf "a" dst. sampai semua karakter huruf  pada posisi masing-masing;
4.2. Kira-kira perhalaman seperti gambar dibawah initampilannya;


5. Export 
5.1. Setelah semua huruf tersusun pada halaman, langkah selanjutnya klik icon Export  pada Standartd Bar, lakukan proses Export perhalaman satu persatu dan jangan lupa setiap Export objek karakter font harus terseleksi atau keadaan terpilih, kalau tidak demikian maka pada pilihan Selected only tidak aktif;

 

5.2. Pada kotak dialog beri nama file pada File name, pada Save as type pilih TTF - True Type Font dan yang perlu diingat PENTING! kotak pada Selected only sudah ada tanda centang dan selanjutnya klik Export;


5.3. Pada kotak dialog berikutnya pada Family name ketikkan apa saja, kalau file disini aku beri nama Suka suka gue yang nantinya menjadi nama file TTF > klik OK maka akan tampil dialog pilihan dan pilih Yes


5.4. Nah ini yang paling penting, kita tadi kan men-Export karakter huruf "a" jadi pada Character block kita pilih "a" yang merupakan karakter nomer yang ke 97


5.5. Untuk memasukkan huruf "b" dan yang lainya, lakukan dengan cara yang sama dimulai dari menyeleksi huruf "b", yang berbeda disini, untuk Export huruf "b" dan seterusnya ketika Export harus klik ganda atau dobel klik pada file .ttf yang sudah tersimpan sebelumnya, agar supaya semua font akan tergabung jadi satu file dengan nama "Suka suka gue.ttf" nantinya;


5.6. Dan ini mungkin pertanyaan yang dimaksud, untuk karakter .,;:/()"'! dsb.... langkah yang dilakukan sama seperti langka sebelumnya, coba sampeyan perhatikan gambar dibawah ini..!, Ok... pada Character block pilih  koma (,) yang merupakan Character Number yang ke 44


5.7. Jadi pada dasarnya CorelDRAW sudah mengatur Width (lebar) karakter Font, seperti karakter "M" itu lebih lebar dari karacter  "N"
 

5.8. Selesai.... kalau Mas Bro mengikuti langkah diatas dengan benar maka semua karakter font akan kumpul jadi satu File seperti gambar diatas, dan sudah siap untuk di instal pada System Windows kalau gak ngerti cara meng-instal baca disini !

Semoga bermanfaat..... Selamat mencoba.....


Pengelola Blog

Zainoel Arifin Isa'i : Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.
Machfudz Arif : Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.

72 comments:

  1. font nya kok g gabung y gan????
    mohon petunjuknya

    ReplyDelete
    Replies
    1. maksudnya sampeyan buat huruf latin...? kalo betul setiap perpotongan antar huruf sampeyan atur tinggi dan besarnya sama...

      Delete
    2. kalau maksudnya file hurufnya jadi satu, beri tanda rumput(centang) pada Selected only..

      Delete
    3. aku amati sekali lagi mungkin maksudnya file berdiri sendiri2... kalau memang seperti itu adanya, coba simak lagi langkah nomor 5.5

      Delete
  2. wah, matur nuwun share-nya mas. Patut dicoba nih..

    ReplyDelete
  3. Buatin font gambar stitch dong :(

    ReplyDelete
  4. mas, sekali2 tampilkan cara membuat spanduk donk?????

    ReplyDelete
  5. KOK GA BISA YA ? SAYA UDAH COBA DENGAN LANGKAH SEPERTI DI ATAS, TAPI WAKTU EXPORT KELUAR LAPORAN " TOO MANY OBJECT TO EXPORT"
    MOPHON BANTUANNYA

    ReplyDelete
    Replies
    1. sama nih, bisa kasih solusi gak?

      Delete
    2. itu mau di weld dulu kayaknya bro, aku jg mengalami itu kmrin

      Delete
    3. TOO MANY OBJECT TO EXPORT itu artinya OBYEK TERLALU BANYAK UNTUK EKSPOR jadi masbro sudah mengerti maksudnya kan bahwa sampeyan mungkin salah dalam proses Export.... simak dengan seksama dan pelan2 cara Export..

      Delete
    4. atau coba simak pada nomor 5.1. dan 5.2. disitu ada tulisan "proses Export perhalaman satu persatu dan jangan lupa setiap Export objek karakter font harus terseleksi atau keadaan terpilih" itu harus sampeyan perhatikan...!!!

      Delete
    5. cara weld objek page1 sampai page 55 gimana? pas sudah select selected only masih too many object

      Delete
    6. Iti karena ada dua curve dalam satu halaman..
      solusi : jadijan satu curve saja..

      Delete
    7. itu namanya sampeyan belum kenal Corel, udh mau buat font aja...
      :V

      Delete
    8. too many object itu ada lebih dari 1 object .. jadi satu object dengan trim atau weld aku lupa

      Delete
  6. mas aku udh coba langkah"nya dan alhamdulillah berhasil, cm hanya 1 yg aku heran kok jarak spasinya jauh banget ya.

    gmn ya cara nyeting spasinya mas?
    atau ada kode karakter angka juge ya utk spasi kayak huruf-huruf yg lain?
    mohon bantuannya mas timakasih sebelumnya :D

    ReplyDelete
    Replies
    1. lakukan cara 5.4. itu adalah untuk mengatur spasi pada tiap2 karakter font..

      Delete
  7. MAKASIH BRO MEMBANTU BANGET BWT GWE..,
    :)

    ReplyDelete
  8. Bro napa nih waktu expot ada bacaan bitmaps not supported

    ReplyDelete
    Replies
    1. kalau ada objek bitmap didalamnya memang gak bisa mas..

      Delete
  9. mas bos, cara ngatur jarak spasinya gimana. maksudnya jarak perhuruf jauh dekatnya byar bisa sesuai keinginan. kalau kemarin ak nyoba jarak spasinya susah ngaturnya. mohon bantuanya tanks. .

    ReplyDelete
    Replies
    1. lakukan cara 5.4. itu adalah untuk mengatur spasi pada tiap2 karakter font..

      Delete
    2. bisa kasihh penjelasan yg lebih rinci ga mas bos. maksudnya biyar lebih jelas gitu. kemarin kita juga dah sempet nyoba di langkah 5.4 tu dengan menghilangkan contreng pada autonya, tapi tetep saja jaraknya tidak beraturan. ada yang jauh & malah ada yg numpuk. mohon bantuanya. tanks

      Delete
    3. seperti karakter "a, m, h" itu memang tidak brpengaruh terhadap spasi yang sudah di tentukan sebelumnya, tapi untuk karakter berkaki biasanya ada masalah dengan spasi karena untuk kaki depan menjorok kedepan misalnya pada karakter 'j" dan untuk mensiasati hilangkan contreng dan geser guideline untuk memperlebar jarak spasi..

      Delete
  10. mas, pada langkah 5.5 apakah keluar dialog anda akan mengganti file sebelumnya. hasilnya ane cuma keluar huruf pertama yg di submit aja nih.

    ReplyDelete
  11. Alhamdulillah... sukses bikin font Juventus 2014/2015..
    Terimakasih tutorialnya...

    ReplyDelete
  12. klo bkin spasi gmn gan?
    saya ud bkin, tp spasinya terlalu lebar, mhon petunjuk...trimakasi

    ReplyDelete
  13. pakai coreldraw x6 kok gak bisa ya langkah 5.5? apa beda dg tutorial ini (x5)

    ReplyDelete
  14. wahh... boleh di coba nih gan, bikin buat HP :)

    ReplyDelete
  15. sy sudah coba, tapi kog pas mau export gak ada pilihan TTF - True Type Font

    ReplyDelete
  16. thanks...atas ilmunya Tuhan yang membalas. Aamiin

    ReplyDelete
  17. Makasih om zainoel tutor gratisnya, bermnafaat bnget nih bagi kita kita

    ReplyDelete
  18. Dari hampir semua yang gue cari nih dia infonya benar benar lengkap.
    thank's atas info dan gambar tutorialnya sangat ngga "membingungkan'
    awesome.

    ReplyDelete
  19. Halo bos,, sya udah coba dr 1-5,, udah export ke ttf,, mau tanya spacing perkarakternya,, udah di jawab,, walopun belum nyoba lagi,, nah kan ini udah ke instal ya,, tp ko yang muncul cuma huruf "a" doank yak??? padahal di font nya udah ada tulisan "si fox lompat-lompat"oh ya, yang cuma muncul char "a" cm di corel x6 coba di office bisa kebaca semua... nuhun kang post nya... by aditya r

    ReplyDelete
  20. gan pas mau instal file ttf ko muncul
    The requested file C:user/User/document...font.ttf is not a valid font file

    ReplyDelete
  21. cara setting spaci antar kalimat gimana ya gan...? kok font yg saya buat saat diketikan spaci antar kalimatnya (bukan spaci antar huruf) pada jauh

    ReplyDelete
  22. Maaf nih mas, mohon bantuannya, Kalau bikin font Arabic gimana ya? Barangkali punya solusi, terima kasih sbelumnya... 😃

    ReplyDelete
  23. Jarak spasinya jd jauh banget gan, itu gimana nyetingnya ya?

    ReplyDelete
  24. untuk x7 bsa gag om? aku coba yg huruf A bisa tpi selanjutnya huruf B, C n D bru 4 huruf aj sdah aq export n exportnya jga dengan nama yg sama trus filenya ada 2 .ttf n .bak aq buka kuk filenya .ttf ternyata yg tampil cma huruf A saja lalu aq buka yg .bak n tak buka gag bsa, knpa ya? mohon infonya.. tq..

    ReplyDelete
  25. sukses gan, mohon di review :)
    https://www.behance.net/gallery/47336489/atomic-STARGAZE-font?
    thanks gan buat tutornya!

    ReplyDelete
  26. Thank tutornya,,
    Kalo misalkan buat font yg bisa ubah tiap huruf saat d gabungkan huruf lain,, contohnya font arab, yg brubah sendiri saat hurufnya d sambung dan di spasi

    ReplyDelete
  27. Kalau membuat sketsa nya tidak dari scan gimana mas?

    ReplyDelete
  28. Tanya mas, kalo edit font file extensi ttf bisa menggunakan corel ga mas?

    ReplyDelete
  29. Kalo cara buat huruf besar dan kecil nya gmana bos biar bisa d upper case atau sentence case?

    ReplyDelete
  30. untuk bentuk susunannya agak rumUt, seperti aksara jawa, bisakab?

    ReplyDelete
  31. ko huruf nya huruf awal semua yang d export ya hasil ketikan nya jadi A semua

    ReplyDelete
  32. gan, gmn cara masukin karakter "spasi"

    ReplyDelete
  33. waktu mau diexport kan harus ganti ke format TTF kan. lhah itu ko ngga ada ya? itu harus diapain?

    ReplyDelete
  34. Makasi bgt mas atas ilmunya...
    Sgt2 bermanfaat...
    Insya Allah akn sy coba..

    ReplyDelete
  35. mas kalau untuk aksara yang belum didigitalisasi, (aksaranya mirip2 aksara jawa), itu caranya sama atau ada perbedaan ?

    ReplyDelete
  36. Mas font saya sudah jadi, tapi jarak huruf (spasi) kejauhan. Gimana caranya ya ? Terimakasih

    ReplyDelete
  37. kok corel saya gk ada untuk centang selekted only ya pak ?

    ReplyDelete
    Replies
    1. Bantu jawab, kalo yg begitu font perbuah nya itu di weld dulu setwlah itu baru export

      Delete
  38. pas nyampe huruf H kok muncul tulisan "character code is not supported by windows" bang..??

    ReplyDelete
  39. Coba tiap tiap objeknya di combine jadi satu, nanti objek nya bergabung jadi satu doang

    ReplyDelete
  40. Peemisi, Bantu jawab yaa, klo cara mengatur jarak tiap huruf gimana yaa?

    ReplyDelete
  41. Bantu jawab semua.
    - Kalau terjadi ketika di instal, semua hanya muncul huruf A, coba corel nya di close dan buka lg, export ulang dari awal, dengan cara klik FILE - EXPORT. JANGAN pake shortcut CTRL+E

    ReplyDelete
  42. UNTUK mengatur space font coba cara 5.4 (AUTO) nya do hilangin centangnya, lalu atur sendiri angka jaraknya. PERHATIKAN GARIS PADA PALING KANAN FONT PREVIEW.

    ReplyDelete
  43. Warrrrbyasah... Tutorialnya jelas banget. Sukses terus buat Mbah Joyo. Top Markotop dah pokoknya...

    ReplyDelete

Berkomentarlah yang bijak, iklan/spam langsung dihapus