Selasa, 10 Januari 2012

Membuat papernote dengan photoshop

Belajar photoshop kali ini kita akan belajar mendesain sebuah papernote atau kertas catatan dengan software desain photoshop, menggunakan tutorial ini diharapkan dapat meningkatkan kreatifitas anda.

Pada windows vista, seven dan diatasnya, biasanya di window akan terlihat notes sederhana untuk mengingatkan sesuatu. Disini kita akan mencoba mendesain note tersebut lebih bergaya dan elegant tentunya dengan mengikuti beberapa step tutorial pada belajar photoshop kali ini.

Hasil Desain

Berikut tampilan singkat yang saya buat secara cepat pada tutorial ini (Klik pada gambar untuk memperbesar).
desain photoshop

Detail Tutorial

  • Tingkat kesulitan : Pemula/Menengah
  • Software yang digunakan : Adobe Photoshop
  • Materi yang dipelajari : Penggunaan shape dan transform
  • Lama pembuatan : 20 Menit

Resource

Gunakan resource atau bahan baku dibawah ini untuk menghasilkan gambar yang sama seperti saya.

Tutorial

Ikuti tutorial dibawah ini untuk membuat papernote sederhana dengan photoshop.

Membuat shape

Buka gambar Teksture kayu yang telah anda download dengan Adobe photoshop, selanjutnya dengan warna foreground #FFFEEE buat sebuah shape dengan Rectangle tool seperti desain berikut.
shape
Selanjutnya, pilih menu warp di file > Transform > Warp dan edit warp bagian kertas atas melengkung seperti gambar dibawah.
warp transform
Buat kembali sebuah shape dibawah layer tersebut, anda bisa mengubah nama shape sesuka anda.
menambah shape
Beri layer style Drop shadow pada shape lengkung seperti gambar berikut.
Layer style
Tekan OK untuk mengakhiri dan berikut desain sementara yang kita hasilkan.
Desain
Tambahkan juga layer style pada kertas satunya lagi (yang tidak melengkung) untuk memberi kesan objek kertas berbayang, selanjutnya putar dengan cara pilih move tool, klik Ctrl + T untuk transform dan putar seperti tampak gambar berikut ini.
Putar gambar dengan transform
Duplicate beberapa objek kertas tersebut sehingga memberikan kesan kertas bertumpukan seperti tampak desain berikut.
Kertas bertumpukan

Membuat garis-garis pada kertas.

Selanjutnya kita akan mencoba membuat garis-garis layaknya sebuah papernote. Dengan Line tool, buatlah sebuah line pada desain tersebut.
Add line
Duplicate atau tambah line-line secara beraturan sehingga memperoleh gambar layaknya sebuah kertas buku.
menambah garis
Seleksi semua garis, dan satukan dengan meng-margenya (ctrl + e) sehingga untuk garis tersebut hanya menghabiskan 1 (satu) layer saja, anda juga bisa mengubah namanya menjadi garis dan lain sebagainya.
marge layer
Turunkan opacity untuk layer garis tersebut menjadi sebesar 35% saja.
mengurangi opacity
Transform dan lengkungkan objek garis sehingga tampak sedikit miring (seperti objek kertas), lihat contoh hasil desain berikut.
membengkokkan garis

Menambahkan teks

Tambahkan teks pada papernote tersebut, pilih Type tool atau menekan tombol T pada keyboar, tambahkan tulisan dan ubah sesuaikan teks sehingga tampak menyatu dengan papernote desain kita tersebut.
Add text
Desain siap dan siap pula untuk di publikasikan. :)

Hasil Desain

Berikut hasil mini papernote yang telah kita hasilkan (Klik pada gambar untuk memperbesar).
hasil desain photoshop
Download psd : Membuat papernote dengan photoshop
Mudah bukan dalam mendesain dengan photoshop? :P
Jika ada pertanyaan, silahkan isi di kotak komentar. Setiap ada komentar balasan, anda akan mendapatkan pemberitahuan ke email inbox anda. Jadi, bertanyalah dan dapatkan jawaban yang tepat untuk problem anda.
Share ke teman anda jika berguna dengan  Tweet atas postingan.

Tidak ada komentar:

Posting Komentar