{"id":261,"date":"2009-12-04T00:40:24","date_gmt":"2009-12-03T16:40:24","guid":{"rendered":"http:\/\/www.yusrizamri.com\/blogsite\/?p=261"},"modified":"2009-12-04T11:27:31","modified_gmt":"2009-12-04T03:27:31","slug":"efek-shining-pada-logo","status":"publish","type":"post","link":"https:\/\/www.yusrizamri.com\/blogsite\/?p=261","title":{"rendered":"Efek SHINING pada logo"},"content":{"rendered":"

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

<\/object><\/p>\n

Canggih bukan? Jom buat cara PROFESIONAL FLASH designer ini !!!<\/strong><\/p>\n

<\/span><\/p>\n

<\/span><\/strong><\/p>\n

Langkah 1 :<\/span><\/strong><\/p>\n

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

<\/span><\/p>\n

Contoh stage yang saya akan gunakan di bawah :<\/span><\/p>\n

<\/span><\/p>\n

\"1\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 2 :<\/span><\/strong><\/p>\n

Berikan nama layer 1 sebagai imej<\/strong> dan kunci layer tersebut supaya tidak mengganggu untuk proses seterusnya<\/span><\/p>\n

<\/span><\/p>\n

\"2\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 3 :<\/span><\/strong><\/p>\n

Insert new layer dan namakannya sebagai shining<\/span><\/p>\n

<\/span><\/p>\n

\"3\"<\/p>\n

<\/span><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

Langkah 4 :<\/span><\/strong><\/p>\n

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)<\/em><\/span><\/p>\n

<\/span><\/p>\n

\"4\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 5 :<\/span><\/strong><\/p>\n

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 :<\/span><\/p>\n

<\/span><\/p>\n

\"5\"<\/p>\n

<\/span><\/p>\n

\"51\"<\/p>\n

<\/span><\/p>\n

Siapkan tracing line anda pada logo sehingga menjadi seperti di bawah :<\/span><\/p>\n

<\/span><\/p>\n

\"52\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 6 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik pada keyframe 1 layer shining<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik menu modify > convert to symbol<\/strong> atau short cut F8<\/strong><\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Berikan nama MC anda dan pilih Type MOVIE CLIP<\/strong><\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik OK<\/span><\/strong><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

\"6\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 7 :<\/span><\/strong><\/p>\n

Double klik pada MC shining yang berada di atas stage tadi dan mode stage anda akan berkeadaan seperti berikut :<\/span><\/p>\n

<\/span><\/p>\n

\"7\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik pada keyframe 1 layer 1 (rujuk gambar di atas)<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Pilih menu modify > shape > convert lines to fill<\/strong><\/span><\/p>\n

\"71\"<\/span><\/strong><\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Cara ini menjadikan line tersebut bertukar sebagai shape di mana line tidak boleh dibuat masking untuk step seterusnya<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik kanan pada frame 100 layer 1 tersebut dan pilih menu insert frame (short cut F5)<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

\"72\"<\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

Langkah 8 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Kunci layer 1 tersebut dan insert new layer di atasnya<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Layer 2 akan muncul dan tarik layer 2 itu agar ia berada di bawah layer 1<\/span><\/p>\n

<\/span><\/p>\n

\"8\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 9 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik kanan pada frame 30 layer 2 dan pilih menu insert keyframe<\/strong><\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik kanan pada frame 76 layer 2 dan pilih menu insert keyframe<\/strong><\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Ianya akan menjadi seperti di bawah<\/span><\/p>\n

<\/span><\/p>\n

\"9\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 10 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik pada frame 30 layer 2<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Buatkan satu kotak berwarna putih yang panjang tanpa ada stroke colour (rujuk imej di bawah)<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

\"10\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Convert kotak tersebut ke MOVIE CLIP<\/strong> (short cut F8)<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 11 :<\/span><\/strong><\/p>\n

Buka panel filter ( window > properties > filters )<\/strong><\/span><\/p>\n

<\/span><\/p>\n

\"11\"<\/p>\n

\u00b7 <\/span><\/span><\/span>Klik pada kotak tersebut dan apply efek blur pada kotak itu mengikut setting di bawah<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

\"111\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Kemudian tutup panel filter<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Gunakan transform tool untuk membuatkan kotak tersebut berada pada kedudukan 70 darjah<\/span><\/p>\n

<\/span><\/p>\n

\"112\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

<\/span><\/strong><\/p>\n

Langkah 12 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Right klik pada frame 75 dan pilih insert keyframe<\/strong><\/span><\/p>\n

<\/span><\/p>\n

\"12\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Gerakkan kotak tersebut pada sebelah kanan anda<\/span><\/p>\n

<\/span><\/p>\n

\"121\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik kanan pada frame 30 layer 2 dan pilih menu create motion tween<\/strong><\/span><\/p>\n

<\/span><\/p>\n

\"122\"<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Langkah 13 :<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Klik kanan pada layer 1 dan pilih menu MASK<\/strong><\/span><\/p>\n

<\/span><\/strong><\/p>\n

\"13\"
\n<\/strong><\/p>\n

<\/span><\/strong><\/p>\n

Akan jadi seperti di bawah<\/span><\/p>\n

<\/span><\/p>\n

\"131\"<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Kembali semula pada mode scene 1 (klik pada menu scene 1)<\/span><\/p>\n

<\/span><\/p>\n

\"132\"<\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Kemudian lihat hasilnya dengan tekan CTRL + ENTER <\/strong>atau control > test movie<\/strong><\/span><\/p>\n

<\/span><\/p>\n

Menjadi bukan? Jika anda masih tidak dapat hasilnya kemungkinan anda :<\/span><\/p>\n

<\/span><\/p>\n

\u00b7 <\/span><\/span><\/span>Tidak convert line to shape<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Tidak create motion tween<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Tidak ubahkan kedudukan kotak<\/span><\/strong><\/p>\n

\u00b7 <\/span><\/span><\/span>Line tracing anda pada peringkat mula halus (saiz kecil <2)<\/span><\/strong><\/p>\n

<\/span><\/p>\n

Jika anda follow tutorial ini anda pasti berjaya. Efek ini biasa digunakan oleh saya cuma terpulang kepada anda untuk setting kelajuan pergerakan kotak tersebut.<\/span><\/p>\n

<\/span><\/p>\n

Efek ini juga terdapat pada flash menu web client saya ( <\/span>www.pinewater.com.my\/web<\/span><\/a> = mouse over pada menunya) <\/span><\/p>\n

<\/span><\/p>\n

Harap semua ENJOY!!!<\/span><\/strong><\/p>\n

<\/span><\/p>\n

Muat turun file *.FLA di <\/span>SINI<\/a><\/strong><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

Tutorial ini juga boleh didapati di <\/span><\/strong>www.sifoo.com<\/a><\/strong><\/p>\n

<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

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? […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[9,13,22,23,41,25,20,31,36,42,38,40,19],"_links":{"self":[{"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/posts\/261"}],"collection":[{"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=261"}],"version-history":[{"count":9,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=\/wp\/v2\/posts\/261\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yusrizamri.com\/blogsite\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}