BLANTERORIONv101

Cara Membuat Animasi Grafis Untuk Menambah Poin Penilaian Lomba Blog

12 Maret 2016
Saya yakin, kalian pasti penasaran dengan senior blogger seperti Diko yang selalu menggunakan gambar grafis sebagai pelengkap artikel lomba, sehingga tulisan menjadi lebih menarik dan enak di baca. Tak heran deh kalau dia selalu lebih unggul. Terlebih jika dalam bentuk komik seperti milik Alfian yang kemarin baru saja menang lomba.

Dengan gambar grafis tanpa animasi saja sudah menarik, apalagi dengan animasi. Dan pastinya postingan yang unik seperti ini akan menambah poin penilaian lomba blog oleh juri, sehingga kemungkinan besar akan menang, mau kan menang seperti Mr. Bedel, mau kan mau kan mau kan mau kan mau kan…? #laludilemparsendal

Okelah kalau begitu, berikut adalah tips membuat gambar animasi dengan menggunakan software edit gambar photoshop. Saya sendiri menggunakan photoshop CS3. Bagi yang belum bisa pakainya, belajar dulu ya, kursus bisa ?!!! apa ? mahal ? otodidak saja kayak saya, duit kursusnya buat menyambung hidup, kan hemat…bukan irit

Kalau pakai CorelDraw saya gak tau bisa atau enggak. Kalau mau yang lebih keren pakai Adobe Flash ya, tapi saya belum tau caranya.

Dan berikut adalah cara membuatnya, buat yang sudah mahir mohon jangan di tertawakan ya, karena mungkin ini hal sepele banget. Buat pemula kayak saya, yuk kita mulai

Persiapan
Buka file baru photoshop dengan cara klik File lalu pilih New, lihat gambar. Atur width (lebar) 400 piksel dan Height (tinggi) juga 400 piksel.



Agar lebih menarik, kita bisa menambahkan warna background, misal orange, kode warna yang saya gunakan di sini f7a523. 

Cara memilih warnanya yaitu dengan memilih tombol EyedroperTool di palet icon atau tekan huruf I di keyboard lalu arahkan ke warna foreground dan paste-kan kode diatas. 


Setelah itu tekan tombol Paint Bucket Tool atau huruf G di keyboard dan sapukan ke lembar kerja untuk memberikan warna background, dan hasilnya seperti gambar di bawah


Membuat Gambar
Setelah background di beri warna, sekarang kita akan membuat animasi berupa angka 1-5. Pilih symbol huruf T pada palet icon, atau ketikan T juga jika melalui keyboard. Selanjutnya buat angka 1-5.

Setelah angka di buat, selanjutnya klik kanan layer satu persatu atau tekan tahan CTRL  dan pilih layer lainya untuk memblok semua layer yang akan di rubah,  klik kanan lalu pilih Rasterize Type, atau lihat gambar di bawah


Sekarang layer sudah ter-Rasterize semua.

Membuat Animasi
Sekarang kita akan membuat animasinya. Pada tab Window, pilih Animation lalu akan terbuka frame. Duplikatlah frame 1 menjadi 5 buah dengan mengklik kotak seperti yang tertera pada gambar di bawah.

Setelah frame 1 terduplikat menjadi 5 buah, selanjutnya kita akan mengatur animasinya. 

Pilih frame 1 dan aktifkan layer 1, sementara layer lainya (2345) nonaktifkan



Selanjutnya aktifkan frame 2 dan pilih layer 2, nonaktifkan layer yang tidak perlu yaitu selain layer dua (1345).


Lakukan seterusnya sampai layer 5 dengan cara yang sama. Dan untuk mengatur jeda waktu geraknya, lakukan langkah seperti gambar di bawah :



Tes menggunakan tombol play yang ada di tengah (segitiga), jika di rasa cukup simpanlah dengan cara klik file > Safe for Web & Devices atau tekan Alt + Ctrl + Shift + S. Hasilnya seperti pada gambar di bawah



Bagaimana, keren kan ? selamat mencoba, semoga menang ya lomba blognya, dadaaahh…..

32 komentar

  1. Bai Ruindra
    Bai Ruindra 12 Maret 2016 pukul 03.33

    Dipraktekin!!!

    Reply
  2. Arif
    Arif 12 Maret 2016 pukul 04.01

    Masih belum begitu paham dengan Photoshop, tapi patut untuk di coba ilmunya. Sepertinya gampang untuk dipraktekkan.

    Makasih ilmunya.

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.54

      Awalnya saya juga sulit melakukan hal ini, tapi lama kelamaan jadi mudah. Coba saja, pasti bisa

  3. Rinrin Rinjaniah
    Rinrin Rinjaniah 12 Maret 2016 pukul 04.44

    Keren boleh juga nih kita eksekusi

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.55

      Silahkan Mbak :-)

  4. Naqiyyah Syam
    Naqiyyah Syam 12 Maret 2016 pukul 05.02

    Waah kudu download duu aplikasinya :) makasih ilmunya

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.56

      Sama2, terimakasih juga sudah berkunjung ^_^

  5. khairiah
    khairiah 12 Maret 2016 pukul 05.51

    Makasih ilmunya

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.57

      Sama2, terimakasih ya sudah berkunjung ^_^

  6. Reta Yudistyana
    Reta Yudistyana 12 Maret 2016 pukul 07.07

    Horee akhirnya nemu ilmu baru di bidang grafis! Makasih ya tutorialnya! :D

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.58

      Sama2, moga makin lancar ya nggrafisnya ^_^

  7. Dwi Wahyudi
    Dwi Wahyudi 12 Maret 2016 pukul 08.47

    Nah ini keren tulisannya, langsung praktek... :-)

    Reply
    • Kang Amir
      12 Maret 2016 pukul 18.59

      Boleh boleh, terimakasih sudah berkunjung ^_^

  8. Tri Wahyuni Zuhri
    Tri Wahyuni Zuhri 12 Maret 2016 pukul 10.21

    Makasih ilmunya .. keren

    Reply
    • Kang Amir
      12 Maret 2016 pukul 19.06

      Terimakasih, semoga bermanfaat ^_^

  9. Siti Hairul Dayah/ catatansiemak
    Siti Hairul Dayah/ catatansiemak 12 Maret 2016 pukul 14.49

    Matur nuwun sharingnya. Ikutan nyoba ah

    Reply
    • Kang Amir
      12 Maret 2016 pukul 19.10

      Boleh boleh, silahkan ^_^

  10. Reza Andrian
    Reza Andrian 12 Maret 2016 pukul 19.02

    Sebelumnya juga gue belajar bikin animasi sederhana dari Photoshop. Animasi yang gue bikin waktu itu berupa teks. Lalu berkembang lagi, animasi karakter. Karena pembuatannya terbatas, belajar Adobe Flash deh, dan sekarang sudah terbilang bisa bikin animasi. Huehehe. Ya meskipun nggak mahir-mahir amat.

    Reply
    • Kang Amir
      12 Maret 2016 pukul 19.14

      Wah keren, saya mah belum kenal sama sekali dengan Adobe Flash, nanti pengen belajar juga ah

  11. Ipeh Alena
    Ipeh Alena 12 Maret 2016 pukul 19.11

    Segera dipraktekkan gan!

    Reply
    • Kang Amir
      12 Maret 2016 pukul 19.15

      Boleh, silahkan ^_^

  12. Deltanne
    Deltanne 13 Maret 2016 pukul 04.11

    wah padahal uda semangat banget mau ikutan coba-coba buat, eh.. adobe ku gak mendukung adanya animasi hiksss

    Reply
    • Kang Amir
      13 Maret 2016 pukul 06.45

      Pk Adobe CS3 bisa Mbak

  13. admin
    admin 13 Maret 2016 pukul 18.49

    keren mas...baru tahu kalo photoshop bisa digunakan buat bikin gif..hehe

    Reply
    • Kang Amir
      13 Maret 2016 pukul 21.17

      Iya, photoshop bisa juga

  14. sari widiarti
    sari widiarti 25 Maret 2016 pukul 04.28

    kalau yang animasi karakter, ada tutorial? :D

    Reply
    • Kang Amir
      25 Maret 2016 pukul 04.51

      Itu pakai Adobe Flash Mbak, saya belum bisa pakainya

  15. Unknown
    Unknown 25 Maret 2016 pukul 07.38

    Oh pake PS bisa juga ya? Aku biasanya pake flash atau Macromedia

    Reply
  16. Unknown
    Unknown 25 Maret 2016 pukul 07.39

    Oh pake PS bisa juga ya? Aku biasanya pake flash atau Macromedia

    Reply
    • Kang Amir
      25 Maret 2016 pukul 18.51

      Iya, PS bisa juga loh. Lebih bagus lagi emang pake Flash, tapi saya belum bisa cara pakenya

  17. Aprikull
    Aprikull 3 September 2016 pukul 05.40

    Nanti akan sya coba pratktekan tips nya, hehe

    Reply