Membuat Font Unik

1.        Pengertian dan Penjelasan Singkat.

Ketika mendesain sesuatu yang mengharuskan kita untuk menggunakan font yang unik, pasti Banyak sekali font yang dapat menjadi bahan pertimbangan. Saat ini berbagai jenis font terdapat di internet dan dapat diunduh dengan gratis. Namun jika masalahnya berhubungan dengan brand, pasti kita memerlukan suatu jenis font yang unik, yang tidak dapat ditiru dengan mudah namun kita sendiri tetap dapat menggunakan font tersebut dengan nyaman. Salah satu caranya adalah mendesain font sendiri, tapi bagaimana caranya?

Software yang bernama BirdFont ini merupakan jawaban Anda pada pertanyaan di atas. BirdFont mampu menuntun Anda untuk mendesain font sendiri, dengan cara membiarkan Anda menggambar outline dari font yang Anda inginkan. Software open sorce ini merupakan aplikasi font creator dan font editor yang menarik karena memiliki tampilan yang sederhana, namun tetap dilengkapi dengan berbagai keunggulan untuk menciptakan gambar vektor dari font yang Anda kreasikan. BirdFont ini juga mendukung sistem export dan import font dengan format TTF, EOT, dan SVG.

User interface pada software pembuat font ini cukup mudah untuk dipelajari. Pada bagian atas terdapat bar tabs, dan di sebelah kanan terdapat kumpulan tools yang dapat digunakan. Software ini juga menunjang pembuatan font untuk angka dan karakter spesial, jadi Anda tidak perlu bingung jika ingin membuat font dari karakter-karakter khusus.

Cara mengunakan software ini juga cukup mudah. Kita tinggal memilih charater type yang kita suka. Double-click pada sebuah karakter tertentu akan membawa kita ke tab editor. Editor ini memiliki kemampuan untuk memproses beberapa karakter sekaligus.

Software ini dapat di gunakan baik di Windows, Linux, maupun MacOS. Pada laporan saya kali ini, yang saya gunakan adalah BirdFont yang digunakan untuk linux, dan Linux yang saya gunakan adalah Ubuntu.

2.        Langkah-langkah Installasi BirdFont di Ubuntu

Sebelum kita menginstal software aplikasi, tentu, kita harus terlebih dahulu mendownload software aplikasi tersebut dan melihat spesifikasi komputer minimal yang dapat di gunakan oleh software tersebut.

Apabila anda belum mempunyai software aplikasi BirdFont, anda bisa mendownload di link sini http://birdfont.org/download.html .

 Namun mohon maaf sebesar-besarnya karena saya belum mengetahui spesifikasi computer minimal yang bisa digunakan oleh software BirdFont ini.

Berikut ini adalah langkah-langkah instalasi BirdFont-0.18 :

1.      Buka direktori yang berisi master BirdFont-0.18.

Apabila master masih dalam bentuk .tar.gz , lakukan peng-exstract-an dengan cara :

a.       Klik kanan pada, file, lalu pilih Extract Here, atau

b.      -    Masuk ke Terminal.

-          Pastikan sudah berada di directory yang berisi master BirdFont-0.18.tar.gz.

-          Lakukan peng-extract-an dengan mengetikkan

tar zxvf BirdFont-0.18.tar.gz

2.      Jalankan dengan menggunakan terminal, masuk ke directory BirdFont-0.18 (yang sudah di extract tadi) dengan mengetik

cd BirdFont-0.18

atau perhatikan gambar berikut untuk lebih jelasnya.

3.      Untuk melihat isi dari directory BirdFont-0.18, kita bisa gunakan perintah ls.

4.      Di dalam linux, kita harus pindah ke user root apabila kita ingin mengintal aplikasi ke di dalamnya, pada Ubuntu, kita gunakan perintah sudo su untuk  berpindah ke user root, untuk lebih jelasnya perhatikan gambar di bawah ini. 

      

Ket : baris pertama adalah perintah yang digunakan, dimana kita masih berada dalam user kompor. Baris kedua adalah hasil dari kita menggunakan perintah dan berada dalam user root.

5.      Lalu jalankan configure yang berada dalam directory BirdFont-0.18. namun sebelum itu, kita harus mengganti permitionnya menggunakan perintah chmod. Perintahnya adalah sebagai berikut :

chmod 777 BirdFont-0.18

untuk lebih jelasnya, perhatikan gambar berikut

6.      Jalankan configure dengan cara mengetikan ./configure pada terminal.

 configure ini bertujuan untuk mendeteksi falidisitas atau kelengkapan dari software yang kita install , namun tidak semua software aplikasi di linux memiliki configure.

7.      Lalu jalankan install yang ada di dalam directory BirdFont-0.18 dengan mengetikkan ./install.

8.      Proses installasi berjalan dengan tampilan seperti pada gambar di bawah ini.

9.      Proses instalasi BirdFont-0.18 selesai.

3.        Membuat Font Menggunakan Aplikasi BirdFont.

Tidak sedikit font yang ada di program OS kita, di antaranya yang sering kita gunakan adalah Times New Roman, Arial, Calibri, dll. Namun itu serasa biasa saja, lalu bagaimana jika kita membuat sendiri font hasil desain kita? Pasti lebih asik kan ? J okeh .. kali ini saya akan membuat font Aksara Jawa menggunakan software BirdFont yang telah kita install sebelumnya.

Berikut ini adalah langkah-langkah membuat font Aksara Jawa menggunakan aplikasi BirdFont pada Ubuntu.

1.      Buka aplikasi BirdFont yang terdapat pada menu (logo ubuntu) è Graphic. 

              

2.      Buat file baru dengan pada menu FileèNew.

Sehingga tampilan barunya akan seperti ini.

Ket : huruf “a” di atas maksudnya adalah apabila kita menekan tombol a, maka karakter yang muncul akan seperti apa yang kita bentuk.

3.      Klik dua kali pada huruf yang akan kita bentuk karakternya, atau arahkan control menuju huruf yang di inginkan, kemudian tekan Enter.

Kali ini saya akan membuat karakter huruf “a” terlebih dahulu, yang nantikan berarti ha pada Aksara Jawa.

4.      Agar karakter yang kita buat lebih rapi, kita bisa gunakan tool untuk membantu memberikan garis khayal yang ditunjukkan pada gambar di bawah ini.

5.      Lalu kita mulai menggambar dengan menggunakan Pen Tool yang di tunjukkan pada gambar di bawah ini.

6.      Jalankan Pen Tool dengan cara klik kanan pada posisi yang dirasa sudah tepat, sehingga hasil sketsa yang akan terjadi adalah seperti ini

7.      Untuk melihat bagaimana hasil akhirnya nanti, kita bisa gunakan tool yang di tunjukkan pada gambar di bawah ini.

Ket : warna hitam dari gambar di atas adalah hasil dari karakter font yang kita buat.

8.      Lakukan hal yang sama pada huruf yang lain, sehingga hasilnya OverView-nya seperti ini.

9.      Kemudian simpan file dengan cara pilih menu FileèSave As. Lalu masukkan nama file-nya. File yang tersimpan akan berekstensi .ffi .

10.  Agar hasil aplikasi dapat di gunakan, tekan tombol Ctrl+E pada keyboard atau masuk menu FileèExport. File .ttf / .eot / .svg akan muncul dalam satu folder disamping kita menyimpan file tadi. Nama default hasil export tadi adalah typeface.

11.  Adapun cara installasi hasil font yang telah kita buat tadi,

-            Klik dua kali pada file berekstensi .ttf / .eot / .svg (pada contoh kali ini, saya menggunakan file yang berekstensi .ttf ), sehingga tampilannya seperti ini .

-  Tekan tombol Install yang terdapat di sisi pojok kanan atas. Tunggu !

-            Font sudah terinstall apabila tombol Install yang terdapat di sisi pojok kanan atas tadi berubah menjadi Installed yang artinya telah terinstall, seperti yang di tunjukkan pada gambar di bawah ini.

                Laporan Instalasi Software Beserta Contoh Penggunaan dan Hasilnya Telah Selsai.

Continue

MEMBUAT EFEK AIR MENETES MENGGUNAKAN ADOBE PHOTOSHOP

1.       Pengertian dan Penjelasan

Adobe Photoshop adalah salah satu software untuk mengolah foto atau gambar berbasis bitmap yang populer saat ini. Dengan Photoshop, Anda dapat memperbaiki dan memperindah foto yang ingin dicetak dengan menambah beberapa efek pada foto tersebut. Dengan demikian, tampilan foto menjadi berbeda dan menarik.

Walaupun terdapat berbagai macam program yang dapat digunakan untuk mewarnai ilustrasi Anda, Photoshop dengan segala kelebihan dan kekurangannya dapat dimaksimalkan untuk menghasilkan ilustrasi berwarna yang indah. Anda dapat menghasilkan ilustrasi dengan teknik berbeda dengan teman Anda walaupun tool yang digunakan sama. Anda juga dapat mengerjakan ilustrasi berwarna secara manual untuk kemudian diedit lebih lanjut dengan Photoshop. Berikut ini beberapa perubahan baru yang terdapat dalam Adobe Photoshop CS3 yang berbeda dengan versi sebelumnya.

a.        Tampilan baru pada jendela dan lembar kerja yang menawan, mempermudah Anda untuk mengatur tampilan kerja agar lebih nyaman.

b.       Tampilan panel Tool yang fleksibel dapat ditampilkan menjadi satu kolom atau dua kolom.

c.        Tombol Quick Mask tampil sebagai tombol single menyerupai tombol On/Off untuk mengaktifkan dan menonaktifkan fungsi Quick Mask.

d.       Panel ditampilkan dalam sebuah dock yang secara fleksibel dapat diubah sesuai dengan ukuran yang diinginkan sehingga Anda akan lebih leluasa memaksimalkan tampilan lembar kerja.

e.        Mode Full Screen baru yang diberi nama Maximize Screen Mode, berfungsi memaksimalkan ukuran jendela gambar semaksimal mungkin menyesuaikan dengan layer.

Spesifikasi minimal computer yang dapat digunakan oleh Adobe Photoshop CS3 adalah sebagai berikut :

1.      Mac OS X 10.4.8,

2.      512 MB RAM,

3.      G4 processor,

4.      2 GB available hard drive space,

5.      1024x768 monitor resolution with 16-bit video and 64 MB of VRAM, DVD-ROM drive

6.      Support Mac OS X, Windows XP

2.        Langkah Instalasi Adobe Photoshop CS3.

Sebelum kita melakukan instalasi adobe photoshop CS3, pastikan master Adobe Photoshop sudah ada di memory/hardisk anda. Berikut langkah-langkah instalasi software aplikasi Adobe Photoshop :

a.         Buka folder yang berisi master Adobe Photoshop CS3

b.      Klik dua kali pada aplikasi Adobe Photoshop CS3. Hingga muncul tampilan seperti pada gambar.

c.         Klik tombol Install untuk memulai proses penginstalan. Proses instalasi Adobe Photoshop CS3 akan seperti ini.

d.      Setelah proses instalasi selesai, program Adobe Photoshop CS3 akan secara otomatis terbuka, dengan ditandai tampilan seperti pada gambar di bawah ini.

Apabila ingin mengetahui secara detail tentang fungsi dari setiap Tools pada Adobe Photoshop CS3, klik DISINI.

3.        Membuat efek embun menggunakan Adobe Photoshop CS3

Pertama, kita harus menyiapkan gambar/foto yang akan diberikan efek embun. Pada laporan kali ini saya menyiapkan dua gambar foto.

Gambar pertama, akan saya gunakan sebagai gambar utama sehingga titik fokus gambar pertama tertuju pada jari , sedangkan gambar kedua akan saya gunakan sebagai gambar dasar embun sehingga fokus dari gambar kedua adalah keseluruhan dari apa yang di tangkap oleh kamera. Okeh.. berikut langkah-langkah simple membuat efek embun.

1.         Pertama, buka aplikasi Adobe Photoshop CS3 , dan siapkan gambar/foto.

2.      Aktifkan gambar pertama(yang ada jarinya) dengan cara klik dua kali di samping subtitle.

3.      Buat sebuah seleksi menggunakan Elliptical Marquee Tool sehingga hasilnya seperti ini.

4.      Karena bagian atas dari embun tidak berbentuk oval, tambahkan seleksi sehingga hasilnya seperti pada gambar dibawah ini.

5.    Buat layer baru dengan cara menekan symbol seperti pada gambar di bawah ini dan beri nama Layer 1.

6.      Pada layer 1 , berikan warna menggunakan gradien tool dengan  pewarnaan Black-White.

7.      Ubah jenis layer menjadi Overlay.

Sehingga hasilnya nanti akan bening.

8.      Setelah membuat bagian dasar dari embun, seret gambar 2 yang sudah di siapkan di awal. Agar gambar pas dengan ukuran embun, cobalah untuk menyeleksi gambar 2 terebih dahulu. Untuk lebih jelasnya, perhatikan gambar dibawah ini.

                                           (buat seleksi pada gambar kedua)

                                     (Seret bagian seleksi ke gambar pertama)

Ket : Hasil seretan dari gambar dua ke gambar satu di beri nama Layer 2

9.      Setelah langkah nomor 8, pindahkan posisi layer 2 menjadi di antara layer 1 dan background.

10.  Aktifkan Layer 2 kemudian rubahlah sehingga sudut pandangnya menjadi invers dengan posisi awal dengan cara menekan Ctrl+T, lalu tarik ujung kanan atas kebawah dan kekiri.

11.  Agar gambar bisa sesuai dengan dasar embun yang sudah dibuat tadi, kita gunakan dengan fungsi Warp. Caranya adalah tekan Ctrl+T (jangan tekan Enter setelah langkah nomor 10), lalu klik kanan dalam gambar dan pilih Warp. sehingga gambarannya seperti ini.

12.  Tarik setiap ujung ke dalam, hingga layer dua menyerupai bentuk layer 1. Apabila sudah yakin, tekan Enter.

13.  Agar layer 2 terlihat rapi dan menyerupai layer 1, potonglah menggunakan seleksi di luar layer 1. Caranya, aktifkan layer 1, kemudian seleksilah mengguakan Magic Tools. Untuk lebih jelasnya, perhatikan gambar.

Dalam keadaan seleksi masih aktif, aktifkan kembali layer 2 dengan cara klik pada layer 2, setelah itu poton bagian yang terseleksi dengan menekan Ctrl+X. sehingga hasilnya seperti ini.

14.  Agar gambar embun terlihat lebih nyata, gunakan efek seperti kaca pembesar dengan fungsi Liquify pada menu Filter, atau dengan menekan Shift+Ctrl+X.

15.  Gunakan ukuran pointer yang besar, agar pada saat penyorotan, gambar tidak berantakan. Sorot dari tengah menuju luar secara perlahan dan beraturan, sehinggagambar Nampak seperti terlihat pada kaca pembesar.

Setelah yakin dan pas, klik tombol OK atau tekan Enter.

16.  Seleksi kembali layer menggunakan Lasso Tool seperti pada gambar di bawah ini untuk membuat efek pencahayaan pada embun.

17. Agar cahaya yang terjadi terlihat lebih halus, gunakan perintah Feather pada menu Select è Modify è Feather.

18.  Muncul kotak Feather Selection. Lalu masukkan nilai tingkat kehalusan pada Father Radius. Pada gambar saya ini, saya masukkan nilai 10. Klik tombol OK atau tekan Enter apabila sudah yakin.

Ket : Ukuran gambar mempengaruhi efek Feather Radius.

19.  Beri efek cahaya menggunakan fungsi Variations pada menu ImageèAdjustmentèVariations.

20.  Pilih Midtones. Untuk memberi pencahayaanya, klik beberapa kali pada pilihan Lighter sampai hasil dirasa sudah sesuai kebutuhan. Apabila sudah sesuai, klik Tombola tau tekan Enter.

Ket : Current Pick merupakan penggambaran hasil.

21.  Lalu buat kembali pencahayaan berbentuk lingkaran seperti pada gambar di bawah ini .

Lakukan hal yang sama sesuai petunjuk nomor 17 sampai nomor 20.

22.  Hapus bagian atas dari layer 1 dan layer 2 menggunakan Eraser Tool  agar gambar terlihat rapi. Lakukan layer by layer dari layer 1 dan layer 2.

                         

                                                                 (Awal)

                                                            (Proses)

                                                              (Hasil)

23.  Haluskan bagian yang masih terlihat kasar menggunakan Blur Tool.

24.  Hasil dari proses pertama sampai terakhir.

25.  Apabila hasil belum memuaskan, cobalah edit kembali hingga hasilnya seperti ini.

26.  Laporan Selesai.

Continue