Caùch xaùc ñònh moät nguoàn taøi nguyeân Shared Library Tröôùc heát baïn haõy môû moät ñoaïn phim, sau ñoù choïn trong trình ñôn Window > Library hoaëc nhaáp chuoät va[r]
(1)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
TỔNG QUAN VỀ FLASH
VÙNG LÀM VIỆC TRONG FLASH
Khi bạn làm việc Flash, bạn tạo đoạn phim cách vẽ ảnh hay nhập vào ảnh vẽ, xếp Stage, làm chuyển động ảnh với thước thời gian Timeline Bạn tạo vùng chuyển cảnh đoạn phim cách dùng Action (hành vi) để tạo đoạn phim trả lời lại kiện theo nhiều cách đặc biệt Khi đoạn phim tạo xong, bạn xuất thành đoạn phim Flash Player xem chúng Flash Player, trình chiếu đoạn phim chương trình Flash Player độc lập với Flash
Bạn xem đoạn phim tạo Flash theo cách sau đây:
Trong trình duyệt Internet Netscape Navigator, Microsoft Internet Explorer Các trình duyệt dùng với Flash Player
Với điều khiển Flash ActiveX Microsoft Office, Microsoft Internet Explorer Windows môi trường máy chủ ActiveX khác
Trong Flash Player, trình ứng dụng độc lập
Như chương trình chiếu phim độc lập, file đoạn phim phát mà khơng cần phần mềm Flash Player
AÛNH TRONG FLASH
Flash cung cấp nhiều phương pháp để tạo ảnh gốc xuất ảnh gốc sang nhiều chương trình ứng dụng khác Bạn tạo nhiều đối tượng cách dùng công cụ vẽ tô, xác định thuộc tính đối tượng tồn Bạn xem mục Tổng quan cách vẽ làm việc với cách chọn màu Ngoài bạn đưa vào ảnh đồ họa Bitmap hay ảnh Vec-tơ từ chương trình ứng dụng khác thay đổi ảnh nhập vào Flash
ẢNH ĐỒ HỌA VỚI ĐỊNH DẠNG VECTOR VÀ BITMAP
Máy tính hiển thị ảnh với định dạng Vector hay Bitmap Nếu hiểu rõ hai khác hai cách định dạng giúp bạn làm việc hiệu Flash cho phép bạn tạo làm ảnh chuyển động với định dạng Vector Ngoài Flash cho phép bạn mở thao tác ảnh với định dạng Vector Bitmap tạo trình ứng dụng khác
Ảnh với định dạng Vector
Vẽ ảnh Vector cách sử dụng công cụ vẽ đường thẳng đường cong bao gồm thuộc tính màu vị trí gọi Vector
(2)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Khi bạn chỉnh sửa ảnh Vector này, bạn thay đổi thuộc tính đường thẳng đường cong tạo nên hình dạng Bạn di chuyển, thay đổi kích thước, thu phóng, thay đổi màu ảnh vector mà khơng thay đổi đặc tính bên ngồi Ảnh Vector có độ phân giải màu độc lập, điều có nghĩa chúng hiển thị với nhiều thiết bị xuất khác cho độ phân giải khác mà thay đổi đặc tính
Ảnh với định dạng Bitmap
Ảnh Bitmap sử dụng chấm màu xếp đặt mảng lưới gọi pixel Chẳng hạn ảnh vẽ vị trí đặc biệt gọi pixel (điểm ảnh) pixel có giá trị màu vùng lưới, tạo ảnh thể qua pixel khác thể khảm Khi bạn hiệu chỉnh ảnh Bitmap, có nghĩa bạn thay đổi thuộc tính pixel khơng ảnh vector thay đổi thuộc tính đường thẳng đường cong
Ảnh Bitmap có độ phân giải phụ thuộc liệu tạo ảnh vẽ xếp vào lưới có kích thước đặc biệt Việc hiệu chỉnh ảnh Bitmap làm thay đổi chất lượng ảnh xuất Đặc biệt thay đổi kích thước ảnh Bitmap làm cho góc biên ảnh trơng thơ điểm pixel ảnh phân bố lại vùng lưới Khi ảnh Bitmap xuất thiết bị có độ phân giải thấp độ phân giải ảnh, điều làm cho chất lượng ảnh xuất trở nên nhạt màu
Chú ý : Bạn đưa vào file âm thanh, bạn biết rõ ràng mục “ Tổng quan cách thêm âm vào Flash”
ẢNH CHUYỂN ĐỘNG (ANIMATION) TRONG FLASH
Khi sử dụng Flash, bạn tạo đối tượng chuyển động, làm cho chúng xuất hiện, di chuyển ngang qua khung Stage (nơi trình chiếu) làm thay đổi hình dáng (Shape), kích thước (Size), màu sắc (Color), hướng xoay (Rotation) thuộc tính khác Bạn tạo ảnh chuyển động từ frame (khung) sang frame khác mà khung tạo ảnh riêng lẽ Ngồi ra, bạn tạo ảnh chuyển động kiểu Tween, kiểu bạn cần tạo frame frame cuối sau Flash tạo trực tiếp frame để kết nối frame đầu frame cuối Bạn tạo ảnh chuyển động xuất thành đoạn phim thông qua dùng lệnh Set Property Action Bạn xem mục trợ giúp phần ActionScript
CHUYỂN CẢNH ĐOẠN PHIM TRONG FLASH
(3)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bạn thiết lập hành động bảng Actions bạn tạo nút, Clip hay frame Dùng bảng Actions điều khiển chế độ Normal Mode, bạn chèn vào action mà không cần phải viết mã ActionScript
Nếu bạn quen thuộc với ActionScript, bạn viết mã Script cho riêng bạn Những mục dẫn form action đơn lẻ việc : hướng dẫn cách ngừng phát đoạn phim hay loạt action, bạn ước lượng điều kiện sau để thực thi action Nhiều action địi hỏi bạn phải có kinh nghiệm việc lập trình để thiết lập chúng Các action đòi hỏi phải quen thuộc với ngơn ngữ lập trình phát triển đến mức độ xa Bạn tham khảo phần ngơn ngữ trợ giúp mã ActionScript VÙNG LAØM VIỆC TRONG FLASH
Khi tạo chỉnh sửa đoạn phim, bạn làm việc với thuộc tính quan trọng có tên sau đây:
Stage : Vùng hình chữ nhật nơi mà đoạn phim phát
Thanh thước thời gian Timeline : Tại ảnh tạo diễn hoạt liên tục
Thanh thước Timeline
Symbol (Biểu tượng) : Nguồn tài ngun truyền thơng dùng lại phim Cửa sổ Library : Nơi biểu tượng thiết lập
Movie Explorer : Tạo nhìn tổng thể đoạn phim cấu trúc
Bảng Movie Explorer
Các bảng trôi vùng làm việc, cho phép bạn thay đổi nhiều thành phần đoạn phim định cấu hình vùng làm việc Flash cho thích hợp
Vùng Stage thước thời gian Timeline
(4)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Vùng Stage nơi mà bạn tạo frame riêng rẽ cho đoạn phim
(5)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thanh thước thời gian Timeline nơi bạn xếp thời gian ảnh chuyển động lắp ráp ảnh vào Layer đặc biệt Trong đoạn phim, Timeline hiển thị frame
Các Layer hoạt động giống phim suốt, giữ cho ảnh tách biệt bạn kết nối nhiều thành phần khác lại thành ảnh thấy liên tục
Điều khiển biểu tượng, ghế hướng xoay đoạn phim Layer riêng biệt
Caùc Symbol Vaø Instance
Các Symbol (biểu tượng) yếu tố dùng lại bạn sử dụng đoạn phim Các Symbol ảnh đồ họa, nút, clip âm hay font chữ Khi bạn tạo Symbol, Symbol lưu lại vào file thư viện, bạn thay Symbol vùng Stage, bạn tạo Instance Symbol
Các Symbol làm giảm kích thước file, bỏ qua nhiều Instance Symbol bạn tạo Flash lưu lại Symbol file lần Điều có ích thành phần xuất nhiều lần Bạn thay đổi thuộc tính Instance mà khơng làm ảnh hưởng đến Symbol hiệu chỉnh Symbol để làm thay đổi tất Instance
Bạn chỉnh sửa Symbol vùng Stage Các thành phần khác lại hiển thị vùng Stage bị mờ Ngồi hiệu chỉnh Symbol cửa sổ độc lập, vùng cửa sổ thước Timeline hiển thị thước Timeline Symbol bạn hiệu chỉnh Bạn xem kỹ phần mục “Cách hiệu chỉnh
Symbol”
(6)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Để biết thêm Symbol Instance, bạn chọn mục tham khảo Symbols trình đơn Help > Lessons > Symbols (bằng tiếng Anh)
Hiệu chỉnh Symbol độc lập (bên trái) hiệu chỉnh Symbol ngữ cảnh đoạn phim
CÁC SYMBOL VAØ VÙNG CHUYỂN CẢNH CỦA ĐOẠN PHIM TƯƠNG TÁC
Ngoài Symbol phần toàn cho việc tạo phần chuyển cảnh cho đoạn phim Bạn dùng Instance Symbol để tạo vùng chuyển cảnh cho đoạn phim Ví dụ : Bạn tạo biểu tượng nút làm thay đổi hành vi chuột đặt Instance Symbol vào Stage Bạn dùng loại Symbol khác gọi Movie Clip, nhằm tạo phần chuyển cảnh phức tạp
(7)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Cửa sổ Library nơi lưu xếp Symbol tạo Flash, mở file ảnh Bitmap, file âm QuickTime movies Cửa sổ Library cho phép xếp thư mục thư viện, sau xếp chúng theo loại thường dùng đến
TẠO MỘT ĐOẠN PHIM MỚI VAØ THIẾT LẬP CÁC THUỘC TÍNH CỦA NĨ
Mỗi mở Flash, trình ứng dụng tạo file mới, với phần định dạng mở rộng FLA Bạn tạo đoạn phim bạn làm Thiết lập kích thước số lượng frame, màu Background thuộc tính khác đoạn phim Bạn dùng hộp thoại Movie Properties
Cách tạo đoạn phim thiết lập thuộc tính Chọn trình đơn File >
New Sau chọn tiếp trình đơn Modify > Movie Hộp thoại Movie Properties xuất Tại mục chọn Frame Rate, nhập vào số frame chuyển động hiển thị giây
Đối với hầu hết ảnh chuyển động hiển thị máy tính, đặc biệt chúng hiển thị trang Web, giá trị từ fps (frame per second) đến 12 fps thường sử dụng nhiều (chế độ mặc định 12 fps)
2 Đối với mục chọn Dimensions, bạn chọn tùy chọn sau:
Xác định kích thước Stage pixel, nhập vào giá trị cho mục Width Height Kích thước đoạn phim theo mặc định 550 x 400 pixels Kích thước tối thiểu 18 x 18 pixel, kích thước tối đa 2880 x 2880 pixel
(8)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thiết lập kích thước vùng Stage đến giá trị lớn cho vùng in giấy, nhấp chuột vào nút Match chọn Printer Vùng xác định kích thước khổ giấy trừ lề trang hành chọn vùng Margins hộp thoại Page Setup (trong Windows) hộp thoại Print Margins (trong Macintosh)
3 Thiết lập màu Background cho đoạn phim, nhấp chuột vào nút Background Color chọn màu có bảng màu Background vừa xuất
4 Chọn đơn vị đo trình đơn xổ xuống Ruler Units, chọn đơn vị đo cho loại thước mà bạn muốn hiển thị cửa sổ trình ứng dụng
(9)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
XEM TRƯỚC VAØ KIỂM TRA LẠI ĐOẠN PHIM
Khi bạn tạo đoạn phim, bạn cần phát lại để xem chuyển động kiểm tra điều khiển chuyển cảnh Bạn xem kiểm tra đoạn phim Flash cửa sổ làm việc hay trình duyệt Web
Xem trước đoạn phim vùng cửa sổ Stage:
Để xem trước đoạn phim bạn sử dụng lệnh trình đơn Control, nút Controller lệnh bàn phím
Để xem trước cảnh đoạn phim hành, thực thao tác sau đây:
Chọn trình đơn Control > Play
Chọn tiếp trình đơn Window > Toolbars > Controller (trong Windows) Window > Controller (trong Macintosh) nhấp chuột vào nút Play
Nhấn phím Enter (Windows) phím Return (Macintosh) Cảnh chuyển động hiển thị cửa sổ Movie với số lượng frame xác định cho đoạn phim
Để bước sang frame trình chuyển động, bạn sử dụng nút Step Forward nút Step Backward bảng Controller chọn lệnh trình đơn Control Bạn nhấn phím < & > bàn phím Bạn đến frame frame cuối đoạn phim, bạn sử dụng nút First Frame hay Last Frame bảng Controller
Chú ý : Bạn thay đổi cách phát lại (Playback) đoạn phim cách dùng lệnh trình đơn Control Chú ý bạn phải chọn Control > Play để xem đoạn phim trước dùng lệnh sau
Xem đoạn phim chế độ liên tục : Chọn trình đơn Control > Loop
Playback
Xem tất cảnh đoạn phim : Chọn trình đơn Control > Play All
(10)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Xem đoạn phim không cần nghe âm : Chọn trình đơn Control >
Mute Sounds
Chọn hành vi cho frame actions : Chọn trình đơn Control > Enable Simple
Frame Actions Enable Simple Buttons KIỂM TRA LẠI ĐOẠN PHIM
Dù Flash phát đoạn phim vùng Stage, nhiều chức chuyển cảnh chuyển động hoạt động trừ đoạn phim xuất định dạng cuối Bạn sử dụng lệnh trình đơn Control, hay xuất đoạn phim hành định dạng Flash Player phát đoạn phim cửa sổ Việc xuất đoạn phim dùng tùy chọn thiết lập hộp thoại Publish Settings Bạn kiểm tra đoạn phim trình duyệt Web Ngồi kiểm tra action đoạn phim dùng chế độ Debugger
Cách kiểm tra chức chuyển cảnh chuyển động
Chọn trình đơn Control > Test Movie Control > Test Scene
Flash tạo đoạn phim Flash Player (một file SWF), mở cửa sổ độc
lập xem Flash Player File SWF đặt thư mục với file FLA
Cách kiểm tra đoạn phim trình duyệt Web
Chọn trình đơn File > Publish Preview > HTML LƯU FILE ĐOẠN PHIM THỰC HIỆN
Bạn lưu file Flash FLA, sử dụng tên địa hành lưu tài liệu sang tên khác vùng địa khác Bạn trở lại phiên lưu lại lần sau
Cách lưu tài liệu
Thực thao tác sau:
Để ghi chồng lên phiên hành trên, chọn File > Save
(11)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Nếu bạn chọn lệnh Save As bạn chưa lưu file tạo, nhập tên địa cho file
2 Sau nhấp chuột vào nút Save
Trở lại phiên file lưu cuối : Chọn trình đơn File > Revert CÁCH DÙNG HỘP CƠNG CỤ
Các công cụ hộp công cụ cho phép bạn vẽ, tô, chọn, chỉnh sửa ảnh thay đổi vùng xem Stage Hộp công cụ chia thành bốn vùng chọn:
Vùng chọn Tools gồm có công cụ vẽ, tô chọn
Vùng chọn View gồm có cơng cụ khuyếch đại di chuyển cửa sổ
chương trình
Vùng chọn Colors gồm có cơng cụ chỉnh sửa tô màu
Vùng tùy chọn Options hiển thị việc chỉnh sửa cơng cụ chọn mà có ảnh hưởng
đến nét vẽ công cụ thao tác hiệu chỉnh
Để biết thêm thông tin cách dùng công cụ vẽ tơ, bạn xem mục “Các cơng cụ vẽ tô màu Flash” Đối với cách dùng cơng cụ chọn, tham khảo mục “Cách chọn đối tượng” Đối với cách dùng công cụ chỉnh sửa xem trước, tham khảo “Vùng xem trước Stage”
Cách hiển thị cho ẩn hộp cơng cụ: Chọn trình đơn Window > Tools Để chọn công cụ, bạn thực thao tác sau đây:
Nhấp chuột vào công cụ bạn muốn
dùng Tùy thuộc vào công cụ bạn chọn, công cụ bổ sung cho công cụ vừa chọn hiển thị vùng hộp thoại
Nhaán phím nóng cho công cụ muốn
chọn
(12)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
CÁCH DÙNG CÁC THANH CÔNG CỤ TRONG CỬA SỔ WINDOWS
Trong Windows, bạn sử dụng lệnh trình đơn phụ Toolbars để làm hiển thị hay dấu công cụ chứa lệnh Shortcut bar Bạn cất cơng cụ vẽ công cụ chuẩn cho phép chúng trôi cửa sổ
Cho công cụ ẩn hiển thị
Chọn trình đơn Window > Toolbars chọn tùy chọn sau:
Thanh công cụ hiển thị công cụ chuẩn có Shortcut lệnh
trình đơn chuẩn Open Print
Vùng trạng thái hiển thị qua Status, gồm có thông tin lệnh
nút phím Caps Lock vaø Num Lock
Các điều khiển hiển thị Controller, giúp cho việc phát lại đoạn
phim
Di chuyển công cụ trôi cửa sổ
Kéo chuột vị trí Background tiêu đề CÁCH DÙNG CÁC BẢNG
Trong Flash bạn dùng nhiều bảng trôi cửa sổ làm việc Các bảng giúp bạn xem, xếp thay đổi thuộc tính đoạn phim Các bảng Flash cho phép bạn làm việc với đối tượng, màu sắc, văn bản, Instance, frame, Scene toàn đoạn phim
Ví dụ bạn dùng bảng Character cho việc chọn thuộc tính nhập ký tự bảng Frame cho việc nhập vào tên frame chọn tùy chọn Tween Options
Để xem danh sách bảng có Flash, chọn trình đơn Window > Panels
Bạn hiển thị, làm ẩn, nhóm thay đổi kích thước bảng bạn làm việc Ngồi bạn hiển thị nhiều bảng bảng Info, Mixer, Instance, Frame Actions, sử dụng nút Launcher bên cửa sổ chương trình
Bạn nhóm bảng lại với theo cách xếp đặt tùy chọn bạn lưu bảng tùy chọn Bạn thiết lập, xếp đặt bảng trở lại chế độ hiển thị mặc định (hiển thị bảng Info, Mixer, Character Instance sang bên phải cửa sổ giao diện) xếp đặt tùy chọn bạn lưu lại trước
Hầu hết bảng trình đơn phụ có thêm tùy chọn bổ sung Khi nhấp chuột vào hình tam giác góc phải bảng xuất trình đơn phụ tùy chọn
(13)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bảng tùy chọn bảng có tùy chọn
Mở bảng : Chọn trình đơn Window > Panels chọn bảng mong muốn có danh sách
Đóng bảng, thực bước sau
Nhấp chuột vào hộp Close góc phải phía (trong Windows) góc
trái phía (trong Macintosh)
Chọn trình đơn Window > Panels chọn bảng muốn đóng
Nhấp phải chuột (trong Windows) nhấp phải Control (trong Macintosh)
(14)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Trong Launcher, nhấp chuột vào nút bảng Info, Color Mixer, Character, Instance Actions
Chú ý : Bạn mở đóng cửa sổ Library hay Movie Explorer cách dùng Launcher
Thanh Launcher
Sử dụng bảng trình đơn phụ Options:
1 Nhấp chuột vào tam giác góc phải phía để hiển thị trình đơn
2 Nhấp chuột vào mục chọn trình đơn
Đóng tất bảng : Chọn trình đơn Window > Close All Panels Nhóm lại bảng : Kéo tab bảng sang tab bảng khác
Nhấp chuột vào tab Frame bảng Instance kéo sang bảng Character
(15)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bảng mặc định ban đầu
Bảng sau kéo tab Swatches, tab Swatches bảng độc lập
Di chuyển bảng hay nhóm bảng : Kéo tiêu đề bảng hay nhóm bảng Lưu cách xếp tùy chọn
bảng:
Chọn trình đơn Window > Save Panel Layout Nhập tên cho việc xếp đặt vào khng Name nhấp chuột vào nút OK
Xố xếp tùy chọn
Mở thư mục chương trình Flash đĩa cứng bạn xóa file Panel Sets Chọn cách xếp đặt bảng
1 Chọn trình đơn Window > Panel Sets
2 Từ trình đơn phụ, chọn Default Layout để thiết lập tất bảng theo cách xếp hay chọn cách xếp tùy chọn mà bạn lưu lại trước
(16)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thu bớt bảng hay nhóm bảng cịn lại tiêu đề tab : Nhấp đúp
chuột vào tiêu đề bảng Nhấp đúp chuột vào tiêu đề bảng hay nhóm bảng lần để trả bảng trạng thái bình thường với kích thước trước
CÁCH DÙNG TRÌNH ĐƠN CONTEXT (NGỮ CẢNH) Trình đơn Context gồm có lệnh liên quan đến vùng chọn hành
Ví dụ như, chọn frame cửa sổ Timeline, trình đơn Context gồm có lệnh tạo, xố hiệu chỉnh frame keyframe
Mở trình đơn Context
Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) vùng Timeline cửa sổ Library vùng Stage
Trình đơn Context cho frame chọn
CÁCH DÙNG THANH THƯỚC THỜI GIAN TIMELINE
Thanh thước Timeline xếp điều khiển nội dung đoạn phim Layer frame Cơng cụ thước Timeline Layer, frame playhead
Các Layer đoạn phim phần đầu thước Timeline hiển thị thành cột bên trái Timeline Trong Frame có Layer xuất thành cột bên phải tên Layer Ở đầu thước Timeline số lượng frame có đoạn phim
Nút Playhead frame hành hiển thị vùng Stage Vùng trạng thái thước Timeline (ở bên thước) hiển thị số frame hành, số frame giây thời gian dự tính diễn hoạt frame hành
(17)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bạn thay đổi cách thức frame hiển thị hiển thị nội dung ảnh frame thước Timeline Thanh thước Timeline hiển thị vùng giới hạn chuyển động đoạn phim, bao gồm frame chuyển động sang frame khác (frame-by-frame animation) Để biết thêm chi tiết, bạn tham khảo mục “Cách Tạo Ra Đoạn Phim Chuyển Động” mục Tweened Animation đường dẫn chuyển động Các điều khiển vùng chọn Layer thước Timeline cho phép bạn làm ẩn hiện, khoá (Lock), mở khoá (Unlock) hiển thị nội dung Layer lên hình
Ngồi bạn chèn, xố, chọn, di chuyển frame thước Timeline Bạn kéo frame sang vị trí Layer hay Layer khác
THAY ĐỔI VÙNG HIỂN THỊ CỦA THANH THƯỚC TIMELINE
Theo mặc định, thước Timeline hiển thị phía cửa sổ giao diện chương trình, bên vùng Stage Để thay đổi vị trí bạn kéo thước Timeline xuống sang hai bên cửa sổ Hơn nữa, dấu thước Timeline
Bạn định vị lại kích thước thước Timeline nhằm thay đổi số lượng frame Layer hiển thị Khi có nhiều Layer hiển thị thước, lúc bạn dùng cuộn bên phải Timeline
Di chuyển thước Timeline : Kéo chuột vùng bên đầu Timeline Kéo thước Timeline đến góc cửa sổ chương trình
Mở rộng hay thu nhỏ vùng tên Layer : Kéo bar tách biệt tên Layer frame định vị Timeline
Thay đổi kích thước Timeline, thực bước sau : Nếu thước
(18)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Nếu thước Timeline không gắn vào cửa sổ ứng dụng chính, bạn kéo bar thước Timeline xuống góc phải thấp bên (trong Windows) hộp Size góc phải (trong Macintosh)
DI CHUYỂN NÚT (ĐẦU) PLAYHEAD
Nút Playhead di chuyển ngang qua thước Timeline cho biết frame hành hiển thị Stage Đầu thước Timeline hiển thị số lượng frame chuyển động Để hiển thị frame vùng Stage, di chuyển nút Playhead sang frame Timeline
Khi bạn làm việc số lượng frame lớn, bạn cho tất chúng thị lên thước Timeline lúc, bạn phải đặt nút Playhead vào thước Timeline để định vị frame hành dễ dàng
Di chuyển đến frame : Nhấp chuột vào vị trí frame vùng đầu thước Timeline kéo nút Playhead sang vị trí mong muốn
Đặt Playhead đoạn phim : Nhấp chuột vào nút Center Frame phía thước Timeline
THAY ĐỔI CÁCH HIỂN THỊ FRAME TRONG THANH THƯỚC TIMELINE
Bạn thay đổi kích thước frame thước Timeline hiển thị frame liên tục với màu tơ Ngồi ra, bạn xem ảnh frame thước Timeline Những ảnh có bạn xem ảnh động chúng chiếm nhiều khoảng trống hình
Thay đổi vùng frame hiển thị thước Timeline
1 Nhấp chuột vào nút Frame View góc phải phía Timeline để chọn chế độ xem Frame
Chọn tùy chọn sau:
Thay đổi độ rộng ô frame, chọn Tiny, Small, Normal, Medium Large (Thiết lập độ rộng frame với mục chọn Large có ích cho việc xem chi tiết sóng âm thanh)
Giảm độ cao hàng cột frame, chọn Short
Tắt mở chế độ tô màu cho frame, chọn mục Tinted Frames
(19)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Hiển thị ảnh đầy đủ frame (kể khoảng trống), chọn Preview in Context Chế độ xem trước nhỏ tùy chọn Preview
Trình đơn phụ Frame View
(20)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
TẠO RA TÊN CHO FRAME VAØ LỜI CHÚ THÍCH CHO ĐOẠN PHIM
Đặt tên cho Frame có ích cho việc nhận biết keyframe thước Timeline dùng thay cho số lượng frame frame có kết action Go To
Nếu bạn thêm vào hay bỏ frame, tên frame di chuyển theo frame tên gắn liền với số lượng frame thay đổi Do việc đặt tên cho Frame xuất vùng liệu tránh việc đặt tên dài để tạo kích thước file nhỏ
Lời thích cho frame có ích cho việc nhận biết ghi cho frame bạn frame người khác làm đoạn phim Do lời thích cho frame khơng xuất ngồi vùng liệu, bạn tạo chúng mong muốn
Cách tạo tên cho frame lời thích
1 Chọn frame sau chọn trình đơn Window > Panels > Frame
2 Trong bảng Frame, nhập vào tên frame lời thích cho frame hộp Label Tạo đoạn thích, nên nhập hai dấu gạch xiên đầu hàng đoạn thích
LAØM VIỆC VỚI CÁC FRAME TRONG THANH THƯỚC TIMELINE
Bạn làm việc với frame keyframe thước Timeline Một keyframe frame mà bạn xác định thay đổi vùng chuyển động action cho frame nhằm thay đổi đoạn phim
Các keyframe phần quan trọng chế độ Tweened Animation Bạn thay đổi chiều dài Tweened Animation cách kéo keyframe thước Timeline
Bạn thực bước thay đổi sau frame keyframe
Bạn chèn (Insert), chọn (Select), xoá (Delete) di chuyển (Move) frame hay keyframe
Kéo frame keyframe sang vị trí Layer sang Layer khác
Sao chép dán frame hay keyframe Biến đổi keyframe thành frame
Kéo mục cửa sổ Library vào Stage để thêm mục vào keyframe hành
(21)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Để chèn frame thước Timeline, bạn thực thao tác sau đây:
Chèn frame mới, chọn trình đơn Insert > Frame Tạo keyframe mới, chọn trình đơn
Insert > Keyframe nhấp phải chuột (trong Windows) hay nhấp Control (trong Macintosh) cho frame nơi bạn muốn đặt vào keyframe Sau chọn lệnh Insert Keyframe có trình đơn Context
Tạo keyframe trống mới, chọn trình đơn Insert > Blank Keyframe nhấp phải chuột (trong Windows) hay nhấp Control (trong Macintosh) Chọn frame nơi bạn muốn đặt keyframe vào, sau chọn lệnh Insert Blank Keyframe trình đơn Context
Hiệu chỉnh xoá keyframe frame, thực thao tác sau
Bạn xố frame, keyframe chuỗi frame, cách chọn frame, keyframe chuỗi frame Sau chọn trình đơn Insert > Remove Frame nhấp phải chuột (trong Windows) hay nhấp Control (trong Macintosh) Chọn frame, keyframe hay chuỗi frame Sau chọn lệnh Remove Frame trình đơn Context Các frame xung quanh khơng thay đổi
Di chuyển frame hay chuỗi keyframe với nội dung nó, bạn kéo frame hay chuỗi keyframe sang vị trí mong muốn
Kéo dài thời gian keyframe, bạn nhấn phím Alt kéo (trong Windows) nhấn phím action (Macintosh) kéo keyframe đến frame cuối chu kỳ thời gian
Sao chép keyframe hay chuỗi frame cách kéo, nhấn phím Alt nhấp chuột (trong Windows) nhấn phím Option (trong Macintosh) kéo keyframe sang vị trí
(22)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chuyển đổi keyframe thành frame cách chọn trình đơn Insert > Clear Keyframe nhấp phải chuột (trong Windows) hay nhấp Control (trong Macintosh) keyframe chọn lệnh Clear Keyframe trình đơn Context Keyframe bị xóa tất frame tăng lên keyframe thay nội dung frame đứng trước keyframe bị xố
Thay đổi kích thước chiều dài chuỗi chuyển động Tweened Sequence, kéo keyframe bắt đầu hay keyframe cuối sang trái hay phải Thay đổi độ dài chuỗi frame-by-frame Bạn xem mục “Cách tạo frame by frame Animation”
Thêm mục thư viện vào keyframe hành, kéo mục cửa sổ Library vào vùng Stage
CÁCH DÙNG SCENE
Để tổ chức đoạn phim có chủ đề, bạn dùng Scene (cảnh phim) Ví dụ bạn dùng Scene riêng biệt cho mục giới thiệu (Introduction), lời thông báo cho việc truy cập (Loading Message) v.v
Khi bạn xuất đoạn phím Flash, đoạn phim có nhiều Scene, Scene file SWF phát lại cảnh để chúng hiển thị bảng Scene file FLA Các frame file SWF đánh số liên tiếp qua Scene Ví dụ, đoạn phim có Scene với Scene có 10 frame số frame Scene thứ hai đánh số từ 11-20
Bạn thêm, xố, chép, đổi tên thay đổi thứ tự Scene
Baûng Scene
Bạn dùng actions cho việc dừng hẳn đoạn phim tạm dừng đoạn phim sau Scene hay cho phép người dùng điều khiển đoạn phim theo ý muốn
Cách hiển thị bảng Scene : Chọn trình đơn Window > Panels > Scene
Xem Scene đặt biệt : Chọn trình đơn View > Goto sau chọn tên Scene trình đơn phụ
(23)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Nhấp chuột vào nút Add
Scene bảng Scene,
Chọn trình đơn Insert
> Scene
Xố Scene, thực thao tác sau:
Nhấp chuột vào nút Delete
Scene bảng Scene,
Mở Scene bạn muốn
xóa sau chọn trình đơn Insert > Remove Scene
Thay đổi tên Scene
Nhấp đúp chuột vào tên Scene bảng Scene nhập vào tên
Sao chép Scene : Nhấp chuột vào nút Duplicate Scene baûng Scene
Thay đổi trật tự Scene đoạn phim : Kéo tên Scene sang vị trí khác bảng Scene
CÁCH DÙNG THƯ VIỆN LIBRARY
(24)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bạn mở thư viện file Flash FLA bạn làm việc Flash để tạo mục thư viện trở thành file có sẵn thành đoạn phim hành Bạn tạo thư viện tạm thời chương trình Flash Ngồi thư viện có sẵn nút, ảnh đồ họa, Clip phim, âm mà bạn thêm vào đoạn phim Flash Các thư viện tạm thời, bạn tạo hiển thị trình đơn Window > Common Libraries
Bạn xuất thư viện sang địa URL nhằm tạo thư viện chia sẻ, cho phép bạn kết nối tài nguyên thư viện từ đoạn phim Flash
Để hiển thị cửa sổ Library, bạn thực bước sau đây: Chọn trình đơn Window > Library
Hoặc nhấp chuột vào nút Library Launcher góc phải bên cửa sổ giao diện
Cách dùng mục Item đoạn phim hành : Kéo mục Item cửa sổ Library vào vùng Stage Mục Item thêm vào Layer hành
1 Mở thư viện từ file Flash Chọn trình đơn File > Open as Library
Chọn file Flash bạn muốn mở thư viện, sau nhấp chuột vào nút Open
(25)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thay đổi kích thước cửa sổ Library, bạn thực thao tác sau Kéo chuột góc phải phía cửa sổ thư viện Library
Nhấp chuột vào nút Wide State để mở rộng cửa sổ Library nhằm hiển thị tất cột cửa sổ
Vùng cửa sổ Library xuất rộng sau nhấp chuột vào nút Wide State
(26)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Khi nhấp chuột vào nút Narrow State (1), sau nhấp chuột vào nút Narrow State (2)
Thay đổi độ rộng cột
Đặt vị trí trỏ tiêu đề cột kéo để thay đổi kích thước cột Bạn khơng thể thay đổi thứ tự cột
Sử dụng tùy chọn trình đơn Library Options
Nhấp chuột vào biểu tượng tam giác góc phải phía cửa sổ Library để hiển thị trình đơn phụ Options
Nhấp chuột vào nút Options để xuất tùy chọn có hình
(27)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
LÀM VIỆC VỚI CÁC THƯ MỤC TRONG CỬA SỔ LIBRARY
Bạn xếp mục cửa sổ Library sử dụng thư mục giống chương trình Windows Explorer Macintosh Finder Khi tạo biểu tượng mới, lưu lại vào thư mục chọn Nếu chưa chọn thư mục, biểu tượng lưu thư mục gốc thư viện
Cách tạo thư mục
Nhấp chuột vào nút New Folder cửa sổ Library
Di chuyển mục giưã thư mục : Kéo từ thư mục sang thư mục khác
Mở hay đóng thư mục, bạn thực hai thao tác sau: • Nhấp đúp chuột vào thư mục
• Chọn thư mục chọn Expand Folder Collapse Folder trình đơn Library Options
Nhấp chuột vào trình đơn Options, trình đơn Options xuất
SẮP XẾP CÁC MỤC ITEM TRONG CỬA SỔ LIBRARY
Bạn xếp mục thành cột cửa sổ Library theo thứ tự bảng chữ Việc xếp mục cho phép bạn xem thư mục có liên quan với Các mục xếp vào thư mục
Sắp xếp mục cửa sổ Library : Nhấp chuột
vào đầu tiêu đề cột Nhấp chuột vào nút tam giác để đảo ngược trật tự xếp
HIỆU CHỈNH CÁC MỤC TRONG LIBRARY
Bạn hiệu chỉnh mục thư viện Flash trường hợp file nhập vào
Cách hiệu chỉnh mục thư viện
(28)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
2 Chọn tùy chọn có trình đơn Library Options:
• Chọn lệnh Edit để hiệu chỉnh mục Flash
• Chọn lệnh Edit With chọn chương trình để hiệu chỉnh mục chọn chương trình bổ sung
ĐỔI TÊN CÁC MỤC TRONG THƯ VIỆN
Bạn đổi tên mục có thư viện Việc thay đổi tên mục thư viện file nhập vào không làm thay đổi tên file
Cách đổi tên mục thư viện, bạn thực bước sau: Nhấp đúp chuột vào tên mục chọn nhấp vào tên
Chọn mục Item nhấp chuột vào biểu tượng thuộc tính bên cửa sổ Library Nhập vào tên hộp thoại Symbol Properties sau nhấp chuột vào nút OK
(29)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chọn lệnh Rename trình đơn Options
Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) item chọn lệnh Rename trình đơn ngữ cảnh, sau nhập tên vào vùng văn
XOÁ CÁC MỤC ITEM TRONG THƯ VIỆN
Khi bạn xoá mục Item khỏi thư viện, tất Instance Occurrence (sự kiện) mục Item đoạn phim bị xoá Cột Use Count cửa sổ Library cho biết Item đóù tình trạng dùng hay khơng
Xố mục Item thư viện: Chọn mục Item nhấp chuột vào biểu tượng hộp rác ( ) bên
dưới cửa sổ Library
TÌM CÁC MỤC ITEM CHƯA DÙNG TRONG THƯ VIỆN
(30)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Tìm mục Item chưa dùng thư viện:
• Chọn Select Unused Items trình đơn Library Options
• Sắp xếp mục thư viện cách dùng cột Use Count Bạn xem mục “ Cách xếp mục Item cửa sổ Library”
CẬP NHẬT CÁC FILE NHẬP VAØO TRONG CỬA SỔ LIBRARY
Nếu bạn dùng trình soạn thảo mở rộng để hiệu chỉnh file bạn vừa nhập vào Flash file ảnh Bitmap file âm thanh, bạn cập nhật file Flash mà không cần nhập lại
Cách cập nhật file vừa nhập vào : Chọn file nhập vào cửa sổ Library chọn lệnh Update trình đơn Library Options
Chọn file ảnh cần nhập vào sau chọn trình đơn ngữ cảnh lệnh Update
LÀM VIỆC VỚI CÁC THƯ VIỆN CHUNG (COMMON LIBRARY)
Bạn dùng thư viện cài đặt sẵn có Flash nút tạo biểu tượng, nút âm cho đoạn phim bạn Ngồi bạn tạo thư viện tạm thời chương trình Flash mà sau bạn dùng chúng đoạn phim bạn tạo Tất loại thư viện hiển thị trình đơn phụ Window > Common Libraries
Cách tạo thư viện tạm thời chương trình Flash bạn:
(31)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
• Đặt file Flash vào thư mục Libraries thư mục chương trình Flash đĩa cứng bạn
Cách dùng mục từ thư viện chung đoạn phim:
• Chọn trình đơn Window > Common Libraries chọn thư viện có trình đơn phụ
• Kéo mục Item từ thư viện chung vào thư viện đoạn phim hành
CÁCH DÙNG CÁCTHƯ VIỆN CHIA SẺ (SHARED LIBRARY)
Bạn tạo thư viện chia sẻ (Shared Library) để truy cập từ thư viện nhiều đoạn phim Flash khác Bạn phải xác định Shared library truy cập phim sau liên kết chúng sang đoạn phim khác Khi bạn liên kết mối truy cập Shared Library, mối truy cập chuyển đến file bên ngồi file truy cập khơng thêm vào đoạn phim Cách dùng Shared Library tối ưu hố vùng làm việc đoạn phim truy cập theo nhiều cách khác Ví dụ, bạn dùng Shared Library để thực bước sau:
• Chia sẻ file âm qua chỗ • Chia sẻ biểu tượng font qua nhiều chỗ
• Cung cấp nguồn đơn lẻ cho thành phần chuyển động dùng qua nhiều Scene đoạn phim
• Tạo thư viện nguồn trọng tâm dùng để xem lại điều khiển Track (rãnh ghi)
TẠO VAØ LIÊN KẾT ĐẾN CÁC NGUỒN TAØI NGUYÊN ĐƯỢC CHIA SẺ
Tạo Shared Library mà bạn dùng với đoạn phim khác, bạn phải xác định thuộc tính kết nối cho mục Item thư viện đoạn phim Khi lưu đoạn phim, Shared Library lưu với file FLA
Để dùng tài nguyên thư viện Shared Library đoạn phim khác, chọn trình đơn File > Open As Shared Library đoạn phim hành, chọn file Shared Library muốn dùng
(32)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Cách gởi Shared Library lên trang Web
Bạn xuất đoạn phim mà bạn tạo Shared Library Thủ tục gởi Shared Library đến URL nơi mà đoạn phim SWF (Bạn xác định vị trí khác cho Shared Library bạn muốn) Khi bạn xem đoạn phim Flash mà có chứa kết nối đến nguồn tài nguyên chia sẻ, đoạn phim truy cập đến Shared Library từ vị trí trang Web hiển thị nguồn tài nguyên chia sẻ Đoạn phim tải xuống toàn file Shared Library đến frame chứa nguồn tài nguyên kết nối (Nếu đoạn phim chứa nguồn tài nguyên kết nối từ nhiều Shared Library, Shared Library tải xuống độc lập nguồn tài nguyên Shared Library xảy ra)
Nếu việc tải Shared Library xuống bị lỗi, đoạn phim không chạy nữa, bạn nên giữ Shared Library với kích thước nhỏ để việc tải xuống dễ dàng
Xác định nguồn tài nguyên Shared Library
Bạn dùng hộp thoại Symbol Linkage để gán thuộc tính liên kết tồn mục Item thư viện để xác định mục Item nguồn tài nguyên Shared Library Sau bạn gán thuộc tính liên kết đến nguồn tài nguyên chia sẻ, bạn phải lưu thành file đoạn phim mà bạn xác định có dùng nguồn tài nguyên chia sẻ lại để làm cho nguồn tài nguyên có sẵn liên kết đến đoạn phim khác Flash
Ngoài bạn dùng hộp thoại Symbol Linkage để gán tên định danh cho đoạn phim Movie Clip file âm mà bạn muốn xem dùng method (phương thức) attachMovie attachSound
Cách xác định nguồn tài nguyên Shared Library Trước hết bạn mở đoạn phim, sau chọn trình đơn Window > Library nhấp chuột vào nút Library Launcher (tại góc phải giao diện cửa sổ chương trình) để hiển thị
cửa sổ Library chưa hiển thị Nhấp chuột vào nút Show Library bên cửa sổ
Chọn thao tác sau:
• Chọn mục Item cửa sổ Library chọn lệnh Linkage từ trình đơn Library Options
(33)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
3 Trong hộp thoại Symbol Linkage Properties, chọn Export this symbol
4 Trong vùng văn Identifier, nhập tên định danh cho biểu tượng (Tên định danh khơng có khoảng trắng)
5 Sau nhấp chuột vào nút OK
6 Lưu đoạn phim lại
GỞI MỘT SHARED LIBRARY ĐẾN MỘT URL
Một thư viện Shared Library phải gởi đến URL file SWF nguồn tài nguyên chia sẻ xuất đoạn phim kết nối đến nguồn tài nguyên
Bạn xác định URL cho Shared Library để nhập thư viện file SWF lại Tuy nhiên, bạn xác định URL khác cho file Shared Library để đặt thư viện vào vị trí khác
Cách xác định URL cho Shared Library Trong cửa sổ Library, chọn lệnh Shared Library Properties từ trình đơn Library Options
(34)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Nhấp chuột vào nút OK
Liên kết đến nguồn tài nguyên Shared Library
Để kết nối đến nguồn tài nguyên từ đoạn phim Flash, bạn mở thư viện Shared Library thêm vào mục Item từ Shared Library đến thư viện đoạn phim hành
Tạo mối liên kết đến nguồn tài nguyên chia sẻ, bạn mở file FLA cho Shared Library Không cần thiết để Shared Library thành file SWF để tạo mối liên kết đến nguồn tài nguyên chia sẻ
Chú ý : Để xem nguồn tài nguyên liên kết kiểm tra đoạn phim hiển thị nguồn tài nguyên liên kết xem đoạn phim tạo ra, trước hết phải tạo file SWF cho Shared Library
Để kết nối nguồn tài nguyên đến Shared Library
1 Bạn mở file đoạn phim, sau chọn trình đơn File > Open as Shared Library
2 Chọn thư viện chia sẻ mà bạn muốn mở nhấp chuột vào nút Open Thư viện Shared Library mở cửa sổ Library đoạn phim hành Các lệnh nút trình đơn Options cửa sổ Shared Library bị mờ cho biết tùy chọn chưa dùng đến
3 Kết nối nguồn tài nguyên từ thư viện Shared Library đến đoạn phim hành, thực thao tác sau:
(35)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Kéo mục Clock Pencil thư viện Library Graphics sang thư viện hành Library Cirle
• Kéo nguồn tài nguyên từ thư viện Shared Library vào Stage Bây tên nguồn tài nguyên vừa chọn xuất thư viện đoạn phim hành Nguồn tài nguyên kết nối đến đoạn phim hành file bên ngồi File khơng thêm vào đoạn phim hành
CAÙCH DUØNG MOVIE EXPLORER
Movie Explorer cung cấp phương pháp dễ dàng giúp bạn xem xếp nội dung đoạn phim chọn thành phần thay đổi đoạn phim Nó tạo nhiều đặc tính xếp hợp lý vùng làm việc để tạo đoạn phim
Chẳng hạn như, bạn dùng Movie Explorer để thực cơng việc sau: Tìm kiếm tên thành phần đoạn phim
Hiển thị bảng thuộc tính cho thành phần chọn để thực thay đổi
Làm quen với cấu trúc đoạn phim Flash chuyên viên thiết kế khác tạo
Tìm tất Instance Symbol hay Action đặt biệt Thay tất kiện font font khác
Xem tên cặp giá trị cho Macromedia Generator Objects
Sao chép đoạn văn sang Clipboard dán vào trình soạn thảo bên ngồi giúp cho việc kiểm lỗi tả
Movie Explorer có danh sách hiển thị, danh sách nội dung đoạn phim xếp có thứ tự Bạn chọn loại mục Item đoạn phim hiển thị Movie Explorer, chọn từ văn bản, ảnh đồ họa, nút, đoạn phim Movie Clip, Actions, file nhập vào Generator Objects
(36)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Movie Explorer có trình đơn tùy chọn Options trình đơn ngữ cảnh với tùy chọn để thực điều khiển mục Item chọn hay thay đổi hiển thị Movie Explorer
Trình đơn tùy chọn Options hình tam giác nằm góc phải phía Movie Explorer
Bảng Movie Explorer
Trình đơn tùy chọn Options
Để hiển thị bảng Movie Explorer, bạn chọn trình đơn Window > Movie Explorer Để lọc thành phần hiển thị Movie Explorer:
(37)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Từ trình đơn bậc lên góc phải phía Movie Explorer, chọn lệnh Show Movie Elements để hiển thị mục Scene chọn lệnh Show Symbol Definitions để hiển thị thông tin biểu tượng (Cả hai tùy chọn kích hoạt lúc)
Tìm kiếm mục Item dùng hộp ký tự Find
Trong hộp ký tự Find, nhập tên mục Item, tên font, chuỗi ActionScript, số lượng frame tên Generator Object hay cặp giá trị Đặc tính hộp Find tìm kiếm tất mục Item hành có Movie Explorer
Chọn mục Item Movie Explorer
Nhấp chuột vào Item định hướng Bạn nhấn phím Shift nhấp chuột để chọn nhiều mục Item
(38)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Việc chọn thành phần Movie Explorer chọn thành phần vào Stage Layer chứa thành phần khơng bị khố
Cách dùng trình đơn dọc lệnh trình đơn ngữ cảnh Movie Explorer: Thực hai bước sau:
Nhấp chuột vào tam giác góc phải Movie Explorer để hiển thị trình
đơn tùy chọn
Nhấp vào mục Item nhấp phải chuột (trong Windows) nhấp Control
(trong Macintosh) định hướng Movie Explorer
2 Chọn lệnh tùy chọn có trình đơn:
Lệnh Goto Location nhảy đến Layer, Scene frame chọn đoạn
phim
Lệnh Goto Symbol Definition nhảy đến Symbol Definition cho biểu tượng
chọn vùng Movie Elements Movie Explorer Symbol Definition liệt kê tất file với biểu tựơng file (Tùy chọn Show Symbol Definitions phải chọn)
Lệnh Select Symbol Instances nhảy đến Scene có chứa Instance
biểu tượng chọn vùng Symbol Definitions Movie Explorer (Tùy chọn Show Movie Elements phải chọn.)
Lệnh Find in Library vùng sáng biểu tượng chọn thư viện
đọan phim (Flash mở cửa sổ thư viện Library chưa hiển thị) Các thuộc tính mở bảng thích hợp cho thành phần chọn (một số thành phần có nhiều bảng kết hợp với chúng)
(39)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Leänh Edit in New Window cho phép bạn
hiệu chỉnh biểu tượng cửa sổ
Leänh Show Movie Elements hiển thị
thành phần có đoạn phim, xếp vào Scene
Lệnh Show Symbol Definitions hiển thị tất
cả thành phần với biểu tượng
Lệnh Collapse Branch thu nhỏ câu định
hướng thành phần chọn
Lệnh Copy Text to Clipboard chép
đoạn văn vào Clipboard Bạn có thể dán đoạn văn vào chương trình soạn thảo bên cho việc kiểm tra lỗi tả hay cách hiệu chỉnh khác
Lệnh Cut, Copy, Paste Clear thực thi chức thông thường
một thành phần chọn Thay đổi mục danh sách hiển thị biến đổi thành phần tương thích đoạn phim
Lệnh Expand Branch mở rộng định hướng thành phần chọn Lệnh Collapse Others thu nhỏ cành định hướng khơng có thành
phần chọn
Leänh Print in danh sách hành hiển thị Movie Explorer
VÙNG XEM STAGE
Thay đổi vùng xem Stage, bạn thay đổi mức độ phóng đại di chuyển vùng Stage vùng làm việc Flash Bạn hiệu chỉnh vùng xem Stage cách sử dụng lệnh trình đơn View
ĐỘ PHĨNG ĐẠI
Bạn xem tồn vùng Stage hình hay vùng vẽ đặc biệt độ phóng đại lớn cách thay đổi độ phóng đại Độ phóng đại lớn phụ thuộc vào độ phân giải hình kích thước đoạn phim
Để thu hay phóng vùng xem Stage dùng kỹ thuật sau đây:
(40)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Công cụ Zoom
• Phóng to vùng đặc biệt cách vẽ vùng chọn hình chữ nhật công cụ Zoom Flash thiết lập độ phóng lắp đầy cửa sổ
• Phóng to hay thu nhỏ vùng Stage hồn tồn, chọn trình đơn View > Zoom In hay View > Zoom Out
• Phóng to hay thu nhỏ theo tỉ lệ phần trăm đặc biệt, bạn chọn trình đơn View > Magnification chọn tỉ lệ phần trăm thích hợp có trình đơn phụ chọn tỉ lệ phần trăm điều khiển Zoom góc trái phía cửa sổ chương trình
Chọn lệnh Zoom trình đơn View điều khiển từ cửa sổ
• Hiển thị nội dung frame hành, chọn trình đơn View > Magnification > Show All chọn Show All điều khiển Zoom góc trái phía cửa sổ chương trình Nếu Scene trống, vùng Stage hiển thị hồn tồn
• Hiển thị tồn vùng Stage, chọn trình đơn View > Magnification > Show Frame chọn lệnh Show
• Chọn lệnh Frame từ điều khiển Zoom góc trái cửa sổ chương trình
(41)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Dùng lệnh Work Area để xem thành phần Scene phần hồn tồn bên ngồi Stage Ví dụ, có chim bay vào frame, bạn xác định vị trí chim từ bên vùng Stage vùng làm việc
Vùng làm việc với vùng Stage Work Area
DI CHUYỂN VÙNG XEM STAGE
Khi vùng Stage phóng đại, bạn xem tất thành phần có vùng Stage Cơng cụ Hand cho phép di chuyển vùng Stage để thay đổi vùng xem mà không cần phải thay đổi độ phóng đại
Di chuyển vùng xem stage
• Chọn cơng cụ Hand Để chuyển đổi tạm thời công cụ khác cơng cụ Hand, giữ phím Spacebar nhấp chuột vào cơng cụ có hộp cơng cụ
• Kéo vùng Stage
CÁCH DÙNG GRID (KHUNG LƯỚI), DỊNG GUIDE VÀ RULER (THƯỚC)
Cũng chương trình vẽ khác Corel Draw, AutoCad v v Flash có chế độ khung lưới bắt dính đối tượng khung lưới
Khi khung lưới hiển thị đoạn phim, chúng xuất đường thẳng phía sau vùng làm việc tất Scene Bạn bám đối tượng vào lưới bạn thay đổi kích thước màu lưới
(42)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Các đối tượng nằm khung lưới
Đường Guide đường tạo từ thước ngang thước dọc bạn kéo vào vùng Stage Chúng tạo thành đường mắc lưới nằm bên khung lưới Grid
Nhấp chuột kéo từ thước nằm ngang xuống để tạo đường Guide nằm ngang
(43)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Bạn kéo dịng Guide theo đường ngang đường dọc từ thước vào vùng Stage hiển thị thước Bạn di chuyển, khố, làm ẩn xố dịng Guide Ngồi bạn bắt dính đối tượng vào dòng Guide thay đổi màu cho dòng Guide
Chú ý : Bạn tạo dịng Guide tùy chọn khoảng cách dịng Guide khơng
Bạn làm xuất ẩn thước cách chọn trình đơn View > Rulers nhấn phím tắt Ctrl + Alt + Shift + R
Cách xác định đơn vị đo thước
1 Chọn trình đơn Modify > Movie
2 Chọn tùy chọn đơn vị đo có trình đơn phụ mục Ruler Units
Hiển thị làm ẩn mắc lưới Grid dịng Guide
• Chọn trình đơn View > Grid > Show Grid View > Guides > Show Guides để hiển thị mắc lưới hay dòng Guide
(44)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Hộp thoại Grid hộp thoại Guide
Chú ý : Nếu khung lưới chưa hiển thị lệnh Snap to Grid chọn bạn tạo dòng Guide Lúc đường Guide bắt dính vào khung lưới
Để tắt hay mở chế độ bắt dính khung lưới Grid đường Giude, bạn thực bước sau:
• Chọn trình đơn View > Grid > Snap to Grid View > Guides > Snap to Guides
• Chọn trình đơn View > Grid > Edit Grid View > Guides > Edit Guides đánh dấu kiểm vào hộp Snap to Grid hộp Snap to Guides Chú ý : Chế độ bắt dính vào dịng Guide xảy trước chế độ bắt dính khung lưới Grid nơi mà dòng Guide nằm dòng lưới
Cách xác định dung sai bắt dính cho Grid Guide
(45)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thay đổi màu cho Grid Guide:
Chọn trình đơn View > Grid > Edit Grid View > Guides > Edit Guides
Nhấp chuột vào hình tam giác kế hộp màu chọn màu có baûng palette
Theo mặc định màu khung lưới màu xám Màu mặc định đường Guide màu xanh
Thay đổi khoảng cách khung lưới Grid: Chọn trình đơn View > Grid
> Edit Grid
Trong hộp thoại Grid, nhập giá trị khoảng cách lưới theo đường ngang dọc Sau nhấp nút OK
Di chuyển đường Guide: Dùng công cụ Arrow để nhấp kéo đường Guide
Khoá xoá tất đường Guide : Chọn trình đơn View > Guides > Edit Guides sau chọn Lock Guides Clear All nhấp chuột chọn nút OK
Chú ý : Nút Clear All cửa sổ Guides xố tất đường Guide hành có Scene
Xoá đường Guide
(46)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Kéo đường Guide ngang phía thước nằm ngang để xố đường Giude
TÙY CHỌN PHÍM TẮT
Bạn tùy chọn phím tắt Flash để phù hợp với phím tắt chương trình khác để xếp hợp lý vùng làm việc Flash Theo mặc định, Flash dùng phím tắt gắn liền với chương trình Flash Ngồi bạn chọn phím tắt thiết lập từ chương trình đồ họa khác Fireworks, Adobe Illustrator Adobe Photoshop
Để tạo phím tắt tùy chọn, bạn chép phím tồn sau thêm hay xố phím tắt để tạo thành phím tắt Ngồi bạn xố phím tắt tùy chọn
(47)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Cách chọn phím tắt
1 Chọn trình đơn Edit > Keyboard Shortcuts
2 Trong hộp thoại Keyboard Shortcuts, chọn phím tắt trình đơn phụ Current Set
Cách tạo phím tắt
1 Chọn phím tắt mơ tả Nhấp chuột vào nút Duplicate Set
3 Nhập tên vào cho tên phím tắt nhấp chuột vào nút OK Cách đổi tên phím tắt tùy chọn
1 Trong hộp thoại Customize Shortcuts, chọn phím tắt trình đơn phụ Current Set
2 Nhấp chuột vào nút Rename Set
3 Trong hộp thoại Rename, nhập vào tên mục New name sau nhấp OK
(48)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Thêm xố phím tắt
1 Chọn trình đơn Edit > Keyboard Shortcuts chọn phím tắt bạn muốn thay đổi
2 Chọn Drawing Menu Commands, Drawing Tools Test Movie Menu Commands có trình đơn Commands để xem phím tắt mục chọn
3 Trong danh sách Commands, chọn lệnh muốn thêm xố phím tắt Một lời thích cho lệnh chọn xuất vùng Description hộp thoại
Lời thích cho mục chọn Rectangle mục Description
4 Thực bước sau:
• Để thêm phím tắt , nhấp chuột vào nút Add Shortcut (+)
• Để xố nút, nhấp chuột vào nút Remove Shortcut (-) tiến trình làm bước
(49)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chú ý : Nhập vào tổ hợp phím, phím đơn giản có bàn phím Bạn khơng cần nhập tên phím Control, Option v.v
6 Nhấp chuột vào nút Change
7 Lặp lại bước để thêm xoá phím tắt bổ sung Nhấp chuột vào nút OK
Cách xố phím tắt:
1 Chọn trình đơn Edit > Keyboard Shortcuts Trong hộp thoại Keyboard Shortcuts, nhấp chuột vào nút Delete Set
2 Trong hộp thoại Delete Set, chọn phím tắt nhấp nút Delete
Chú ý : Bạn khơng thể xố phim thiết lập sẵn Flash IN RA FILE FLASH KHI BẠN HIỆU CHỈNH ĐOẠN PHIM
Bạn in frame từ file FLA Flash bạn làm việc để xem hiệu chỉnh đoạn phim Ngồi bạn xác định frame để in Flash Player cách xem đoạn phim hiển thị Flash Khi in frame từ file FLA, bạn sử dụng hộp thoại Print để xác định loại Scene hay frame số lượng bạn muốn in
Trong Window, hộp thoại Page Setup xác định kích thước khổ giấy, định hướng xoay ngang khổ giấy nhiều tùy chọn in khác thiết lập mục canh lề cho tất trang Tất frame in thành trang Trong Macintosh, tùy chọn chia hộp thoại Page Setup hộp thoại Print Margins
(50)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Để thiết lập tùy chọn in ra:
1 Chọn trình đơn File > Page Setup (trong Windows) Hoặc File > Print Margins (trong Macintosh)
2 Thiết lập vị trí trang in Chọn tùy chọn Center để in frame trang
3 Trong trình đơn bậc xuống Frames, chọn in tất frame đoạn phim in frame đầu Scene
4 Trong trình đơn bậc xuống Layout, chọn tùy chọn sau:
Actual Size in kích thước thật frame Nhập vào giá trị tùy
chọn Scale để làm giảm kích thước phóng lớn frame in
Fit on One Page làm giảm kích thước phóng lớn frame in để
lắp đầy vùng trang in
Tùy chọn Storyboard in trang cho ảnh đồ họa Nhập vào số ảnh
(51)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Xem trước cách xếp Scene tờ giấy trước in Chọn trình đơn File > Print Preview
Caùch In caùc frame