Cara Membuat Mockup di Illustrator

Gambar produk akhirGambar produk akhirGambar produk akhir
Hal-hal yang Akan Anda Buat

Dalam tutorial ini, Anda akan belajar cara membuat mockup pouch menggunakan Alat jala dalam Adobe Ilustrator. Kami akan membuat satu set tiga maket kantong berdiri yang berbeda!

Jika Anda ingin melewatkan tutorial dan hanya menggunakan vektor ini dalam pekerjaan Anda, Anda dapat melanjutkan dan membelinya Set Besar Kemasan Plastik dan Kertasdan juga menjelajah Elemen Envato‘ Perpustakaan mockup kemasan kantong.

Set Besar Kemasan Plastik dan Kertas Set Besar Kemasan Plastik dan Kertas Set Besar Kemasan Plastik dan Kertas

Siap untuk mempelajari cara membuat mockup desain kemasan di Illustrator? Ayo mulai!

Apa yang Akan Anda Pelajari dalam Tutorial Mockup Kantong Ini

  • Cara membuat tiga template desain tas kantong
  • Cara menggunakan Mesh Tool untuk membuat mockup tas kemasan
  • Cara mengedit dan menambahkan warna ke grid mesh

1. Cara Membuat Template Desain Tas Kantong Pertama Anda

Langkah 1

Untuk mulai menggambar bagian pertama dari mockup kemasan kantong plastik pertama, buat persegi panjang, warnai #EEEEEE. Lalu, ambillah Alat Jala (U) dan, menurut gambar di bawah, buat grid mesh.

Selanjutnya, gunakan Alat Jala (U), tekuk persegi panjang agar menyerupai bentuk di bagian ketiga dari langkah ini. Anda dapat mencapai ini dengan memindahkan node tepi Mesh.

Untuk mendapatkan sudut membulat yang sama dengan yang ada di bagian bawah bentuk, saya sarankan Anda mengganti simpul sudut dengan Ubah Anchor Point Tool (Shift-C).

cara membuat mockup pouchcara membuat mockup pouchcara membuat mockup pouch

Langkah 2

Sekarang mari kita mulai mewarnai grid mesh! Menggunakan keduanya Alat Jala (U) atau Alat Seleksi Langsung (A), pilih simpul jala yang dipilih di bagian 1 dari tangkapan layar di bawah. Warnai simpul ini dengan #DBDBDB melalui Pemilih warna panel.

Selanjutnya, tambahkan beberapa simpul jala lagi dan tekuk sesuai untuk mencapai bentuk yang ditunjukkan pada bagian kedua di bawah ini.

Saat Anda puas dengan bentuk Anda, warnai beberapa simpul lagi (dipilih di bagian ketiga) dengan #D1D1D1.

mockup kantong bawah datarmockup kantong bawah datarmockup kantong bawah datar

Langkah 3

Selesaikan bagian mockup kemasan kantong plastik ini dengan mewarnai simpul yang tersisa sesuai dengan tangkapan layar di bawah ini. Anda membutuhkan warna-warna ini:

  1. #C6C6C6
  2. #F2F2F2
  3. #D0D0D0
template desain tas kantongtemplate desain tas kantongtemplate desain tas kantong

Langkah 4

Untuk membuat bagian kedua dari mockup kantong bawah rata, buat menjadi abu-abu (#DADADA) persegi panjang dengan kisi jala, lalu tekuk dan warnai sesuai gambar di bawah.

Anda membutuhkan warna-warna ini:

  1. #DADADA
  2. #C6C6C6
  3. #E4E4E4
  4. #F2F2F2
template kantong berdiritemplate kantong berdiritemplate kantong berdiri

Langkah 5

Tempelkan kedua bagian mockup tas kemasan yang telah kita buat selama ini. Tekuk dan warnai simpul tepi sehingga tumpang tindih dan ciptakan ilusi tanpa batas!

Untuk manipulasi yang lebih mudah, Anda bisa Grup (Kontrol-G) kedua elemen.

template desain tas kantongtemplate desain tas kantongtemplate desain tas kantong

Langkah 6

Buat bagian ketiga dari mockup kemasan kantong plastik dengan Gradient Mesh, ikuti langkah-langkah yang sama seperti di Langkah 1 sampai 5. Gunakan warna ini:

  1. #D3D3D3
  2. #7B7B7B
  3. #929292
  4. #9D9D9D
  5. #9F9F9F
  6. #BDBDBD
cara membuat mockup pouchcara membuat mockup pouchcara membuat mockup pouch

Langkah 7

Tambahkan bagian ketiga dari mockup kemasan kantong ke yang lain, sama seperti di Langkah 5lengkapi mockup kantong!

prototipe tas kemasanprototipe tas kemasanprototipe tas kemasan

Langkah 8

Menggunakan Alat Putar (R) untuk memutar mockup kantong bawah rata yang sudah jadi oleh -4°.

cara membuat mockup pouchcara membuat mockup pouchcara membuat mockup pouch

Langkah 9

Gambarlah bayangan dengan a Gradien Radial dari #979797 menjadi putih Ubahlah Modus transparansi ke gandakan. Kemudian, letakkan bayangan di bawah templat kantong tegak.

mockup kantongmockup kantongmockup kantong

Langkah 10

Maket tas kemasan pertama akan keluar seperti ini!

template kantong berdiritemplate kantong berdiritemplate kantong berdiri

2. Cara Membuat Template Desain Tas Kantong Kedua

Langkah 1

Mari kita mulai pembuatan mockup tas kemasan kedua dengan menggambar persegi panjang! Untuk elemen ini, kita perlu menggunakan persegi panjang dengan tepi membulat.

Anda dapat menggunakan pengukuran saya di bawah ini dengan Alat Persegi Bulat. Setelah Anda puas dengan bentuk Anda, warnai dengan #D9D9D9.

  • Lebar: 122 piksel
  • Tinggi: 253 piksel
  • Radius Sudut: 4 piksel
prototipe tas kemasanprototipe tas kemasanprototipe tas kemasan

Langkah 2

Lanjutkan dengan menekuk dan mewarnai bentuknya dengan Gradient Mesh, buat bagian pertama dari template kantong berdiri.

  1. #F0F0F0
  2. #C3C3C3
  3. #CCCCCC
  4. #E4E4E4
  5. #E3E3E3
  6. #D7D7D7
  7. #C7C7C7
  8. #D3D3D3
mockup kemasan kantongmockup kemasan kantongmockup kemasan kantong

Langkah 3

Selanjutnya, buat sisi mockup kantong. Anda membutuhkan warna-warna ini:

  1. #B6B6B6
  2. #9A9A9A
  3. #ABABAB
  4. #AAAAAA
  5. #969696
  6. #C7C7C7
prototipe tas kemasanprototipe tas kemasanprototipe tas kemasan

Langkah 4

Untuk elemen ketiga dari mockup tas kemasan, gunakan pengukuran ini:

  • Lebar: 220 piksel
  • Tinggi: 150px
  • Radius Sudut: 10px
mockup kemasan kantong plastikmockup kemasan kantong plastikmockup kemasan kantong plastik

Langkah 5

Tekuk persegi panjang lalu warnai dengan Jaring Gradien.

  1. #CCCCCC
  2. #FFFFFF
  3. #9D9D9D
  4. #AFAFAF
  5. #ECECEC
  6. #969696
mockup kantongmockup kantongmockup kantong

Langkah 6

Dalam Transparansi panel, ubah elemen yang dihasilkan Mode Transparansi ke gandakan dan yang mana Kegelapan ke 40%.

mockup kemasan kantongmockup kemasan kantongmockup kemasan kantong

Langkah 7

Untuk membuat mockup kantong, satukan semua elemen, seperti yang ditunjukkan di bawah ini. Pastikan elemen 3 tetap di atas sisanya!

mockup kantong bawah datarmockup kantong bawah datarmockup kantong bawah datar

Langkah 8

Untuk melengkapi mockup kemasan kantong, letakkan bayangan di bawahnya, seperti yang kita pelajari di bagian sebelumnya.

template kantong berdiritemplate kantong berdiritemplate kantong berdiri

3. Cara Membuat Template Desain Tas Kantong Ketiga

Langkah 1

Mulai buat kisi mesh untuk mockup kemasan kantong plastik terakhir.

Gunakan warna ini:

  1. #E1E1E1
  2. #A5A5A5
  3. #C3C3C3
template kantong berdiritemplate kantong berdiritemplate kantong berdiri

Langkah 2

Warnai bagian atas elemen.

  1. #D6D6D6
  2. #ECECEC
mockup kantong bawah datarmockup kantong bawah datarmockup kantong bawah datar

Langkah 3

Tambahkan lebih banyak simpul dan warna untuk melengkapi maket kemasan kantong plastik ini.

  1. #E8E8E8
  2. #BABABA
  3. #D0D0D0
cara membuat mockup desain kemasan di ilustratorcara membuat mockup desain kemasan di ilustratorcara membuat mockup desain kemasan di ilustrator

Langkah 4

Buat bagian kedua dari mockup kantong bawah rata dengan Gradient Mesh.

  1. #B1B1B1
  2. #7C7C7C
  3. #8C8C8C
  4. #CCCCCC
mockup kemasan kantong plastikmockup kemasan kantong plastikmockup kemasan kantong plastik

Langkah 5

Buat elemen ketiga dari mockup kantong.

  1. #8C8C8C
  2. #636363
  3. #6E6E6E
  4. #545454
mockup kemasan kantongmockup kemasan kantongmockup kemasan kantong

Langkah 6

Lanjutkan dengan membuat bagian yang lebih kecil untuk template kantong tegak.

  1. #ABABAB
  2. #8C8C8C
  3. #9B9B9B
mockup kemasan kantong plastikmockup kemasan kantong plastikmockup kemasan kantong plastik

Langkah 7

Selesaikan dengan potongan kecil lainnya untuk mockup kemasan kantong.

  1. #969696
  2. #B7B7B7
  3. #636363
  4. #7A7A7A
cara membuat mockup pouchcara membuat mockup pouchcara membuat mockup pouch

Langkah 8

Gabungkan semua elemen untuk membuat mockup kantong bawah datar, seperti yang ditunjukkan di bawah ini!

mockup kemasan kantongmockup kemasan kantongmockup kemasan kantong

Langkah 9

Tambahkan bayangan, dan Anda selesai dengan mockup kemasan kantong ini!

cara membuat mockup desain kemasan di ilustratorcara membuat mockup desain kemasan di ilustratorcara membuat mockup desain kemasan di ilustrator

Kerja Hebat, Anda Tahu Cara Membuat Mockup Kantong!

Sekarang Anda tahu cara membuat mockup desain kemasan di Illustrator. apa sekarang Anda dapat mencoba salah satu tutorial saya yang lain dari Profil sayaatau periksa portofolio saya di GraphicRiver, serta yang asli kumpulan elemenbeberapa di antaranya kami buat hari ini.

Set Besar Kemasan Plastik dan Kertas Set Besar Kemasan Plastik dan Kertas Set Besar Kemasan Plastik dan Kertas
Set Besar Kemasan Plastik dan Kertas

Temukan Lebih Banyak Mockup Produk Hebat Dari Envato Elements!

Jika Anda tidak punya waktu untuk mempelajari cara membuat mockup desain kemasan di Illustrator, Anda selalu dapat mengunjungi perpustakaan Envato Elements. template desain tas kantong! Template siap pakai ini akan menghemat banyak waktu Anda. Mari kita tinjau beberapa mockup kantong atas.

1. Mock-Up Produk Kantong Plastik (PSD, PDF)

Mock-Up Produk Kantong PlastikMock-Up Produk Kantong PlastikMock-Up Produk Kantong Plastik

Lihat mockup kantong plastik berkualitas tinggi ini untuk desain kemasan Anda! Sangat mudah untuk menyesuaikan melalui fitur objek pintar, dan dilengkapi dengan lapisan yang dikelompokkan dan diberi nama, bayangan jatuh, serta tekstur dan warna latar belakang yang dapat diedit.

2. Mock Up Produk Tas (PSD, PDF)

Mock Up Produk TasMock Up Produk TasMock Up Produk Tas

Dengan membeli maket tas produk ini, Anda akan menerima empat file PSD yang indah dan terorganisir yang mudah disesuaikan. Menggunakan fitur objek pintar, Anda dapat memodifikasi segala sesuatu tentang maket ini. Pasang desain Anda sendiri atau ganti logo dengan warna yang Anda inginkan!

3. Mockup Produk Kopi Kantong Kertas (PSD, PDF)

Mockup Produk Kopi Kantong KertasMockup Produk Kopi Kantong KertasMockup Produk Kopi Kantong Kertas

Maket produk ini memungkinkan Anda untuk menampilkan desain kemasan kopi Anda secara profesional! Ini tersedia dalam format PSD dengan fitur objek pintar untuk membantu Anda mengganti desain saat ini dengan desain Anda sendiri dalam hitungan detik.

4. Mockup Kotak Produk (PSD)

Mockup Kotak ProdukMockup Kotak ProdukMockup Kotak Produk

Maket kotak produk ini menggunakan fitur objek pintar untuk membantu Anda menyesuaikan desain Anda. Sangat mudah digunakan dan mudah diwarnai ulang menggunakan lapisan warna solid.

Resolusi tinggi dari mockup ini memungkinkan untuk digunakan untuk tujuan komersial.

5. Paket Doy Dengan Mockup Cerat Samping (PSD)

Paket Doy dengan Mockup Cerat SampingPaket Doy dengan Mockup Cerat SampingPaket Doy dengan Mockup Cerat Samping

Hadirkan desain kemasan kantong Anda menggunakan paket doy ini dengan mockup cerat samping! Muncul lengkap dengan objek pintar dan fitur lapisan untuk kebutuhan personalisasi Anda.

Lihat Lebih Banyak Tutorial Mockup!

hobi nulis tutorial tentang desain grafis dan tips seputar IT