Tutorial Dan Download Aplikasi

  Dalam tutorial kali ini, kita akan membuat plakat terbuat besi dengan teks emboss di tengahnya. Plakat ini akan dibaut ke sebuah tekstur kayu. Semua objek di dalam gambar akan kita buat sendiri, hanya menggunakan Photoshop. Tutorial ini akan membantu Anda belajar cara penggunaan bentuk-bentuk vektor Photoshop dan mengkombinasikannya dengan layer styles.

Preview

Sebelum mulai, kita lihat terlebih dahulu gambar yang akan kita hasilkan. Klik pada gambar untuk melihatnya dalam ukuran lebih besar.

Langkah 1: Membuat Tekstur Kayu

Buat file baru dengan ukuran 640×480 px. Ubah warna depan ke #c88820 dan warna belakang ke #b86e25. Tekan Alt + Delete untuk mengisi latar dengan warna depan. Klik Filter > Render > Fibers. Isikan Variance: 21 dan Strength: 47. Klik OK. Kita akan memperoleh dengan segera sebuah tekstur kayu.

Langkah 2

Klik Filter > Liquify. Gunakan tool bloat, pucker, dan beberapa tool lainnya untuk membuat lekukan kecil pada tekstur. Setelah puas dengan hasilnya, klik OK.

Langkah 3

Klik ganda layer dan beri layer style Gradient Overlay. Pastikan memilih gradasi hitam ke putih, tipe radial, dengan opacity rendah. Simpan kursor ke atas gambar lalu klik dan geser untuk mengubah letak gradient. Layer style ini akan memberikan sedikit pencahayaan pada tekstur dan membuatnya terlihat lebih real.

Langkah 4: Membuat Plakat Besi

Aktifkan tool rectangle dengan radius 2 px. Pilih juga ikon shape di baris pilihan. Atur warna depan ke putih. Di tengah-tengah gambar buat sebuah kotak.

Langkah 5

Buat layer style berikut.

Langkah 6

Karena plakat ini terbuat dari besi, pasti harus ada sedikit kilauan cahaya. Buat layer baru dan tekan Ctrl + Alt + G untuk mengubahnya ke Clipping Mask. Buat seleksi elips di setengah bagian atas lalu isi dengan gradasi linear dari putih ke hitam.

Langkah 7

Ubah blend mode kilauan cahaya ke Screen. Dengan cara ini, warna hitam akan hilang dan hanya tersisa warna putihnya saja.

Langkah 8

Sekarang kita perlu memberi teks besi. Seperti tadi, buat layer baru lalu tekan Ctrl + Alt + G. Isi layer dengan putih. Klik Filter > Noise > Add Noise.

Langkah 9

Klik Filter > Blur > Motion Blur dan isikan Angle 0 dengan nilai distance yang cukup besar.

Langkah 10

Ubah blend mode layer ke Multiply untuk menyisakan hanya warna gelapnya saja.

Langkah 11: Memberi Teks Emboss

Di tengah-tengah plakat tambahkan teks.

Langkah 12

Beri layer style seperti di bawah.

Langkah 13

Ubah fill layer ke 0%.

Langkah 14: Membuat Baut

Buat shape lingkaran kecil di pojok plakat besi. Beri layer styles berikut.

Langkah 15

Sekarang gandakan shape lingkarang yang tadi kita buat. Di tengah-tengahnya tambahkan dua path rounded rectangle dengan radius 1 px. Di pilihan path pilih Subtract untuk memotong shape yang sudah ada. Beri layer style berikut.

Langkah 16: Menggandakan Baut

Seleksi kedua shape yang membentuk baut. Tekan Ctrl + G untuk menyimpannya ke dalam sebuah group. Aktifkan tool move, sambil menahan Alt geser baut untuk membuat duplikasinya. (TIP: Agar lebih real, sebaiknya baut diputar sedikit.)

Langkah 17

Ulangi langkah di atas hingga kita memperoleh baut di keempat sisinya.

Langkah 18: Memberi Efek Cahaya

Buat layer baru di paling atas. Beri gradasi radial dari putih ke hitam.

Langkah 19

Ubah blend mode layer ke Multiply.

Langkah 20: Hasil Akhir

Kita sudah selesai di sini. Semoga Anda menyukai hasil akhir tutorial ini. Klik pada gambar untuk melihatnya dalam ukuran lebih besar. Jika ada pertanyaan, jangan sungkan untuk bertanya.

Dalam tutorial ini, kita akan menggambar iMac dengan Photoshop. Kita akan banyak menggunakan tool shape dan mengkombinasikannya dengan Layer Style untuk memberikan pencahayaan yang alami.

Preview

Sebelumnya lihat terlebih dahulu hasil yang akan kita peroleh. Ini adalah salah satu file mockup PSD gratis yang saya bagikan di PSDfreemium.

Tutorial

Langkah 1: Layar

Aktifkan tool rounded rectangle dengan radius 30 px. Mulai dengan membuat sebuah kotak untuk layar iMac. Beri sedikit Layer Style Gradient Overlay agar warnanya tidak terlalu solid. Sedikit gradasi seperti ini memberi kesan pencahayaan yang alami.

Langkah 2

Ambil tool rounded rectangle dan turunkan radiusnya ke 20 px. Buat lagi kotak kali ini lebih kecil dengan proporsi seperti terlihat di bawah. Seperti sebelumnya beri Layer Style Gradient Overlay.

Langkah 3

Aktifkan tool rectangle biasa dan buat kotak lebih kecil. Tidak perlu khawatir dengan warna, apa pun warnanya tidak jadi masalah.

Langkah 4

Sekarang ambil gambar screenshot OS Apple dari Google Image. Simpan ke atas kotak lalu tekan Ctrl + Alt + G untuk mengubahnya menjadi Clipping Mask dan memasukkan gambar ke dalam layar.

Langkah 5: Refleksi Pada Layar

Dengan tool pen, gambar sebuah segitiga di pojok kanan atas. Kita akan menggunakan segitiga ini untuk memberi refleksi pada layar.
Perhatikan bahwa posisi ini –pojok kanan atas– sesuai dengan arah gradasi pada badan iMac. Kesalahan penempatan refleksi bisa membuat produk yang diperoleh terlihat ganjil dan tidak nyata.

Langkah 6

Beri Gradient Overlay.

Langkah 7: Logo Apple

Dengan tool pen, gambar logo apple tepat di bawah layar. Beri layer style berikut.

Langkah 8: Kaki iMac

Dengan tool pen buat shape berikut untuk kaki iMac. Beri Gradient Overlay dengan susunan gradasi seperti terlihat di gambar.

Langkah 9

Buat layer baru di atas kaki iMac. Lukis bayangan layar.

Langkah 10

Buat lagi shape untuk ketebalan kaki iMac. Simpan di bawah shape sebelumnya. Beri Gradient Overlay berikut.
Di bawah Anda bisa melihat bentuk ketebalan kaki iMac jika tidak tertutupi.

Langkah 11: Bayangan

Pertama, kita buat dahulu rest point, yaitu bayangan paling dekat dengan lantai. Ctrl-klik shape kaki iMac. Geser seleksi yang siperoleh beberapa pixel ke bawah. Isi seleksi dengan hitam lalu haluskan dengan Gaussian Blur.

Langkah 12

Hapus pixel gelap yang berada di bagian atas sehingga hanya tersisa bayangan di lantai.

Langkah 13

Duplikasi bayangan pada kaki iMac dan beri Gaussian Blur yang lebih besar agar diperoleh bayangan yang lebih lembut.

Langkah 14

Buat seleksi ellipse di bawah layar iMac. Isi dengan dengan hitam, haluskan dengan Gaussian Blur lalu hapus kedua ujungnya hingga bayangannya terlihat alami.

Langkah 15: Latar

Kareana tujuan ini fokus pada pembuatan iMac, kita akan menggunakan latar sederhana saja. Buat layer baru dan simpan di paling bawah. Isi dengan gradasi radial dari putih ke abu-abu.

Langkah 16

Untuk membuat lantai mudah saja. Gandakan latar tadi, tekan Ctrl + T lalu transformasi hingga terlihat seperti di bawah.

Langkah 17

Tambahkan adjustment layer Hue/Saturation dan simpan di atas layer latar. Aktifkan Colorize dan geser parameter yang tersedia. Adjustment layer ini akan mempermudah Anda jika ingin mengubah latarwarna .

Hasil Akhir

Di bawah adalah hasil akhir iMac yang kita peroleh.
Anda bisa juga berkreasi lagi dengan membuat latar alternatif seperti yang saya lakukan di PSDfreemium.

Download Link

Download File PSD di PSDfreemium