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 Khi bạn Tween màu này, bạn nhập vào từng chế độ thiết lập hiệu ứng khác nhau cho frame đầu và frame cuối của một Instance và sau đó Tween các chế độ thiết lập này để tạo ra vùng chuyển đổi màu của Instance trong suốt quá trình chuyển động. Tweening dần dần thay đổi màu và màu trong suốt của một Instance Chú ý: Nếu bạn ứng dụng một hiệu ứng cho một đoạn Movie Clip gồm có nhiều frame, Flash sẽ ứng dụng hiệu ứng đó cho mỗi frame trong đoạn Movie Clip đó. Cách thay đổi màu và màu trong suốt của một Instance: 1. Chọn Instance trong vùng Stage và sau đó chọn trên trình đơn Window > Panels > Effect . Ngoài ra, bạn cũng có thể nhấn phím Alt và nhấp đúp chuột (trong Windows) hoặc nhấn phím Option và nhấp đúp chuột (trong Macintosh) vào Instance trong vùng Stage để làm xuất hiện bảng Instance sau đó nhấp chuột vào tab Effect. 2. Sau đó bạn có thể chọn một trong những tùy chọn sau có trong bảng Effect: • Mục Brightness hiệu chỉnh độ sáng và độ tối tương đối trong ảnh, có giá trò chọn từ màu đen (-100%) sang màu trắng (100%). • Mục Tint tô cùng màu Hue cho Instance. • Sử dụng con trượt Tint ở góc phải trên trong bảng để thiết lập tỉ lệ phần trăm màu Tint có giá trò từ 1% là màu trong suốt (Transparency) đến 100% là màu không hoà trộn màu trắng vào trong đối tượng. Để chọn một màu, bạn hãy nhập giá trò vào mục Red, Green và Blue trong hộp ký tự riêng biệt hoặc kéo các con trượt hoặc dùng hộp màu Color Picker bên dưới. • Mục Alpha hiệu chỉnh chế độ màu trong suốt của Instance. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 184 . 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 • Mục Advanced hiệu chỉnh các giá trò Red, Green, Blue và màu trong suốt (Transparency) của một Instance. Các thiết lập này rất có hiệu quả khi bạn muốn tạo ra các hiệu ứng màu mờ mờ ảo ảo trên các đối tượng như là ảnh Bitmap. Các điều khiển bên trái cho phép bạn giảm các giá trò màu và màu trong suốt bằng cách xác đònh giá trò phần trăm. Các điều khiển bên phải cho phép bạn tăng hoặc giảm giá trò màu và màu trong suốt bằng một giá trò màu biến thiên. Các giá trò Red, Green, Blue và Alpha hiện hành được nhân lên bằng giá trò phần trăm và sau đó thêm vào các giá trò màu biến thiên trong cột phải, tạo ra các giá trò màu mới. Ví dụ, nếu giá trò màu đỏ Red hiện hành là 100, bạn thiết lập con trượt bên trái là 50% và con trượt bên phải là 100 tạo ra một giá trò màu đỏ mới là Red = 150 ((100 x .5) + 100 = 150). Khi bạn tạo ra bất kỳ sự thay đổi nào, Flash sẽ tự cập nhật những thay đổi của bạn trong vùng Stage ngay lập tức. Ngoài ra bạn cũng có thể thay đổi màu dùng đối tượng ActionScript Color. Để biết thêm chi tiết bạn có thể chọn mục ActionScript Help. THAY THẾ MỘT INSTANCE BẰNG MỘT SYMBOL KHÁC Việc gán một Symbol khác cho một Instance sẽ xuất hiện một Instance khác trong vùng Stage trong khi đó vẫn giữ lại các thuộc tính Instance ban đầu (như các hiệu ứng màu và các Action của nút) không thay đổi. Ví dụ, bạn đang tạo ra một ảnh hoạt hình với biểu tượng Symbol là con chuột cho nhân vật của bạn nhưng sau đó bạn quyết đònh thay đổi nhân vật này thành con mèo. Bạn nên chuyển đổi Symbol con chuột sang Symbol con mèo và nhân vật mèo này được cập nhật các thuộc tính từ chuột xuất hiện trong cùng một vò trí trong tất cả các frame. Thay thế một instance bằng một symbol khác: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 185 . 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 1. Chọn một Instance trong vùng Stage và chọn trên trình đơn Window > Panels > Instance . Ngoài ra, bạn cũng có thể nhấn phím Alt và nhấp đúp chuột (trong Windows) hoặc nhấp phím Option và nhấp đúp chuột (trong Macintosh) vào Instance trong vùng Stage để làm xuất hiện bảng Instance. 2. Sau đó nhấp chuột vào nút Swap Symbol tại dưới cùng trong bảng Instance. 3. Trong hộp thoại Swap Symbol, chọn một Symbol mà bạn sẽ thay thế một Instance hiện hành. Để sao chép một Symbol đã chọn, bạn hãy nhấp chuột vào nút Duplicate Symbol tại bên dưới hộp thoại. Nút Duplicate Symbol cho phép bạn tạo ra một Symbol mới dựa vào một Symbol đang tồn tại trong thư viện và tạo ra bảng sao nhỏ nếu bạn tạo nhiều Symbol khác nhau chút ít. Nhấp chuột vào nút Duplicate Symbol sẽ xuất hiện hộp thoại Symbol Name cho phép bạn đặt tên Symbol mới này. THAY ĐỔI LOẠI INSTANCE Bạn có thể thay đổi một loại của Instance để xác đònh lại hành vi của nó trong đoạn phim. Ví dụ như, nếu một Instance là Graphic chứa ảnh chuyển động mà bạn muốân chúng diễn hoạt độc lập trong đoạn phim trên Timeline, bạn có thể xác đònh lại Instace Graphic này là Instance Movie Clip. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 186 . 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 Cách thay đổi loại Instance: 1. Chọn một Instance trong vùng Stage và chọn trên trình đơn Window > Panels > Instance . Ngoài ra, bạn cũng có thể nhấn phím Alt và nhấp đúp chuột (trong Windows) hoặc nhấp phím Option và nhấp đúp chuột (trong Macintosh) vào Instance trong vùng Stage để làm xuất hiện bảng Instance . 2. Trong mục Behavior, chọn Movie Clip, Button hoặc Graphic,. THIẾT LẬP CHẾ ĐỘ CHUYỂN ĐỘNG CHO CÁC GRAPHIC INSTANCE Bạn có thể xác lập quá trình chuyển động bên trong một Instance graphic bằng cách thiết lập các tùy chọn trong bảng Instance. Một Symbol Graphic chuyển động kết hợp với thanh thước Timeline của đoạn phim mà trong đó Symbol được đặt vào. Trái lại, một Symbol Movie Clip có thanh thước Timeline độc lập riêng biệt. Vì chúng dùng cùng Timeline như là đoạn phim chính, các Symbol Graphic chuyển động hiển thò trong chế độ chuyển động trong chế độ Movie-editing. Các Symbol Movie Clip xuất hiện các đối tượng tónh trong vùng Stage và không xuất hiện chế độ chuyển động trong môi trường hiệu chỉnh Flash. Thiết lập chế độ chuyển động của một Instance Graphic: 1. Chọn một Instance trong vùng Stage và chọn trên trình đơn Window > Panels > Instance . Ngoài ra, bạn cũng có thể nhấn phím Alt và nhấp đúp chuột (trong Windows) hoặc nhấn phím Option và nhấp đúp chuột (trong Macintosh) vào Instance trong vùng Stage để làm xuất hiện bảng Instance. 2. Chọn một tùy chọn chuyển động có trong trình đơn xổ xuống trong bảng Instance Type: Chọn mục Loop sẽ lặp lại tất cả quá trình chuyển động của Instance hiện hành. ♦ ♦ ♦ Play Once xác đònh quá trình chuyển động bắt đầu từ frame bạn xác đònh cho đến frame cuối cùng và sau đó dừng lại. Single Frame hiển thò một frame khi chuyển động. Xác đònh frame hiển thò. TÔ MÀU TỪNG VÙNG CHỌN (BREAK APART) TRONG MỘT INSTANCE Để phá vỡ mối liên kết giữa Instance, một Symbol và làm cho Instance trở thành một vùng chọn của các đối tượng và các đường chưa nhóm, bạn tô màu từng vùng chọn cho Instance. Việc thực hiện này rất có ích cho việc thay đổi Instance mà không làm ảnh hưởng đến các Instance khác. Nếu bạn thay đổi Symbol gốc sau khi chọn lệnh Break Apart Instance, Instance đó sẽ không cập nhật được những thay đổi này. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 187 . 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 . . PHẠM QUANG HUY 1 85 . 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 1. Chọn một Instance trong vùng Stage và chọn trên trình đơn Window >. 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. 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