Flash Professional CS5 Animation Projects Gratis Download

Dalam Flash Professional CS5 Animation Projects, Paul Trani menunjukkan bagaimana untuk membuat animasi dinamis dan visual kaya Flash Professional CS5. Kursus ini menunjukkan cara membuat dan impor aset, dan kemudian mengambil aset tersebut dan membawa mereka untuk hidup dengan gerak dinamis. Hal ini juga menunjukkan bagaimana untuk membuat gerakan lebih unik dan alami dengan menambahkan efek khusus,, 3D masker, dan bahkan tulang untuk menghidupkan karakter. Latihan file menyertai kursus.

Topik termasuk Flash Professional CS5 Proyek Animasi:

• Membuat grafis dan aset dapat digunakan kembali
• Mengimpor grafis
• Membuat gerakan objek
• Animating masker
• Menggunakan dan menyesuaikan preset gerak
• morphing shapes
• Animasi dalam 3D
• Menambahkan tulang untuk karakter
• Mengontrol Timeline dengan ActionScript
• Mengacak isi

Tutorial Detail :

Title : Flash Professional CS5 Animation Projects
Author : Paul Trani
Publisher : Lynda.com
Subject : Web + Interactive, Graphics + Animation, Design, Design Projects
Software : Flash Professional CS5, CS5.5, Illustrator CS5 level Intermediate
Duration : 2h 31m
File Size :237,5 MB
Released Sep 15, 2010

Webpage : http://www.lynda.com/Flash-CS5-tutorials/flash-professional-cs5-animation-projects/69087-2.html

Download : Click Here
Pasword : Tipalayo

Flash Catalyst CS5.5 Essential Training Free Download

Flash Catalyst CS5.5 Essential Training adalah sebuah video tutorial dari perusahaan video tutorial terbesar di bidang design yaitu Lynda.com. dimana proses Transform karya seni statis yang diproduksi di Illustrator dan Photoshop menjadi interaktif berbasis Flash microsites dan aplikasi, semua tanpa menulis kode. Penulis Mordy Golding mencakup membangun wireframe berfungsi, mengimpor dan mengedit karya seni, memicu perubahan negara menggunakan interaksi, dan menerbitkan sebuah proyek akhir dengan Flash Catalyst. Ini juga mencakup tutorial untuk mengintegrasikan media yang kaya ke dalam situs dan merancang daftar data untuk mengulangi elemen.

disini saya hanya ingin berbagi link download yang gratis dan benar-benar premium dengan anda sebuah video tutorial dari lynda.com, dimana file cukup besar. jadi ini bukanlah file upload admin, saya hanya berbagi dengan anda siapa tahu ada yang membutuhkan.

Topics include Flash Catalyst CS5.5 Essential Training:

• Exploring new features in Flash Catalyst CS5.5
• Planning a project
• Roundtrip editing with Photoshop and Illustrator
• Understanding and skinning components
• Replacing one component with another
• Aligning and distributing artwork
• Creating conditional interactions
• Constructing resizable applications
• Incorporating audio and video
• Creating complex data lists
• Collaborating with developers using Flash Builder

Tutorial Detail :

Title : Flash Catalyst CS5.5 Essential Training
Publisher : lynda.com
ISBN: 1-59671-728-9

UPC: 6-70557-02986-3

SKU: 02986

Duration: 6.25 Hours

On 1 DVD-ROM

Size : 548,9 MB

Webpage : http://www.lynda.com/Flash-Catalyst-CS5-5-tutorials/Essential-Training/79826-2.html

Download : Click Here

Pasword : Aratang

Membuat tombol Navigasi sederhana

Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol
untuk mereka klik.

Langsung saja yah?.

1. Buka program flash tentunya, setelah itu buat file baru dengan properties tertentu, saya pakai ukuran 800x600.
2. Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan ?Home?.
   
3. Klik frame 1, kemudian ganti ?Frame label? dengan ?home? setelah itu tekan Enter.
   
4. Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis ?Materi?. Klik lagi frame 10 dan ganti ?Frame label? dengan ?materi? dan tekan Enter.
   
5. Buat lagi seperti langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan ?Latihan? dan ?Frame label? diganti dengan ?latihan?, kemudian pada frame 30 dengan teks statis bertuliskan ?Contoh? dan ?Frame label? diganti dengan ?contoh?.
6. Buat layer baru dan beri nama layer dengan nama ?tutup? dengan cara klik dua kali pada tulisan ?Layer 2?. Kemudian klik frame satu layer ?tutup? dan buat teks statis ?Tutup?.
   
7. Kemudian klik kanan pada tulisan ?Tutup? pilih Convert to Symbol pilih type button dan beri nama ?tutup_btn? dan klik ok.
   
8. Buat layer baru lagi dan beri nama ?tombol?.
9. Klik pada frame satu layer ?tombol ? kemudian import tobol dari panel Component. Caranya adalah dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.
   
10. kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing ?home_btn?, ?materi_btn?, ?latihan_btn?, ?contoh_btn? dan lebelnya masing masing ?home?, ?materi?, ?latihan?, ?contoh? dengan cara klik satu persatu dan merubahnya pada panel parameters.
    
11. Buat layer baru lagi dan rubah namanya ?skrip?, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini :
    
    stop()
    home_btn.onPress = function(){
    gotoAndStop("home");
    }
    materi_btn.onPress = function(){
    gotoAndStop("materi");
    }
    latihan_btn.onPress = function(){
    gotoAndStop("latihan");
    }
    contoh_btn.onPress = function(){
    gotoAndStop("contoh");
    }
12. Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini :
    
    on(release){
    fscommand("quit","true");
    }
13. Langkah terakhir adalah menyimpan dokumen, beri nama Tombol navigasi.
14. Kemudian Klik Ctrl+Enter. Dan lihat hasilnya pada tempat dimana kita menyimpannya, selesai.

Untuk mendownload file pdfnya silahkan klik DISINI

Untuk mendownload file swfnya silahkan klik DISINI

Cara Memberi nama Instance

Pemberian nama instance pada tombol atau movie clip sangat perlu tunuk interkasi dengan action yang kita buat. Jadi sebelum menulis script pada tombol atau movie clip, tombol atau movie clip harus di beri nama instance.


Caranya adalah sebagi berikut :

1. Klik objek tombol atau movie clip yang akan di beri nama instance.
2. Kemudian kita buka panel properties dan isikan nama instance yang akan kita berikan pada kotak Instance Name.
   
   
3. Setelah itu baru kita tekan Enter, dan selesai.

Untuk mendownload file pdfnya silahkan klik DISINI

Cara meletakan action script pada Button

Pemrograman Flash sangat sensitif sekali akan kesalahan, apalagi menyangkut action script, jadi apabila terjadi kesalahan kecil saja maka program flash yang kita buat tidak akan bekerja. Karena itu pada kesempata ini akan diberikan dasar-dasar yang sebenarnya sangat sepele, tetapi apabila diabaikan, akan berakibat fatal, apalagi buat para orang yang baru belajar flash. Untuk meletkan action script pada button adalah :

1. Pastikan button (tombol) baik yang kita buat sendiri ataupun yang mengambilnya dari panel library sudah terseleksi. Cara menyeleksinya yaitu dengan selection tool dan kita klik satu kali pada button yang ingin kita beri action.
   
2. Untuk memastikannya kita bisa melihat pada property inspector setelah button kita seleksi maka akan muncul keterangan seperti pada gambar di bawah.
   
3. Setelah button yang ingin kita beri scipt sudah terselaksi, langkah selanjutnya adalah membuka panel action. Disini ada beberapa cara yang bisa digunakan, pertama bisa degan lagsun tekan f9, yang kedua adalah adalah klik kanan lalu pilih action, kemudian cara yang ketiga adalah langsung membukanya pada panel action.
4. Yang harus di ingat di sini untuk mecegah terjadinya kesalahan adalah pada panel action yang telah terbuka terdapat keterangan yang menyebutkan bahwa action adalah milik dari button yang telah diseleksi, karena setiap action berbeda-beda antara penempatan pada button, movie clip, ataupun pada frame.
   
5. Setelah langkah-langkah tersebut barulah kita bisa menuliskan scipt yang kita ingin tulis.

Untuk mendownload file pdfnya silahkan klik DISINI

Area Kerja Flash

Area Bekerja Flash

Menu Bar
adalah kumpulan menu-menu yang ada pada Flash 8
Timeline
jendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau gerak sebuah movie atau simbol, panel time line ini berisi:

1. scene
   merupakan tempat berbagai kejadiandi dalam stage
2. layer
   merupakan tempat dimana kita menampung objek dalam satu scene
3. frame
   merupakan tempat kita mengatur animasi bagian perbagian yang di kelompokan dalam sebuah layer

Stage
adalah area putih dimana kita bekerja dengan objek di dalam flash

Nama file
merupakan tempat dimana nama dari file yang kita buat dicantumkan untuk lebih memudahkan apabila kita bekerja dengan file yang banyak

Tools
adalah alat-alat yang ada di dalam flash dan yang akan kita gunakan untuk bekerja dengan objek, untuk lebih detailnya lihat gambar.


Zoom
merupakan option dimana kita mengatur besar kecilnya stage atau area kerja kita

Panel action
adalah tempat kita menuliskan script/coding/actions

Properties
adalah panel dimana kita mengatur objek yang kita gunakan untuk bekerja, baik mengatur teks jika kita ekerja dengan teks, warna, ukuran dan lain-lain

Panel-panel
panel panel disini terdiri dari :

1. panel libraby
   panel ini adalah tempat kita menampung semua jenis animasi, gambar, lagu, movie clip, dan lain sebagainya
2. Panel Color Mixer
   Panel ini berguna untuk mengatur warna di dalam flash
3. Panel align, info, transform
   panel ini berguna untuk mengatur bentuk, letak dan posisi dari objek di dalam flash
   

Membuat Aplikasi AIR di Android melalui flash CS5.5

Fitur yang ditawarkan Flash CS5.5 sangat lumayan menurut saya, karena di dalamnya sudah banyak fitur yang didukung, diantaranya publish untuk device android dan iOS. Untuk publish di dua platform tersebut tentunya tidak menggunakan .swf lagi yang disebut-sebut memboroskan pemakaian baterai. Namun, untuk masuk ke android dan iOS, Adobe memberikan solusi yaitu melalui Adobe AIR. Bagi yang belum tau Adobe AIR silakan baca-baca dulu .
Asumsi saya kita sudah menginstall android-sdk, untuk menginstallnya silakan liat di link ini : Instalasi Android di Eclipse.
Untuk membuat aplikasi untuk dipublish di AIR samasekali tidak sulit, kita dapat mempraktekkannya setelah kita menginstall flash CS 5.5 :

1. Buat sebuah dokumen baru dengan flash CS5.5
   
   

   Dokumen Baru
2. Kemudian simpan file, misal di sini diberi nama AIRAndroid.fla. Di situ otomatis akan terbentuk file xml, file tersebut merupakan ciri bahwa file flash akan dipublish menjadi aplikasi AIR.
   
   

   List File
3. Nah, sekarang kita coba bikin teks simpel dengan Text Tool (shortcut keyboard : T), pilih font Segoe WPatau terserah Anda.
   
   

   Text Tool
4. Sekarang kita buka settingnya di menu File > AIR for Android Settings..
   
   

   Setting
5. Sekarang kita ke bagian tab Deployment.
   
   

   Deployment
6. Nah. untuk publishing, kita perlu membuat sebuah certificate sendiri. Tekan tombol create untuk membuat certificate. Isi dengan data yang kamu ingin isikan. Ingat passwordnya .
   
   

   Certificate
7. Setelah itu tekan OK. Maka akan muncul tulisan ?Self-certificate has been created.?
8. Isikan password, dan pilih opsi sesuai yang diinginkan. Jika ingin menjalankan di smartphone android, pilih Device Release. Namun jika ingin menjalankan di emulator saja, pilih Emulator release.
   
   

   Publish
9. Tekan Publish agar memulai proses compile program.
10. Jika memilih untuk menginstal pada aplikasi android dan belum menginstall AIR Runtime, maka akan tampil seperti ini.
    
    

    Screenshot
11. Klik install jika ingin menginstall.
12. Yeah.. sekarang aplikasi sudah terinstall. Happy Programming ^_^
    
    

    Akhirnya

Membuat Animasi Awan

Sekarang flashindonesia mau berbagi nih cara pembuatan animasi awan sederhana.  Biasanya animasi-animasi sederhana seperti ini sering sekali digunakan.

Oke, sekarang kita mulai membuat animasi ini.

• Seperti biasa buka Adobe Flash kamu, dan buat sebuah dokumen baru.
• Ganti warna stage kamu dengan warna RGB : #4A93FF
  
  

  Background
• Sekarang kita akan menggambar awan, namun kita tidak memiliki shape awan. Bukan masalah. Jadi kita gunakan Oval Tool untuk membuat lingkaran, shortcut yang digunakan adalah huruf O. Gambarlah seperti di bawah ini.
  
  

  Menggambar :3
• Klik pada stage, kemudian dobel klik pada garis untuk menseleksi semua garis, lalu tekan tombol Del.
• Kemudian ubah bentuk awan ini menjadi movieclip . Mengenai mengubah menjadi movieclip dijelaskan di sini.
  
  

  Ubah ke Movieclip
• Klik pada frame 50, tambahkan keyframe baru. Caranya klik kanan, pilih Insert Keyframe.
  
  

  Keyframe
• Klik pada frame 25, tambahkan juga keyframe baru.
  
  

  Keyframe
• Seleksi semua frame, kemudian klik kanan pilih Create Classic Tween (untuk Flash 8 menggunakan Create Motion Tween).
  
  

  Tween
• Klik pada frame 25, lalu pindahkan awan tadi ke kanan.
• Kita tes movie
  

Selamat menikmati

Menggambar Bentuk Dengan Action Script 3.0

Selain menggunakan toolbox, Action script bisa juga digunakan untuk menggambar objek dasar seperti menggambar garis, kotak, lingkaran dan objek lainnya. Semua itu dapat dilakukan dengan menggunakan Drawing API yang dimiliki oleh action script 3.0. Dengan objek graphics, kita bisa menggambar bentuk garis, kotak, lingkaran dan sebagainya.

Misalnya untuk menggambar garis lurus, kita gunakan perintah berikut:

this.graphics.lineStyle(2,0x000000);
this.graphics.moveTo(200,250);
this.graphics.lineTo(300,250);

perintah this menunjuk langsung kepada stage, graphics.lineStyle(2,0?000000); untuk menentukan ketebalan garis dan warna garis. moveTo(200,250); menentukan titik awal garis, kemudian lineTo(300,250); menggambar garis membentang sampai kordinat 300,250.
Untuk menggambar garis lengkung (kurva) perlu didefinisikan titik akhir dan anchor point. Tambahkan perintah baru pada contoh di atas seperti di bawah ini:

this.graphics.lineStyle(2,0x000000);
this.graphics.moveTo(200,250);
this.graphics.curveTo(250,300,300,250);
this.graphics.lineTo(300,250);

Curve

Selain itu, anda bisa menggambar kotak, lingkaran, elipse dengan perintah drawRect(), drawCircle() dan drawEllipse().
Format penulisan:

drawRect(posisiX,posisiY,lebarKotak,tinggiKotak);
drawCircle(posisiX,posisiY,radius);
drawEllipse(posisiX,posisiY,lebar,tinggi);

contoh:

this.graphics.drawRect(300,300,300,250);
this.graphics.drawCircle(200,250,50);
this.graphics.drawEllipse(300,300,100,50);

Bangun 2D

Anda juga bisa memberikan warna fill kedalam objek-objek tadi dengan perintah beginFill() dan endFill() untuk menghentikan pewarnaan.

this.graphics.beginFill(0xff0000);
this.graphics.drawRect(50,50,100,100);
this.graphics.endFill();

Persegi

Nah, setelah anda sedikit mengenal Drawing API pada action script, sekarang coba anda menggambar Mr.Smiley seperti gambar di bawah ini:

Smile

Selamat mencoba!

Teknik Animasi Sederhana: Animasi Tweening

Software Macromedia Flash memang menarik untuk dipelajari, dengan menggunakan macromedia flash kita dapat membuat animasi sederhana, presentasi mulai dari yang dasar hingga yang kompleks, konten video, dll. Tentang kegunaan macromedia flash telah saya jelaskan di tulisan saya sebelumnya. Kali ini saya akan memperkenalkan kepada anda tentang animasi sederhana (animasi tweening).

Buat anda yang sudah lama belajar flash tentu sudah tahu apa itu animasi tweening. Buat yang masih pemula silahkan baca tulisan saya tentang animasi tweening sampai tuntas. Buat yang sudah mahir flash dilarang membaca, nanti bisa ngakak.

Animasi tweening adalah animasi sederhana yang mudah dibuat karena memang sangat sederhana sekali. Coba perhatikan contoh animasi sederhana dibawah ini

perhatikan juga contoh animasi sederhana yang satu ini

perhatikan juga contoh animasi sederhana dibawah ini

Animasi lingkaran bergerak dari kiri ke kanan, animasi lingkaran berputar, dan animasi lingkaran dari ukuran kecil kemudian membesar (terserah anda mau menyebutnya apa) di atas adalah contoh animasi sederhana animasi tweening.

Apa itu animasi animasi tweening?

Tweening berasal dari kata 'in between' atau jika diterjemahkan dalam bahasa saya sehari-hari 'in-between' = 'dalam diantara' atau 'diantara'. Bingung? belum jelas? Coba anda lihat gambar di bawah ini.

Gambar diatas adalah proses membuat animasi tweening. Diantara key frame 1 dan key frame 10 klik kanan > Crate Motion Tween > kemudian antara key frame 1 sampai key frame 30 sehingga secara otomatis akan terbentuk frame-frame baru.

Dari gambar diatas maka akan diperoleh definisi / pengertian animasi tweening. Tweening adalah proses menganimasikan objek dengan cara memberikan perubahan bentuk / posisi objek yang terletak di frame awal atau di akhir frame sehingga akan terbentuk frame-frame baru diantara frame awal dan frame akhir. Begitulah definisi saya, apakah anda punya definisi yang lain? Silahkan tulis di kolom komentar.

Tulisan yang saya rekomendasikan bagi anda yang sedang belajar flash: mengenal fungsi flash sebagai software, definisi animasi flash

Enjoy!!