www.dhikadwipradya.com

Cara Membuat Gambar Bergerak Dengan Photoshop Hal. 1

Cara Membuat Gambar Animasi Dengan Photoshop

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

Pada artikel kali ini, saya akan memaparkan langkah-langkah cara membuat gambar animasi denganmenggunakan 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.

Setelah gambar tersebut masuk ke dalam halaman muka Photoshop, selanjutnya klik meuWindows – Animation.

www.dhikadwipradya.com

Cara Membuat Gambar Bergerak Dengan Photoshop Hal. 2

Maka akan muncul jendela Animation (Frames).

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

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

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

www.dhikadwipradya.com

Cara Membuat Gambar Bergerak Dengan Photoshop Hal. 3

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

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

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.

www.dhikadwipradya.com

Cara Membuat Gambar Bergerak Dengan Photoshop Hal. 4

Klik Save – beri nama file tersebut – klik Save.

Silahkan anda upload gambar tersebut pada halaman website anda. Dan gambar tersebut pun sudahberubah menjadi animasi gambar bergerak, sehingga konten artikel pada web anda terlihat lebihdinamis.

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