Photoshop

Cara Membuat Gambar Animasi Dengan Photoshop

Saat mengunjungi beberapa web/blog, kita terkadang berpapasan dengan beberapa gambar yang bergerak, gambar ini biasa disebut dengan banner. Nah, kali ini saya ingin coba sedikit sharing tentang bagaimana membuat gambar tersebut dengan aplikasi Adobe Photoshop. Anda bebas menggunakan versi mana dari photoshop, bisa mulai dari Adobe Photoshop CS2, untuk yang versi dibawahnya saya kurang tau bisa atau tidak, silahkan dicoba sendiri yaa…Saya sendiri pakai Adobe Photoshop CS 4. Untuk contoh animasi yang sudah saya buat, lihat gambar dibawah ini;
www.dietkualami.com

berikut step by step nyeeeeee….

1. Siapkan dulu beberapa file yang akan dibuat animasinya, untuk filenya saya sendiri mendesain menggunakan aplikasi CoreDraw dan Adobe Illustrator. Disini saya menggunakan 4 buah gambar dengan tampilan yang berbeda;
www.dietkualami.com
2. Buka program photoshopnya, lalu klik File, pilih Script lalu klik Load File Into Stack
3. Muncul Jendela Load Layer, Pilih Browse dan masukkan semua file yang sudah kata siapkan tadi dan klik OK.
4. Berikutnya aktifkan tool Animation pada Windows
5. Lalu klik pada bagian pojok Tool Animation, pilih Make Frame From Layer agar semua gambar yang sudah kita masukkan tadi pindah ke Tool Pembuatan Animasinya.

6. Masih pada pojok tool yang sama, pilih Select All Frames

7. Atur kecepatan gerak dan lama gerak pada angka yang menunjukkan 0 Secd dan Forever, silahkan pilih sesuai keinginan Anda. Anda juga bisa mencoba hasilnya dengan meng-klik tombol Preview yang ada pada tool animation. Lihat gambar dibawah ini;

8. Setelah semua selesai, sekarang kita publish, caranya, klik File pilih Save For Web & Devices, maka akan muncul seperti ini;

Cara Membuat Gambar Animasi Dengan Photoshop

9. Atur ukuran tipe dan ukuran gambarnya, untuk tipe pastikan formatnya adalah GIF lalu klik save.

Cara Membuat Gambar Animasi Dengan Photoshop

10. Pada gambar diatas, beri nama file sesuai keinginan Anda dan tipe filenya biarnya Images (*gif). Maka hasilnya seperti dibawa ini;

Baca Juga:  Widget Ongkos Kirim Untuk Toko Online
www.dietkualami.com

Demikian panduan Cara Membuat Gambar Animasi Dengan Photoshop. Semoga bermanfaat ya…Untuk contoh pemasangannya di blog bisa lihat disini. Oia, untuk cara pemasangannya di blog, teman-teman bisa baca postingan saya berikutnya disini: Cara Posting Gambar Animasi di Blogspot

Workshop Toko Online

Pendapat atau Pertanyaan Anda?

comments

Musthafa Kamal

Seorang manusia fakir ilmu yang selalu berusaha belajar dan menjadi lebih baik agar bisa berbuat sebanyak-banyaknya untuk orang banyak. Menyukai dunia Desain Grafis, Blogging, Traveling, Online Marketing, Diet, Bisnis dan Ekonomi Islam

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker