Animasi Stop Motion Sederhana Induk Ayam dan Anaknya

Animasi Stop Motion Sederhana Induk Ayam dan Anaknya

Apa itu Animasi Stop Motion ?

Sebuah teknik animasi untuk membuat objek yang dimanipulasi secara fisik agar terlihat bergerak dengan sendirinya. Objek tersebut digerakan sedikit demi sedikit di setiap frame yang akan difoto, menciptakan ilusi pergerakan saat serangkaian frame tersebut dimainkan secara berurutan berkelanjutan. Boneka dengan sendi yang dapat digerakan atau figur tanah liat sering digunakan dalam gerak henti karena alasan kemudahan meletakkannya kembali. Animasi gerak henti yang menggunakan tanah liat disebut animasi tanah liat atau clay mation. (id.wikipedia.org/wiki/Gerak_henti)

Nah, pada kesempatan ini saya telah membuat sebuah animasi stop motion sederhana yang menceritakan tentang induk ayam yang sedang berbahagia karena akan bertelur, ketika bertelur induk ayam tersebut mengerami telurnya dan ketika telur itu menetas betapa bertambah bahagianya si induk ayam.

Kurang lebih ceritanya seperti itu, animasi ini merupakan sebuah karya untuk tugas softskill mata kuliah Pengantar Animasi & Desain Grafis, langsung saja dilihat video animasi stop motionnya berikut ini :


Apabila video tidak muncul silahkan klik link youtub ini : https://youtu.be/opMe0VlTSfY

Bagaimana animasitersebut ? menarik bukan ? Animasitersebut sangat sekali sederhana, pembuatannya pun sederhana juga. hanya perlu menyiapkan gambar frame per frame. Untuk animasi di atas dibutuhkan kurang lebih 100 frame.

Frame tersebut bisa dibuat dengan menggunakan gambar-gambar buatan atau berupa hasil jepretan foto, kemudian hasil-hasil frame yang banyak tersebut digabungkan jadi satu menggunakan sebuah video editor agar menjadi satu kesatuan frame yang padu sehingga dapat menghasilkan sebuah video berdurasi.

Dalam pengerjaannya saya menggunakan software video editor bawaan dari Windows 10, setiap gambar digabungkan seperti ini :


Mudah kan membuatnya ? Silahkan mencoba ya

Terimakasih ..............
Animasi Sederhana Perahu Bergerak

Animasi Sederhana Perahu Bergerak

Pada postingan kali ini merupakan sebuah tugas tutorial untuk mata kuliah softskill Pengantar Animasi dan Desain Grafis Universitas Gunadarma

 Animasi yang akan dibuat yaitu Animasi Sederhana sebuah perahu yang nantinya akan bergerak, langkah pembuatannya akan dilakukan secara bertahap step by step mulai dari menggambar suatu desain dasar terlebih dahulu.

 Software yang diperlukan dalam membuat animasi ini yaitu :
  • Adobe Photoshop
  • Adobe Flash Player
Animasi yang akan dibuat akan berjalan seperti ini :

Jika tidak bisa di play, klik link ini https://youtu.be/b4wBDYJzYtw

Langkah apa saja yang akan dilakukan untuk membuat animasi seperti itu, sebagai berikut :

Tahap Desain

Perlu diperhatikan pada saat mendesain, setiap object yang ada dibuatkan layer masing-masing agar mempermudah untuk tahap animasi
  • Membuat Desain dasar animasinya menggunakan adobe photoshop, Create New lalu buat size menjadi 1080px X 1080px.
  • Pertama membuat background awal, disini saya menggunakan software Adobe Photoshop. Background berwarna MidnightBlue dengan kode hexacolor : #1d2451. Cukup dengan mengganti warna background awal lalu dengan tools fill color. Untuk kesan tema malam hari
Background
  • Gambar gunung dengan menggunakan triangle tools membuat 2 segitiga untuk kesan warna dua sisi berbeda. Segitiga dan warna dapat disesuaikan saja.
Gunung | Triangle

  • Buatkan segitiga kecil pada bagian atas gunung untuk kesan terlihat bersalju. Kemudian merge gunung tersebut menjadi satu kesatuan layer lalu duplicate menjadi 3 gunung. Dan teruntuk gunung yang di posisi tengah agak di perbesar ukurannya.
3 Gunung
  • Tambahkan 2 lingkaran dengan Ellipse Tools, untuk membuat suatu daratannya di gunung tersebut,
Daratan Gunung
  • Berikan sedikit gambar ilustrasi sebuah pegunungan dengan pepohonan pinus, perkemahan, perapian. Pada bagian atas daratan / diatas layer daratan sebelumnya yang telah dibuat.
Perkemahan
  • Buat laut dibagian bawah daratan, dengan menggunakan persegi dan campuran lingkarng untuk ombaknya. Layer laut berada diatas layer daratan.
Laut
  • Tambahkan awan-awan dengan menggunakan lingkaran yang digabung-gabungkan hingga membentuk awan lalu layer lingkaran tersebut digabungkan / merge agar menjadi satu kesatuan layer.
Gunung dan Lautan
Tahap desain telah selesai kemudian save project tersebut dengan ekstensi psd, mari kita lanjut ke tahap pembuatan animasi. Tentunya tidak harus terpaku dengan desain diatas, kendaraan lain pun bisa seperti mobil ataupun lainnya.

 Oke mari kita lanjutkan .......

Tahap Animasi

  • Buka adobe flash player, pada kolom Create New pilih Action Script 3.0
New Project Flash
  • Ketika lembar putih telah muncul menandakan project berhasil dibuat, lalu ubah size dari Workspace tersebut samakan dengan size desain kita pada photoshop yaitu 1080 x 1080 pixel. Pada tab Properties pojok kanan atas lalu ubah size.
  • Import project photoshop ekstensi psd yang telah dibuat dengan cara klik File > Import > Import To Library
  • Akan muncul suatu tindakan apa saja untuk object  yang dibuat sebelum dilakukan import, klik pada object lalu ceklis pada Create Movie Clip dan isikan namenya dengan nama objectnya. Lakukan untuk masing-masing object lainnya.
  • Tab Library pada pojok kanan atas akan terisi object-object yang telah dibuat sebelumnya menggunakan Photoshop
  • Drag ekstensi psd pada library ke workspace, maka akan muncul desainnya. Dan sesuaikan posisinya
  • Edit pada library bagian perahu
  • Tambahkan keyframe pada timeline dengan cara klik kiri terlebih dahulu untuk menentukan pada frame berapa lalu klik kanan insert keyframe. Posisikan perahu terserah kalian pada frame akhir lalu klik kanan Create Classic Tween untuk pergerakan object secara smooth. Lakukan hal yang sama dengan object lainnya yang akan bergerak, tentunya langkah ini sama persis.
  • Agar ketika di jalankan object terlihat berjalan dari luar layar maka posisikan object diluar layar dan untuk ketika dijalankan object menghilang ketika keluar layar maka buatkanlah sebuah Mask
  • Buatkan persegi dan sesuaikan ukuran mask dengan ukuran frame, lalu tutupi frame utama
  • Klik kanan pada layer mask, lalu ceklis mask. Maka object diluar frame akan otomatis menghilang

Pembuatan animasi telah selesai, coba jalankan dengan menekan CTRL + Enter.

Untuk menjadikannya sebuah GIF / Video klik pada file pilih Export > Export To Movie.

Terimakasih, jika ada kesulitan dalam pembuatan animasi tersebut silahkan bertanya pada kolom komentar yang telah disediakan


Pengantar Animasi Dan Desain Grafis

Pengantar Animasi Dan Desain Grafis

Sumber : Just Creative

Pengertian Desain Grafis :

Desain grafis merupakan sebuah bentuk seni lukis atau gambar terapan yang memberikan perasaan kebebasan kepada sang desainer atau perancang desain untuk memilih, menciptakan, atau mengatur elemen rupa, seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan.
Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi. Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Di era sekarang ini seorang Desainer Grafis sangat dibutuhkan, karena seorang desainer lah yang dapat membuat suatu ilustrasi yang interaktif dan komunikatif, baik itu pada perusahaan media ataupun digital marketing.

Pengertian Desain Grafis menurut para ahli :

  • Menurut Suyanto, “Aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri”.
  • Jessica Helfand, “Kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang mudah diingat”.
  • Danton Sihombing, “Mempekerjakan berbagai elemen seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan gambar, baik dengan teknik fotografi ataupun ilustrasi”.
  • Michael Kroeger, “Visual communication (komunikasi visual) adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan menggunakan warna, bentuk, garis dan penjajaran”.

Unsur yang harus diperhatikan dalam dalam membangun Desain Grafis :

  • Garis (Line)
Garis adalah sebuah unsur desain yang menghubungkan antara satu titik dengan titik lainnya sehingga tergambarlah sebuah garis dengan bentuk lengkung (curve) atau lurus (straight). Mampu membuat keteraturan, mengarahkan pandangan dan memberikan kesan bergerak serta memiliki karakter tertentu. Penggunaan garis dapat diaplikasikan dalam pembuatan grafik atau bagan.
  • Bentuk (Shape)
Bentuk adalah seperangkat garis yang ditempatkan berdekatan, memiliki diameter, tinggi dan lebar. Ini merupakan obyek 2 (dua) dimensi. Berdasarkan sifatnya, bentuk dapat dikategorikan menjadi tiga, yaitu huruf, simbol, dan bentuk nyata (form). Selain itu hal ini dapat digunakan sebagai perantara sebuah ide.
  • Tekstur (Texture)
Tekstur merupakan sebuah visualisasi dari permukaan yang dapat dinilai dengan cara dilihat atau diraba. Pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda. Tekstur dapat menambah dimensi dan kekayaan sebuah layout, menegaskan atau membawa ke dalam sebuah rasa/emosi tertentu.
  • Ruang
Ruang adalah jarak yang memisahkan antar sesuatu. Biasanya digunakan memisahkan atau menyatukan elemen-elemen layout. Ruang juga berfungsi sebagai tempat istirahat bagi mata. Dalam bentuk fisiknya, pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).
  • Ukuran
Ukuran adalah seberapa besar atau kecil sesuatu hal. Perbandingan ukuran satu bentuk terhadap bentuk lainnya. Dengan menggunakan elemen ini kamu dapat menciptakan kontras dan penekan (emphasis) pada obyek desain, sehingga orang akan tahu sisi menarik atau menonjol dari desain itu dan melihatnya terlebih dahulu.
  • Warna
Warna merupakan media paling akhir dalam komunikasi simbolik dan yang terpenting.Nyatanya, warna dibagi ke dalam dua section, warna yang timbul karena sinar (RGB) dan warna yang dibuat dalam unsur tinta atau cat (CMYK). Dengan warna si desainer dapat menampilkan identitas, menyampaikan pesan atau menarik perhatian serta menegaskan sesuatu. Agar tidak salah dalam menginterpretasi suatu maksud dalam desain kamu, yuk  kenali makna warna .

Berbagai macam Software dalam pembuatan Desain Grafis, diantaranya :

  • Adobe Photoshop
Adobe Photoshop adalah software desain grafis yang secara khusus dirancang untuk memanipulasi objek atau gambar yang akan digunakan dalam suatu kepentingan. Aplikasi software desain grafis ini biasa digunakan oleh para photographer untuk mengedit hasil foto agar terlihat lebih hidup dan nyata. Adobe Photoshop adalah produk terbaik yang pernah dikeluarkan oleh Adobe Systems.
  • GIMP
GIMP seringkali disebut sebagai alternatif dari Photoshop. Selain gratis, software GIMP juga bersifat open source, yaitu dapat dikembangkan oleh siapa pun. Software ini dianggap sebagai salah satu software desain grafis terbaik karena fiturnya yang lengkap dan mudah digunakan bahkan untuk pemula.

Kelebihan utama GIMP adalah tampilannya yang cerah dan modern. Tentunya, karakteristik ini sangat cocok untuk para desainer muda. Selain itu, kualitas grafis yang diberikan pun sangat jernih, sehingga mampu memberikan hasil desain grafis yang berkualitas.
  • Inkscape
Inkscape adalah software alternatif yang bisa kamu gunakan dalam membuat vektor, dan desian grafis yang menggunakan format file SVG. Software desain ini juga bisa digunakan pada Windows, Linux OS, dan Mac.

Pengguna Inkscape ditujukan untuk seorang desainer grafis profesional maupun bagi Freebuddies yang hanya ingin membuat gambar vektor, sketsa, memberi warna pada gambar, atau desain ilustrasi dengan mudah.

Kelebihan lainnya pada software ini yaitu memiliki tampilan antar muka yang sederhana dan mudah digunakan untuk semua pengguna. Software desain ini juga bersifat open source yang masih terus dikembangkan.
  • Adobe Illustrator
Program editor grafis vektor terkemuka, dikembangkan dan dipasarkan oleh Adobe Systems. Illustrator CC merupakan versi terkini program ini, generasi kedua puluh untuk produk Illustrator.
  • Adobe InDesign
InDesign merupakan salah satu software unggulan dalam membuat layout untuk dekstop dan mobile. Adobe InDesign sangat ideal untuk penggunaan desain layout seperti majalah online, brosur atau majalah digital. Fleksibilitas software ini cukup bagus, memungkinkan kamu untuk drag-drop pada layer dan mengubah ukuran gambar dengan mudah.

InDesign juga mendukung layanan seperti Behance dan Typekit untuk kamu mempublikasikan hasil karya digital kamu baik berupa fotografi, video, desain dan pengembangan web atau aplikasi.

Pengertian Animasi menurut para ahli :

  • Agus Suheri
Menurut Agus Suheri pengertian animasi adalah kumpulan dari gambar yang sudah diolah sedemikian rupa sehingga dapat menghasilkan gerakan.
  • Ibiz Fernandez
Menurut Ibiz Fernandes pengertian animasi adalah sebuah proses merekam dan memainkan kembali serankaian gambar statis untuk mendapatkan sebuah ilusi pergerakan. 

Kategori pada Animasi :

  • Animasi Tradisional
Sumber : Pinterest
Animasi tradisional adalah animasi yang tiap frame-nya digambar dengan tangan untuk proses pembuatan atau penciptaannya. Misalnya, setiap satu animasi memerlukan sekitar 20 frame, kemudian ia digambar dalam berlembar-lembar kertas gambar yang kemudian di’putar’ atau digerakkan sehingga muncul gambar bergerak. Sedangkan untuk menayangkannya, bisa menggunakan bantuan mesin, yaitu proyektor khusus.

Disebut animasi tradisional karena cara buat animasi tradisional menggunakan teknik yang sama dengan yang digunakan animasi yang pertama kali muncul. Untuk menciptakan ilusi gerakan, setiap gambar harus sedikit berbeda dari yang sebelumnya. Caranya dengan menjiplak gambar yang dibuat di kertas transparan yang disebut cels. Kemudian diisi dengan cat berwarna dan shading yang berbeda.

Beberapa film yang menggunakan teknik dari cara buat animasi tradisional adalah Animal Farm dan Pinocchio. Sedangkan film yang menggunakan cara buat animasi tradisional yang sudah dibantu teknologi komputer adalah Lion King dan Spirited Away.
  • Animasi Stop Motion 
Sumber : wallaceandgromit
Jenis animasi ini pertamakali ditemukan oleh Blakton pada tahun 1906. Blakton memanfaatkan tanah liat (clay) sebagai objek animasi.

Contoh film yang memakai teknik animasi clay adalah film Chicken Run dan Shaun the sheep. Tentu saja bahan yang digunakan bukanlah tanah liat biasa tapi palasticin, yaitu bahan yang elastis/ lentur.
  • Animasi Komputer 
Sumber : Youtube
Animasi komputer yaitu seni untuk menciptakan gambar bergerak dengan sendiri lewat pemakaian computer serta merupakan beberapa bagian dari computer grafik serta animasi. Sesuai dengan namanya, animasi ini keseluruhannya ditangani dengan mrnggunakan perangkat komputer khusus. Dari pembuatan karakter, mengatur gerakkan “pemain” serta kamera, pemberian nada, dan special effeknya semua di lakukan dengan komputer dan bantuan pihak ke tiga yakni perangkat lunak. Animasi makin banyak dibuat lewat grafik komputer 3D, dan komputer grafik 2D

Contoh hal kecilnya adalah Dengan animasi computer, beberapa hal yang awalannya mustahil digambarkan dengan animasi jadi mungkin saja serta lebih gampang. Seperti perjalanan wahana ruangan angkasa ke satu planet bisa digambarkan dengan cara terang, atau sistem terjadinya bencana alam tsunami.
  • Kombinasi Animasi 
Sumber : Google Images
Animasi kombinasi adalah gabungan dari teknik animasi yang berbeda. Animasi kombinasi dibedakan menjadi 3 yaitu:
  • Kombinasi animasi 2D & 3D : penggabungan teknik animasi 2D dan 3D. Contohnya seperti film The Road to Eldorado, Titan A.E.
  • 2D and Live Shot : penggabungan teknik animasi 2D dengan Live Shot (Syuting Ade-gan). Contohnya seperti pada film Space Jam, Osmosis Jones.
  • 3D and Live Shot : penggabungan teknik animasi 3D dengan Live Shot (Syuting Ade-gan). Contohnya seperti pada film Jurasic Park, Titanic, Lord of the Ring, Harry Potter, Stuart Little, Scooby Doo. 

Prinsip dasar dalam Animasi :

  • Kemampuan Menggambar (solid drawing)
Solid drawing adalah kemampuan individu dalam membuat gambar dengan baik dan benar, dan juga kemampuan dalam mengkomposisikan gambar sehingga terlihat lebih nyata.
  • Menekan dan Melentur (Squash and Stretch)
Squash and Stretch adalah membuat objek hidup ataupun objek mati terlihat seolah-olah nyata sehingga terlihat bergerak secara realistis dan lebih hidup.
  • Antisipasi (Anticipation)
Anticipation adalah membuat gerakan pada sebuah objek secara berurutan sehingga penonton dapat memahami dan menikmati animasi yang ditampilkan.
  • Tata Gerak (Staging)
Staging adalah penataan gerak dengan membuat ekspresi pada karakter atau objek dalam animasi sehingga penonton lebih mudah mengenalinya.
  • Straight Ahead and Pose to Pose
Ini adalah langkah seorang animator bekerja, yaitu dengan terencana dalam membuat gambar, membuat gerakan dan ukuran, yang dilakukan sejak awal membuat animasi.
  • Gerakan Mengikuti
Ketika scene berhenti bergerak, karakter tidak berhenti secara tiba-tiba. Ini membuat sebuah animasi terlihat lebih realistis.
  • Slow In and Slow Out
Ini adalah pengaturan staging dan timing dari satu scene ke scene lainnya dalam sebuah animasi.
  • Konstruksi Lengkung (Archs)
Membuat pergerakan tubuh karakter/ objek animasi terlihat lebih smooth. Misalnya gerakan mahluk hidup atau gerakan benda-benda dalam animasi terlihat lebih realistis.
  • Penentuan Waktu (Timing)
Ini adalah penentuan waktu yang tepat kapan suatu gerakan diberikan pada karakter/ objek dalam animasi yang dibuat.
  • Gerakan Pendukung (Secondary Action)
Ini adalah membuat berbagai gerakan pendukung untuk melengkapi karakter pada ekspresi ataupun aksi agar terlihat lebih nyata.
  • Melebihkan (Exaggeration)
Ini merupakan upaya membuat suatu karakter terlihat lebih meyakinkan dalam aksinya, misalnya membuat sebuah karakter menjadi lebih lucu.
  • Daya Tarik (Appeal)
Ini merupakan kualitas dari animasi dimana penonton dapat menikmati gambar yang memikat, desain yang bagus, punya daya tarik, dan kelebihan lainnya.

Software dalam pembuatan Animasi :

  • Anime Studio
Anime Studio adalah salah satu software pembuat animasi terbaik yang memiliki banyak fitur. Kamu dapat men-download trial version dari software secara gratis. Anime Studio adalah aplikasi animasi besar yang memungkinkan pengguna untuk menggambar karakter latar belakang, masukan dan lain-lain. Software animasi dapat membantu kamu untuk mempublikasikan film animasi kamu sendiri dengan mudah. Anime Studio memiliki banyak fitur dengan banyak konten animasi pre loaded sehingga kamu dapat membuat segala jenis animasi dengan cepat.
  • FotoMorph
FotoMorph adalah salah satu software yang terbaik untuk Windows OS. Salah satu perangkat lunak animasi paling berguna yang memiliki banyak fitur untuk mengedit dan meningkatkan gambar animasi kamu. FotoMorph telah dirancang untuk membuat animasi real time dengan sangat mudah menggunakan antarmuka sehingga pengguna bisa mendapatkan gambar pengeditan yang menyenangkan. FotoMorph memungkinkan pengguna untuk membuat foto lucu dalam hitungan menit.
  • Abrosoft FantaMorph
Salah satu software animasi terbaik yang dapat digunakan untuk menghidupkan foto dengan mudah.Meskipun ini software animasi bukanlah sebuah software gratis tapi kamu dapat men-download versi percobaan gratis dari Abrosoft FantaMorph pada PC kamu. Salah satu perangkat lunak animasi paling kuat bahwa pengguna dapat morphing gambar dan efek animasi canggih.
  • Aurora 3D Animation Maker
Aurora 3D Animation Maker merupakan salah satu aplikasi animasi yang paling populer yang memiliki banyak fitur untuk menciptakan efek animasi terbatas dalam film kamu. Kamu dapat menambahkan efek animasi khusus dalam gambar dan film dengan mudah menggunakan antarmuka. Perangkat lunak ini memungkinkan pengguna untuk menambahkan watermark untuk video dan foto dengan efek khusus. Kamu dapat menemukan banyak fitur yang berguna dalam software ini dan kamu juga dapat men-download versi percobaan gratis dari perangkat lunak yang besar.
  • AnimatorDV Simple
AnimatorDV Simple adalah perangkat lunak animasi yang kuat yang membantu pengguna menciptakan film animasi stop motion dengan mudah menggunakan antarmuka. Kamu dapat men-download versi lengkap dari Simple AnimatorDV secara gratis dari situs web software download.

Referensi terkait :

https://idseducation.com/articles/ilmu-desain-grafis-menurut-para-pakar/
https://idseducation.com/articles/memahami-elemen-elemen-dalam-desain/
https://fastwork.id/blog/software-desain-grafis/
https://www.maxmanroe.com/vid/teknologi/pengertian-animasi.html
https://www.komputerdia.com/2017/04/pengertian-komputer-animasi-animasi-komputer-dan-perkembangannya.html
http://arbyseptiana4.blogspot.com/2017/06/animasi-kombinasi.html
https://idseducation.com/articles/software-pembuat-animasi-terbaik/