Selamat Datang

Semoga blog ini menjadi wadah sharing & kreatifitas siswa/siswi SMK Negeri 1 Banjar dan untuk yang ingin blognya ditampilkan, kirimkan Nama, Kelas dan Alamat Blog ke Email : indra.smkn1banjar@gmail.com/ 6562752654200023

SMK Nesaba

Showing posts with label MP - Animasi 2D. Show all posts
Showing posts with label MP - Animasi 2D. Show all posts

Friday, 19 October 2012

Membuat Company Profile dengan Flash [AS-2]


Tutorial Flash Membuat Company Profile. Bingung untuk membuat company profile dengan Flash sederhana dan dapat dibuat dalam waktu yang singkat? Kita dapat belajar untuk mencoba membuatnya dengan mudah dan singkat serta perlu untuk dikembangkan lebih lanjut lagi agar terlihat lebih kompleks dan menarik lagi. Okey, langsung saja untuk mulai tutorial flash Membuat Company Profile Sederhana. Tutorial Flash Membuat Company Profile Sederhana yang akan dibahas di sini adalah menggunakan Adobe Flash CS4 atau CS5. Ikuti langkah-langkah berikut ini:

Tutorial Flash Membuat Company Profile

Company Profile Flash CS 5 [AS-3]

Membuat Company Profile Flash CS 5
Tutorial membuat company profile flash CS 5. Kali ini Saya akan memberikan tutorial tentang bagaimana membuat Company Profile sederhana dengan Adobe Flash CS5 menggunakan ActionScript 3.0.

Tutorial Membuat Company Profile

Berikut adalah langkah-langkah untuk membuat company profile dengan adobe Flash cs5.
pengaturan awal flash cs5 actionScript 3.01. Buka file flash baru, denga pilihan ActionScript 3.0
Pengaturan File Flash
2. Setelah lembar kerja baru Flash terbuka, selanjutnya buatlah objek persegi dengan Rectangle Tool (R), buat persegi pada Stage dengan warna objek hitam dan posisikan seperti gambar berikut.

Monday, 15 October 2012

Flash : Memasukan Sound ke dalam Flash

import soundSound merupakan salah satu bagian penting dalam suatu aplikasi flash. Berikut adalah cara memasukkan sound ke dalam file flash.
  • Seperti biasa buat sebuah dokumen flash baru. :D
  • Kemudian kita klik menu File > Import > Import to Stage, maka akan muncul dialog seperti berikut.
    import sound

Flash : Cara Memasukkan Flash di Blogwebsite

browser dan plugin
Sekarang kita akan membahas tentang cara memasukkan sebuah objek flash (.swf) agar bisa berjalan di browser :)
Flash merupakan aplikasi independen yang tidak dapat berjalan tanpa adanya dukungan plugin, oleh karena itu kita membutuhkan sebuah plugin flash player pada browser dan plugin
Untuk dapat dikenali sebagai flash, maka kita perlu menyisipkan tag HTML. Misal kita ingin memasukkan pada postingan blogger, maka kita menuju ke tab Edit HTML, kemudian copy-kan kode berikut :

<object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" id="swfobj_0" width="550" height="400">
<param name="movie" value="http://flashindonesia.com/wp-content/uploads/2010/04/sidescrollinggame.swf">
<object type="application/x-shockwave-flash" data="http://flashindonesia.com/wp-content/uploads/2010/04/sidescrollinggame.swf" width="550" height="400">
<p>The Flash plugin is required to view this object.</p>
</object>
</object>

Flash : Membuat website Flash

Baik, saya sekarang akan membuat sebuah website yang full dengan konten flash, sehingga hanya sedikit komponen HTML-nya.
Cara pembuatan :
  • Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita perlu Flash Player 9 untuk agar dapat fullscreen pada browser.
  • Atur ukuran dari stage menjadi 640 piksel x 480 piksel.
    panel properties
    panel properties
  • Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me.
    menu

Wednesday, 10 October 2012

Flash : Penggunaan Layer


Penjelasan Layer
penjelasan layerLayer berguna sebagai tempat untuk meletakkan sebuah objek. Di dalam layer, kita tidak hanya meletakkan satu objek, namun kita dapat meletakkan banyak objek secara bersamaan. Apabila kita membuat dua objek  dan masing-masing dalam 2 layer dan 2 objek tersebut bersentuhan, maka akan tampak gambar tersebut saling bertumpukan.


Flash : Membuat Tombol Glossy


Baik, di sini saya akan membuat tombol glossy seperti ini,
Langsung aja ke caranya
    jadi deh :p
  • Seperti biasa kita siapkan sebuah dokumen flash baru.
  • Sekarang kita gambar sebuah kotak pada stage, namun kita ubah sudutnya agar berbentuk bundar, yaitu dengan cara set corner radius. Kemudian masukkan nilainya terserah anda (bisa coba-coba)

Flash : Membuat Preloader

framePreloader merupakan hal yang tidak dapat dipisahkan ketika kita mendeploy file swf kita ke internet. Walaupun ukurannya kecil, namun kita perlu untuk memberikan preloader agar user dapat mengerti sejauh mana konten swf-nya telah terdownload.
Berikut ini yang akan kita buat. (Jika loading tidak tampil, maka refresh halaman ini)
Baik, kita akan mulai membuat preloader.

Langkah 1 : Desain Frame

Pertama-tama, kita buat 2 buah keyframe pada timeline, masing-masing beri label dengan teks Preloader dan Main. Untuk membuat Keyframe baru, cukup klik kanan dan pilih Insert Keyframe. Untuk memberikan label, cukup klik pada frame, kemudian munculkan panel Properties, kemudian ketikkan nama labelnya.

Flash : Shape Tween



kotakKalian tau kan tentang morphing ? Eitss.. bukan mophine atau morphling :p Morphing itu disebut sebagai suatu transisi dari suatu bentuk objek ke bentuk objek yang lain, misal gambar manusia menjadi gambar monyet. :P Di flash ada yang namanya Shape tween, yaitu perubahan suatu shape menjadi shape yang lain. Langsung aja deh dicoba bagi yang belum tau :wink:
  • Seperti biasa siapkan dokumen flash.
  • Buat sebuah gambar, misalkan gambar kotak.

Flash : Membuat Movie Clip

Sebenarnya apakah MovieClip itu ?
sambil menekan shiftDi dalam flash ada 3 jenis simbol yang sering digunakan, yaitu Button, Graphic dan MovieClip.
MovieClip merupakan suatu wadah untuk menaruh suatu objek. Anggap saja Mangkok, suatu mangkok bisa diisi mie, nasi dan lainnya, selain itu di dalam mangkok juga bisa diletakkan mangkok yang kecil, tentu saja ukurannya pasti lebih kecil daripada mangkok luarnya.
Sama halnya movieclip, di dalam movieclip juga bisa ditaruh 1 bahkan seribu gambar ataupun video. Satu movieclip juga bisa berisi sebuah movieclip lain. Pastinya jika movieclip di bagian dalam membesar, otomatis movieclip bagian luar juga membesar.

Flash : Motion Guide

Motion guide adalah suatu fitur pada flash agar suatu object dapat berjalan mengikuti garis. Kali ini kita membuat sebuah mobil mengikuti garis.
Langkah-langkahnya adalah sebagai berikut :
  • Seperti biasa kita buat sebuah dokumen baru.
  • Selanjutnya kita klik pada frame 1 layer 1.
  • Kemudian klik pada stage dan buatlah sebuah mobil di stage. Gambarnya terserah anda ^_^

Flash : Motion Tween

Hal dasar yang harus oleh pengembang flash adalah Motion Tween. Apakah motion Tween itu ? Motion Tween adalah animasi yang dapat dilakukan dengan menggunakan Timeline dengan mengubah ukuran (scale), rotasi (rotation), dan posisi (location).
Kita akan membuat animasi dasar untuk mengubah semua (ukuran, rotasi, posisi).
Buat sebuah dokumen flash seperti biasa. :wink:
  • Kemudian kita gambar sesuka kita, namun kali ini saya menggambar sebuah lingkaran.

Flash : Cara Membuat Quiz dgn Template

Artikel ini akan menunjukkan cara membuat kuis online sederhana, lengkap dengan pilihan untuk umpan balik, mencetak dan pelacakan, menggunakan flash template yang gratis kuis di Adobe Flash. Pastikan Anda dapat mengatur untuk menggunakan Adobe Flash MX , Flash 8 , Flash CS3 , atau Flash CS4 ( http://www.adobe.com/products/flash/ ) sebelum mencoba ini. Jika Anda bukan ahli di Flash, QuizCreator dari Wondershare dapat menjadi program alternatif untuk Anda. Program ini akan disebut pada akhir dari halaman ini.

Template kuis disertakan di Flash MX dan versi terbaru, dan dirancang untuk melacak hasil secara otomatis dan mengirim mereka ke sistem manajemen pembelajaran (LMS) dengan SCORM dan AICC kepatuhan. Membuat baik penggunaan built-in template kuis dan Anda dapat membuat Flash menarik dan kuis interaktif.

Flash : Belajar Masking

Sekarang kita akan belajar tentang masking. Bagi yang belum tau, apa sih masking itu ? Masking adalah menampilkan suatu gambar dengan batas dari gambar lain, misal kita ingin melakukan masking antara Layer 1 dan Layer 2 sebagai mask, maka hasilnya akan seperti ini :

Flash : Membuat Layar menjadi Full Screen

Flash merupakan suatu tool untuk presentasi yang handal, bahkan bisa melebihi powerpoint. Jika kita bisa dan mau, mungkin presentasi kita dapat juga menjadi presentasi yang penuh dengan animasi cantik. :p
Berikut salah satu agar flash dapat digunakan sebagai alat untuk presentasi adalah Full Screen.
  • Siapkan dokumen flash anda.
  • Klik pada Keyframe 1 pada layer 1, kemudian munculkan panel Action dengan cara menekan F9 pada keyboard atau buka menu Windows -> Actions.

Flash : Membuat Stopwatch [Action Script 3.0]

Sebuah cara untuk membuat stopwatch sederhana dengan actionscript 3.0. Karena kita menggunakan font khusus, maka terlebih dahulu kita menginstall font jenis LED 7 Segment.  Langsung aja kita ikuti cara-caranya :)
  • Terlebih dahulu kita mendownload font Digital 7 di internet [google]
  • Kemudian extract dan klik 2 kali untuk menginstallnya.
  • Siapkan sebuah flash document dengan ActionScript 3.0, bisa menggunakan flash CS3, CS4, atau CS5.

Flash : Membuat Presentasi



Untuk menangkap user input ada banyak cara yang bisa dilakukan, diantaranya dengan memberikan if pada event EnterFrame, kemudian melalui event pada Button/MovieClip, dan melalui listener. Yang akan saya jelaskan di sini adalah menggunakan listener, karena listener adalah cara yang paling cocok untuk navigasi pada saat menjalankan presentasi.
Kalo kita melakukan presentasi, agar kita pindah ke slide berikutnya, tentunya kita menekan tombol kanan atau bawah pada keyboard kan.?? nah, sekarang kita akan mencoba seperti itu.
Langsung aja kita praktek :
  • Seperti biasa kita buat sebuah dokumen flash 8 baru. (Actionscript 2.0 ya)

Flash : Membuat Kuis [+XML]

Kuis sering sekali kita butuhkan ketika membuat sebuah media pembelajaran dengan flash. Di sini kita tidak akan membuat kuis dari template yang ada di flash, meskipun template tersebut sangat mudah dikostumisasi, namun yang saya tawarkan di sini adalah membuat kuis dengan data yang diambil dari XML.
Kuis ini dibuat dengan menggunakan Actionscript 2.0, sehingga kita dapat menggunakan Macromedia Flash 8 atau Flash CS 3 dan lebih.
Mari kita mulai pembuatannya.
  • Langkah awal adalah membuat layout untuk kuis, kuis ini hanya berisi multiple choice (pilihan ganda), jadi di sini saya menggunakan radio button.
  • Untuk mengambil radio button, kita cukup mengambilnya pada menu Window -> Components, atau cukup tekan Ctrl + F7.

Thursday, 13 September 2012

Dasar - Dasar Macromedia Flash

Author & Copyright: Johan |
Pernahkah anda melihat suatu animasi mungkin dalam benak anda berkata bagaimana cara membuat gambar animasi atau pernahkah anda melihat kartun yang setiap hari ditayangkan di televisi? salah satu aplikasi pembuat animasi dan kartun tersebut adalah Macromedia Flash. Pada pembahasan kali ini saya akan sedikit menerangkan tentang basic dari Flash

Tutorial Flash Animasi
Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH

Thursday, 6 September 2012

Alur Kerja Film Animasi (Pipeline)


Tutorial video ini menjelaskan tentang alur kerja film animasi atau biasa di sebut pipeline, proses ini hampir pasti di lakukan oleh studio animasi untuk pengerjaan sebuah  film animasi. Bagi yang belum mengetahui proses produksi animasi video ini menjadi referensi yang bagus. Materi ini dijelaskan secara gamblang oleh Mas Dody (dosen animasi) pemilik situs http://www.dodyanimation.com/