Apps 2: Drawing in Flash

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَن اارحِيم

Assalamualaikum semua ^_^
Apa khabar? moga sihat hendaknya.

Kelas diteruskan seperti biasa.  Minggu ini kami cara-cara melukis dan mewarna dalam Flash gune CS3.  Antaranya basic drawing, basic coloring, lukis simple object dan text dan juga draw button.

Asas Melukis:

    1.  Lukis line

• Untuk melukis line , kita boleh pilih style line, saiz line dan juga warna bagi line tersebut.

    2.  Lukis objek menggunakan line tool dan selection tool

• Terdapat banyak cara untuk select object dalam flash, antaranya, pilih objek stroke. 
• Boleh juga select mana-mana objek dan drag di tempat yang kita mahukan.
• Bila sesuatu stroke atau fill itu di pilih/select, kita akan nampak satu paten dot, itu menunjukkan bahawa ia telah di pilih/select.

    3. Lukis bentuk empat segi (rectangular) dan bulat (circle)

• Selain dari melukis garis lurus, flash juga membolehkan kita melukis pelbagai bentuk objek seperti empat segi, bulat, bintang dan lain-lain

    4. Lukis objek menggunakan pencil tool

• Kita juga boleh melukis line atau shapes dengan menggunakan pensel tool.  Ia sama seperti kita menggunakan pensel sebenar untuk melukis.
• Pencil mode ini membolehkan kita apply 'stranghten' atau 'smoothing' function untuk line dan juga bentuk objek yang kita lukis.

    5. Lukis objek menggunakan pen tool

• Pen tool pula membolehkan kita menghasilkan sesuatu objek yang complex.  Dia adalah gabungan straight line dan curves di antara bentuk yang sama.
• Shape yang kita hasilkan menggunakan pen tool ini terdapat 'paths' dan kita boleh melihat dalam 'black anchor point.' 

Asas Mewarna:

1. Mewarna objek menggunakan brush tool
2. Mewarna objek menggunakan ink bottle dan juga paint bucket tool
3. Pilih warna sampel menggunakan Eyedropper tool

• Contoh, jika kita mahu warna yang sama seperti yang asal untuk apply pada objek yang kita lukis, kita hanya pilih eyedropper tool dan pointkan ke warna yang kita mahu untuk di copy. Hasilnya warna objek akan kelihatan sama seperti warna yang asal.

Melukis Objek & Text:

Untuk Apps 2 ini, diberikan beberapa objek yang boleh kita lukis, antaranya, melukis bangunan, kartun, logo syarikat dan juga menggunakan text.

Melukis Button:

Terdapat juga tutorial yang menunjukkan bagaimana untuk menghasilkan button.

Flash juga membolehkan kita untuk mempelbagaikan bentuk button ikut citarasa yang kita mahu.

1. Insert new symbol - name as button - click button type - OK.
2. There will appear 4 type of button, (up, over, down and hit)
3. On Up keyframe, Choose rectangle shape tool - drag on stage
4. Choose text tool and put on top of the rectangle - type in 'HOME'
5. Copy frame 'up' and paste it to other 3 (over, down, hit)
6. Test movie

You can color rectangle and text with color you want.

Boleh pelbagaikan lagi bentuk button.
InsyaAllah akan praktis.


Sekian sahaja.
Wassalam.

Drawing in Flash: Onion Skin Tools

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَن اارحِيم

Assalamualaikum semua ^_^

Kami diberi tugasan untuk melukis kartun menggunakan Onion Skin tools.

Terdapat 2 button untuk tools ini:

1. Onion skin
2. Onion Skin outlines

Onion skin: untuk menunjukkan solid image di atas stage.

Onion Skin outline: untuk menunjukkan outline image sahaja.

Onion skin tool ini dikatakan sebagai salah satu teknik untuk menghasilkan kartun animasi dan juga mengedit movie menggunakan beberapa frames.  Ia seperti menghasilkan kartun bergerak.

Di bawah ini hasil daripada menggunakan onion skin tools ini.

Class Activity: Drawing in Flash

Langkah-langkah:

1. Import image.
2. Image sedia ada dalam keyframe 1
3. Untuk trace image tersebut, perlu menambah satu lagi keyframe. Kiranya akan ada dua keyframe.
4. Klik keyframe yg ke-2 dan select image tersebut. Kemudian delete image dari keyframe ke-2 tersebut.  Sekarang, keyframe ke-2 telah empty, dan di sinilah kita akan melukis image.
5. Klik keyframe ke-2 di timeline tersebut dan klik onion skin tool. Ia akan menunjukkan faint version dari image di keyframe ke-2 tersebut.
6. Guna drawing tool pilihan sendiri untuk trace dari faint image tersebut.
7. Apabila sudah siap di trace, boleh remove keyframe yang pertama.  Sekarang hanya tiggal satu sahaja keyframe.  Image sedia untuk di convert ke simbol, animasi atau grafik.
8. Seterusnya, tekan semula onion skin tool button untuk offkan dia.
9. Langkah akhir adalah mewarnakan image yang sudah siap di trace.

Cara ini adalah bagus bagi mereka yang kurang mahir dalam melukis.

Selamat mencuba ^_^

Sekian sahaja..

Wassalam.

Apps 1: World of Flash

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَن اارحِيم

Assalamualaikum semua.. ^_^

Alhamdulillah, untuk minggu ini, satu lagi pengajaran baru diterima.  Bukan itu sahaja Dr juga menyediakan iPad bagi memudahkan kami untuk akses application flash walau di mana kami berada.  

Daripada Apps 1, terdapat beberapa topik mengenai flash antaranya, 'flash interface', 'Application of flash' dan juga 'types of interaction'.

1. Flash interface

Contoh interface bagi adobe flash

• Timeline: terdapat frame bagi sesuatu animasi dan di display dari kiri ke kanan.  Sekiranya terdapat animasi dalam setiap frame tersebut, maka, flash akan automatik akan mainkan animasi tersebut.  Flash bekerja mengikut sequence dari satu frame ke frame yang lain.
• Tool Panel: Tools yang kita perlukan untuk edit dan melukis objek.  Setiap satu tools ada fungsinya yang tersendiri. 
• Stage: Stage ini yang akan memaparkan animasi, gambar, dan lain-lain.  Kita boleh ubah saiz stage yang kita mahukan di bahagian properties.
• Properties Panel: Di sini terdapat pelbagai pilihan jika kita hendak tukar atau edit objek. Contohnya kalau kita mahu jadikan bagckground warna hitam atau pon saiz pensil.
• Library: Kita gunakan jika hendak import clipart, gambar dan sebagainya.

2. Application flash

Antara contoh aplikasi flash adalah membuat web banner, animasi, game, dan juga courseware. Selain itu boleh juga untuk iklan sesuatu (advertisement).

3. Types of Interaction

Antara contoh types interaction adalah, simbol, text dan juga 'drag & drop'.  

• Simbol (contoh dalam apps 1 ini adalah grafik, button, dan juga movie clip).
• Text (Terdapat 3 jenis text dalam CS3 ini, antaranya ialah static text, input text dan juga dynamic text).

Static text

Digunakan untuk tajuk dan juga label

Input Text

Contoh kalau kita hendak masukkan nama atau password.

Dynamic Text

Guna bila hendak paparkan objek atau text yang berubah ikut masa.

Ini yang dapat saya kongsikan pada minggu ini.  InsyaAllah pada masa akan datang akan dikemaskini.

Sebelum tu, di bawah ini adalah aktiviti yang perlu kami siapkan dalam kelas. InsyaAllah akan perbaiki lagi skil flash ini.

Untuk melukis bukit,pantai dan kerusi, saya guna line tool dan selection tool. Manakala payung tu pula guna shape tool. Jika hendak perbanyakkan kerusi, bole copy and paste atau pun 'Alt+Drag' atau duplicate. 
Untuk mewarkan, gunakan bucket tool dan pilih sahaja warna yang disukai. ^_^

Wassalam.