Cara membuat animasi gambar bergerak

Arsen Fajar
Arsen FajarOwner um Jahe Merah
Cara membuat animasi gambar bergerak :
1. Buka Adobe photoshop
2. Buka tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih
“animation”
Sampai muncul window kayak gini:
3. Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 200
pixel, lalu oke
4. Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaran dulu,
selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate
layer…”.
Contoh
Tampilan pada jendela layer seperti ini:
Dan ini tampilan dalam jendela animation:
5. Selanjutnya, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates
selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:
6. Untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu
pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning
dan hijau, sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah :
Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer
kuning. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Oh iya jika ingin
animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua
frame animasi.
Dalam jendela animation akan terlihat seperti berikut:
7. Klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga
animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di
samping kanan tulisan 0 sec.
8. Agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika
ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah:
Kira-kira hasilnya seperti ini…
9. Kemudian simpan dengan menggunakan “save for web & device” nya photoshop. Caranya
klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S

Recomendados

Spooky hdr effect von
Spooky hdr effectSpooky hdr effect
Spooky hdr effectAgung Yuwono
143 views8 Folien
Tutorial memisahkan gambar dari background dengan extract von
Tutorial memisahkan gambar dari background dengan extractTutorial memisahkan gambar dari background dengan extract
Tutorial memisahkan gambar dari background dengan extractMara Sutan Siregar
1.5K views6 Folien
Membuat Quiz dengan Flash von
Membuat Quiz dengan Flash Membuat Quiz dengan Flash
Membuat Quiz dengan Flash Gilang Aziz
7.5K views7 Folien
Cara membuat latihan pilihan ganda di macromedia flash von
Cara membuat latihan pilihan ganda di macromedia flashCara membuat latihan pilihan ganda di macromedia flash
Cara membuat latihan pilihan ganda di macromedia flashVidi Al Imami
7K views7 Folien
tutorial FS von
tutorial FStutorial FS
tutorial FSkinkaku
146 views2 Folien
Sentuhan toned untuk mempertajam image von
Sentuhan toned untuk mempertajam imageSentuhan toned untuk mempertajam image
Sentuhan toned untuk mempertajam imageMARMOSM
265 views12 Folien

Más contenido relacionado

Was ist angesagt?

Tutorial membuat-kuis-flash von
Tutorial membuat-kuis-flashTutorial membuat-kuis-flash
Tutorial membuat-kuis-flashbass91
12.8K views8 Folien
Cara menghapus background putih pada objek foto von
Cara menghapus background putih pada objek fotoCara menghapus background putih pada objek foto
Cara menghapus background putih pada objek fotoop4n
11K views7 Folien
Tutorial Photoshop von
Tutorial PhotoshopTutorial Photoshop
Tutorial Photoshopdio ratar
2.9K views10 Folien
Teknik seleksi menggunakan channels dan paths von
Teknik seleksi menggunakan channels dan pathsTeknik seleksi menggunakan channels dan paths
Teknik seleksi menggunakan channels dan pathsAgung Yuwono
535 views11 Folien
Album cover artwork von
Album cover artworkAlbum cover artwork
Album cover artworkAgung Yuwono
133 views10 Folien
Membuat animasi von
Membuat animasiMembuat animasi
Membuat animasiAgung Yuwono
184 views7 Folien

Was ist angesagt?(20)

Tutorial membuat-kuis-flash von bass91
Tutorial membuat-kuis-flashTutorial membuat-kuis-flash
Tutorial membuat-kuis-flash
bass9112.8K views
Cara menghapus background putih pada objek foto von op4n
Cara menghapus background putih pada objek fotoCara menghapus background putih pada objek foto
Cara menghapus background putih pada objek foto
op4n11K views
Tutorial Photoshop von dio ratar
Tutorial PhotoshopTutorial Photoshop
Tutorial Photoshop
dio ratar2.9K views
Teknik seleksi menggunakan channels dan paths von Agung Yuwono
Teknik seleksi menggunakan channels dan pathsTeknik seleksi menggunakan channels dan paths
Teknik seleksi menggunakan channels dan paths
Agung Yuwono535 views
Warna kartun von MARMOSM
Warna  kartunWarna  kartun
Warna kartun
MARMOSM288 views
Membuat kartu ucapan von MARMOSM
Membuat kartu ucapanMembuat kartu ucapan
Membuat kartu ucapan
MARMOSM515 views
Tutorial photoshop von zabihaku
Tutorial photoshopTutorial photoshop
Tutorial photoshop
zabihaku1.7K views
Belajar macromedia flash 8 bagi pemula von Izza Anshory
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemula
Izza Anshory60.1K views
Merubah foto jadi sebuah slide puzzle von Agung Yuwono
Merubah foto jadi sebuah slide puzzleMerubah foto jadi sebuah slide puzzle
Merubah foto jadi sebuah slide puzzle
Agung Yuwono159 views
Merubah foto menjadi sketsa warna pensil von Aden Priyonggo
Merubah foto menjadi sketsa warna pensilMerubah foto menjadi sketsa warna pensil
Merubah foto menjadi sketsa warna pensil
Aden Priyonggo1.8K views
2014-22. Pemrograman game menggunakan rpg make vx ace von Syiroy Uddin
2014-22. Pemrograman game menggunakan rpg make vx ace2014-22. Pemrograman game menggunakan rpg make vx ace
2014-22. Pemrograman game menggunakan rpg make vx ace
Syiroy Uddin601 views
Membuat foto Slideshow dengan Macromedia Flash 8 von Deka M Wildan
Membuat foto Slideshow dengan Macromedia Flash 8Membuat foto Slideshow dengan Macromedia Flash 8
Membuat foto Slideshow dengan Macromedia Flash 8
Deka M Wildan12.9K views

Destacado

Gambar bergerak von
Gambar bergerakGambar bergerak
Gambar bergerakBambang Triwaluyo
242 views1 Folie
Gambar bergerak von
Gambar bergerakGambar bergerak
Gambar bergerakBambang Triwaluyo
337 views1 Folie
Kumpulan animasi (gambar bergerak)-tricklik von
Kumpulan animasi (gambar bergerak)-tricklikKumpulan animasi (gambar bergerak)-tricklik
Kumpulan animasi (gambar bergerak)-tricklikSapto Pandugo
16K views11 Folien
Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu) von
Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu)Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu)
Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu)Ernieyanti Bakri
2.9K views1 Folie
Biodata in powerpoint von
Biodata in powerpointBiodata in powerpoint
Biodata in powerpointSrinivasreddy Patil
35K views41 Folien
Power point mollusca von
Power point molluscaPower point mollusca
Power point molluscaImawaty Yulia
62.8K views46 Folien

Destacado(8)

Similar a Cara membuat animasi gambar bergerak

Tutorial Animasi menggunakan macromedia Flash 8 von
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Farichah Riha
3.5K views21 Folien
Laporan praktikum modul 4 von
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
596 views24 Folien
Tutorial photoshop von
Tutorial photoshopTutorial photoshop
Tutorial photoshopBMG Training Indonesia
1.9K views24 Folien
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx von
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxPengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxNasKun3
144 views10 Folien
Modul tutorial-photoshop-1 von
Modul tutorial-photoshop-1Modul tutorial-photoshop-1
Modul tutorial-photoshop-1harfa_laspan
3.9K views64 Folien
Modul2 von
Modul2Modul2
Modul2Dian Octora Effendi
141 views16 Folien

Similar a Cara membuat animasi gambar bergerak(20)

Tutorial Animasi menggunakan macromedia Flash 8 von Farichah Riha
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8
Farichah Riha3.5K views
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx von NasKun3
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxPengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
NasKun3144 views
Modul tutorial-photoshop-1 von harfa_laspan
Modul tutorial-photoshop-1Modul tutorial-photoshop-1
Modul tutorial-photoshop-1
harfa_laspan3.9K views
Sulhan Animasidgimageready von Raden Alif
Sulhan AnimasidgimagereadySulhan Animasidgimageready
Sulhan Animasidgimageready
Raden Alif420 views
3. modul membuat video animasi profil dengan wajah sendiri by pak sukani von sukani
3. modul membuat video animasi profil dengan wajah sendiri by pak sukani3. modul membuat video animasi profil dengan wajah sendiri by pak sukani
3. modul membuat video animasi profil dengan wajah sendiri by pak sukani
sukani2.5K views
Step2 pembuatan banner[1] von iron212
Step2 pembuatan banner[1]Step2 pembuatan banner[1]
Step2 pembuatan banner[1]
iron212170 views
Tutorial Android Template aplikasi peta interaktif von Toni Setyawan
Tutorial Android Template aplikasi peta interaktifTutorial Android Template aplikasi peta interaktif
Tutorial Android Template aplikasi peta interaktif
Toni Setyawan3.1K views
Langkah-Langkah Menggunakan POWERPOInt von Mr.Joseph_4u
Langkah-Langkah Menggunakan POWERPOIntLangkah-Langkah Menggunakan POWERPOInt
Langkah-Langkah Menggunakan POWERPOInt
Mr.Joseph_4u187.8K views
pendidikan powerpoint von Mr.Joseph_4u
pendidikan powerpointpendidikan powerpoint
pendidikan powerpoint
Mr.Joseph_4u4.9K views
4. modul membuat bahan ajar video animasi dengan wajah sendiri von sukani
4. modul membuat bahan ajar video animasi dengan wajah sendiri4. modul membuat bahan ajar video animasi dengan wajah sendiri
4. modul membuat bahan ajar video animasi dengan wajah sendiri
sukani2K views
Pertemuan 62 von kusanti
Pertemuan 62Pertemuan 62
Pertemuan 62
kusanti500 views
dasar desain gambar dengan photoshop von Deka M Wildan
dasar desain gambar dengan photoshopdasar desain gambar dengan photoshop
dasar desain gambar dengan photoshop
Deka M Wildan2.7K views
Animasi pesawat11 von DoniPuncuna
Animasi pesawat11Animasi pesawat11
Animasi pesawat11
DoniPuncuna1.8K views

Cara membuat animasi gambar bergerak

  • 1. Cara membuat animasi gambar bergerak : 1. Buka Adobe photoshop 2. Buka tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation” Sampai muncul window kayak gini: 3. Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 200 pixel, lalu oke 4. Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaran dulu, selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…”. Contoh
  • 2. Tampilan pada jendela layer seperti ini: Dan ini tampilan dalam jendela animation: 5. Selanjutnya, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:
  • 3. 6. Untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning dan hijau, sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah : Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer kuning. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Oh iya jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi. Dalam jendela animation akan terlihat seperti berikut: 7. Klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di samping kanan tulisan 0 sec.
  • 4. 8. Agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah: Kira-kira hasilnya seperti ini… 9. Kemudian simpan dengan menggunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S