Cara Membuat Gambar Animasi Dengan Photoshop

DhikaDwiPradya.com – Dalam proses pembangunan sebuah website diperlukan kolaborasi antara konten tulisan dan gambar agar web tersebut terlihat lebih dinamis dan profesional tentunya. Diantara konten tersebut kadang-kadang diperlukan gambar yang animasi bergerak agar dapat menjelaskan secara rinci kepada pengunjung tentang maksud tulisan yang telah diposting pada web tersebut.




Pada artikel kali ini, saya akan memaparkan langkah-langkah cara membuat gambar animasi dengan menggunakan aplikasi Photoshop. Pertama-tama bahan-bahan yang diperlukan diantaranya adalah:

  • Beberapa gambar berformat JPG, PNG atau BMP.
  • Aplikasi Photoshop (kebetulan yang saya pakai adalah Photoshop CS3).

Langkah-langkah cara pembuatan gambar bergerak tersebut sebagai berikut:

  • Buka aplikasi Photoshop.
  • Buka folder tempat anda menyimpan gambar yang akan dijadikan animasi, lalu seret salah satu gambar ke dalam halaman muka Photoshop.

cara-membuat-gambar-bergerak-dengan-photoshop2-dhikadwipradya




  • Setelah gambar tersebut masuk ke dalam halaman muka Photoshop, selanjutnya klik meu WindowsAnimation.

cara-membuat-gambar-bergerak-dengan-photoshop4-dhikadwipradya

  • Maka akan muncul jendela Animation (Frames).

cara-membuat-gambar-bergerak-dengan-photoshop5-dhikadwipradya

  • Selanjutnya lakukan hal sama untuk gambar kedua, kemudian blok gambar tersebut dengan menggunakan fungsi CTRL+A pada keyboard, lalu tekan CTRL+C untuk menyalin gambar tersebut, kemudian klik tanda silang (x).

cara-membuat-gambar-bergerak-dengan-photoshop6-dhikadwipradya

  • Langkah selanjutnya, tempelkan gambar yang telah di salin tadi ke gambar pertama dengan cara menekan fungsi CTRL+V pada keyboard, maka akan terlihat kedua gambar bertumpuk, lalu klik tombol Duplicates selected frames pada jendela Animation.

cara-membuat-gambar-bergerak-dengan-photoshop7-dhikadwipradya

  • Klik Layers pada panel sebelah kanan, lalu klik frames 1, kemudian hilangkan tanda Indicates layer visibility (perhatikan gambar di bawah).

cara-membuat-gambar-bergerak-dengan-photoshop8-dhikadwipradya

  • Lakukan hal yang sama pada frames kedua (perhatikan gambar di bawah).

cara-membuat-gambar-bergerak-dengan-photoshop9-dhikadwipradya

  • Selanjutnya atur waktu tayang pada masing-masing frames sesuai kebutuhan, lalu klik tombol Play, maka anda akan melihat kedua gambar tersebut tampil secara bergantian.

cara-membuat-gambar-bergerak-dengan-photoshop10-dhikadwipradya

  • Lanjutkan cara tersebut hingga mencapai 4 sampai 5 gambar.
  • Langkah terakhir adalah simpan file gambar tersebut dengan format GIF, klik menu File – klik Save for Web & Devices.

cara-membuat-gambar-bergerak-dengan-photoshop11-dhikadwipradya

  • Klik Save – beri nama file tersebut – klik Save.

cara-membuat-gambar-bergerak-dengan-photoshop12-dhikadwipradya

Silahkan anda upload gambar tersebut pada halaman website anda. Dan gambar tersebut pun sudah berubah menjadi animasi gambar bergerak, sehingga konten artikel pada web anda terlihat lebih dinamis. Hasilnya adalah sebagai berikut:

logo-komputer

Demikian tutorial cara membuat gambar animasi dengan Photoshop. Semoga artikel ini bermanfaat bagi para pembaca.



Baca artikel lain:

Leave a Reply

Your email address will not be published. Required fields are marked *