Bài giảng Thiết kế đa truyền thông với Adobe Flash CS6: Học phần D giới thiệu tổng quan tạo hoạt hình. Cùng nắm các kiến thức trong học phần này thông qua việc tìm hiểu hoạt hình, lựa chọn phương pháp hoạt hình, tìm hiểu về Tween trong Timeline, các bước tạo và sao chép Motion Path. Ngoài ra, bài giảng còn cung cấp một số thông tin hữu ích về tạo hoạt hình cho Symbol lồng ghép, tạo hoạt hình Frame-by-Frame và tạo Shape Tween và còn một số nội dung khác nữa. Để tìm hiểu rõ về nội dung chi tiết bài giảng, mời các bạn cùng tham khảo.
Tạo hoạt hình ADOBE FLASH CS6 Học phần D Nội dung ● Tìm hiểu hoạt hình ● Sử dụng frame ● Tạo motion tween ● Tạo chép motion path ● Sử dụng easing ● Tạo symbol lồng ghép Nội dung (tiếp) ● Tạo hoạt hình cho symbol lồng ghép ● Tạo hoạt hình frame-by-frame ● Tạo shape tween ● Sử dụng shape hint ● Tạo mặt nạ Tìm hiểu hoạt hình (Animation) ● Tạo điều chỉnh frame artwork xuất frame, xác định độ dài thiết lập frame rate (số lượng khung hình) để điều khiển tốc độ hoạt hình ● Bạn tạo hoạt hình (animate) cho nhiều thuộc tính đối tượng như: hình dạng (shape), kích thước (size), màu sắc (color), vị trí (position) Xác định Frame Thể thay đổi thời gian biểu diễn frame Timeline Keyframe trống (Blank keyframe): Frame Timeline mở tài liệu Keyframe: Frame đặc biệt báo hiệu thay đổi phim hay đoạn hoạt hình Lựa chọn phương pháp hoạt hình Hoạt hình frame-by-frame Hoạt hình Tweened Flash diễn hoạt đối tượng từ từ qua vài frame liên tiếp Flash tự động tạo hoạt hình giữ hai keyframe Bạn điều khiển hành động đối tượng frame Bạn cần xác định keyframe bắt đầu keyframe kết thúc sau điều chỉnh đối tượng/symbol Dung lượng file lớn người dùng nhiều thời gian để xem Các kiểu tweens Motion tweens Shape tweens Lựa chọn phương pháp hoạt hình Lựa chọn phương pháp hoạt hình Tìm hiểu Tween Timeline Motion Tween span Màu xanh dương Hiển thị chuyển động symbol Thuộc tính Keyframe: Chứa giá trị thuộc tính cụ thể thay đổi như: vị trí (position), tỉ lệ (scale), kéo xiên (skew), xoay (rotation), màu sắc (color) lọc (filter) Shape Tween span Màu xanh Sử dụng Frame Các kiểu Frame Tạo hoạt hình cho Symbol lồng ghép ● Quan sát đoạn movie clip Tạo hoạt hình Frame-by-Frame ● Hoạt hình Frame-by-frame gần giống với kỹ thuật hoạt hình truyền thống ● Bạn phải tự tạo nội dung cho frame ● Mặc dù tốn nhiều thời gian để tạo hoạt hình frameby-frame cho phép bạn điều khiển chi tiết hoạt hình Tạo hoạt hình Frame-by-Frame ● Vẽ ký tự frame Tạo hoạt hình Frame-by-Frame ● Hồn thiện hoạt hình frame-by-frame Tạo Shape Tween ● Sử dụng để biến đổi morphs (biến hình) shape bắt đầu thành shape kết thúc có hình dạng khác ● Tạo shape (thay tạo symbol, ảnh bitmap, văn bản) để tạo shape tween Bạn đặt shape bắt đấu vào frame shape kết thúc frame sau Tạo Shape Tween ● Tạo shape đám mây ● Biến đổi đối tượng Shape Tween Sử dụng Shape Hints (gợi ý hình) ● Shape hints đánh dấu điểm cụ thể shape bắt đầu shape kết thúc, Flash biết cách chuyển đổi thành vùng khác ● Khắc phục hình thức shape tween thơng qua shape hint ● Các shape hint làm việc hiệu xếp pattern (mẫu) chiều kim ngược chiều kim đồng hồ Sử dụng Shape Hints (gợi ý hình) ● Định vị shape hint shape bắt đầu Sử dụng Shape Hints (gợi ý hình) ● Định vị shape hint shape kết thúc Tạo hoạt hình thơng qua cơng cụ Bone ● Sử dụng công cụ Bone để tạo chuyển động đảo ngược (inverse kinematics – IK), hay tư hoạt hình nhằm mơ chuyển động tự nhiên ● Trước tiên bạn vẽ nhúng hay nhiều đối tượng, chuyển đổi chúng thành symbol; sau đó, sử dụng cơng cụ Bone để nhấn vẽ đoạn khớp nối đối tượng Tạo mặt nạ (Mask) ● Mặt nạ (mask): trưng bày nội dung layer bên xuống layer bên dưới, giới hạn hình cụ thể ● Để tạo hoạt hình mặt nạ, thêm nội dung vào layer bị che (masked layer) - layer dần lộ mặt nạ ● Tiếp theo, bạn tạo shape layer mặt nạ (mask layer) - layer phía mà nội dung nhìn thơng qua Tạo mặt nạ ● Quan sát shape mặt nạ ● Chọn Mask hộp thoại Layer Properties Tạo mặt nạ Tóm tắt học ● Tìm hiểu hoạt hình ● Sử dụng frame ● Tạo motion tween ● Tạo chép motion path ● Sử dụng easing ● Tạo symbol lồng ghép Tóm tắt học (tiếp) ● Tạo hoạt hình cho symbol lồng ghép ● Tạo hoạt hình frame-by-frame ● Tạo shape tween ● Sử dụng shape hint ● Tạo mặt nạ ... đầu với tốc độ chậm sau tăng d n kết thúc Khi chuyển động chậm d n (eases out): đối tượng bắt đầu với tốc độ nhanh sau giảm d n kết thúc Sử d ng Easing (gia tốc) Sử d ng Easing (gia tốc) Sử d ng... Tạo easing tùy chỉnh áp d ng tùy chọn easing thiết lập sẵn Sử d ng Motion Editor (trình biên tập chuyển động) ● Motion Editor Tạo Nested Symbol (symbol lồng ghép) ● Nested Symbol (symbol lồng... lọc (filter) Shape Tween span Màu xanh Sử d ng Frame Các kiểu Frame Sử d ng Frame Quan sát frame span Sử d ng Frame Sử d ng bảng Motion Presets Để áp d ng mẫu motion tween bảng Motion Presets,