Membuat papernote dengan photoshop

Posted on

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.

Preview 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 menekan +1 atau Tweet di atas postingan.

Gravatar Image
Panggil saya Jaka, saya suka desain. Saya orang yang mudah untuk diajak berinteraksi, temukan juga saya diwebsite pribadi Jakazulham.