1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Chuong 1 Tong quan ve Flash

51 3 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 51
Dung lượng 2,45 MB

Nội dung

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

Ngày đăng: 20/04/2021, 01:37

w