Animasi & Desain Grafis

Animasi

Animasi adalah gambar bergerak yang dibuat dengan cara merekam gambar-gambar diam, kemudian rekaman gambar-gambar tersebut diputar ulang dengan berurutan sehingga terlihat tidak lagi sebagai masing-masing gambar terpisah, tetapi sebagai sebuah kesatuan yang menghasilkan ilusi pergerakan yang tidak terputus. Manusia pada zaman dahulu kala sudah pernah mencoba untuk menggambar sebuah gerakan, contohnya gambar hewan yang kakinya digambar dengan pose yang menunjukkan bahwa hewan tersebut seolah-olah bergerak dalam gua pada zaman paleolitikum. Salah satu cikal bakal dari animasi adalah Wayang, dimana sudah ada di Indonesia pada abad  ke 9. Animasi pertama kali dibuat oleh Fady Saeed dari Mesir tahun 1756. Pada abad ke 17 sampai 19, peralatan-peralatan animasi sederhana telah ditemukan  sebelum munculnya proyektor film. Sejarah Film Animasi dimulai pada tahun 1890, Film animasi yang pertama kali dibuat oleh Charles-Émile Reynaud, penemu Praxinoscope, yaitu sebuah sistem gerakan yang menggunakan putaran dari 12 gambar. Pada tanggal 18 Oktober 1892, di Musée Grévin di kota Paris, Perancis, beliau memamerkan animasi dengan putaran dari 500 gambar.

Pengertian Animasi

Animasi merupakan suatu teknik menampilkan gambar berurut sedemikian rupa sehingga penonton merasakan adanya ilusi gerakan (motion) pada gambar yang ditampilkan. Secara umum ilusi gerakan merupakan perubahan yang dideteksi secara visual oleh mata penonton sehingga tidak harus perubahan yang terjadi merupakan perubahan posisi sebagai makna dari istilah gerakan. Perubahan seperti perubahan warna pun dapat dikatakan sebuah animasi.

Dalam setiap Animasi terdapat karakter. Karakter adalah orang, hewan maupun objek nyata lainnya yang dituangkan dalam bentuk gambar 2D maupun 3D. sehingga 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.

Jenis-jenis animasi:

1. Animasi cel  merupakan animasi tertua dan merupakan bentuk animasi yang paling popular. Kata cel berasal dari kata “celluloid” yang merupakan materi yang digunakan untuk membuat film gambar bergerak pada tahun-tahun awal animasi. Sekarang material film dibuat dari asetat (acetate). Biasanya digambar dengan menggunakan tangan (hand-drawn animation). Animasi cel biasanya merupakan lembaran-lembaran yang membentuk animasi tunggal. Masing-masing sel merupakan bagian yang terpisah, misalnya antara obyek dengan latar belakangnya, sehingga dapat saling bergerak mandiri. Misalnya seorang animator akan membuat animasi orang berjalan, maka langkah pertama dia akan menggambar latar belakang, kemudian karakter yang akan berjalan di lembar berikutnya, pada akhirnya gambar akan tampil bersamaan(seperti pada metode layer)
   
2. Animasi framemerupakan animasi yang paling sederhana, dimana animasinya didapatkan dari rangkaian gambar yang bergantian ditunjukan, pergantian gambar ini diukur dalam satuan fps (frame per second). Contoh animasi ini adalah ketika kita membuat rangkaian gambar yang berbeda pada tepian sebuah buku, kemudian kita buka buku tersebut sedemikian rupa menggunakan jempol, maka gambar akan terlihat bergerak. Dalam Macromedia Flash, animasi ini dibuat dengan teknik animasi keyframe, teknik ini sering digunakan untuk mendapatkan animasi objek yang tidak bisa didapatkan dengan teknik animasi tween, teknik animasi path dan teknik animasi script.
   
3. Animasi spriteMetode animasi ini yang menjadikan objek “sprite” yang dapat bergerak secara individual dimana objek yang lainnya hanya sebagai background atau latar belakang yang  tidak bergerak. Prosesnya adalah mebuat gambar sprite dengan latar belakang warna hitam, lalu dibuat juga sprite yang sama tetapi berwarna hitam dan latar belakangnya adalah warna tertinggi, kemudian ditempatkan dengan pertama-tama menyimpan background yang akan ditimpa oleh sprite dan ditempatkan sprite dengan Xor dan ditimpa dengan warna tertinggi secara Xor. Animasi sprite memiliki perbedaan dengan animasi cell dan animasi frame, setiap objek dalam animasi sprite bergerak tidak dalam waktu bersamaan namun memiliki fpsatau frame per detik yang berbeda dan bila ingin di edit maka harus dilakukan pada masing-masing objek sprite tersebut. Contoh animasi dengan tipe objek sprite ini adalah membuat simulasi tata surya dimana latar belakangnya tidak bergerak. Hanya planet-planet saja yang bergerak.
   
4. Animasi pathAnimasi path adalah animasi dari objek yang gerakannya mengikuti garis lintasan yang sudah ditentukan. Contoh animasi jenis ini adalah animasi kereta api yang bergerak mengikuti lintasan rel. Biasanya dalam animasi path diberi perulangan animasi, sehingga animasi terus berulang hingga mencapai kondisi tertentu. Dalam Macromedia Flash, animasi jenis ini didapatkan dengan teknik animasi path, teknik ini menggunakan layer tersendiri yang didefinisikan sebagai lintasan gerakan objek. Dan masih banyak lagi jenis animasi lainnya.

Prinsip Dasar Animasi

1. Solid DrawingKemampuan menggambar sebagai dasar utama animasi memegang peranan yang menentukan “baik proses maupun hasil” sebuah animasi, terutama animasi klasik. Meskipun kini peran gambar yang dihasilkan sketsa manual sudah bisa digantikan oleh komputer, tetapi dengan pemahaman dasar dari prinsip ‘menggambar’ akan menghasilkan animasi yang lebih ‘peka’. Sebuah obyek/gambar dibuat sedemikian rupa sehingga memiliki karakteristik sebuah obyek (volume, pencahayaan dan konsistensi kualitas gambar/bentuk/karakter).
   
2. Timing & SpacingGrim Natwick, seorang animator Disney pernah berkata, “Animasi adalah tentang timing dan spacing”. Timing adalah tentang menentukan waktu kapan sebuah gerakan harus dilakukan, sementara spacing adalah tentang menentukan percepatan dan perlambatan dari bermacam-macam jenis gerak.
   Contoh Timing: Menentukan pada detik keberapa sebuah obyek/karakter berjalan sampai ke tujuan atau berhenti.Contoh Spacing: Menentukan kepadatan gambar (yang pada animasi akan berpengaruh pada kecepatan gerak).
   
3. Squash & Stretch
   Squash and strecth adalah upaya penambahan efek lentur (plastis) pada objek atau figur sehingga seolah-olah ‘memuai’ atau ‘menyusut’ sehingga memberikan efek gerak yang lebih hidup. Penerapan squash and stretch pada figur atau benda hidup (misal: manusia, binatang, creatures) akan memberikan ‘enhancement’ sekaligus efek dinamis terhadap gerakan/action tertentu, sementara pada benda mati (misal : gelas, meja, botol) penerapan squash and stretch akan membuat mereka (benda-benda mati tersebut) tampak atau berlaku seperti benda hidup.Contoh ketika sebuah bola dilemparkan. Pada saat bola menyentuh tanah maka dibuat seolah-olah bola yang semula bentuknya bulat sempurna menjadi sedikit lonjong horizontal, meskipun kenyataannya keadaan bola tidak selalu demikian. Hal ini memberikan efek pergerakan yang lebih dinamis dan ‘hidup’.
   
4. Anticipation
   Anticipation boleh juga dianggap sebagai persiapan/awalan gerak atau ancang-ancang. Seseorangyang bangkit dari duduk harus membungkukkan badannya terlebih dahulu sebelum benar-benar berdiri. Pada gerakan melompat, seseorang yang tadinya berdiri harus ada gerakan ‘membungkuk’ terlebih dulu sebelum akhirnya melompat.
   
5. Slow In and Slow Out
   Slow In dan Slow Out menegaskan bahwa setiap gerakan memiliki percepatan dan perlambatan yang berbeda-beda. Slow in terjadi jika sebuah gerakan diawali secara lambat kemudian menjadi cepat. Slow out terjadi jika sebuah gerakan yang relatif cepat kemudian melambat.
   
6. ArcsPada animasi, sistem pergerakan tubuh pada manusia, binatang, atau makhluk hidup lainnya bergerak mengikuti pola/jalur (maya) yang disebut Arcs. Hal ini memungkinkan mereka bergerak secara ‘smooth’ dan lebih realistik, karena pergerakan mereka mengikuti suatu pola yang berbentuk lengkung (termasuk lingkaran, elips, atau parabola). Sebagai contoh, Arcs ditunjukkan pada lintasan tangan saat melempar bola dan lintasan gerak bola di udara.
   
7. Secondary ActionSecondary action adalah gerakan-gerakan tambahan yang dimaksudkan untuk memperkuat gerakan utama supaya sebuah animasi tampak lebih realistik. Secondary action tidak dimaksudkan untuk menjadi ‘pusat perhatian’ sehingga mengaburkan atau mengalihkan perhatian dari gerakan utama. Kemunculannya lebih berfungsi memberikan emphasize untuk memperkuat gerakan utama.Contoh: Ketika seseorang sedang berjalan, gerakan utamanya tentu adalah melangkahkan kaki sebagaimana berjalan seharusnya. Namun sambil berjalan ‘seorang’ figur atau karakter animasi dapat sambil mengayun-ayunkan tangannya. Gerakan mengayun-ayunkan tangan inilah yang disebut secondary action untuk gerakan berjalan.
   
8. Follow Through and Overlapping Action
   Follow through adalah tentang bagian tubuh tertentu yang tetap bergerak meskipun seseorang telah berhenti bergerak. Misalnya, rambut yang tetap bergerak sesaat setelah melompat. Overlapping action secara mudah bisa dianggap sebagai gerakan saling-silang. Maksudnya, adalah serangkaian gerakan yang saling mendahului (overlapping). Contoh : Kelinci yang melompat. Sesaat setelah melompat telinganya masih bergerak-gerak meskipun gerakan utama melompat telah dilakukan.
   
9. Straight Ahead Action and Pose to PoseDari sisi resource dan pengerjaan, ada dua cara yang bisa dilakukan untuk membuat animasi. Yang pertama adalah Straight Ahead Action, yaitu membuat animasi dengan cara seorang animator menggambar satu per satu, frame by frame, dari awal sampai selesai seorang diri. Teknik ini memiliki kelebihan: kualitas gambar yang konsisten karena dikerjakan oleh satu orang saja. Tetapi memiliki kekurangan yaitu waktu pengerjaan yang lama.
   Yang kedua adalah Pose to Pose, yaitu pembuatan animasi oleh seorang animator dengan cara menggambar hanya pada keyframe-keyframe tertentu saja, selanjutnya in-between atau interval antar keyframe digambar/dilanjutkan oleh asisten/animator lain. Cara kedua ini memiliki waktu pengerjaan lebih cepat karena melibatkan lebih banyak sumber daya sehingga lebih cocok diterapkan pada industri animasi.
   
10. Staging
    Staging dalam animasi meliputi bagaimana ‘lingkungan’ dibuat untuk mendukung suasana atau ‘mood’ yang ingin dicapai dalam sebagian atau keseluruhan scene. Biasanya berkaitan dengan posisi kamera pengambilan gambar. Posisi kamera bawah membuat karakter terlihat besar dan menakutkan, kamera atas membuat karakter tampak kecil dan bingung sedangkan posisi kamera samping membuat karakter tampak lebih dinamis dan menarik.
    
11. Appeal
    Appeal berkaitan dengan keseluruhan look atau gaya visual dalam animasi. Kita bisa dengan mudah mengidentifikasi gaya animasi buatan Jepang dengan hanya melihatnya sekilas. Kita juga bisa melihat style animasi buatan Disney atau Dreamworks cukup dengan melihatnya beberapa saat. Hal ini karena mereka memiliki appeal atau gaya tersendiri dalam pembuatan karakter animasi.Ada juga yang berpendapat bahwa appeal adalah tentang penokohan, berkorelasi dengan ‘kharisma’ seorang tokoh atau karakter dalam animasi. Sehingga visualisasi animasi yang ada bisa mewakili karakter/sifat yang dimilkiki.
    
12. ExaggerationExaggeration merupakan upaya mendramatisir animasi dalam bentuk rekayasa gambar yang bersifat hiperbolis. Dibuat sedemikian rupa sehingga terlihat sebagai bentuk ekstrimitas ekspresi tertentu dan biasanya digunakan untuk keperluan komedik. Seringkali ditemui pada film-film animasi anak-anak (segala usia) seperti Tom & Jery, Donald Duck, Mickey Mouse, Sinchan, dsb.

Kesimpulan:

Animasi merupakan suatu teknik membuat kumpulan gambar berurut yang disusun sedemikian rupa sehingga menjadikannya sebuah ilusi gerakan (motion) pada gambar yang ditampilkan. Dalam setiap Animasi terdapat karakter. Karakter adalah orang, hewan maupun objek nyata lainnya yang dituangkan dalam bentuk gambar 2D maupun 3D. sehingga karakter animasi secara dapat diartikan sebagai gambar yang memuat objek yang seolah-olah hidup, 

Adapun jenis jenis animasi yaitu: Animasi cel, Animasi frame, Animasi sprite, Animasi path dan masih banyak lagi jenis animasi lainnya.

Ada 12 prinsip animasi yang sering dipelajari, perinsip tersebut digunakan dalam teknik animasi stop motion dan dalam penerapannya tentu lebih tergantung pada pilihan sang animator.

Desain Grafis

Desain grafis atau rancang grafis adalah proses komunikasi menggunakan elemen visual, seperti tulisan, bentuk, dan gambar yang dimaksudkan untuk menciptakan persepsi akan suatu pesan yang disampaikan. Bidang ini melibatkan proses komunikasi visual.

Batasan Media

Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia.

Batas dimensi pun telah berubah seiring perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang.

Prinsip-prinsip Desain

Prinsip dasar desain merupakan pengorganisasian unsur-unsur dasar desain dengan memperhatikan prinsip-prinsip dalam menciptakan dan mengaplikasikan kreativitas. Frank Jefkins (1997:245) mengelompokkan prinsip-prinsip desain menjadi: kesatuan, keberagaman, keseimbangan, ritme, keserasian, proporsi, skala, dan penekanan.

1. Kesatuan (unity)Kesatuan merupakan sebuah upaya untuk menggabungkan unsur-unsr desain menjadi suatu bentuk yang proporsional dan menyatu satu sama lain ke dalam sebuah media. Kesatuan desain merupakan hal yang penting dalam sebuah desain, tanpa ada kesatuan unsur-unsur desain akan terpecah berdiri sendiri-sendiri tidak memiliki keseimbangan dan keharmonisan yang utuh.
   
2. Keberagaman (variety)Keberagaman dalam desain bertujuan untuk menghindari suatu desain yang monoton. Untuk itu diperlukan sebuah perubahan dan pengkontrasan yang sesuai. Adanya perbedaan besar kecil, tebal tipis pada huruf, pemanfaatan pada gambar, perbedaan warna yang serasi, dan keragaman unsur-unsur lain yang serasi akan menimbulkan variasi yang harmonis.
   
3. Keseimbangan (balance)Keseimbangan adaslah bagaimana cara mengatur unsur-unsur yang ada menjadi sebuah komposisi yang tidak berat sebelah. Keseimbangan dapat tercapai dari dua bagian, yaitu secara simetris yang terkesan resmi/formal yang tercipta dari sebuah paduan bentuk dan ukuran tata letak yang sama, sedangkan keseimbangan asimetris memberi kesan informal, tapi dapat terlihat lebih dinamis yang terbentuk dari paduan garis, bentuk, ukuran, maupun tata letak yang tidak sama namun tetap seimbang.
   
4. Ritme/irama (rhythm)Aliran secara keseluruhan terhadap desain selalu menyiratkan irama yang nyaman. Suatu gerak yang dijadikan sebagai dasar suatu irama dan ciri khasnya terletak pada pengulangan-pengulangan yang dilakukan secara teratur yang diberi tekanan atau aksen. Ritme membuat adanya kesan gerak yang menyiratkan mata pada tampilan yang nyaman dan berirama.
   
5. Keserasian (harmony)Suptandar (1995:19) mengartikan keserasian sebagai usaha dari berbagai macam bentuk, bangun, warna, tekstur, dan elemen lain yang disusun secara seimbang dalam suatu komposisi utuh agar nikmat untuk dipandang. Keserasian adalah keteraturan di antara bagian-bagian suatu karya.
   
6. Proporsi (proportion)Proporsi merupakan perbandingan antara suatu bilangan dari suatu obyek atau komposisi (Kusmiati, 1999:19). Bisa dikatakan bahwa proporsi merupakan kesesuaian ukuran dan bentuk hingga tercipta keselarasan dalam sebuah bidang. Terdapat tiga hal yang berkaitan dengan masalah proporsi, yaitu penempatan susunan yang menarik, penentuan ukuran dan bentuk yang tepat, dan penentuan ukuran sehingga dapat diukur atau disusun sebaik mungkin.
   
7. Skala (scale)Skala adalah ukuran relatif dari suatu obyek, jika dibandingkan terhadap obyek atau elemen lain yang telah diketahui ukurannya (Kusmiati, 1999:14). Skala berhubungan dengan jarak pandang atau penglihatan dengan unsur-unsur yang telah dimunculkan (faktor keterbacaan). Skala juga sangat berguna bagi terciptanya kesesuaian bentuk atau obyek dalam suatu desain.
   
8. Penekanan (emphasis)Frank Jeffkin (1997:246) menyebutkan bahwa: “Dalam penekanan, all emphasis is no emphasis, bila semua ditonjolkan, maka yang terjadi adalah tidak ada hal yang ditonjolkan. Adanya penekanan dalam desain merupakan hal yang penting untuk menghindari kesan monoton. Penekanan dapat dilakukan pada jenis huruf, ruang kosong, warna, maupun yang lainnya akan menjadikan desain menjadi menarik bila dilakukan dalam proporsi yang cukup dan tidak berlebihan.

Aspek-aspek Desain Komunikasi Visual

Atau Desain Komunikasi Visual juga dapat diartikan ilmu yang mempelajari konsep komunikasi dan ungkapan kreatif, teknik dan media untuk menyampaikan pesan dan gagasan secara visual, termasuk audio dengan mengolah elemen desain grafis berupa bentuk dan gambar, huruf dan warna, serta tata letaknya, sehingga pesan dan gagasan dapat diterima oleh sasarannya.

1. Ilustrasi
   Ilustrasi juga merupakan seni gambar yang dimanfaatkan untuk memberikan penjelasan atas suatu maksud atau tujuan secara visual. Dalam perkembangannya, ilustrasi secara lebih lanjut ternyata tidak hanya berguna sebagai sarana pendukung cerita, tetapi dapat juga menghiasi ruang kosong. Misalnya dalam majalah, koran tabloid dan lain-lain. Ilustrasi bisa berbentuk macam-macam, seperti karya seni sketsa, lukis, grafis, karikatural, dan akhir-akhir ini bahkan dipakai image bitmap hingga karya foto
2. Teks
   Teks Merupakan kata-kata yang terdapat pada buku atau iklan. Teks berupa sederetan kata, atau kalimat yang menjelaskan suatu barang atau jasa untuk tujuan tertentu. Bahasa yang digunakan untuk penyusunan teks pada iklan hendaknya sederhana jelas, singkat, dan tepat serta memiliki daya tarik pada kalimatnya
3. Tipografi
   Kata tifografi berasal dari bahasa latin yaitu terdiri dari kata typos dan graphia. Typos artinya cetakan bentuk dan sejenisnya, sedangkan graphia artinya hal tentang seni tulisan.
4. Warna
   Warna adalah hal yang pertama dilihat oleh seseorang (terutama warna background). Warna akan membuat kesan atau mood untuk keseluruhan gambar atau grafis. Warna merupakan unsur penting dalam grafis karena dapat memberikan dampak psikologis kepada orang yang melihatnya
5. Media
   Media merupakan sarana untuk menyampaikan pesan atau informasi kepada publik dengan menggunakan berbagai unsur komunikasi grafis seperti teks atau gambar/foto.

Kesimpulan:

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art.

Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi ("proportion") dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas.