cara membuat Animasi gif sederhana di Photoshop cs

Langkah 1: Membuat Kanvas

Buat file baru dengan ukuran 200 px × 200 px.
tutorial-photoshop-animasi-gif-01

Langkah 2

Aktifkan Ruler dengan menekan Ctrl + R. Klik dan geser dari ruler ke tengah kanvas untuk membuat guide. Guide ini akan membantu kita dalam meletakkan elemen agar tepat berada di tengah kanvas.
tutorial-photoshop-animasi-gif-02

Langkah 3

Buat sebuah persegi. Di sini, saya menggunakan warna biru. Anda bebas menggunakan warna apapun.
tutorial-photoshop-animasi-gif-03

Langkah 4

Di dalamnya, tambahkan lagi path lingkaran lebih kecil dengan mode Subtract. Akhirnya, Anda memperoleh sebuah bentuk donat.
tutorial-photoshop-animasi-gif-04

Langkah 5

Potong dengan menambahkan lagi sebuah path persegi.
tutorial-photoshop-animasi-gif-05

Langkah 6

Tambahkan segitiga dari Tool Polygon dengan sisi 3. Mode path-nya Combine.
tutorial-photoshop-animasi-gif-06

Langkah 7

Di ujung, tambahkan lingkaran berukuran sama dengan ketebalan donat.
tutorial-photoshop-animasi-gif-07
Inilah hasil yang diperoleh.
tutorial-photoshop-animasi-gif-08

Langkah 8

Tambahkan r Shadow dengan cara klik ganda layer shape.
tutorial-photoshop-animasi-gif-09
Seperti inilah hasil yang diperoleh.
tutorial-photoshop-animasi-gif-10

Langkah 9: Putar Bentuk

Selanjutnya, duplikasi shape (Ctrl + J). Sembunyikan bentuk asli lalu putar bentuk baru dengan menekan Ctrl + T. Putar sejauh 30°. Agar akurat, putar sambil menahan tombol Shift.
tutorial-photoshop-animasi-gif-11

Langkah 10

Terus lakukan hingga kita peroleh satu putaran penuh. Namai setiap layer dengan ukuran derajat perputarannya. Kita ingin ada bentuk di perputaran 0° sampai 330°. Ingat bahwa 360° masih sama dengan 0°. Jadi, kita tidak akan memerlukannya.
tutorial-photoshop-animasi-gif-12

Langkah 11

Simpan semua layer yang diputar tadi ke dalam sebuah grup layer. Buat layer baru di atas grup tersebut lalu isi dengan gradasi semua warna.
tutorial-photoshop-animasi-gif-13

Langkah 12

Ubah layer menjadi Clipping Mask. Gradasi akan masuk ke dalam bentuk. Turunkan Opacity-nya agar tidak terlalu mencolok.
tutorial-photoshop-animasi-gif-14

Langkah 13: Membuat Animasi

Buka panel Timeline. Pilih Frame Animation.
tutorial-photoshop-animasi-gif-15

Langkah 14

Klik tombol Create Frame Animation.
tutorial-photoshop-animasi-gif-16

Langkah 15

Di frame pertama, tampilkan layer di mana objek diputar 0°. Buat lagi frame baru dengan klik ikon New di panel Timeline.
tutorial-photoshop-animasi-gif-17

Langkah 16

Di frame kedua, aktifkan layer yang diputar 30°.
tutorial-photoshop-animasi-gif-18

Langkah 17

Di frame ketiga, yang diputar 60°. Lakukan begitu seterusnya.
tutorial-photoshop-animasi-gif-19

Langkah 18

Seleksi semua frame lalu pilih lama durasinya ke 0.1 seconds.
tutorial-photoshop-animasi-gif-20

Langkah 19

Ubah tipe loop animasi ke Forever.
tutorial-photoshop-animasi-gif-21

Langkah 20: Menyimpan File

Tekan Ctrl + Shift + Alt + S untuk menyimpan file ke format Web. Pilih tipe format file GIF, karena ini satu-satunya yang memungkinkan animasi. Pastikan looping Forever terpilih. Klik tombol Save.
tutorial-photoshop-animasi-gif-22

Comments

Popular posts from this blog

Cara Membuat Template/Frame Instagram seperti Indozone