Cara Menciptakan Animasi Loading Kafe Di Photoshop

Assalamualaikum. pertemuan kali ini, grafis-media,website akan mengajarkan "Cara Membuat Animasi Loading Bar Di Photoshop". Kalau sudah mengetahui teknik ini, maka teman akan sanggup menciptakan animasi Gif keren lainnya. niscaya pernahkan melihat loading pada website, bentuknya persegi panjang dan berjalan saat sedang loading. nah animasi itulah yang akan kita buat hari ini. ingin tau ? silahkan lanjutkan membacanya.

Setelah sebelumnya kita sudah berguru "cara menciptakan dp bbm bergerak di photoshop". dimana kalimat akan bergerak berjalan keatas secara terus menerus. kini beda lagi, namun proses masih sama ialah memakai frame.

Cara edit foto menjadi video dengan photoshop

Cara Membuat Animasi Loading Bar Di Photoshop

Langkah 1

Buka Adobe Photoshop, kemudian buatlah lembar kerja baru. tekan Ctrl N atau Pergi ke File - New berikan ukuran 500 x 100 pixel. Ok.

Langkah 2

Aktifkan Rectangle Tool, kemudian buatlah kotak berukuran 100x100 px. pastikan warnanya hitam atau atur sesuai harapan kalian. pindahkan tempatnya kebagian Pojok kanan.

Buatlah lagi kotak dengan ukuran yang sama, namun warnanya lebih muda. tempatkan dibagian samping kotak hitam sebelumnya.

Lakukan menyerupai diatas hingga mendapat 5 kotak. semua kotaknya mempunyai perbedaan kontras warna, mulai dari paling gelap hingga abu-abu. berikut urutan layernya.

Langkah 3

Pergi ke sajian Windows - Timeline. dibagian tengah editor, akan terdapat tanda panah kecil, klik dan pili Create Frame Animation. kemudian klik sekali lagi kalau sudah tampil.

Maka Editor untuk menciptakan animasi gif, akan terbuka menyerupai dibawah.

Langkah 4

Lanjutkan pergi kebagian pojok kanan atas, klik dan pilih "Make frames from layers".

Maka semua layer yang ada akan tersusun dibagian timeline, secara satu persatu. lihat gambar. mulai dari background hingga layer paling terakhir. sebab background tidak terpakai, jadi klik dan hapus (pilih icon tong sampah).

Coba teman tes tekan Play (spasi), dan lihat animasi loadingnya terputar. niscaya sangat cepat kan dan tidak terulang.

Maka dari itu blog semua layer yang ada pada Timeline, kemudian klik tanda panah kecil disamping "sec.". pilih 0.1 seconds. maka setiap frame akan mendapat waktu tersebut sebelum melangkah ke frame selanjutnya. ganti juga "Once" menjadi "Forever" semoga animasi gif sanggup berulang terus. silahkan Play dan lihat hasilnya, kalau masih terlalu cepat, tambah lagi.

Langkah 5

Kalau merasa pengaturan diatas sudah fix, waktunya untuk save kedalam format GIF. pergi ke sajian File - Save for web, atau tekan Ctrl Alt Shift S. maka akan terbuka pengaturannya.

Dibagian atas sebelah kanan, pilih Format GIF.

Lalu dibagian bawah terdapat "Looping options", pastikan settingannya Forever. tes Play dulu sebelum menyimpan dan lihat sendiri, kalau memang tidak ada kesalahan tekan SAVE. selesai.

Seperti inilah hasil selesai yang didapatkan, sesuai tutorial diatas. walaupun sederhana, namun sudah begini caranya untuk membat loading dengan photoshop.

Bagaimana teman ? agak melelahkan yah, hehe. pada dasarnya sanggup faham dan tau proses pembuatannya. sehabis mengetahui teknik tersebut, niscaya sanggup dikembangkan lagi.

Cara membaut goresan pena animasi bergerak di photoshop

Sekian dulu tutorial Cara Membuat Animasi Loading Bar Di Photoshop, semoga sanggup bermanfaat dan menambah ilmu photoshop kalian semua. terima kasih, SAFRI ST mengucapkan Assalamualaikum.