Su dung MacromediaFlash

+Debug Movie: Kieåm tra taäp tin .FLA ñöôïc dòch thaønh daïng hoaït hình .SWF vaø coù hieän cöûa soå Debug ñeå xem noäi dung caùc bieán, Code chöông trình. +Loop Playback: Laäp laïi caù[r]

(1)

CHƯƠNG I: TỔNG QUAN VỀ MACROMEDIA FLASH 5 Các khái niệm bản:

 Thuộc tính (Properties ) : tính chất áp dụng cho đối tượng (lớp, hình vẽ, …)

 Lớp (Layer ) : nơi chứa hình vẽ, đối tượng, xem thành phần tiến trình hoạt

hình Các lớp xếp chồng lên (che phủ nhau), có lớp  Lớp dẫn (Guide Layer ) : lớp dùng làm khung, sườn để bố trí lớp khác

 Khung (Frame ) : cửa sổ thao tác

 Tập tin FLA: Tậäp tin chứa đối tượng Flash

 Tập tin SWF: Tập tin chuyển sang hoạt hình Flash

I/.CÁC THAO TÁC C Ơ BẢN:

+Định trang in: File\Page setup

+Menu View:

Goto: Chuyển đấn khung cảnh Film làm việc

Zoom in, Zoom Out: Phoùng to, thu nhỏ sổ làm việc

Magnification: điều chỉnh tỉ lệ cửa sổ làm việc (Show Frame, Show All: Hiện , tất khung làm việc)

Outlines: chuyển toàn đối tượng khung làm việc dạng đường nét khơng có tơ màu để làm việc nhanh

Fast: Tắt tính bỏ đường cưa (antialiasing) để vẽ nhanh

Antialias: làm trơn đường nét ngồi hình vẽ(trừ text)

Antialias Text: làm trơn đường nét hình vẽ kể văn

Timeline: hiển thị cửa sổ tiến trình

Work Area: hiển thị che vùng làm việc

Rulers: Hiện ẩn thước

Grid\Show Grid: ẩn đường lưới (ô lưới)

Grid\Snap to Grid: bật tắt tính cho đối tượng bám dính lưới

Grid\Edit Grid: điều chỉnh lưới.(Accuracy: xác)

Guiders: chế độ cho lớp dẩn

Hide Edges: Hiện ẩn gờ bao đối tượng

Hide Panels: ẩn Panel (instance, info, character, mixer) +Menu Windows:

New Window: mở cảnh làm việc cửa sổ Toolbasr

: trình bày Toolbar (Main, Status, Controller) Tools:

hiện ẩn công cụ Tools

Panels: thành phần cửa sổ làm việc khác

Panel set: bố trí lại thành phần cửa sổ dạng mặc định Save Panel Layout: ghi lại bố trí thành phần cửa sổ Close All Panel: đóng tất thành phần cửa sổ khác

Action, Movie Explorer, Output, Debugger: Mở cửa sổ chức khác

(2)

Cascade, Tile: cửa sổ làm việc theo lớp, lát gạch II/.

CÔNG CỤ (TOOLS ) :

1/ Arrow Tool (V) : dùng chọn, drag, đặt đối tượng vẽ

Snap to objects: đối tượng vẽ bám dính vào lưới đối tượng gần kế di chuyển, quay, co dãn

Smooth: làm mềm đường hình dạng đơn giản

Straighten: làm thẳng đường hình dạng đơn giản

Rotate: xoay đối tượng (nếu muốn xoay xác phải chỉnh góc xoay khung Transform [Window\Panels\Transfrom])

Scale: thay đổi kích thước đối tượng(co kéo)

2/ Sub select tool (A): dùng chọn đối tượng, thành phần hình 3/ Line Tool (N): dùng vẽ đường thẳng

4/ Lasso Tool (L): chọn đối tượng làm việc với tính đặc biệt (chọn xong double click)

Magic wand: dùng chọn đối tượng với vùng có hình dạng

Magic wand properties: xác lập thuộc tính cho Magic wnad

Polygon mode: dùng chọn đối tượng theo đa giác 5/ Text Tool (T): công cụ dùng tạo văn (muốn xuống dòng nhấn Enter) 6/ Pen Tool (P): dùng tạo nét thẳng cong

7/ Oval Tool (O): dùng vẽ hình trịn Ellipse

8/ Rectangle Tool (R): dùng vẽ hình vng hình CN

Round Rectangle radius: dùng định góc trịn cho hình (Corner radius) 9/ Pencil Tool (Y): dùng vẽ đường tay

Pencil Mode: chọn chế độ vẽ: Straighte n : vẽ đường thẳng trơn_gấp khúc;

Smooth: vẽ đường mềm mại_cong; In k : khơn làm với nét vẽ

10/ Brush (B): Vẽ theo nét cọ

Brush mode: Paint normal : vẽ vùng làm việc(đè); Paint Fill s : vẽ vùng tơ

màu khơng vẽ đường nét; Paint behind : vẽ quanh đối tượng, khơng đè,

chỉ vẽ hình; Paint inside : vẽ bên vùng tô màu, khơng vẽ đè lên nét, khơng có vùng tơ màu vẽ khơng tác dụng; Paint

s e lectio n : vẽ bên vùng tô màu chọn

Brush size: chọn kích thước nét vẽ

Brush shape: chọn nét vẽ

Lock fill: bật tắt kiểu tô màu gradient

11/ Ink Bottle Tool (S): dùng thay đổi màu nét bao quanh hình (màu nét)

12/ Paint Bucket Tool (K): dùng tơ màu hình tạo từ đường viền (màu bên hình)

Gap size: chọn cách tơ hình: Don’t close ga p : hình khơng lỗ hở; Close small gaps : hình có lổ nhỏ; Clos e larg e gap s : hình có lỗ hở lớn; Close medium gaps: hình có lỗ hỗ trung bình

Lock fill: bật tắt chế độ tô với kiểu màu Gradient

(3)

13/ Dropper Tool (I): dùng cho phép lấy mẫu tô, kiểu đường nét đối tượng áp dụng mẫu tơ cho đối tượng khác (chọn mẫu quét vào mẫu khác)

14/ Eraser Tool (E) : dùng xóa đường nét, vùng tơ màu hình dạng

Eraser mode: chọn chế độ xóa: Erase norma l : xóa nét màu tơ; Erase fill : xóa màu tơ; Erase line s : xóa đường nét; Erase selected fill s : xóa vùng tơ màu chọn, khơng xóa nét; Erase inside : xóa bên vùng có tơ màu, khơng xóa nét

Faucet: xóa đường nét vùng tơ màu

Eraser shape: chọn nét xóa

15/ Hand Tool (H): dùng di chuyển “bằng tay” quanh vùng làm việc 16/ Zoom Tool (M, Z) : dùng phóng to, thu nhỏ vùng làm việc

Enlarge: phóng to vùng làm việc

Reduce: thu nhỏ vùng làm việc Mức

III

/ CÁC T HAO T A ÙC: Thao tác chọn:

+Chọn thơng thường: Click đâu chọn +Chọn đường nét màu tô: Double click

+Chọn đường bao: chọn công cụ Arrow Tool, tạo đường bao khu vực chọn +Chọn nhiều: đè Shift click chọn

+Chọn tất cả: Ctrl + A

Thao tác copy : chọn, Ctrl + C

Thao tác dán : thực copy, thực trong: Ctrl

+ V: dán bình thường Ctrl + Shift + V: dán chổ

Nhân (Duplicating): chọn, Ctrl + D | đè Ctrl + kéo chuột Xoá : chọn, Delete

Di chuyển : chọn, drag | đè Shift + mũi tên (8 pixel)| mũi tên (1 pixel)

Nhóm : chọn đối tượng cần nhóm, Modify\Group

Bỏ nhóm : chọn, Modify\Ungroup

Phân đoạn:

+Phân đoạn hình vẽ: tạo hình bên nhau, drag chúng tách +Phân đoạn đường: tạo hình, chọn cơng cụ Pencil Tool, chọn Ink, vẽ cắt lát (slicing) qua hình ta hình phân đoạn

Kết nối hình : (chỉ dùng cho hình lớp, màu khơng có đường nét) Chọn hình

kéo lên hình kia, chúng kết nối thành Thao tác hình:

+Modify\Shape\Convert lines to fills: chuyển đường nét thành hình dạng tơ màu +Modify\Shape\Expand fill: mở rộng vùng tơ hình (expand: mở ngồi, Inset: mở vào trong, Distance: khoảng mở)

+Modify\Shape\Soften fill edges: làm mềm đường biên hình(Distance: khoảng cách biên mềm biên ngoài; Step: số bước biên mềm)

+Modify\Transform\Scale: co daõn +Modify\Transform\Rotate: xoay

(4)

+Modify\Transform\Flip…: lật ngang dọc

+Modify\Transform\Edit Center: chỉnh tâm hình che phủ Đặt

thuộc tính cho khun g : Modify\Movie hộp thoại: +Frame rate: chứa tốc độ hoạt cảnh cho frame +Dimension: kích thước ngang dọc cho frame +Match: khung vừa với máy in nội dung +Background color: chọn màu cho frame +Rulers unit: chọn đơn vị đo thước làm việc

Thao tác văn bản: chọn, menu Text chọn mục sau:

+Font: chọn font +Size: chọn kích thước +Style: chọn kiểu +Align: canh biên +Tracking: co dãn cỡ chữ

+Character: cửa sổ thành phần Character +Paragraph: 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 ký tự, tơ màu… Canh biên:

cho sổ thành phần Align (Window\Panels\Align | Ctrl + K)

Choïn trong:

Distribute bottom edge: Distribute left edge: Distribute horizontal center: Distribute right edge:

Match width: Match height:

(5)

Align left edge: canh cạnh trái

Align horizontal center: canh (ngang) Align right edge: canh cạnh phải Align top edge: canh cạnh đầu

Align vertical center: canh (dọc) Align bottom edge: canh cạnh đáy Distribute top edge: canh đầu Distribute vertical center:

IV/ ẢNH:

+Flash chèn vào 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ủ thao tác đố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

(6)

+Tối ưu ảnh: Mở cửa sổ Library, Right click, chọn Properties, xác lập tính chất (Allow smoothing: cho phép làm mềm đường nét, Compression: chọn phương pháp nén, Quality: nhập chất lượng nén)

+Lấy từ Library: Drag từ khung Library

+Ảnh động Gif: nạp quan sát tiến trình (Timeline) V/.

SOUND:

+Flash cho phép chèn vào tập tin âm dạng Wav, Mp3

+Chèn âm thanh: File\Import chọn tên tập tin âm (âm đư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 khung hình nối tiếp: là cách cho liên tiếp khung hình biến đổi nối tiếp

+Tạo hình khung làm việc

+Click chọn khung hình TimeLine, chọn Insert\KeyFrame (ta khung hình khố giống với khung trước đó), thực thêm, bớt, thay đổi khung hình tùy ý

+Lập lại bước kết thúc hoạt hình +Nhấn Enter để kiểm tra

Cách 2_Tạo hoạt hình cách biến đ o åi hình dạng: cách cho hình biến đổi dạng thành hình khác Flash sử dụng phép biến hình theo cách lơgic (có thể tạo dạng hình ngồi ý muốn) Khơng thể biến đổi hình dạng biểu tượng, ảnh, nhóm

+Click chọn khung hình Timeline, chọn Insert\Blank Key Frame (ta khung hình khố rỗng), Tạo dạng hình khác

+Trở khung hình 1, chọn Window\Panels\Instance chọn thẻ Frame qui định sau:

Label: nhập tên (sẽ 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 đường thẳng, Distribute: tốt cho đường cong, trơn)

+ Lập lại bước kết thúc hoạt hình +Nhấn Enter để kiểm tra

Định điểm biến hình:

+Chức Shape Hint: co <= 26 điểm Shape Hint (a  z)

(7)

++Tương tự cho 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 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 cách biến đ o åi chuyển đ o äng: cách cho 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

++Click chọn khung hình cách quãng (N) Timeline, chọn Insert\Frame (ta N-1 khung hình giống khung 1)

++ Right click khung hình (đầu) , chọn Create Motion Tween, chọn Window\Panels\Instance chọn thẻ Frame qui định sau:

Label: nhập tên (sẽ tiến trình, tuỳ chọn)

Tweening: chọn Motion (biến hình theo chuyển động)

Scale: chọn cho phép co dãn 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 chuyển động

Orient to path: chọn chuyển động theo đường dẫn Synchronize: chọn cần đồng khung hình

Snap: chọn muốn hình biến đổi bám vào đường dẩn lớp dẩn

++Tại khung hình cuối, chọn hình có khung di chuyển, xoay, co dãn tùy ý +Enter để kiểm tra

+Muốn chỉnh sửa phải trở khung hình đầu, cuối +Cửa sổ thành phần Instance:

Thẻ Instance: thể hình Thẻ Effect: hiệu ứng màu

Thẻ Frame: qui định dạng quay Thẻ Sound: hiệu ứng âm

Biến đổi chuyển động theo đườ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 Snap)

+Click nút Add Guide Layer tiến trình, ta lớp dẫ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?)

(8)

+Click chọn lớp dẫn, chọn công cụ Pencil Tool, chế độ Smooth, nét Solid, thực vẽ đường chuyển động lớp dẫn

+Click Clock (ổ khoá) để khố đường chuyển động lớp dẫn khơng cho sửa +Click chọn lớp hoạt hình (đừng quên)

+Click khung hình đầu, kéo tâm đến đầu đường chuyển động + Click khung hình cuối, kéo tâm đến cuối đường chuyển động +Enter để kiểm tra

+Chú ý: tạo nhiều hình khác nhiều Frame để chuyển động với nhau; dùng nhiều lớp dẫn lớp dẫn chung có nhiều đường dẫn

L

ùp (Layer) vaø F r ame:

1/.Frame: khung làm việc dùng chứa đối tượng Khung rỗng: Là khung hình chưa làm việc (khơng chứa cả)

Khung Khóa: Là khung hình khung hình nơi chứa đối tượng, thiết lập chuyển động,…

Khung thường: Là khung hình hiển thị nội dung khung hình khố gần 2/ Các thao tác Frame:

+Theâm frame:

++Insert\Frame | F5: chèn thêm khung hình thường vị trí chọn

++Insert\Keyframe | F6: chèn thêm khung hình khóa vị trí chọn(trước khung hình thường)

++Insert\Blank Keyframe | F7: chèn thêm khung hình khóa rỗng vị trí chọn(trước khung hình thường)

+Xóa frame: chọn khung hình cần xóa, right click, choïn Remove Frame

+Copy, cắt, dán: chọn , right click, chọn Copy Frames, Cut Frames, Paste Frames +Clear Frame: chuyển khung hình khố thành khung hình bình thường

3/ Các thao tác lớp: +Thêm lớp:

++Click nút Insert Laye r | Insert\Laye r : chèn lớp

++Click nút Add Guide Laye r | In s e rt\Motion Guid e : chèn lớp dẫn +Chọn lớp: Click lớp (xem có dấu chưa?)

+Xóa lớp: chọn lớp cần xoá, right click, chọn Delete Laye r | click thùng rác

+Thay đổi thứ tự lớp: Drag chuột lớp lên xuống

+Đặt thuộc tính cho lớp: chọn lớp, right click, chọn Propertie s : tên, hiện\ẩn, khóa, loại, màu

neàn, Outlines, chieàu cao

++Guide: lớp dẫn (ở lớp hoạt hình chuyển động)

++Guided: lớp lớp hoạt hình chuyển động theo lớp dẫn (ở lớp dẫn thụt vào so với lớp dẫn)

++Mask: lớp dùng làm mặt nạ (ở lớp che)

(9)

4/ Thanh tiến trình (Timeline):

(10)

vị trí khung số khung / giâ y thơ ø i gian đ ã chiế u

nhiều khung hình

cùng lúc (các khung hình phạm vi Onion Skin cho chỉnh lúc)

+Nút Onion Skin Outlines: tương tự Onion Skin hình khung

dạng đường viền

+Nút Edit Multiple Frames: cho sửa nhiều khung hình lúc

+Nút Modify Onion Markers: di chuyển phạm vi Onion Skin

++Always Show Markers: ln dấu Onion Skin ++Anchor Onion: khoá dấu Onion Skin

++Onion 2, Onion 5, Onion All: đánh dấu 2, tất khung hình chung quanh

+Show all layer as outlines: ẩn cách trình bày lớp dạng đường viền +Lock/Unlock all layers: Khoá bỏ khố lớp (khố khơng chọn được) +Show/Hide all layers: ẩn lớp (ẩn không thấy cả)

5/ Quản lý Scenne: Click chọn công cụ Edit Scene tiến trình, chọn cảnh

6/ Quản lý Frame: Click chọn công cụ Edit Symbols tiến trình, chọn

biểu tượng cần sửa

(Edit Scene, Edit Symbols: bên phải tiến trình.)

Chú ý: Các khung có - màu tím khung biến đổi chuyển động Các

khung có - màu xanh khung biến đổi hình dạng

Các khung có - khung không xác định rõ chuyển động (có thể bị sai!)

Biểu t ïng (Symbol)

(11)

1/.KN : đối tượng tạo nhằm mục đích sử dụng nhiều lần mà tạo lại, biểu tượng cất trữ thư viện Biểu tượng chia thành loại sau:

+Graphic: biểu tượng dạng đồ họa tạo từ 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 nút nhấn, thường phối hợp với lập trình để tạo điều khiện cho đoạn Film

+Movie: biểu tượng dạng đoạn Film, chứa toàn phần tử đọ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 , 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, 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, choïn Copy Frames, choïn Insert\New Symbol, 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 khung 1, chọn Paste Frames xong click nút Scene tiến

trình để trở 3/

Các thao tác biểu tượng:

+Sửa: chọn biểu tượng Library, chọn Edit\Edit Symbols, sửa xong click nút

Scene (Double Click biểu tượng để sửa)

+Sửa Button: sửa biểu tượng Button, ta thất có khung: Up, Over, Down, Hit,

khung thể trạng thái khác biểu tượng nút, ta thêm, bớt, bỏ trống khung nhằm tạo “đáp ứng” với di chuyển trỏ tùy ý, sửa xong click nút Scene

Up: Khung thể Button trỏ không phạm vi nút Over:

Khung thể Button trỏ phạm vi nút Down: Khung

này thể Button người dùng click vào nút

Hit: Khung thể Button di chuyển trỏ, nút thay đổi vị

trí, hình dạng Nút khung Hit khơng thấy đoạn hoạt hình

+Xố: Right click, chọn Delete

+Lấy sử dụng: Drag từ Library Frame

+Nhân bản: Right click, chọn Duplicates

S û dụng Th viện tập tin Flash.

(12)

1/

Giới thiệu:

Flash cho phép ta sử dụng lại hình ảnh, âm thanh, đoạn Film, biểu tượng có sẵn chứa tập tin tạo tập tin mẫu Các tập tin xem thư viện chứa thành ta làm việc, có nhiều tập tin dùng làm thư viện

2/ Caùc Thao taùc:

+Mở thư viện tập tin: File\Open as Library , chọn tên tập tin Fla, Open

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 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 loại Sử dụng 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ổ

1/

(13)

CHƯƠNG III: HOẠT CẢNH.

Là liên hệ qua lại đoạn hoạt hình, cảnh, khung hình trình chiếu Hoạt cảnh thực tốt nhờ thiết lập tương tác lập trình (Scripting)

2/ Khái niệm bản: +

S ï kiệ n : tình xảy thời điểm thiết lập đến +Đ

í c h : đối tượng bị tác động hành động xảy kiện +H

a ø n h đ o äng : tác động, tương tác đích kiện xảy 3/

Sự kiện:

Các kiện Mouse:

+Press: Sự kiện xảy người dùng nhấn chuột nút

+R elease: Sự kiện xảy người dùng nhấn nhả chuột nút

+R elease Outside: Sự kiện xảy người dùng nhấn nhả nút chuột bên nút +

R o ll Over: Sự kiện xảy người dùng di chuyển trỏ lên phía nút nhấn (cuộn lên)

+

R o ll O u t : Sự kiện xảy người dùng di chuyển trỏ khỏi phạm vi nút (Cuộn ra)

+Dr a g Over: Sự kiện xảy người dùng nhấn nút phạm vi nút (không nhả) , kéo trỏ phạm vi nút di chuyển trở lại phạmvi nút (Drag trong)

+Dr a g O u t : Sử kiện xảy người dùng nhấn nút phạm vi nút (không nhả) , kéo trỏ phạm vi nút.(Drag ngoài)

(14)

Các kiện bàn phím:

Sự kiện xảy người dùng nhấn 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 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 nghiên cứu số hành động sau: +G o t o : làm cho đoạn Film nhảy đến khung hình hoạt cảnh

Có tham số:

Scene: chọn cảnh bắt đầu cho hành động Go To

Type: chọn Frame theo số, theo nhãn, Frame trước, Frame sau

Frame: nhập số khung hình thứ

Go to and Play: chọn Go to and Play (Chuyển đến thực hiện) cịn khơng Go to and stop (Chuyển đến dừng)

Vd: Chuyển đến chiếu khung 1, theo kiện nhấn nhả chuột on

(release) {

gotoAndPlay (1); }

+P l a y : cho đoạn hoạt hình bắt đầu thực Khơng có tham số

+Stop: cho đoạn hoạt hình ngừng lại

Không có tham soá

+Toggl e High Qualit y : bật tắt chế độ khử cưa Khơng có tham số

Vd:

on (release) {

toggleHighQuality (); }

+Stop all Sound: Tắt tất âm Không có tham số

(15)

Có tham số sau:

URL: chứa địa URL nơi truy cập

Window: xác định cửa sổ tải URL

Self: Tải địa URL vào cửa sổ làm việc Blank : Mở cửa sổ tải địa URL vào

Parent: Mở địa URL vào cửa sổ cha cửa sổ To

p : đoạn hoạt hình Flash với hành động Get URL nằm khung HTML loại bỏ khung để tải URL vào cửa sổ

Variables: chọn biến đoạn hoạt hình xử lý sao? Don’ t sen d : Không gởi biến

Send using Get : Gởi biến nối tiếp vào địa URL Send using Pos t : Gởi biến tách biệt với URL

+FS C o mm a nd : gởi liệu đến ứng dụng sử dụng đoạn hoạt trình duyệt Web FS Command dùng đoạn hoạt hình Flash tương tác với JavaScript trang Web

+Load/ U nload Movie: Nạp đoạn Film địa URL loại bỏ đoạn hoạt hình nạp 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 đặt mức có số mức

T a rget : tập tin Swf tải vào khơng gian đoạn hoạt hình Variables:

chọn biến đoạn hoạt hình xử lý sao? (tương tự GET URL) +T ell Target: Xác định tiến trình thực hành động Có

tham số sau:

Target: chứa tên nhãn đoạn hoạt hình cần thực hành động

+If Fra m e is Loaded: Xác định khung hình nạp hay chưa?, nạp thực hành động cịn chưa bỏ qua (khơng làm cả)

Không tham số

+O n Mous e Ev e n t : Chọn kiện xảy chuột đối tượng phát sinh thay hành động, định phím cho kiện bàn phím

+If: Kiểm tra câu lệnh điều khiển hay sai để thực hành động

+Loop: Thực nhóm hành động nhiều lần điều kiện

+C a ll : Gọi thực nhóm hành động gắn với khung hình +Set Property: Đặt thuộc tính cho đoạn hoạt hình

+Set Variabl e : Tạo biến đặt giá trị cho biến

(16)

+D upplicat e / Remove Movie Clip: Nhân gỡ bỏ đoạn hoạt hình +Dr a g Movie Cli p : Cho phép đoạn hoạt hình Drag theo trỏ +Trac e : Hiễn thị thông báo

+C o mme n t : Chứa nội dung thích cho hành động

Chú yù : Các hành động không riêng lẻ mà thường hay lồng để tạo 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 để cửa sổ thành phần Action, Click chọn đối tượng cần cài đặt, Click dấu

+ cửa sổ , chọn hành động, cung cấp tham số…

Nếu muốn xố click chọn dấu – (trừ)

Kiểm Tra 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

+Step Forward: Dịch chuyển tới khung hình (bên phải) +Step Backward: Dịch chuyển lui khung hình (bên trái)

+Test Movie: Kiểm tra tập tin FLA dịch thành dạng hoạt hình SWF +Test Scene: Kiểm tra cảnh chuyển thành dạng hoạt hình SWF

+Debug Movie: Kiểm tra tập tin FLA dịch thành dạng hoạt hình SWF có cửa sổ Debug để xem nội dung biến, Code chương trình

+Loop Playback: Lập lại chuyển động hoạt hình

+Play all Scene: Lập lại việc thực chuyển động tất cảnh

+Enable Simple Frame Actions: Cho phép đáp ứng lại hành động cài (cài tương tác hoạt cảnh)

+Enable Simple Buttons: Cho phép nút (Button) có hiệu lực với trạng thái: Up, Over, Down, Hit

+Mute Sounds: Tắt toàn âm

++ Kiểm tra nút: chọn Control\Enable Simple Buttons, trước Test

++ Kiểm tra hành động: chọn Control\Enable Simple Frame Actions, trước

Test

II/ Xuất bản:

1/ Xuất tập tin hoạt hình:

File\Export Movie, nhập tên tập tin xuất (.SWF) 2/ Xuất tập tin ảnh:

File\Export Image, nhập tên tập tin xuất (.SWF) 3/ Thiết lập tham số xuất bản:

File\Publish Settings, hộp thoại có thẻ sau: +Thẻ Formats:

Type: choïn kiểu cho tập tin xuất

File Name: dùng đặt tên cho tập tin xuất

(17)

+Thẻ Flash:

Load Order: chọn thứ tự nạp tập tin hoạt hình tải lên trang Web Bottom Up: nạp lớp trước

Top Down: nạp lớp trước

Options: chọn tùy chọn khác

Gerenate Size Report: tạo tập tin TXT chứa thơng tin hoạt hình Omit Trace Actions: loại bỏ hành động Trace (dấu hiệu Code) khỏi hoạt hình khơng cho người khác xem mã nguồn (chương trình Script) Protect from import: bảo vệ khơng cho người khác sử dụng tập tin hoạt hình bạn (người khác Import tập tin vào sử dụng lại)

Debugging Pemitted: cho phép gỡ lỗi chương trình (khi có chương trình)

Password: nhập mật mã cho P r otect from import, Debugging Pemitte d

JPEG Quality: Xác định cấp độ nén cho ảnh Bitmap tập tin hoạt hình, 0: chất lượng thấp, 100: chất lượng cao

Audio Stream, Audio Event: cho phép định mức độ nén, tốc độ truyền, chất lượng cho âm theo luồng kiện

Override Sound Settings: ghi đè thông số âm lên thiết lập âm thiết lập trước

Version: chọn phiên xuất +Thẻ HTML:

Template: chọn dạng trang HTML mẫu để đặt tập tin hoạt hình lên trang

Dimensions: chọn vừa, đơn vị tỉ lệ cho tập tin hoạt hình theo trang HTML (cung cấp đơn vị tỉ lệ cho Width, Height)

Play Back: choïn tùy chọn trình chiếu trang HTML

(18)

-Pause at Start: hoạt hình khơng trình chiếu người dùng click nút Play

-Loop: hoạt hình tự động trình chiếu lặp lặp lại

-Display Menu: Display cửa sổ trình duyệt nạp hoạt hình

-Device font: cho phép sử dụng font hệ thống máy tính bạn khơng có font định

Quality: chọn chất lượng thể hoạt hình theo tốc độ CPU máy tính

Window Mode: chọn chế độ cửa sổ hoạt hình -Window: thể dạng cửa sổ

-Opaque: nội dung trang HTML chuyển xuống phía sau cửa sổ hoạt hình (khơng thấy cửa sổ hoạt hình mờ đục)

-Transparent Windowless: làm cho cửa sổ hoạt hình trở nên suốt (thấy nội dung bên nó)

HTML Alignment: chọn canh biên hoạt hình trang HTML

Scale: định kích thước cửa sổ hoạt hình

-Default: theo giá trị Dimension (không vừa cửa sổ)

-No Border: hoạt hình khơng có đường viền cửa sổ (không vừa cửa sổ) -Exact Fit: co dãn hoạt hình theo tỉ lệ xác với khung cửa sổ (vừa với cửa sổ)

Flash Aligment: canh biên hoạt hình cửa sổ theo chiều dọc chiều ngang Show Warning Messages: cho phép thông báo tình trạng trang HTML mẫu có cần phải sửa đổi hiệu chỉnh khơng?

4/

Xem trước xuất : File \ Publish Preview, chọn dạng cần xem 5/

Xuất (dịch) thành tập tin SWF : File\ Publish , có tập tin xuất định

CHƯƠNG IV: ĐƯA FLASH VÀO WEB I/ Nội dung trang HTML Flash xuất bản:

<title>Flower</title> </head>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0, 0" WIDTH="360" HEIGHT="360">

<param name="bgcolor" value="#FFFFFF"><embed src="Flower.swf" quality="high" bgcolor="#FFFFFF" WIDTH="360" HEIGHT="360"

TYPE="application/x-shockwave-flash"

(19)

PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </object>

</body> </html>

Hoặc:

<title>HTML With Flash 5</title> </head>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0, 0" WIDTH="210" HEIGHT="252">

<param name="bgcolor" value="#FFFFFF"><embed src="Flower.swf" quality="high" bgcolor="#FFFFFF" WIDTH="360" HEIGHT="360"

TYPE="application/x-shockwave-flash"

PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </object>

Introducation a Web Page with Flash 5

</body> </html>

II/ Nhuùng tập tin GIF đ ï c xuất vaøo trang HTML:

(20)

<title>Flower </title>

<body>

Gif File of Flash 5</td>

<td valign="top" width="40%">Your Heading Goes Here<font

size="2" face="Arial">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi

Ut wisi enim ad minim veniam, quis nostrud exerci taion dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat

Duis autem dolor in hendrerit in vulputate velit esse et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore teeugat nulla facilisi </td>

</table> </body> </html>

+ Nếu nhúng tập tin JPG mã HTML là:

<img src="Flower.jpg" width="360" height="360" alt="Flower.jpg (10323 bytes)"> III

/ G i ả i th í c h ca ù c theû:

+Thẻ < Objec t > : dùng với trình duyệt Internet Explorer Microsoft

+Thẻ < Embe d > : dùng với trình duyệt Communicator/ Navigator Netscape

<Embed SCR=”tên tập tin.Swf” Width=”value” Height=”value” Play=”True| False” Quality=”chất lượng” Loop=”True|false” Bgcolor=”màu”

Pluginspage=”Url”> </Embed>

+Các thuộc tín h :

++MOVIE: đường dẫn tập tin Swf (bb)

Vd: File://MyWeb/Flash5/Movie99.swf Vd: Http://MyWeb/NCuong/Movie98.swf

++SCR: đường dẫn tập tin Swf (bb)

++Width: qui định kích thước ngang (bb)

(21)

++Classid: chứa ID kiểm soát ActiveX Flash Layer, cần nhập xác theo số Licence đĩa cài (bb)

++Codebase: Url, chứa ID kiểm soát ActiveX Flash Layer tải xuống Internet Explorer (bb)

++Pluginspage: Url, chứa ID kiểm soát ActiveX Flash Layer tải xuống Netscape (bb)

++Name: chứa tên thuộc tính dùng đặt thuộc tính (khơng bb)

++Play: kiểm sốt tình trạng trình chiếu hoạt hình nạp lên trang HTML, True:

chiếu ngay, False: chờ người sử dụng tác động (mặc định True, không bb) ++Bgcolor: thiết lập màu cho đoạn hoạt hình (khơng bb)

++Quality: chất lượng thể hoạt hình theo tốc độ CPU máy tính, là: Low, Autolow, Autohigh, High, Best (mặc định High, khơng bắt buộc)

++Loop: cho/ khơng cho hoạt hình trình chiếu lập lập lại, True: cho, False:

chiếu lần (mặc định True, không bb)

++Scale: qui định cửa sổ hoạt hình (mặc định Showall, khơng bb) -Showall: hoạt hình đủ cửa sổ

-Noborder: hoạt hình cửa sổ khơng có đường viền, bị cắt theo khung

-Exactfit: hoạt hình theo tỉ lệ khớp với cửa sổ

++SAlign: Canh biên hoạt hình theo cửa sổ (khi kích hoạt hình <> kích thước cửa sổ, mặc định canh tâm cửa sổ, không bb khơng cần thuộc tính này)

-T: canh Top -B: canh Bottom -L: canh Left -R: canh Right -TL: canh Top_Left -TR: canh Top_Right -BL: canh Bottom_Left -BR: canh Bottom_Right

++WMode: thay đổi chế độ màu cửa sổ hoạt hình (mặc định Window, khơng bb)

-Window: hoạt hình nằm cửa sổ có chất lượng tốt

-Opaque: nội dung trang HTML đưa lên khung hình (vì cửa sổ mờ đục khơng thấy được)

-Transparent: Nền hoạt hình suốt, thấy bên hình ++Swliveconnect: dùng Flash có lập trình JavaScripting, True: cho phép Java, False: khơng có Java (mặc định False, khơng bb)

Biên soạn: Truong Chinh Huu Thanh Design