Flash: các button điều khiển chuyển động của movie
* Phần hoạt hình chuyển động
- Vẽ hình chữ nhật, dùng công cụ Arrow Tool (mũi tên đen) sửa cong cạnh của hình chữ nhật.
- Tạo layer mới, vẽ hình tròn ở gốc trên bên trái hình chữ nhật, chọn phần nền và tô màu gradient (Properties->Fill tool)
- Chọn tất cả hình tròn (nền+viền), Insert->Convert to symbol->Movie Clip, đặt tên M_BALL. Trên thanh Properties, đặt tên instance là BALL
- Nhấn chuột phải vào M_BALL, chọn Edit in place. Dùng công cụ mũi tên đen chọn tất cả hình tròn, vào menu Insert->Convert to symbol->Movie Clip, đặt tên M_BALL_COLOR. Trên thanh Properties, đặt tên instance là BALL_COLOR.
- Trên timeline, nhấn chuột phải vào frame thứ 50, chọn Insert keyframe. Ở vùng scene, di chuyển hình tròn đến vị trí giữa của cạnh cong hình chữ nhật.
- Trên timeline, nhấn chuột phải vào frame thứ 100, Insert keyframe. Ở vùng scene, di chuyển hình tròn đến vị trí gốc phải trên của hình chữ nhật.
- Trên timeline, nhấn chuột phải vào frame 50, chọn copy frame, đến frame thứ 150, chọn paste frame (nghĩa là copy frame 50 cho frame 150). Tiếp tục copy frame 1 cho frame 200).
- Trên thanh Properties, chọn Tween->motion cho đoạn giữa các frame 1-50, 50-100, 100-150 và 150-200.
- Định tốc độ banh di chuyển nhanh dần (lúc xuống đốc) và chuyển chậm dần (lúc lên đốc) bằng cách đặt giá trị Erase (Properties). Từ frame 1-50, 100-150 đặt giá trị Erase=-50, từ frame 50-100, 150-200 thì Erase=50.
- Để banh di chuyển theo đường cong: trên timeline, chọn frame 1, chọn menu Insert->Motion guide, sẽ thấy layer mới tự động được tạo tên "Guide: ..." (xem hình).
- Trên layer này, dùng công cụ vẽ đường thẳng từ tâm của trái banh bên trái (ở frame 1) đến tâm của trái banh bên phải (ở frame 100. Vì thế khi vẽ xong kiểm tra ở frame 100 xem điểm cuối đường thẳng có trùng tâm trái banh không và chỉnh lại cho đúng). Sửa đường thẳng thành đường cong song song với cạnh cong hình chữ nhật, sao cho đường cong đi ngang qua tâm của trái banh giữa (ở frame 50).
- Ctrl+Enter để kiểm tra kết quả.
* Phần nút điều khiển
- Trở ra scene chính, tạo layer mới và vẽ hình vuông nhỏ phía dưới hoạt hình. Chọn tất cả nền+viền, Insert->Convert to symbol->Button, đặt tên B_PAUSE.
- Nhấn chuột phải lên B_PAUSE, chọn Edit in place và lần lượt vẽ nội dung của button: 2 đường thẳng đứng song song, chữ Pause từ frame Over trở đi (xem hình).
- Trở ra scene chính, chọn B_PAUSE, nhấn F9 và đưa code sau vào:
on (release) {
_root.BALL.stop()
}
_root.BALL: là đường dẫn chỉ đến movieclip BALL (tên instance). stop() là lệnh điều khiển movieclip phải ngừng tại vị trí hiện hành.
*Những nút điều khiển khác:
- Nhấn Ctrl+L để mở Library, nhấn chuột phải vào B_PAUSE, chọn duplicate, đặt tên B_PLAY, tương tự như vậy cho B_REPLAY và B_COLOR.
- Kéo các nút điều khiển này ra scene. Lần lượt vào từng button để sửa lại nội dung mũi tên trái, phải, văn bản, 4 ô màu,...cho các button.
- Nhấn F9 lên từng button để đưa code sau vào:
B_PLAY:
on (release) {
_root.BALL.play()
}
B_REPLAY:
on (release) {
_root.BALL.gotoAndPlay(1)
}
B_COLOR:
on (release) {
if (_root.BALL.BALL_COLOR._currentframe==4) _root.BALL.BALL_COLOR.gotoAndStop(1);
else _root.BALL.BALL_COLOR.nextFrame();
}
- Chọn movieclip M_BALL, Edit in place, Chọn tiếp movieclip M_BALL_COLOR, và Edit in place, rồi lần lượt trên từng frame 2,3,4 chọn chuột phải Insert keyframe, mỗi frame tô màu gradient khác nhau. Nhấn F9 ở frame 1 và đưa code stop();
- Nhấn Ctrl+enter để xem kết quả và kiểm tra các nút điều khiển.
Chị PC ơi, cách làm thế nào vậy em đang đợi đây nè chị! Sốt ruột quá!
hihihiii
conuong11
member
REF: 249970
11/06/2007
Cả em nữa chị ơi!Chuyến này em phải học cho kỳ được mới thôi.hihi.Chị dạy em nha?
bimbim118
member
REF: 250137
11/06/2007
Chị PC ơi, sao em không thể upload flash lên photobucket được nữa vậy chị? hic hic
amoremio
member
REF: 250172
11/07/2007
Hai cô em gái dễ thương ghê, vào chia sẻ làm chị vui lắm. Chị đang soạn cách làm sẽ từ từ post lên đó.
Bimbim ơi, em đăng ký nick ở web này http://www.swfup.com thì cũng có thể upload free swf. (Photobucket bắt phải trả tiền mới cho upload swf, ẹ quá đi, hồi trước đâu có như vậy).
Chúc hai em vui nha.
bimbim118
member
REF: 250230
11/07/2007
Cám ơn chị PC, em làm theo hướng dẫn của chị được rồi đó chị!
hihihiii
amoremio
member
REF: 250280
11/07/2007
Bimbim ơi, khi làm xong nhớ post cho chị xem nhe :-)... Nếu muốn, Bimbim có thể thay đổi đường dẫn chuyển động theo hình dạng cong khác, đổi 4 màu trái banh bằng 4 hình dạng khác tùy ý, v.v....Không nhất thiết phải làm giống như trên đâu... em cứ sáng tạo tùy ý thích.
bimbim118
member
REF: 250779
11/07/2007
Chị PC ơi, em làm như thế này được không chị?
Cho em hỏi chút, lúc thực hiện đổi màu quả bóng đó chị, cái đoạn: Chọn movieclip M_BALL, Edit in place, Chọn tiếp movieclip M_BALL_COLOR là làm như thế nào vậy chị? Hình như em đang bị vướng ở đoạn này nên chưa đổi màu được.
conuong11
member
REF: 250787
11/07/2007
Trời!Sao mà hai chị giỏi quá vậy?Em đâu làm được.Hic..hic..
Chỉ cho em từ đầu đi các chị ơi!
bimbim118
member
REF: 250791
11/07/2007
hihi chị PC hướng dẫn chi tiết lắm, em ráng học đi, hay và thú vị lắm đó!
hihihiii
conuong11
member
REF: 250799
11/07/2007
Phải có phần mềm làm flash đúng không chị?Để em tìm mà "mò" dần.Hy vọng một ngày sẽ có Flash tặng các chị.Hihi
bimbim118
member
REF: 250841
11/07/2007
Conuong ơi, em chạy ù ra cửa hàng mua đĩa macromedia chỉ có 7000đ thôi à, về cài trên máy rồi làm theo hướng dẫn của chị PC là được.
À chị PC ơi, cho em hỏi chút nữa nhe, các nút điều khiển khi mình cho nhạc vào thì làm như thế nào vậy chị?
amoremio
member
REF: 251013
11/08/2007
Bimbim làm đúng rồi đó, em giỏi lắm. Có em gái Cô Nương tham gia thì chị càng vui, môn này chị cũng đang dợt lại để không bị quên, em mua đĩa về cài nha.
Chị post hình này để giải thích toàn cảnh cho hai em dễ hiểu:
Em thấy có 3 cấp (livello 0,1,2), trên cùng là _root (livello 0: scene chính), là nơi có 3 layer hình chữ nhật, trái banh (M_BALL) và các button.
- Nếu chọn movieclip M_BALL và Edit in place, có nghĩa là em đi vào cấp kế tiếp của M_BALL (livello 1: phần chuyển động movieclip M_BALL_COLOR theo đường cong).
- Nếu chọn movieclip M_BALL_COLOR và Edit in place, có nghĩa là em đi vào cấp kế tiếp của M_BALL_COLOR (livello 2: có 4 frame, mỗi frame có trái banh màu khác nhau).
Tóm lại, nghĩa là em phải vào livello 2 của trái banh để tạo 4 frame, mỗi frame có trái banh khác màu.
Còn đưa nhạc vào button thì chị chưa hiểu ý em, nếu em chọn Edit in place một button, ở frame thứ 3 (frame down) em có thể kéo nhạc vào scene cũng được, và chỉ cho trường hợp âm thanh ngắn (ví dụ tiếng click, tiếng chuông reo,....). Như vậy khi click vào button sẽ nghe âm thanh ngắn này.
Có gì chưa hiểu cứ hỏi nhe, chị giải thích cấu trúc hơi phức tạp, nhưng nếu nắm được thì các em sẽ đưa lệnh điều khiển các movieclip đúng.
Hai em Bimbim và Cô Nương khi nào rảnh làm nhạc flash cho chị xem với, lần trước Bimbim làm nhạc thơ có hoạt hình lá rơi, ý tưởng rất hay.
Thân
bimbim118
member
REF: 251040
11/08/2007
Chị ơi ý em là khi cho một bài nhạc vào flash đó chị. Có các nút điều khiển play và pause đó chị, giống như chị làm mấy bài nhạc trước đó. Chị hướng dẫn em nhé!
Bây giờ em đang bận chút, khi nào rảnh em sẽ làm lại nhe chị!
hihihiii
amoremio
member
REF: 251049
11/08/2007
Em vào trang cá nhân của chị, tìm topic nào có "LOADING và FLASH NHẠC", ở đó chị đã hướng dẫn cách làm, có cả các link download nhạc từ net. Nếu là file .wma thì phải convert thành .mp3 hay .wav.(Lonelychicken có một topic chỉ cách convert audio).
bimbim118
member
REF: 251505
11/08/2007
hihi chị PC ơi, em làm xong bài tập chị giao rồi nè!
bimbim118
member
REF: 251571
11/08/2007
Chị PC ơi hình như trang web swfup.com không cho upload các file .swf có dung lượng lớn hay sao ấy?
Em làm xong một flash có lồng hình, nhạc và thơ vào mà không thể upload lên đó được, hic hic
Anh MN ơi, em upload xong rồi thì post lên diễn đàn như thế nào vậy anh? Anh chỉ cho em với!
hihihiii
amoremio
member
REF: 251803
11/09/2007
Cảm ơn Anh MN nhiều đã chỉ thêm cho tụi em một số link download swf. Vậy là mai mốt em sẽ upload nhạc dung lượng lớn được rồi :)...
Bimbim ơi, em giỏi quá, trong khi chờ xem nhạc flash của em, chị sẽ tìm bài khác chị em mình cùng làm nhe. Còn Cô Nương của tui đâu rùi, đã mua đĩa được chưa em? Nếu không chị gởi cho em link download trial để em thử trước, chịu không?
matnhung415
member
REF: 251827
11/09/2007
BIMBIM MẾN ANH SẺ CHO EM CODE CHO ANH EMAIL TRONG PM CỦA ANH.ANH SẺ GỞI CHO EM.
matnhung415
member
REF: 251829
11/09/2007
PHƯỢNG CÁT MẾN!MẮTNHUNG CHÚC CHO PC luôn vui vẻ và an lành.
thân***mắtnhung***
amoremio
member
REF: 251861
11/09/2007
PC cảm ơn Anh MatNhung thật nhiều nha, em cũng mến chúc Anh được mọi điều an lành và như ý. Em có xem một số topic và rất phục Anh MN những hình ảnh Anh đã đăng, rất là hay, học hỏi Anh nhiều điều, xin cảm ơn nhé.
bimbim118
member
REF: 252194
11/09/2007
Anh MN ơi, em đang chờ anh gửi code cho em đó!
Cám ơn anh nhe!
hihihiii
matnhung415
member
REF: 252197
11/09/2007
BIMBIM vào pm cho anh email anh sẻ gỏi qua email cho em nha.
thân ***MẮTNHUNG***
matnhung415
member
REF: 252211
11/09/2007
BIMBIM anh gởi code flash cho em qua email rồi đó ra lấy và save lại nha.chúc em may mắn.
mắtnhung
bimbim118
member
REF: 252216
11/09/2007
Dạ, cám ơn anh.
hihihiii
bimbim118
member
REF: 252255
11/09/2007
Anh MN ơi, em làm được rồi đó, cám ơn anh thật nhiều nhiều nhe!
Vui quá!
hihihiii
