Cara Membuat Animasi Sederhana Dengan Photoshop
Penulis Nandra Zee Awal Tanggal 14 April 2014
10 Komentar Cara Membuat Animasi Sederhana Dengan Photoshop by iba.web.idUntuk sekedar membuat animasi sederhana bisa dilakukan dengan photoshop. Awalnya saya sering membuat animasi yang biasa disebut gambar dengan format gif ini di PhotoScape. Tetapi, sejak kenal dengan photoshop saya mulai bisa membuat yang lebih. Kali ini saya mau share cara membuat animasi sederhana dengan photoshop. Hasilnya nanti akan seperti animasi bola pantul dibawah ini
![]() |
animasi bola pantul |
Nah, saya juga sudah menyediakan tutorial berupa video.
Jika, internet sobat lelet, silahkan simak caranya dibawah ini.
1. Buka photoshop, Klik new. Ukurannya sesuai selera, saya buat 500 x 500 px .Background : white
2. Klik new layer
3. Klik warna background, saya memilih warna merah
4. Buat lingkaran dengan menggunakan Eliptical Marquee Tool. Sambil tekan shift biar jadi lingkaran sempurna.
5. Pilih gradient tool
6. Lihat dibagian bawah menu utama, lalu pilih yang...
7. Tarik garis di dalam lingkaran tadi. Kalau kelebihan nariknya, ngga
apa-apa, soalnya udah dikasih batasan. Kita mau kasih warna lingkaran
menjadi bola merah.
8. Klik window > animation. Jangan lupa pilih layer background dulu (samping kanan)
9. Pilih duplicate frames
10. Dengan menggunakan move tool, pindahkan bola, ikuti gambar
11. Lalu klik tweens animation frames
Akan muncul kotak dialog, silahkan isi mau berapa banyak frame. Makin banyak maka gerakannya akan lebih soft.
12. Setelah itu klik duplicate frame pada frame terakhir. Lalu, pindahkan bola lagi dengan move tool.
13. Klik tweens animation frames.
14, Proses lalu berulang kembali, klik duplicate frames pada frames terakhir > pindah kan bola dengan move tool > klik tweens animation frames > hingga bola kembali ke posisi awal
15. Untuk save, pilih File > Save for Web and Device , lalu klik save.
Nah, inilah cara membuat animasi sederhana dengan photoshop. Selamat
mencoba, semoga berhasil. Ini salah satu hasil animasi bola pantul lain
yang saya buat,
Cara Membuat Animasi Bergerak Sederhana di Photoshop
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. :)
Terima Kasih, dan tunggu tutorial yang lebih kompleks dari yang sangat sederhana ini. :)
0 komentar:
Posting Komentar