Selasa, 24 November 2015
CRONOSAL-Animasi GIF bukan
lagi menjadi hal yang baru terutama di era modern ini. Dalam arti yang
sederhana dewasa ini, gambar GIF adalah format gambar yang memiliki
fungsi multiple bitmap dimana memungkinkan gambar untuk mengganti frame ketika
dibuka di media yang mendukung. Untuk itulah format GIF sering
dijadikan sebagai animasi kartun atau ilustrasi yang tersebar luas di
internet.
Contoh animasi GIF sederhana yang sering beredar adalah stickman.
Karakter stickman menggambarkan bentuk manusia berupa garis yang
membentuk tubuh dan anggota gerak. Kemunculan animasi ini mengundang
decak kagum, seringkali animasi stickman menggambarkan perkelahian satu
melawan banyak, atau juga berupa kartun berdurasi singkat. Ada banyak
program yang dapat digunakan untuk membuat animasi GIF, tetapi
jika sobat spesifik ingin membuat animasi GIF berbentuk stickman, maka
software bernama Stykz ini bisa dicoba.
Cara Membuat Animasi Stickman GIF dengan Mudah
1. Download aplikasi Stykz, bekerja untuk Windows dan Mac
2. Buka aplikasinya, jika ternyata program tidak mau berjalan silahkan coba melalui Stykz yang sudah ada pada Desktop kemudian buka Base Figure With Feet
3. Lakukan pengeditan pada setiap frame dengan memindahkan titik berwarna merah sebagai sambungan antar anggota gerak. Edit secara halus dari frame satu ke frame selanjutnya sehingga akan terlihat gerakan yang harmonis
4. Untuk melihat hasilnya, klik Play
5. Jika ingin menyimpannya dalam format GIF, klik File > Export Animation...
Harus saya akui memang butuh kesabaran untuk membuat animasi stickman,
padahal ini adalah yang paling sederhana. Untuk mendapat hasil yang
maksimal perlu banyak frame, bisa puluhan, ratusan, hingga ribuan frame
tergantung durasi dan kecepatan animasi. Tetapi cara ini termasuk yang
paling mudah dibanding dengan menggunakan program Photoshop. Untuk
panduan selengkapnya, masuk ke halaman Tutorials. Ngomong-ngomong, ini animasi pertama yang saya buat. Memang sangat buruk bukan? :v
 |
| My first animation... |
Cara Membuat Animasi Stickman GIF dengan Muda
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. :)
Cara Membuat Animasi Bergerak Sederhana di Photoshop
Pada artikel kali ini, IDS akan membahas tentang tutorial membuat
animasi dengan Photoshop. Untuk menggambar kartun atau animasi dengan
photoshop, kita harus mengetahui teknik dasar menggunakan Pen Tool. Pen
Tool adalah fitur yang sangat membantu dalam membuat karya yang
membutuhkan garis-garis atau membuat vector karena mudah dikontrol, pengerjaan pen tool bersih, dan terlihat natural. Yuk, simak step by stepnya!Langkah 1
Open program photoshop, kemudian buatlah dokumen baru dengan klik Menu File > New. Setelah keluar dialog box, maka atur ukuran file (width) 350 x 350 (height) pixels.
Langkah 2
Setalah File baru siap, pada toolbar sebelah kiri, pilih Tool dengan nama Pen Tool. Pen Tool ini juga bisa diakses dengan menekan huruf P pada keyboard. Selain untuk menggambar, pen tool juga berfungsi untuk membuat vektor atau cropping gambar. Untuk mempermudah kamu dalam menggunakan Pen Tool, kamu bisa melihat gambar di bawah ini.
Langkah 3
Klik Pen Tool dengan mode Shape Layers dan centang box Auto Add/Delete Option, seperti gambar di bawah ini.
Langkah 4
Sekarang saatnya membuat outline wajah tokoh animasi. Kali ini kita membuat wajah Nobita. Gunakan Pen Tool untuk membuat lingkaran menyerupai wajah. Agar lebih jelas lihat gambar di bawah ini.
JIka langkah 4 kamu lakukan dengan benar, maka akan terbentuk outline seperti di bawah ini.
Langkah 5
Langkah selanjutnya adalah membuat bentuk wajah. Dengan menggunakan pen tool, buatlah bentuk kurva dengan anchor point lalu tekan CTRL + Drag. Buatlah sudut tajam di ujung kurva dengan menekan ALT+Klik+Klik, kemudian tarik anchor point sesuai keinginan. Bentuk wajah tidak boleh melebihi outline.
Langkah 6
Membuat telinga sebelah kanan dan kiri masih tetap menggunakan pen tool seperti gambar di bawah ini.
Langkah 7
Setelah membuat bentuk telinga, sekarang saatnya membuat outline wajah. Pilih layer outline wajah, lalu sesuaikan anchor point agar membentuk gambar di bawah ini.
Langkah 8
Setelah outline wajah jadi dengan sempurna saatnya untuk menggambar mata, alis, hidung, mulut dan membuat bentuk rambut. Bentuknya bisa kamu lihat pada gambar di bawah ini.
Nah, sudah jadi deh bentuk wajah animasi Nobita. Semua digambar hanya dengan menggunakan pen tool. Tidak sulit bukan untuk mempraktekkannya di rumah?
Minat dan mau belajar animasi? IDS | International Design School menyediakan Sekolah Animasi dan Kursus Animasi untuk kamu yang ingin memperdalam passion kamu dalam bidang animasi. Kamu juga bisa dapat gelar bachelor dari Universitas ternama di luar negeri, loh!
Sumber : 1 2
Image Credit : MagicEraserEx by The Daring Librarian is licensed under CC BY-SA 2.0
Tutorial Membuat Animasi Dengan Photoshop Untuk Pemula
Berjumpa
kembali di kanal desain.grafis, kali ini kita akan membahas tutorial
belajar Flash. Bagaimana membuat animasi sederhana menggunakan Adobe
Flash. Teknik yang digunakan untuk membuat animasi ini adalah animasi
keyframe, Apa itu animasi keyframe ?kalau saya pribadi menyebut bahwa
animasi keyframe itu adalah animasi yg dibuat dari kumpuluan keyframe,
dimana disetiap keyframe itu diberi objek yg berbeda.
Tutorial kali
ini untuk pemula namun agak sedikit menengah, sehingga jika ada beberapa
yang belum mengerti saya sarankan Anda untuk melihat tutorial-tutorial
pembelajaran flash yang dasar. Silahkan menuju link http://desain.ilmuwebsite.com/search/label/Adobe%20Flash
1. Buat dokumen baru lalu berinama terserah Anda.
2. Kemudian import file gambar kedalam library.
Perlu di ketahui
bahwa didalam adobe flash ada 4 jenis import file yang pertama Import to Stage artinya
file akan import dan langsung ditampilkan kedalam stage, yang ke-2 adalah Import
to Library maksudnya file yang diimport tidak langsung ditampilkan kedalam
stage akan tetapi file disimpan didalam panel
library, yang ke-3 Open External Library maksudnya mengimport file dari
panel library pada dokumen flash yang lain dan nantinya akan masukkan pada
panel library, dan yang terakhir adalah Import Video artinya adalah mengimport
file video yang kemudian video tersebut langsung ditampilkan pada stage.
3. Baik sekarang kita akan gunakan saja import to Library karena
kita akan mengimport banyak file, jadi file harus disimpan dulu pada library
sebelum nantinya digunakan pada stage.
4. Berikut adalah cara import
file, pilih menu File kemudian anda pilih Import to Library.
Belajar Flash : Membuat Animasi Sederhana Menggunakan Adobe Flash
A.
Pengertian Animasi
Animasi sendiri berasal dari bahasa latin
yaitu “anima” yang berarti jiwa, hidup, semangat. Sedangkan karakter adalah
orang, hewan maupun objek nyata lainnya yang dituangkan dalam bentuk gambar 2D
maupun 3D. shingga karakter animasi secara dapat diartikan sebagai gambar yang
memuat objek yang seolah-olah hidup, disebabkan oleh kumpulan gambar itu
berubah beraturan dan bergantian ditampilkan. Objek dalam gambar bisa berupa
tulisan, bentuk benda, warna dan spesial efek.
Pengertian
Animasi Menurut Ibiz Fernandes dalam bukunya Macromedia Flash Animation &
Cartooning: A creative Guide, animasi definisikan sebagai berikut :
“Animation is the process
of recording and playing back a sequence of stills to achieve the illusion of
continues motion” ( Ibiz Fernandez McGraw- Hill/Osborn, California, 2002)
Yang artinya kurang lebih
adalah :
“Animasi adalah sebuah
proses merekam dan memainkan kembali serangkaian gambar statis untuk
mendapatkan sebuah ilusi pergerakan.” Berdasarkan arti harfiah, Animasi adalah
menghidupkan. Yaitu usaha untuk menggerakkan sesuatu yang tidak bisa bergerak
sendiri.
Secara garis besar, animasi computer dibagi menjadi dua kategori, yaitu:
a. Computer Assisted Animation,
animasi pada kategori ini biasanya menunjuk pada system animasi 2 dimensi,
yaitu mengkomputerisasi proses animasi tradisional yang menggunakan gambaran
tangan. Computer digunakan untuk pewarnaan, penerapan virtual kamera dan
penataan data yang digunakan dalam sebuah animasi.
b.
Computer Generated Animation, pada kategori ini biasanya digunakan untuk
animasi 3 dimensi dengan program 3D seperti 3D Studio Max, Maya, Autocad dll.
Animasi merupakan salah satu bentuk visual bergerak yang
dapat dimanfaatkan untuk menjelaskan materi
pelajaran yang sulit disampaikan secara konvensional. Dengan diintergrasikan ke
media lain seperti video, presentasi, atau sebagai bahan ajar tersendiri
animasi cocok untuk menjelaskan materi-materi pelajaran yang secara langsung
sulit dihadirkan di kelas atau disampaikan dalam bentuk buku. Sebagai misal
proses bekerjanya mesin mobil atau proses terjadinya tsunami.
B.
Pengertian Multimedia
Menurut
Rosch definisi animasi adalah kombinasi dari computer dan video, menurut
McCornick multimedia secara umum merupakan kombinasi tiga elemen, yaitu suara,
gambar dan teks. Menurut Turban, dkk multimedia adalah kombinasi dari paling
sedikit dua media input atau output dari data, media ini berupa audio (suara,
musik), animasi, video, teks, grafik, dan gambar. Menurut Robin dan Linda
multimedia merupakan alat yang dapat menciptakan presentasi yang dinamis dan
interaktif yang mengkombinasikan teks, grafik, animasi, audio, dan gambar
video. Definisi lain dari multimedia yaitu dengan menempatkan dalam konteks
seperti yang dilakukan Hofstetter, multimedia adalah pemanfaatan computer untuk
membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan
animasi) dengan menggabungkan link dan tools yang memungkinkan navigasi,
berinteraksi, berkreasi, dan berkomunikasi.
C.
Prinsip
Dasar Animasi
Animasi berasal dari kata ”Animation” yang dalam
bahasa Inggris ”to animate” yang berarti menggerakan.
Jadi animasi dapat
diartikan sebagai menggerakan sesuatu
(gambar atau obyek) yang diam.
Sejarah animasi
dimulai dari jaman purba, dengan ditemukannya lukisan-lukisan pada dinding goa
di Spanyol yang menggambarkan ”gerak”
dari binatang-binatang. Pada 4000 tahun yang lalu bangsa Mesir juga mencoba
menghidupkan suatu peristiwa dengan gambar-gambar yang dibuat berurutan pada
dinding.
Sejak menyadari
bahwa gambar bisa dipakai sebagai alternatif media komunikasi, timbul keinginan
menghidupkan lambang-lambang tersebut menjadi cermin ekspresi kebudayaan.
Terbukti dengan diketemukannya berbagai artefak pada peradapan Mesir Kuno 2000
sebelum masehi. Salah satunya adalah beberapa panel yang menggambarkan aksi dua
pegulat dalam berbagai pose.
Animasi sendiri
tidak akan pernah berkembang tanpa ditemukannya prinsip dasar dari karakter
mata manusia yaitu: persistance of vision (pola penglihatan yang
teratur). Paul Roget, Joseph Plateau dan Pierre Desvigenes, melalui peralatan
optic yang mereka ciptakan, berhasil membuktikan bahwa mata manusia cenderung
menangkap urutan gambar-gambar pada tenggang waktu tertentu sebagai suatu pola.
Dalam perkembangannya animasi secara umum bisa didefinisikan sebagai:
Suatu sequence gambar yang diekspos pada tenggang
waktu tertentu sehingga tercipta sebuah ilusi gambar bergerak
a.
Jenis-Jenis Animasi
Dilihat dari tehnik pembuatannya animasi yang ada saat ini
dapat dikategorikan menjadi 3, yaitu:
1. Animasi
Stop-motion (Stop Motion Animation)
2. Animasi Tradisional (Traditional
animation)
3. Animasi Komputer (Computer
Graphics Animation)
1. Stop-motion animation
Stop-motion
animation sering pula disebut claymation karena dalam perkembangannya, jenis animasi ini sering
menggunakan clay (tanah liat) sebagai objek yang digerakkan . Tehnik stop-motion
animation merupakan animasi yang dihasilkan dari penggambilan gambar berupa
obyek (boneka atau yang lainnya) yang digerakkan setahap demi setahap. Dalam
pengerjaannya teknik ini memiliki tingkat kesulitan dan memerlukan kesabaran yang tinggi.
Wallace and Gromit dan Chicken Run
, karya Nick Parks, merupakan salah satu contoh karya stop motion
animation. Contoh lainnya adalah Celebrity Deadmatch di MTV yang menyajikan adegan perkelahian
antara berbagai selebriti dunia.
2. Animasi Tradisional (Traditional animation)
Tradisional animasi adalah tehnik animasi
yang paling umum dikenal sampai saat ini. Dinamakan tradisional karena tehnik
animasi inilah yang digunakan pada saat animasi pertama kali dikembangkan.
Tradisional animasi juga sering disebut cel
animation karena tehnik pengerjaannya dilakukan pada celluloid
transparent yang sekilas mirip sekali dengan transparansi OHP yang sering
kita gunakan. Pada pembuatan animasi tradisional, setiap tahap gerakan digambar
satu persatu di atas cel.
|
Dengan berkembangnya teknologi komputer, pembuatan
animasi tradisional ini telah dikerjakan dengan menggunakan komputer. Dewasa
ini teknik pembuatan animasi tradisional yang dibuat dengan menggunakan
komputer lebih dikenal dengan istilah animasi 2 Dimensi.
|
||||
3. Animasi Komputer
Sesuai
dengan namanya, animasi ini secara keseluruhan dikerjakan dengan menggunakan
komputer. Dari pembuatan karakter, mengatur gerakkan “pemain” dan kamera, pemberian suara, serta
special effeknya semuanya di kerjakan dengan komputer.
Dengan animasi komputer, hal-hal yang awalnya tidak
mungkin digambarkan dengan animasi menjadi mungkin dan lebih mudah. Sebagai
contoh perjalanan wahana ruang angkasa ke suatu planet dapat digambarkan secara
jelas, atau proses terjadinya tsunami.
|
||||
Perkembangan teknologi komputer saat ini, memungkinkan
orang dengan mudah membuat animasi. Animasi yang dihasilkan tergantung keahlian
yang dimiliki dan software yang digunakan.
Salah satu contoh animasi
untuk dunia pengetahuan
yang dibuat dengan komputer.
b.
Software Animasi
Saat ini terdapat
banyak jenis software animasi yang beredar di pasaran, dari software yang
mempunyai kemampuan yang sederhana hingga yang komplek, dari
yang gratis hingga puluhan juta rupiah.
Dari sisi fungsi
penggunaan software animasi dapat dikelompokkan menjadi Software Animasi 2
Dimensi dan Software Animasi 3 Dimensi.
1. Software
Animasi 2 Dimensi.
|
Contoh dari Software Animasi 2D ini antara lain:
·
Macromedia
Flash
·
Adobe
Flash
·
Macromedia
Director
·
ToonBoom
Studio
·
Adobe
ImageReady
·
Corel
RaVe
·
Swish
Max
·
Adobe
After Effect
2.
Software Animasi 3 Dimensi
Software animasi 3D mempunyai fasilitas dan kemampuan
yang canggih untuk membuat animasi 3 dimensi. Fasilitas dan kemampuan tersebut
antara lain, membuat obyek 3D, pengaturan gerak kamera, pemberian efek, import
video dan suara, serta masih banyak lagi. Beberapa software animasi 3D
mempunyai kemampuan khusus, misalnya untuk animasi figure(manusia), animasi
landscape (pemandangan), animasi title (judul), dll. Karena kemampuannya yang
canggih, dalam penggunaannya diperlukan pengetahuan yang cukup tinggi dan
terkadang rumit.
Contoh dari Software Animasi 3D ini antara lain:
·
3D
Studio Max
·
Maya
·
Poser (figure animation)
·
Bryce (landscape animation)
·
Vue (landscape animation)
·
|
·
Blender
(gratis)
·
Daz3D
(gratis)
Tampilan
jendela kerja 3D Studio Max Tampilan
jendela kerja Bryce
Pengertian Dasar Animasi
Langganan:
Postingan
(
Atom
)
