Agung Harja Santana: 2017

Selasa, 30 Mei 2017

PENGANTAR ANIMASI DAN DESAIN GRAFIS (4)

PENGANTAR ANIMASI DAN DESAIN GRAFIS

NAMA : AGUNG HARJA SANTANA

NPM : 10114467

KELAS : 3KA30

TUGAS : 4

DOSEN : DEWI ANDRYANI

UNIVERSITAS GUNADARMA

1.      Definisi Action Script
ActionScript 3.0 adalah bahasa pemrograman berorientasi objek yang menandakan sebuah langkah penting dalam evolusi kemampuan Flash Player runtime. Motivasipembuatan ActionScript 3.0 adalah untuk menciptakan bahasa ideal untuk cepat membangun pengayaan aplikasi Internet, yang telah menjadi bagian penting dari pengalaman dalam pembuatan web.
Versi sebelumnya dari ActionScript menawarkan kekuatan dan fleksibilitas yang diperlukan untuk membuat media online yang menarik. Kemajuan bahasa actionScript 3.0 sekarang, memberikan kinerja yang luar biasa dan kemudahan pengembangan untuk memfasilitasi aplikasi yang sangat kompleks, dataset besar, dan berorientasi obyek, basis kode dapat digunakan kembali. Dengan ActionScript 3.0, pengembang dapat mencapai produktivitas yang sangat baik dan kinerja dengan konten dan aplikasi yang menargetkan Flash Player.
ActionScript 3.0 didasarkan pada ECMAScript, bahasa pemrograman standar internasional untuk scripting. ActionScript 3.0 ini kompatibel dengan Bahasa Spesifikasi ECMAScript, Edisi Ketiga (ECMA-262). Hal ini juga berisi fungsi didasarkan pada pekerjaan yang sedang berlangsung pada ECMAScript Edition 4, terjadi di dalam badan standar ECMA.
ActionScript dijalankan oleh ActionScript Virtual Machine (AVM) dibangun ke dalam Flash Player. AVM1, mesin virtual yang digunakan untuk mengeksekusi kode warisan ActionScript, kekuatan Flash Player hari ini dan memungkinkan berbagai media interaktif dan aplikasi pengayaan Internet.  Namun, pengembang telah mulai mendorong AVM1 untuk batas-batasnya, persyaratan proyek mereka sekarang menuntut sebuah terobosan besar. ActionScript 3.0 memperkenalkan baru yang sangat dioptimalkan ActionScript Virtual Machine, AVM2, yang secara dramatis melebihi kinerja mungkin dengan AVM1. Akibatnya, ActionScript 3.0 kode mengeksekusi hingga 10 kali lebih cepat dari warisan kode ActionScript.
Mesin baru AVM2 virtual tersedia di Flash Player 9, dan akan menjadi mesin virtual utama untuk ActionScript eksekusi maju. Semakin tua AVM1 akan terus didukung oleh Flash Player untuk kompatibilitas mundur dengan konten yang ada dan warisan.
Ada berbagai produk yang menghasilkan konten dan aplikasi ditargetkan pada pemain Flash runtime. Seringkali produk ini menggabungkan dukungan untuk ActionScript untuk menambahkan interaktivitas dan perilaku untuk output mereka. Dalam keluarga produk Adobe, desainer profesional dan pengembang mungkin menggunakan ActionScript dalam beberapa alat dan server-seperti Flash, Flex, dan Flash Media Server-untuk membuat konten dan aplikasi untuk Flash Player. The Flex keluarga produk, termasuk baru berbasis Eclipse Flex Builder 2 IDE, akan menjadi lini produk pertama untuk mengakses kemampuan baru ActionScript 3.0.
           2.      Fungsi Action Script
- Membuat Web Interaktif
- Membuat CD interaktif
- Membuat presentasi yang bagus
- Membuat Game interaktif
- Membuat Game Online
- Membuat Simulasi dan animasi dalam pembelajaran
- ActionScript juga bisa berkomunikasi dengan bahasa pemrograman lain seperti PHP dan ColdFusion
- dan masih banyak juga yang lainnya..Object dan Frame ActionsStruktur dasar dari sebuah aksi adalah: saatSesuatuTerjadi(input) { lakukanAksi }
# Object, yaitu kumpulan dari properties, atribut yang mendeskripsikan objek.
# Fungsi  adalah  kumpulan  script  yang  mengerjakan  operasi  untuk  tujuan tertentu.
Terdapat beberapa  jenis  fungsi  yang  dapat  digunakan  dalam  membangun  suatu aplikasi  menggunakan ActionScript 3.0, yaitu:
1.  Built-in functions
2.  Named dan user-defined functions
3.  Anonymous functions
4.  Callback functions
5.  Constructor functions
6.  Function literal
#Class “Classes are the backbone of ActionScript 2.0” (Learning Actionscript in adobe Flash, help file Flash).  Maksudnya,  pada  dasarnya  ActionScript  adalah  bahasa pemrograman  yang  dibangun  dari class-class yang telah dibuat oleh developer flash. Programmer dapat menggunakan class tersebut dengan script-script yang sederhana dan mudah untuk diingat.Ada beberapa elemen yang membentuk sebuah sistem, yaitu : tujuan, masukan, proses, keluaran, batas, mekanisme pengendalian dan umpan balik serta lingkungan. Berikut penjelasan mengenai elemen-elemen yang membentuk sebuah sistem :
1. Tujuan
Setiap sistem memiliki tujuan (Goal), entah hanya satu atau mungkin banyak. Tujuan inilah yang menjadi pemotivasi yang mengarahkan sistem. Tanpa tujuan, sistem menjadi tak terarah dan tak terkendali. Tentu saja, tujuan antara satu sistem dengan sistem yang lain berbeda.
2. Masukan
Masukan (input) sistem adalah segala sesuatu yang masuk ke dalam sistem dan selanjutnya menjadi bahan yang diproses. Masukan dapat berupa hal-hal yang berwujud (tampak secara fisik) maupun yang tidak tampak. Contoh masukan yang berwujud adalah bahan mentah, sedangkan contoh yang tidak berwujud adalah informasi (misalnya permintaan jasa pelanggan).
3. Proses
Proses merupakan bagian yang melakukan perubahan atau transformasi dari masukan menjadi keluaran yang berguna dan lebih bernilai, misalnya berupa informasi dan produk, tetapi juga bisa berupa hal-hal yang tidak berguna, misalnya saja sisa pembuangan atau limbah. Pada pabrik kimia, proses dapat berupa bahan mentah. Pada rumah sakit, proses dapat berupa aktivitas pembedahan pasien.
4. Keluaran
Keluaran (output) merupakan hasil dari pemrosesan. Pada sistem informasi, keluaran bisa berupa suatu informasi, saran, cetakan laporan, dan sebagainya.
5. Batas
Yang disebut batas (boundary) sistem adalah pemisah antara sistem dan daerah di luar sistem (lingkungan). Batas sistem menentukan konfigurasi, ruang lingkup, atau kemampuan sistem. Sebagai contoh, tim sepakbola mempunyai aturan permainan dan keterbatasan kemampuan pemain. Pertumbuhan sebuah toko kelontong dipengaruhi oleh pembelian pelanggan, gerakan pesaing dan keterbatasan dana dari bank. Tentu saja batas sebuah sistem dapat dikurangi atau dimodifikasi sehingga akan mengubah perilaku sistem. Sebagai contoh, dengan menjual saham ke publik, sebuah perusahaan dapat mengurangi keterbasatan dana.
6. Mekanisme Pengendalian dan Umpan Balik
Mekanisme pengendalian (control mechanism) diwujudkan dengan menggunakan umpan balik (feedback), yang mencuplik keluaran. Umpan balik ini digunakan untuk mengendalikan baik masukan maupun proses. Tujuannya adalah untuk mengatur agar sistem berjalan sesuai dengan tujuan.
7. Lingkungan
Lingkungan adalah segala sesuatu yang berada diluar sistem. Lingkungan bisa berpengaruh terhadap operasi sistem dalam arti bisa merugikan atau menguntungkan sistem itu sendiri. Lingkungan yang merugikan tentu saja harus ditahan dan dikendalikan supaya tidak mengganggu kelangsungan operasi sistem, sedangkan yang menguntungkan tetap harus terus dijaga, karena akan memacu terhadap kelangsungan hidup sistem.

           3.      Sebutkan dan jelaskan jenis Action Script
            ·         ActionScript pada frame
ActionScript pada frame adalah Actionscript yang diletakan pada frame, atau juga sering disebut FrameScript. FrameScript ini hanya bisa dilakukan pada keyframe atau blankkeyframe.untuk melihat frame yang telah diberikan script terdapat tanda berupa huruf 'a' kecil yang menandakan keberadaan sebuah Script.
            ·         ActionScript pada MovieClip
ActionScript yang diletakan pada MovieClip sering disebut MovieScript. yang harus diingat adalah untuk membuat movieScript tentunya harus ada MovieClip tempat kita meletakan ActionScript tersebut. MovieClip memiliki bahasa (syntax) sebagai berikut.
onClipEvent (event) { perintah }
Arti syntax movieScript diatas adalah :
ü  Kata 'onClipEvent' menunjukan bahwa perintah ini ditujukan untuk MovieCliptempat diletakannya Script.
ü  kata 'event' menunjukan event yang terjadi pada movieClip tersebut.sebenarnya Event di MovieClip ada 9 diantaranya :load, enterFrame, unload, Mouse up, Mouse Down,Key down, Key up, dan data.Namun diantara semua itu yang sering digunakan yaitu load dan enter Frame.
ü  Kata 'perintah' menunjukan perintah yang dapat diberikan pada MovieClip.
·           ActionScript pada Button
Hal yang perlu diingat yaitu ActionScript pada button tentunya harus ada Button tempat meletakanActionScript tersebut.Secara umum syntax yang digunakan dalam penulisan ActionScript pada Button hampir sama dengan penulisan MovieScript.Perhatikan syntax berikut ini :
on (event) perintah}
Arti syntax movieScript diatas adalah :

Kata 'on' menunjukan bahwa perintah ini ditujukan untuk MovieClip tempat diletakannya scriptdan ini merupakan syarat utama untuk Script yang digunakan pada Button.

Kata 'event' menunjukan event yang terjadi pada Button tersebut. ada 7 event yang terdapat pada buttonyaitu press, release, rollOver, rollOut, dragOver, dragOut, dan keypress. Meski demikian hanya dua event yang sering digunakan yaitu press dan release.

Sumber :
https://id.wikipedia.org/wiki/ActionScript

https://animasikuu.wordpress.com/topik/action-script/

Senin, 24 April 2017

PENGANTAR ANIMASI DAN DESAIN GRAFIS (3)

PENGANTAR ANIMASI DAN DESAIN GRAFIS

NAMA : AGUNG HARJA SANTANA

NPM : 10114467

KELAS : 3KA30

TUGAS : 3

DOSEN : DEWI ANDRYANI

UNIVERSITAS GUNADARMA

1. Definisi Gimp

GNU Image Manipulation Program atau yang lebih dikenal dengan sebutan GIMP adalah perangkat lunak untuk manipulasi grafik berbasis raster. GIMP berjalan pada desktop GNOME dan dirilis dengan lisensi GNU General Public License.GIMP pada awalnya dikembangkan untuk

desktop X11 yang berjalan di platform Unix. Namun saat ini peranti lunak ini sudah diporting ke beberapa platform sistem operasi yang lain yaitu MS Windows dan Mac OS. Grafik yang dihasilkan oleh GIMP disimpan dengan format XCF dan bisa diekspor ke berbagai format gambar seperti bmp, jpg, gif, pdf, png, svg, tiff, dan masih banyak lagi yang lainnya.

GIMP menyediakan banyak sekali plugin yang memudahkan dalam mengolah gambar (image) dengan cepat. Pengembang dan pengelola GIMP memiliki visi produk GIMP untuk berusaha menjadi perangkat lunak grafis kelas atas dalam menyunting dan menciptakan gambar asli, foto, ikon, elemen grafis halaman web, dan seni untuk elemen antarmuka pengguna.

2 . Fitur-Fitur Gimp

Fitur - fitur yang dimiliki GIMP di antaranya:

Sebagai program untuk mewarnai.
Program penyunting foto berkualitas.
Sistem pengolah daring otomatis.
Penampil gambar (image renderer) dengan produksi massal.
Pengubahan / pengalihan format gambar.
dan masih banyak lagi.

Selain itu, GIMP juga menyediakan fasilitas ekspor/impor berkas Photoshop. Sehingga dapat menyunting berkas-berkas gambar yang sudah dibuat di Windows

3. Manfaat dari Gimp

Aplikasi ini akan menjadi solusi bagi kamu yang menginginkan tool sekelas Photoshop, tapi gratis, ringan, dan tidak makan banyak resource. Kelemahan yang ada di GIMP adalah, minimnya koleksi brush dan font yang tentu saja berlimpah di Photoshop. Tapi untuk pemula, menggunakan GIMP akan sangat membantu dalam editing photo dan gambar2 lain

Sumber :

1. https://id.wikipedia.org/wiki/GIMP

2. http://belfot.com/gimp/

Kamis, 13 April 2017

PENGANTAR ANIMASI DAN DESAIN GRAFIS (2)

PENGANTAR ANIMASI DAN DESAIN GRAFIS

NAMA : AGUNG HARJA SANTANA

NPM : 10114467

KELAS : 3KA30

TUGAS : 2

DOSEN : DEWI ANDRYANI

UNIVERSITAS GUNADARMA

Definisi dan fungsi dari Inkscape

Pengertian Inkscape

Inskscape adalah sebuah perangkat lunak editor gambar vektor yang bersifat perangkatlunak bebas di bawah lisensi GNU GPL. Tujuan utama dari Inkscape adalah menjadi perangkat grafik mutakhir yang memenuhi standar XML, SVG, dan CSS. Inkscape bersifat cross-platform dan dapat dijalankan pada Mac OS X (biasanya di bawah aplikasi X11, walaupun toolkit GTK+ yang digunakan dapat dikompilasikan untuk beroperasi secara langsung di bawah Quartz), sistem operasi berbasis Unix, dan Microsoft Windows. Implementasi SVG dan CSS di Inkscape belum sempurna, misalnya Inkscape tidak mendukung animasi SVG, dan font SVG, walaupun dukungan dasar untuk pembuatan font SVG telah diimplementasikan pada versi 0.47. Inkscape bersifat multibahasa, terutama untuk antarmuka dan script rumit, sesuatu yang sering terlewatkan pada sebagian besar editor grafik vektor komersil.

Hingga 2010, Inkscape dalam proses pengembangan aktif, dengan penambahan fitur dan antarmuka baru secara rutin pada setiap rilis baru. Dari namanya “Inkscape” banyak orang yang masih belum mengenal aplikasi yang satu ini. Beberapa hal karena khususnya masyarakat di Indonesia banyak menggunakan sistem operasi Windows yang familiar dengan Corel Draw dan Adobe Illustrator.

1. Status Bar

Status Bar adalah daerah paling bawah dari antarmuka Inkscape.

• Color indicator for the object = Warna indikator untuk objek

• Quick layer selector = Cepat lapisan pemilih

• Help message area = Bantuan pesan area

• Mouse Coordinate indicator = Koordinat Mouse Indikator

• Faktor Zoom di mana orang bisa menulis tepat faktor zoom yang ingin mereka gunakan.

2. Menu Bar

Perintah dalam inkscape dikelompokkan dalam menu sebagai contoh menu File , berisi perintah yang berhubungan dengan pengelolaan file yaitu seperti Save, Save As, Open File, Import. Demikian juga dengan menu Edit , seperti halnya pada aplikasi GTK menu edit digunakan untuk melakukan perintah Copy, Cut, Paste dan sebagainya.

3. Tool Bar

Toolbox, terdiri dari tombol vertically aligned yang terletak di sebelah kiri jendela, merupakan main editing control pada inkscape. Berisi kumpulan utilitas dasar menggambar, terutama untuk membuat dan mengedit bentuk. Ada kontrol untuk bentuk geometris (free-form shapes ) dan baris, teks, dan mengisi (warna dan gradien).

Controls Bar terletak langsung di bawah commands Bar Perintah . Dengan cara memilih (klik) salah satu tool pada Tool Box (sebelah kiri vertikal) maka akan tertampil Contol Bar yang sesuai dengan Tool yang dipilih pada tool Box.

4. Palette

Color Palette merupakan cara cepat untuk menerapkan warna pada bentuk, ditampilkan di bagian bawah kanvas, dapat dibuka pada sebuah window dengan memilih View> swatches (Shift + Ctrl + W)

Cara Menggunakan

Untuk menemukan warna yang Anda suka, Anda dapat mengubah palet warna dengan yang lain preset dengan mengklik segitiga di sebelah kanan bar dan memilih salah satu. Untuk menerapkan warna untuk sebuah “Isi warna” objek, klik saja pada warna setelah memilih satu atau lebih objek. Untuk menerapkan warna pada “Stroke”, tekan Shift saat mengklik.

5. Selector Tool

Selector Tool digunakan untuk memilih, posisi dan mengubah objek pada canvas dengan mouse atau perangkat input lainnya.

Cara Menggunakan

Klik sekali pada objek dengan Selector Tool untuk memilihnya. Objek akan dibingkai dengan kotak pembatas (sebuah putus-putus, garis hitam), anda dapat merubah ukuran (resize) objek dengan cara klik and drag handle yang mengelilingi objek. Klik lagi pada obyek yang sama dan skala “handle” berubah untuk rotasi (memutar objek). Memilih beberapa Obyek sekaligus dapat anda lakukan dengan cara menekan tombol Shift dan klik (pilih) setiap objek menggunakann selector tool

Ada 11 tool control bar dari selector tool yang dapat anda gunakan untuk memilih objek, khususnya untuk pemilihan (seleksi) dari beberapa (multiple) objek yang telah anda buat.

6. Koordinat dan zoom level

Ini berada setingkat dengan status bar, tapi di paling kanan. Fungsinya menunjukkan koordinat mouse dan menunjukkan tingkat zoom.

7. Control Bar

Snap Controls Bar memberikan akses mudah ke objek, memungkinkan Anda untuk cepat merubah objek dan posisi objek ketika diperlukan dan off ketika selesai. Snap to grids artinya objek yang anda buat di canvas akan mengikuti (menyesuaikan) dengan grid yang ada , dan apabila anda pilih snap to guides maka guides dapat anda gunakan untuk mengatur posisi objek anda.

Memindahkan Obyek

Untuk memindahkan objek atau kelompok objek dengan mouse, klik pada objek dan tahan tombol mouse sambil menyeret ke lokasi baru.
Drag sebuah objek atau beberapa obyek sambil menahan tombol Ctrl memungkinkan Anda untuk menjaga objek tetap sejalan pada sumbu X atau Y seperti menggunakan pilihan snap.
Menggeser objek (pindah) sebanyak 2px, dapat anda lakukan dengan cara memilih objek dengan selector tool, kemudian tekan tombol panah (arrow) pada keyboard. Dari cara tersebut lakukan juga dengan juga menekan tombol Shift makan objek akan bergerak sebanyak 20 px.
Untuk langsung memindah objek pada koordinat X dan Y yang anda harapkan juga dapat anda lakukan dengan cara mengetikan langsung nilai koordiant X dan Y yang dituju pada control tool bar.

8. Command Bar

Terletak di bagian atas area kerja secara langsung di bawah Menu Bar. Berisi ikon shortcuts untuk melakukan suatu perintah tertentu. Sebagai contoh perintah Save ataupun Print yang dapat diakses melalui menu File dapat anda akses melalui commands Bar.

Sumber :

https://id.wikipedia.org/wiki/Inkscape

https://ugos.ugm.ac.id/wiki/panduan:panduan_inkscape_untuk_pemula

https://asepsaepulohlvg.wordpress.com/2012/10/17/modul-1-pengenalan-inkscape-dan-konsep-dasar-vektor-grafis/

https://ianion.wordpress.com/2013/01/14/apa-itu-inkscape/

Minggu, 05 Maret 2017

PENGANTAR ANIMASI DAN DESAIN GRAFIS (1)

PENGANTAR ANIMASI DAN DESAIN GRAFIS

NAMA : AGUNG HARJA SANTANA

NPM : 10114467

KELAS : 3KA30

TUGAS : 1

DOSEN : DEWI ANDRYANI

UNIVERSITAS GUNADARMA

PENGENALAN DESAIN GRAFIS & ANIMASI

· DEFINISI DESAIN GRAFIS DAN ANIMASI

Ø Pengertian Desain grafis

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. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain).
Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.

Kata Desain Grafis pertama kali digunakan pada tahun 1922 di sebuah esai berjudul New Kind of Printing Calls for New Design yang ditulis oleh William Addison Dwiggins, seorang desainer buku Amerika.Raffe's Graphic Design, yang diterbitkan pada tahun 1927, dianggap sebagai buku pertama yang menggunakan istilah Desain Grafis pada judulnya. The signage in the London Underground adalah contoh desain klasik pada abad modern yang menggunakan jenis huruf yang dirancang oleh Edward Johnston pada tahun 1916.

Pada tahun 1920, Aliran konstuktivisme di Uni Soviet melihat seni yang berorientasi individu tidak ada gunanya bagi Rusia dan membuat sesuatu yang dapat diterapkan di dunia nyata. Mereka mendesain bangunan, perangkat teater, poster, kain, pakaian, perabot, logo, menu, dll.
Perkembangan industi desain grafis tumbuh seiring dengan perkembangan konsumerisme. Hal ini menimbulkan kritik dari berbagai komunitas desain yang tertuang dalam First Things First manifesto yang pertama kali diterbitkan pada tahun 1964 dan diterbitkan kembali pada tahun 1999 di majalah Émigré. Konsumerisme terus tumbuh, sehingga terus memacu pertumbuhan ilmu desain grafis. Hal ini menarik para praktisi desain grafis, beberapa diantaranya adalah : Rudy VanderLans, Erik Spiekermann, Ellen Lupton and Rick Poynor.

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 dan unsur desain
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.

Peralatan desain grafis
Peralatan yang digunakan oleh desainer grafis adalah ide, akal, mata, tangan, alat gambar tangan, dan komputer. Sebuah konsep atau ide biasanya tidak dianggap sebagai sebuah desain sebelum direalisasikan atau dinyatakan dalam bentuk visual.
Pada pertengahan 1980, kedatangan desktop publishing serta pengenalan sejumlah aplikasi perangkat lunak grafis memperkenalkan satu generasi desainer pada manipulasi image dengan komputer dan penciptaan image 3D yang sebelumnya adalah merupakan kerja yang susah payah. Desain grafis dengan komputer memungkinkan perancang untuk melihat hasil dari tata letak atau perubahan tipografi dengan seketika tanpa menggunakan tinta atau pena, atau untuk mensimulasikan efek dari media tradisional tanpa perlu menuntut banyak ruang.

Ø Pengertian Animasi

Animasi adalah gambar begerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan mengikuti alur pergerakan yang telah ditentukan pada setiap pertambahan hitungan waktu yang terjadi. Gambar atau objek yang dimaksud dalam definisi di atas bisa berupa gambar manusia, hewan, maupun tulisan. Pada proses pembuatannyam sang pembuat animasi atau yang lebih dikenal dengan animator harus menggunakan logika berfikir untuk menentukan alur gerak suatu objek dari keadaan awal hingga keadaan akhir objek tersebut. Perencanaan yang matang dalam perumusan alur gerak berdasarkan logika yang tepat akan menghasilkan animasi yang menarik untuk disaksikan.

Apabila kita perhatikan penjelasan sebelumnya, maka dapat disimpulkan bahwa terdapat dua hal penting yang harus diperhatikan dalam pembuatan animasi, yaitu Objek/ gambar dan alur gerak.

Atau juga 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 bidang grafika pemodelan visual dapat dikategorikan sebagai dua kelompok yaitu pemodelan geometrik dan pemodelan penampilan (appearance). Pemodelan geometrik merupakan representasi dari bentuk objek yang ingin ditampilkan sedangkan pemodelan penampilan membuat representasi sifat visual atau penampakan objek tersebut. Contoh sifat visual diantaranya warna dan tekstur. Berdasarkan definisi animasi di atas bahwa sebuah animasi disusun oleh himpunan gambar yang ditampilkan secara berurut maka animasi dapat dikatakan sebuah fungsi terhadap waktu. Gambar dapat didefinisikan sebagai koleksi deskripsi geometris dan visual ataupun dapat berupa citra. Pada gambar yang merupakan koleksi deskripsi, maka animasi didefinisikan sebagai fungsi yang memetakan waktu kepada perubahan parameter-parameter dari deskripsi. Pada gambar yang merupakan citra, animasi didefinisikan sebagai fungsi yang memetakan waktu kepada tiap elemen citra.

Ø Definisi Dari Pixel, Resolusi, Garis, kurva & Hue

ü Pengertian Dari Pixel - Picture Element

· Pixel adalah unsur gambar atau representasi sebuah titik terkecil dalam sebuahgambar grafis yang dihitung per inci. Pixel sendiri berasal dari akronim bahasa InggrisPicture Element yang disingkat menjadi Pixel. Pada ujung tertinggi skala resolusi, mesincetak gambar berwarna dapat menghasilkan hasil cetak yang memiliki lebih dari 2.500titik per inci denga pilihan 16 juta warna lebih untuk setiap inci, dalam istilah komputer berarti gambar seluas satu inci persegi yang bisa ditampilkan pada tingkat resolusi tersebut sepadan dengan 150 juta bit informasi.

Monitor atau layar datar yang sering kita temui terdiri dari ribuan pixel yang terbagidalam baris-baris dan kolom-kolom. Jumlah pixel yang terdapat dalam sebuah monitor dapat kita ketahui dari resolusinya. Resolusi maksimum yang disediakan oleh monitor adalah 1024x768, maka jumlah pixel yang ada dalam layar monitor tersebut adalah 786432 pixel. Semakin tinggi jumlah pixel yang tersedia dalam monitor, semakin tajamgambar yang mampu ditampilkan oleh monitor tersebut.

· Resolusi adalah istilah yang digunakan untuk menyatakan jumlah titik atau pixel yang digunakan untuk menampilkan suatu gambar. Resolusi yang semakin tinggi berarti semakin banyak pixel yang digunakan untuk menyusun suatu gambar & sehingga gambar dapat menjadi lebih jelas dan tajam.

· Garis (Line) Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poindengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung(curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain.

· Kurva atau disebut juga dengan lengkungan adalah bentuk geometri satu dimensi yang dapat terletak pada bidang atau ruang.

· Hue, adalah istilah yang digunakan untuk menunjukkan nama darisuatu warna, seperti merah, biru, hijau dsb.

Ø Contoh Software untuk Membuat Desain Grafis dan Animasi

Desain Grafis

1. Adobe illustrator

Adobe illustrator adalah software desain berbasis vektir yang dikembangkan dan dipasarkan oleh Adobe system. Adobe illustrator pertama kali dibangun oleh Apple Macintosh pada 1986 (dipasarkan pada 1987) sebagai komersialiasi dari software pembuat font rumahan Adobe. Adobe illustrator tidak terpisahkan dengan AdobePhotoshop. Photoshop dipersiapkan untuk manipulasi foto digital dan illustrasi komputer, sementara illustrator ditunjukan untuk grafis dan desain logo.

2. CorelDraw

CorelDraw adalah editor grafik vektor yang dibuat oleh Corel, sebuah perusahaan perangkat lunak yang bermarkas di Ottawa, Kanada. Versi terakhirnya versi 15 yang dinamai X5 dirilis pada tanggal 23 Februari 2008. Corel Draw pada awalnya dikembangkan untuk dijalankan pada sistem operasi Windows 2000 dan yang lebih baru. Versi Corel Draw untuk Linux dan MacOS pernah dikembangkan, tetapi dihentikan karena tingkat penjualannya rendah. Versi Corel DRAW X5 memiliki tampilan baru serta beberapa aplikasi baru yang tidak ada pada Corel DRAW versi sebelumnya. Beberapa aplikasi terbaru yang ada, diantaranya Quick Start, Table, Smart Drawing Tool, Save as Template, dan lain sebagainya.

3. Kanvas ACD

Kanvas ACD adalah sebuahgambar grafis teknisdan umum, pencitraan, danpenerbitan (cetak dan web) produk dari Sistem ACD untuk komputerpribadi.Versi saat ini adalah kanvas 12.Asal kanvas 'tanggal kembalike 1987. Ide asli untuk kanvas datangdari JorgeMiranda, salahsatu pendiri Deneba SystemsInc Miami Florida, untuk komputerApple Macintosh - bagiandari gelombang program yang membuat revolusidesktop publishing.

4. Creature House Expression

Creature House Expression sebuah editor grafis vektor awalnya dikembangkanolehHouse Creature di Hong Kong,kemudian Mimpi Ray, kemudian Fractal Desain Corporationdan kemudian MetaCreations sebagai pendamping untuk kemudian-Fraktal Desain / Painter MetaCreations. Pada saatitu, Creature Housemerupakan Hong Kong perangkatlunak independen studio. Ekspresi mencobauntuk menduplikasi UI Painter sebagai sedekatmungkin dan tersedia untuk Mac OS danWindows

5. Deskripsi Zoner Draw 5.0

ZonerDraw 3 adalah program grafis yang ideal untukberbagai aplikasi. Gunakan untuk membuatbrosur kuat dan leaflet, serta ilustrasi untukdokumen, kartu nama, label harga, kop surat,kartu pos, tanda, cetak biru, kartu ucapan, danbanyak lagi. Salah satu fitur baru dari ZonerDraw 3 adalah kemampuan untuk membuatgrafis untuk presentasi internet, termasukanimasi vektor. Dengan Zoner Draw 3 tou'lldapat mengimpor DXF, ZBR, PCX, TIF, WPG,MAC, TGA, ICO, BMP, JPG, PNG atau format BMI,dan dokumen ekspor ke WMF, PS, PCX, TIF,WPG, MAC, TGA, BMP, JPG, PNG dan BMI.

Animasi

1. Macromedia Flash

Macromedia Flash adalah program yang sedang populer sekarang ini untuk membuat dan memanipulasi grafik dan animasi. Sekarang namanya adalah Adobe Flash, yang sebelumnya dikenal sebagai Macromedia Flash. Software ini adalah salah satu program yang paling umum digunakan untuk membuat halaman web animasi, video player dan aplikasi audio streaming. File flash berekstensi .SWF atau Shockwave Flash, meskipun banyak jenis file lainnya yang dapat dilihat atau dimanipulasi dengan software ini.

2. AnimPixels

AnimPixels adalah perangkat lunak film animasi khusus dalam Isometric Pixel Art.. Menggunakan komponen film anda sendiri, atau download dari web, untuk membuat film animasi asli.

3. Easy GIF Animator 5 pro

Easy GIF Animator 5 pro adalah software kuat namun sangat mudah untuk membuat dan mengedit gambar GIF animasi. Dengan animasi GIF editor sobat dapat dengan mudah membuat gambar animasi, banner dan tombol dalam waktu singkat. Sobat dapat menggunakan fitur-fitur khusus untuk menambahkan efek visual yang menakjubkan dan mempersiapkannya untuk dipublikasikan pada halaman web sobat. Easy GIF Animator 5 pro mendukung semua jenis animasi GIF dan menyediakan kompresi tinggi dan kualitas yang hebat untuk gambar GIF animasi. Untuk melengkapi semua ini, Easy GIF Animator 5 pro adalah yang terbaik sebagai animasi GIF editor saat ini.

4. Alligator Flash Designer

Alligator Flash Designer adalah software animasi vektor berbasis snap. Menghasilkan grafik animasi kompleks dengan gambar, bentuk dan teks, menggunakan lebih dari 130 built-in efek animasi seperti Fade, Zoom, Putar, Fly dan banyak lagi. Ekspor Desainer Flash SWF file dalam format Macromedia Flash, dan kode HTML yang diperlukan untuk mengintegrasikan animasi dengan halaman Web Anda. Ini juga menawarkan perangkat pengeditan dasar untuk memodifikasi gambar apapun, mengubah ukurannya, menambahkan objek dll. dengan software ini kita lebih mudah untuk membuat animasi pada web dan banner.

5. CoffeeCup GIF Animator

CoffeeCup GIF Animator membuat animasi untuk halaman web Anda dengan mudah. CoffeeCup GIF Animator dapat mengkonversi grafis JPEG dan BMP GIF secara otomatis, serta impor dan ekspor file AVI.