Cara membuat animasi gambar bergerak

Arsen Fajar
Arsen FajarOwner en 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 por
Spooky hdr effectSpooky hdr effect
Spooky hdr effectAgung Yuwono
143 vistas8 diapositivas
Tutorial memisahkan gambar dari background dengan extract por
Tutorial memisahkan gambar dari background dengan extractTutorial memisahkan gambar dari background dengan extract
Tutorial memisahkan gambar dari background dengan extractMara Sutan Siregar
1.5K vistas6 diapositivas
Membuat Quiz dengan Flash por
Membuat Quiz dengan Flash Membuat Quiz dengan Flash
Membuat Quiz dengan Flash Gilang Aziz
7.5K vistas7 diapositivas
Cara membuat latihan pilihan ganda di macromedia flash por
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 vistas7 diapositivas
tutorial FS por
tutorial FStutorial FS
tutorial FSkinkaku
146 vistas2 diapositivas
Sentuhan toned untuk mempertajam image por
Sentuhan toned untuk mempertajam imageSentuhan toned untuk mempertajam image
Sentuhan toned untuk mempertajam imageMARMOSM
265 vistas12 diapositivas

Más contenido relacionado

La actualidad más candente

Tutorial membuat-kuis-flash por
Tutorial membuat-kuis-flashTutorial membuat-kuis-flash
Tutorial membuat-kuis-flashbass91
12.8K vistas8 diapositivas
Cara menghapus background putih pada objek foto por
Cara menghapus background putih pada objek fotoCara menghapus background putih pada objek foto
Cara menghapus background putih pada objek fotoop4n
11K vistas7 diapositivas
Tutorial Photoshop por
Tutorial PhotoshopTutorial Photoshop
Tutorial Photoshopdio ratar
2.9K vistas10 diapositivas
Teknik seleksi menggunakan channels dan paths por
Teknik seleksi menggunakan channels dan pathsTeknik seleksi menggunakan channels dan paths
Teknik seleksi menggunakan channels dan pathsAgung Yuwono
535 vistas11 diapositivas
Album cover artwork por
Album cover artworkAlbum cover artwork
Album cover artworkAgung Yuwono
133 vistas10 diapositivas
Membuat animasi por
Membuat animasiMembuat animasi
Membuat animasiAgung Yuwono
184 vistas7 diapositivas

La actualidad más candente(20)

Tutorial membuat-kuis-flash por bass91
Tutorial membuat-kuis-flashTutorial membuat-kuis-flash
Tutorial membuat-kuis-flash
bass9112.8K vistas
Cara menghapus background putih pada objek foto por op4n
Cara menghapus background putih pada objek fotoCara menghapus background putih pada objek foto
Cara menghapus background putih pada objek foto
op4n11K vistas
Tutorial Photoshop por dio ratar
Tutorial PhotoshopTutorial Photoshop
Tutorial Photoshop
dio ratar2.9K vistas
Teknik seleksi menggunakan channels dan paths por Agung Yuwono
Teknik seleksi menggunakan channels dan pathsTeknik seleksi menggunakan channels dan paths
Teknik seleksi menggunakan channels dan paths
Agung Yuwono535 vistas
Album cover artwork por Agung Yuwono
Album cover artworkAlbum cover artwork
Album cover artwork
Agung Yuwono133 vistas
Warna kartun por MARMOSM
Warna  kartunWarna  kartun
Warna kartun
MARMOSM288 vistas
Membuat kartu ucapan por MARMOSM
Membuat kartu ucapanMembuat kartu ucapan
Membuat kartu ucapan
MARMOSM515 vistas
Tutorial photoshop por zabihaku
Tutorial photoshopTutorial photoshop
Tutorial photoshop
zabihaku1.7K vistas
Belajar macromedia flash 8 bagi pemula por Izza Anshory
Belajar macromedia flash 8 bagi pemulaBelajar macromedia flash 8 bagi pemula
Belajar macromedia flash 8 bagi pemula
Izza Anshory60.1K vistas
Merubah foto jadi sebuah slide puzzle por Agung Yuwono
Merubah foto jadi sebuah slide puzzleMerubah foto jadi sebuah slide puzzle
Merubah foto jadi sebuah slide puzzle
Agung Yuwono159 vistas
Merubah foto menjadi sketsa warna pensil por Aden Priyonggo
Merubah foto menjadi sketsa warna pensilMerubah foto menjadi sketsa warna pensil
Merubah foto menjadi sketsa warna pensil
Aden Priyonggo1.8K vistas
2014-22. Pemrograman game menggunakan rpg make vx ace por 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 vistas
Membuat foto Slideshow dengan Macromedia Flash 8 por 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 vistas

Destacado

Gambar bergerak por
Gambar bergerakGambar bergerak
Gambar bergerakBambang Triwaluyo
242 vistas1 diapositiva
Gambar bergerak por
Gambar bergerakGambar bergerak
Gambar bergerakBambang Triwaluyo
337 vistas1 diapositiva
Kumpulan animasi (gambar bergerak)-tricklik por
Kumpulan animasi (gambar bergerak)-tricklikKumpulan animasi (gambar bergerak)-tricklik
Kumpulan animasi (gambar bergerak)-tricklikSapto Pandugo
16K vistas11 diapositivas
Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu) por
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 vistas1 diapositiva
Biodata in powerpoint por
Biodata in powerpointBiodata in powerpoint
Biodata in powerpointSrinivasreddy Patil
35.1K vistas41 diapositivas
Power point mollusca por
Power point molluscaPower point mollusca
Power point molluscaImawaty Yulia
62.8K vistas46 diapositivas

Destacado(8)

Kumpulan animasi (gambar bergerak)-tricklik por Sapto Pandugo
Kumpulan animasi (gambar bergerak)-tricklikKumpulan animasi (gambar bergerak)-tricklik
Kumpulan animasi (gambar bergerak)-tricklik
Sapto Pandugo16K vistas
Contoh sukukata terbuka dgn huruf boleh bergerak (ba bi bu) por Ernieyanti Bakri
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 Bakri2.9K vistas
Power point mollusca por Imawaty Yulia
Power point molluscaPower point mollusca
Power point mollusca
Imawaty Yulia62.8K vistas
Rini handayani 7101413171 ppt biodata por Rini Handayani
Rini handayani 7101413171 ppt biodataRini handayani 7101413171 ppt biodata
Rini handayani 7101413171 ppt biodata
Rini Handayani78.2K vistas
Powerpoint profil pribadi keren por Sesi_winarni29
Powerpoint profil pribadi kerenPowerpoint profil pribadi keren
Powerpoint profil pribadi keren
Sesi_winarni29239.7K vistas

Similar a Cara membuat animasi gambar bergerak

Tutorial Animasi menggunakan macromedia Flash 8 por
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Farichah Riha
3.5K vistas21 diapositivas
Laporan praktikum modul 4 por
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4Devi Apriansyah
596 vistas24 diapositivas
Tutorial photoshop por
Tutorial photoshopTutorial photoshop
Tutorial photoshopBMG Training Indonesia
1.9K vistas24 diapositivas
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx por
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxPengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptx
Pengenalan Dasar Aplikasi Animasi 2D : OpenToonz.pptxNasKun3
145 vistas10 diapositivas
Modul tutorial-photoshop-1 por
Modul tutorial-photoshop-1Modul tutorial-photoshop-1
Modul tutorial-photoshop-1harfa_laspan
3.9K vistas64 diapositivas
Modul2 por
Modul2Modul2
Modul2Dian Octora Effendi
141 vistas16 diapositivas

Similar a Cara membuat animasi gambar bergerak(20)

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

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