Bagaimana Mendesain Halaman Arahan Situs Web di Adobe Illustrator

Halo, semua orang hari ini kami akan menunjukkan kepada Anda “Bagaimana Mendesain Halaman Arahan Situs Web di Adobe Illustrator”. Dalam tutorial ini, Anda akan belajar cara mendesain halaman arahan situs web. Jangan khawatir jika Anda baru di sini tutorial langkah demi langkah ini juga memiliki tangkapan layar dari setiap langkah sehingga Anda dapat mempraktikkannya sendiri dengan mengunduh file PSD proyek.

Halaman arahan sangat penting dalam membantu Anda menghasilkan prospek dan mengubahnya menjadi prospek dan pelanggan. Studi menunjukkan bahwa pemasar menangkap prospek pada tingkat yang lebih tinggi dengan mengirimnya ke halaman arahan khusus, daripada mengirimkan lalu lintas ke halaman beranda.

Sumber daya
Gambar yang digunakan:
Font yang digunakan:
  • Keluarga Raleway
Langkah 01
  • Buka perangkat lunak Adobe Illustrator.
  • Buka menu “File” dan klik opsi “New”.
  • Pilih ukuran dokumen baru dan klik ok.
  • Pertama tempatkan semua ikon dan gambar yang ingin Anda gunakan dalam desain Anda.
  • Untuk melakukannya, buka menu “File” dan klik opsi “Tempat”.
  • Sekarang ambil “Rectangle Tool” dari “Tools Bar”.
  • Gambar persegi panjang di atas artboard dan isi dengan warna keinginan Anda.
1.1- (Klik untuk Zoom)
1.1- (Klik untuk Zoom)
1.2- (Klik untuk Zoom)
1.2- (Klik untuk Zoom)
1.3- (Klik untuk Zoom)
1.3- (Klik untuk Zoom)
1.4- (Klik untuk Zoom)
1.4- (Klik untuk Zoom)
1.5- (Klik untuk Zoom)
1.5- (Klik untuk Zoom)
1.6- (Klik untuk Zoom)
1.6- (Klik untuk Zoom)
Langkah 02
  • Gunakan opsi “Penggaris” untuk membuat pedoman.
  • Jika Anda tidak dapat menemukan penggaris cukup tekan “Ctrl + R”.
  • Sekarang ambil “Rectangle Tool” dari “Tools Bar”.
  • Gambar persegi panjang kecil di sisi kiri di bagian atas.
  • Buat warna persegi panjang agak gelap atau terang.
  • Tempatkan “Ikon Menu” dalam persegi panjang.
  • Sekarang tempatkan ikon “Media Sosial” di pojok kiri bawah.
2.1- (Klik untuk Zoom)
2.1- (Klik untuk Zoom)
2.2- (Klik untuk Zoom)
2.2- (Klik untuk Zoom)
2.3- (Klik untuk Zoom)
2.3- (Klik untuk Zoom)
2.4- (Klik untuk Zoom)
2.4- (Klik untuk Zoom)
2.5- (Klik untuk Zoom)
2.5- (Klik untuk Zoom)
Langkah 03
  • Sekarang ambil “Type Tool” dari “Tools Bar”.
  • Tambahkan nama situs web Anda dan tab halaman seperti yang ditunjukkan.
  • Sekali lagi ambil “Type Tool” dari “Tools Bar”.
  • Tambahkan teks utama sesuai dengan kebutuhan Anda.
  • Sekarang kita harus menambahkan “Tombol Belanja Sekarang”.
  • Jadi ambil “Ellipse Tool” dan gambar bentuk persegi panjang bulat.
  • Tambahkan warna “Stroke” Anda ke persegi panjang bulat.
  • Ambil “Type Tool” dan tambahkan teks ke tombol sebagai “Shop Now”.
3.1- (Klik untuk Zoom)
3.1- (Klik untuk Zoom)
3.2- (Klik untuk Zoom)
3.2- (Klik untuk Zoom)
3.3- (Klik untuk Zoom)
3.3- (Klik untuk Zoom)
3.4- (Klik untuk Zoom)
3.4- (Klik untuk Zoom)
3.5- (Klik untuk Zoom)
3.5- (Klik untuk Zoom)
3.6- (Klik untuk Zoom)
3.6- (Klik untuk Zoom)
3.7- (Klik untuk Zoom)
3.7- (Klik untuk Zoom)
Langkah 04
  • Sekarang kita harus menambahkan Tombol “Berikutnya & Sebelumnya”.
  • Ambil “Ellipse Tool” dari “Tools Bar”.
  • Gambar lingkaran kecil dan tambahkan panah di dalam lingkaran.
  • Pilih “Tombol Berikutnya” dan klik kanan di atasnya.
  • Pergi ke opsi “Transform” dan klik pada “Reflect”.
  • Jendela “Reflect” akan terbuka dan klik pada opsi “Copy”.
  • Sekarang gunakan tombol panah dan tempatkan tombol sebelumnya di sisi kiri.
4.1- (Klik untuk Zoom)
4.1- (Klik untuk Zoom)
4.2- (Klik untuk Zoom)
4.2- (Klik untuk Zoom)
4.3- (Klik untuk Zoom)
4.3- (Klik untuk Zoom)
4.4- (Klik untuk Zoom)
4.4- (Klik untuk Zoom)
4.5- (Klik untuk Zoom)
4.5- (Klik untuk Zoom)
Langkah 05
  • Sekarang tempatkan gambar produk Anda seperti yang ditunjukkan pada tangkapan layar 5.1.
  • Ambil “Ellipse Tool” dan gambar lingkaran di sekitar gambar.
  • Ambil “Direct Selection Tool” dari “Tools Bar”.
  • Klik pada titik jangkar sisi kiri lingkaran dan tekan opsi “Hapus” pada keyboard.
  • Pergi ke “Stroke Panel” dan lakukan pengaturan persis seperti yang ditunjukkan.
  • Sekarang ambil “Ellipse Tool” dan gambar lingkaran kecil yang sejajar dengan arloji.
  • Tekan “Ctrl + C” lalu “Ctrl + F” dan buat sedikit besar lingkaran yang disalin dan ubah warnanya.
  • Buat salinan lingkaran yang sama dan letakkan di tempat yang Anda inginkan.
  • Akhirnya, halaman arahan situs web Anda sudah siap.
5.1- (Klik untuk Zoom)
5.1- (Klik untuk Zoom)
5.2- (Klik untuk Zoom)
5.2- (Klik untuk Zoom)
5.3- (Klik untuk Zoom)
5.3- (Klik untuk Zoom)
5.4- (Klik untuk Zoom)
5.4- (Klik untuk Zoom)
5.5- (Klik untuk Zoom)
5.5- (Klik untuk Zoom)
5.6- (Klik untuk Zoom)
5.6- (Klik untuk Zoom)
5.7- (Klik untuk Zoom)
5.7- (Klik untuk Zoom)
5.8- (Klik untuk Zoom)
5.8- (Klik untuk Zoom)
5.9- (Klik untuk Zoom)
5.9- (Klik untuk Zoom)

Seperti inilah hasil akhirnya

Hasil Akhir- (Klik untuk Memperbesar)
Hasil Akhir- (Klik untuk Memperbesar)

Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *