Giáo trình hình thành tool ứng dụng arrow tool để tạo14 chuyển động trong scene

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH Giáo trình hình thành tool ứng dụng arrow tool đểCHƯƠNG tạo14 chuyển động scene TWEEN HÌNH CHUYỂN ĐỘNG Trong tập bạn hướng dẫn cách tạo đối tượng chuyển động cách Tween hình Đây phần mở đầu mà bạn thiết kế hoạt hình Flash cần phải quen thuộc Trong tập bạn tạo vòng tròn có màu di chuyển từ trái sang phải Các bước tiến hành sau: Khởi động chương trình Flash, nhấp chuột vào Start > Programs > Macromedia Flash > Flash Cửa sổ làm việc xuất mở file có tên Movie1 Con trượt thước Timeline keyframe thứ Layer1 Giao diện vùng làm việc Flash TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 298 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Chọn trình đơn File > Save hay Save As Sau nhấp chuột vào mục File name hộp thoại Save As đặt tên cho file “Tween -1” Sau nhập xong nhấp chuột vào nút Save Bây bạn nhấp chuột vào công cụ Oval Tool từ bảng công cụ nhấn phím O bàn phím để kích hoạt công cụ vẽ Sau nhấp chuột vào cửa sổ hình làm việc kéo chuột bạn tạo vòng tròn vừa ý Con trỏ chuột biến đổi thành hình tròn chữ thập Bạn chọn màu để tô màu muốn đổi màu cho vòng tròn nhấp chuột vào hộp màu Fill Color chọn màu tô màu cho đối tượng Giả sử chọn màu xanh (Blue) có bảng màu TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 299 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Nhấp chuột chọn công cụ Arrow Tool hộp công cụ hay nhấn phím V bàn phím Sau bạn nhấp đúp chuột vào đối tượng vòng tròn để chọn đường viền vòng tròn Lúc Timeline khung keyframe, vạch màu đỏ tượng trưng cho vò trí đầu phát keyframe thứ Bạn nhấp chuột vào keyframe thứ Layer1 Chọn trình đơn Insert > Create Motion Tween Đối tượng xuất đường khung màu xanh nhạt bao quanh đối tượng với dấu cộng vòng tròn Ở cửa sổ keyframe, bạn nhấp chuột keyframe mong muốn di chuyển vòng tròn đến vò trí (ở nhấp chuột keyframe 30) Khi nhấp chuột vào keyframe vừa chọn vệt màu đen xuất bên thước Timeline TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 300 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Chú ý : Bạn phải nhấp chuột tương ứng với Layer hành chọn Bạn không nên nhấp chuột lên phía xuống phía 10 Bây bạn chọn trình đơn Insert > Keyframe nhấn phím F6 để tạo đường chuyển động cho đối tượng Sau Layer1 hành có đường mũi tên từ keyframe thứ hướng đến keyframe 30 xuất Chú ý : Để di chuyển vòng tròn chạy theo phương nằm ngang (hay phương khác xác hơn) bạn nên cho xuất ô lưới hình làm việc cách chọn trình đơn View > Grid > Show Grid hay nhấn phím Ctrl + phím dấu nháy đơn (‘) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 301 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 11 Bây bạn nhấp chuột vào keyframe cuối thước Timeline Sau kéo vòng tròn đến vò trí nơi mà bạn muốn đối tượng dừng chuyển động Chú ý : Nếu bạn muốn vò trí nằm ngang thẳng hàng so với điểm ban đầu, bạn nhớ nhấn thêm phím Shift di chuyển vòng tròn Vòng tròn vò trí đầu (bên trái) vò trí cuối chuyển động 12 Cuối bạn nhấn phím Enter bàn phím hay nhấn nút Play công cụ Controller để xem kết vừa thực Nếu vòng tròn diễn hoạt từ điểm đầu đến điểm cuối bạn thành công Đoạn phim diễn hoạt keyframe thứ 20 13 Chọn trình đơn File > Save để lưu file lại TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 302 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 TẠO HAI VÒNG TRÒN CHUYỂN ĐỘNG NGƯC CHIỀU NHAU Bài tập tương tự tập tạo hai vòng tròn chạy ngược chiều Trong tập ta tạo vòng tròn màu xanh chạy từ trái sang phải, bạn tiếp tục làm theo bước sau để tạo vòng tròn màu đỏ chạy ngược lại từ phải sang trái Mở lại file vừa lưu với tên file Tween-1 vừa thực hành Tạo thêm Layer cách chọn trình đơn Insert > Layer hay nhấp chuột vào nút dấu cộng bên tên Layer thước Timeline Layer2 xuất vùng bôi đen cho biết hành bạn làm việc Layer2 Nhấp chuột vào keyframe thứ Layer2 Bạn chọn công cụ Oval Tool hộp công cụ Sau nhấn giữ phím Shift vẽ vòng tròn màu đỏ góc phải vùng làm việc Các bước tiến hành tạo chuyển động cho vòng tròn đỏ từ phải sang trái tương tự tập Nhấp chuột vào keyframe thứ Layer2 chọn trình đơn Insert > Create Motion Tween TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 303 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Nhấp chuột vào keyframe thứ Layer2 Nhấp chuột vào keyframe cuối Layer2 (keyframe 30) Sau nhấp chuột vào vòng tròn màu đỏ kéo sang trái Cuối bạn nhấn phím Enter hay chọn trình đơn Control > Play hay chọn Control > Test Movie để diễn hoạt đoạn phim Flash Player Đoạn phim diễn hoạt TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 304 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Giả sử đoạn phim bạn vừa thực ý đồ thiết kế, bước lại bạn xuất đoạn phim đònh dạng file (format) mong muốn Các bước tiến hành sau: Vào trình đơn File > Export Movie hay dùng phím tắt Ctrl + Alt + Shift + S để mở hộp thoại Export Movie Chọn đònh dạng file cần lưu mục Save as type Chỉ đường dẫn thư mục chứa file mục Save in (ở ta chọn thư mục My Documents) 10 Nhập tên file vào mục File name 11 Theo mặc đònh Flash lưu file vừa tạo đònh dạng swf Nếu bạn muốn lưu file đònh dạng khác nhấp vào mũi tên hướng xuống mục Save as type để chọn đònh dạng thích hợp 12 Một danh sách đònh dạng file hiển thò cho bạn chọn Ở giả sử chọn đònh dạng gif động (Animated GIF) để đưa vào trang Web FrontPage Trở cửa sổ Export Movie nhập tên file (ở đặt tên Tween-2) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 305 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 13 Cửa sổ Export GIF xuất Chọn giá trò mặc đònh mục Width (chiều rộng), Height (chiều cao) mục Dimensions có giá trò với giá trò chọn ban đầu Modify > Movie 14 Bạn nhấp nhận giá trò mặc đònh mục chọn Dimensions, nhấp chuột vào nút OK để tiến hành xuất đoạn phim Hãy vào cửa sổ Explorer hay Norton để coi kích thước file xuất Các bạn có nhận xét kích thước không - chúng nhỏ so với chương trình làm hoạt hình khác? TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 306 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 THỰC HIỆN ĐOẠN PHIM BIẾN HÌNH TỪ HÌNH TRÒN BIẾN DẠNG THÀNH CÁI NƠ Khởi động Flash 5, mở tập tin Tạo đường lưới cho hình làm việc, cách chọn View > Grid > Show Grid Khi bạn nhấp chuột chọn lệnh Show Grid xem chấp nhận giá trò mặc đònh đường lưới, cửa sổ làm việc lúc giống hình bên Chú ý : Nếu bạn muốn chỉnh sửa đường lưới, chọn View > Grid > Edit Grid Cửa sổ Grid xuất hiện, lúc bạn hiệu chỉnh màu cho đường lưới mục Color độ dài rộng ô lùi (ở độ dài rộng ô lưới 15) Chọn công cụ Oval Tool (T) hộp công cụ để vẽ hình tròn keyframe1 Layer1 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 307 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Tô màu vùng chọn Instance Symbol: Chọn Instance vùng Stage Chọn trình đơn Modify > Break Apart Điều làm phá vỡ Instance thành thành phần riêng biệt Sau dùng công cụ vẽ tô màu để thay đổi thành phần mong muốn Ảnh ban đầu ả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 đoạn phim, khó xác đònh Instance đặc biệt Symbol vùng Stage, bạn làm việc với nhiều Instance Symbol Bạn xác đònh Instance dùng bảng Instancel, Info panel Movie Explorer Tất bảng hiển thò tên Instance chọn biểu tượng cho biết Instance Graphic, Button Movie Clip Ngoài ra, bạn xem thông tin sau: Trong bảng Instance, bạn xem hành vi (Behavior) chế độ thiết lập Instance Đối với Instance Graphics, chế độ Loop độ dài Symbol frame Đối với Button (Nút), tùy chọn Tracking Movie Clip chiều dài đoạn Movie Clip Trong bảng Info, bạn xem vò trí kích thước Instance chọn Bảng Movie Explorer TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 188 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Trong bảng Movie Explorer, bạn xem nội dung đoạn phim hành, gồm có Instance Symbol Bạn xem lại mục “Cách dùng bảng Movie Explorer” để biết thêm chi tiết Ngoài bảng Actions, bạn xem Action gán vào Graphic, Button Movie Clip Nhận biết thông tin Instance vùng Stage: Chọn Instance vùng Stage Để hiển thò bảng bạn cần dùng, bạn thực thao tác sau đây: ♦ Chọn trình đơn Window > Panels > Instance nhấn phím Alt nhấp đúp chuột (trong Windows) nhấn phím Option + nhấp đúp chuột (trong Macintosh) vào Instance chọn để hiển thò bảng Instance ♦ Chọn trình đơn Window > Panels > Info để hiển thò bảng Info ♦ Chọn trình đơn Window > Actions để hiển thò bảng Actions ♦ Chọn trình đơn Window > Movie Explorer để hiển thò bảng Movie Explorer Một Instance Movie Clip thông tin hiển thò bảng Instance, Info, Movie Explorer bảng Actions Xem mục Symbol Definition cho Symbol chọn bảng Movie Explorer: Nhấp chuột vào nút Show Buttons, Movie Clips Graphics bên bảng Movie Explorer TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 189 BIÊN SOẠN : KS PHẠM QUANG HUY 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 CÁCH DÙNG LAYER TỔNG QUAN VỀ CÁCH DÙNG LAYER Layer giống tờ giấy suốt xếp chồng lên Khi bạn tạo đoạn phim Flash, tạo Layer Bạn thêm vào nhiều Layer để xếp ảnh, ảnh chuyển động thành phần khác đoạn phim Bạn vẽ hiệu chỉnh đối tượng Layer mà không ảnh hưởng đến đối tượng Layer khác Khi đối tượng Layer đầu tiên, bạn thấy xuyên qua Layer bên Số lượng Layer bạn tạo không giới hạn, tùy thuộc vào nhớ máy tính bạn Layer không làm tăng kích thước file bạn xuất đoạn phim Bạn làm ẩn, khoá cho hiển thò nội dung Layer bên thay đổi trật tự Layer Ngoài ra, bạn dùng Guide Layer để tạo cho việc vẽ hiệu chỉnh dễ dàng Mask Layer giúp bạn tạo hiệu ứng phức tạp Thật tuyệt diệu bạn dùng Layer độc lập cho file âm thanh, action, nhãn frame (Frame Label) lời thích cho frame (Frame Comment) Điều giúp bạn tìm thấy mục Item nhanh chóng bạn cần hiệu chỉnh chúng Để biết thêm cách sử dụng Layer, bạn chọn phần trợ giúp tiếng Anh trình đơn Help > Lessons > Layers hay xem tập thực hành “Giáo trình thiết kế Web : Phần thực hành – Tự học Macromedia Flash hình ảnh” tác giả TẠO LAYER Khi bạn tạo Layer mới, xuất bên Layer chọn Một Layer thêm vào hoàn toàn trở Layer hoạt động Để tạo Layer, bạn thực cách sau đây: ♦ Nhấp chuột vào nút Insert Layer bên thước Timeline ♦ Chọn trình đơn Insert > Layer ♦ Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) bên tên Layer thước Timeline chọn lệnh Insert Layer có trình đơn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 152 BIÊN SOẠN : KS PHẠM QUANG HUY 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 XEM CÁC LAYER Khi bạn làm việc, bạn hiển thò hay làm ẩn Layer Một dấu X đỏ bên cạnh tên Layer cho biết Layer ẩn Các Layer ẩn giữ lại đoạn phim xuất Tuy nhiên, bạn hiệu chỉnh Layer ẩn file SWF bạn mở file SWF Flash Để giúp bạn phân biệt Layer đối tượng thuộc loại nào, bạn hiển thò tất đối tượng Layer đường viền màu Bạn thay đổi màu viền Layer Bạn thay đổi độ cao Layer thước Timeline để hiển thò thêm nhiều thông tin (như sóng âm thanh) thước Timeline Layer 13 có đường viền màu đỏ Ngoài bạn thay đổi số Layer hiển thò thước Timeline Hiển thò ẩn Layer, bạn thực cách sau đây: ♦ ♦ ♦ Nhấp chuột vào cột có biểu tượng mắt Eye bên phải tên Layer để làm ẩn Layer Nhấp chuột lại lần để hiển thò trở lại Layer Nhấp chuột vào biểu tượng mắt để dấu tất Layer Nhấp chuột mắt lần để hiển thò Layer trở lại Kéo chuột ngang cột mắt để hiển thò ẩn nhiều Layer TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 153 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Nhấn phím Alt nhấp chuột (trong Windows) nhấn Option (trong Macintosh) cột mắt Eye bên phải tên Layer để làm ẩn tất Layer Nhấn phím Alt nhấp chuột nhấn Option nhấp chuột vào lần để hiển thò tất Layer Xem nội dung Layer viền (Outline), bạn thực cách sau đây: ♦ Nhấp chuột vào biểu tượng viền để hiển thò tất Layer đường viền Nhấp chuột vào vò trí lần để tắt chế độ hiển thò đường viền đối tượng tất layer Trước nhấp chuột vào nút Outline, sau nhấp chuột vào nút Outline Ảnh ban đầu ảnh sau nhấp chuột chọn cột Outline ♦ ♦ Nhấp chuột vào cột Outline bên phải tên Layer để hiển thò tất đường viền đối tượng có Layer Nhấp chuột vào vò trí lần để tắt chế độ hiển thò đường viền đối tượng Nhấn phím Alt nhấp chuột (trong Windows) Option nhấp chuột (trong Macintosh) vào cột Outline bên phải tên Layer để hiển thò viền đối tượng tất layer khác Nhấn phím Alt nhấp chuột Option để tắt chế độ hiển thò đường viền đối tượng Thay đổi màu viền Layer đối tượng: Thực cách sau : TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 154 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Nhấp đúp chuột vào biểu tượng Layer (biểu tượng bên trái tên Layer) thước Timeline Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) tên Layer chọn lệnh Properties có trình đơn Nhấp chuột chọn Layer thước Timeline chọn trình đơn Modify > Layer Trong hộp thoại Layer Properties, nhấp chuột vào hộp màu Outline Color chọn màu mới, nhập giá trò số màu hexa nhấp chuột vào nút màu Color Picker chọn màu mong muốn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 155 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Sau chọn xong, nhấp chuột vào nút OK Thay đổi độ cao Layer thước Timeline Bạn thực cách sau đây: ♦ ♦ ♦ Nhấp đúp chuột vào biểu tượng Layer (biểu tượng bên trái tên Layer) thước Timeline để hiển thò bảng Properties Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) vùng tên Layer chọn lệnh Properties có trình đơn Chọn Layer thước Timeline chọn trình đơn Modify > Layer Trong hộp thoại Layer Properties, nhấp chuột vào mục Layer Height chọn tùy chọn sau nhấp chuột vào nút OK Thay đổi số lượng Layer hiển thò thước Timeline Bằng cách kéo bar từ thước Timeline xuống vùng Stage TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 156 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Kéo bar thước Timeline để hiển thò số lượng Layer HIỆU CHỈNH CÁC LAYER Để vẽ tô màu hay thay đổi Layer, bạn chọn Layer mong muốn để kích hoạt Một biểu tượng viết chì xuất kế bên tên Layer cho biết rằng, Layer kích hoạt Mỗi lần có Layer kích hoạt (cho dù nhiều Layer chọn lúc) Bạn đổi tên, chép xoá Layer Bạn khoá Layer để tránh việc hiệu chỉnh thay đổi trật tự Layer Theo mặc đònh Layer có tên Layer 1, Layer v.v Bạn đổi tên Layer phù hợp với nội dung Layer Bạn hiển thò làm ẩn nội dung Layer viền hiệu chỉnh Layer khác để giữ cho vùng làm việc gọn gàng Chọn Layer, bạn thực cách sau : ♦ Nhấp chuột vào tên Layer thước Timeline TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 157 BIÊN SOẠN : KS PHẠM QUANG HUY 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 ♦ Nhấp chuột vào frame thước Timeline Layer bạn muốn chọn ♦ Chọn đối tượng vùng Stage nằm Layer bạn muốn chọn Chọn hai nhiều Layer, bạn thực cách sau đây: ♦ ♦ Nhấn phím Shift nhấp chuột vào tên Layer để chọn Layer liên tiếp thước Timeline Nhấn phím Ctrl (trong Windows) (trong Macintosh) nhấp chuột vào tên Layer để chọn Layer liên tiếp thước Timeline Chọn Layer không liên tiếp Đổi tên Layer, bạn thực cách sau đây: ♦ ♦ ♦ Nhấp đúp chuột vào tên Layer nhập vào tên Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) vào tên Layer chọn lệnh Properties có trình đơn Nhập vào tên có hộp thoại ký tự Name, sau nhấp chuột vào nút OK Chọn layer thước Timeline chọn trình đơn Modify > Layer Trong hộp thoại Layer Properties Nhập vào tên có hộp thoại ký tự Name, sau nhấp chuột vào nút OK Sao chép Layer: Nhấp chuột vào tên Layer để chọn toàn Layer Chọn trình đơn Edit > Copy Frames TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 158 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Nhấp chuột vào nút Insert Layer để tạo Layer Nhấp chuột vào Layer chọn trình đơn Edit > Paste Frames Xoá Layer: Chọn Layer muốn xoá Bạn thực cách sau đây: • Nhấp chuột vào nút Delete Layer thước Timeline • Kéo Layer vào nút Delete Layer • Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) vào tên Layer chọn lệnh Delete Layer trình đơn Khoá mở khoá hay nhiều Layer, bạn thực cách sau đây: ♦ ♦ Nhấp chuột vào cột Lock bên phải tên Layer để khoá Layer Nhấp chuột vào cột Lock lần để mở khoá cho Layer Nhấp chuột vào biểu tượng móc khoá để khoá tất Layer nhấp chuột vào móc khoá lần để mở khoá Kéo chuột qua cột Lock để khoá hay mở khoá nhiều Layer TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 159 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Nhấn phím Alt nhấp chuột (trong Windows) hay phím Option (trong Macintosh) vào cột Lock bên phải tên Layer để khoá tất Layer khác Nhấn phím Alt nhấp chuột nhấn Option nhấp vào cột Lock lần để mở khoá tất Layer Thay đổi trật tự Layer : Kéo hay nhiều Layer thước Timeline CÁCH DÙNG GUIDE LAYER Để trợ giúp vẽ, bạn dùng Guide Layer Bạn tạo Layer để trở thành Guide Layer Các Guide Layer biểu tượng Guide bên trái tên Layer Các Guide Layer không xuất bạn xuất đoạn phim Flash Player Ngoài bạn tạo Guide Layer chuyển động để điều khiển trình chuyển động đối tượng vùng chuyển động Tweened Animation Bạn tham khảo mục “Đường dẫn chuyển động Tween Motion” để biết thêm chi tiết Chú Ý: Kéo Layer bình thường vào Guide Layer chuyển đổi Layer trở thành Guide Layer chuyển động Để tránh việc chuyển đổi tình cờ này, bạn kéo tất Guide Layer xuống bên bảng trật tự Layer Đặt tên Layer Guide Layer: Chọn Layer nhấp phải chuột (trong Windows) nhấn Control (trong Macintosh), sau chọn lệnh Guide trình đơn Chọn lại lệnh Guide lần để chuyển Layer thành Layer bình thường Chọn Guide bỏ chọn Guide CÁCH DÙNG MASK LAYER Đối với hiệu ứng Spotlight (chùm sáng chiếu vào điểm) chuyển cảnh (Transition), bạn dùng Mask Layer (lớp mặt nạ) để tạo lỗ nhìn thấy xuyên qua nội dung bên Layer nằm bên Bạn nhóm nhiều Layer lại với Mask Layer đơn độc để tạo hiệu ứng phức tạp Ngoài bạn dùng loại Animation, đường chuyển động để làm cho Mask Layer chuyển động Bạn tạo lớp mặt nạ bên nút TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 160 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Để tạo Mask Layer, bạn đặt đối tượng tô màu Layer Mask Layer phát vùng liên kết, Layer nằm bên đối tượng tô màu dấu tất vùng khác Nội dung Mask Layer đối tượng độc lập hay Instance (Mask Layer Flash cung cấp chức tương tự lệnh Paste Inside FreeHand.) Tạo Mask Layer: Chọn tạo Layer có nội dung hiển thò xuyên qua lỗ mặt nạ Với Layer mớiø vừa tạo, chọn nó, bạn chọn trình đơn Insert > Layer để tạo Layer thứ hai Một Mask Layer có lớp mặt nạ bên Vì bạn phải chắn tạo Mask Layer vò trí Vẽ đối tượng tô màu tạo Instance Layer thứ hai biểu tượng Mask Layer Flash bỏ qua chế độ ảnh màu Bitmap, màu Gradient, màu suốt (Transparency) loại đường thẳng Mask Layer Bất kỳ vùng màu tô trở thành suốt chế độ Mask, vùng không tô màu trở nên mờ Nhấp phải chuột (trong Windows) nhấn Control (trong Macintosh) vào tên Mask Layer thước Timeline chọn lệnh Mask trình đơn Layer chuyển đổi sang Mask Layer đònh biểu tượng hình mũi tên xuống Layer bên kết nối đến Mask Layer nội dung hiển thò xuyên qua vùng màu tô mặt nạ Tên Layer có lớp mặt nạ thụt vào biểu tượng thay đổi sang mũi tên xuống sang phải Sau để hiển thò hiệu ứng mặt nạ Flash, bạn khoá toàn Mask Layer Layer có mặt nạ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 161 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Để tạo mặt nạ cho Layer bổ sung sau tạo Mask Layer, bạn thực cách sau đây: ♦ ♦ ♦ Kéo trực tiếp Layer tồn xuống bên Mask Layer thước Timeline Tạo Layer bên Mask Layer Chọn trình đơn Modify > Layer chọn Mask hộp thoại Layer Properties Bỏ kết nối Layer từ Mask Layer: Chọn Layer bạn muốn bỏ kết nối Bạn thực cách sau đây: ♦ ♦ Kéo Layer muốn bỏ kết nối lên Mask Layer Chọn trình đơn Modify > Layer chọn mục Type Normal hộp thoại Layer Properties TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 162 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Chuyển đổi Layer hai chế độ Mask Layer bỏ Mask Layer: ♦ Nhấn phím Alt nhấp chuột (trong Windows) nhấn Option nhấp (trong Macintosh) vào Layer CÁCH DÙNG HỘP THOẠI LAYER PROPERTIES Để xem hay thiết lập thuộc tính cho Layer, bạn dùng hộp Layer Properties Hầu hết thuộc tính thiết lập thước Timeline Hiệu chỉnh thuộc tính cho Layer: Nhấp đúp chuột vào biểu tượng Layer mà bạn muốn hiệu chỉnh thuộc tính Layer Bạn chọn tùy chọn sau: Mục Name cho phép bạn nhập tên cho Layer Mục Show làm hiển thò hay ẩn Layer Mục Lock khoá Layer không cho hiệu chỉnh, chọn lại tùy chọn mở khoá cho phép hiệu chỉnh Layer Mục Normal xác đònh Layer theo chế độ mặc đònh mà bạn vẽ làm chuyển động đối tượng Mục Guide xác đònh Layer Guide Layer mà bạn vẽ đối tượng để giúp bạn canh lề ảnh bạn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 163 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Mục Guided Layer bình thường kết nối đến Guide Layer chuyển động Một Guide Layer điều khiển chuyển động đối tượng Motion Tween Mục Mask loại Layer bạn tạo lỗ để thấy đối tượng Layer bên Điều có ích cho việc tạo hiệu ứng Spotlight Transition Bạn kết nối nhiều Layer vào Mask layer Mục Masked Layer bình thường kết nối đến Mask Layer Outline color mục màu dùng để hiển thò màu viền đối tượng chọn mục View Layer as Outline Layer Mục View Layer as Outlines hiển thò đường viền đối tượng Layer Mục Layer Height xác đònh chiều cao Layer thước Timeline Các chế độ chọn mục Layer Height TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 164 BIÊN SOẠN : KS PHẠM QUANG HUY [...]... Scene tại góc phải phía trên trong cửa sổ tài liệu phía trên thanh thước Timeline và chọn một Scene có trong trình đơn CHUYỂN ĐỔI ẢNH CHUYỂN ĐỘNG TRONG VÙNG STAGE THÀNH MỘT ĐOẠN PHIM MOVIE CLIP Nếu bạn tạo ra một ảnh chuyển động trong vùng Stage và bạn muốn dùng lại nó trong đoạn phim hoặc nếu bạn muốn thay đổi ảnh này thành một Instance, bạn có thể chọn nó và lưu lại thành một Symbol 2Movie Clip Chuyển. .. GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Chọn công cụ Oval Tool trong hộp công cụ 6 Nhấp chuột vào keyframe thứ 3 và nhấn phím F6 Tại keyframe này bạn chọn công cụ Arrow Tool để hiệu chỉnh hình tròn giống như hình trên Khi đưa công cụ Arrow Tool đến đối tượng, hình vòng cung xuất hiện sau mũi tên, bạn có thể kéo vòng tròn để chỉnh sửa... ảnh chuyển động trong vùng Stage thành một đoạn phim Movie Clip: 1 Trong thanh thước Timeline chính, bạn hãy chọn từng frame trong mỗi Layer của ảnh chuyển động trong vùng Stage mà bạn muốn 2 Bạn có thể thực hiện một trong những thao tác sau đây để thực hiện việc sao chép frame: Nhấp phải chuột (trong Windows) hoặc nhấn Control (trong Macintosh) vào bất kỳ frame được chọn và chọn lệnh Copy Frames có trong. .. sự kiện khác Để biết rõ hơn về phần này, bạn có thể xem mục trợ giúp Action Script Help Chú ý : Các Symbol Movie Clip chuyển động sẽ không hoạt động trong môi trường Flash Authoring Để xem được các Symbol Movie Clip chuyển động này bạn hãy chọn trên trình đơn Control > Test Movie hoặc trình đơn Control > Test Scene TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 166 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ... Movie CHƯƠNG 8 Edit > Edit Nhấp chuột vào nút Scene tại góc trái phía trên trong cửa sổ tài liệu Nhấp chuột vào nút Edit Scene tại góc phải phía trên trong cửa sổ tài liệu phía trên thanh thước Timeline và chọn một Scene có trong trình đơn 6 Để xoá ảnh chuyển động trong thanh thước Timeline chính của đoạn phim bằng cách chọn từng frame trong mỗi Layer và chọn trình đơn Insert > Remove Frame SAO CHÉP CÁC... hành 2 Chọn trong trình đơn Window > Library để mở thư viện 3 Kéo Symbol từ trong thư viện vào trong vùng Stage 4 Nếu bạn tạo ra một Instance của một Symbol đồ họa, bạn hãy chọn trên trình đơn Insert > Frame để thêm vào số lượng frame để chứa Symbol đồ họa đó Kéo Symbol từ trong thư viện vào trong vùng Stage Sau khi tạo ra một Instance của một Symbol, bạn hãy dùng bảng Instance (trong trình đơn Windows... 3 Dùng công cụ Arrow Tool để hiệu chỉnh hình tròn thành hình Oval 7 Bạn lặp lại bước 6 cho các keyframe tiếp theo bạn chèn các keyframe trong các keyframe kế tiếp trước khi kéo chỉnh hình tròn giống như các hình dưới đây Ảnh tại keyframe 5 Ảnh tại keyframe 7 Ảnh tại keyframe 11 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Ảnh tại keyframe 9 Ảnh tại keyframe 13 308 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ... một biểu tượng mới để hiệu chỉnh trong chế độ Symbol-editing 4 Trong thanh thước Timeline, nhấp chuột vào Frame 1 trên Layer 1 và chọn trên trình đơn Edit > Paste Frames Điều này sẽ dán các frame bạn vừa sao chép từ trong Timeline chính sang Timeline của Symbol Movie Clip này Bất kỳ ảnh chuyển động, nút hay tương tác trong các frame bạn sao chép bây giờ trở thành một ảnh chuyển động độc lập nhau (một... FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 8 TẠO RA CÁC SYMBOL Bạn có thể tạo ra các Symbol từ các đối tượng đã chọn trong vùng Stage hoặc có thể tạo ra một Symbol rỗng hoặc nhập vào nội dung trong chế độ Symbol-editing Các Symbol có thể có tất cả các chức năng mà bạn tạo ra trong Flash bao gồm chức năng chuyển động Bằng cách dùng các Symbol chuyển động, bạn có thể tạo ra nhiều đoạn phim chuyển động trong khi kích... dùng nó trong đoạn phim Dùng các Graphic Symbol (biểu tượng đồ họa) đối với các ảnh tónh và tạo ra các bộ phận chuyển động có thể sử dụng lại được liên kết đến Timeline của đoạn phim chính Những Graphic Symbol hoạt động đồng bộ với Timeline của đoạn phim chính Các điều khiển và âm thanh tương tác sẽ không hoạt động trong một Graphic Symbol chuyển động Sử dụng các Symbol nút (Button Symbol) để tạo ra ... chọn Scene có trình đơn CHUYỂN ĐỔI ẢNH CHUYỂN ĐỘNG TRONG VÙNG STAGE THÀNH MỘT ĐOẠN PHIM MOVIE CLIP Nếu bạn tạo ảnh chuyển động vùng Stage bạn muốn dùng lại đoạn phim bạn muốn thay đổi ảnh thành. .. để làm xuất bảng Instance Chọn tùy chọn chuyển động có trình đơn xổ xuống bảng Instance Type: ♦ ♦ ♦ Chọn mục Loop lặp lại tất trình chuyển động Instance hành Play Once xác đònh trình chuyển động. .. Symbol Movie Clip chuyển động không hoạt động môi trường Flash Authoring Để xem Symbol Movie Clip chuyển động bạn chọn trình đơn Control > Test Movie trình đơn Control > Test Scene TỦ SÁCH STK