1. Trang chủ
  2. » Luận Văn - Báo Cáo

Flash -- Chuyển động theo đường dẫn

3 5 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Chuyển động theo đường cong “Guide” trong Flash 8 Chuyển động theo đường cong “Guide” trong Flash 8 Xe chạy trên con đường uốn lượn! Chúng ta đã làm quen với chuyển động theo đường thẳng trong Flash,[.]

Chuyển động theo đường cong “Guide” Flash Chúng ta làm quen với chuyển động theo đường thẳng Flash, ta bắt đầu với ví dụ chuyển động theo đường cong Tuy nhiên để chuyển động theo đường cong cần phải có lớp dẫn chuyển động, tương tự lớp mặt nạ Mask lớp dẫn lớp ẩn ta chạy Flash * Ví dụ để làm cho xe chạy quanh đường uốn lượn, ta phải làm lớp dẫn cong theo đường đó, sau cho xe chạy theo lớp dẫn, xe chạy cong theo đường uốn lượn đó! * Để làm ví dụ ta cần lớp: Xe chạy Lớp bên lớp nền, lớp chứa đường uốn lượn đường uốn lượn! Lớp lớp (lớp giữa) lớp chứa xe Lớp lớp chứa đường cong Guide, lớp ẩn cho phép xe chạy theo đường cong - Bây ta tiến hành làm ví dụ nhé! - Đầu tiên mở file Flash mới.* Bước Tạo lớp với đường uốn lượn, tự vẽ đường cong để vật chuyển động di chuyển theo đường cong ta vừa vẽ + Ta tiến hành vẽ đường Movie Clip khác, tạo Movie Clip cách nhấn vào menu Insert >> New Symbol (hoặc nhấn phím Ctr + F8) B1 b2 b3 + Hiện thị hộp thoại, ta chọn Type "Movie clip" đặt tên "Lớp nền".+ Tại Movie clip "Lớp nền" ta vẽ sau: + Để vẽ đường cong ta chọn công cụ Pencil Tool (V) (Có thể nhấn phím V để chọn cơng cụ này), bên mục options chọn chế độ Smooth (lưu ý khơng chọn Opject Drawing, chọn vào mục đối tượng ta vừa vẽ biến sang dạng đối tượng không cho phép ta chỉnh sữa độ cong theo ý mình) B4 b2 b3 + Sau vẽ đường cong, đường cong khơng cong theo đường theo ý lúc ta chọn công cụ Subselection Tool (A) để điều chỉnh đường cong theo ý + Khi chọn cơng cụ tức đường cong có điểm móc, điểm móc có que điều khiển cho phép ta điều khiển đường cong theo ý muốn cách nhấn giữ chuột đầu tròn mõi que kéo để điều chỉnh độ cong đường cong + Sau trở vùng làm việc ban đầu + Tại Frame Layer ta kéo movie clip "Lớp nền" thả vào vùng làm việc * Bước Tạo lớp xe di chuyển + Tạo Layer (Layer 2) cách Insert Layer + Tại Frame Layer vẽ chèn vào xe, để chèn xe vào, giả xử ta có xe dạng file hình ta cần chèn vào đây, ta việc chọn menu File >> Import to Stage (hoặc nhấn phím Ctrl + R), + Hiện thị hộp thoại cho phép ta chọn đường dẫn đến file hình chứa xe Ta chọn nhãn nút "Open" để chèn hình vào sau chỉnh sửa to hay nhỏ cho vừa ý.* Bước Tạo lớp đường dẫn guide + Tạo Layer (Layer 3) cách Insert Layer + Tại Frame Layer vẽ đường cong, tương tự ta chọn công cụ Pencil để vẽ đường cong chọn công cụ Subselection để sửa lại độ cong cho thích hợp _ Sau điều chỉnh vừa ý ta tiến hành làm cho xe chuyển động * Bước Làm cho xe chuyển động theo đường cong + Tại Frame 30 Layer ta nhấn chuột phải Insert Frame + Tại Frame 30 Layer ta Insert Frame + Tại Frame thứ 30 Layer ta Insert keyframe - Tiếp theo ta chọn vào Layer nhấn phải vào chọn Guide menu xổ xuống.Tại Frame thứ 30 Frame từ đến 29 Layer ta nhấp phải chuột chọn Create Motion Tween để tạo chuyển động cho xe - Bây frame thứ Layer ta kéo xe đặt đầu đường cong - Sau frame thứ 30 Layer ta kéo xe đặt đầu cịn lại đường cong - Chọn lại Layer kéo thả vào Layer (làm thể Layer 3), kéo thả xong ta có kết - Cuối ta nhấn Ctrl + Enter để xem kết quả! - Đến ta thấy xe chạy theo đường uốn lượn, nhìn kỹ xem xe chạy cách không trật tự chút cả, để chiết xe chạy trông thật Tại điểm uốn cong ta chọn Layer Insert Keyframe điểm sau dùng cơng cụ Free Transform Tool (Q) để điều chỉnh xe lại cho thích hợp* Bây thử chạy lại xem, có phải giống thật không nào?! ... Làm cho xe chuyển động theo đường cong + Tại Frame 30 Layer ta nhấn chuột phải Insert Frame + Tại Frame 30 Layer ta Insert Frame + Tại Frame thứ 30 Layer ta Insert keyframe - Tiếp theo ta chọn... Layer vẽ đường cong, tương tự ta chọn công cụ Pencil để vẽ đường cong chọn cơng cụ Subselection để sửa lại độ cong cho thích hợp _ Sau điều chỉnh vừa ý ta tiến hành làm cho xe chuyển động * Bước... thị hộp thoại cho phép ta chọn đường dẫn đến file hình chứa xe Ta chọn nhãn nút "Open" để chèn hình vào sau chỉnh sửa to hay nhỏ cho vừa ý.* Bước Tạo lớp đường dẫn guide + Tạo Layer (Layer 3)

Ngày đăng: 25/10/2022, 15:42

Xem thêm:

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w