Mockup ini berguna ketika Anda ingin mempresentasikan wallpaper atau situs pada klien. Cara penggunaannya cukup mudah tapi akan saya buat tutorialnya di sini secara singkat. Jika Anda cukup mahir dengan Photoshop, saya yakin tutorial biasa hanya akan membuang waktu saja karena bahasannya sangat dasar. Jadi, sengaja saya bahas juga konsep dasar smart object yang mungkin belum Anda tahu.

Download

Sebelum mulai download terlebih dahulu file mockup di halaman ini.

Preview Mockup Produk Apple

MacBook Air

Sebetulnya semua mockup ini sudah cukup jelas. Di dalam panel Layers, Anda bisa menemukan group layer Instructions yang berisi keterangan singkat cara penggunaan mockup.

Untuk kali ini kita mulai dengan MacBook Air.

Sesuai instruksi, klik ganda layer smart object. Smart Object sesungguhnya merupakan layer khusus yang berisi data gambar. Data gambar ini bisa berupa file vektor atau pixel lain. Secara mudahnya, layer smart object adalah file gambar berbentuk layer.

Jika muncul kotak dialog ini, klik saja OK.

Isi layer smart object akan terbuka di tab baru dalam format file PSB. PSB ini sebetulnya versi lebih canggih dari format file asli Photoshop, PSD. Ukuran format file PSD maksimal 4GB, sementara PSB bisa melebihi 4GB. Seperti format PSD, PSB juga mendukung semua fitur Photoshop.

Ambil gambar yang ingin Anda masukkan ke dalam MacBook Air. Seleksi semua (Ctrl + A) lalu copy (Ctrl + C). Kembali ke file PSB. Paste gambar (Ctrl + V) di sana, lalu simpan file (Ctrl + S).

Tutup file. Secara otomatis smart object akan meng-update isinya.

Keunikan lain mockup ini adalah latarnya mudah sekali diubah. Misalnya kita ingin mengubah warna latar. Aktifkan Adjustment Layer Background Color. Di panel Adjustments atur ketiga slider yang tersedia.

Secara otomatis warna latar akan berubah.

Masih ada satu lagi. Tampilkan group layer Grunge Texture untuk memberikan tekstur grunge pada latar. Lakukan hal yang sama pada group layer Wooden Table untuk menampilkan meja kayu di bagian bawah MacBook Air.

iPad

Mungkin Anda bertanya-tanya. Kenapa semua desain disimpan dalam smart object? Kenapa tidak disimpan dalam bentuk layer biasa? Ada dua jawaban. Pertama, Smart object bisa diduplikasi secara identik tanpa menambah memori. Maksudnya saya bisa menduplikasi seribu smart object tanpa menambah ukuran file. Keseribu smart object ini akan memiliki isi yang sama, perubahan pada satu smart object akan mengubah 999 smart object yang lain. Kedua, transformasi smart object bersifat non destruktif. Artinya ketika diperbesar, diperkecil, atau diputar tidak akan ada penurunan kualitas. Anda bisa memahami maksudnya ketika bekerja dengan mockup iPad ini.

Perhatikan mockup di bawah! Layar keduanya merupakan smart object yang sama.

Klik ganda smart object yang tersedia. Seperti sebelumnya simpan desain gambar ke dalam file. Simpan lalu tutup. Perhatikan bahwa satu perubahan ini akan mengubah layar kedua iPad. Bukankah ini sangat menghemat waktu?

Seperti dengan mockup lainnya, Anda bisa memberikan tekstur grunge dan alas kayu.

Saya harap Anda menikmati mockup ini. Terima kasih pada awesome crew WeGraphics yang telah memberikan mockup hebat ini secara cuma-cuma. Semoga bermanfaat bagi desain Anda.

Note:
Anda diperbolehkan berpartisipasi menyebarkan resource desain gratis ini. Dengan catatan, tidak memberikan link download langsung tapi menuju ke halaman resource. Tentu saja, WeGraphics butuh traffic.
Ide tekstur grunge dan alas kayu berasal dari Sebastiano.

Related posts:

• Studi Kasus Pembuatan Mockup DVD untuk WeGraphics
• Cara Mudah Desain Ikon Glossy
• Cara Cepat Membuat Tekstur Kulit Realistis
• Menggambar iPod dalam Berbagai Warna dengan Smart Object