SOFTSKILL ANIMASI 2

PENGANTAR ANIMASI DAN DESAIN GRAFIS

DEDE SUMARNI 

4KA37

CARA MEMBUAT ANIMASI BERGERAK

1.     Buka adobe photoshop CS3, kemudian buka file baru

2. Atur nama file dan ukurannya sesuai keinginan kita

3. Buka file baru dan buka gambar yang akan disisipkan ke dalam animasi kita. Caranya seperti saat penggabungan objek pada tutorial sebelumnya. Setelah objek sudah dipindahkan ke file yang baru, kemudian tutup kembali file tersebut sehingga kita hanya fokus pada satu file

4. Buat duplikat layer, yang masing-masing isinya berbeda-beda, misal layer1 hanya berisi gambar ke 1, layer2 gambar ke 2 dan seterusnya. sampai sesuai dengan keinginan kita, dan untuk mempermudahnya setiap layer kita beri nama sesuai dengan isi huruf didalamnya

5. Pilih menu Windows dan centang Animation

6. Setelahnya akan muncul Animation(Frame) dibawah gambar yang akan kita buat.

7. Atur waktu pergerakan animasinya, disini saya menggunakan 0.2 second.

8. Duplikat sebanyak yang dibutuhkan, misal disini saya membuat angka 1sampai 7 maka saya menduplikasinya sebanyak 7 duplikat.

9. Sesuaikan urutan pada Animation(Frame) dengan Layer. Misal disini saya menampilkan urutan ke 1  untuk pertama maka pada Animation(Frame) urutan pertama untuk Layernya sesuai dengan gambar yang ke 1,  yang ke dua adalah urutan gambar ke 2 Sampai dengan Animation(Frame) terakhir layer saya munculkan semua.

10. Setelah sudah diatur kesesuaian antara Animation(Frame) dengan Layer-nya, test animasi dengan mengklik Plays Animation pada Animation(Frame) teliti apakaha animasi yang kita buat sudah sesuai dengan apa yang kita inginkan.

11. Setelah hasil testing animasi yang telah kita buat sudah sesuai dengan keinginan, save dengan cara klik menu file kemudian pilih Save for Web & Devices atau dapat juga mengklik tombol Alt+Shift+Ctrl+S.

12. Atur format save-nya. Format harus menggunakan GIF.

13. Pilih letak penyimpanan file yang telah kita buat dan beri nama file sesuai dengan keinginan.

14. Buka file animasi yang telah kita buat 

softskill

pengantar animasi dan desain grafis ke 2
dede sumarni
4KA37

Animasi adalah sebuah gambar yang bisa begerak yang terbuat dari beberapa kumpulan objek (gambar) dengan waktu jeda tertentu. Animasi biasanya dalam format GIF (Graphic Interchange Format). Untuk membuat animasi gambar bergerak dengan format GIF banyak sekali software yang bisa kita gunakan diantaranya yaitu Macromedia Flash 8, Vectorian Giotto, PhotoScape, PhotoShop dan lain-lain. Dalam tutorial ini saya menggunakan software Macromedia Flash 8.

Buka aplikasi Macromedia Flash 8

Lalu pilih Flash Document. Akan terbuka lembaran baru, lembaran ini disebut Layer 1.

Saya akan membuat animasi emoticon bergerak

Langkah pertama yaitu Pilih oval tool

Lalu ganti fill color menggunakan warna yang di inginkan

Kemudian ganti warna hitam untuk membuat matanya

Kemudian klik kanan pilih convert to symbol

Lalu pilih symbol movie clip kemudian ok

Movie clip untuk membuat gambar menjadi bergerak

Kemudian pilih insert layer untuk membuat layer ke 2 sampai layer ke 6

Pilih bentuk ukuran emoticon sesuai yang di inginkan, menggunakan properties lalu tulis ukuran yang di inginkan

Kemudian klik kanan pada gambar yang di buat lalu pilih convert to symbol

Kemudian pilih movie clip, lakukan ini berulang sampai emoticon yang di buat selesai

Kemudian tarik ke kanan untuk membuat video, tarik frame lalu pilih insert keyframe

Setelah itu pilih create motion tween

Pengantar animasi dan desain grafis

Tugas Softskill 1

PENGENALAN DESAIN GRAFIS & ANIMASI

Dede Sumarni

1B118010

4KA37

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

DEFINISI ANIMASI

Terdapat unsur animasi di dalam motion graphic. 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.

DEFINISI DARI  PIXEL, RESOLUSI, GARIS, KURVA & HUE

1.      Pixel

Pixel adalah elemen gambar atau representasi dari titik terkecil dalam sebuah gambar grafis yang dihitung per inci. Pixel sendiri berasal dari singkatan bahasa Inggris Picture Element yang disingkat menjadi pixel. Dalam resolusi skala akhir tertinggi, gambar mesin cetak warna dapat menghasilkan cetakan yang memiliki lebih dari 2.500 titik per inci dengan pilihan 16 juta warna untuk setiap inci, dalam istilah komputer berarti bidang gambar dari satu inci persegi yang bisa ditampilkan pada resolusi setara dengan 150 juta bit informasi. Monitor atau layar datar yang sering kita jumpai terdiri dari ribuan piksel yang terbagi dalam baris dan kolom. Jumlah piksel yang terdapat dalam monitor kita dapat menemukan resolusi. Resolusi maksimum yang disediakan oleh monitor adalah 1024×768, maka jumlah piksel yang terdapat dalam layar monitor adalah 786 432 piksel. Semakin tinggi jumlah piksel yang tersedia di monitor, semakin tajam gambar yang dapat ditampilkan oleh monitor.

2.      Resolusi

Resolusi adalah kerapatan pixel dalam sebuah gambar. Resolusi gambar diukur berdasarkan kerapatan pixel dalam 1 inch (pixels per inch / ppi atau dots per inch / dpi). Resolusi 1 ppi berarti ada satu inch persegi, begitu juga resolusi 300 ppi brarti ada 300 pixel per satu inch persegi. Intinya semakin besar resolusi sebuah gambar maka makin banyak sebuah pixel dalam gambar dan tampilan gambar akan semakin detail. Dpi digunakan untuk menunjukkan jumlah pixel per inch dalam sebuah gambar digital. nah setelah ini kalian pasti tahu, kenapa file yang berisi gambar-gambar atau image dengan resolusi tinggi mempunyai ukuran yang besar juga, karena pixel yang terkandung di dalamnya juga semakin rapat dan banyak.

3.      Garis

Garis juga dikenal sebagai goresan atau coretan dan batas limit dalam suatu warna atau bidang. Garis memiliki ketebalan dan panjang, namun tidak memiliki kedalaman, dan garis juga dapat dimaknai sebagai jejak dari suatu benda.

4.      Kurva

Kurva atau disebut juga dengan lekungan adalah bentuk geometri satu dimensi yang dapat terletak pada bidang atau ruang. Bentuk-bentuk geometris sebuah bidang dapat berupa persegi, segitiga, lingkaran, setengah lingkaran, elips, dan lain-lain. Kesan formal dimiliki oleh bidang geometris, sedangkan kesan yang tidak formal, santai dan dinamis dimiliki oleh bidang non-geometris.

5.      Hue / Saturation

Dalam desain grafis, perbedaan nilai gelap dan terang disebut value. Fungsi dari value salah satunya juga dapat menonjolkan sebuah pesan atau informasi, dan juga dapat menciptakan tingkat kemudahan membaca dengan menyusun unsur visual secara kontras gelap dan terang.

CONTOH SOFTWARE UNTUK MEMBUAT DESAIN GRAFIS & ANIMASI

A.    Software Aplikasi Desain Grafis

Ada banyak software desain grafis yang bisa digunakan untuk mulai belajar desain. Dari yang terpopuler dan bahkan sudah menjadi standar dalam industri desain grafis saat ini kebanyakan adalah produk-produk keluaran dari perusahaan Adobe. Sebut saja Photoshop, yang kehebatannya tidak perlu diragukan lagi untuk urusan manipulasi foto.

Selain Photoshop yang biasa digunakan untuk editing foto, masih ada lagi software desain grafis untuk urusan membuat desain vektor. Contoh software desain yang biasa digunakan dalam kategori vektor ini adalah Adobe Ilustrator dan Corel DRAW. Berikut software-software atau program aplikasi yang biasa digunakan dalam industri desain grafis oleh para profesional:

1.      Adobe Photoshop

Photoshop sudah menjadi standar dalam industri desain grafis saat ini. Banyak kalangan profesional menghasilkan karya editing dan manipulasi foto yang luar biasa dengan bantuan Photoshop tersebut.

2.      Adobe Illustrator

Adobe Illustrator adalah tools menggambar berbasis vector yang digunakan untuk membuat logo dan ilustrasi lain. Tidak seperti gambar dengan format raster seperti .bmp atau .jpg, hasil gambar di Adobe Illustrator ini berformat vector yang bersifat scalable, yaitu dapat diubah-ubah ukurannya dan dapat dicetak dalam berbagai resolusi tanpa menurunkan kualitas dari gambar tersebut. Tak hanya itu, ukuran filenya pun biasanya lebih kecil dibandingkan dengan gambar dengan format raster.

           

3.      Adobe InDesign

Adobe InDesign adalah software desain grafis untuk desktop publishing yang ditujukan untuk membuat page layout. Berbeda dengan Adobe Photoshop dan Adobe Illustrator, Adobe Indesign dapat membuat dokumen yang terdiri lebih dari satu halaman. Biasanya para graphic designer menggunakan program ini untuk membuat poster, flyer, brosur, majalah, koran dan buku.

4.      CorelDRAW

CorelDRAW adalah software desain grafis untuk editing dan membuat gambar vektor seperti halnya Adobe Ilustrator. Bedanya, CorelDRAW dibuat oleh perusahaan Corel Corporation dengan fitur khas mereka sendiri. CorelDRAW bisa digunakan untuk membuat logo, karakter animasi vektor, membuat brosur, desain kalender, poster, sketsa foto, dan hal-hal yang berkaitan dengan desain vektor lainnya. CorelDraw juga menyediakan template khusus yang memudahkan pengguna untuk membuat desain tertentu sesuai kebutuhan.

B.     Software Animasi

Saat ini terdapat banyak jenis software animasi, dari software yang mempunyai kemampuan yang sederhana hingga yang kompleks. Dari sisi fungsi penggunaan software animasi dapat dikelompokkan menjadi software animasi 2 dimensi dan 3 dimensi.

1.      Software Animasi 2D

Software animasi 2D merupakan software yang digunakan untuk membuat animasi tradisional (flat animation), umumnya mempunyai kemampuan untuk menggambar, mengatur gerak, mengatur waktu, beberapa dapat mengimpor suara.

Contoh softwarenya:

        a.       Macromedia Flash (Kini Adobe Flash)

Adobe Flash adalah software untuk desain grafis yang dapat kita gunakan untuk membuat sebuah animasi flash atau gambar yang bisa bergerak. Tidak hanya itu saja, kita juga dapat membuat video, serta permainan yang berbentuk flash dengan software ini.

        b.      Macromedia Director

Adobe Director adalah perangkat yang dibuat oleh Macromedia dan sekarang merupakan bagian dari Adobe Systems. yang memperbolehkan pengguna untuk membangun perangkat lunak dalam film metaphor, yang digunakan pengguna untuk menjadi sutradara sebuah film. Adobe Director mendukung proyek-proyek multimedia baik 2D dan 3D.

        c.       Adobe After Effect

Adobe After Effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam-macam software Design yang telah ada, Adobe After Effects menjadi salah satu software Design yang handal. Standart Effects yang mencapai sekitar 50 macam lebih, yang sangat bisa untuk mengubah dan menganimasikan objek. Disamping itu, membuat animasi dengan Adobe After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebut Expression untuk menghasil pergerakan yang lebih dinamis.

2.      Software Animasi 3D

Software animasi 3D mempunyai fasilitas dan kemampuan yang canggih untuk membuat animasi 3 dimensi. Fasilitas dan kemampuan tersebut antara lain, membuat obyek 3D,pengatur gerak kamera,pemberian efek,import video dan suara, serta masih banyak lagi. Beberapa software animasi 3D mempunyai kemampuan khusus, misalnya untuk animasi animasi figure(manusia), animasi landscape(pemandangan),animasi title(judul). Karena kemampuannya yang canggih, dalam penggunaannya diperlukan pengetahuan yang cukup tinggi dan terkadang rumit.

Contoh softwarenya:

         a.       3D Studio Max

3D Studio Max (kadangkala disebut 3ds Max atau hanya MAX) adalah sebuah perangkat lunak grafik vektor 3-dimensi dan animasi, ditulis oleh Autodesk Media & Entertainment (dulunya dikenal sebagai Discreet and Kinetix. Perangkat lunak ini dikembangkan dari pendahulunya 3D Studio fo DOS, tetapi untuk platform Win32. Kinetix kemudian bergabung dengan akuisisi terakhir Autodesk, Discreet Logic. Versi terbaru 3Ds Max pada Juli 2005 adalah 7. 3Ds Max Autodesk 8 diperkirakan akan tersedia pada akhir tahun. Hal ini telah diumumkan oleh Discreet di Siggraph 2005.

          b.      Maya

Maya adalah sebuah perangkat lunak grafik komputer 3D dibuat oleh Alias Systems Corporation (Diakuisisi oleh Autodesk, Inc. pada tahun 2006). Maya digunakan dalam industri film dan TV, dan juga untuk permainan video komputer. Maya digunakan dalam pembuatan animasi Upin Ipin. Kelebihan dari program ini adalah proses pembuatan Animasi yang relatif lebih mudah dibandingkan perangkat 3D lainnya.

         c.       Blender

Blender adalah perangkat lunak sumber terbuka grafika komputer 3D. Perangkat lunak ini digunakan untuk membuat film animasi, efek visual, model cetak 3D, aplikasi 3D interaktif dan permainan video. Blender memiliki beberapa fitur termasuk pemodelan 3D, penteksturan, penyunting gambar bitmap, penulangan, simulasi cairan dan asap, simulasi partikel, animasi, penyunting video, pemahat digital, dan rendering.

         d.      LightWave 3D

LightWave (atau, lebih sesuai, LightWave 3D) adalah sebuah program grafik komputer untuk pemodelan 3D, rendering, dan animasi. Meskipun program ini berasal dari Commodore Amiga, dia telah diport untuk mendukung Mac OS X, Windows, dan mesin rendernya telah diport ke platform Linux.

Sumber :

   1.      http://sir.stikom.edu/302/5/BAB%20II.pdf

   2.      http://digilib.mercubuana.ac.id/manager/n!@file_skripsi/Isi3805573479985.pdf

3.http://www.jelajahinternet.com/2015/11/pengertian-pixel-dalam-sebuah-gambar.html

 4.  http://www.dumetschool.com/blog/Mengenal_Perbedaan_Resolusi_dan_Pixel_dalam_sebuah_Desain

   5.      http://teksnologi.com/belajar-desain-grafis-untuk-pemula/

6.http://www.idseducation.com/articles/software-desain-grafis-dari-adobe-photoshop-illustrator-indesign-dan-flash/

7.http://anasdharmawan.blogspot.com/2017/03/pengenalan-desain-grafis-animasi.html