Desain dan Pemrograman Web 1 Membuat Animasi GIF dengan Photoshop Photoshop dapat digunakan untuk membuat animasi gif. Berikut ini adalah langkah-langkah untuk membuat animasi gif dengan photoshop. 4. Buatlah sebuah gambar baru dengan photoshop Ure: | rime Cox Presot | Customs a width: £00 vel, ¥ Height: 100 ives Delete Preset Resobiton: 72 Fheblirch Color Made: PGB Coorv) obit Becharaund Contents: White ) Advarced 2. Buatlah teks seperti di bawah ini dengan menggunakan 2 layer enero) Universitas Budi Luhur la place for quality Doct 14 h/5E 2k > | Layers “Channel Weahs So Norra ‘paciy: [10056 Unify: 4 MV Propagate Frame 1 tock: Df @ rt t0058 place for cualty eee 9 Background! a = is is Webyu Pramusinto, S.Kom | Universitas Budi Luhur | http //away web idDesain dan Pemrograman Web 1 3. Buka palet animation dari menu Window >> Animation. Palet animation ada di bagian bawah. Akan terlihat sebuah frame. [roreer v) aa i> >| 4. Klik icon Duplicates Selected frames untuk membuat duplikat dari frame pertama, Sekarang sudah ada 2 frame ination, Fi Fl onec Foeer va i I Sal of Pada frame pertama atur opacity masing-masing layer menjadi 0%. I isyers. “chamnek MPa Nay”) Now ¥] Opsctes[ome > Unify: a tock: eb @ ra aplace for quality Universes Bud Luar er Propigale Frame 1 6. Pada frame kedua, atur opacity masing-masing layer menjadi 100%. Ubah juga posisi masing-masing layer ke arah kanan | me fF tayers “channel MPa) Normal Y) Opsctys| 1096 > Lniy: 4% [1Propagale Frame 1 Leeks Cf @ Fh] 0098 > place for quality Universitas Bud Luhur 3 Background a Webyu Pramusinto, S.Kom | Universitas Budi Luhur | http //away web idDesain dan Pemrograman Web 1 Universitas Budi Luhu a place or qual 7. Pada palet animation, pillh pada frame yang kedua. Klik icon Tween sehingga muncul dialog sepert ini Tween With: | Previcus Frame |] Frames to Adc = Layers Cal ayers Oselected Layers — Parameters sition |Qpacity effects 8. Pillnan Frames to Add adalah jumiah frame yang akan Anda tambahkan. Pada palet animation akan terbentuk 10 frame baru 9. Klik pada icon play untuk menjalankan animasi 40. Simpan dengan ekstention psd 44. Simpan juga dengan ekstension gif 42. Gambar animasi siap untuk digunakan dalam website Anda Webyu Pramusinto, S.Kom | Universitas Budi Luhur | http //away web id