Kamu sudah tahu khan apa itu animasi GIF? GIF adalah animasi sederhana yang seringkali kamu temui di sebuah website maupun di smartphone. Untuk membuat animasi GIF tidaklah susah. Ada banyak software yang bisa kamu gunakan seperti Free Video to GIF Converter, Falco GIF Animator dan Movie to Animated GIF Converter. Namun kali ini PG akan mengajarkan cara untuk membuat animasi GIF dengan Photoshop.
advertisements
Langsung saja, berikut ini langkah-langkahnya :
1. Buka Photoshop, klik File > New

advertisements
2. Pada file Name beri nama Animasi PG. Untuk pengaturan Size Width 400 pixel, Height 200 pixel, dan Resolution72 pixel/inci

3. Klik OK. Maka hasilnya seperti gambar dibawah, sebuah file baru dengan nama Animasi PG

4. Buat layer baru. Klik menu Layer > New > Layer

5. Beri nama Kotak atau bisa juga yang lainnya.

6. Hasilnya akan terlihat layer baru dengan nama Kotak

7. Klik Rectangle Tool. Bisa menekan tombol U pada keyboard

8. Pilih Fill Fixels dan Rounded Rectangle Tool

9. Buatlah kotak di dalam file Animasi PG

10.Klik Styles dan pilih Chiseled Sky, atau bisa dengan Style yang lain

11. Hasilnya akan seperti ini

12. Kamu bisa menambahkan tulisan. Klik Horizontal Type Tool atau tekan tombol T


13. Secara otomatis akan membuat Layer Pusat Gratis

14.Klik Style dan pilih Double Ring Glow

Hasilnya akan seperti ini

15.Selanjutnya, Klik Windows > Animation

16. Di Animation (Frames), akan terlihat Layer yang sudah kamu buat tadi.

Klik Select Frame Delay Time dan pilih 0.5

17. Duplicate frame, klik Duplicates selected frames dan aktifkan Frame 2

18. Selanjutnya aktifkan Layer Kotak, klik Kanan dan pilih Bleding Options


19. Centang Drop Shadow, Inner Glow, Bevel and Emboss, Satin, dan Gradient Overlay

20.Lakukan hal yang sama. Klik kanan Pusat Gratis

Centang Outer Glow dan Pattern Overlay

21.Seperti ini hasilnya

Untuk mengetahui hasilnya, apakah berjalan dengan baik. Klik Plays Animation

Jika sudah sesuai dengan keinginan kamu! Simpan hasilnya, klik File dan pilih Save for Web & Device

Pastikan telah berformat GIF. Klik Save

Dan Baam!! Keran kan ?

atau sederhananya seperti ini

Jika kamu tidak memiliki software pembuat GIF, kamu bisa langsung menggunakan Photoshop sebagai gantinya. Dengan sedikit kreativitas saja, kamu bisa menciptakan animasi GIF yang tidak kalah bagusnya..bahkan bisa jauh lebih bagus dari animasi GIF yang PG buat diatas! Selamat mencoba ya
Tidak ada komentar:
Posting Komentar