Pengantar Animasi dan Desain Grafis

Pengantar Animasi dan Desain Grafis

 

Kelas : 3KA08

Kelompok 1:

BIAN INDAH KURNIA ANCING (11117211)

ADE HERIADI PUTRA (17117118)

ARIQ MURTHADO (10117962)

AJIE SETIAWAN PUTRA (10117402)

ALTHAF NAUFAL RAFKIANTO ( 10117549)

DANNY ( )

SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI

UNIVERSITAS GUNADARMA

ATA 2019/2020

ABSTRAK

Desain grafis dan animasi adalah bidang ilmu yang mempelajari komunikasi visual. Ruang lingkup desain grafis dan animasi adalah desain yang mengkomunikasikan informasi dan pesan yang ditampilkan dengan menggunakan dan memadukan elemen rupa, huruf, dan citra sebagai bahasa untuk berkomunikasi secara visual dengan khalayak sasaran yang spesifik. Pada perancangan  dan pembuatan animasi ini, penulis membuat animasi bertema kesehatan menggunakan software Microsoft Office Power Point. Dan untuk perancangan desain grafis yang juga bertema kesehatan, menggunakan softraware Adobe Photoshop. Animasi dan desain grafis ini dibuat dalam rangka memenuhi tugas penulis pada mata kuliah Pengantar Animasi dan Desain Grafis.

ABSTRACK

Graphic design and animation are fields that discuss visual communication. Graphic and graphic space is a design that communicates information and messages that support and integrate elements, letters and images as a language to communicate visually with specific target audiences. In the design and manufacture of this animation, the author makes health-themed animation using Microsoft Office Power Point software. And for graphic design designs that are also health-themed, use Adobe Photoshop software. This animation and graphic design was created in order to fulfill the writer's task in the Introduction to Animation and Graphic Design.

1.      Pendahuluan

1.1        Latar Belakang

Desain grafis dan animasi adalah bidang ilmu yang mempelajari komunikasi visual. Ruang lingkup desain grafis dan animasi adalah desain yang mengkomunikasikan informasi dan pesan yang ditampilkan dengan menggunakan dan memadukan elemen rupa, huruf, dan citra sebagai bahasa untuk berkomunikasi secara visual dengan khalayak sasaran yang spesifik. Desain grafis dan animasi merupakan lahan profesi bergengsi yang makin diminati kaum muda saat ini karena peluang untuk bekerja begitu besar dengan gaji dan fasilitas yang baik, kesempatan berwirausaha pun terbuka luas. Teknologi komputer yang makin canggih membuat dunia desain grafis dan animasi kian marak. Ide-ide kreatif dapat dituangkan tanpa batas dalam merancang berbagai media komunikasi visual, seperti brosur, iklan, poster, website, kemasan, sign, film animasi.

Animasi komputer dan desain grafis adalah seni menghasilkan gambar bergerak sendiri melalui penggunaan komputer dan merupakan sebahagian bidang komputer grafik dan animasi. Animasi semakin banyak dihasilkan melalui grafik komputer 3D, walaupun grafik komputer 2D masih banyak ada. Kadangkala sasaran animasi adalah komputer itu sendiri, kadangkala sasarannya adalah perantaraan lain, seperti film. Perkembangan teknologi komputer dibidang desain grafis dan animasi pada saat ini berjalan sangat cepat dalam berbagai bidang. Animasi begitu dikenal dalam bidang perfilman, terutama dunia anak-anak. Akan tetapi, sekarang animasi tidak hanya digunakan dalam dunia hiburan seperti pembuatan film dan permainan, tetapi juga dalam pembuatan desain web dan dunia pendidikan. Pada perancangan dan pembuatan animasi ini, penulis membuat animasi bertema kesehatan menggunakan software Microsoft Office Power Point. Dan untuk perancangan desain grafis yang juga bertema kesehatan, menggunakan softraware Adobe Photoshop. Animasi dan desain grafis ini dibuat dalam rangka memenuhi tugas penulis pada mata kuliah Pengantar Animasi dan Desain Grafis.

1.2        Tujuan

Berdasarkan latar belakang diatas, penulis bertujuan untuk membuat animasi dan desain grafis bertema kesehatan dalam rangka memenuhi tugas penulis pada mata kuliah Pengantar Animasi dan Desain Grafis. Juga untuk menambah wawasan mengenai perancangan dan pembuatan animasi dan desain grafis.

1.3        Manfaat

Berdasarkan tujuan diatas, manfaat penulisan ini untuk memenuhi tugas penulis pada mata kuliah Pengantar Animasi dan Desain Grafis. Juga menambah wawasan mengenai perancangan dan pembuatan animasi dan desain grafis.

2.      Pembahasan

2.1           Animasi

Animasi berasal dari bahasa latin, Anima yang berarti memberi nyawa, hidup, jiwa dan semangat. Animasi sendiri memiliki arti sebagai seni memanipulasi gambar menjadi seolah-olah hidup dan bergerak. Animasi juga merupakan sekupulan beberapa gambar yang dirangkai, dengan pergerakan yang cepat dan berkelanjutan atau terus-menerus memiliki hubungan antara satu dengan yang lainnya.

 

Penjelasan animasi sebagai dasar sebuah seni dalam mempelajari gerakan suatu objek, dan gerakan merupakan sesuatu hal yang paling diutamakan agar suatu objek atau karakter dapat terlihat nyata. Gerakan memiliki hubungan yang erat dalam pengaturan waktu dalam animasi (Maestri & Adindha, 2006).

Menurut Vaughan (2004), animasi adalah usaha untuk membuat presentasi statis menjadi hidup. Animasi merupakan sebuah perubahan visual sepanjang waktu yang memberi kekuatan besar terhadap proyek multimedia dan halaman web yang dibuat. Di dalam multimedia, animasi merupakan penggunaan dari komputer untuk menciptakan gerakan pada layar. Kesimpulan dari pengertian animasi yang sudah ada bahwa, animasi mewujudkan suatu teknik untuk menciptakan sebuah karya audio dan visual yang berdasarkan pada pengaturan waktu dan gambar. Berikut ini jenis - jenis animasi yang banyak digunakan dalam industri hiburan:

2.1.1        Animasi Sel (Cell Animation)

Kata "cell" berasal dari kata "celluloid", yang merupakan material yang digunakan untuk membuat film gambar bergerak pada saat awal. Sekarang, material film dibuat dari asetat (acetate), bukan celluloid. Potongan animasi dibuat pada sebuah potongan asetat atau sel (cell). Sel animasi biasanya merupakan lembaran-lembaran yang membentuk sebuah frame animasi tunggal. Sel animasi merupakan sel yang terpisah dari lembaran latar belakang dan sebuah sel untuk masing-masing obyek yang bergerak secara mandiri di atas latar belakang.

 

Lembaran-lembaran ini memungkinkan animator untuk memisahkan dan menggambar kembali bagian-bagian gambar yang berubah antara frame yang berurutan. Sebuah frame terdiri dari sel latar belakang dan sel di atasnya. Misalnya seorang animator ingin membuat karakter yang berjalan, pertama-tama dia menggambar lembaran latar belakang, kemudian membuat karakter akan berjalan pada lembaran berikutnya, selanjutnya membuat membuat karakter ketika kaki diangkat dan akhirnya membuat karakter kaki dilangkahkan. Di antara lembaran-lembaran (frame-frame) dapat disipi efek animasi agar karakter berjalan itu mulus. Frame-frame yang digunakan untuk menyisipi celah-celah tersebut disebut keyframe. Selain dengan keyframe proses dan terminology animasi sel dengan layering dan tweening dapat dibuat dengan animasi komputer.

2.1.2        Animasi Bingkai (Frame Animation)

Animasi bingkai adalah bentuk animasi yang sederhana memucat. Pada komputer multimedia, animasi Buku nihil menampilkan sebuah gambar yang berurutan secara cepat. Antara gambar satu (frame satu) dengan artikel baru gambar lain (bingkai lain) berbeda.

2.1.3        Animasi Sprite (Sprite Animasi)

Sprite beranimasi dan bergerak sebagai obyek yang mandiri. Dalam animasi sprite, sebuah gambar tunggal atau berurutan dapat ditempelkan. Dalam sprite dapat dianimasikan. Dalam satu klien untuk membuka posisi, seperti halnya planet berputar atau burung bergerak sepanjang garis lurus.

2.1.4        Animasi Path ( Path Animasi)

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

2.1.5        Animasi Spline (Spline Animasi)

Spline adalah representasi matematis dari kurva. Objek bergerak biasanya tidak mengikuti garis lurus, misalnya bentuk kurva, program animasi komputer memungkinkan untuk membuat animasi spline dengan lintasan gerak berbentuk kurva.

2.1.6        Animasi Vektor (Vector Animasi)

Animasi vektor adalah animasi yang menggunakan rumus matematika untuk menggambarkan objeknya. Setiap objek dalam animasi vektor bergerak secara mandiri dengan latar belakang yang diam (hampir sama dengan animasi sprite).

2.1.7        Animasi Clay (Clay Animasi)

Animasi ini sering disebut juga animasi doll (boneka). Animasi ini dibuat menggunakan boneka-boneka tanah liat atau material lain yang digerakkan perlahan-lahan, kemudian setiap gerakan boneka-boneka tersebut difoto secara beruntun, setelah proses pemotretan selesai, rangkaian foto dijalankan dalam kecepatan tertentu sehingga dihasilkan gerakan animasi yang unik.

2.1.8        Animasi Karakter (Character Animation)

Animasi karakter biasanya digunakan dalam film kartun berbasis 3 dimensi. Pada animasi ini setiap karakter memiliki ciri dan gerakan yang berbeda tetapi bergerak secara bersamaan. Dalam pengerjaannya sangat mengandalkan computer, hanya pada pemulaan saja menggunakan teknik manual, yaitu pembuatan sketsa model atau model patung yang nantinya di-scan dengan Scanner biasa atau 3D Scanner. Setelah itu proses pembuatan objek dilakukan di computer menggunakan perangkat lunak 3D modelling and animation (Maya Unlimited, 3ds max dan lain sebagainya). Setelah itu dilakukan editing video, penambahan special efek dan suara menggunakan perangkat lunak terpisah. Ada juga beberapa animasi dengan teknik ini yang menggunakan alam nyata sebagai latar cerita animasi tersebut.

2.1.9        Animasi Digital (Digital Animation)

Animasi digital adalah penggabungan teknik cell (Hand Drawn) yang dibantu dengan computer. Gambar yang sudah dibuat dengan tangan kemudian dipindahkan, diwarnakan, dikenakan pergerakan, dan diberi efek dalam computer, sehingga animasi boleh didapati lebih hidup tetapi tidak meninggalkan identitinya sebagai animasi 2 dimensi.

2.2        Desain Grafis

Motion graphic adalah pengembangan dari seni desain grafis. Desain Grafis adalah salah satu bentuk seni terapan yang mengkomunikasikan pesan, informasi, ide, konsep, atau ajakan menggunakan bahasa visual. Penerapan desain grafis umumnya ada di dalam dunia periklanan, perfilman, broadcasting, branding, profil perusahaan, dan lain-lain. Desain grafis juga merupakan pemecahan masalah atau solusi komunikasi yang dilakukan desainer untuk memecahkan masalah klien.

Desain grafis mencakup keterampilan mengolah visual, yang didalamnya termasuk tipografi, ilustrasi, fotografi, olah digital, dan layout. Seorang desainer dituntut memiliki kepekaan terhadap fenomena yang terjadi di sekitar lingkungan, agar karya yang diciptakan mampu memecahkan sebuah masalah yang ada. Sebelum mengeksekusi sebuah desain, para desainer biasanya melakukan sebuah riset atau penelitian tertentu. Setelah itu, untuk menemukan berbagai macam keywords (kata kunci), desainer melakukan brainstorming, mengenai data hasil riset yang sudah dilakukan. Kebanyakan desainer, sebelum mengeksekusi desain lewat proses komputerisasi, terlebih dahulu menuangkan ide-idenya lewat sketsa- sketsa kasar di atas kertas. Proses desain juga melalui beberapa revisi untuk mencapai target yang diinginkan klien.

Berikut ini beberapa jenis - jenis desain grafis yakni:

1.      Desain Grafis 2 Dimensi

Desain grafis yang terlihat tidak timbul (kurang terlihat nyata), contohnya spanduk berisi tulisan biasa, tulisan biasa yang tertulis pada bidang apapun, gambar persegi, gambar lingkaran, dll.

2.      Desain Grafis 3 Dimensi

Desain grafis yang terlihat timbul (terlihat nyata), contohnya spanduk dengan gambar foto nyata, gambar atau tulisan yang nampak timbul, gambar balok, kubus, bola, dll.

3.      Desain Grafis Multimedia

Desain grafis yang bisa dinikmati oleh beberapa indera, seperti penglihatan sekaligus suara, contoh desain grafis multimedia lama adalah wayang kulit ketika dimainkan, contoh desain grafis multimedia terbaru adalah film kartun atau film animasi.

Proses Pembuatan Desain Grafis terdiri dari Ide / Konsep, Proses Pembuatan (metode) dan Hasil Desain. Komputer untuk pengerjaan Animasi dan Desain Grafis membutuhkan software untuk mengolah animasi dan desain grafis berdasarkan animasi dan desain grafis yang akan dibuat. software pengolah gambar & foto seperti Adobe Photoshop, CorelDRAW, Photo editor, Adobe Illustrator, dll. Software untuk Desain Website (webdesign) seperti Adobe Dreamweaver, Adobe Photoshop, Microsoft Frontpage, Notepad, dll. Software untuk Desain Multimedia / Audio Visual seperti Microsoft Office Power Point, Adobe After Effect, Adobe Premier, Adobe Flash, dll. Software untuk membuat Desain Grafis 3 Dimensi seperti 3D StudioMax, AutoCad, Google SketchUp, Light Wave, Blender, dll.

3.      Pembahasan

4.1        Animasi

Langkah-langkah untuk membuat animasi bertema kesehatan menggunakan software Microsoft Office Power Point  untuk memenuhi tugas Pengantar Animasi & Desain Grafis, Kelompok 1 sebagai berikut:

3.1.1        Tambahkan background pada animasi

3.1.2        Tambahakan  gambar pada background   animasi

3.1.3        Tambahakan  character pada animasi

3.1.4        Tambahkan  callout pada animasi

3.1.5        Tambahakan tulisan pada callout di animasi mengunakan efek draw

3.1.6     Tambahakan background pada animasi

 

3.1.7        Pemberian tulisan di background megunkan efek move in smooth

 

3.1.8        Karakter animasi di tambahkan

3.1.9        Perpindahan animasi character mengunakan morph pada character 1

3.1.10    Perpindahan animasi character mengunakan morph pada character 2

3.1.11    Tambahkan background pada animasi

 

3.1.12    Buat animasi tulisan menggunakan efek  move in overshoot

3.1.13    Gambar di tambahkan di animasi

3.1.14    Gambar di tambahkan  lagi di animasi

3.1.15    Tambahakan  background pada animasi

 

3.1.16    Pemberian tulisan pada animasi mengunakan efek move in bonuce

3.1.17    Gambar di tambahkan pada animasi

3.1.18    Perpindahan gambar mengunakan morph pada gambar 1

3.1.19    Tambahakan  background pada animasi

3.1.20    Tambahakn tulisan pada animasi mengunakan efek fade in

 

3.1.21    Tanmbahkan gambar pada animasi

3.1.22    Perpindahan gambar mengunakan morph pada gambar 1

3.1.23    Perpindahan gambar mengunakan morph pada gambar 2

3.1.24    Tambahkan  background pada animasi

3.1.25    Pemberian tulisan pada animasi di kasih warna menggunakan efek draw

3.1.26    Pemberian tulisan pada animasi di kasih warna menggunakan efek move in smoth

 

3.1.27    Pemberian tulisan pada animasi di kasih warna menggunakan efek  move in bounce

3.1.28    Pemberian logo gambar pada animasi

3.1.29    Tambahkan background pada animasi

 

3.1.30    Tambahakan gambar pada animasi

              Animasi:

4.2        Desain Grafis

Langkah-langkah untuk membuat desain grafis bertema kesehatan menggunakan software Adobe Photoshop untuk memenuhi tugas Pengantar Animasi & Desain Grafis, Kelompok 1 sebagai berikut:

3.2.1    Membuka Adobe Photoshop, lalu membuat file baru, dan tentukan sendiri ukuran kertas.

 

3.2.2        Membuat warna latar belakang dengan yang di inginkan.

 

3.2.3        Menggabungkan 2 warna background dalam 1 kertas.

 

3.2.4        Membuat objek virus, dengan memakai alat bentuk bulat, persegi panjang dan lonjong.

3.2.5        Selanjutnya, membuat bercak-bercak virus.

3.2.6        Menambahkan bentuk persegi panjang dengan sisi melengkung, untuk menjadi latar sebuah tulisan.

 

3.2.7        Lalu membuat sebuah tulisan dengan posisi di tengah.

 

3.2.8        Selanjutnya, membuat sebuah bentuk persegi panjang dengan sisi melengkung, untuk menjadi latar sebuah tulisan.

 

3.2.9        Hasil akhir.

 

                                           

4.            Penutup

4.1        Kesimpulan

Animasi berasal dari bahasa latin, Anima yang berarti memberi nyawa, hidup, jiwa dan semangat. Animasi sendiri memiliki arti sebagai seni memanipulasi gambar menjadi seolah-olah hidup dan bergerak. Penjelasan animasi sebagai dasar sebuah seni dalam mempelajari gerakan suatu objek, dan gerakan merupakan sesuatu hal yang paling diutamakan agar suatu objek atau karakter dapat terlihat nyata. Di dalam multimedia, animasi merupakan penggunaan dari komputer untuk menciptakan gerakan pada layar. Potongan animasi dibuat pada sebuah potongan asetat atau sel (cell). Sel animasi biasanya merupakan lembaran-lembaran yang membentuk sebuah frame animasi tunggal. Sebuah frame terdiri dari sel latar belakang dan sel di atasnya. Di antara lembaran-lembaran (frame-frame) dapat disipi efek animasi agar karakter berjalan itu mulus. Animasi bingkai adalah bentuk animasi yang sederhana memucat. Pada komputer multimedia, animasi Buku nihil menampilkan sebuah gambar yang berurutan secara cepat. Dalam animasi sprite, sebuah gambar tunggal atau berurutan dapat ditempelkan. Dalam satu klien untuk membuka posisi, seperti halnya planet berputar atau burung bergerak sepanjang garis lurus. Animasi 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. Spline adalah representasi matematis dari kurva. Objek bergerak biasanya tidak mengikuti garis lurus, misalnya bentuk kurva, program animasi komputer memungkinkan untuk membuat animasi spline dengan lintasan gerak berbentuk kurva. Animasi vektor adalah animasi yang menggunakan rumus matematika untuk menggambarkan objeknya. Animasi ini sering disebut juga animasi doll (boneka). Pada animasi ini setiap karakter memiliki ciri dan gerakan yang berbeda tetapi bergerak secara bersamaan. Setelah itu dilakukan editing video, penambahan special efek dan suara menggunakan perangkat lunak terpisah. Animasi digital adalah penggabungan teknik cell (Hand Drawn) yang dibantu dengan computer.

Desain Grafis adalah salah satu bentuk seni terapan yang mengkomunikasikan pesan, informasi, ide, konsep, atau ajakan menggunakan bahasa visual. Penerapan desain grafis umumnya ada di dalam dunia periklanan, perfilman, broadcasting, branding, profil perusahaan, dan lain-lain. Desain grafis mencakup keterampilan mengolah visual, yang didalamnya termasuk tipografi, ilustrasi, fotografi, olah digital, dan layout. Sebelum mengeksekusi sebuah desain, para desainer biasanya melakukan sebuah riset atau penelitian tertentu.

4.2        Saran

Animasi dan desain grafis dapat dikembangkan baik segi audio dan visualisasi agar dapat menghasilkan animasi dan desain grafis yang sesuai dengan konsep.

DAFTAR PUSTAKA

                                                                                                

Kristin Novia Johannis, O. H. (2016). PUSAT ANIMASI DAN DESAIN GRAFIS DI MANADO (ILUSIONISME DALAM ARSITEKTUR). 1-11.

 http://yuliahendro.blogspot.com/2019/03/animasi-dan-desain-grafis.html