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 9 5. Di chuyển ảnh Shape Hint đến điểm trong đối tượng sau cùng mà tương thích với điểm đầu tiên bạn đã đánh dấu. Diễn hoạt đoạn phim lại lần nữa để xem chế độ Shape Hint làm thay đổi chế độ chuyển động Shape Tweening. Di chuyển các Shape Hint để tinh chỉnh ảnh chuyển động. 6. Lặp lại tiến trình này để thêm vào các Shape Hint. Những Shape Hint mới xuất hiện với các ký tự khác theo sau đó như b, c,d . . . . Trong khi làm việc với các Shape Hint, bạn có thể thực hiện các bước sau: Để xem tất cả các Shape Hint, bạn hãy chọn trên trình đơn View > Show Shape Hints . Layer và keyframe có chứa các Shape Hint phải hiện hành đối với lệnh Show Shape Hints. Xoá bỏ một Shape Hint bằng cách kéo nó ra khỏi vùng Stage. Xoá bỏ tất cả các Shape Hint, bạn hãy chọn trên trình đơn Modify > Transform > Remove All Hints . TẠO ẢNH CHUYỂN ĐỘNG ANIMATION THEO CHẾ ĐỘ FRAME-BY-FRAME Ảnh chuyển động theo chế độ frame-by-frame làm thay đổi nội dung trong vùng Stage trong mỗi frame và thích hợp nhất đối với các đối tượng phức tạp trong đó một ảnh thay đổi liên tục trong mỗi frame thay vì chỉ đơn giản di chuyển. Chế độ chuyển động theo dạng frame-by- frame sẽ làm tăng kích thước file nhanh hơn chế độ chuyển động theo dạng Tweened Animation. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 215 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 9 Sử dụng chế độ chuyển động theo dạng frame-by-frame khi bạn cần làm thay đổi một ảnh trong mỗi frame. Ảnh mẫu chuyển động theo dạng frame-by-frame Tạo ảnh chuyển động theo dạng frame-by-frame: 1. Nhấp chuột vào tên Layer để kích hoạt nó trở thành Layer hiện hành và nhấp chuột vào một frame nơi bạn muốn điểm chuyển động bắt đầu. 2. Nếu frame đó chưa có một keyframe, bạn hãy chọn trên trình đơn Insert > Keyframe để tạo một keyframe trong frame đó. Frame chưa có keyframe 3. Tạo ảnh tại frame trình tự đầu tiên. Bạn có thể dùng công cụ vẽ, dán vào một ảnh từ trong Clipboard hoặc nhập một file. 4. Nhấp chuột vào frame kế tiếp bên phải trong cùng một hàng và chọn Insert > Keyframe hay nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) và chọn lệnh Insert Keyframe trong trình đơn xổ xuống Frame. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 216 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 9 Chọn lệnh này sẽ thêm vào một keyframe mới mà nội dung dữ liệu của nó giống như nội dung dữ liệu của keyframe đầu tiên 5. Lần lượt thay đổi nội dung dữ liệu của frame này trong vùng Stage để phát triển các vùng chuyển động tiếp theo sau đó. 6. Để hoàn thành trình tự chuyển động theo dạng frame-by- frame, bạn hãy lặp lại bước 4 và bước 5 cho đến khi bạn tạo được vùng chuyển động bạn muốn. 7. Sau đó để xem trước đoạn phim vừa tạo, bạn có thể chọn trên trình đơn Control > Play hoặc nhấp chuột vào nút Play trên thanh Controller. Bạn có thể chọn chế độ Play Back (xem lại) khi bạn tạo. HIỆU CHỈNH CHUYỂN ĐỘNG ANIMATION Sau khi bạn tạo ra một frame hay một keyframe, bạn có thể di chuyển nó đến bất kỳ vò trí nào trong Layer hiện hành hoặc sang một Layer khác. Bạn cũng có thể xoá bỏ hoặc thực hiện những thay đổi khác. Bạn chỉ có thể hiệu chỉnh trên các keyframe. Bạn có thể xem các frame chuyển động nhưng không thể hiệu chỉnh trực tiếp lên nó được. Bạn có thể hiệu chỉnh các frame chuyển động Tween bằng cách thay đổi một trong những keyframe đã xác đònh hoặc chèn vào một keyframe mới giữa keyframe đầu và keyframe cuối. Bạn có thể kéo các mục Item trong cửa sổ Library vào trong vùng Stage để thêm các Item vào trong keyframe hiện hành. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 217 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 9 Để hiển thò và hiệu chỉnh nhiều frame cùng lúc, bạn dùng Onion Skinning. Chèn nhiều frame vào trong thanh thước Timeline, bạn có thể thực hiện một trong những thao tác sau: Chèn vào một frame mới, chọn trên trình đơn Insert > Frame . Tạo một keyframe mới, chọn trên trình đơn Insert > Keyframe , hoặc nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại frame bạn muốn đặt vào một keyframe và chọn lệnh Insert Keyframe trên trình đơn đó. Để tạo một keyframe trống mới, bạn hãy chọn trên trình đơn Insert > Blank Keyframe hoặc nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại frame bạn muốn chèn vào một keyframe và chọn lệnh Insert Blank Keyframe trong trình đơn. Xoá hoặc thay đổi một frame hay keyframe, bạn có thể thực hiện một trong những bước sau: Xoá một frame, keyframe hoặc một chuỗi các frame, bạn hãy chọn một frame, keyframe hoặc chuỗi frame đó và chọn trên trình đơn Insert > Remove Frame hoặc nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại frame, keyframe hoặc chuỗi frame đó và chọn lệnh Remove Frame có trong trình đơn xổ xuống này. Các frame xung quanh vẫn không thay đổi. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 218 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 9 Di chuyển một keyframe hoặc một frame và nội dung dữ liệu của nó bằng cách kéo keyframe hoặc chuỗi frame đó sang vò trí mong muốn. Kéo một frame đầu tiên sang phải tại vò trí cuối cùng Frame sau khi di chuyển Mở rộng khoảng thời gian diễn hoạt của một keyframe, nhấn phím Alt và kéo chuột (trong Windows) hoặc nhấn phím Option (trong Macintosh) tại keyframe đến vò trí frame cuối cùng của chuỗi frame mới. Sao chép một keyframe hoặc frame bằng cách kéo chuột, bạn nhấn phím Alt (trong Windows) hoặc nhấn phím Option (trong Macintosh) và kéo keyframe sang vò trí mới. Sao chép và dán một frame hay một chuỗi frame, chọn một frame hay một chuỗi frame đó. Sau đó chọn trên trình đơn Edit > Copy Frames . Chọn một frame hay một chuỗi frame mà bạn muốn thay thế, sau đó chọn trên trình đơn Edit > Paste Frames . Chuyển đổi một keyframe thành một frame, bạn hãy chọn keyframe đó và chọn trên trình đơn Insert > Clear Keyframe , hoặc nhấp phải chuột (trong Windows) hay nhấp Control (trong Macintosh) tại keyframe và chọn lệnh Clear Keyframe trong trình đơn dọc đó. Các keyframe sẽ bò xoá và tất cả các frame trong keyframe sau đó được thay thế bằng nội dung của frame đứng trước keyframe bò xoá đó. Thay đổi chiều dài của một quá trình chuyển động Tween, bằng cách kéo keyframe đầu hoặc keyframe cuối sang phải hay trái. Để thay đổi độ dài của tiến trình chuyển động theo dạng frame-by-frame, bạn có thể tham khảo mục ”Tạo chuyển động theo dạng frame-by-frame” để biết thêm chi tiết. Thêm vào một mục Item từ thư viện vào trong keyframe hiện hành, kéo mục Item đó trong cửa sổ Library vào trong vùng Stage. Chuyển đổi tiến trình chuyển động, bạn hãy chọn các frame thích hợp trong một hay nhiều Layer và chọn trình đơn Modify > Frames > Reverse . Phải là các keyframe đầu và keyframe cuối của quá trình chuyển động. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 219 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 9 ONION SKINNING Thông thường, Flash hiển thò một frame chuyển động tại một thời điểm nào đó trong vùng Stage. Để giúp bạn đònh vò và hiệu chỉnh vùng chuyển động theo dạng frame-by-frame, bạn có thể xem 2 hoặc nhiều frame trong vùng Stage cùng lúc. Frame bên dưới đầu Playhead xuất hiện đầy màu trong khi đó các frame xung quanh bò mờ đi, tạo cho ảnh xuất hiện mờ đi giống như các frame được vẽ trên một tờ giấy trong suốt mờ (Translucent Onion Skin Paper) và những tờ giấy này được xếp chồng các mặt lên nhau. Các frame bò mờ không thể hiệu chỉnh được. Để xem nhiều frame cùng lúc trong quá trình tạo chuyển động trong vùng Stage, bạn có thể dùng nút Onion Skin. Nhấp chuột vào nút Onion Skin. Tất cả các frame chính giữa các dấu Start Onion Skin và End Onion Skin (trong Timeline header) được xếp chồng lên như một frame trong cửa sổ Movie. Để điều khiển cho Onion Skin hiển thò, bạn có thể thực hiện một trong những thao tác sau: Hiển thò các viền ngoài của các frame Onion Skin bằng cách nhấp chuột vào nút Onion Skin Outlines bên dưới thanh thước Timeline. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 220 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 9 Thay đổi vò trí của dấu Onion Skin, kéo con trỏ sang vò trí mới. (Thông thường, các dấu Onion Skin di chuyển cùng với con trỏ frame hiện hành) Bạn có thể hiệu chỉnh tất cả các frame chính giữa các dấu Onion Skin bằng cách nhấp chuột vào nút Edit Multiple Frames. Thông thường, chế độ Onion Skin cho phép bạn hiệu chỉnh chỉ có frame hiện hành mà thôi. Tuy nhiên, bạn có thể hiển thò nội dung dữ liệu của mỗi frame giữa các dấu Onion Skin và hiệu chỉnh chúng, bất chấp frame này có phải là frame hiện hành hay không. Chú ý : Các Layer bò khoá (các Layer có biểu tượng cái móc khoá) không hiển thò khi bạn mở chế độ Onion Skin. Để tránh nhầm lẫn với nhiều ảnh khác nhau, bạn có thể khoá hoặc làm ẩn các Layer mà bạn không muốn Layer đó ở chế độ Onion Skin. Thay đổi vùng hiển thò của các dấu Onion Skin: Nhấp chuột vào nút Modify Onion Markers và chọn một mục Item có trong trình đơn: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 221 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 9 Mục Always Show Markers hiển thò hoặc không hiển thò các dấu Onion Skin trong Timeline header. Mục Anchor Onion Marks khoá các dấu Onion Skin sang vò trí hiện hành trong Timeline header. Bình thường, vùng Onion Skin tương ứng với con trỏ frame hiện hành và các dấu Onion Skin. Bằng cách thả neo các dấu Onion Skin, bạn có thể ngăn cản không cho chúng di chuyển với con trỏ frame hiện hành. Mục Onion 2 hiển thò 2 frame cả hai mặt trong frame hiện hành. Mục Onion 5 hiển thò 5 frame cả hai mặt trong frame hiện hành. Mục Onion All hiển thò tất cả các frame trong cả hai mặt tại frame hiện hành. Ảnh với mục chọn Onion All DI CHUYỂN TOÀN BỘ VÙNG CHUYỂN ĐỘNG ANIMATION Nếu bạn cần di chuyển toàn bộ vùng chuyển động trong vùng Stage, bạn phải di chuyển các ảnh Graphics trong tất cả các frame và các Layer một lần để tránh việc tổ chức lại tất cả mọi thức. Để di chuyển toàn bộ vùng chuyển động sang một vò trí khác trong vùng Stage: 1. Mở khoá tất cả các Layer. Để di chuyển mọi thứ trong một hoặc nhiều Layer nhưng không phải các Layer khác, bạn có thể khoá lại hoặc làm ẩn đi các Layer bạn không muốn di chuyển. 2. Nhấp chuột vào nút Edit Multiple Frames trong thanh thước Timeline. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 222 . chỉ có thể hiệu chỉnh trên các keyframe. Bạn có thể xem các frame chuyển động nhưng không thể hiệu chỉnh trực tiếp lên nó được. Bạn có thể hiệu chỉnh các frame chuyển động Tween bằng cách thay. phát triển các vùng chuyển động tiếp theo sau đó. 6. Để hoàn thành trình tự chuyển động theo dạng frame-by- frame, bạn hãy lặp lại bước 4 và bước 5 cho đến khi bạn tạo được vùng chuyển động bạn. chế độ chuyển động Shape Tweening. Di chuyển các Shape Hint để tinh chỉnh ảnh chuyển động. 6. Lặp lại tiến trình này để thêm vào các Shape Hint. Những Shape Hint mới xuất hiện với các ký tự