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

Klik untuk memperbesar




  • Setelah gambar tersebut masuk ke dalam halaman muka Photoshop, selanjutnya klik meu WindowsAnimation.
cara-membuat-gambar-bergerak-dengan-photoshop4-dhikadwipradya

Klik untuk memperbesar

 

  • Maka akan muncul jendela Animation (Frames).
cara-membuat-gambar-bergerak-dengan-photoshop5-dhikadwipradya

Klik untuk memperbesar

 

  • 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

Klik untuk memperbesar


BACA JUGA


  • 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 untuk memperbesar

 

  • 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

Klik untuk memperbesar

 

  • Lakukan hal yang sama pada frames kedua (perhatikan gambar di bawah).
cara-membuat-gambar-bergerak-dengan-photoshop9-dhikadwipradya

Klik untuk memperbesar

 

  • 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

Klik untuk memperbesar

 

  • 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 untuk memperbesar

 

  • Klik Save – beri nama file tersebut – klik Save.
cara-membuat-gambar-bergerak-dengan-photoshop12-dhikadwipradya

Klik untuk memperbesar

 

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.



Artikel Terkait:

Cara Membuat Animasi Tulisan Tangan

dhikadwipradya.com

Selengkapnya

 

Baca artikel lain:

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.