Selamat Hari Pahlawan

Tanggal 10 November 2014, bangsa Indonesia memperingati hari pahlawan. Untuk berpartisipasi dalam perayaan hari pahlawan, saya akan memberikan tutorial tentang tipografi dengan tema hari pahlawan. Tipografi sederhana ini saya buat dengan menggunakan software CorelDraw X4. Berikut hasil akhir dari tipografi ini.

 

Berikut adalah langkah pengerjaan Tutorial tipografi hari pahlawan di CorelDraw :

Langkah 1

buat lembar kerja baru di coreldraw kita, aktifkan text tool (F8), buat teks 10 November, font yang kita gunakan adalah impact.

dalam hal ini kita akan menggunakan teks yang berhubungan dengan hari pahlawan, seperti : PAHLAWAN, I LOVE U, BANGSAKU, MERDEKA,KUCINTA dan lain sebagainya.
teks tersebut kita susun mengikuti bentuk atau pola dari teks 10 november dengan font impact diatas, seperti gambar berikut :

 

untuk bagian yang melengkung seperti huruf O, kita gunakan fungsi interactive envelope tool. cara menggunakan tool ini cukup mudah kita juga bisa menambah dan menghapus titik-titik yang tidak diperlukan dan membuat lengkung objek. lihat gambar dibawah ini.

 

langkah 2

untuk bagian yang kecil dan tidak memungkinkan untuk teks yang besar, kita gunakan teks dengan ukuran kecil, semakin banyak variasi ukuran teks, maka akan semakin terlihat menarik tipografi yang kita buat.

dan inilah contoh dari huruf O yang telah selesai kita kerjakan.

agar huruf yang kita buat typografi nya sesuai dengan teks yang akan kita letakkan, kita bisa menarik titik node pada ujung huruf.

 

langkah 3

nah setelah selesai maka kita akan mendapatkan hasil seperti ini.

 

untuk hasil kemungkinan akan berbeda-beda bentuk walu kita menggunakan cara yang sama. karena ini memainkan imajinasi kita masing-masing, dalam membentuk pola huruf.

untuk melengkapi tipografi ini, kita buat beberapa kalimat yang mendukung tema tipografi kita ini.seperti berikut ini.

 

menambahkan shape seperti pita, sebagai hiasan untuk teks tersebut.

tambahkan teks lagi.

 

 dan kembangkan lagi imajinasi kita. dan inilah hasil yang kita dapatkan.

Read More

Efek miniatur dengan Adobe Photoshop

Tilt shift photography adalah foto yang dibuat dengan menggunakan tilt-shift lens atau perspective correction lens. Lensa ini dibuat untuk menanggulangi masalah distorsi perspektif yang muncul pada penggunaan lensa normal. Contohnya pada saat memotret gedung tinggi dengan lensa normal maka gedung cenderung distorsi dengan mengkerucut di bagian atasnya :

 

Dengan menggunakan PC lens maka distorsi tersebut dapat diperbaiki sehingga foto menjadi terlihat normal:

Ciri khas dari lensa ini adalah kemampuan lensa ini secara fisik dapat digerakkan ke atas-bawah (tilt) maupun bergeser ke samping kiri-kanan (shift) sehingga  dapat mengatur area fokus (selective focus) dan besarnya Depth of Field. Dengan kemampuan seperti itu, fotografer dapat menghasilkan efek miniatur pada foto.

 

Dengan memahami mengenai Depth of Field dan bagaimana menggunakan filter Lens Blur pada tutorial sebelumnya, maka kita dapat membuat efek miniatur atau tilt-shift photography ini dengan menggunakan Adobe Photoshop. Berikut langkah-langkahnya:

Buka file foto di Adobe Photoshop

 Masuk ke mode Quick Mask

 

Klik Quick Mask Mode di Toolbar atau tekan tombol “Q”. Dengan berada di mode Quick Mask pada dasarnya kita membuat sebuah channel baru temporer selama berada di dalam mode tersebut. Hal ini bisa kita lihat di Channels Palette akan muncul channel baru yang bernama channel Quick Mask dalam keadaan aktif. Apabila kita keluar dari mode Quick Mask dengan menekan tombol “Q” maka channel Quick Mask tersebut akan hilang (pada tahap ini jangan dulu keluar dari mode Quick Mask).

Buat gradasi

Klik Gradient Tool di Toolbar lalu pilih Reflected Gradient. Kemudian buat gradasi di foto seperti contoh di atas.

Keluar dari mode Quick Mask

Tekan tombol “Q” untuk keluar dari mode Quick Mask. Selanjutnya gradasi yang Anda buat sebelumnya akan menjadi seleksi.

Apply filter Lens Blur

 

Dalam keadaan seleksi masih aktif, selanjutnya pilih Filter > Blur > Lens Blur. Atur seting di filter Lens Blur. Apabila area fokus dan blur terlihat terbalik di foto Anda, aktifkan kotak Invert.

Deselect Seleksi

Dengan menghilangkan seleksi sebelumnya (Selec > Deselect atau Ctrl-D) maka efek tilt-shift atau miniatur sudah dapat terlihat. Beberapa orang sudah cukup puas sampai pada tahap ini. Beberapa menambahkan adjustment untuk mencapai efek yang diinginkan.

Naikkan saturasi

 

Untuk memberikan efek warna saturasi bisa dinaikkan sesuai dengan yang diinginkan.

Naikkan Contrast

Untuk memberikan sedikit efek glossy, kontras pada foto bisa dinaikkan. Ada beberapa macam cara untuk menaikkan kontras, pada contoh di atas saya menggunakan Curve. Selain Curve juga dapat dengan merubah setting Brightness/Contrast atau Level di menu Image > Adjustments

Hasil Akhir

 

Foto-foto yang cocok digunakan dalam efek miniatur atau tilt-shift ini adalah foto-foto yang diambil dengan teknik komposisi high-angle. Dengan posisi pengambilan gambar dari atas, maka efek yang dihasilkan akan lebih realistis dan dramatis.

Read More

Membuat simple progress bar dengan photoshop

Pada tutorial photoshop kali ini, kita akan mempelajari bagaimana cara membuat progress bar biru yang elegant dengan status persen diatasnya, kita akan banyak mempermainkan teknik Layer style photoshop disini. Berikut hasil desain yang akan anda pelajari pada tutorial ini.

 Oke tidak perlu banyak basa basi, yuk kita langsung pada langkah pertama..

Langkah 1 : Membuat lembar kerja baru dan background

Buat sebuah lembar kerja baru pada Photoshop anda, buat dengan ukuran 500px x 250px dengan resolution 72 pixels/inch. Setelah membuat lembar kerja baru, buat layer baru (ctrl + shift + alt + n) dan buat sebuah gradient, kita akan membuat backgroundnya.

Turunkan opacitynya menjadi 20%, lalu buat layer baru dan buat gradient seperti sebelumnya.

Ubah layer mode menjadi Hard light dan opacity sebesar 15%. Hmm, tampaknya kurang menarik dengan warna putih abu-abu, mari kita buat dengan warna lain. Tanpa menghapus layer tadi, buat layer baru dibawah kedua layer tadi yang kita buat, tambahkan gradasi warna biru.

 

Kembali buat lagi sebuah layer diatas gradient warna biru yang telah kita buat, isikan dengan warna putih dan tambahkan layer style pattern overlay. Pattern dapat anda peroleh pada kolom resource diatas.

 

Beri layer mask pada layer tersebut, isikan mask tersebut dengan warna hitam. Dengan brush lembut warna putih, buat brush hingga menghasilkan efek background seperti berikut ini.

 

Langkah 2 : Membuat objek progress bar

Langkah pertamanya panjang juga ya , Sekarang kita akan mendesain progress barnya. Dengan Rounded rectangle tool, buat sebuah objek dengan Radius 50px, warna #32526b.

  
Beri layer style.

Kembali dengan Rounded rectangle tool, buat objek kecil didalamnya yang menandakan persentasi loadnya.

Dengan Ellips tool buat lingkaran kecil untuk progress bar yang kita buat (tekan ctrl agar objek bulat sempurna).

Pada lingkaran tersebut tambahkan layer style seperti berikut ini

Agar lebih realistis, kita akan menambahkan bayangan pada lingkaran tersebut. Pilih pen tool dan buat sebuah bentuk bayangan lingkaran.

Tambahkan blur di filter > blur > gaussian blur dan isi radius sebesar 3 pixels. Tempatkan layer bayangan dibawah lingkaran dan hapus sedikit bagian bayang tersebut hingga membentuk sebuah bayangan yang realistis.

Langkah 3 : Membuat pop up progress

Langkah ini adalah tambahan untuk menambah pop up atau biasa kita lihat sebagai persentase dari sebuah loading, Dengan rounded rectangle tool buat sebuah kotak kecil dengan radius 5 px. Pilih pen tool, dan buat segitiga yang menyatu dengan objek sebelumnya dengan terlebih dahulu mengaktifkan “add to shape area” pada option bar.
 

Beri layer style untuk objek tersebut

 Berikut hasil desain simple progress bar yang telah kita buat.

Tambahkan angka yang mewakilkan persentase progress bar.

 

Demikian tutorial photoshop membuat simple progress bar, semoga ada banyak hal baru yang anda pelajari disini.

 

 

 

Read More