Langsung ke konten utama

Cara membuat Liquid background menggunakan software Adobe Illustrator

Hai Assalamualaikum..

Kali kita  akan membuat Liquid Background dengan menggunakan software seperti biasa Adobe Illustrator. Berikut langkah-langkahnya:

1. Buka software Adobe Illustrator

2. Klik File>New dengan ukuran 1920x1080 px dan beri nama kemudian klik  ok.


3.  Kemudian tambahkan Rectangle dengan ukuran yang sama dengan lembar kerja yaitu 1920x1080px.

4. Jika telah muncul kemudian beri warna Gradient dengan menggunakan Gradienttool,  kedmudian klik Gradient yang ada disebelah kanan dan doubleklik panah warna putih. Jika sudah muncul tab warna kemudian ubah menjadi RGB. 


5. Selanjutnya ubah warna putih menjadi warna ungu atau sesuai yang kalian inginkan, dan jangan lupa ubah juga warna hitamnya.


6. Setelah itu klik Gradienttool (G) dan tarik panah tersebut dari titik tengah atas hingga kesamping.


7. Jika sudah seperti ini maka kllik layer kemudian ubah namanya menjadi BG dan kunci layer tersebut.


8. Selanjutnya buatlah bentuk seperti dibawah ini menggunakan Pent tool (P).


9. Setelah itu berilah warna biru kemudian klik Meshtool lalu klik diobjek dan beri warna #f23678 pada titiknya.


10. Kemudian beri warna #e135ae dititik atas dan juga bawah.


11. Kemudian tambahkan titik lagi dengan cara klik kiri pada mouse dan beri warna #008fe4 dan juga warna #00e7ff


12. Lalukan langkah  tersebut kemudian beri warna-warna yang  sama dititik tertentu, dan hasilnya kan seperti ini


13. Setelah itu ubah posisi objek tersebut sesuai yang diinginkan dan duplikat saja objeknya dengan cara klik Alt+drag.


14. Selanjutnya pilih salah satu objek kemudian klik Object>Envelope Distort>Make with warp>atur bend 41%, horizontal -22% dan vertical -5%>ok.
 


15. Kemudian klilk Object>Expand


16. Selanjutnya klik penttool  dan buatlah garis abstrack.


17. Jika sudah, blok garis tersebut kemudian klik variabel width profile pilih yang kedua dan strokenya 2pt


18. setelah itu beri warna gradient kuning dan biru.


19. Selanjutnya klik penttool kembali dan buatlah bentuk seperti dibawah ini, kemudian klik tab warna>swatch libraries menu>patterns>basic graphics>basic graaphics_dots>6 dpi 10%



20. Agar objek berada didepan maka klik kanan pada objek>arrange>bring to front


21. Kemudian ubah warna patterns dengan cara klik recolor artwork>klik panah>double click to edit color>pilih warna putih>ok.


22. Selanjutnya klik opacity>blending mode>overlay.


23. Lakukan langkah yang sama hingga nampak seperti dibawah ini.


24. Selanjutnya buatlah bulatan kecil menggunakan Ellipsetool dan duplikat bulatan tersebut hingga menjadi 6 bulatan kebawah dan 6 bulatan kesamping posisikan sesuai dengan yang diinginkan.



25. Selanjutnya klik layer BG dan buka kuncinya lalu klik edit>copy.


26. Kemudian klik layer 1 dan klik edit>paste in place.


27. Kemudian blok background dan objek lalu klik kanan>make clipping mask


28. Selanjutnya buatlah rectangledengan ukuran bebas, gunakan warna  outlinenya saja. Kemudian klik pentool untuk menghilangkan garis yang menghalangi objek maka buatlah bentuk seperti dibawah ini, lalu klik shape builder tool ubah warna fill menjadi tanpa warna kemudian tarik pada bentuk tadi. Lakukan pada objek satu lagi.



29. Selanjutnya tambahkan teks dengan klik Typetool, gunakan huruf Proxima Nova Alt (Bold) 



30. Selesai, untuk menyimpan file dengan format JPEG atau PNG caranya klik file>export>pilih tempat penyimpanan>beri nama>ubah format>save>ok.



Dan ini dia hasilnya


Demikian tutorialnya, mudahkan?
Semoga bermanfaat dan terimakasih..
Wassalam..

Komentar

Postingan populer dari blog ini

Nama dan fungsi toolbox pada Adobe flash

Adobe flash mempunyai berbagi tool. Berikut nama dan fungsi toolbox flash 1. Selection Tool Kalian bisa menggunakan selection tool ini untuk memilih dan memindahkan objek yang ada dalam stage adobe flash. 2. Sub Selection Sub selection tool ini digunakan utnuk mengubah bentuk objek dengan menggunakan edit points. 3. Free Transform Tool Tools ini dapat digunakan untuk mengubah ukuran atau memutar objek dalam adobe flash, contohnya skrew, rolation, zoom dll. 4. Lasso Tool Lasso tool ini berfungsi untuk menyeleksi sebagian obejk yang akan diedit. 5. Pen Tool Pen tool dapat digunakan untuk membuat objek bebas yaitu dengan menggunakan titik-titik pebghubung. 6. Text Tool Text tool ini dapat digunakan untuk memasukkan tulisan ke dakam stage adobe flash. 7. Line Tool Dapat digunakan untuk membuat garis daalam stage. 8. Rectangle Tools Digunakan untuk menambahkan objek persegi maupun persegi panjang. 9. Oval Tool Digunak...

Macam-macam animasi dalam Adobe flash

MEMBUAT ANIMASI DALAM FLASH Ada 2 cara untuk membuat animasi di dalam flash, animasi frame by frame dan animasi tweening. Pada animasi frame-by-frame, anda akan membuat gambar pada setiap frame . Pada animasi tweening, anda akan membuat frame diantaranya (in between). Animasi tween merupakan cara yang baik untuk membuat gerakan dan perubahan dalam movie dengan file yang relatif kecil. Animasi frame by frame Animasi frame by frame adalah membuat sebuah ilusi pergerakan dari sebuah gambar/ objek yang diam (still image) frame demi frame-nya. Pada materi ini anda akan mempelaajari bagaimana cara membuat objek bergerak melintas pada Stage, merubah ukuran, memutar, mengganti warna dan merubah bentuk. Ada beberapa istilah daalam pembuatan animasi, diantaranya adalah: 1. Frame dapat diumpamakan seperti film, yaitu film merupakan kumpulan gambar yang dimainkan secara berurutan dengan kecepatan tertentu, sehingga gambar tersebut terlihat bergerak. 2. Keyframe adalah f...