GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 8 Tô màu từng vùng chọn Instance của Symbol: 1. Chọn Instance trong vùng Stage. 2. Chọn trên trình đơn Modify > Break Apart . Điều này sẽ làm phá vỡ Instance thành các thành phần riêng biệt. 3. Sau đó dùng công cụ vẽ và tô màu để thay đổi các thành phần mong muốn. Ảnh ban đầu và ảnh chọn lệnh Break Apart CÁCH NHẬN BIẾT THÔNG TIN VỀ CÁC INSTANCE TRONG VÙNG STAGE Khi bạn tạo ra một đoạn phim, có thể khó xác đònh một Instance đặc biệt của một Symbol trong vùng Stage, nhất là nếu bạn đang làm việc với nhiều Instance của cùng một Symbol. Bạn có thể xác đònh các Instance dùng bảng Instancel, Info panel hoặc Movie Explorer. Tất cả các bảng hiển thò tên của các Instance được chọn và các biểu tượng cho biết được Instance đó là Graphic, Button hoặc Movie Clip. Ngoài ra, bạn có thể xem các thông tin sau: Trong bảng Instance, bạn có thể xem các hành vi (Behavior) và các chế độ thiết lập của Instance đó. Đối với Instance là Graphics, chế độ Loop và độ dài của Symbol trong các frame. Đối với Button (Nút), tùy chọn Tracking và đối với Movie Clip là chiều dài của đoạn Movie Clip. Trong bảng Info, bạn có thể xem vò trí và kích thước của một Instance được chọn. Bảng Movie Explorer TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 188 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 8 ♦ ♦ ♦ ♦ Trong bảng Movie Explorer, bạn có thể xem nội dung của đoạn phim hiện hành, gồm có các Instance và các Symbol. Bạn có thể xem lại mục “Cách dùng bảng Movie Explorer” để biết thêm chi tiết. Ngoài ra trong bảng Actions, bạn có thể xem bất kỳ các Action nào được gán vào một Graphic, Button hoặc Movie Clip. Nhận biết thông tin về một Instance trong vùng Stage: 1. Chọn một Instance trong vùng Stage. 2. Để hiển thò bảng bạn cần dùng, bạn có thể thực hiện những thao tác sau đây: Chọn trong trình đơn Window > Panels > Instance hoặc nhấn phím Alt và nhấp đúp chuột (trong Windows) hoặc nhấn phím Option + nhấp đúp chuột (trong Macintosh) vào Instance được chọn để hiển thò bảng Instance. Chọn trong trình đơn Window > Panels > Info để hiển thò bảng Info. Chọn trong trình đơn Window > Actions để hiển thò bảng Actions. Chọn trong trình đơn Window > Movie Explorer để hiển thò bảng Movie Explorer. Một Instance Movie Clip và các thông tin hiển thò trong bảng Instance, Info, Movie Explorer và bảng Actions Xem mục Symbol Definition cho Symbol được chọn trong bảng Movie Explorer: Nhấp chuột vào nút Show Buttons, Movie Clips và Graphics bên trên trong bảng Movie Explorer. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 189 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 CÁCH DÙNG LAYER TỔNG QUAN VỀ CÁCH DÙNG LAYER Layer giống như các tờ giấy trong suốt xếp chồng lên nhau. Khi bạn tạo ra một đoạn phim mới trong Flash, nó tạo một Layer. Bạn có thể thêm vào nhiều Layer để sắp xếp các ảnh, ảnh chuyển động và các thành phần khác trong đoạn phim. Bạn có thể vẽ và hiệu chỉnh các đối tượng trong một Layer mà không ảnh hưởng đến các đối tượng trong những Layer khác. Khi không có đối tượng nào trên Layer đầu tiên, bạn có thể thấy xuyên qua Layer bên dưới nó. Số lượng Layer bạn có thể tạo ra không giới hạn, chỉ tùy thuộc vào bộ nhớ máy tính của bạn và các Layer này không làm tăng kích thước file khi bạn xuất đoạn phim. Bạn có thể làm ẩn, khoá hoặc cho hiển thò nội dung của Layer đó ra bên ngoài cũng như có thể thay đổi trật tự của các Layer này. Ngoài ra, bạn có thể dùng các Guide Layer để tạo cho việc vẽ và hiệu chỉnh dễ dàng hơn và các Mask Layer giúp bạn tạo ra các hiệu ứng phức tạp. Thật là tuyệt diệu nếu bạn dùng các Layer độc lập cho các file âm thanh, action, nhãn frame (Frame Label) và lời chú thích cho frame (Frame Comment). Điều này sẽ giúp bạn tìm thấy những mục Item này nhanh chóng khi bạn cần hiệu chỉnh chúng. Để biết thêm về cách sử dụng Layer, bạn có thể chọn phần trợ giúp bằng tiếng Anh trong trình đơn Help > Lessons > Layers hay xem các bài tập thực hành trong “Giáo trình thiết kế Web : Phần thực hành – Tự học Macromedia Flash 5 bằng hình ảnh” cùng tác giả. TẠO LAYER Khi bạn tạo ra một Layer mới, nó xuất hiện bên trên Layer được chọn. Một Layer được thêm vào mới hoàn toàn trở thanh Layer đang hoạt động. Để tạo một Layer, bạn thực hiện một trong những cách sau đây: Nhấp chuột vào nút Insert Layer tại bên dưới thanh thước Timeline. ♦ Chọn trên trình đơn Insert > Layer . ♦ ♦ Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) bên dưới tên của Layer trong thanh thước Timeline và chọn lệnh Insert Layer có trong trình đơn. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 152 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 XEM CÁC LAYER Khi bạn làm việc, bạn có thể hiển thò hay làm ẩn các Layer. Một dấu X đỏ bên cạnh tên Layer cho biết rằng Layer đó đang được ẩn. Các Layer ẩn được giữ lại khi đoạn phim được xuất ra. Tuy nhiên, bạn không thể hiệu chỉnh những Layer ẩn này trong file SWF nếu bạn mở file SWF này trong Flash. Để giúp bạn phân biệt được Layer của các đối tượng thuộc loại nào, bạn có thể hiển thò tất cả các đối tượng trong một Layer như đường viền màu. Bạn có thể thay đổi màu viền của mỗi Layer. Bạn có thể thay đổi độ cao của Layer trong thanh thước Timeline để hiển thò thêm nhiều thông tin (như sóng âm thanh) trong thanh thước Timeline. Layer 13 có đường viền màu đỏ Ngoài ra bạn cũng có thể thay đổi số Layer hiển thò trong thanh thước Timeline. Hiển thò hoặc ẩn một Layer, bạn có thể thực hiện một trong những cách sau đây: ♦ Nhấp chuột vào cột có biểu tượng con mắt Eye bên phải tên Layer để làm ẩn Layer đó. Nhấp chuột lại một lần nữa để hiển thò trở lại Layer đó. ♦ Nhấp chuột vào biểu tượng con mắt để dấu tất cả các Layer. Nhấp chuột tại con mắt đó một lần nữa để hiển thò những Layer này trở lại. Kéo chuột ngang cột con mắt để hiển thò hoặc ẩn nhiều Layer. ♦ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 153 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 ♦ ♦ Nhấn phím Alt và nhấp chuột (trong Windows) hoặc nhấn Option (trong Macintosh) tại cột con mắt Eye bên phải tên Layer để làm ẩn tất cả các Layer. Nhấn phím Alt và nhấp chuột hoặc nhấn Option và nhấp chuột vào nó một lần nữa để hiển thò tất cả các Layer. Xem nội dung của Layer viền ngoài (Outline), bạn có thể thực hiện một trong những cách sau đây: Nhấp chuột vào biểu tượng viền ngoài để hiển thò tất cả các Layer đường viền. Nhấp chuột vào vò trí đó lần nữa để tắt chế độ hiển thò các đường viền của các đối tượng trong tất cả các layer. Trước khi nhấp chuột vào nút Outline, sau khi nhấp chuột vào nút Outline Ảnh ban đầu và ảnh sau khi nhấp chuột chọn cột Outline ♦ Nhấp chuột vào cột Outline bên phải tên của Layer để hiển thò tất cả các đường viền của đối tượng có trong Layer đó. Nhấp chuột vào vò trí đó lần nữa để tắt chế độ hiển thò các đường viền của đối tượng. Nhấn phím Alt và nhấp chuột (trong Windows) hoặc trong Option và nhấp chuột (trong Macintosh) vào cột Outline bên phải tên Layer để hiển thò viền ngoài các đối tượng trong tất cả các layer khác. Nhấn phím Alt và nhấp chuột hoặc Option để tắt chế độ hiển thò các đường viền của đối tượng. ♦ Thay đổi màu viền trên Layer của các đối tượng: 1. Thực hiện một trong những cách sau : TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 154 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 ♦ Nhấp đúp chuột vào biểu tượng Layer (biểu tượng bên trái của tên Layer) trong thanh thước Timeline. Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tên của Layer và chọn lệnh Properties có trong trình đơn . ♦ ♦ Nhấp chuột chọn Layer trong thanh thước Timeline và chọn trên trình đơn Modify > Layer . 2. Trong hộp thoại Layer Properties , nhấp chuột vào hộp màu Outline Color và chọn một màu mới, nhập giá trò số màu hexa hoặc nhấp chuột vào nút màu Color Picker và chọn một màu mong muốn. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 155 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 ♦ 3. Sau khi chọn xong, nhấp chuột vào nút OK. Thay đổi độ cao của Layer trong thanh thước Timeline. 1. Bạn có thể thực hiện một trong những cách sau đây: Nhấp đúp chuột vào biểu tượng Layer (biểu tượng bên trái của tên Layer) trong thanh thước Timeline để hiển thò bảng Properties. Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại vùng tên của Layer và chọn lệnh Properties có trong trình đơn . ♦ ♦ Chọn Layer trong thanh thước Timeline và chọn trên trình đơn Modify > Layer . 2. Trong hộp thoại Layer Properties, nhấp chuột vào mục Layer Height và chọn một tùy chọn sau đó nhấp chuột vào nút OK. Thay đổi số lượng Layer được hiển thò trong thanh thước Timeline Bằng cách kéo thanh bar từ trên thanh thước Timeline xuống vùng Stage. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 156 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 Kéo thanh bar trên thanh thước Timeline để hiển thò số lượng Layer HIỆU CHỈNH CÁC LAYER Để vẽ hoặc tô màu hay thay đổi một Layer, bạn chọn Layer mong muốn để kích hoạt nó. Một biểu tượng cây viết chì xuất hiện kế bên tên của Layer cho biết rằng, Layer đó đang được kích hoạt. Mỗi một lần chỉ có một Layer được kích hoạt (cho dù nhiều Layer có thể được chọn cùng lúc). Bạn có thể đổi tên, sao chép và xoá Layer. Bạn có thể khoá các Layer để tránh việc hiệu chỉnh và có thể thay đổi trật tự của những Layer này. Theo mặc đònh các Layer mới có tên là Layer 1, Layer 2 và v.v. . . Bạn có thể đổi tên Layer này phù hợp với nội dung của Layer đó. Bạn có thể hiển thò hoặc làm ẩn nội dung của Layer viền ngoài trong khi hiệu chỉnh các Layer khác để giữ cho vùng làm việc gọn gàng hơn. Chọn một Layer, bạn có thể thực hiện một trong những cách sau đây : Nhấp chuột vào tên của Layer trong thanh thước Timeline. ♦ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 157 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 ♦ ♦ ♦ ♦ Nhấp chuột vào một frame trong thanh thước Timeline của Layer bạn muốn chọn. Chọn một đối tượng trong vùng Stage nằm trong Layer bạn muốn chọn. Chọn hai hoặc nhiều Layer, bạn có thể thực hiện một trong những cách sau đây: Nhấn phím Shift và nhấp chuột vào tên của Layer để chọn các Layer liên tiếp nhau trong thanh thước Timeline. Nhấn phím Ctrl (trong Windows) hoặc (trong Macintosh) và nhấp chuột vào tên của Layer để chọn các Layer liên tiếp nhau trong thanh thước Timeline. Chọn các Layer không liên tiếp nhau Đổi tên Layer, bạn có thể thực hiện một trong những cách sau đây: Nhấp đúp chuột vào tên của Layer và nhập vào tên mới. ♦ ♦ Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) vào tên của Layer và chọn lệnh Properties có trong trình đơn. Nhập vào tên mới có trong hộp thoại ký tự Name, sau đó nhấp chuột vào nút OK. Chọn layer trong thanh thước Timeline và chọn trong trình đơn Modify > Layer . Trong hộp thoại Layer Properties. Nhập vào tên mới có trong hộp thoại ký tự Name, sau đó nhấp chuột vào nút OK. ♦ Sao chép Layer: 1. Nhấp chuột vào tên của Layer để chọn toàn bộ Layer đó. 2. Chọn trên trình đơn Edit > Copy Frames . TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 158 . trong trình đơn Help > Lessons > Layers hay xem các bài tập thực hành trong Giáo trình thiết kế Web : Phần thực hành – Tự học Macromedia Flash 5 bằng hình ảnh” cùng tác giả. TẠO LAYER. PHẠM QUANG HUY 189 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 7 CÁCH DÙNG LAYER TỔNG QUAN VỀ CÁCH DÙNG LAYER Layer giống như các tờ. dùng các Guide Layer để tạo cho việc vẽ và hiệu chỉnh dễ dàng hơn và các Mask Layer giúp bạn tạo ra các hiệu ứng phức tạp. Thật là tuyệt diệu nếu bạn dùng các Layer độc lập cho các file âm