Tutorial Macromedia Flash yang Menggunakan Script

Cuma mau ngasih link tutorialx az gan....!!!!

hehehehee....nie dia :

1. Tutorial buat game mewarnai
2. Tutorial buat pesawat
3. Cara Buat game Hitungan

Tutorial Macromedia Flash

Apa itu Macromedia Flash ??

Macromedia Flash adalah Software untuk membuat animasi yang biasanya digunakan untuk berbagai keperluan di Internet. Misalnya, untuk membuat situs, banner iklan, logo yang beranimasi, serta animasi pelengkap lainnya.

Flash dikembangkan dari suatu aplikasi yang bernama SmartSketch. SmartSketch sendiri merupakan aplikasi untuk menggambar yang diluncurkan pada 1994 oleh FutureWave, bukan oleh Macromedia. Aplikasi ini cukup sukses di tengah pasar aplikasi menggambar yang dikuasai oleh Illustrator dan Freehand.

Pada musim panas 1995, SmartSketch memperoleh masukan dari penggunanya agar SmartSketch dapat digunakan untuk membuat animasi. FutureWave sangat tertarik untuk membuat suatu aplikasi untuk membuat animasi. Namun FutureWave agak pesimis mengenai pemasarannya, karena pada saat itu animasi hanya didistribusikan dengan VHS atau CD-ROM.

Kemudian World Wide Web mulai mengembangkan sayapnya, dimana grafik dan animasi menjadi vital. FutureWave melihat kesempatan ini untuk memasarkan aplikasi yang mampu menghasilkan animasi dua dimensi. Kemudian SmartSketc dimodifikasi sehingga mampu menghasilkan animasi dengan menggunakan pemrograman Java sebagai player-nya. Namanya juga sedikit dimodifikasi menjadi SmartSketch Animator. Namun, nama SmartSketch Animator dirasakan kurang menjual, sehingga nama tersebut diubah menjadi CelAnimator. Tetapi kemudian, karena kuatir dicap sebagai aplikasi pembuat kartun, CelAnimator diubah menjadi FutureSplash Animator.

Walaupun dengan ide yang cukup revolusioner, FutureSplash sulit populer. Oleh karena itu FutureWave mendekati Adobe. Namun karena demo FutureSplash yang kurang memuaskan dengan lambatnya animasi, Adobe menolak memproduksi FutureSplash. Baru pada November 1996, Macromedia mendekati FutureWave untuk bekerja sama. FutureWave menyetujui tawaran Macromedia. Kemudian FutureSplash Animator diubah namanya menjadi Macromedia Flash 1.0.

Dasar - Dasar Macromedia Flash :

Sebelum melangkah lebih jauh sebaiknya anda kenali dulu dasar-dasar FLASH

Di bawah ini merupakan window dari Flash MX

Keterangan

• Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda
• Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi
• Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage
• Color Window, merupakan window yang digunakan untuk mengatur warna pada objek yang Anda buat
• Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script untuk Flash MX. Biasanya Action Script digunakan untuk mengendalikan objek yang Anda buat sesuai dengan keinginan Anda
• Properties, merupakan window yang digunakan untuk mengatur property dari objek yang Anda buat
• Components, digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke internet

Macam-macam animasi dalam Macromedia Flash, antara lain:

1. Tweened Animation
   Shape Tweening : Shape tweening biasa digunakan untuk membuat animasi perubahan bentuk. Sebagai contoh di dalam frame awal terdapat obyek bintang, kemudian di dalam frame akhir terdapat obyek bulan sabit. Dengan menggunakan shape tweening, program akan menganimasi dan menentukan transisi perubahan bentuk dari bintang menjadi bulan sabit secara otomatis. Yang perlu diperhatikan, shape tweening hanya dapat diterapkan untuk menganimasi obyek shape. Untuk hasil yang baik biasanya digunakan satu shape. Jika Anda menggunakan banyak shape, semuanya harus dalam layer yang sama.
   Motion Tweening :Animasi motion tweening biasa digunakan untuk membuat animasi objek bergerak (dari satu posisi ke posisi lain), berputar, dan perubahan ukuran (skala). Motion tweening tidak dapat diterapkan pada objek shape. Teknik ini hanya dapat diterapkan pada objek instance (symbol), group, dan teks. Teknik ini juga dapat men-tween warna dari instance dan tulisan, gradasi warna, fade in atau fade out. Tetapi untuk men-tween warna dari group tulisan, Anda harus membuat mereka menjadi symbol terlebih dahulu.


2. Frame by Frame
   Frame by frame Animation : Teknik animasi yang disusun dari banyak rangkaian gambar yang berbeda.Pada animasi frame by frame, setiap perubahan gerak atau bentuk sebuah objek diletakkan pada frame secara berurutan. Semakin banyak frame yang digunakan untuk menampung setiap detil gerakan sebuah benda, animasi yang dihasilkan akan semakin halus. Sebagai contoh untuk animasi yang menampilkan gelengan kepala, gambar kepala pertama ditempatkan di frame 1, gambar kepala kedua ditempatkan diframe 2, dan seterusnya. Anda dapat mengimpor file gambar sekuel (dengan format jpg, giv, png, atau yang lainnya ) untuk dijadikan urutan gambar di dalam frame-frame. Anda juga dapat menggambar secara langsung, dengan menggunakan tool-tool menggambar, di dalam frame-frame secara berurutan.

Cara kerja di Flash pun tidak berbeda, kita menggambar frame per frame di stage, setelah itu baru dijalankan. Animasi jenis ini memiliki ukuran file jauh lebih besar dibanding Tweened Animation. Oleh karena itu disarankan bila animasi yang kita buat tidak terlalu rumit, gunakan Tweened Animation untuk mengurangi ukuran movie kita.

passti cara di atas sangat rumit bagi anda yang kelas junior desainer,,tetapi jangan takut. Di sini saya akan menyertakan pula video tutorialnya...

Basic animation

Running/walking Animation

each mungkin ini yang bisa saya sharingkan,,,kurang lebihnya ea mohon di maklumi gan...

CSS FRAMEWORK

Pengertian :

Pengertian dasar dari Framework itu sendiri adalah; sebuah konsep yang memiliki struktur serta terorganisir dalam satu paket atau library. Dengan konsep ini, diharapkan agar desainer dan developer lebih fokus pada projek yang sedang dikerjakannya tanpa harus memulainya dari awal.

Keuntungan Menggunakan CSS Framework :

1. Lebih cepat

Membuat sebuah website membutuhkan waktu yang tidak sebentar. Tapi dengan menggunakan Framework kita tidak harus memulai semuanya dari awal untuk setiap projek.

2. Tableless

Tableless ini adalah sebuah teknik dimana struktur website tidak menggunakan table untuk melayout, melainkan dengan cara memisahkan data antara html dan css. Hal ini dilakukan agar lebih mudah dimaintenance dan diakses oleh berbagai media aplikasi, berkurangnya kebutuhan bandwidth, dan yang lebih utama adalah lebih SEO friendly.

3. Cross-browser compatibility

Cross-browser compatibility ini memiliki pengertian bahwa website dapat diakses oleh berbagai browser.

4. Team Work menjadi lebih komunikatif

Setiap desain dan developer memiliki teknik atau cara yang berbeda-beda. Dengan framwork ini maka kesalahpahaman atau miskomunikasi antar team dapat diminimalisir.

5. Lebih sedikit kesalahan

Membuat sebuah website yang besar membutuhkan pengorganisiran kode yang baik dan jelas. Dengan framework, setiap kesalahan akan lebih sedikit dikarenakan sudah ada patokan dari framework tersebut.

6. Kebersihan dan Kerapihan

Maksud dari kebersihan dan kerapihan disini adalah; kode menjadi lebih mudah dibaca dan lebih jelas, baik itu oleh kita sendiri maupun oleh team kita.

Kekurangan Menggunakan CSS Framework :

1. Membutuhkan waktu untuk mempelajari framework

Mempelajari dan membuat CSS Framework menjadi lebih familiar memang membutuhkan waktu. Karena framework adalah buatan orang lain.

2. Berkurangnya fleksibilitas

Kebebasan kita dalam mengkoding menjadi berkurang akibat dari sintak yang sudah terpatok. Sehingga setiap projek yang kita buat akan tidak jauh berbeda. Walaupun berbeda, mungkin kesempatannya akan akan lebih kecil.

3. Kode menjadi mubazir

Tidak semua kode yang ada pada framework kita gunakan dalam projek kita. Hal ini mengakibatkan code menjadi tidak berguna dan membuat data menjadi besar.

4. HTTP request yang berlebihan

Biasanya CSS framework memiliki data yang terpisah-pisah. Hal ini membuat loading website menjadi lama.

5. Bugs

CSS framework adalah buatan manusia yang tidak luput dari kesalahan. Terkadang kita menjadi kesulitan apabila suatu saat kita menemukan sebuah bugs pada CSS framework pilihan kita dan terkadang menjadi kerepotan untuk diperbaiki dan mencari solusinya.

Beberapa contoh CSS Framework :

1. Blueprintcss
2. 960.gs
3. Baseline css
4. Elasti css
5. Mollio
6. Yaml
7. Compass
8. Less css
9. Less css
10. Bluetrip
11. 1 kb grid
12. Wedoui
13. Elements css
14. Marker css
15. Sen css

tetapi disini kita akan membahas tentang 960.gs saja....

....maaf ya

Mengapa Website dewasa ini harus menggunakan CSS Framework (960 Grid System) ............??

Apakah itu memudahkan dalam membangun sebuah website yang dinamis..?

jawabannya ialah :

CSS framework digunakan karena mampu mempercepat proses pembuatan desain visual website dan juga konversi desain visual website tersebut ke dalam CSS dan XHTML. Hal ini dikarenakan sudah ada panduan yang disediakan oleh CSS framework, baik ketika melakukan proses pembuatan desain visual maupun ketika mengkonversi desain visual tersebut ke dalam CSS dan XHTML. Tutorial ini akan menjelaskan langkah-langkah dasar membangun layout website dengan memanfaatkan CSS Framework (960 Grid System varian 12 kolom dengan lebar masing-masing kolom 60 piksel) dan XHTML.

Adapun Varian dari 960 gs :

Varian yang digunakan dalam desain grid (12,16,dan 24 kolom) setiap dibagi menjadi bagian yang 60 piksel, lebar setiap kolom memiliki 10 piksel margin di kiri dan kanan, yang membuat spasi 20 piksel lebar antara kolom.

Example Web site Used 960 grid system at

http://960.gs

Disana kalian dapat mendownload Grid 960 serta Sketh dan Template dalam bentuk Firework,photoshop , Illlustrator Dll.

Sedangkan untuk tutorialnya kalian dapat lihat di :
1. tutorial membangun layout website dengan grid system 1
2. tutorial membangun layout website dengan grid system 2
3. tutorial desain website format kartunama dengan 960 grid system
4. ...and klik disini ini khusus untuk download video tutorialnya...