Kad Perniagaan Artboard Studio Mockup

• Mungkin 19, 2024

Dalam tutorial ini, kami akan membuat mockup kad perniagaan dalam Artboard Studio, menggunakan salah satu templat yang direka bentuk semula. Bermula dari templat adalah cara yang paling mudah untuk membuat mockup. Apa yang anda perlukan ialah reka bentuk anda yang akan anda muat naik dan masukkan ke dalam mockup.

Walaupun kami akan menggunakan templat, kami masih boleh menyesuaikan mockup untuk keperluan kami. Ingatlah bahawa setiap elemen reka bentuk, walaupun latar belakang, boleh dipindahkan, diubahsuai, dikenang semula dan banyak lagi.

1. Apabila anda log masuk ke akaun anda, anda akan melihat butang Buat Projek Baru (lihat screenshot). Klik butang ini untuk pergi ke senarai templat.
   
   
2. Di penjuru kanan sebelah atas, klik ikon untuk membuka bar carian dan cari kad perniagaan (lihat tangkapan skrin).
   
   Sebagai contoh kad perniagaan saya mempunyai reka bentuk depan dan belakang, saya memutuskan untuk menggunakan mockup yang dipaparkan kedua-dua belah kad. Pada masa ini, kami mempunyai pilihan dua templat dengan jenis mockup itu, iaitu Mockup Kad Perniagaan dan Stack Kad Perniagaan. Saya memilih yang kemudian (lihat screenshot).
   
   
3. Klik pada lakaran kecil templat untuk pergi ke Kanvas Utama.
   
   Seperti yang dapat anda lihat dalam Tetapan Kanvas, kita boleh menukar Saiz Kanvas dan warna Latar / lajur. Mari kita buat default sekarang.
   
   
4. Klik kanan pada kad perniagaan pada kanvas, untuk membuka menu pop up (lihat tangkapan skrin).
   
   Seperti yang anda dapat lihat, kami mempunyai banyak pilihan dari Penapis Imej untuk Custom Shadow. Mari buat projek pertama kami mudah dan simpan mungkir. Kami hanya perlu memuat naik dan menambah reka bentuk kami kepada mockup.
   
   
5. Pergi ke panel Lapisan. Kami boleh menambah reka bentuk kami ke lapisan Kad Berdiri, lapisan Laying Down Card dan lapisan Warna Hanya Lapisan.
   
   
6. Klik pada lapisan Kad Berdiri untuk menyesuaikan objek ini (lihat tangkapan skrin).
   
   
7. Di sebelah kiri menu, klik ikon Upload Anda. Kemudian klik butang Muat Naik untuk memuat naik reka bentuk depan dan belakang kad (lihat tangkapan skrin).
   
   
8. Klik lakaran reka bentuk anda untuk menambahkannya ke kanvas.
   
   
9. Di bahagian atas, klik tab Kanvas Utama untuk kembali.
   
   
10. Klik lapisan Laying Down Card dan tambah reka bentuk belakang kad anda.
    
    Sekarang bahawa kami mempunyai reka bentuk kami di tempat, mari kita ubah warna latar belakang. Saya suka memulakan dengan menguji warna dari reka bentuk.
    
    
11. Dalam Pengesetan Kanvas, klik Latar Belakang untuk membuka pemetik warna Latar Belakang Kanvas.
    
    Lalai adalah kecerunan hijau dan putih. Mari kita menguji beberapa warna latar belakang pepejal.
    
    
12. Klik butang Pepejal untuk bertukar dari kecerunan lalai (lihat tangkapan skrin).
    
    
13. Pilih alat Eyedropper untuk menguji beberapa warna dari reka bentuk. Dalam contoh, saya memilih warna merah gelap.
    
    Warna pepejal bagus tetapi sedikit gelap. Mari kita uji kecerunan.
    
    
14. Klik butang Gradien.
    
    Perhatikan bar kecerunan di bawah butang. Pilih setiap lingkaran akhir dan bereksperimen dengan beberapa kecerunan. Apabila anda mencari kecerunan yang anda suka, klik X untuk menutup panel.
    
    Contohnya, saya memutuskan untuk menggunakan latar belakang putih pepejal. Akhir sekali, kita perlu menukar warna sisi kad. Ini dikawal oleh lapisan Hanya Warna Sampingan.
    
    14. Klik pada lapisan Hanya Warna Sampingan.
    
    Sebagai latar belakang hijau lalai akan memancarkan warna hijau yang lebih ringan ke sisi kad, lalai adalah warna hijau muda. Apabila latar belakang kami berwarna putih, mari kita ubah ini dari cahaya hijau ke kelabu muda (lihat tangkapan skrin).
    
    Itulah mockup mudah! Artboard Studio secara automatik menyimpan kerja anda, jadi mari muat turun projek kami sebagai .png.
    
    14. Dalam panel Eksport Pantas, tetapkan jenis fail eksport ke PNG dan klik butang Eksport (lihat tangkapan skrin).
    
    

//artboard.studio/
//www.youtube.com/watch?v=aSCe5ZLR8rg

Screenshot Artboard Studio yang digunakan dengan kebenaran Mockup Zone Inc.