Nhấp chọn màu viền cho đối tượng là màu trắng, nhấp chọn vào vùng màu tô chọn màu gradient.. Nhấp chọn tiếp vào mục Linear Gradient, tạo các con trượt màu bạn có thể xem trong các bài
Trang 1Nhấp đúp chuột vào keyframe cuối cùng trong Layer Actions và chọn trong bảng Frame Actions lệnh Go To tại vùng danh sách lệnh Basic Actions
Khi đó bạn sẽ thấy câu lệnh gotoAndPlay (1); xuất hiện
Nhấp chuột trở lại frame đầu tiên của Layer Actions này và nhấp đúp chuột vào lệnh
Trang 2THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY
Nhấp chuột vào vùng Scene1 tại góc trái trên của thanh thước Timeline để trở về giao diện chính của vùng làm việc Stage
Nhấp chuột vào biểu tượng Nut trong cửa sổ thư viện kéo vào vùng làm việc
Trang 3
Tạo Layer mới và kéo biểu tượng đoạn phim
movie clip hiển thị trong cửa sổ thư viện vào
vùng làm việc Nhấp chọn tiếp trên trình đơn
Window > Panels > Frame trong khi đoạn
phim đang chọn, nhấp chọn vào mục Name
và đặt tên là DOM SANG
Bây giờ bạn sẽ gán lệnh cho nút bằng cách nhấp chọn vào nút đó và chọn trên trình đơn
Window > Actions, nhấp đúp chuột chọn vào lệnh Tell Target
Trang 4THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY
Nhấp chọn tiếp vào nút Insert a target path tại góc phải dưới của bảng Object Actions Sau đó hộp thoại Insert Target xuất hiện
Nhấp chọn vào đoạn phim có tên DOM SANG sau đó nhấp chọn vào nút OK
Khi đó các câu lệnh trong bảng Object Actions cho đối tượng nút sẽ là:
on (release) {
tellTarget ("DOM SANG") {
Trang 5
Bây giờ con trỏ đang ở dòng lệnh tellTarget (“DOM SANG”) { nhấp chuột tiếp vào lệnh Play trong bảng danh sách lệnh Basic Actions Khi đó bạn sẽ các câu lệnh như sau:
on (release) {
tellTarget ("DOM SANG") {
play ();
}
}
Trang 6THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY
TẠ O FILLING PILL
Trong bài tập thực hành này bạn sẽ tạo ra một đối tượng dạng hình ống và vùng màu sẽ đổ từ trái sang để làm đầy đối tượng hình ống này Các bạn sẽ dùng nhiều lần công cụ
Rectangle Tool và pha chế màu Gradient Vì các đối tượng có dạng hình trụ hoặc hình ống nên
bạn dùng màu tô gradient sẽ trông thực hơn Các bước tiến hành như sau:
Nhấp chọn vào trìh đơn File > New để tạo mới file nếu bạn chưa có file mới trong vùng làm việc Nhấp chuột vào trình đơn Insert > New Symbol để tạo một symbol graphic Chọn các thuộc tính như sau vào trong hộp thoại Symbol Properties
Nhấp chọn vào công cụ Rectangle Tool và chọn vào vùng công cụ Round Rectangle Radius Nhập giá trị 20 points vào trong hộp thoại Rectangle Settings để vẽ hình chữ
nhật có các góc bo thật tròn
Nhấp chọn màu viền cho đối tượng là màu trắng, nhấp chọn vào vùng màu tô chọn màu gradient Bạn nên chọn màu gradient sáng có trong bảng phối màu như sau :
Nhấp chọn trên trình đơn Window > Panels
> Fill Nhấp chọn tiếp vào mục Linear
Gradient, tạo các con trượt màu (bạn có thể
xem trong các bài tập trước cách pha màu tô
Gradient) để có được các màu như hình bên 1 2 3 4
Trang 7Vẽ vào vùng làm việc đối tượng hình chữ nhật thẳng đứng, sau đó dùng công cụ Rotate của công cụ Arrow Tool để xoay đối tượng cho nó nằm ngang
Đối tượng sau khi xoay 900
Sau đó dùng công cụ Scale thu nhỏ kích thước
đối tượng này
Nhấp chuột trở lại Scene1 và chọn trên trình đơn Modify > Movie, nhập vào mục Dimension kích thước 216 x 72 px
Nhấp phải chuột vào biểu tượng ảnh graphic Ong nho
trong thư viện và chọn lệnh Duplicate Nhập vào tên
Khung rong trong hộp thoại Symbol Propeties
Nhấp đúp chuột vào cửa sổ thư viện của đối tượng vừa sao chép để hiệu chỉnh, sau đó nhấp đúp chuột vào đối tượng để chọn cả màu đường viền lẫn màu tô của đối tượng
Khung rong này
Trang 8THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY
Nhấp chọn tiếp vào trình đơn Window > Panels > Stroke, nhấp chọn vào trong hộp Stroke height để chọn giá trị là 3 Lúc này bạn hãy chọn màu cho đường viền là màu
xanh đậm
Nhấp chuột vào vùng màu tô bên trong màu viền và xoá đối tượng này đi
Tạo mới symbol có tên Thanh ong bằng cách nhấn phím Ctrl + F8 trong hộp thoại Symbol Properties chọn Graphic Dùng công cụ Rectangle Tool và nhấp chuột vào công cụ Round Rectangle Radius, trong hộp thoại Rectangle Settings nhập giá trị 0
Màu tô trên đối tượng này giống như màu trước đó và xoá màu viền đối tượng sau khi vẽ
Vẽ hình chữ nhật thẳng đứng sau đó dùng công cụ Rotate để xoay đối tượng theo phương
nằm ngang
Dùng công cụ Rotate xoay đối tượng nằm ngang
Bây giờ bạn nhấp chọn lại công cụ Rectangle Tool và nhấp chọn vào vùng công cụ Round Rectangle Radius Sau đó xác định giá trị trong hộp thoại Rectangle Settings là 20
Trang 9Lặp lại các bước trên để tạo được hình như sau, màu tô của đối tượng là màu trắng
Bây giờ bạn hãy di chuyển đối tượng này đặt chính xác lên trên đối tượng Thanh ong
Di chuyển đối tượng vào đúng vi trí giữa Bạn hãy xác định cho đối tượng nằm giữa đối tượng hình chữ nhật, sau đó xoá đối tượng có lớp màu trắng để hình chữ nhật bây giờ trông giống như sau
Đối tượng sau khi xoá lớp màu trắng
Dùng công cụ Scale kéo nhỏ kích thước của đối tượng, nhấp chọn biểu tượng có tên Khung rong vào trong vùng làm việc và đặt lên đối tượng khung nằm ngang sao cho đối tượng Khung rong là đường viền bên trong của đối tượng này
Dùng công cụ Scale kéo kích thước của đối tượng Khung rong sao cho
nó có kích thước bằng với kích thước của đối tượng màu trắng
Bây giờ bạn hãy tạo mới graphic có tên Cham tron (nhấn phím Ctrl + F8) và dùng công cụ Oval Tool vẽ vào vùng tròn có màu tô Gradient như sau, bạn hãy xoá đường màu
Trang 10THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY
Nhấp chọn trong trình đơn Window > Panels > Fill để hiển thị bảng Fill Khi bạn chọn màu tô gradient sẽ có hai con trượt màu hai bên trong bảng Fill
Nhấp chọn vào phía bên trái hoặc phải của bất kỳ con trượt nào và kéo sang trái hay phải để thêm vào một con trượt khác - con trượt thứ ba Muốn xoá một con trượt màu bạn chỉ
cần kéo con trượt đó xuống bên duới đáy bảng Fill
1 2 3
Con trượt bên trái (1) chọn màu trắng, con trượt giữa (2) chọn màu đỏ có giá trị màu hexa
là #F20000 và con trượt bên phải (3) chọn màu đen
Sau đó bạn hãy vẽ vào một vòng tròn có kích thước rất nhỏ, dùng công cụ Zoom Tool phóng lớn vùng làm việc lên đến 900% và vẽ đối tượng như hình bên dưới
Bây giờ bạn hãy tạo mới một symbol graphic có tên Tru dung (nhấn phím Ctrl + F8) và dùng công cụ Rectangle Tool, nhấp chọn vào vùng công cụ Round Rectangle Radius Sau đó xác định giá trị trong hộp thoại Rectangle Settings là 0