July 17, 2024

Membuat Animasi Kupu-Kupu dengan Adobe Photoshop

2 min read

Mungkin anda tidak asing lagi dengan program-program untuk membuat animasi seperti swiss, Adobe flash dll. Ternyata program Adobe Photoshop tidak  hanya jago dalam mengelolah gambar bitmap bahkan Adobe Photoshop memiliki fasilitas dalam membuat animasi sederhana seperti yang akan kita bahas di bawah ini.

Hasil akhir yang akan kita buat

Langkah 1

Masukan gambar bunga sebagai Background. Setelah itu Masukan gambar Kupu-kupu ke dalam lembar kerja kita.

Untuk mengecilkan ukuran gambar kupu-kupu tekan CTRL+T (sambil tahan Shift)


Hapus Background gambar kupu-kupu menggunakan Magic Wand Tool Karena bagian yang akan dihapus satu warna.

Lalu tekan Delete.

Langkah 2

Tekan CTRL_D untuk menghilangkan seleksi, lalu Klik Pen Tool – Paths.

Seleksi sayap kiri kupu-kupu dengan Pen Tool (satukan titik awal dengan titik akhir) seperti gambar dibawah ini.

Langkah 3

Klik kanan di layer seleksi – Make Selection – OK.

Pada Feater Radius : 0 – OK

CTRL_X (Untuk memotong/Cut) – CTRL_V (Paste)

Langkah 4

Pada Layer 3 ganti namanya dengan Sayap Kiri (dengan cara double klik pada layer 3).Aktif di Layer 2 Ulangi langkah 6 sampai 9


Pada Layer 4 ganti namanya dengan Sayap Kanan Duplikat Sayap Kiri dan Kanan menjadi (masing-masing 4 pasang sayap)

Langkah 5

Kecilkan ukuran setiap masing-masing pasang sayap (dengan cara tekan CTR+T) , seperti dibawah ini.

Klik menu Windows pilih Animation.

Klik Duplicate Selected Frames

  • Pada Frames 1 aktifkan Layer Sayap Kanan dan Sayap Kiri

  • Pada Frame 2 aktikan layer Sayap Kanan Copy dan Sayap Kiri Copy
  • Pada Frame 3 aktikan layer Sayap Kanan Copy2 dan Sayap Kiri Copy2
  • Pada Frame 4 aktikan layer Sayap Kanan Copy3 dan Sayap Kiri Copy3
  • Klik Frame 1 s/d Frame 4, atur durasi waktunya

Klik Play Animation.

Langkah 6

Klik File – Save for Web & Devices. Lalu klik Save.

Pada Save as Type : Image Only (*.gif)

Hasilnya:

Selamat Mencoba…

0 thoughts on “Membuat Animasi Kupu-Kupu dengan Adobe Photoshop

  1. :thumbup

    bagus Pak Hendra…
    hehehe…
    kalu bisa yang lain nya lagi , yang dulu Bpk ajari, Pak Hendra minta gmbr background dongg..
    Thank’s

  2. SUBHANAALAH.

    KERENNNN mas…. hiks…. perlu saya coba ini HIKS…
    rumittt ngebayangi buatnya;;;;

  3. afwan pak dosen, ana telah coba membuat nya 4 hari blm jadi, kenapa di windau animation [photoshop] laptop ana tak ada?… kemana carinya ya pak… ana pki laptop windows 7, mgkn pak dosen tahu di mana letaknya WINDOWS ANIMATIOL

  4. Very Good, is it the best. thankyou

    Luar biasa Pak Hendra….. saya uda lama cari cara membuat animasi kupu-kupu, alhamdulillah juga pake photoshop, dikit dikit juga uda kenal dengan cara kerjanya.
    Bravo for Mr. Hendra

Leave a Reply

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

Copyright © All rights reserved. | Newsphere by AF themes.