Efek SHINING pada logo

Assalammualaikum dan salam sejahtera,
Bertemu kita kembali dalam tutorial sifoo.com dan yusrizamri.com. kali ini saya akan buat tutorial berkenaan cara bagaimana hendak membuat outline shining pada logo bagi menampakkan kesan eksklusifnya.
Di dalam tutorial ini saya menggunakan ADOBE FLASH CS3. Hasilnya anda akan dapat seperti di bawah. Sila perhatikan pada logo 1 Malaysia

Canggih bukan? Jom buat cara PROFESIONAL FLASH designer ini !!!

Langkah 1 :

Setkan stage anda pada saiz yang anda rasa sesuai dengan menggunakan frame rate 25fps. Kemudian import satu logo di atasnya. Pastikan logo tersebut terdapat background yang berwarna agar kesan shining nanti akan kelihatan real.

Contoh stage yang saya akan gunakan di bawah :

1

Langkah 2 :

Berikan nama layer 1 sebagai imej dan kunci layer tersebut supaya tidak mengganggu untuk proses seterusnya

2

Langkah 3 :

Insert new layer dan namakannya sebagai shining

3

Langkah 4 :

Gunakan line tools untuk membuat tracing pada logo anda. Jangan lupa setkan warna line anda pada warna contras dan saiz line kepada 2 (sila rujuk pada properties panel)

4

Langkah 5 :

Mulakan proses tracing logo anda mengikut logo yang anda pilih dan jika ada lengkungan pada logo anda boleh gunakan selection tool (pintasan V) untuk membuat lengkungan pada line anda seperti contoh di bawah :

5

51

Siapkan tracing line anda pada logo sehingga menjadi seperti di bawah :

52

Langkah 6 :

· Klik pada keyframe 1 layer shining

· Klik menu modify > convert to symbol atau short cut F8

· Berikan nama MC anda dan pilih Type MOVIE CLIP

· Klik OK

6

Langkah 7 :

Double klik pada MC shining yang berada di atas stage tadi dan mode stage anda akan berkeadaan seperti berikut :

7

· Klik pada keyframe 1 layer 1 (rujuk gambar di atas)

· Pilih menu modify > shape > convert lines to fill

71

· Cara ini menjadikan line tersebut bertukar sebagai shape di mana line tidak boleh dibuat masking untuk step seterusnya

· Klik kanan pada frame 100 layer 1 tersebut dan pilih menu insert frame (short cut F5)

72

Langkah 8 :

· Kunci layer 1 tersebut dan insert new layer di atasnya

· Layer 2 akan muncul dan tarik layer 2 itu agar ia berada di bawah layer 1

8

Langkah 9 :

· Klik kanan pada frame 30 layer 2 dan pilih menu insert keyframe

· Klik kanan pada frame 76 layer 2 dan pilih menu insert keyframe

· Ianya akan menjadi seperti di bawah

9

Langkah 10 :

· Klik pada frame 30 layer 2

· Buatkan satu kotak berwarna putih yang panjang tanpa ada stroke colour (rujuk imej di bawah)

10

· Convert kotak tersebut ke MOVIE CLIP (short cut F8)

Langkah 11 :

Buka panel filter ( window > properties > filters )

11

· Klik pada kotak tersebut dan apply efek blur pada kotak itu mengikut setting di bawah

111

· Kemudian tutup panel filter

· Gunakan transform tool untuk membuatkan kotak tersebut berada pada kedudukan 70 darjah

112

Langkah 12 :

· Right klik pada frame 75 dan pilih insert keyframe

12

· Gerakkan kotak tersebut pada sebelah kanan anda

121

· Klik kanan pada frame 30 layer 2 dan pilih menu create motion tween

122

Langkah 13 :

· Klik kanan pada layer 1 dan pilih menu MASK

13

Akan jadi seperti di bawah

131

· Kembali semula pada mode scene 1 (klik pada menu scene 1)

132

· Kemudian lihat hasilnya dengan tekan CTRL + ENTER atau control > test movie

Menjadi bukan? Jika anda masih tidak dapat hasilnya kemungkinan anda :

· Tidak convert line to shape

· Tidak create motion tween

· Tidak ubahkan kedudukan kotak

· Line tracing anda pada peringkat mula halus (saiz kecil <2)

Jika anda follow tutorial ini anda pasti berjaya. Efek ini biasa digunakan oleh saya cuma terpulang kepada anda untuk setting kelajuan pergerakan kotak tersebut.

Efek ini juga terdapat pada flash menu web client saya ( www.pinewater.com.my/web = mouse over pada menunya)

Harap semua ENJOY!!!

Muat turun file *.FLA di SINI

Tutorial ini juga boleh didapati di www.sifoo.com

71 Responses to “Efek SHINING pada logo”

  1. Ayie says:

    Assalamualaikum,kepada tuan empunya toturial ini,kepada saya buat x jadi erk?? semua step saya dah ikut tolong me plz…dah banyak kali cuba baik tapi tetap fail… :nanges

  2. Ayie says:

    {Pembetulan}kenapa,saya buat x jadi plz help me :nanges

  3. ayuspodeh says:

    ayie try lagi…dun give up….

  4. Everett says:

    .

    спс….

  5. lonnie says:

    .

    благодарствую!!…

  6. Jesse says:

    .

    thank you….

  7. Troy says:

    .

    tnx!!…

  8. Kenneth says:

    .

    thank you….

  9. eric says:

    .

    спс….

  10. Eric says:

    .

    tnx!!…

  11. John says:

    .

    tnx for info!…

  12. gene says:

    .

    thanks!!…

  13. bryan says:

    .

    tnx!!…

  14. gabriel says:

    .

    tnx for info….

  15. Billy says:

    .

    good info!…

  16. dan says:

    .

    tnx for info!!…

  17. Alejandro says:

    .

    tnx for info….

  18. Mitchell says:

    .

    thanks….

  19. Jared says:

    .

    thanks for information….

  20. Joe says:

    .

    tnx!…

  21. floyd says:

    .

    tnx for info….

  22. allen says:

    .

    thank you….

  23. Edward says:

    .

    tnx for info!…

  24. Anthony says:

    .

    tnx for info….

  25. tracy says:

    .

    tnx!…

  26. Lester says:

    .

    hello!!…

  27. Ken says:

    .

    good info!!…

  28. Oliver says:

    .

    good….

  29. richard says:

    .

    tnx for info!…

  30. Rex says:

    .

    good info!!…

  31. jacob says:

    .

    tnx for info!!…

  32. Joe says:

    .

    thanks for information!!…

  33. Kent says:

    .

    good!!…

  34. Gary says:

    .

    good info!…

  35. leonard says:

    .

    good info!!…

  36. Eddie says:

    .

    thanks!…

  37. herman says:

    .

    thanks….

  38. Brent says:

    .

    good info….

  39. dean says:

    .

    good info!…

  40. roberto says:

    .

    tnx for info!!…

  41. Marcus says:

    .

    tnx….

  42. herbert says:

    .

    thank you!…

  43. Ronnie says:

    .

    good info….

  44. Alfonso says:

    .

    tnx for info….

  45. Matt says:

    .

    thanks for information!…

  46. steven says:

    .

    good!…

  47. Billy says:

    .

    thanks!!…

  48. joel says:

    .

    good!!…

  49. angel says:

    .

    thanks for information!…

  50. Felix says:

    .

    good….

Komen Anda

You must be logged in to post a comment.

Copy Protected by Chetan's WP-CopyProtect.