{"id":863,"date":"2023-05-14T04:11:57","date_gmt":"2023-05-14T04:11:57","guid":{"rendered":"https:\/\/gitkreatif.com\/blog\/tutorial-membuat-desain-banner-dengan-adobe-illustrator\/"},"modified":"2023-06-04T22:01:19","modified_gmt":"2023-06-04T15:01:19","slug":"tutorial-membuat-desain-banner-dengan-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/gitkreatif.com\/blog\/tutorial-membuat-desain-banner-dengan-adobe-illustrator\/","title":{"rendered":"Tutorial Membuat Desain Banner dengan Adobe Illustrator"},"content":{"rendered":"

Kalian pasti sering melihat banner di website atau media sosial. Banner yang menarik bisa membuat website kalian terlihat lebih profesional dan menarik perhatian pengunjung. Di tutorial ini, kalian akan belajar cara membuat desain banner yang menarik dengan Adobe Illustrator.<\/p>\n

Judul 1: Memilih ukuran banner yang tepat<\/h2>\n

1.1: Ukuran banner standar<\/h3>\n

Ukuran banner standar adalah 728 x 90 pixel untuk banner horizontal dan 300 x 250 pixel untuk banner kotak. Kalian bisa menggunakan ukuran ini jika kalian tidak memiliki ukuran khusus yang diminta.<\/p>\n

1.2: Ukuran banner khusus<\/h3>\n

Beberapa website atau media sosial memiliki ukuran banner khusus. Pastikan kalian mengetahui ukuran yang diminta sebelum membuat banner.<\/p>\n

Judul 2: Mengatur dokumen di Adobe Illustrator<\/h2>\n

2.1: Membuat dokumen baru<\/h3>\n

Pada menu File, pilih New untuk membuat dokumen baru. Masukkan ukuran banner yang kalian inginkan pada bagian Width dan Height.<\/p>\n

2.2: Menambahkan background<\/h3>\n

Untuk menambahkan background, kalian bisa menggunakan Rectangle Tool dan mengisi warna atau gradient pada rectangle yang dibuat.<\/p>\n

Judul 3: Membuat teks pada banner<\/h2>\n

3.1: Menambahkan teks<\/h3>\n

Pada menu Tools, pilih Type Tool dan klik pada dokumen untuk menambahkan teks. Kalian bisa mengatur font, ukuran, warna, dan posisi teks pada Character Panel.<\/p>\n

3.2: Menambahkan efek pada teks<\/h3>\n

Kalian bisa menambahkan efek seperti shadow atau stroke pada teks dengan mengatur pada Appearance Panel.<\/p>\n

Judul 4: Menambahkan gambar pada banner<\/h2>\n

4.1: Menambahkan gambar dari file<\/h3>\n

Pada menu File, pilih Place untuk menambahkan gambar dari file. Kalian bisa mengatur ukuran, posisi, dan efek pada gambar yang ditambahkan.<\/p>\n

4.2: Menambahkan gambar dari internet<\/h3>\n

Kalian bisa menambahkan gambar dari internet dengan cara menyalin gambar dan paste pada dokumen. Pastikan kalian memiliki hak cipta pada gambar yang ditambahkan.<\/p>\n

Judul 5: Menambahkan efek pada banner<\/h2>\n

5.1: Menambahkan gradient<\/h3>\n

Kalian bisa menambahkan gradient pada background atau elemen pada banner dengan mengatur pada Gradient Panel.<\/p>\n

5.2: Menambahkan efek blur<\/h3>\n

Kalian bisa menambahkan efek blur pada background atau elemen pada banner dengan mengatur pada Gaussian Blur pada Effect Panel.<\/p>\n

Judul 6: Menyimpan banner<\/h2>\n

6.1: Menyimpan banner dalam format jpg<\/h3>\n

Pada menu File, pilih Save As dan pilih format JPG. Kalian bisa mengatur kualitas gambar yang disimpan.<\/p>\n

6.2: Menyimpan banner dalam format png<\/h3>\n

Pada menu File, pilih Save As dan pilih format PNG. PNG memiliki kualitas gambar yang lebih baik daripada JPG.<\/p>\n

Judul 7: Mengunggah banner ke website atau media sosial<\/h2>\n

7.1: Mengunggah banner ke website<\/h3>\n

Kalian bisa mengunggah banner ke website dengan cara menyimpan gambar dan mengunggahnya ke server website.<\/p>\n

7.2: Mengunggah banner ke media sosial<\/h3>\n

Kalian bisa mengunggah banner ke media sosial dengan cara menyimpan gambar dan mengunggahnya ke akun media sosial kalian.<\/p>\n

Tips Bonus:<\/h2>\n