Monday, April 28, 2014

Cara masuk audio ke dalam flash dan interactive button


Cara masuk audio ke Flash cs3

  1. Cari lagu( format mp3,wav)
  2. Buka Flash, pilih create new Flash File(action script 2.0).
  3. Klik file > import > import to library > pilih audio file > klik OK
  4. Sekarang audio file anda sudah disimpan dalam library.
  5. Drag lagu dari library ke kanvas dan masukkan keyframe di saat/minit yang terkakhir.
  6. Untuk edit audio tersebut, klik pada mana-mana frame dan lihat properties di bahagian bawah.Klik pada perkataan edit.
  7. Anda juga boleh buat effect pada audio tersebut seperti fade in atau fade out.

Cara buat interactive button

  1. Buat button guna shape tool.Boleh guna apa-apa bentuk dan taip teks dalamnya.
  2. Select semua, shape dan teks kemudian klik kanan dan convert to symbol : button.
  3. Button tersebut akan disimpan dalam library
  4. Klik 2 kali pada button yang telah dibuat tadi dan timeline akan berubah :








    6.    Warna asal button adalah pada frame up.
    7.     Masukkan keyframe pada frame over. Tukar warna button guna paintbucket.Warna button pada                   over ini adalah apabila kita meletakkan mouse kita ke arah button tersebut.
    8.    Masukkan keyframe dan lakukan langkah yang sama untuk down dan hit.
(down- warna button bila kita tekan, hit-warna button apabila sudah ditekan)



Sunday, April 20, 2014

Adobe Flash cs 3 | animasi mudah.

Sebelum kita membuat animasi, ada beberapa elemen penting yang perlu kita tahu .

Apa yang kita perlu tahu?

Jenis simbol
1.Graphic
- digunakan untuk gambar
2.Button
- butang(untuk klik) untuk capaian ke laman yang lain
3.Movie clip
- untuk animasi/gambar bergerak

Lihat langkah berikut.

Convert to symbol : GRAPHIC

1.Pilih apa-apa bentuk untuk dilukis.
2.Klik 2 kali pada bentuk tersebut dan tekan kanan.Paparan berikut akan muncul :

3.Klik ok dan secara automatik ia nya disimpan dalam library

 
Kelibihan convert pada simbol adalah objek yang disimpan di library dapat digunakan lebih dari satu kali. Pengguna boleh drag item ( dalam gambar) ke permukaan workspace dan bebas jika ingin menukar saiz. 

Convert to symbol : BUTTON

1. Pilih satu bentuk, contohnya rectangular dan type text dalam kotak tersebut.

2.Klik 2 kali pada objek tersebut dan klik kanan, pilih convert to symbol. Kemudian, pilih type : button
3.Klik ok dan ia terus disimpan dalam library.

Convert to symbol : MOVIE CLIP

1.Boleh guna bentuk/lukisan atau gambar. Kemudian, sewaktu convert to symbol, pilih movie clip.Dan klik OK.



Apa itu keyframe?
-gunakan untuk set kan bila objek mula dan berakhir

Apa itu frame?
- untuk masukkan pergerakan objek

Motion tween?
-untuk menghasilkan pergerakan

Shape tween?
-untuk menghasilkan pergerakan melibatkan bentuk.Bentuk tersebut akan berubah dari satu bentuk yang lain.


Cara buat motion tween

Untuk pergerakan lurus

  1. Lukis objek/bentuk
  2. Insert keyframe pada saat/minit terakhir yang dikehendaki
  3. Klik pada keyframe yang terakhir tadi dan ubah kedudukan objek tadi.Untuk mendapatkan pergerakan yang selari, gerakkan objek sambil menekan SHIFT.
  4. Klik pada mana-mana frame dan insertmotion tween.


Untuk pergerakan tidak lurus/pusing-pusing


  1. Lukis objek/bentuk
  2. Pada layer objek, insert keyframe pada minute/saat yang terakhir
  3. Klik pada add motion guide.
  4. Klik pada frame pertama layer motion guide.Pilih tool pensil dan lukis laluan(path) yang dikehendaki.
  5. Klik ke keyframe pertama layer objek dan drag object ke permulaan path.
  6. Klik ke keyframe last layer objek dan drag objek ke path yang terakhir.
  7. Klik pada mana-mana frame di layer object dan klik kanan dan pilih create motion tween.


Cara buat shape tween


  1. Lukis bentuk (contoh:empat segi)
  2. Pergi ke saat yang kita hendak set akhir sekali (contoh:30) dan insert keyframe.
  3. Delete bentuk ( empat segi tadi).
  4. Lukis bentuk yang lain(bulatan) di bahagian hujung keyframe.
  5. Klik mana-mana pada bahagian frame dan klik shape tween





Monday, April 7, 2014

Pengenalan kepada adobe flash cs3 professional

Kelas hari ini sekejap je..satu jam macam tu sebab ada mock test hari ni.hihi.

Okay.jum kite cerita sedikit pengenalan untuk adobe flash cs3 ini.




Perkara utama yang semua kena tahu logo untuk adobe flash.wajib la kan tahu.hehe


dah tahu logo?ok bagus.jum baca ni lagi.



Sewaktu kelas tadi, kami diberi tugasan untuk melukis satu gambar.ada pokok,awan,bukit dan matahari. Jadi, di situ kami berjinak-jinak dengan tool yang ada.Ini hasil seni saya yang tak seberapa.hehe.



Tool yang saya gunakan :

rectange tool       -  untuk objek bukit dan batang pokok
line tool               -  untuk bukit
oval tool             -   untuk matahari dan awan
pencil tool           -  untuk daun poko dan cahaya matahari
paint bucket tool -  untuk warna objek-objek

Pada mulanya, saya mengalami kesukaran untuk melukis daun pokok. Setiap kali saya  habis buat bentuk , line itu akan automatik tukar kepada betuk segi empat. Sama juga lah macam awan. Jadi saya google dan alhamdulillah jumpa jalan penyelesaiannya.

cara melukis awan ( cara lukis awan dalam video ni part nya yang last-last)

Cara melukis awan ni ada juga caranya yang lain, tetapi saya suka cara seperti yang dalam video itu sangat mudah untuk orang yang kurang berseni macam saya.hehe.

Jadi, buat masa ni lukisan dah siap tunggu kelas minggu hadapan untuk belajar buat tween motion pula.


update : 11 April ( percubaan menggunakan motion tween pada objek kereta dan pokok)


Tuesday, April 1, 2014

Create forum using php

1)Create table at phpmysql.Insert 3 rows: id,name and post


2)Open dreamweaver.file>new>php
3)You will used 3 types of server behavior here: insert record, recordset,repeat region
4)First insert form and type name and message. Put text field beside the name and message.Change the properties of the text field according to the name you insert at the database.name as name and message as post.
5)Then, insert submit button and change the button name to post.
6)Save it as forum.php.
7)Window>server behavior>insert record
8)Outside the form line, type comments from others

9)Go to window>Server behaviour>recordset

10)Go to binding panel and drag name and post under the comments from others. Then, highlite it and go to server behavior>repeat region.


Preview:







Develop Questionnaire and forum using php

For this week class we learnt how to create questionnaire and forum using php.

First, lets start with questionnaire.

1.You need to set up the database first.
 Login>create table>save

2. Open dreamwever>new>php
3.Toolbar layout>div tag.Next, insert form.
4.Type questions.For the answer we will use radio group. Click insert>form>radio group

-name type bangsa
-Label type the options/answer such as melayu,cina ,india and put the value 1,2,3
-click + if you want to add another option
-layout  using tick table
-click ok, and you will get this view

Besides, you also can tick *checked to the answer.This prevent user to leave unchecked for the question.

5. Insert Submit button.
6.Save your file and name it as quiz.html
7.Go to window>server behavior>insert record>after inserting, go to:thankyou.html ( will create later)


8.Now,we will create thank you page. File>new>html>type your text>save as thankyou.html


9.Here is the answer that have been key in
10.Other than that, we also can do analysis based on the answer. Such as, how many students agree for the question 1 b?

11.File>new>php>insert table>type text>


 put cursor at the table>server behavior>recordset>change name>connection;dmx>table choose quiz>columns tick all>filter: umur, = and entered value ,2 ( this refer on the value you insert at radio group)>ok


server behavior>display record count>display total record>choose recordset according to the name you have entered before>ok


arrange nicely by table

here is the preview

12.You also can find how many males with age 13-15 by using options advanced in recordset.This video might be help.



Forum tutorial will be in next entry.