Membuat teks animasi dengan SWF easy [ Latihan 1 ]


Mungkin sahabat masih ingat Pada postingan saya sebelumnya tentang Membuat Flash Banner & Menu Navigasi dengan mudah dengan menggunakan Sothink SWF Easy.Yang mana program tersebut dapat kita gunakan sebagai program instant untuk membuat file Flash animasi.Sebenarnya Program ini sangat mudah untuk dapat kita kuasai.Namun untuk rekan dan sahabat yang tidak paham dan belum terbiasa dengan program pembuat file flash ,saya akan mencoba memberikan sedikit tutorial sederhana,katakan saja ini sebagai latihan pertama kita untuk belajar membuat file flash animasi.

Untuk latihan kali ini saya akan mencoba menemani sahabat dalam membuat teks animasi pada Sothink SWF easy.


Langkah-langkahnya sebagai berikut.

  1. Silahkan anda buka dahulu program Sohtink SWF pada desktop PC anda.

  2. Disini kita akan mencoba membuat file flash dengan ukuran 600px X 100px.Untuk itu silahkan anda lihat pada bagian bawah,yaitu tab properties.ubah pada bagian "widht" dengan angka 600 dan "height " dengan angka 100 seperti contoh gambar dibawah ini.
  3. sothink1
  4. Perbesar tampilan stage dengan cara mengeser slider display atau dengan menekan tool "Fit Window"fitwindows agar stage tampil full pada lembar kerja.

  5. Klik tool Text text dan buatlah area text dengan cara klik kiri mouse pada bagian kiri atas stage( lembar kerja yang masih kosong ),tahan...tarik sampai posisi pojok kanan bawah stage.yang nantinya akan terlihat seperti gambar di bawah ini.

  6. stage
  7. Buatlah tulisan pada area text yang telah sahabat buat tadi.Disini saya mencoba dengan menulis selamat datang dengan jenis font "Bauhaus 93" ukuran font 60pt dan font color:black seperti pada gambar dibawah ini.
  8. selamat datang

    font
  9. Setelah selesai,klik tool Transform transform.Tool ini berguna untuk mengubah ukuran file yang ada pada lembar kerja/stage.

  10. Selanjutnya klik tab menu Add Effect -- select atau tekan F3 pada keyboard.

  11. Pada bagian ini anda bebas memilih Effect yang ingin anda gunakan.Tapi pada latihan ini saya mencoba menerapkan effect Entrance--change color fade in seperti pada gambar dibawah.

  12. Langkah selanjutnya klik pada tab "Config"--"Effect".Beri tanda centang pada kolom "Loop".Kemudian klik "Ok" untuk menutup jendela tersebut.Sekarang anda sudah dapat melihat hasilnya dengan menekan tombol CTRL+ENTER pada keyboard.Bagaimana...?? Mudahkan...???

  13. Untuk Menyimpan file tersebut agar sewaktu-waktu bisa anda gunakan untuk pengeditan lebih lanjut,klik FIle--Save As...(SWF easy document *.gla )

  14. Tapi..apabila anda yang ingin mengexport/Publish file tersebut langsung kedalam FIle Flash *.swf.Lakukan dengan cara klik File--Export Movie--dan pada Save as type pilih Flash Movie (*SWF)

  15. Cara lain Untuk mendapatkan File Flash (SWF) beserta Embedcodenya anda bisa lakukan dengan cara,klik tool "Publish" .

  16. Klik pada radio button Insert Flash movie ( *.swf ) to HTML file seperti gambar dibawah ini.


  17. Lalu tekan Next

  18. Pada jendela HTML Option,anda bisa merubah Quality,Windowmode untuk pengaturan background dan pengaturan posisi file flash dan posisi aligment pada HTML.

  19. Tekan Next.akan keluar jendela select HTML file.

  20. Klik Browse tuliskan nama file yang akan kita simpan.Misalnya disini kita kasih nama latihan_1.
  21. Klik Open dan kemudian tekan tombol Next.


  22. Nanti akan ada keterangan bahwa file tersebut belum tersedia dan anda diminta untuk mebuatnya,klik saja "Yes".

  23. Pada jendela insert to HTML file.Klik tombol "Insert" dan kemudian tekan tombol "Save" seperti gambar dibawah.Kode HTML inilah yang nantinya akan kita pakai untuk memasukan file flash tersebut di WEB/Blog


  24. Lalu t ekan Next kembali dan Terakhir klik Finish.

  25. Langkah selanjutnya tinggal mengupload file SWF yang telah anda buat tersebut ke WEB Host anda.Apabila anda belum mempunyai web hosting untuk meletakan file tersebut,silahkan klik disini dan silahkan Registrasi dahulu untuk mendapatkan layanan Hosting Gratis pada situs tersebut.

  26. Buka kembali kode HTML yang telah kita buat sebelumnya(lihat kembali langkah No.17 s/d 20).setelah itu masukan link dari file flash yang telah anda upload tersebut pada kode HTML <embed src="Latihan_1.swf"........

  27. Dari rangkaian kode HTML yang ada.Anda cukup mengambil code embed seperti dibawah ini saja.

  28. <embed src="Latihan_1.swf. " quality="high" bgcolor="#ffffff" width="600" height="100" name="fgf.swf" align="top" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

    Tapi bila anda memakai semua kode seperti gambar sebelumnya ( lihat No.20 )juga tidak apa-apa.hanya saja nanti disaat anda masukan pada WEB/Blog,Biasanya...tampilannya akan sedikit janggal karena akan ada ruang kosong pada bagian atas dari file Flash tersebut.

  29. Langkah terakhir adalah memasukan kode tersebut pada WEB/Blog anda.


Inilah hasil dari latihan_1 yang sudah kita buat.



Semoga Bermanfaat.....


1 comments:

Osi mengatakan...

Terimakasi frnd artikelnya....
Langsung praktek nih.... 8-)

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.