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

Cara Membuat Animasi Stickman GIF dengan Mudah

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

Cara Membuat Animasi Stickman GIF dengan Mudah

4. Untuk melihat hasilnya, klik Play

Cara Membuat Animasi Stickman GIF dengan Mudah

5. Jika ingin menyimpannya dalam format GIF, klik File > Export Animation...

Cara Membuat Animasi Stickman GIF dengan Mudah

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
Cara Membuat Animasi Stickman GIF dengan Mudah
My first animation... 

Cara Membuat Animasi Stickman GIF dengan Muda

shallom.....
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. :)

Cara Membuat Animasi Bergerak Sederhana di Photoshop

Tutorial Membuat Animasi Dengan Photoshop Untuk Pemula 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.
1
1.1

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.
2
2.2

Langkah 3
Klik Pen Tool dengan mode Shape Layers dan centang box Auto Add/Delete Option, seperti gambar di bawah ini.
3

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.
4
JIka langkah 4 kamu lakukan dengan benar, maka akan terbentuk outline seperti di bawah ini.
4.4

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.
5

Langkah 6
Membuat telinga sebelah kanan dan kiri masih tetap menggunakan pen tool seperti gambar di bawah ini.
6

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.
7

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.
8
8.1
8.2

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.

Contoh gambar proses gerakan berjalan pada animasi tradisional.
 
 
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.




”Pinokio” salah satu film animasi tradisional buatan Waltsdisney.
 


 
”Naruto” salah satu film animasi tradisional yang proses pembuatannya telah menggunakan komputer.
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.







Monster Inc, salah satu film animasi yang seluruh pembuatannya menggunakan komputer.
 
 

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.
Tampilan jendela kerja ToonBoom Studio
 
Software animasi 2D adalah software yang digunakan untuk membuat animasi tradisional (flat animation), umumnya mempunyai kemampuan untuk menggambar, mengatur gerak, mengatur waktu, beberapa dapat mengimpor suara. Dari sisi penggunaan umumnya tidak sulit.
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)
·          
Tampilan jendela kerja Daz3D
 
Cinema 4D
·           Blender (gratis)
·           Daz3D (gratis)







 

               Tampilan jendela kerja 3D Studio Max                                      Tampilan jendela kerja Bryce


Pengertian Dasar Animasi

Langganan: Postingan ( Atom )