Cara Membuat Animasi Di Laman Web Anda

Isi kandungan:

Cara Membuat Animasi Di Laman Web Anda
Cara Membuat Animasi Di Laman Web Anda

Video: Cara Membuat Animasi Di Laman Web Anda

Video: Cara Membuat Animasi Di Laman Web Anda
Video: NGOBAR#30 - Membuat Animasi pada Website (Menggunakan AOS & GSAP) 2024, November
Anonim

Sekiranya anda menyukai elemen animasi di laman web dan ingin menghidupkan laman web anda tetapi tidak mahu bersusah payah dengan Flash, ada penyelesaian yang mudah dan berkesan - animasi GIF. Anda tidak memerlukan kemahiran pengaturcaraan atau pemalam khas untuk membuat animasi GIF. Animasi

Cara membuat animasi di laman web anda
Cara membuat animasi di laman web anda

Ia perlu

Komputer, editor grafik Adobe Photoshop 5 atau lebih tinggi, editor Adobe Image Ready

Arahan

Langkah 1

Lancarkan Photoshop dan buat gambar 100x100 piksel baru. Tetapkan resolusi ke 72 piksel dan mod RGB. Pilih pilihan Show Layers dari item menu Window untuk memaparkan palet Layers.

Langkah 2

Di palet alat, pilih pensil dan lukiskan beberapa gambar. Di palet lapisan, klik Lapisan Pendua, yang akan membuat salinan lapisan yang ada. Gunakan alat pemadam untuk menghapus mana-mana bahagian gambar, kemudian tambahkan perubahan dengan pensil. Buat seberapa banyak lapisan yang diperlukan mengikut urutan di mana mereka harus menggantikan satu sama lain. Setiap lapisan akan menjadi bingkai berasingan dari animasi anda.

Langkah 3

Sudah waktunya untuk menghidupkan bingkai yang dihasilkan. Dari menu Fail, pilih Lompat ke dan kemudian Adobe Image Ready. Tindakan ini akan membawa anda ke editor grafik yang lain.

Langkah 4

Dari menu Window, pilih pilihan Show Animation, yang akan menghidupkan paparan animasi palet. Di menu tetapan palet (ikon anak panah di sudut kanan atas) pilih fungsi Buat Bingkai dari Lapisan, yang akan mengubah semua lapisan menjadi bingkai. Animasinya hampir selesai.

Langkah 5

Sudah tiba masanya untuk mula menetapkan selang waktu. Pilih bingkai yang diperlukan dan di menu drop-down (kiri, bawah) pilih jangka masa yang diperlukan setelah bingkai ini akan diganti dengan yang lain. Lakukan ini untuk setiap bingkai animasi anda. Setelah selesai, gunakan pilihan Save Optimized As untuk menyimpan

Disyorkan: