Cara Menghasilkan Animasi Loading Kafetaria Di Photoshop - Grafis - Media

Assalamualaikum. konferensi kali ini , grafis-media ,website akan mengajarkan "Cara Membuat Animasi Loading Bar Di Photoshop". Kalau sudah mengenali teknik ini , maka kawan akan sanggup menghasilkan animasi Gif keren lainnya. niscaya pernahkan menyaksikan loading pada situs web , bentuknya persegi panjang dan berlangsung dikala sedang loading. nah animasi itulah yang hendak kita buat hari ini. ingin tau ? silahkan teruskan membacanya.

Setelah sebelumnya kita sudah menuntut ilmu "cara menghasilkan dp bbm bergerak di photoshop". dimana kalimat akan bergerak berlangsung keatas secara terus menerus. kini beda lagi , tetapi proses masih sama merupakan menggunakan 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 berskala 100x100 px. pastikan warnanya hitam atau atur sesuai impian kalian. pindahkan tempatnya kebagian Pojok kanan.

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

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

Langkah 3

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

Maka Editor untuk menghasilkan 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 kawan tes tekan Play (spasi) , dan lihat animasi loadingnya terputar. niscaya sungguh 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" biar animasi gif sanggup berulang terus. silahkan Play dan lihat balasannya , jika masih terlalu cepat , tambah lagi.

Langkah 5

Kalau merasa pengaturan diatas sudah fix , waktunya untuk save kedalam format GIF. pergi ke santapan 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 dahulu sebelum menyimpan dan lihat sendiri , jika memang tidak ada kesalahan tekan SAVE. selesai.

Seperti inilah hasil selesai yang ditemukan , sesuai bimbingan diatas. meskipun sederhana , tetapi sudah begini caranya untuk membat loading dengan photoshop.

Bagaimana kawan ? agak bikin kecapekan yah , hehe. pada dasarnya sanggup faham dan tau proses pembuatannya. setelah mengenali teknik tersebut , niscaya sanggup dikembangkan lagi.

• Cara membaut goresan pena animasi bergerak di photoshop

Sekian dahulu tutorial Cara Membuat Animasi Loading Bar Di Photoshop , mudah-mudahan sanggup berfaedah dan memperbesar ilmu photoshop kalian semua. terima kasih , SAFRI ST mengucapkan Assalamualaikum.

Jago desain grafis? Banyak lho yang mencari jasa freelancer desain grafis ke kita , daftarkan secepatnya Jasa Desain Grafis mu atau kemampuan lain di Freelancer Design Grafis (Klik)supaya eksklusif banyak orderan jasa desain grafis. Di tunggu lho yaa iklan jasa desain grafis dari kau semua.

Lowongan design grafis , jasa design grafis , jasa pengerjaan logo , jasa manipulasi foto , jasa edit foto , lowongan freelancer design grafis , lowongan freelancer design grafik