Cara Membuat Animasi

 Home
 Info untuk Guru

 Guru Berbagi
 Galeri
 Anggota
 Tentang
Share this post Permalink

Aktivitas, Belajar-mengajar, Lain-lain
25
Membuat Gambar Animasi Dari Wajah Sendiri (+8)

Pak Sukani @gurumelekIT November 11, 2013
Assalamualikum Wr. Wb.
Selamat sore Guraru, bagaimana kabarnya? Semoga guraru dalam keadaan sehat dan dalam
limpahan rahmad dari Allah SWT. Amin ya Ra.
Pada kesempatan kali ini saya akan sharing tentang “Membuat Gambar Animasi Dari Wajah
Sendiri”. Artikel ini saya posting karena permintaan beberapa rekan guraru agar saya mengupas
bagaimana caranya membuat gambar animasi yang telah saya buat seperti gambar di bawah ini :
Guraru yang saya hormati, untuk membuat gambar animasi tersebut kita harus membuat video
animasi terlebih dahulu baru merubah formatnya menjadi GIF. Untuk membuat video animasi,
saya menggunakan software “CrazyTalk Animator”. Silahkan Guraru kunjungi websitenya untuk
mendownload : http://www.reallusion.com/crazytalk/animator/.
Setelah guraru berhasil mendownload maka silahkan install di komputer guraru masing-masing.
Buka Crazytalk animatornya maka akan muncul tampilan sebagai berikut :
Silahkan klik tombol “Close” dan guraru lanjutkan untuk berkreasi menggunakan software
tersebut.
1) Pertama guraru klik “Actor”, seperti gambar di bawah ini :
2) Setelah klik “Actor” maka akan muncul pilihan karakter, kita pilih “Human” dan
“Mr.Rosenberg”. Lihat gambar dibawah ini!
3) Setelah mengklik “Human” dan “Mr.Rosenberg” maka akan muncul tampilan seperti gambar
di bawah ini. Selanjutnya kita akan mengubah kepalanya dengan kepala kita.
4) Untuk mengubah kepalanya maka kita klik gambar kepala (gambar ke-2 dari atas) pada
gambar di bawah ini.
5) Selanjutnya akan muncul tampilan seperti pada gambar di bawah ini. Kita pilih “import
image”.
6) Setelah kita “import image” maka akan muncul tampilan sebagai berikut :
Pilih gambar kepala kita yang sudah disiapkan sebelumnya. Membuat kepala ini dapat
menggunakan photoshop. Gambar kepalanya dibuat transparan ya.
7) Selanjutnya gambar kepala kita akan masuk dan terlihat seperti gambar di bawah ini. Klik
“Next”.
8) Klik “Next” lagi.
9) Guraru atur posisinya agar tepat. Klik “OK”
10) Gambar kepala kita akan menyatu dengan gambar Mr.Rosenberg, namun posisinya tidak pas.
Selanjutnya guraru bisa atur posisi kepalanya itu agar pas.
11) Untuk mengatur posisi kepala tersebut agar pas posisinya maka kita gunakan tombol gambar
orang yang sedang merentangkan tangan seperti pada gambar di bawah ini. Silahkan guraru
“Klik”.
12) Atur sedemikian rupa sampai posisi kepalanya pas. Lihat gambar di bawah ini!
13) Klik tombol di bawah ini untuk menyimpan perubahan posisi kepala tadi.
14) Selanjutnya guraru gerakkan gambar tersebut agar menjadi gambar animasi yang bergerak.
Klik tombol gambar yang berwarna merah di bawah ini. Disana terdapat berbagai macam pilihan
animasi.
15) Tampilan muncul seperti gambar berikut ini : (lihat pilihan animasi di sebelah kiri)
16) Silahkan guraru pilih animasi yang diinginkan. Untuk mengetes (preview) silahkan klik
“space” dan untuk stop juga klik “space”. Jika guraru sudah menentukan pilihan animasi apa
yang akan dibuat silahkan lakukan “record” sampai beberapa detik. Lihat gambar di bawah ini!
17) Jika sudah selesai “merecord” maka silahkan simpan, namun ini masih dalam bentuk
“Video”. Silahkan guraru klik “Export”. Lihat gambar di bawah ini!
18) Klik “export” lagi.

19) Simpan video animasinya di komputer guraru. Guraru jangan lupa dimana tempat
menyimpan video animasi tersebut ya. he..he..he..
20) Akan muncul proses rendering. Tunggu saja guraru sampai selesai.
21) Setelah proses rendering selesai maka membuat video animasinya selesai. Langkah
selanjutnya kita ubah menjadi format “GIF” dengan menggunakan software “Free video to GIF
Converter” freeware ya. Silahkan guraru download softwarenya DISINI.
22) Install software “video to gif converter” di komputer guraru. Buka software tersebut dan
browse video animasi yang telah kita buat sebelumnya. Atur “width dan height” sesuai dengan
yang diinginkan. Lihat gambar di bawah ini!
23) Pilih “excellent quality” dan klik “Make GIF”. Lakukan penyimpanan di komputer guraru
maka proses membuat gambar animasi GIF selesai.
Selamat mencoba dan berkerasi Guraru. Semoga sukses..!!!
Demikianlah sharing saya pada sore hari ini, semoga dapat memberikan manfaat. Saya
menyadari bahwa tulisan saya ini masih banyak kekurangannya. Oleh karena itu, saya selalu
melakukan perbaikan dan terus belajar. Tak ada gading yang tak retak, semua manusia pasti ada
kekurangannya. Hanya Allah SWT yang sempurna.
Waalaikumsalam Wr. Wb.
Salam hormat,
37,998 total views, 20 views today
Tagged with: Animasi, crazytalk animator, pak sukani
Harap login untuk Vote UP postingan ini.




About Author
Pak Sukani @gurumelekIT
Pak Sukani @gurumelekIT merupakan guru matematika di SMK Bakti Idhata, Jakarta Selatan.
Beliau merupakan seorang trainer, motivator dan pembicara dalam diklat maupun seminar-
seminar di Indonesia. Passionnya adalah menulis dan mengembangkan IT untuk pembelajaran.
Pak Sukani aktif mendorong guru-guru Indonesia agar melek IT dan memanfaatkannya untuk
pendidikan. Kunjungi blognya di http://trainergurumelekit.wordpress.com atau 085695685815
View all posts by Pak Sukani @gurumelekIT →
Sudah Di-‘charge’ kah Tubuh Kita Hari Ini?

Bijak Mengelola Anggaran
Related posts
 8
Selamat! Inilah Para Pemenang Lomba Menulis Guru Era Baru
Pengelola Guraru June 19, 2017
 0
Mengulas Tentang Diskon harbolnas Bukalapak Sebagai Event yang Sangat Bermanfaat untuk
Belanja Lebih Banyak
Angga Prayudhatama November 28, 2017
 VIRTUAL LEARNING: PEMANFAATAN TEKNOLOGI INFORMASI DAN KOMUNIKASI

UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN
BIBIT SIH HANDOKO November 10, 2017
 7 Fakta Indonesia
Sahabat Lomba November 9, 2017
 Tips Menjalani Pendidikan dan Latihan Profesi Guru (PLPG) 2017
fitria yustiarsih November 7, 2017
Comments (25)
1.
Pak Sukani @gurumelekIT November 11, 2013 at 3:18 pm
Jika artikel ini bermanfaat buat Guraru, silahkan berikan “Vote” sebagai penyemangat!
Salam sukses Guraru!
Log in to Reply
2.
Muhammad Qoimussadad November 11, 2013 at 3:22 pm
Hebat Pak Sukani, bisa dicoba terimakasih sharing nya! Salam super
Log in to Reply
3.
Muhammad Qoimussadad November 11, 2013 at 3:23 pm
Oiya Pak vote nya, sip
Log in to Reply
4.
Terimakasih pak Qoim atas kunjungan, vote dan komentarnya. Semoga bermanfaat!
Log in to Reply
5.
Umar Tholib November 11, 2013 at 5:22 pm
oh ini toh rahasianya terima kasih pak Sukani
Log in to Reply
6.
Umar Tholib November 11, 2013 at 5:23 pm
karena tulisannya keren oke langsung vote ..
Log in to Reply
7.
Pak Martho : iya pak, jadi tidak rahasia lagi kan. he..he..he..
Terimakasih pula atas kunjungan, komentar dan votenya. Selamat mencoba pak, dan
kalau sudah jadi mohon hasilnya dishare di guraru. he..he..he..Salam perjuangan.
Log in to Reply
8.
Semoga bermanfaat buat Guraru. Jika sekiranya postingan ini bermanfaat mohon “Vote”
sebagai penyemangat. Terimakasih.
Log in to Reply
9.
Bu Etna @gurutematik November 11, 2013 at 5:48 pm
Thx so much pak Sukani, berarti nanti Guraru pada menari ya, sip deh. Vote up, salam
perjuangan.
Log in to Reply
10.
Iya bunda. he..he..he…selamat mencoba bunda. Jika ada kesulitan saya siap membantu.
Terimakasih atas vote, komentar dan kunjungannya.
Log in to Reply
11.
Botaksakti November 11, 2013 at 7:07 pm
wew…….perlu ketemu biangnya ini kayaknya! #hugh
Log in to Reply
12.
Pak Sukani @gurumelekIT November 12, 2013 at 12:24 am
Terimakasih pak Botaksakti atas komentar dan kunjungannya. Selamat mencoba pak. dan
jika ada kesempatan bisa copidarat.
Log in to Reply
13.
mokhamad subakri November 15, 2013 at 9:58 pm
ketemu nih biangnya heeeee ….. saya save dulu … tunggu hasilnya ya ….
Log in to Reply
14.
Iya pak Subakri. Silahkan disave terlebih dahulu. Selamat mencoba dan berkreasi.
Semoga sukses pak.
Oh iya, Saya tunggu hasilnya pak. he..he..he…terimakasih atas komentar dan

kunjungannya.
Log in to Reply
15.
Philipus Sarono November 15, 2013 at 11:40 pm
Saya yakin waktu Pak Sukani mencoba kutak-katik sempat tertawa sendiri ha ha ha…..
Terima kasih sharing yang menarik Pak.
Log in to Reply
16.
DWI ATMAJA November 16, 2013 at 1:09 am
vote
Log in to Reply
17.
Rudy Hilkya November 19, 2013 at 8:46 am
mantab pak … jadi bisa belajar bikin
Log in to Reply
18.
Pak Sarono : kok tahu ya? memang iya pak. Buatnya juga sambil tertawa geli
ngelihatnya. he..he..he… Terimakasih pak atas komentar dan kunjungannya. Salam
perjuangan,
Log in to Reply
19.
Terimakasih pak Atmaja atas VOTE nya. Semoga bermanfaat.
Log in to Reply
20.
Pak Rudi : terimakasih pak atas apresiasi, komentar dan kunjungannya. Semoga
bermanfaat dan salam kreasi.,
Log in to Reply
21.
Saloom Rikardo DaCosta March 13, 2014 at 7:47 pm
Pak Sukani, saya bisa minta softwarenya. Soalnya Software Link download yang diatas
beda dengan yang didalam tutorial ini. Jadi gak berhasil saya menggunakan tutorial ini.
Log in to Reply
22.
Pak Sukani @gurumelekIT March 14, 2014 at 4:16 am
Terimakasih pak Saloom atas komentar dan kunjungannya. Selamat bergabung di

guraru.org. Link Download di atas merupakan link download alamat penyedia software
tersebut yaitu http://www.reallusion.com. Sekarang sudah muncul software updateannya
Crazytalk Animator 2. Wah, cepat sekali perkembangannya.
Pak Saloom bisa juga searching dan download softwarenya di google atau di
http://needfiles.blogspot.com/2013/10/crazytalk-animator-pro-124-full-serial.html atau
http://lamintayar100.blogspot.com/2013/10/crazytalk-animator-pro-124-full-with.html
Semoga bermanfaat,
Log in to Reply
23.
Saloom Rikardo DaCosta March 16, 2014 at 3:24 pm
Iya pak, beda versinya. Versi 2 dengan versi 1 sangat jauh bedanya, jadi bingung
mengikuti tutorial bapak.
Thanks pak atas share linknya. Sebelumnya saya juga udah searching di google, namun
slalu dapat yang versi 2.
Log in to Reply
24.
M. Fahrizal Fajri March 25, 2014 at 12:35 am
bapak-bapak/ ibu-ibu semuanya, tau gak referensi buku atau jurnal mengenai craazytalk
animator ini
soalnya mau coba neliti pake media ini tp kekurangan referensinya
Log in to Reply
25.
Kusnendar August 12, 2014 at 7:12 pm
memang sih bisa jadi animasi, tetapi tidak bisa dijadikan DP BBM seperti ini:
http://www.kusnendar.web.id/2013/03/membuat-animasi-foto-wajah-bergerak-sendiri-
gif-via-online.html
Log in to Reply
You must be logged in to post a comment.
Login Form
Panduan gabung. Klik Disini
Lupa password? Klik disini
 10880
 9366
 40,914
Member
Teraktif Terbaru
mokhamad subakri 4570 poin

231 artikel / 0 foto


Lihat semua anggota

Artikel TerkiniArtikel Populer
 Mengulas Tentang Diskon harbolnas Bukalapak Sebagai Event yang Sangat
Bermanfaat untuk Belanja Lebih Banyak
Angga Prayudhatama November 28, 2017 0
 VIRTUAL LEARNING: PEMANFAATAN TEKNOLOGI INFORMASI DAN

KOMUNIKASI UNTUK MENINGKATKAN KUALITAS PEMBELAJARAN
BIBIT SIH HANDOKO November 10, 2017 0
 7 Fakta Indonesia
Sahabat Lomba November 9, 2017 0
 Tips Menjalani Pendidikan dan Latihan Profesi Guru (PLPG) 2017
fitria yustiarsih November 7, 2017 0
 Deretan Game dan Aplikasi Belajar Bahasa Inggris Untuk Penunjang Belajar Anak
di Era Digital
ibnuadjisetya November 7, 2017 0
 Deretan Museum Seru, di Jakarta
Mila Millis November 2, 2017 0
 Tips Cara Bermain Forex Modal Kecil Yang Aman
Mila Millis November 2, 2017 0
 MEMPERBAHARU KOMITMEN DAKWAH
hamdi October 28, 2017 0
 Mengajarkan murid betapa indahnya berwisata ke bali dan sewalah mobil

terpercaya agar aman
yaredi October 26, 2017 0
 Saatnya Anda Mengembangkan Jiwa Kepemimpinan Kepada Murid
Pengelola Guraru October 23, 2017 0
Recent Comments
 Alif Kho Ta-Ro on APLIKASI RAPOR KURIKULUM 2013 VERSI TERBARU
 Melanie Glastrong on Acer Guru Era Baru (Guraru) Award
 Tracy Glastrong on Guru Berbagi
 Yulina Rahmi on Kirim Tugas Online via Blog
 Abdulharitsah Efendy on Ingin Jadi Guru Super Kreatif? Ikuti Tips Ini
Arsip Tulisan
Arsip Tulisan
© 2014 Acer Guraru Go to top ↑

Skip to toolbar
 About WordPress
 Log in
 Register
Search
 Home
 Site Map
 Design News
 Request Article
 Contact
Home » Cartoon » My Art » Photoshop » tips and trick » Cara Membuat Animasi Bergerak
Sederhana di Photoshop
Cara Membuat Animasi Bergerak Sederhana

di Photoshop
in Cartoon, My Art, Photoshop, tips and trick - on 9:38 PM - 102 comments
Assalamualaikum..
Hallo MTN-Ters!, :)
Ye, akhirnya posting lagi setelah sekian lama hanya nge-draft dan nge-draft postingan. Kali ini
MTN akan mencoba memeberikan suatu tutorial yang sangat sederhana yang mungkin semua
sudah tahu. Oh keh, sekarang kita akan membuat animasi bergerak sederhana dengan
menggunakan program grafis semua umat yaitu Photoshop. Kita akan mencoba membuat
animasi dengan karakter Parampaa. Tahukan games fenomenal Parampaa. Yang bertubuh ijo itu
loh.
Ini dia hasil dari pekerjaan yang akan coba kita buat.
Parampaa (Hasil Akhir)

Penasaran cara buatnya? Baiklah, kita mulai saja tutorial kali ini. Enjoy it plus try it!
Bukalah Photoshop, buatlah dokumen baru dengan Ctrl + N. Ukuran canvas terserah, saya
menggunakan ukuran 500x500 pixels. Seperti di bawah.
Dokumen Baru
Buatlah sebuah lingkaran menggunakan Ellipse Tool di menu bar samping atau ikon bundar.
Ubahlah warna di Foreground color dengan kode #aad985 atau berwarna hijau. Buatlah
lingkaran seperti di bawah.
Buat Lingkaran Hijau
Berikan garis hitam disekeliling lingkaran dengan klik duakali di bagian layer lingkaran hijau.
dan aturlah sesuai dengan pengaturan di bawah ini.
Pengaturan garis pinggir
Maka lingkaran yang berwarna hijau dengan garis pinggir hitam telah berhasil dibuat. Buatlah
layer baru dan pindahkan layer tersebut di bawah layer lingkaran hijau. Setelah itu kita buat
setengah badannya menggunakan Pen Tool atau bisa dengan klik P di keyboard. Buatlah seperti
gambar dibawah. Untuk mengisi path yang telah tersambung cukup dengan klik kanan dan pilih
Fill Path.
Gambar Badan
Hapuslah path yang masih ada pada gambar dengan klik kanan dan pilih Delete Path.
Buatlah garis pinggir pada gaambar badan seperti pada lingkaran yang dibuat tadi. Maka hasil
yang didapatkan kurang lebih seperti dibawah ini.
Parampaa dengan Badan
Nah, sekarang kita buat matanya persis dengan membuat kepala tadi dengan Ellipse Tool dan
berikan garis pinggirnya serta titik hitam ditengahnya. Setelah itu gandakan mata yang telah
dibuat tadi dengan menekan Ctrl + J pada keyboard.
Buat mata
Gandakan mata
Wajah tanpa mulut ngga lengkap dong, sekarang kita buat mulutnya dengan Pen Tool hanya
dengan membuat garis sedikit melengkung. Klik kanan pada path melengkung tersebut dan pilih
Stroke Path. Oiya, ketebalan Brush harus diatur ke poin 5. Hasil yang kita dapatkan seperti
dibawah.
Gambar Lengkap
Sekarang kita akan menggabungkan antara background putih yang telah digandakan, kepala,
kedua mata, badan, dan mulut dengan tekan Ctrl + Shift + E.. Maka akan didapatkan gambar
seperti dibawah.
Penggabungan
Sekarang kita akan membuat mata berkedip. Sebelum itu kita harus menyembunyikan gambar
yang telah digabung dan kedua mata dengan menghilangkan tanda mata hitam di layer.
Mata berkedip dapat dibuat dengan menggunakan Pen Tool dengan sesuai pola yang diinginkan.
Caranya sama dengan membuat senyum. jangan lupa gandakan dan geser posisinya serta
mengubah arahnya 180 derajat. Seperti di bawah.
Mata Berkedip
Gabungkan layer-layer seperti background putih, mata berkedip, senyum, badan, dan kepala
seperti menggabungkan gambar yang tadi sehingga kita medapatkan dua buah gambar sempurna.
Ini bagian yang ditunggu-tunggu, kita akan menggerakkan matanya. Sebelum itu, kita harus
mengaktifkan menu animasi dengan pilih Window lalu Animation.
Muncullah menu animasi di bagian bawah layar kerja, untuk memanggil semua layer yang akan
dibuat menjadi animasi tekan bagian yang diberi warna merah, lalu pilih Make Frames From
Layers.
Menu Animasi
Kita kan hanya membutuhkan bagian layer yang sempurna, untuk itu kita harus menghapus
layer-layer yang tidak dibutuhkan. Hapuslah semua layer kecuali yang terdapat kotak merah
dengan meng-klik ikon tong sampah yang dibawah.
Menghapus layer yang tak penting
Nah tinggal tersisa dua layer, kita bisa memutarnya dengan meng-klik bagian warna biru dan
bisa mengatur waktu per layer di bagian warna merah. Kali ini saya pake yang 1 sec biara ada
efek lamanya.
Pengaturan Animasi
Ini yang penting. Cara menyimpannya yaitu dengan klik File pilih Save for Web & Devices...
atau tekan Alt + Shift + Ctrl + S di keyboard.
Muncul kotak dialog, lalu klik Ok. Muncul lagi kotak dialog terakhir yang memberi perintah
tempat menyimpan file dan nama file. klik OK.
Animasi Parampaa sudah jadi seperti gambar paling atas. :)

Kita juga bisa menambahkan apa saja sesuai kreatifitas kita. Seperti saya menambahkan lidah
merah di Parampaa. Liat gambar di bawah.
INTI-nya, jangan takut MENCOBA karena kita tidak akan tau apa yang akan kita dapatkan.
Okeh-okeh.. : ) X ) : p
Terima Kasih, dan tunggu tutorial yang lebih kompleks dari yang sangat sederhana ini. :)
Related Posts :
Meanwhile in Parallel Universe

Cara Membuat Animasi Bergerak Seder...
3 Film Kartun Tentang Masa Depan

Ketika Spongebob Jadi Semua Karakte...
Labels: Cartoon, My Art, Photoshop, tips and trick
102 comments
iin NatthaHyuga
May 15, 2013 at 12:35 AM
Tanya, tutorial di atas menggunakan Photoshop CS berapa?
Reply
Alfa Thani
April 5, 2014 at 12:20 PM
setahu saya dari versi lama sampai yang CS sama saja fiturnya untuk membuat GiF animasinya,
jadi gak perlu bingung mau pakai photosop yang versi mana.
salam Film Animasi Indonesia
Reply
agung imam shuhada

August 14, 2014 at 8:01 AM
gak ngerti lahh mbak
Reply
Sarid Ezra admin

May 15, 2013 at 4:53 PM
terserah sih mbak, ini saya pake CS4..
Reply
OSCAR
May 17, 2013 at 2:58 PM
apa bisa dibuka dan jadi foto profile di facebook.........
Reply
Sarid Ezra admin

May 17, 2013 at 5:18 PM
bisa sih, tapi ngga bergerak..

kaLo di twitter mungkin bisa bergerak..
Reply
reyno kenzo
May 28, 2013 at 1:44 PM
kok di image ready ku gak ada opsi Save for Web & Devices ya? simpan dengan opsi lain gak
bisa bergerak didalam dokumen. tolong dibantu.
Reply
Sarid Ezra admin

May 28, 2013 at 4:33 PM
maksudnya gan?, ini kan saya pake Photoshop gan, di tab File itu lo..
Reply
john ukur bukit
June 6, 2013 at 7:58 PM
photoshop CS3 bisa gak
Reply
Sarid Ezra admin

June 6, 2013 at 10:16 PM
bisa-bisa saja sih..

terima kasih tela berkunjung..
Reply
Ujang
June 7, 2013 at 1:29 PM
Animasi
Bergerak Keren Dan lucu., update terus ya
Reply
MAN Dolok Masihul

June 8, 2013 at 11:25 AM
GAN CARA BIKIN BADANNYA MASIH GAK NGERTI FILL PATHNYA GK BISA, KASI
TAU DONG CARA NGAKTIFKAN FILL PATHNYA !!!!!
Reply
Sarid Ezra admin

June 9, 2013 at 10:55 AM
MAN : itu mode mousenya masih Pen Tool (atau tekan P di keyboard), jangan diubah dulu
menjadi Move Tool.
terus tinggal di arahkan ke path yang sudah dibuat..
terima kasih..
Reply
fnibrass
June 9, 2013 at 3:16 PM
mas, cara gabungin layernya gimana tuh?
Reply
Sarid Ezra admin

June 9, 2013 at 4:49 PM
Ctrl + E untuk menggabungkannya langsung..

Ctrl + Alt + E untuk menggabungkannya, tetapi layernya masih ada..
Reply
Slamet Ruwadiyanto
November 5, 2013 at 8:46 PM
Pake xperia bisa ga mas????
Reply
Ka'esta Fantasia
June 13, 2013 at 2:41 PM
Canggih
Bermanfaat ^^
Reply
Wafi Ruafi
June 13, 2013 at 2:57 PM
aku kok msh bingung ya???
Reply
Aldo yuza
June 19, 2013 at 11:41 AM
hmmm pingin langsung coba...!

Reply
maksum231
June 20, 2013 at 6:25 PM
ijin bookmark gan,,, mau nyoba soalnya...

terimakasih tutornya,....
Reply
Annisa Jazz
June 26, 2013 at 8:36 AM
gan kalo' lansung disave trus diganti format doank gitu bisa ga ?
Reply
Sarid Ezra admin

June 26, 2013 at 10:24 AM
kaLo langsung di save ntar ngga gerak, cuma jadi gambar doang..
Reply
raja listrik
July 1, 2013 at 10:08 AM
terimakasih gan atas informasinya....

http://www.rajalistrik.com
Reply
kumpulankoleksi2013
July 3, 2013 at 6:33 AM
keren sob. lucu.
Reply
Muhammad Tommy
July 3, 2013 at 5:36 PM
Kalo pake photosop 7.0 bisa endak ini gan ??
Reply
Sarid Ezra admin

July 6, 2013 at 5:28 AM
kayaknya sih bisa gan, seLagi ada meu Animation dan Save for Web sih..
Reply
Adang Sutisna
July 5, 2013 at 11:02 PM
hadehhhhh gda animasi di menu windows nya brewww
Reply
Sarid Ezra admin

July 6, 2013 at 5:30 AM
ada kok, Animation katanya di sana.. Window ya gan bukan Windows..
Reply
Sariatul Hidayah
July 9, 2013 at 6:26 AM
kalau mengedit foto GIF yang udah bergerak gimana ya?

tau gak?
misalnya ada gambar burung bergerak gitu, terus mau di tambah tulisan. tapi nanti burungnya
masih bergerak.
tolong ya !!
Reply
Sarid Ezra admin

July 9, 2013 at 9:15 PM
kaLo itu coba pake Software Easy GIF Animator aja mbak itu bisa ditambahin tulisan bergerak
juga..
Reply
Jenika Hokil
July 11, 2013 at 6:28 PM
Cara buat badannya gimana?
Reply
ahmad_raider
July 25, 2013 at 8:06 AM
karyanya keren (y)
Reply
aries_ayis
August 2, 2013 at 1:08 PM
di image ready tuh ada tabel animasi ....udah di coba dia running di tabel tapi pas save file nya
ini ...mendadak hasilnya ga jalan..file ext nya gif ..tapi berupa image aja ...dibantu dooongg itu
kenapa yah.....suwun
Reply
Sarid Ezra admin

August 3, 2013 at 6:20 AM
itu save-nya mungkin ngga pake klik File pilih Save for Web & Devices tapi cuma Ctrl+S dan
dalam bentuk gif. coba pake yang Save for Web pasti bisa jalan..
Reply
aries_ayis
August 13, 2013 at 8:24 AM
okeeee saya udah coba pake save optionnya dengan save optimized As ..( (ctrl+shift+Alt+S ),
saya pake imageReady CS2 , hasil savenya akan berupa html dan ketika gambar di klik dan inet
aktif maka tampilannya akan terlihat di web browser ....animasinya berhasil
..tingkyu2...nahhh....yang jadi permasalahan baru bagi saya hehehehe...kok jadi tampilannya full
screen ya ..hmmm....sorry banyak nanya...dibantu lagi dooonggg untuk tampilannya sesuai
dengan size yang dimau ...makasih
Reply
haikal lorisalvina
August 29, 2013 at 4:12 PM
MUNGKIN SAYA ORANG YANG BELUM PINTAR..
Reply
King From Chicken

September 12, 2013 at 9:20 PM
Bingung ane bikin matanye gan -_- jadi gaselese bikinnye
Reply
Sarid Ezra admin

September 13, 2013 at 8:43 AM
bikin sesuai seLera aja gan, ngga usah terpaku sama yang di atas.
Reply
Rasyid Affandi
September 22, 2013 at 11:43 AM
resolutionnya berapa
Reply
Sarid Ezra admin

sesuai seLera aja gan. contoh yang di atas kan pake persegi 500x500px
Reply
al fahri
bagai mana saya dapat men download photoshop

Reply
Sarid Ezra admin

downLoad yang portable aja gan, cari aja di Google. biasanya yang portable cs4 work kok.
Reply
abdul fitroh
coba dong bro bikin animasi terbaru tapi caranya sama dengan yg ini, kalo dimasukin ke power
point bisa gak
Reply
Sarid Ezra admin

iya ini masih di draft.

bisa kok di taruh di PPT.
Reply
imam lutfi
bermanfaat
Reply
MrAuf IA
October 18, 2013 at 2:16 PM
Terimakasih mas atas ilmunya.. saya coba deh.... he..21x
Reply
bagas nur fauzi

cara Download Photoshopnya Gimana GAN.'
Reply
ivan verys
Thanks ya sob udah share , blog ini sangat bermanfaat sekali ..............
agen tiket murah
Reply
nizar albab
perlu di coba ini.

ilmu yang bermanfaat.
trimakasih
Reply
novi junior
November 26, 2013 at 10:31 AM
pusing buat nya.... yang bisa yg gk bergerak,, sepertinya harus di pelajri btul2.. satu klimat yng d
tlis hrus d bca berulang2 yar ngert slruh... lnjut ya brooo ....
Reply
novi junior
November 26, 2013 at 10:33 AM
aduh saya membuatnya kuq ribet bnget ya... btw buth berpa lma tuk membuat animasi bergerak
sperti ini???
Reply
Rino Sinus Pandanu
January 5, 2014 at 9:27 AM
Kalau tidak mau bingung pakai photoscape saja hanya tinggal bikin gambar
Reply
riki andri yunus

macam mana membuat blg geng
Reply
iwan cakill
December 4, 2013 at 1:08 PM
makasih ,pokoknya terimakasih sekali.saya berhasil.saya pake buat kodok berkedip.pisa juga
tulisan berkedip.kalau bisa yang dasarnya ,ternyata bisa di buat bermacam macam
Reply
alimy ahmad
gan photoshop 7.0 ga ad wndw anmationny
Reply
Antown
mantap, harus telaten. tapi kalo yang sederhana begini pake flash mungkin lebih cepet
Reply
awhnymous
December 25, 2013 at 10:43 AM
mantab kang, akhirnya saya sudah bisa membuat animasi, makasih banget kang sangat
membantu
Reply
Angga Indriya
Tutorialnya bagus gan...sering2 bikin yang kayak gini nih...lucu, bisa gerak2...
Salam kenal dari saya gan...mantap dah...
Reply
shinobi2304
keren tutorialnya sob
Reply
Aida Aditya
January 3, 2014 at 1:39 PM
izin copas ya mas
Reply
Produsen Susu kambing bubuk

Tanks gan tutorialnya. Www.produsensusukambingbubuk.com
Reply
nafisi mentawai laiden

jadi bingun koq adb ps cs3 ga bisa jugam,mmmm
Reply

bisa dibantu ga cara membuat dua animasi yang dan tulisan bergerak
Reply
crantonioues risang
February 17, 2014 at 8:00 AM
punya softwarenya ga, ntar tak donload
Reply
Ahmed Mustofa
February 20, 2014 at 2:45 PM
makasih y.......... tapi te2p g' bisa buatnya
Reply
Runi Virnita Mamonto

February 25, 2014 at 8:19 PM
artikelnya saya copy buat tugas yah. linknya sudah saya sertakan kok. terimakasih
Reply
rahmatriyanto.com
March 4, 2014 at 8:12 PM
potoshop bisa juga melakukan hal itu ya? baru tahu saya, saya ikuti tutorialnya gan, menambah
wawasan saya belajar potoshop, saya masih awam jadi perlu banyak belajar program ini, mksh
OK
Reply
yudi takari
March 8, 2014 at 5:07 PM
hehehe tempatnya orang pinter-pinter
Reply
yudi takari
March 8, 2014 at 5:08 PM
mantab gan bikin orang menjadi pinter lanjut
Reply
yudi takari
March 8, 2014 at 5:09 PM
mantap gan bikin aku tambah pinter lanjut
Reply

March 10, 2014 at 7:48 PM
terima kasih
Reply

March 10, 2014 at 7:49 PM
terima kasih informasinya sangat cukup jelas.
Reply

March 10, 2014 at 8:16 PM
good
Reply
reza lintang
March 12, 2014 at 12:41 PM
mas cara,,.ngabungin foto gmn ea,,.
Reply
Sarid Ezra admin
April 7, 2014 at 7:42 PM
pilih dua layer.. Ctrl + E
Reply
reza lintang
March 12, 2014 at 12:43 PM
mas cara ,,ngabungin foto gmn ea..,
Reply
reza lintang
March 12, 2014 at 12:43 PM
mas cara ,,ngabungin foto gmn ea..,
Reply
reza lintang
March 12, 2014 at 12:44 PM
mas cara ngabungin foto gmn ea..
Reply
Sarid Ezra admin

April 18, 2014 at 8:20 PM
Ctrl + E..
Reply
Varley Atmojo
March 18, 2014 at 10:07 PM
Terima kasih, sangat bermanfaat

Reply
Sarid Ezra admin

April 7, 2014 at 7:39 PM
sama-sama..
Reply
misbah bae
March 29, 2014 at 3:55 AM
Mas bro kayak mana sich instal photoshop it

Gue makee ny bisa tapi instal nya Ğªќ>:/ bisa
Reply
Sarid Ezra admin

April 7, 2014 at 7:36 PM
what? becanda nih agan.. kan tinggal di next next next..
Reply
Ananda Fauzi
April 11, 2014 at 11:27 AM
Eh brow buat kartun bsa gx pke photoshop
Reply
Sarid Ezra admin

April 18, 2014 at 8:19 PM
bisa sih, tapi saranin pake Iluustrator aja.. lebih enak..
Reply
Ananda Fauzi
April 11, 2014 at 11:29 AM
D Photoshop CS6 bsa gx
tau cara pke aplikasi BLENDER gx?
Reply
Sarid Ezra admin

April 18, 2014 at 8:17 PM
saya pakenya Maya kakak, ngga pernah make Blender..
Reply
Abdurrahman Latief
April 22, 2014 at 8:38 PM
Kereen.. ntar sy coba y^o^y
Reply
Abdurrahman Latief
April 22, 2014 at 8:38 PM
Kereen.. ntar sy coba y^o^y
Reply
fionni
April 24, 2014 at 3:26 PM
fionni sarranova
Reply
Cara-Internet
April 25, 2014 at 11:34 PM
keren banget..makasih gan...
Reply
rotnistelrooy
May 6, 2014 at 11:02 PM
Mas nanya, saya sudah bisa sampai selesai, tp ketka gambar mau dijadikan background desktop
kok gak gerak ya?
Reply
Iman Santoso
May 16, 2014 at 3:40 PM
bro coba yang pake macromedia flash player...

kayaknya lebih mantep,..
Reply
Wahyudinsuprapto Suprapto
June 18, 2014 at 5:27 PM
Cara nya gampang " susah yah (@_@)
Reply
Rolli putra
July 8, 2014 at 8:15 AM
mantap, mksih infonnya massss
Reply
Penalis Puspa
August 30, 2014 at 12:04 AM
Trims....... )
Izin copas. Mohon umpan baliknya....
Reply
Kursi Tamu mebel

bagus
Reply
Ahmad Fauzi
Iti tinggal save udah otomatis bisa gerak sendiri apa perlu sett lalu save
Reply
Ahmad Fauzi
This comment has been removed by the author.
Ahmad Fauzi
Brow ctrl rusak cra lain untuk menuju ctrl shift E dsb gmna ya..hehe
Reply
Kang Ucup
ikut nyimak ya mas, dari dulu pengen bisa bikin animasi menggunakan photoshop
Reply
LB HEARTS
makasih buat posting nya,keren banget.
Reply
Post a Comment
│╔╦╗╦╔╗│
Silahkan berkomentar dengan sopan dan membangun..
Terima Kasih telah berkunjung di MASIH TIDAK NYATA
salam Blogger!! ☺
Newer Post Older Post Home

CONNECT
Categories
 Artikel (59)
 Blogger (7)
 Cartoon (10)
 cerita sambiL curhat (19)
 DOWNLOAD (11)
 Indonesia (9)
 Informasi (50)
 Internet (18)
 Lirik Lagu (10)
 Lucu (20)
 Music (24)
 Photoshop (11)
 Social Media (19)
 tips and trick (11)
 Unik Aneh (18)
Popular Posts
 10 Lagu Daerah Paling Populer di Indonesia
 Cara Membuat Animasi Bergerak Sederhana di Photoshop
 7 Lagu Indonesia dengan Tema Ulang Tahun
 Tokoh-tokoh dalam Kartun Jimmy Neutron
 7 Lagu Paling Pas Buat Anak Kelas 3 SMA
 24 Rumah Terunik dengan Arsitektur Terbaik di Dunia
 12 Asal Usul Nama Bulan Masehi dan Hijriyah
Artikel
Tutorial
Unik Aneh
Translate
Site Info
© Copyright 2013 MASIH TIDAK NYATA - All Rights Reserved - Powered by Blogger.com
 Home
 Smartphone
 HP Murah
 Tablet
 PC / Laptop
 Aplikasi
 Rumor
 Rekomendasi
 Tips & Trik
Home » Tips & Trik » Cara Membuat Foto atau Animasi Bergerak (GIF) Dengan Aplikasi Di
Komputer
Cara Membuat Foto atau Animasi Bergerak

(GIF) Dengan Aplikasi Di Komputer
Cara Membuat Foto atau Animasi Bergerak (GIF) Dengan Aplikasi Di Komputer –
Menggunakan gambar bergerak atau bisa juga disebut dengan animasi pada sebuah Profile
Picture, Display Picture (DP) dan lainnya di media sosial merupakan sebuah keunikan sendiri
bagi penggunanya. Dengan menggunakan gambar atau foto bergerak, tampilan media sosial kita
bisa menjadi lebih hidup dan menarik untuk dilihat setiap saat.
Biasanya kita menggunakan gambar bergerak tersebut dengan ekstensi (.gif), gambar gif sendiri
merupakan sebuah karya desain grafis yang diambil dari bagian-bagian video atau kumpulan
gambar/foto yang diedit dengan sedemikan rupa sehingga menghasilkan bentuk animasi yang
sederhana namun menarik.
Advertisement
Jika kita ingin menggunakan atau mengoleksi gambar bergerak berekstensi (.gif) tersebut, kita
bisa dengan mudah mendapatkannya dari internet. Berbagai pilihan animasi gif dengan tema
berbeda-beda yang lucu dan unik telah banyak tersedia di internet tersebut. Kita hanya tinggal
mencari gambar animasi bergerak yang sesuai dengan apa yang kita inginkan, misalnya saja
seperti tokoh kartun favorit, kata-kata lucu, kata-kata bijak, potongan video kesukaan, musik dan
masih banyak lagi yang lainnya.
Nah! Jika kita biasanya mendapatkan gambar animasi bergerak berekstensi (.gif) tersebut dengan
cara mendownload dari internet, sebenarnya kita juga bisa membuat sendiri animasi gif tersebut.
Caranya pun cukup mudah dan bisa dipraktikan dengan sangat sederhana. Dengan membuat
sendiri gambar animasi bergerak, nantinya kita bisa lebih leluasa dalam menentukan gambar atau
video apa yang paling kita sukai. Begitupun kita akan mendapatkan kepuasan tersendiri, karena
kita bisa membuat gambar animasi bergerak dengan tangan kita sendiri. Bukan begitu?
Bagaimana cara membuat gambar/foto animasi bergerak berekstensi .gif tersebut? Berikut
beberapa cara dan aplikasi yang bisa anda gunakan untuk menunjang pembuatan gambar animasi
.gif. Check this out!
Giffing Tool
Giffing Tool merupakan salah satu aplikasi untuk memudahkan anda dalam membuat karya
animasi yang lucu, menarik dan memiliki seni tinggi. Tersedia dua pilihan versi untuk aplikasi
yang satu ini, yakni ada versi gratis dan juga ada versi berbayar yang memiliki fitur lengkap.
Berikut cara mengoperasikan Giffing Tool:
1. Sediakan video yang ingin anda edit menjadi animasi bergerak. Lebih pendek video yang
akan anda gunakan, maka kualitas animasi akan menjadi lebih baik.
2. Jalankan aplikasi Giffing Tool, kemudian pilih menu “New”.
3. Setelah itu, pilih dan rekam area dari video yang sudah disiapkan tadi.
4. Putar atau play video tersebut. Putarlah dari bagian yang akan dijadikan animasi .gif
hingga akhir video yang akan dijadikan animasi .gif. Ingat! Semakin pendek video yang
dipotong, kualitas animasi akan semakin baik.
5. Jika sudah melakukan langkah tersebut, sekarang pilih menu “ESC”.
6. Sekarang di menu Timeline, drag ikon warna hijau dan merah untuk menentukan awal
dan akhir animasi. Tambahkan efek dan teks untuk memberikan kesan yang lebih
menarik pada karya animasi anda ini.
7. Jika sudah, sekarang tinggal menyimpan hasil karya anda tersebut. Pilih menu Floppy
Disk untuk menyimpan gamabar animasi bergerak .gif karya anda sendiri.
8. Selesai!
GIF Maker
Ini adalah aplikasi selanjutnya untuk memudahkan anda dalam membuat gambar animasi
bergerak .gif. Aplikasi ini bisa anda gunakan secara online, GIF Maker bisa dimanfaatkan untuk
menggabungkan beberapa gambar .gif, membuat video animasi dan frame.
1. Cara menggunakannya, pertama anda masuk ke laman http://gifmaker.me/ .

2. Jika sudah masuk, pilih menu “Upload Images”.
3. Kemudian atur ukuran Canvas, Audio serta kecepatan gambar animasi pada menu
Control Panel.
4. Terakhir, pilih menu “Create GIF Animation”.
5. Selesai!
Nah! Itulah aplikasi dan cara-cara untuk membuat gambar/foto animasi .gif karya sendiri.
Buatlah gambar animasi bergerak yang luar biasa sesuai dengan imajinasi anda! Terima kasih,
semoga membantu.
Incoming search terms:
 cara membuat gambar bergerak

 cara membuat gambar animasi
 Cara membuat gif
 cara membuat gambar gif
 cara membuat foto bergerak
 cara buat gambar bergerak
 cara membuat gambar gerak
 cara membuat gambar
 cara bikin foto bergerak
 cara membuat video animasi
Share on: Twitter Facebook Google +

Cara Membuat Foto atau Animasi Bergerak (GIF) Dengan Aplikasi Di Komputer | Adam | 4.5
Related Posts
Cara Melacak Nomor HP Telkomsel Lewat Telkomsel Finder dan GPS
Cara Melacak Nomor HP Telkomsel Lewat Telkomsel Finder dan GPS – Anda yang mau
melacak no...
Cara Melacak HP Android Yang Hilang Melalui GPS dan Lewat IMEI
Cara Melacak HP Android Yang Hilang Melalui GPS dan Lewat IMEI – Kehilangan
sebuah HP android...
9 Cara Merawat Laptop dan Komputer yang Mudah dan Benar Agar Awet
9 Cara Merawat Laptop dan Komputer yang Mudah dan Benar Agar Awet – Halo
pembaca Klikponsel...
Cara Memindahkan Aplikasi Ke SD Card Secara Mudah dan Cepat

Cara Memindahkan Aplikasi Ke SD Card Secara Mudah dan Cepat – Aplikasi
smartphone diciptakan untuk memenuhi...
Cara Pengembalian Dana (Refund) Shopee dan Membatalkan Pesanan
Cara Pengembalian Dana (Refund) Shopee dan Membatalkan Pesanan – Sebelumnya

saya pernah memesan barang di toko online Shopee...
Search for:
Recent Posts
 Cara Melacak Nomor HP Telkomsel Lewat Telkomsel Finder dan GPS

 Cara Melacak HP Android Yang Hilang Melalui GPS dan Lewat IMEI
 7 Aplikasi Desain Grafis Android Terbaik
 5 Aplikasi Info Jalur Arus Mudik 2017 Terbaik dan Terbaru
 9 Game PC Ringan Terbaik Offline Seru Grafis Bagus
 9 Cara Merawat Laptop dan Komputer yang Mudah dan Benar Agar Awet
 Cara Memindahkan Aplikasi Ke SD Card Secara Mudah dan Cepat
 Spesifikasi Harga Xiaomi Mi6, Ponsel Powerfull RAM 6 GB Dual Kamera 12 MP
Random Posts
 Daftar Game Balap Mobil Android Terbaik dan Gratis
 Evercoss Genpro X, HP Android Marshmallow 900 Ribu 4G LTE RAM 2 GB
 Lenovo Vibe P1 Turbo, Smartphone RAM 3 GB Baterai Tahan Lama 5000 mAh
 Asus Zenfone Go ZC451TG, Smartphone Android 1.2 Jutaan Layar 4.5 Inchi
 Harga Baru Acer Liquid Z320, Smartphone Acer Sejutaan Terbaru
Categories
Categories
best Technology blogs
Copyright © 2017 klikponsel.com All Rights Reserved.
 Sitemap
 Privacy Policy
 Disclaimer
 Hubungi Kami
 About

Cara Membuat Animasi

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Cara Membuat Animasi

Diunggah oleh

Hak Cipta:

Format Tersedia

 Home

 Info untuk Guru

Share this post Permalink

Membuat Gambar Animasi Dari Wajah Sendiri (+8)

Assalamualikum Wr. Wb.

1) Pertama guraru klik “Actor”, seperti gambar di bawah ini :

18) Klik “export” lagi.

Waalaikumsalam Wr. Wb.

Tagged with: Animasi, crazytalk animator, pak sukani

Harap login untuk Vote UP postingan ini.

Pak Sukani @gurumelekIT

View all posts by Pak Sukani @gurumelekIT →

Sudah Di-‘charge’ kah Tubuh Kita Hari Ini?

Selamat! Inilah Para Pemenang Lomba Menulis Guru Era Baru

Pengelola Guraru June 19, 2017

Angga Prayudhatama November 28, 2017

 VIRTUAL LEARNING: PEMANFAATAN TEKNOLOGI INFORMASI DAN KOMUNIKASI

BIBIT SIH HANDOKO November 10, 2017

Sahabat Lomba November 9, 2017

 Tips Menjalani Pendidikan dan Latihan Profesi Guru (PLPG) 2017

fitria yustiarsih November 7, 2017

Pak Sukani @gurumelekIT November 11, 2013 at 3:18 pm

Muhammad Qoimussadad November 11, 2013 at 3:22 pm

Muhammad Qoimussadad November 11, 2013 at 3:23 pm

Oiya Pak vote nya, sip

Pak Sukani @gurumelekIT November 11, 2013 at 3:39 pm

Umar Tholib November 11, 2013 at 5:22 pm

oh ini toh rahasianya terima kasih pak Sukani

Umar Tholib November 11, 2013 at 5:23 pm

karena tulisannya keren oke langsung vote ..

Pak Sukani @gurumelekIT November 11, 2013 at 5:38 pm

Pak Sukani @gurumelekIT November 11, 2013 at 5:46 pm

Bu Etna @gurutematik November 11, 2013 at 5:48 pm

Pak Sukani @gurumelekIT November 11, 2013 at 6:32 pm

Terimakasih atas vote, komentar dan kunjungannya.

Botaksakti November 11, 2013 at 7:07 pm

wew…….perlu ketemu biangnya ini kayaknya! #hugh

Pak Sukani @gurumelekIT November 12, 2013 at 12:24 am

mokhamad subakri November 15, 2013 at 9:58 pm

Pak Sukani @gurumelekIT November 15, 2013 at 10:44 pm

Oh iya, Saya tunggu hasilnya pak. he..he..he…terimakasih atas komentar dan

Philipus Sarono November 15, 2013 at 11:40 pm

DWI ATMAJA November 16, 2013 at 1:09 am

Rudy Hilkya November 19, 2013 at 8:46 am

mantab pak … jadi bisa belajar bikin

Pak Sukani @gurumelekIT November 19, 2013 at 9:14 am

Pak Sukani @gurumelekIT November 19, 2013 at 9:14 am

Terimakasih pak Atmaja atas VOTE nya. Semoga bermanfaat.

Pak Sukani @gurumelekIT November 19, 2013 at 9:15 am

Saloom Rikardo DaCosta March 13, 2014 at 7:47 pm

Pak Sukani @gurumelekIT March 14, 2014 at 4:16 am

Terimakasih pak Saloom atas komentar dan kunjungannya. Selamat bergabung di

Saloom Rikardo DaCosta March 16, 2014 at 3:24 pm

M. Fahrizal Fajri March 25, 2014 at 12:35 am

Kusnendar August 12, 2014 at 7:12 pm

You must be logged in to post a comment.

Panduan gabung. Klik Disini

Lupa password? Klik disini

mokhamad subakri 4570 poin

mokhamad subakri 4570 poin

mokhamad subakri 4570 poin

Lihat semua anggota

Angga Prayudhatama November 28, 2017 0

 VIRTUAL LEARNING: PEMANFAATAN TEKNOLOGI INFORMASI DAN