Apa itu Flash?

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.

Demo Karya Flash
Di mana saya bisa mendapatkan hasil karya yang dibuat dengan Flash? Di Babaflash.com sendiri banyak hasil karya orang Indonesia yang dibuat dengan Flash seperti:

• Ecards atau Kartu Ucapan Elektronik
• Coolsites atau Situs Bagus
• Game atau Permainan
• Animasi Kartun

Kelebihan dan Kemampuan Flash

• Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak.
• Ukuran file yang kecil dengan kualitas yang baik
• Kebutuhan Hardware yang tidak tinggi
• Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.
• Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.

Teknologi Flash
Flash sekarang bukan hanya sebagai software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.

Versi Macromedia atau Adobe Flash

• Macromedia Flash 2 (1997)
• Macromedia Flash 3 (1998)
• Macromedia Flash 4 (1999)
• Macromedia Flash 5 (2000)
• Macromedia Flash 6 (2002) atau Macromedia Flash MX
• Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004
• Macromedia Flash 8 (2005)
• Adobe Flash 9 (2007) atau Adobe Flash CS3

Anda tidak usah bingung untuk menggunakan versi yang mana, kalau hanya untuk keperluan menggambar atau animasi, Flash versi 4 atau 5 pun lebih dari cukup kalau komputer Anda Pentium 3. Jadi silahkan menggunakan versi yang tidak memberatkan komputer Anda, tidak usah memaksa harus menggunakan versi terbaru.

Kini adalah suatu kebutuhan atau keharusan (seperti menulis) untuk belajar suatu software perkantoran. Minimal bisa mengoperasikan produk Microsoft seperti Windows, Microsoft Word, Excel dan Power Point. Atau produk Open Source seperti Linux, Star Office.

Jadi setelah itu, silahkan memilih Flash untuk pilihan selanjutnya :)

Lebih lengkapnya di http://en.wikipedia.org/wiki/Adobe_Flash

Dasar Actionscript Flash (Bag. 1)

Actionscript adalah bahasa pemrograman yang ada di Flash. Jadi selain bisa menggambar dan animasi, Flash juga mempunyai kemampuan untuk pemrograman.
Jadi sebelum mendownload eBook atau Tutorial ini, pastikan Anda sudah mempunyai dasar menggambar dan animasi Flash. Bila belum, silahkan terlebih dahulu mempelajarinya.

[ Klik di Sini untuk mempelajari Dasar Animasi Flash ]

Kalau sudah mempunyai dasar menggambar dan animasi Flash. Silahkan lanjut ke bawah...

-oO0-

Berikut ini adalah Preview Bab 1 tentang Actionscript dari buku "123 Tip & Trik Actionscript Flash MX 2004" karangan Zeembry.

Sengaja tidak dipublish semuanya karena penulis masih terikat kontrak dengan Penerbit. Dan buku tersebut masih beredar di toko-toko buku.

Semoga dengan sedikit tutorial di bawah ini bisa membuka wawasan pemula tentang Actionscript yang kalau dipelajari dan dipahami dengan benar tidak begitu sulit. Dan setelah itu bisa didiskusikan di forum dan milis Babaflash supaya pengetahuan ini bisa berkembang.

[ Download Ebook ]

Dasar Animasi Flash (Bag. 1)

Tutorial ini akan mengawali Anda untuk mempelajari Flash. Konsep dan teknik dasar dijelaskan secara mendetail sehingga dapat dengan mudah dimengerti, dicoba dan dipahami.

Tutorial ini menggunakan Macromedia Flash MX. Tetapi tidak menutup kemungkinan Anda juga bisa menggunakan Macromedia Flash MX 2004 karena konsepnya hampir sama.

Pembahasan dalam Tutorial ini adalah:
- Lingkungan Flash MX
- Shape, Stroke, Fill & Object
- Property Inspector
- Arrow & Sub Selection Tool
- Merubah Objek menjadi Symbol
- Melihat Symbol di Library
- Membuat Symbol Baru
- Merubah Master Symbol
- Merubah Instance
- Animasi
- Insert Blank Keyframe
- Insert Keyframe
- Motion Tweening
- Membuat Bola Memantul
- Movieclip

Tutorial ini dalam bentuk PDF yang dikompresi dengan format ZIP. Jadi Anda harus mempunyai Winzip untuk membuka kompresi tersebut dan Adobe Acrobat Reader untuk melihat tutorialnya.

[ Download PDF]

cari tahu siapa yg copy Paste suatu blog/WEB

 

ketika kita mendapat sebuah inspirasi atau mendapat pengalaman yang menarik mungkin cara mengapreasikan setiap orang pasti akan berbeda-beda bagi musisi munkin akan cepat-cepat membuat sebuah lirik lagu yang indah untk di lantunkan,

bagi seorang pelukis maka.kanvas dan kuas adalah alat untuk membuat sebuah seni karyanya tapi bagi kita para blogger mungkin hal yang akan kita lakukan adalah membuat sebuah posting ga peduli pagi ,siang,sore,ataupun tengah malam kita akn cepat cepat menguploadnya,

tapi ketika artikel yang telah kita buat secara susah payah telah jadi dan banyak mendatangan pengunjung ke blog atau web yang kita punya disaat saat itu maka Copy Paste suatu artikel  sudah pati akan terjadi,karna penuis blog inipun dulu sering melakukan seperti itu tapi sekarang sudah tidak dilakukan lagi karna kepuasan itu sangat berbeda rasanya di saat membuat postingan berdasarkan copy paste dengan membuat posting hasil dari buatan sendiri rentunya semua blogger akan berpendapat sama.

syukur-syukur yang meng copy paste mencantumkan sumber artikel
tersebut,tapi kalau tidak aduh dalam hati kita akan merasa sangat sedih dan kecewa. Copyscape adalah suatu web yangmampu mengecek secara cepat dan detail apakah ada yang mengcopyfaste web atau blog kita baik secara penuh artikel ataupun hanya sebagian.

caranya gampang tinggal masukan alamat web /blog kita lalu oke maka dalam hitungan detik hasil akan segera diterima ,di web inipun disedikan beraneka baner untuk melarang copy paste artikel.

penasaran coba aja sendiri Copyscape

Contoh Animasi Motion Shape ( bagian ke 1)

Berikut ini akan di bahas tentang Animasi Motion Shape atau dapat dibilang sebagai animasi  perubahan bentuk,pada animasi shape 1 kita akan membuat animasi perubahan bentuk dari objek sebuah lingkaran menjadi objek kotak,mari langsung aja praktek

• Siapkan lembaran kerja dengan tampilan defaut seperti biasanya sebuah stage kosong 
• Atur tunggi dan lebarnya

• Buat sebuah Objek lingkaran pada frame 1

 

• Klik kanan frame 30, lalu pilih Insert Blank Keyframe
• klik  frame 20 dan buat sebuah objek kotak dengan posisi berbeda dari objek lingkaran 

• Klik kanan di antara frame 1dan frame 30 
• Kemudian ,ubah pilihan Tween pada jendeola Properti menjadi Shape 

• Lihat hasilnya  window-Control-Test Movie ( CTR+ENTER)

Animasi Skala ( Contoh paling sederhana )

"Animasi Skala" menurut pendapat saya dapat di artikan sebagai animasi merubah ukuran bentuk, bagaimana apakah sudah mengerti bila belum mendingan kita langsung praktek saja dari pada bingung-binggung...

• Seperti biasa kita Siapakan dulu sebuah Stage kosong.
• Atur tinggi dan lebarnya 
• File - Import -Import to Stage ( Ctr+R) 
• Pilih gambar yang akan kita masukan....
  
  

• Klik kanan frame 30 lalu insert keyframe 
• Klik kanan diantara 1 sampai 30 pilih Create Motion Tween 
• Klik kanan frame 30 perbesar ukuran objek gambar tersebut menggunakan Free Transform Tool besarnya terserah sesuai dengan keinginan teman-teman
• Lihat hasilnya  window-Control-Test Movie ( CTR+ENTER) 

Contoh Flash Sederhana teks berubah warna secara berurutan ( bagian ke-1 )

Untuk lebih mempercantik  web/blog ada berbagai cara yang dapat digunakan mulai dari merubah segi tampilan,menambahkan pernak pernik salah satunya dengan flash.ambil salah satunya contohnya teks akan kita buat berubah warna satu persatu..

mari kita mulai:

• Siapkan sebuah stage ukuran silahkan sesuaikan dengan panjan dan tinggi stage yang akan anda buat 
• Pada Stage tersebut ketiklah sebuah teks yang akan kita buat menjadi teks animasi  

• klik frame 1 Insert Keyframe lalu rubah warna teks tersebut

• lakukan hal yang sama pada frame 2 sampai pada frame 10 (jumlah frame tergantung dengan selera dan warna hurup bebas gunakan imajinasi anda).
• setelah selesai window-Control-Test Movie

Contoh Flash Sederhana teks berjalan ( bagian ke-1 )

Dalam kesempatan ini mari kita bahas bagaimana caranya membuat trik sederhana teks berjalan ,langkah-langkahnyapun sangat mudah dan sederhana sekali sekali kita mulai

• Langkah pertama adalah siapkan sebuah Stage ambil contoh tinggi 70 dan panjang 300 klik kanan pada stage

A= lebar stage (silahkan ukuran disesuaikan  )
B= Tinggi stage
C= Kecepatan frame

• klik text tool

• tulislah teks yang akan kita inginkan di dalam area stage atau pun diluar area stage ;

• Untuk mengubah warna ,ukuran ,jenis hurup silalahkan atur di jendela properti 

• Langkah berikutnya adalah klik frame 20 pada Time Line klik kanan lalu klik insert keyframe

sehingga hasilnya seperti ini

• klik frame 1 pilih selection tool  klik pada teks lalu geser dan pindahkan

• klik kanan di antara frame 1 dan frame 20 pilih Create Motin tween

• untu melihat hasilnya pilih menu-window-Control-Test Movie..

cukup mudah bukan selamat mencoba..

Animasi gerak sederhana bola berputar (pada flash bagian ke 2 )

Tak jauh bedanya dengan dengan langkah-langkah postingan animasi gerak sederhana bola berputar yang membedakan pada tahap ini adalah menyatukan antara trik  animasi gerak  dengan trik animasi gerak sederhana bola berputar untuk lebih jelasnya langsung aja praktek dari pada keburu pusing

• Seperti biasa kita Siapakan dulu sebuah Stage kosong

• Atur tinggi dan lebarnya 
• File - Import -Import to Stage ( Ctr+R) 

• pilih gambar yang akan kita masukan....

• tambahkan satu Layer baru total ada 2 layer

  

• Tambahkan 1 bola lagi sehinga di dalam stage kini total ada 2 bola. letakan sejajar berdampingan

• pada layer 1 Klik kanan Frame 20,lalu pilih Insert Keyframe pindahkan bola tersebut ke tengah-tengah stage

            Selanjutnya ,

• klik kanan di antara freme 1 dan frame 20- pilih Create MotinTween 
• pada properti rubah rotare : CW 

lakukan hal yang sama pada pada layer 2

• Klik kanan Frame 20,lalu pilih Insert Keyframe pindahkan bola tersebut ke tengah-tengah stage Selanjutnya ,
• klik kanan di antara freme 1 dan frame 20- pilih Create MotinTween 
• pada properti rubah rotare : CW 

supaya lebih jelas lihat gambar biar ga pusing

lihat posisi ke 2 bola semua berada pada frame 1 

lihat posisi ke 2 bola semua berada pada frame 20

lihat hasilnya  window-Control-Test Movie ( CTR+ENTER) selesai .........................

Animasi gerak sederhana bola berputar (pada flash bagian ke 1 )

Langkah langkahnya sebagai berikut:

• Siapakan sebuah stage kosong 

• File - Import -Import to Stage
  
  

• pilih gambar bola kalau belum punya nyari di google banyak ko,

• Klik kanan Frame 20,lalu pilih Insert Keyframe.
• Selanjutnya ,klik kanan di antara freme 1 dan frame 20- pilih Create MotinTween 
• pada properti rubah rotare : CW

• mari kita lihat hasilnya window-Control-Test Movie

Animasi gerak sederhana pada flash (baagian ke-1)

Kita akan belajar memindahkan suatu objek dari satu tempat ketempat lain ini merupakan tehnik yang sangat mudah dan sangat simpel sekali:

• Siapakan sebuah Stage kosong 

• kanan pada Stage kosong klik kanan- Document property sesuaikan ukuran 

  
 A= lebar stage            B=Tinggi stage            C=Kecepatan Frame             

• Pilih Oval tool (o) 

• buatlah sebuah lingkaran pada Stage

• Langkah berikutnya adalah klik frame 20 pada Time Line klik kanan lalu klik insert keyframe

• Pilih Selection tool klik gambar lingkaran lalu geser pindahkan,

 

• pada time line klik di antara frame 1 dan frame 20 pada jendela properties pilih Tween -Motion

• untuk melihat hasilnya pilih window-Control-Test Movie,mudah bukan dan hasinya seperti di bawah ini

Contoh sederhana animasi mask pada teks

Prinsip kerja dari Animasi Mask adalah menampilkan bidang yang tertutup dan menyenbunyikan bidang yang terbuka.untuk lebih memperjelas mari langsung praktek saja

• Siapkan lembaran kerja dengan tampilan defaut seperti biasanya sebuah stagekosong

• Atur tunggi dan lebarnya

• Tambahkan sebuah layer sehingga di dalam timeline terdapat dua buah layer,layer satu dan layer dua

• Ganti nama layer 1 menjadi teks dan layer 2 menjadi blok masking 

• Buat sebuah teks di layer teks sebagai contoh lihat gambar di bawah

• Setelah itu masih pada layer teks klik kanan kanan pada frame 25 Insert Frame,

• Klik pada frame 1 layer block masking buat sebuah objek lingkaran,

• klik frame 25 pilih insert Keyframe dan geser objek gambar seperti tampak dalam gambar

• Dalam layer blok masking klik kanan diantara frame 1 sampai frame 25 pilih Create Motion Tween.

• klik kanan pada layer block masking pilih mask 

selesai

Cara Mengganti Gambar Slide Template pada Blog

Pada kesempatan kali ini saya akan memposting dan memberikan tutorial pada hal tersebut diatas, kadang untuk mempercantik blog kita perlu template yang menarik, sekarang ini banyak template-template blog diinternet yang bisa anda gunakan  secara gratis. 

Misalnya Template yang mempunyai efek slide gambar membuat blog anda seperti website profesional, tetapi masalahnya tema atau kategory blog kita tidak sesuai dengan slide-slide gambar yang disediakan pada template tersebut. Tidak enak dipandang mata kan kalau misalkan kategory blog kita tentang pendidikan tapi slide-nya gambar film, hehee..

 

Ok langsung saja ke tutorialnya, Anda dapat mengikuti langkah berikut ini.

1. Login ke akun Blogger Anda
2. Klik Rancangan atau Tata Letak (layout)
3. Klik Edit HTML
4. Tekan Ctrl + F (dimaksudkan untuk memudahkan pencarian)
5. Ketiklah Title (nama) gambar yang akan diubah pada pencarian.
6. Jika gambar anda mirip dengan gambar berikut serta kalimat yang ada di dalam gambar ini sama, coba ketik title berikut "This Is Featured Post 5 Title" pada kotak pencarian Anda.

7. Setelah ketemu Anda dapat mengganti kalimat maupun gambarnya. 
8. Ganti url gambar slide template Anda dengan gambar yang Anda inginkan, cara mudah, Anda Upload terlebih dahulu gambar Anda pada website misal di Picasa, Flickr, maupun Photobucket. Selanjutnya copy url-nya dan pastekan pada url gambar yang anda temukan tadi.
9. Setelah pengeditan selesai Klik Simpan/Save

Catatan : 

• Usahakan gambar yang Anda upload sama ukurannya dengan gambar sebelumnya
• Untuk melihat ukuran gambar sebelumnya, Anda dapat meng-copy url gambarya dan mempastekannya di tab (jendela) baru berowser Anda.
• Setelah itu simpan dan lihat resolusi (ukuran) gambar tersebut. 
• Untuk memudahkan dalam pengeditan Lihat gambar berikut.

Sekian dulu Tuturial Blog dari saya semoga bermanfaat

Tugas BLOG Kelas XI IPA 5

1. http://www.kelompok5ia5.blogspot.com
2. http://www.aatika-mey.blogspot.com
3. http://www.kelompok2ia5.blogspot.com
4. http://www.blog-kita-kel6.blogspot.com
5. http://www.rey-blogbook.blogspot.com
6. http://www.tiga-group.blogspot.com