Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

Bagaimana Membuat Reka Bentuk Kad Perniagaan Elegant Menggunakan Objek Pintar di Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini, kami akan membuat mockup kad perniagaan yang boleh diedit menggunakan teknik fotografi yang sangat mudah dan teknik Photoshop. Anda akan dapat mengubah foto anda menjadi templat yang disesuaikan, untuk mempamerkan reka bentuk anda dengan keanggunan.

Anda boleh mencari Kad Perniagaan saya menggabungkan Bundle dengan 15 mockups pada GraphicRiver.

Elegant Business Card Mockup Bundle Photoshop psd Templates

Apa itu Mockup?

A mockup adalah templat yang boleh diedit yang boleh anda gunakan untuk mempamerkan replika/model produk akhir anda: dalam bidang reka bentuk grafik, ia digunakan untuk menawarkan pelanggan anda pratonton yang sangat terperinci tentang apa yang mereka pesan—dalam kes ini, gambar mereka kad perniagaan bercetak.

What is a psd template mockup

Aliran Kerja

Ini adalah langkah-langkah yang akan kita jalankan untuk tutorial ini:

  1. Cara Merancang Kad/Flyer Anda. Gunakan mana-mana perisian yang anda suka; Illustrator dan InDesign disyorkan apabila mereka bentuk grafik yang boleh dicetak.
  2. Cara Merakam Kad Perniagaan. Letakkan kad kosong atau mana-mana elemen alat tulis di permukaan dan mengambil gambar mereka.
  3. Cara Pilih dan Edit Foto di Photoshop. Pilih foto yang terbaik dan retak komposisi.
  4. Cara Tambah Objek Pintar ke Foto. Reka bentuk kad akan ditambah menggunakan templat pintar yang secara automatik menggunakan transformasi dan penapis ke imej yang diberikan.

Anda boleh menggunakan teknik yang digunakan dalam tutorial ini apabila membuat apa-apa jenis alat tulis atau penjenamaan penjenamaan, supaya anda dapat menunjukkan kepada pelanggan anda foto hasil akhir yang dicetak, tanpa perlu mencetaknya.

Tidak semua orang mempunyai akses kepada alat penembak gambar profesional, tetapi saya akan menunjukkan kepada anda bagaimana untuk mencapai mockup yang kelihatan profesional. Untuk tutorial ini, anda memerlukan Adobe Photoshop CS5 (atau superior) dan kamera terbaik yang boleh anda akses (walaupun kamera telefon pintar yang baik adalah berkesan).

1. Bagaimana Membuat Kad Perniagaan Anda

Langkah 1

Apabila anda perlu merekabentuk kad perniagaan piawai, pertimbangkan negara yang anda perlu sampaikan dan tentukan dengan pelanggan anda dimensi sebelum memulakan kerja anda. Setiap negara mempunyai dimensi yang paling banyak digunakan; anda boleh merujuk panduan ini untuk maklumat lanjut.

Anda kemungkinan besar ingin menyiapkan dokumen anda dalam Illustrator atau InDesign, kerana mereka dibuat secara khusus untuk proses pencetakan. Walau bagaimanapun, Photoshop boleh menyediakan dokumen cetak juga.

Jika anda suka bekerja di Photoshop ketika datang ke grafik dicetak, anda boleh menggunakan Tindakan Photoshop yang berguna: mereka secara automatik membuat dokumen dalam mod CMYK, 300DPI, dengan kebanyakan saiz cetak antarabangsa standard, termasuk pendarahan (diperlukan untuk proses percetakan) .

Business Card psd template with guides

Langkah 2

Apabila membuat mockup, anda tidak perlu mempertimbangkan pendarahan dan memotong saiz kerana anda hanya boleh meletakkan reka bentuk anda di kedudukan yang betul. Walau bagaimanapun, anda harus sentiasa merekabentuk kad perniagaan dalam format vektor, dengan warna cetak siap, dan pertimbangkan jumlah pendarahan yang diperlukan. Lihat panduan yang lebih terperinci tentang cara merancang kad perniagaan jika anda mahu maklumat lanjut.

Untuk tutorial ini, kami akan menggunakan reka bentuk mudah ini yang saya sediakan.

Business Card Design Sample

2. Bagaimana Menyediakan Adegan dan Ambil Foto Kad Perniagaan Blank

Apabila ia datang kepada fotografi, ada banyak panduan dan buku yang dibekalkan untuk proses penggambaran gambar: persediaan pencahayaan, persediaan kamera, dan sebagainya. Saya tidak akan berpura-pura memberi penjelasan lengkap tentang topik-topik ini dalam beberapa baris, tetapi saya akan memberitahu anda langkah-langkah utama yang mudah yang akan menjadikan foto anda layak, walaupun persediaan dan lampu tidak sesuai.

Langkah 1

Foto yang lebih gelap selalu lebih baik daripada yang lebih cerah. Untuk berurusan dengan gambar yang kurang menarik adalah lebih mudah daripada yang terlalu banyak. Untuk mengecat gambar yang lebih gelap adalah lebih baik daripada yang lebih gelap kerana di Photoshop anda boleh memulihkan maklumat dari kawasan bayang-bayang yang lebih gelap dan mendedahkan beberapa butiran yang hilang jauh lebih mudah daripada yang anda boleh dari kawasan yang terlalu terang, di mana kadang-kadang semua piksel hanya putih biasa.

White Business Cards on clean clear table

Langkah 2

Sentiasa mempunyai satu atau lebih sumber cahaya dominan. Cobalah untuk mempunyai arah cahaya yang jelas untuk menghasilkan kontras yang jelas antara lampu dan bayang-bayang yang akan membuat desain anda jauh lebih mudah dibezakan.

Sekiranya anda tidak mempunyai cahaya tersendiri dalam adegan anda, subjek akan menjadi sangat membosankan dan hambar dalam foto akhir. Anda boleh menggunakan seberapa banyak lampu yang anda mahu. Sekiranya anda berfikir cahaya tersedia semulajadi terlalu kuat dan akan membakar pukulan anda, nyatakan pendedahan dalam kamera anda: pendedahan yang betul sentiasa di antara 0 dan -1.

Visual differences between Light exposures of 0 and -1

Langkah 3

Berikan dermawan dengan latar belakang subjek. Mungkin ini adalah peribadi, tetapi dari pengalaman saya fikir ia adalah lebih baik untuk mengambil gambar yang termasuk lebih banyak latar belakang daripada yang anda perlukan: anda boleh memangkas foto di Photoshop dengan hati-hati dan memberi tumpuan kepada pendedahan dan pemandangan sambil mengambil gambar.

Banyak kali ia akan berlaku bahawa anda ingin lebih 'udara' pada subjek anda, dan anda perlu membuat bahagian latar belakang kerana kami mengambil foto terlalu dekat dengan subjek.

White Business Cards on dark brown table Original Photo

Untuk tutorial ini, kami akan mengusahakan sampel ini di atas: seperti yang anda lihat, saya menyertakan lebih banyak latar belakang daripada yang saya perlukan, supaya di Photoshop kita mempunyai masa yang lebih mudah untuk memajukan subjek dan banyak ruang untuk bekerja dengan. Di bawah ini, anda dapat melihat kawasan akhir sebenar yang digunakan.

White Business Cards on dark brown table Crop Guides in Photoshop

Langkah 4

Sediakan pemandangan, selaras dengan tugas anda. Ambil masa anda meletakkan elemen anda di permukaan dan gunakan citarasa anda untuk mencipta komposisi yang masuk akal. Menunjukkan dua sisi kad adalah pilihan yang paling jelas, tetapi tidak wajib.

Sebagai contoh, ia bukan peraturan yang tetap bahawa kad-kad perlu diletakkan dengan geometri (seperti yang saya lakukan di kebanyakan kuil saya kerana mereka melihat lebih banyak institusi / korporat): sebenarnya, mereka boleh bertaburan di atas meja, atau bahkan diselaraskan sebagai kastil kad selagi anda fikir ia menarik untuk anda atau pelanggan anda.

Eksperimen, dan jangan berhenti mencuba posisi lain, menggerakkan unsur-unsur di permukaan. Ambil banyak foto dari banyak sudut, tukar arah cahaya dan intensiti, dan sebagainya. Sentiasa menjamin diri anda banyak pilihan pada akhir bahagian penggambaran.

White Business Cards on white clear table psd template

3. Bagaimana Membuat Pilihan Foto dan Retouching

Langkah 1

Setelah selesai fasa fotografi, pindahkan foto dari kamera ke komputer dan buka Photoshop. Jika anda lebih suka Lightroom untuk menyesuaikan pencahayaan dan kontras, itu juga merupakan alternatif yang sangat sah, tetapi anda perlu Photoshop untuk mencipta Objek Pintar untuk reka bentuk kad perniagaan.

Mari kita teruskan dengan sampel kami: kami telah mencapai titik di mana kami telah memutuskan cara memangkas foto kami untuk meningkatkan subjek. Gunakan Alat Pemangkasan (C) atau buat Pemilihan dengan Alat Rectangular Marquee (M) dan kemudian pergi ke Imej> Tanaman.

White Business Cards on dark brown table Cropping Process

Langkah 2

Kini mari kita teruskan untuk menyesuaikan pencahayaan, warna, dan kontras, dan mengeluarkan butiran akhirnya dan butiran yang tidak diingini. Sebelum melakukan apa-apa, kami ingin mengeluarkan habuk dan bintik-bintik yang kadang-kadang dapat dilihat pada permukaan yang kami gunakan, terutamanya jika ia gelap.

Cleaning the unwanted spots with Clone Stamp S

Langkah 3

Pilih Alat Setem Clone (S), Alt klik pada tempat yang bersih untuk merujuk kepada bahagian imej, dan kemudian klik pada tempat yang anda hendak tutup. Juga, Alat Penyembuhan Berus (J) boleh digunakan dengan cekap. Berikut adalah gambar yang bersih.

White Business Cards on dark table cropped and clean photo

Langkah 4

Untuk mengurangkan nada kemerahan gambar, saya menggunakan tetapan pelarasan 'Black * White' ini. Untuk membuat Layer Penyesuaian baru, pergi ke Layer> Layer Penyesuaian Baru> Hitam & Putih ...

Black and White Adjustments

Langkah 5

Saya juga menambah cahaya lembut di tengah-tengah untuk mencerahkan adegan sedikit. Untuk membuat kesan cahaya lembut itu, pilih Brush (B) yang besar dengan set kekerasan hingga 0%, dan catkan bulatan putih pada Lapisan Baru. Tukar Mod Campuran lapisan ini ke Cahaya Lembut, dan dokumen kami harus kelihatan seperti imej di bawah.

Adding a soft light to a photo using a New Layer and the Brush Tool B

Langkah 6

Kini tiba masanya untuk menambah Objek Pintar yang akan mengandungi reka bentuk kad kami. Pertama sekali, kita memerlukan templat saiz yang sama dengan kad, jadi kita membuat pemilihan menggunakan Alat Rectangular Marquee (M) dalam mod Nisbah Tetap, dan masukkan perkadaran kad kami, yang dalam kes ini 3.5 x 2 sejak kad itu sendiri ialah 3.5 inci x 2 inci.

Ia tidak penting bahawa pemilihan ini sepadan dengan ukuran sebenar reka bentuk kad; Walau bagaimanapun, adalah wajib bahawa kita menggunakan perkadaran yang sama. Dalam langkah ini, anda perlu membuat pilihan yang sedekat mungkin dengan kad perniagaan di bawah. Ia bergantung kepada dimensi gambar.

Selection that will be the template for the Business Card the Selection must be the same proportions of the Business Card design

Langkah 7

Isi pemilihan dengan warna apa-apa pada Layer Baru dan namakan lapisan depan Kad ini.
Lapisan berwarna biru bernama Kad Front akan menjadi reka bentuk kad depan kami.

Selection Fill with any Color on a New Layer

Langkah 8

Klik kanan padanya di panel Lapisan dan Tukar ke Objek Pintar.

Conversion of the Layer into a Smart Object

Langkah 9

Tetapkan Layer Card Front untuk Multiply Multipending Mode sehingga kita dapat melihat apa yang terjadi, dan mengubah layer menggunakan Free Transform Tool (Control-T). Di sudut lapisan anda terdapat mata utama yang ditunjukkan oleh petak kecil; sambil memegang Control, klik   pada masing-masing untuk meletakkan lapisan ini dan sepadan dengan perspektif kad.

Transformations of the Smart Object Layer to match the photography

Langkah 10

Kadang-kadang anda juga perlu menggunakan Alat Warp semasa berubah, kerana kad membengkokkan sedikit. (Alat Warp pada Objek Pintar hanya tersedia dari Photoshop CS5 dan lebih tinggi.)

Transformations of the Smart Object Layer to match the photography using also the Warp Tool

langkah 11

Lakukan proses yang sama dengan kembali kad, mewujudkan Objek Pintar Baru (kami menggunakan warna merah kali ini). Cara terpantas untuk melakukan ini adalah untuk membuat pendua Objektif Pintar Kad Utama.

Jadi Klik kanan pada Layer Card Front dan pilih pilihan New Smart Object Via Copy, yang akan membuat salinan yang boleh diedit baru Smart Object itu.

Creation of a New Smart Object via Copy of the Business Card Template

Langkah 12

Masukkan Objek Pintar yang baru dibuat (Klik kanan> Edit Kandungan) dan isikan satu ini dengan warna yang lain (saya gunakan merah) supaya kami dapat membezakannya dengan lebih baik. Akhirnya, namakan lapisan merah ini Back Card. Gunakan transformasi yang sama seperti yang kita lakukan dengan lapisan biru, cuba memadankan sudut-sudutnya secepat mungkin. Dokumen itu sepatutnya kelihatan seperti ini.

The Front Card blue and Back Card red Business Cards Mockups Templates

Langkah 13

Dalam kes ini, untuk lapisan Red Back Card, kita juga perlu memohon Masker Layer kerana kad di bahagian belakang sebahagiannya dilindungi oleh yang di depan. Untuk berbuat demikian, tahan Kawalan dan klik pada lapisan Front Card dalam panel Layers; ini akan mewujudkan pemilihan yang kami perlukan.

Selection for the Mask of The Business Card Back Card Layer

Langkah 14

Kemudian klik pada lapisan Kembali Card dan kemudian pada ikon Mask Lapisan.

The Layer Mask on the Back Card Layer not inverted according to selection

Langkah 15

Kami hanya perlu untuk Mengubah Masker Lapisan untuk tugas kami, jadi klik Control-I pada Mask Lapisan.

The Layer Mask on the Back Card Layer inverted

Langkah 16

Buat pelarasan manual jika diperlukan; di bawah anda dapat melihat bagaimana ia perlu untuk menutup sedikit ruang kad yang tidak sepadan dengan pemilihan permulaan. Menggunakan Alat Lasso (L), kami memilih bahagian-bahagian kecil yang masih memerlukan pelekat.

Manual Adjustments with the Lasso Tool L on the Layer Mask

Langkah 17

Sekarang kita perlu menggabungkan kad dengan lancar ke dalam foto. Mode Pengadunan Multiply dan Mask Lapisan sudah melakukan kerja yang hebat, memberikan ilusi bahawa puncak kad kini berwarna biru dan merah, tetapi ada detail yang menjadikan komposisi itu masih tidak realistik, dan itu adalah kedalaman bidang.

Untuk memberikan ilusi kedalaman bidang di kawasan tertentu, kita hanya perlu mengaburkan tepi Objek Pintar supaya mereka sepadan dengan jumlah kabur dalam gambar di bawah. Pilih Layer Card Back (dan bukan Mask), pergi ke Filter> Blur> Gaussian Blur, dan pilih jumlah yang sepadan dengan gambar di bawah—untuk foto kami, nilai 2/3 piksel.

Non Destructive Smart Filter Blur application on the Smart Object

Langkah 18

Di bawah ini anda dapat melihat tepi sebelum dan selepas kabur. Ingat untuk bekerja pada Objek Pintar supaya ia akan mendaftarkan Penapis Blur sebagai Penapis Pintar dan ia tidak akan mengubah suai imej permulaan di dalamnya. Itulah sebabnya ia dipanggil tidak merosakkan, kerana ia tidak mengubah suai kandungan Objek Pintar, tetapi ia berfungsi pada penampilannya.

Seperti yang anda dapat lihat di sebelah kanan di mana Blur telah digunakan, sudut dan tepi bersatu dengan foto, menghasilkan kesan yang lebih realistik. Tetapi bukan hanya tepi—sebaik sahaja anda menggunakan reka bentuk pada kad, ia akan kelihatan di tempat jika ia benar-benar terfokus dan tajam, sementara kawasan sekitarnya adalah kabur.

Jumlah yang kabur mestilah konsisten sepanjang gambar supaya reka bentuk untuk benar-benar menggabungkan dalam foto.

Template differences with and without Blur applied

Langkah 19

Pilih Kad Kembali, Klik kanan pada lapisan, dan kemudian Edit Kandungan: berbuat demikian akan membuka dokumen baru (Objek Pintar) di mana anda boleh melihat lapisan merah kami.

How to Edit Contents of a Smart Object and place your own image

Langkah 20

Kandungan Objek Pintar harus kelihatan seperti ini.

Starting Back Card Image

Langkah 21

Pada ketika ini, kita hanya perlu meletakkan reka bentuk kami ke dalam dokumen ini. Pergi ke Fail> Tempat dan pilih imej anda.

Business Card Back Design sample

Langkah 22

Tutup Objek Pintar sekarang dan Photoshop akan meminta anda Simpan. Klik Ya dan Objek Pintar akan mengemas kini imej secara automatik, mengekalkan transformasi dan penyesuaian, jadi bukan warna merah kami mempunyai reka bentuk kami sekarang.

Updated mockup with Business Card Back Design

Langkah 23

Lakukan proses yang sama dengan Layer Front Card, dan anda mempunyai mockup yang cantik, sedia digunakan dan disesuaikan.

Closeup of finished Business Card Template mockup with custom design
Business Card Template mockup with custom design

Awesome! Mockup kami Sedia Digunakan

Uji mockup ini dengan reka bentuk yang lain: Objek Pintar akan melakukan semua kerja untuk kami, dan kami dapat menggunakan templat ini untuk melihat seberapa banyak yang kami inginkan. Mereka juga boleh digunakan untuk mempamerkan risalah dan poster kerana foto itu tidak memberi rujukan kepada saiz kertas lembaran sebenar. Oleh itu, mereka boleh menjadi apa-apa saiz yang anda perlukan, selagi kadar kad dan reka bentuk anda lebih dikekalkan.

Sample of Business Card Template mockup with blue and yellow custom design
Sample of Business Card Template mockup with blue and red custom design

Anda boleh mencari Kad Perniagaan saya menggabungkan Bundle dengan 15 mockups pada GraphicRiver.

Elegant Business Card Mockup Bundle Photoshop psd Templates
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.