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 ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 1 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 Việc thiết kế Web và làm hoạt hình trong thời gian gần đây được nhiều người quan tâm, từ những người thiết kế web chuyên nghiệp cho đến các giáo viên, sinh viên cần biên soạn các bài giảng dưới dạng Multimedia hay những giáo trình điện tử phục vụ cho việc dạy và học theo công nghệ mới. Với ưu điểm tuyệt vời trong việc làm các clip movie động rất linh hoạt và dung lượng byte rất nhỏ đã làm Flash nổi lên là chương trình đứng đầu trong lãnh vực này. Được sự động viên của đông đảo độc giả cũng như của các thầy cô giảng dạy trong lãnh vực này yêu cầu Tủ sách STK biên soạn tiếp các tài liệu sử dụng Flash dưới dạng các bài tập để dễ dàng khai thác hết các chức năng của chương trình này theo như mục tiêu của tủ sách đã đề ra: Trong quyển sách này chủ yếu là bạn thực hành với các bài tập, được trình bày từ dễ tới khó. Trong một số bài tập gần cuối, bạn sẽ làm quen với một số lệnh và cách lập trình trong Flash. Chúng tôi không nói rõ chi tiết cách dùng các lệnh mà chỉ ứng dụng, chọn lệnh và kết hợp với các lệnh để tạo được chức năng mong muốn. Sau đây là một số tác dụng của bài tập trước khi thực hành. Trong bài thực hành cơ bản đầu tiên cho Flash, bạn sẽ làm chuyển động khối văn bản 3 chiều (3D) được nhập vào từ một file Animated GIF. File ảnh động có đònh dạng .GIF này bạn có thể lấy từ trong các chương trình đồ họa 3D sau đó nhập vào trong Flash. Bài thực hành này rất đơn giản và dễ thực hiện nếu trong máy của bạn có chương trình chuyên làm tiêu đề 3D như Ulead Cool3D hoặc Xara 3D bạn thực hiện bài thực hành này rất nhanh. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 2 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 Bài thực hành này bạn sẽ dùng lớp mặt nạ để tạo ra đoạn phim hiển thò chuỗi ký tự quảng cáo mong muốn. Bài thực hành này rất dễ thực hiện, bạn chỉ dùng một đối tượng chuyển động qua lại màn hình và cho đối tượng này trở thành lớp mặt nạ. Đối với bài thực hành này bạn sẽ tạo ra dùng một file ảnh nhập vào được vẽ từ các chương trình vẽ như Corel Draw hoặc Adobe Illustrator hoặc vẽ trực tiếp trong Flash một số ảnh biểu hiện từng giai đoạn chuyển động buồng đốt trong của động cơ ô tô. Có nhiều cách để vẽ như có thể dùng Corel Draw hoặc Adobe Illustrator, sau đó bạn sẽ dùng Flash để ghép nối và kết hợp để tạo chuyển động cho các đối tượng đó. Bài thực hành này rất dễ thực hiện, sau khi bạn vẽ xong các đối tượng từ chương trình bên ngoài. Có nhiều cách tạo hiệu ứng trên chuỗi ký tự thông qua các chương trình Swish hay Flax rất nổi tiếng (Tủ sách STK sẽ biên soạn tài liệu hướng dẫn trong đầu năm 2002), trong bài thực hành này bạn sẽ dùng hiệu ứng biến dạng đối tượng (văn bản) từ Flash để tạo ra đoạn phim hiển thò chuỗi ký tự mong muốn. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 3 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 Mặc dầu việc thực hành trên Flash khó thực hiện hơn so với hai chương trình nêu trên nhưng qua thực hành này các bạn sẽ hiểu rõ hơn với các công cụ của Flash. Trong bài thực hành này bạn sẽ tạo ra một chương trình bảo vệ màn hình giống như Screen Saver của Window. Bài thực hành này rất dễ thực hiện, bạn chỉ cần tạo một vài đối tượng ở chế độ graphic và sau đó ghép thành Movie Clip là xong. Trong phần thực hành này bạn sẽ lấy một đối tượng chuyển động được tạo ra trong chương trình 3D, sau đó đưa kết quả vào trong chương trình Flash để tạo thêm phần chuyển động cho đối tượng. Chương trình thường dùng để tạo đối tượng chữ 3D thông dụng nhất là chương trình Xara 3D và COOL 3D. Từ 2 chương trình này bạn có thể chọn nhiều kiểu chữ 3D mong muốn sau đó xuất ra với đònh dạng Animated GIF (*.gif). Bước cuối cùng bạn import (nhập) file này vào trong Flash thành một đoạn phim Movie Clip. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 4 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 Trong phần thực hành bạn sẽ ứng dụng một số chức năng của Flash để xuất đoạn phim chuyển động với các ký tự. Từ đó bạn có thể áp dụng kiểu ứng dụng tượng tự như thế để tạo ra các mẫu quảng cáo tên của sản phẩm mình trên web site. 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. Trong phần thực hành này bạn sẽ tạo ra một vầng hào quang lấm chấm lan tỏa từ trong ra ngoài nếu bạn đưa chuột từ trong ra, lan tỏa từ ngoài vào trong nếu bạn đưa chuột theo hướng từ ngoài vào trong. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 5 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 Trong bài thực hành này bạn sẽ tạo ra đốm sáng và dùng nút để điều khiển nó. Để điều khiển được đốm sáng này bạn sẽ cần viết một số lệnh để lập trình điều khiển nó. Đốm sáng này còn có thể áp dụng để thực hiện trong bài tập 11. Các bạn có thể tham khảo bài tập này để làm giao diện riêng cho mình tương tự như giao diện bạn gặp trên đóa CD-ROM này khi khởi động. Trong phần thực hành này bạn sẽ tạo ra một loạt các ngôi sao nằm bên dưới ký tự khi bạn đưa chuột đến các ký tự này, các ngôi sao đó sẽ rơi xuống và biến mất trong bóng tối. Theo cách này bạn sẽ viết một số lệnh để gán cho nút, khi đó chuột đưa qua nút thì hiệu ứng sao băng sẽ xảy ra. Như bạn đã biết trong hệ điều hành Windows phiên bản 3.1, giao diện của các cửa sổ rất đơn giản và dễ dùng so với Window 95 trở về sau này. Trong phần thực hành này bạn sẽ kết hợp một số lệnh cơ bản điều khiển chế độ hiển thò giao diện của cửa sổ đơn giản giống như trong Windows 3.1. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 6 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 Khi bạn nhấp chuột vào nút nào đó thì cửa sổ sẽ hiển thò, lúc đó bạn có thể nhấp chuột vào cửa sổ và kéo di chuyển trên màn hình. Sau đó bạn có thể tắt cửa sổ này. Trong phần thực hành này bạn sẽ viết các action để điều khiển độ phóng to thu nhỏ của đối tượng. Khi bạn nhấp chuột vào nút dấu cộng (+) đối tượng sẽ đươc phóng lớn và ngược lại nếu nhấp chuột vào dấu trừ (-) đối tượng sẽ bò thu nhỏ lại. Trong bài thực hành này các bạn sẽ ứng dụng một số chức năng biến dạng ở chế độ Shape trong bảng Frame của Flash để xuất đoạn phim chuyển động làm biến dạng các đường thẳngï. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 7 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 Các bạn có thể tham khảo thêm từ đòa chỉ trên mạng của hãng để có thêm các hỗ trợ. Bài tập này được biên soạn cũng dựa trên ý tưởng trong site này. Trong phần thực hành này bạn sẽ tạo ra một đoạn phim movie clip có đối tượng là một đường thẳng chuyển động (giống như đường chuyển động của con rắn khi nó bò), nhưng không phải giống hoàn toàn như thế. Sau đó bạn viết một số lệnh cho đoạn phim đó và tạo thêm hai ngọn ánh sáng phụ để minh họa cho đoạn phim trên. Các bạn có thể lấy ý tưởng của bài tập này để tạo một số đoạn phim quảng cáo cho riêng mình. Chúc các bạn thực hiện các bài tập thành công. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 8 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 Do dung lượng của file phim rất lớn nên một số phần giới thiệu trong đóa CD-ROM này không thể trình bày. • Bạn đọc ở tỉnh có thể gửi bưu phiếu 20.000 đ về tủ sách để có đóa CD-ROM thứ hai. • Với các bạn đọc trong thành phố Hồ Chí Minh chỉ cần gửi bưu phiếu 15.000 đ Nhằm khuyến khích hình thức mua sách qua mạng, trong năm 2002 nếu các bạn đặt mua sách theo đường bưu điện (gửi bưu phiếu) các bạn sẽ được tủ sách STK gửi tặng đóa CD-ROM mà không phải tốn thêm chi phí nào khác. Bưu phiếu xin gửi về đòa chỉ sau PHẠM QUANG HUY TỦ SÁCH STK 890 ĐIỆN BIÊN PHỦ Q10 –TP HỒ CHÍ MINH ĐT : (08)8334168 - 0903728344 GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 9 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 BÀI TẬP TÊN TRANG 1 Tạo chuyển động khối 3D 6 2 Dùng lớp mặt nạ tạo quảng cáo 11 3 Tạo buồng nổ động cơ chuyển động 18 4 Tạo hiệu ứng dạng sóng mờ trên ký tự 24 5 Tạo trình bảo vệ màn hình 31 6 Tạo nút 3 chiều (3D) chuyển động quanh khối ký tự vòng tròn 42 7 Xuất đoạn phim 65 8 Tạo Filling Pill 86 9 Tao vòng chấm hào quang 95 10 Tạo đốm sáng Flare 107 11 Hiệu ứng sao băng 129 12 Tạo cửa sổ kéo và thả 165 13 Điều khiển độ phóng đại đối tượng 176 14 Morph Map 192 15 Tạo đèn chiếu chuyển động 218 GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 10 . GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 3 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 Mặc dầu việc thực hành trên Flash khó thực. Xara 3D bạn thực hiện bài thực hành này rất nhanh. GIÁO TRÌNH ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 2 GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG. 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 ĐIỆN TỬ : FLASH 5.0 BIÊN SOẠN : KS PHẠM QUANG HUY 1 GIÁO TRÌNH THIẾT