14 Tutorial Merancang Mockup Sempurna untuk Merek Anda

Diterbitkan: 2021-06-24

Merancang maket yang menarik secara visual adalah sesuatu yang harus dapat dilakukan oleh semua desainer sebagai bagian dari pekerjaan desain mereka. Lewatlah sudah hari-hari ketika desainer bisa mengirimkan desain mereka dalam bentuk yang sederhana. Klien sekarang ingin melihat bagaimana logo atau kemasan akan terlihat seperti di dunia nyata. Ini, di satu sisi, adalah win-win untuk desainer dan klien karena semua pihak tahu bagaimana hasilnya. Untuk desainer, menjadi mudah untuk meyakinkan klien tentang seberapa bagus desain mereka dan bagaimana tampilannya saat dieksekusi. Untuk klien, menjadi mudah untuk membayangkan aplikasi. Mereka kemudian bisa mendapatkan hasil akhir yang disesuaikan dengan keinginan mereka.

Daftar Isi sembunyikan
1) Membuat Mockup Menggunakan Gambar Dasar:
2) Mockup T-Shirt Realistis di Photoshop:
3) Mockup Desain Kemasan di Photoshop
4) Mockup Logo yang Menakjubkan:
5) Desain Komposit Mockup Kaos di Photoshop:
6) Mockup Aplikasi Seluler:
7) Buat Mockup Situs Web di Photoshop:
8) Buat Mockup Kartu Bisnis yang Indah:
9) Buat Mockup Komposit untuk Majalah:
10) Buat Maket Billboard yang Menarik:
11) Buat Mockup Video Situs Web Bergulir di Photoshop
12) Ubah Sampul Buku Anda menjadi Mockup:
13) Tutorial Langkah demi Langkah tentang Cara Mengunduh dan Menggunakan Mockup Logo PSD:
14) Buat Mockup Anda dari Awal:

Dengan semakin populernya maket desain, ada banyak pilihan template yang tersedia di internet. Sebagian besar dari mereka menyediakan file terbuka untuk memudahkan desainer menggunakannya dan menyesuaikannya sesuai kebutuhan mereka. Tetapi orang perlu mengembangkan mata yang tajam untuk memahami mockup mana yang akan bekerja pada produk mana dan bagaimana mengubah file yang terbuka. Selain itu, akan ada saatnya template yang sudah jadi tidak akan membantu, dan perancang harus mengembangkan mockup langsung dari awal. Tutorial video berikut akan membantu dalam merancang maket yang sempurna untuk merek Anda:

1) Membuat Mockup Menggunakan Gambar Dasar:

Salah satu tutorial paling dasar, video ini akan memandu Anda membuat mockup produk menggunakan gambar dasar. Seringkali, Anda akan menemukan persyaratan untuk menampilkan logo atau desain kemasan pada objek seperti T-Shirts, topi, cangkir, dll. Untuk ini, Anda perlu menemukan gambar dasar beresolusi tinggi yang sangat baik dengan objek tersebut. Coba pilih gambar dengan latar belakang yang lebih sederhana dan tekstur yang lebih sedikit. Tutorial 10 menit ini akan membantu Anda memahami langkah demi langkah apa yang perlu dilakukan untuk mengatur logo atau kemasan pada objek tertentu.

2) Mockup T-Shirt Realistis di Photoshop:

Membuat mockup T-Shirt sangat menyenangkan. Ini juga merupakan salah satu inklusi penting yang diberikan desainer untuk melihat hasil desain. Tutorial ini memberikan panduan yang tepat untuk menjalankan tugas ini. Anda akan memerlukan desain dasar atau logo yang ingin Anda pasang di T-shirt. Tutorial menggunakan T-shirt hitam, tetapi Anda dapat menggunakan langkah yang sama untuk warna apa pun yang ingin Anda kerjakan. Umumnya, sebaiknya Anda menggunakan kaos satu warna agar tidak bertentangan dengan desain Anda. Anda dapat memilih warna dasar pada logo atau desain Anda untuk memastikan tampilannya yang terbaik. Tutorial ini juga mengajarkan Anda cara menyempurnakan warna T-shirt untuk meningkatkan visual desain Anda. Video ini hanya berdurasi 12 menit dan memberi Anda panduan dasar untuk membuat mockup T-shirt yang realistis.

3) Mockup Desain Kemasan di Photoshop

PHLEARN adalah salah satu saluran tutorial yang paling banyak dilihat di YouTube oleh para desainer. Berasal dari saluran ini, tutorial berdurasi 18 menit ini wajib ditonton oleh para desainer yang mengerjakan desain kemasan. Untuk setiap desain kemasan yang Anda buat, Anda perlu menyediakan mockup itu pada paket sehingga klien dapat memvisualisasikannya. Tutorial ini menggunakan gambar dasar dan mengajarkan Anda bagaimana menerapkan desain Anda di atasnya. Pilihan gambar dasar tergantung pada desain Anda, tetapi langkah-langkah untuk mencapai hasilnya hampir sama. Ini memberi Anda trik penting seperti menggunakan alat transformasi, alat Blur, dan Filter Titik Hilang untuk membuat maket akhir Anda terlihat memukau secara visual dan sangat realistis.

4) Mockup Logo yang Menakjubkan:

Pekerjaan seorang desainer tidak berakhir hanya dengan mendesain logo yang luar biasa. Mereka juga harus menyajikannya dengan cara terbaik. Maket logo membantu dalam hal ini, asalkan perancang memilih pengaturan yang tepat untuk maket. Beberapa pengaturan terbaik yang mungkin adalah kartu kunjungan, penimbunan, meja resepsionis, atau alat tulis. Tapi tutorial ini mengambil langkah lebih jauh untuk mengajari Anda rendering 3D realistis dari logo Anda. Ini menambahkan faktor-x khusus pada desain Anda yang akan memudahkan klien untuk terkesan. Bagian bagus dari tutorial ini adalah durasinya hanya 4:30 menit, tetapi bahkan dalam durasi yang singkat itu, tutorial ini menjelaskan cara membuat mockup logo pada beberapa objek.

5) Desain Komposit Mockup Kaos di Photoshop:

Tutorial ini untuk desainer berpengalaman yang ingin mempelajari cara membuat mockup desain T-shirt mereka yang memukau secara visual. Berasal dari saluran YouTube tutvid, yang sudah memiliki 1,15 juta pelanggan, tutorial ini kaya dalam hal konten dan produksinya. Dimulai dengan berbicara tentang cara membuat mockup pada T-shirt datar menggunakan beberapa metode berbeda. Kemudian dibutuhkan tutorial naik satu tingkat untuk menunjukkan cara membuat maket menggunakan foto model yang memakai T-shirt. Anda akan belajar cara menggunakan lapisan, topeng, lapisan penyesuaian, dan mode campuran untuk membuat mockup realistis dalam waktu singkat—tutorial yang sangat berguna untuk desainer yang bekerja di sektor mode atau bahkan untuk situs web E-niaga.

6) Mockup Aplikasi Seluler:

Membuat aplikasi seluler adalah salah satu tren terbaru untuk merek. Bahkan jika Anda tidak mendesain antarmuka pengguna seluler, klien akan selalu ingin melihat bagaimana branding akan terlihat di aplikasi seluler. Membuat maket aplikasi seluler yang menakjubkan adalah solusi untuk ini. Tutorial video oleh Dansky ini membantu Anda mencapainya dengan mudah. Ini menggunakan gambar seluler resolusi tinggi sebagai basis dan membantu Anda memuat aplikasi seluler di atasnya. Tutorial ini hanya berdurasi 3 menit, jadi bersiaplah untuk menjeda video beberapa kali untuk lebih memahami. Tetapi bagian baiknya adalah ia menyediakan tautan unduhan file proyek.

7) Buat Mockup Situs Web di Photoshop:

Cara terbaik untuk mengerjakan proyek pengembangan situs web adalah pertama-tama memahami persyaratan dan mengembangkan gambar rangka dan desain situs web. Untuk mendapatkan persetujuan pada desain situs web, Anda harus mempresentasikannya dengan cara yang menarik secara visual dengan menggunakan maket. Tutorial sembilan menit ini membantu Anda dengan tugas ini. Di akhir tutorial, Anda tidak hanya akan dapat mendesain mockup yang sangat bagus tetapi juga memahami cara menggunakan gradien untuk menciptakan efek cahaya dan bayangan yang diperlukan. Tutorial ini mengajarkan Anda cara memanfaatkan opsi transformasi seperti distorsi, skala, kemiringan untuk mengatur lapisan dengan cara yang benar menggunakan objek pintar—sumber daya yang sangat membantu bagi desainer yang bekerja pada pengembangan situs web.

8) Buat Mockup Kartu Bisnis yang Indah:

Merancang kartu nama adalah bagian penting dari proses perancangan identitas merek. Ini umumnya merupakan langkah kedua yang dilakukan desainer setelah mereka selesai mendesain logo. Menampilkan desain kartu nama dalam bentuk maket membantu klien memvisualisasikannya dengan cara yang lebih baik. Tutorial tujuh menit ini memandu Anda melalui seluruh proses. Dibutuhkan gambar dasar kartu kunjungan, sesuatu yang bisa Anda dapatkan dengan mudah, dan kemudian memaksakan desain kartu nama di atasnya. Bagian baiknya adalah ia menampilkan kedua sisi kartu kunjungan dalam satu gambar. Dalam tutorial ini, Anda akan belajar bagaimana menggunakan alat transformasi, objek pintar, level, menggunakan banyak lapisan dan bagaimana memberikan sentuhan akhir pada gambar akhir.

9) Buat Mockup Komposit untuk Majalah:

Setiap kali Anda mendesain majalah, Anda juga perlu membuat maket yang bagus untuk menunjukkan seperti apa tampilan majalah itu. Kadang-kadang ini bisa menjadi tugas yang menantang. Ada banyak sumber bagus untuk membantu Anda dalam hal ini, termasuk tutorial ini. Video tajam berdurasi 4:30 menit ini memandu Anda melalui seluruh proses menggunakan gambar halaman majalah sebagai dasarnya. Bagian yang baik dari video adalah bahwa itu tidak memaksakan satu gambar di pangkalan melainkan mengambilnya lapis demi lapis. Dengan cara ini, Anda dapat mempelajari lebih lanjut tentang cara mengekstrak hasil maksimal dari berbagai alat Photoshop.

10) Buat Maket Billboard yang Menarik:

Aspek branding lain yang sangat bergantung pada maket adalah papan iklan. Mengingat betapa mahalnya pelaksanaan pemasangan papan reklame, klien akan selalu meminta maket untuk memastikan semuanya baik-baik saja sebelum desain dicetak. Biasanya, mendesain mockup billboard lebih sederhana daripada mockup lainnya karena berada di permukaan yang datar. Untuk papan reklame modern yang mewah, ini mungkin berbeda. Tutorial ini mengambil gambar dasar dari billboard datar. Anda dapat menggunakan gambar billboard asli yang baik yang desainnya akan diterapkan sebagai gambar dasar. Kemudian dengan menggunakan berbagai alat photoshop seperti transformasi, skew, blend, smart object, dan lain-lain, Anda dapat mempelajari cara membuat billboard memukau yang pasti akan menarik perhatian orang yang lewat.

11) Buat Mockup Video Situs Web Bergulir di Photoshop

Sementara sebagian besar desainer membuat mockup statis untuk situs web, ia gagal menampilkan situs web dalam bentuk yang dapat digulir. Ini membuatnya meleset selama presentasi klien. Anda dapat meningkatkan permainan desain Anda dengan membuat mockup situs web bergulir di photoshop dengan video ini. Tidak seperti kepercayaan populer, Anda dapat membuat video di photoshop. Untuk tutorial ini, Anda memerlukan gambar dasar yang bagus dengan laptop atau desktop di atasnya dan seluruh gambar rangka situs web. Tutorial mengajarkan Anda cara mendapatkan gambar itu juga. Setelah Anda menyiapkan hal-hal ini, Anda dapat mulai dengan memuat gambar dasar di photoshop dan membuat objek pintar yang tepat di dalamnya. Kemudian Anda perlu mengatur seluruh gambar situs web yang dapat digulir di objek pintar dan menyempurnakannya untuk tampilan yang sempurna. Gunakan alat garis waktu untuk membuat efek gulir di layar laptop/desktop. Anda dapat mengeluarkan video atau bahkan mengeluarkan GIF. Tutorial 10 menit sangat informatif dan menjadikan Anda ahli dalam membuat mockup video situs web bergulir.

12) Ubah Sampul Buku Anda menjadi Mockup:

Menyiapkan sampul buku pada buku datar adalah tugas yang mudah dan tidak terlihat sangat mengesankan. Sebaliknya Anda harus menggunakan gambar perspektif dengan elemen manusia di dalamnya, seperti yang ditunjukkan dalam video tutorial ini oleh Saluran Pelatihan Photoshop yang sangat terkenal. Saluran YouTube mereka memiliki 1,47 juta pelanggan, jadi Anda dapat mengandalkan keahlian mereka dalam hal Photoshop. Video dimulai dengan bagian 'apa yang tidak boleh dilakukan', yang menarik. Kemudian bergerak maju untuk mengajari Anda cara membuat panduan dan alat potong perspektif. Kemudian dengan menggunakan objek pintar, Anda dapat menerapkan desain sampul buku pada mockup dan menyempurnakannya lebih lanjut. Ini juga mengajarkan Anda cara menggunakan alat warp, efek bayangan, dan layer mask untuk membuat hasil yang sangat profesional. Hanya dalam 7 menit, ini mengajarkan Anda cara menguasai seni desain mockup sampul buku.

13) Tutorial Langkah demi Langkah tentang Cara Mengunduh dan Menggunakan Mockup Logo PSD:

Tutorial ini adalah salah satu yang paling penting dan berguna karena mengajarkan Anda cara menggunakan ribuan mockup logo yang tersedia di internet. Pencarian Google cepat akan membawa Anda ke banyak situs web yang menyediakan maket logo gratis atau berbayar. Anda perlu mengunduhnya, mengekstrak file yang terbuka, dan menyesuaikannya sesuai keinginan Anda. Tutorial yang rumit ini akan memandu Anda melalui proses ini. Ini juga memberikan informasi tentang sumber daya yang baik. Setelah Anda mengunduh file asli, ini membantu Anda memecahkan kode file yang terbuka dan memahami cara kerja objek pintar.

14) Buat Mockup Anda dari Awal:

Apakah Anda bosan menggunakan template standar yang tersedia di internet? Lalu mengapa tidak membuat mockup Anda langsung dari awal. Tutorial ini untuk orang-orang kreatif ekstra yang memiliki waktu dan sumber daya untuk menyiapkan lingkungan mereka untuk maket. Anda akan membutuhkan sumber daya seperti kamera yang bagus, lampu, dan alat peraga lain yang dapat Anda gunakan untuk menciptakan lingkungan yang menarik secara visual. Kemudian dengan mengambil foto, Anda dapat mengaturnya menggunakan objek pintar di Photoshop untuk membuat maket alat tulis atau bahkan desain kemasan.

Dunia maket adalah dunia yang sangat luas dan terus berkembang. Ada banyak alat dan perangkat lunak khusus yang tersedia sekarang untuk memberi Anda maket 3D sempurna yang Anda butuhkan. Sebagai seorang desainer, Anda harus selalu memastikan untuk menyediakan maket desain Anda, karena ini akan membantu Anda memberikan pemahaman yang lebih baik kepada klien.