Sử dụng Macromedia Flash 5
CHƯƠNG III: HOẠT CẢNH.1/. Giới thiệu:Là sự liên hệ qua lại giữa các đoạn hoạt hình, cảnh, khung hình khi trình chiếu.Hoạt cảnh có thể thực hiện tốt nhờ các thiết lập tương tác hoặc lập trình (Scripting).2/. Khái niệm cơ bản:
+Sự kiện: là tình huống xảy ra hoặc thời điểm thiết lập đã đến.
+Đích: là đối tượng bị tác động bởi hành động khi xảy ra sự kiện.
+Hành động: là một tác động, tương tác trên đích khi sự kiện xảy ra.3/. Sự kiện:
+Character: hiện cửa sổ thành phần Character. +Paragraph: hiện cửa sổ thành phần Paragraph. +Tách rời văn bản: chọn, Modify\Break Apart (có thể sửa từng ký tự, tô màu Canh biên: cho hiện của sổ thành phần Align (Window\Panels\Align | Ctrl + K) Chọn 1 trong: Align left edge: canh về cạnh trái Align horizontal center: canh về giữa (ngang) Align right edge: canh về cạnh phải Align top edge: canh về cạnh đầu Align vertical center: canh về giữa (dọc) Align bottom edge: canh về cạnh đáy Distribute top edge: canh về đầu Distribute vertical center: Distribute bottom edge: Distribute left edge: Distribute horizontal center: Distribute right edge: Match width: Match height: Match width and height: Space evenly vertically: Space evenly horizontally: IV/ ẢNH: +Flash có thể chèn vào các tập tin ảnh dạng: .BMP, JPG, GIF (tĩnh), PNG. +Chèn ảnh: menu File\Import chọn tên tập tin ảnh.(là đối tượng che phủ có thể thao tác như đối tượng hình vẽ) +Phân rã ảnh: chọn ảnh, Modify\Break Apart. +Sử dụng cửa sổ thành phần Library: Window\ Library. Macromedia Flash 5 Mediaspace Club #5 +Tối ưu ảnh: Mở cửa sổ Library, Right click, chọn Properties, xác lập các tính chất (Allow smoothing: cho phép làm mềm đường nét, Compression: chọn 1 phương pháp nén, Quality: nhập chất lượng nén) +Lấy 1 bản sao từ Library: Drag từ khung Library ra. +Ảnh động .Gif: nạp và quan sát trên thanh tiến trình (Timeline). V/. SOUND: +Flash cho phép chèn vào các tập tin âm thanh dạng .Wav, .Mp3. +Chèn âm thanh: File\Import chọn tên tập tin âm thanh (âm thanh được đưa vào Library). CHƯƠNG II: HOẠT HÌNH Tạo Hoạt hình: Cách 1_ Tạo hoạt hình bằng các khung hình nối tiếp: là cách cho hiện liên tiếp các khung hình biến đổi nối tiếp nhau. +Tạo hình trên khung làm việc. +Click chọn 1 khung hình trên thanh TimeLine, chọn Insert\KeyFrame (ta được 1 khung hình khoá giống với khung trước đó), thực hiện thêm, bớt, thay đổi trên khung hình tùy ý. +Lập lại bước trên cho đến khi kết thúc hoạt hình. +Nhấn Enter để kiểm tra. Cách 2_Tạo hoạt hình bằng cách biến đổi hình dạng: là cách cho 1 hình biến đổi dạng thành một hình khác. Flash sử dụng phép biến hình theo cách lôgic nhất (có thể tạo ra các dạng hình ngoài ý muốn). Không thể biến đổi hình dạng các biểu tượng, ảnh, nhóm. +Tạo hình trên khung làm việc. +Click chọn 1 khung hình trên Timeline, chọn Insert\Blank Key Frame (ta được khung hình khoá rỗng), Tạo 1 dạng hình khác. +Trở về khung hình 1, chọn Window\Panels\Instance chọn thẻ Frame và qui định như sau: Label: nhập tên bất kỳ (sẽ hiện trên thanh tiến trình, tuỳ chọn) Tweening: chọn Shape (biến hình theo nét). ++Easing: chỉnh tốc độ (Easing in: hoạt hình chậm, Easing Out: hoạt hình nhanh) ++Blend: chọn cách thiết lập cho biến hình (Angular: tốt cho góc và đường thẳng, Distribute: tốt cho các đường cong, trơn). + Lập lại bước trên cho đến khi kết thúc hoạt hình. +Nhấn Enter để kiểm tra. Định các điểm biến hình: +Chức năng Shape Hint: có thể co <= 26 điểm Shape Hint (a ! z) ++Bắt đầu từ khung hình đầu tiên, Modify\Transform\Add Shape Hint, ta thấy xuất hiện chấm đỏ, di chuyển chấm này đến vị trí tham chiếu trên hình. ++Click chọn các khung hình kế tiếp để di chuyển Shape Hint. Macromedia Flash 5 Mediaspace Club #6 ++Tương tự cho các khung hình khác. +Hiện / ẩn Shape Hint: View\Show Shape Hint. +Gỡ bỏ Shape Hint: Click chọn Frame cần gở bỏ, Modify\Transform\Remove All Hints. Tạo các dạng hoạt hình sau: 1/. Cánh quạt quay, Bánh xe quay. 2/. Biến đổi chử, hình . Cách 3_Tạo hoạt hình bằng cách biến đổi chuyển động: là cách cho 1 hình di chuyển, co dãn, xoay để thành hình dạng khác. Cho phép biến đổi hình, biểu tượng, nhóm, khối văn bản. +Tạo hình trên khung làm việc. ++Click chọn 1 khung hình cách quãng (N) trên Timeline, chọn Insert\Frame (ta được N-1 khung hình giống như khung 1). ++ Right click tại khung hình 1 (đầu) , chọn Create Motion Tween, chọn Window\Panels\Instance chọn thẻ Frame và qui định như sau: Label: nhập tên bất kỳ (sẽ hiện trên thanh tiến trình, tuỳ chọn) Tweening: chọn Motion (biến hình theo chuyển động). " Scale: nếu chọn sẽ cho phép co dãn khi chuyển động. Easing: chỉnh tốc độ (Easing in: hoạt hình chậm, Easing Out: hoạt hình nhanh) Rotate: chọn cách quay (None: không, Auto: tự động, CW: quay theo chiều kimh đồng hồ, CCW: quay ngược kim đồng hồ) Times: nhập số lần quay trong khi chuyển động. " Orient to path: chọn khi chuyển động theo 1 đường dẫn. " Synchronize: chọn khi cần đồng bộ các khung hình. " Snap: chọn khi muốn hình biến đổi bám vào đường dẩn trên lớp dẩn . ++Tại khung hình cuối, chọn hình đã có ở khung 1 và di chuyển, xoay, co dãn tùy ý. +Enter để kiểm tra. +Muốn chỉnh sửa phải trở về khung hình đầu, cuối. +Cửa sổ thành phần Instance: Thẻ Instance: thể hiện hình Thẻ Effect: hiệu ứng màu Thẻ Frame: qui định dạng quay Thẻ Sound: hiệu ứng âm thanh Biến đổi chuyển động theo 1 đường dẫn (Motion with Orient to path): +Tạo hoạt hình biến đổi chuyển động(nhớ chọn Orient to path và Snap). +Click nút Add Guide Layer trên thanh tiến trình, ta được một lớp dẫn trên lớp hoạt hình (kiểm tra tên lớp hoạt hình có thụt vào so với lớp dẫn không?). Macromedia Flash 5 Mediaspace Club #7 +Click chọn lớp dẫn, chọn công cụ Pencil Tool, chế độ Smooth, nét Solid, thực hiện vẽ 1 đường chuyển động trên lớp dẫn. +Click tại Clock (ổ khoá) để khoá đường chuyển động trên lớp dẫn không cho sửa. +Click chọn lớp hoạt hình (đừng quên). +Click tại khung hình đầu, kéo tâm của nó đến đầu đường chuyển động. + Click tại khung hình cuối, kéo tâm của nó đến cuối đường chuyển động. +Enter để kiểm tra. +Chú ý: có thể tạo nhiều hình khác nhau trên nhiều Frame để cùng chuyển động với nhau; có thể dùng nhiều lớp dẫn hoặc lớp dẫn chung có nhiều đường dẫn. Lớp (Layer) và Frame: 1/.Frame: là các khung làm việc dùng chứa các đối tượng. Khung rỗng: Là khung hình chưa làm việc (không chứa gì cả) Khung Khóa: Là khung hình là khung hình nơi chứa các đối tượng, thiết lập chuyển động, . Khung thường: Là khung hình hiển thị nội dung của khung hình khoá gần nhất . 2/. Các thao tác Frame: +Thêm 1 frame: ++Insert\Frame | F5: chèn thêm 1 khung hình thường tại vị trí chọn. ++Insert\Keyframe | F6: chèn thêm 1 khung hình khóa tại vị trí chọn(trước đó là các khung hình thường). ++Insert\Blank Keyframe | F7: chèn thêm 1 khung hình khóa rỗng tại vị trí chọn(trước đó cũng là các khung hình thường). +Xóa 1 frame: chọn khung hình cần xóa, right click, chọn Remove Frame. +Copy, cắt, dán: chọn , right click, chọn Copy Frames, Cut Frames, Paste Frames. +Clear Frame: chuyển 1 khung hình khoá thành khung hình bình thường. 3/. Các thao tác trên lớp: +Thêm 1 lớp: ++Click nút Insert Layer | Insert\Layer: chèn 1 lớp. ++Click nút Add Guide Layer | Insert\Motion Guide: chèn 1 lớp dẫn. +Chọn lớp: Click tại lớp (xem có dấu chưa?) +Xóa 1 lớp: chọn lớp cần xoá, right click, chọn Delete Layer | click tại thùng rác. +Thay đổi thứ tự của 1 lớp: Drag chuột các lớp lên trên hoặc xuống dưới. +Đặt thuộc tính cho lớp: chọn lớp, right click, chọn Properties: tên, hiện\ẩn, khóa, loại, màu nền, Outlines, chiều cao.. ++Guide: lớp dẫn. (ở trên lớp hoạt hình chuyển động) ++Guided: lớp là lớp hoạt hình chuyển động theo lớp dẫn (ở dưới lớp dẫn và thụt vào so với lớp dẫn). ++Mask: lớp dùng làm mặt nạ (ở trên lớp che) ++Masked: lớp bị mặt nạ che | lớp che (ở dưới lớp mặt nạ, chỉ thấy được qua 1 đối tượng đặc của lớp mặt nạ). Macromedia Flash 5 Mediaspace Club #8 4/. Thanh tiến trình (Timeline): +Nút Onion Skin: xem và chỉnh sửa nhiều khung hình cùng lúc (các khung hình trong phạm vi Onion Skin sẽ hiện ra cho chỉnh cùng lúc). +Nút Onion Skin Outlines: tương tự Onion Skin nhưng các hình trên khung hiện dưới dạng đường viền. +Nút Edit Multiple Frames: hiện và cho sửa nhiều khung hình cùng lúc. +Nút Modify Onion Markers: di chuyển phạm vi Onion Skin. ++Always Show Markers: luôn hiện dấu Onion Skin. ++Anchor Onion: khoá dấu Onion Skin. ++Onion 2, Onion 5, Onion All: đánh dấu 2, 5 hoặc tất cả các khung hình chung quanh. +Show all layer as outlines: hiện ẩn cách trình bày các lớp ở dạng đường viền. +Lock/Unlock all layers: Khoá hoặc bỏ khoá các lớp. (khoá sẽ không chọn được). +Show/Hide all layers: hiện ẩn các lớp. (ẩn sẽ không thấy gì cả). 5/. Quản lý các Scenne: Click chọn công cụ Edit Scene trên thanh tiến trình, chọn 1 cảnh. 6/. Quản lý các Frame: Click chọn công cụ Edit Symbols trên thanh tiến trình, chọn 1 biểu tượng cần sửa. (Edit Scene, Edit Symbols: ở bên phải thanh tiến trình.) Chú ý: Các khung có --------! màu tím là khung biến đổi chuyển động. Các khung có --------! màu xanh là khung biến đổi hình dạng. Các khung có ------- là khung không xác định rõ chuyển động gì (có thể bị sai!) Biểu tượng (Symbol) vị trí khung số khung / giâ y thơ ø i gian đã chiế u Macromedia Flash 5 Mediaspace Club #9 1/.KN: là đối tượng được tạo ra nhằm mục đích sử dụng nhiều lần mà không phải tạo lại, biểu tượng được cất trữ trong thư viện. Biểu tượng được chia thành 3 loại sau: +Graphic: biểu tượng dạng đồ họa được tạo ra từ các hình vẽ, hình ảnh có tính chất tĩnh (không chuyển động). +Button: biểu tượng dạng các nút nhấn, thường được phối hợp với lập trình để tạo các điều khiện cho đoạn Film. +Movie: biểu tượng dạng đoạn Film, chứa toàn bộ các phần tử của đọan Film: hình ảnh, âm thanh, chuyển động. 2/. Tạo biểu tượng: +Graphic: Tạo hình ảnh, nhóm. chọn Insert\Convert to Symbol , hiện hộp thoại: nhập tên, chọn Graphic, OK, xong mở cửa sổ thành phần Library để kiểm tra lại. +Button: Tạo dạng nút, chọn Insert\Convert to Symbol, hiện hộp thoại: chọn Button, OK. +Movie: Tạo đoạn hoạt hình, chọn Layer, chọn đoạn hoạt hình vừa tạo, Right click, chọn Copy Frames, chọn Insert\New Symbol, hiện hộp thọai Symbol Properties, đặt tên chọn Movie Clip, OK. Flash chuyển sang chế độ tạo hoạt hình, Right click tại khung 1, chọn Paste Frames. xong click nút Scene trên thanh tiến trình để trở về. 3/. Các thao tác trên biểu tượng: +Sửa: chọn biểu tượng trên Library, chọn Edit\Edit Symbols, sửa xong click nút Scene. (Double Click tại biểu tượng để sửa) +Sửa Button: khi sửa biểu tượng Button, ta thất có 4 khung: Up, Over, Down, Hit, mỗi khung thể hiện trạng thái khác nhau của biểu tượng nút, ta có thể thêm, bớt, bỏ trống các khung nhằm tạo các “đáp ứng” với sự di chuyển con trỏ tùy ý, sửa xong click nút Scene. Up: Khung này thể hiện Button khi con trỏ không ở trong phạm vi nút. Over: Khung này thể hiện Button khi con trỏ ở trong phạm vi nút. Down: Khung này thể hiện Button khi người dùng click vào nút. Hit: Khung này thể hiện Button khi di chuyển con trỏ, nút có thể được thay đổi vị trí, hình dạng. Nút trong khung Hit sẽ không thấy trong đoạn hoạt hình. +Xoá: Right click, chọn Delete. +Lấy ra sử dụng: Drag từ Library ra Frame. +Nhân bản: Right click, chọn Duplicates. Sử dụng Thư viện tập tin của Flash. Macromedia Flash 5 Mediaspace Club #10 1/. Giới thiệu: Flash cho phép ta có thể sử dụng lại các hình ảnh, âm thanh, đoạn Film, biểu tượng có sẵn chứa trong các tập tin đã tạo ra hoặc tập tin mẫu. Các tập tin này được xem như một thư viện chứa các thành quả ta làm việc, có thể có rất nhiều tập tin được dùng làm thư viện. 2/. Các Thao tác: +Mở thư viện của 1 tập tin: File\Open as Library , chọn tên tập tin .Fla, Open. có thể mở nhiều tập tin làm thư viện. +Mở thư viện dùng chung: File\Open as Shared Library, chọn tên tập tin.Fla, Open. 3/. Sử dụng: (trong các thư viện có hình ảnh, đoạn Film, biểu tượng, nút) Drag từ thư viện bỏ vào Frame. 4/. Sử dụng thư viện chung: Window\Common Libraries, chọn 1 loại. Sử dụng như các thư viện khác. Yêu cầu : +Hiệu ứng lớp mặt nạ +Hiệu ứng chiếu sáng +Hiệu ứng X_Ray +Hiệu ứng cửa sổ CHƯƠNG III: HOẠT CẢNH. 1/. Giới thiệu: Là sự liên hệ qua lại giữa các đoạn hoạt hình, cảnh, khung hình khi trình chiếu. Hoạt cảnh có thể thực hiện tốt nhờ các thiết lập tương tác hoặc lập trình (Scripting). 2/. Khái niệm cơ bản: +Sự kiện: là tình huống xảy ra hoặc thời điểm thiết lập đã đến. +Đích: là đối tượng bị tác động bởi hành động khi xảy ra sự kiện. +Hành động: là một tác động, tương tác trên đích khi sự kiện xảy ra. 3/. Sự kiện: Các sự kiện của Mouse: +Press: Sự kiện xảy ra khi người dùng nhấn chuột trên nút. +Release: Sự kiện xảy ra khi người dùng nhấn và nhả chuột trên nút. +Release Outside: Sự kiện xảy ra khi người dùng nhấn và nhả nút chuột bên ngoài nút. +Roll Over: Sự kiện xảy ra khi người dùng di chuyển con trỏ lên phía trên của nút nhấn. (cuộn lên) +Roll Out: Sự kiện xảy ra khi người dùng di chuyển con trỏ ra khỏi phạm vi của nút.(Cuộn ra) +Drag Over: Sự kiện xảy ra khi người dùng nhấn nút trong phạm vi nút (không nhả) , kéo con trỏ ra ngoài phạm vi nút và di chuyển trở lại phạmvi nút. (Drag trong) +Drag Out: Sử kiện xảy ra khi người dùng nhấn nút trong phạm vi nút (không nhả) , kéo con trỏ ra ngoài phạm vi nút.(Drag ngoài) Macromedia Flash 5 Mediaspace Club #11 Các sự kiện của bàn phím: Sự kiện xảy ra khi người dùng nhấn 1 ký tự, phím mũi tên,Backspace, Insert, Home, End, Page up, Page Down. Sự kiện bàn phím có phân biệt chữ in và chữ thường. 4/.Các hành động: Có nhóm sau: Basics Action, Actions, Operators, Functions, Properties, Objects. Chương trình ta chỉ nghiên cứu 1 số hành động sau: +Goto: làm cho đoạn Film nhảy đến khung hình hoạt cảnh. Có các tham số: Scene: chọn cảnh bắt đầu cho hành động Go To Type: chọn Frame có thể là theo số, theo nhãn, Frame trước, Frame sau. Frame: nhập số là khung hình thứ mấy. Go to and Play: nếu chọn sẽ là Go to and Play (Chuyển đến và thực hiện) còn không là Go to and stop (Chuyển đến và dừng). Vd: Chuyển đến và chiếu khung 1, theo sự kiện nhấn và nhả chuột. on (release) { gotoAndPlay (1); } +Play: cho đoạn hoạt hình bắt đầu thực hiện. Không có tham số. +Stop: cho đoạn hoạt hình ngừng lại. Không có tham số. +Toggle High Quality: bật tắt chế độ khử răng cưa. Không có tham số Vd: on (release) { toggleHighQuality (); } +Stop all Sound: Tắt tất cả các âm thanh. Không có tham số. +Get URL: Mở cửa sổ trình duyệt Web với địa chỉ URL để nhận 1 địa chỉ xác định. Macromedia Flash 5 Mediaspace Club #12 Có các tham số sau: URL: chứa địa chỉ URL nơi truy cập. Window: xác định cửa sổ tải URL Self: Tải địa chỉ URL vào cửa sổ làm việc. Blank: Mở cửa sổ mới và tải địa chỉ URL vào đó. Parent: Mở địa chỉ URL vào cửa sổ cha của cửa sổ hiện tại. Top: nếu đoạn hoạt hình Flash với hành động Get URL đang nằm trong khung HTML thì sẽ loại bỏ khung để tải URL vào cửa sổ. Variables: chọn biến trong đoạn hoạt hình được xử lý ra sao? Don’t send: Không gởi các biến. Send using Get: Gởi các biến nối tiếp vào địa chỉ URL. Send using Post: Gởi các biến tách biệt với URL. +FS Command: gởi dữ liệu đến ứng dụng sử dụng đoạn hoạt hình như trình duyệt Web. FS Command được dùng khi đoạn hoạt hình Flash tương tác với JavaScript trên trang Web. +Load/Unload Movie: Nạp 1 đoạn Film ở địa chỉ URL hoặc loại bỏ đoạn hoạt hình đã nạp. Có các tham số sau: URL: đường dẫn đến tập tin .Swf cần tải vào. (htpt://www.ngcuong) Location: định mức hay đích bị hành động tác động Level: tập tin .Swf tải vào được đặt trong 1 mức và có 1 số mức. Target: tập tin .Swf tải vào không gian của đoạn hoạt hình. Variables: chọn biến trong đoạn hoạt hình được xử lý ra sao? (tương tự GET URL). +Tell Target: Xác định một tiến trình thực hiện hành động. Có tham số sau: Target: chứa tên nhãn một đoạn hoạt hình cần thực hiện hành động. +If Frame is Loaded: Xác định một khung hình nào đó đã được nạp hay chưa?, nếu nạp rồi thì thực hiện hành động nào đó còn chưa thì bỏ qua (không làm gì cả). Không tham số. +On Mouse Event: Chọn các sự kiện xảy ra do chuột là đối tượng phát sinh thay vì các hành động, có thể định phím cho sự kiện bàn phím. +If: Kiểm tra một câu lệnh điều khiển nào đó đúng hay sai để thực hiện hành động. +Loop: Thực hiện một nhóm hành động nhiều lần khi điều kiện còn đúng. +Call: Gọi thực hiện một nhóm các hành động được gắn với một khung hình. +Set Property: Đặt các thuộc tính cho đoạn hoạt hình. +Set Variable: Tạo 1 biến mới hoặc đặt giá trị cho biến. Macromedia Flash 5 Mediaspace Club #13 +Dupplicate / Remove Movie Clip: Nhân bản hoặc gỡ bỏ đoạn hoạt hình. +Drag Movie Clip: Cho phép đoạn hoạt hình có thể Drag được theo con trỏ. +Trace: Hiễn thị một thông báo. +Comment: Chứa nội dung chú thích cho hành động. Chú ý : Các hành động không chỉ là riêng lẻ mà thường hay lồng nhau để tạo các tương tác phức tạp (đòi hỏi phải có kiến thức lập trình). 5/. Cài đặt tương tác hoạt cảnh: Nhấn Ctrl + Alt + A để hiện cửa sổ thành phần Action, Click chọn đối tượng cần cài đặt, Click dấu + trên cửa sổ , chọn hành động, cung cấp tham số Nếu muốn xoá thì click chọn dấu – (trừ). Kiểm Tra và Xuất Bản Hoạt Hình I/. Menu Control: Dùng kiểm tra hoạt hình. +Play: Trình chiếu hoạt hình. +Rewind: Quay trở lại khung hình đầu tiên. +Step Forward: Dịch chuyển tới 1 khung hình (bên phải) +Step Backward: Dịch chuyển lui 1 khung hình (bên trái) +Test Movie: Kiểm tra tập tin .FLA được dịch thành dạng hoạt hình .SWF. +Test Scene: Kiểm tra cảnh được chuyển thành dạng hoạt hình .SWF. +Debug Movie: Kiểm tra tập tin .FLA được dịch thành dạng hoạt hình .SWF và có hiện cửa sổ Debug để xem nội dung các biến, Code chương trình. +Loop Playback: Lập lại các chuyển động hoạt hình. +Play all Scene: Lập lại việc thực hiện chuyển động tất cả các cảnh. +Enable Simple Frame Actions: Cho phép đáp ứng lại các hành động đã cài (cài các tương tác hoạt cảnh).
File đính kèm:
- Su dung Macromedia Flash.pdf