THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Bây giờ bạn sẽ tạo tiếp một đoạn Movie Clip thứ hai bằng cách chọn trên trình đơn Insert > New Symbol, trong hộp thoại Symbol Properties chọn các thuộc tính như sau : Lặp lại bước import file chữ 3D vừa nói ở trên vào trong Movie Clip này một lần nữa (chọn trên trình đơn File > Import). Nghóa là file ảnh chuyển động trên bạn nhập vào cho 2 đoạn Movie Clip. Bây giờ bạn sẽ thấy file ảnh chuyển động xuất hiện trong Flash tại symbol STK Mat Na như sau: THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 44 THIẾ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 Layer mới có tên là Layer Mat Na trong đoạn phim này, sau đó dùng công cụ Oval Tool để vẽ một đối tượng vòng tròn có kích thước tương đối lớn che phủ tất cả các ký tự. Nhấp chọn tiếp công cụ Line Tool và vẽ một đường thẳng cắt hơn ⅓ vòng tròn theo đường xiên. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 45 THIẾ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 bằng công cụ Arrow Tool và phần đường tròn nằm bên dưới và xoá phần này và các viền đường thẳng còn dư. Sau đó dùng lại công cụ Line Tool để cắt thêm một chút nữa và dùng công cụ Rotate của công cụ Arrow Tool, xoay đối tượng này một góc khoảng 10 0 . THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 46 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Bây giờ bạn hãy nhấp phải chuột vào vùng tên Layer của Layer Mat Na và chọn lệnh Mask có trong trình đơn. Lúc này bạn sẽ thấy đối tượng đang thao tác xuất hiện với hình như sau: THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 47 THIẾ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 chọn tiếp trên trình đơn Insert > New Symbol, chọn thuộc tính Graphic trong hộp thoại Symbol Properties và đặt tên cho thuộc tính. Bạn hãy dùng Corel Draw hoặc Adobe Illustrator để tạo một chuỗi ký tự uốn cong theo hình vòng tròn và sau đó nhập vào trong Symbol Graphic Logo-Vong như sau: Chú y ù : Khi vẽ trong Corel Draw hoặc Adobe Illustrator chuỗi ký tự uốn theo hình vòng tròn, bạn nên chọn font chữ là VNI-Helve hoặc VNI-Franko vì hai font chữ này không có chân. Sau đó bạn nên lưu lại với đònh dạng .ai (nếu dùng Corel Draw), nếu dùng Adobe Illustrator 8.0 trở đi, bạn nên lưu lại với đònh dạng .ai với phiên bản 7.0. Khi đó bạn sẽ không gặp trục trặc khi đưa vào trong Flash. Nếu không bạn sẽ gặp thông báo như sau, khi đó bạn hãy nhấp chuột vào nút OK. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 48 THIẾ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 trên trình đơn Modify > Break Apart (có thể nhấn nhóm phím tổ hợp Ctrl + B) để tách ký tự thành đối tượng. Nhấp chọn vào trình đơn Insert > New Symbol để tạo một Movie Clip khác với các thuộc tính như trong hình sau : Kéo graphic có tên Logo-Vong hiển thò trong cửa sổ thư viện vào trong vùng làm việc. Bạn hãy di chuyển sao cho điểm khai báo của hai đối tượng nằm trùng lên nhau. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 49 THIẾ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 frame thứ 210 và nhấn phím F6. Nhấp phải chuột trở lại keyframe thứ nhất và chọn lệnh Create Motion Tween xuất hiện trong trình đơn. Nhấp chọn tiếp trên trình đơn Window > Panels > Frame, trong bảng Frame nhấp chọn CW (quay theo chiều kim đồng hồ-Clockwise) trong tùy chọn Rotate, và nhập giá trò là 1 vào trong hộp times. Nhấp phím Enter để xem đoạn phim diễn hoạt. Bây giờ bạn sẽ tạo ra nút điều khiển đoạn phim bằng cách nhấn phím tổ hợp Ctrl + F8 để tạo ra symbol nút. Chọn các thuộc tính như hình sau trong hộp thoại Symbol Properties. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 50 THIẾ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 công cụ Rectangle Tool và nhấp chọn vào vùng công cụ bổ sung Rounded Rectangle Radius. Nhập giá trò là 100 vào trong hộp thoại Rectangle Settings để làm bo tròn các góc của hình chữ nhật. Bây giờ bạn hãy vẽ vào trong hình chữ nhật để tạo thành nút như sau: Nhấp chuột vào nút Scene1 để trở về giao diện chính của Flash. Nhấp chuột vào Layer1 và đổi tên lại thành Layer Nut 3D, nhấp chuột vào frame 30 và nhấn phím F5 để thêm một dãy các frame trống. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 51 THIẾT KẾ WEB – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠÏN : KS PHẠM QUANG HUY Kéo Movie Clip STK Animation xuất hiện trong cửa sổ thư viện vào trong vùng làm việc trên Layer này. Dùng các đường guideline để xác đònh vò trí của đối tượng này. Tạo mới Layer có tên Layer Nut và kéo biểu tượng Nut dieu khien xuất hiện trong cửa sổ thư viện vào. Sau đó kéo Layer này xuống nằm bên dưới Layer Nut 3D. Nhấp chuột tạo mới Layer có tên Layer ky tu, nhấp chuột kéo Movie Clip Logo-Vong từ cửa sổ thư viện vào vùng làm việc sao cho chuỗi ký tự vòng tròn này bao bọc ký tự STK. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 52 THIẾ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 công cụ Rotate trong vùng công cụ Arrow Tool và xoay chuỗi ký tự một góc 90 0 . Khi đó bạn sẽ thấy các cạnh hình thoi của đường viền của đối tượng. THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 53 . STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0 52 THIẾ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 công cụ Rotate trong vùng công cụ. PHẠM QUANG HUY Nhấp chọn công cụ Rectangle Tool và nhấp chọn vào vùng công cụ bổ sung Rounded Rectangle Radius. Nhập giá trò là 100 vào trong hộp thoại Rectangle Settings để làm bo tròn. chọn bằng công cụ Arrow Tool và phần đường tròn nằm bên dưới và xoá phần này và các viền đường thẳng còn dư. Sau đó dùng lại công cụ Line Tool để cắt thêm một chút nữa và dùng công cụ Rotate