Showing posts with label Pengantar Animasi & Desain Grafis #. Show all posts
Showing posts with label Pengantar Animasi & Desain Grafis #. Show all posts
Saturday, April 22, 2017 0 comment

DASAR - DASAR ACTION SCRIPT

Definisi Action Script


Bahasa pemrograman yang termasuk populer berikutnya adalah bahasa pemrograman ActionScript. ActionScript ini merupakan bahasa pemrograman yang banyak dimanfaatkan untuk pengembangan website dan juga situs di dalam internet. Merupakan bahasa pemrograman yang dikembangkan oleh macromedia, yang mana kemudian diakuisisi oleh perusahaan teknologi terkenal, yaitu Adobe.

Secara umum, penggunaan actionscript juga merupakan salah satu bahasa pemrograman yang dibuat dengan basis flash dan juga produk dari adobe, sehingga hal ini turut meningkatkan popularitas dari bahasa pemrograman ActionScript tersebut.

Fungsi Action Script

ActionScript memiliki beberapa fungsi atau peran yang dapat membantu dalam merancang situs atau movie Flash, yaitu sebagai berikut :

1.  Membuat sistem navigasi situs. Hal ini berkaitan dengan bagaimana AcionScript dapat mengantar user menjelajahi situs. Dengan demikian animasi situs tidak hanya menjadi “film iklan” belaka, kecuali memang menginginkan seperti itu.

2.   Menambah interaktivitas dengan user. Dengan ActionScript user dapat berinteraksi dengan setiap elemen didalam movie Flash, baik itu tombol, movie clip, maupun teks.

3.   Membuat situs yang dinamis. ActionScript dapat digabungkan dengan berbagai bahasa lain, seperti : JavaScript, ASP, PHP, CGI, MySQL, atau XML untuk membuat berbagai aplikasi yang sulit atau tidak dapat dibuat hanya dengan ActionScript saja. Misalnya untuk membuat sistem database sehinga situs Flash anda dapat di update secara rutin dan otomatis. Dengan membuat isi (Content) situs yang bersifat dinamis, akan dapat menghapus kritik bahwa movie Flash hanya dibuat sekali saja dan sulit untuk di-update isinya.

4.   Mempertahankan user untuk kembali mengunjungi situs. ActionScript dapat membuat situs Flash yang menarik dan interaktif, yang akan menambah kualitas user experience saat menjelajah situs. Misalnya dengan adanya game dalam situs tersebut, secara tidak langsung hal ini dapat mempertahankan user untuk kembali mengunjungi situs tersebut.

Jenis – jenis Action Script dalam Flash

1.      Text Statis Label
Berbeda dengan teks input atau teks dinamis, jika dijalankan maka teks dapat diedit oleh user. Akan tetapi pada tejs static label, apabila movie dijalankan maka teks yang anda buat tidak dapat anda ubah - ubah lagi. Teks label merupakan sederhana, teks yang dituliskan hanya satu baris sampai anda menekan Enter. Teks ini lebih tepat digunakan untuk menuliskan satu atau dua kata, misalnya pada penulisan label sebelum teks input. Ketika teks label yang anda masukkan belum terdapat tulisan didalamnya maka ketika movie dijalankan akan menghasilkan teks kosong yang tidak terlihat.

2.      Text Static Block
Teks blok ini mempunyai ukuran yang tetap. Oleh karena itu sebelum memasukkan teks anda perlu menentukan panjang dan lebar teks yang akan dimasukkan. Teks jenis ini biasanya digunakan untuk menulis teks yang berupa paragraph.

3.      Text Dinamis
Teks dinamis mempunyai perbedaan dengan teks statis. Ukuran panjang dan lebar teks dinamis dapat anda ubah. Pada teks dinamis anda dapat memanfaatkan scroll yang dapat anda drag ke atas atau ke bawah, ke kanan atau ke kiri. Teks jenis ini sangat membantu anda ketika membuat web yang memuat informasi atau artikel yang sangat banyak dan membutuhkan lebar ataupun tinggi teks melebihi stage (halaman kerja). Teks yang akan ditampilkan dalam dinamis teks ini ditulis dengan pengolah kata, misalnya notepad, dan disimpan dengan format .TXT , dan akan diakses dari stage pada flash.

4.      Text Input

Teks input merupakan jenis teks yang diinputkan oleh user atau orang lain. Anda akan membuat elemen teks input yang dihubungkan dengan Action Script untuk pemrosesan data input. Ini biasanya di butuhkan untuk meminta masukkan data dari ser. Misalnya, dalam suatu GuestBook anda pasti membutuhkan identitas yang diinputkan melalui teks input ini yang kemudian akan disimpan dalam form yang lain dengan ActionScript. Dalam took online, anda membutuhkan banyak data yang perlu diinputkan oleh user dala melakukan transaksi melalui internet tersebut seperti nama, alamat, nomor kartu kredit dan sebagainya.


References :

0 comment

PENGANTAR KONSEP GIMP

Definisi GIMP



GIMP adalah suatu akronim untuk GNU Image Manipulation Program. Program ini merupakan perangkat lunak yang didistribusikan secara gratis, yang dapat digunakan untuk beberapa macam keperluan, misalnya mengolah foto, mengkomposisi gambar (citra) dan membuat gambar. Gimp merupakan salah satu program grafis yang mempunyai beragam kemampuan. Program ini dapat digunakan sebagai suatu program gambar sederhana, program pengolah foto yang sangat baik, suatu sistem yang dapat diproses secara on-line, membuat gambar berskala besar, konversi format gambar, dll.
Situs Web www.gimp.org adalah salah satu tempat yang bagus untuk dapat memperoleh keterangan dan perkembangan lengkap dari program ini. Di samping itu terdapat banyak fungsi dalam Gimp yang dapat dijalankan secara otomatis. Bahasa script yang digunakan untuk menjalankan fungsi-fungsi ini dikenal dengan nama Script Fu.


Macam-macam kemampuan fitur yang dimiliki oleh GIMP

  • sekumpulan alat gambar, seperti kuas, pensil, kuas semprot, dll.
  • manajemen/pengelolaan memori terpetak, sehingga ukuran gambar hanya dibatasi oleh ruang sisa pada disk
  • sampling subpiksel untuk semua alat gambar
  • dukungan lengkap untuk kanal alpha
  • lapis dan kanal
  • rangkaian prosedur untuk memanggil fungsi dalam Gimp dari program eksternal seperti script-fu
  • penscriptan tingkat lanjut
  • alat bantu transformasi gambar seperti putar, skala, geser dan balik
  • berbagai macam dukungan format file seperti gif, jpg, png, xpm, tiff, tga, mpeg, ps, pdf, pcx, bmp, dll.
  • panggil, tampilkan, konvert, simpan ke dalam beragam format file
  • alat-alat bantu yang dapat dipilih, seperti segiempat, elips, gambar bebas, fuzzy, bezier dan inteligen
  • plug-ins yang menyediakan penambahan beberapa format file atau filter efek dengan mudah
  • dan masih banyak lagi

Manfaat dari GIMP


Program ini dapat digunakan sebagai suatu program gambar sederhana, program pengolah foto yang sangat baik, suatu sistem yang dapat diproses secara on-line, membuat gambar berskala besar, konversi format gambar, dll.




References :
Thursday, April 13, 2017 0 comment

PENGANTAR INKSCAPE

Definisi Dan Fungsi Software Inkscape


Inkscape adalah sebuah perangkat lunak editor gambar vektor yang bersifat bebas terbuka dibawah lisensi GNU GPL. Tujuan utama dari Inkscape adalah membuat perangkat grafik mutakhir yang memenuhi standar XML, SVG, dan CSS.
Inkscape tersedia untuk sistem operasi Windows, Macintosh, dan Linux. Program dan kode sumber (source kode) Inkscape tersedia untuk umum pada situs resmi Inkscape sehingga siapapun dapat mempelajari dan mengembangkannya.
Fungsi software inkscape dapat digunakan untuk membuat gambar vektor untuk berbagai kebutuhan, misalnya untuk membuat gambar ilustrasi pada web, ikon untuk smartphone, gambar kartun atau animasi, membuat garis sederhana, kaligrafi, logo, brosur, dan masih banyak lagi. Format gambar yang dibuat menggunakan Inkscape sangat handal dan dapat disebarkan melalui internet dengan mudah karena ukurannya lebih kecil dibandingkan dengan format yang dibuat menggunakan aplikasi lain yang sejenis. Dukungan untuk berbagai format telah ditambahkan termasuk untuk berbagai browser dan smartphone masa kini.
Inkscape mendukung gambar dengan bentuk biasa (misal; persegi panjang dan lingkaran), garis, dan teks. Setiap object dapat dimodifikasi dan diberi warna sendiri. Hiperlink dapat ditambahkan sehingga gambar dapat digunakan dalam web browser karena program Inkscape tujuannya untuk membuat gambar dengan format XML, SVG, dan kampatible dengan script CSS. Saat ini Inkscape masih terus dikembangkan, hal ini dapat dilihat dengan adanya penambahan fitur dan antarmuka baru secara rutin pada setiap rilis versi baru.

Bagian Yang Terdapat Pada Software Inkscape




1.      Status Bar



Status Bar adalah daerah paling bawah dari antarmuka Inkscape. 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
·        and finally a Zoom Factor in which one can write the exact zoom factor they want to use. dan akhirnya Faktor Zoom di mana orang bisa menulis tepat faktor zoom yang ingin mereka gunakan.

2.      Menu Bar



Menu Bar atau dalam bahasa Indonesi sering disebut baris menu, berisi daftar perintah yang bisa digunakan berupa menu, jika salah satu menu diklik maka akan muncul submenu lainnya.

3.      Palette



Color Palette (palet warna), berisi ikon-ikon warna untuk memberi warna pada gambar sesuai warna yang dipilih, untuk memilih warna lain yang tidak terlihat geser Scroll Bars yang disertakan dibawah color palette.
Untuk menerapkan warna pada Fill pilih object kemudian klik ikon warna yang sesuai, sedangkan untuk menerapkan warna pada Stroke lakukan sambil menekan tombol Shift.

4.      Koordinat dan Zoom Level


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

5.      Control Bar



Control bar digunakan untuk membatu penempatan object secara tepat pada canvas dengan mendekatkan object pada terget tertentu sesuai parameter yang dilakukan.

6.      Command Bar



Command Bar, menampilkan ikon-ikon yang merupakan perintah utama dalam program Inkscape, seperti ikon membuat halaman baru, membuka gambar yang sudah dibuat sebelumnya, menyimpan gambar, dan lain-lain.


Referensi        :




Tuesday, March 7, 2017 6 comment

PENGENALAN DESAIN GRAFIS & ANIMASI


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
GUI 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
GUI 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 GUI

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 GUI

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:

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

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

·         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:

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

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

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

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



References     :

 
;