membuat Landing page web menggunakan Adobe Illustrator

Hai!

Assalamualaikum

Kali ini kita akan membuat Landing Page menggunakan Adobe Illustrator. Langsung saja berikut langkah-langkahnya :

1. Buka software Adobe Illustrator

2. Klik File> New> beri nama> atur ukuran disini menggunakan ukuran 1200x500px >oke.

2. Kemudian tambahkan rectangle dengan ukuran yang sama seperti lembar kerja.

3. Kemudian beri warna Gradient, klik Gradient tool> double klik panah warna> ubah menjadi RGB.

4. Ubah warna hitam menjadi warna ungu, dan ubah warna putih menjadi warna biru.

5. Kemudian atur posisi gradasi menggunakan gradient tool hingga seperti gambar dibawah ini.

6. Setelah itu buat rectangle kembali dengan ukuran yang sama yaitu 1200x500px kemudian beri warna hitam.

7. Setelah itu klik Line tool  untuk membuat garis, tari tool dari atas ke bawah seperti gambar kedua dibawah ini.

8. Kemudian duplikat garis tersebut dengan cara CTRL+D sampai ujung rectangle.

9. Setelah itu blok garis dan rectangle kemudian klik Pathfinder Tool> Divide.

10. Kemudian klik kanan dan klik Ungroup.

11. Pilih bagian sebelah kiri kemudian Delete.

12. Setelah itu blok garis kemudian klik Gradient tool> pilih warna white,black.

13. Selanjutnya klik Transparency> Blending mode> Screen.

14. Jika sudah berubah warna maka aturlah gradasi per garis sesuai yang kita inginkan.

15. Setelah selesai kemudian blok beberapa garis dan klik Transparency>blending mode>screen.

16. Kemudian kita ke Gradient ubah warna putih menjadi kuning dan ubah Opacity  warna hitam menjadi 0%

17. Jika telah diubah maka selanjutnya kita ubah agar warna kuningnya menjadi di bawah dengan cara klik Gradient> Reserve gradient. Setelah itu duplikat garis dan posisikan sesuai keinginan.

18. Kemudian duplikat satu garis beri warna gradasi putih dengan putih bagian kanan dikurangi opacitynya sehingga nampak seperti pada gambar dibawah ini.

20. Kemudian tambah garis menggunakan Line tool arahkan tool dari atas agak menyamping ke bawah, beri warna gradasi hitam putih kurangi opacitynya. Duplikat garis tersebut dan posisikan
sesuai keinginan.

21. Dan selanjutnya buatlah rectangle dengan ukuran yang sama yaitu 1200x500px.

22. Setelah itu blok semua kemudian klik kanan dan klik Cliping mask.

23. Setelah itu buat rectangle yang sama lagi kemudian klik tabel warna>swatch libraries menu>patterns>Basic graphis>Basic graphis_Texture.

24. Kemudian akan muncul tampilan seperti dibawah, nah kita pilih texture yang ke empat.

25. Selanjutnya kita tambahkan teks sesuai yang kita butuhkan, disini kita menggunakan font jenis Arial Bold ukuran 22.

 26. Kemudian kita tambahkan bulat menggunakan Elipse tool beri warna putih dan kurangi Opacity menjadi 50%

27. Duplikat bulatan tadi menjadi tiga dan beri warna serta kurangi Opacity menjadi 50% juga.

28. Selanjutnya tambahkan teks sesuai yang diinginkan seperti gambar dibawah ini.

29. Jika sudah selesai menambahkan teks selanjutnya kita akan menambahkan gambar dengan cara klik file>place>pilih gambar>place.

30. Atur posisi gambar sesuai keinginan, dan hasilnya akan seperti ini.

31. Jika telah sesuai dan hasilnya ingin disimpan menjadi format JPEG atau PNG caranya klik file>eksport>beri nama dan ubah format>save.

Dan ini hasilnya 

Terimakasih semoga bermanfaat

Wassalam..