Vì hình ảnh con chim đang bay này không phải là một khung đứng im, nó có số khung ảnh liên tiếp nên ta phải thêm vào Symbol số khung cần thiết cho một chuyển động bằng cách: Bạn hãy clic[r]
(1)PHẦN GIÁO TRÌNH PHỔ CẬP ĐỒ HOẠ
HOẠT HÌNH
Bài Làm quen với Flash
Bạn xem trang 2
Bạn cài đặt Macromedia Flash mà từ trở tạm gọi tắt MF Trên ví dụ, sử dụng MF version 5.0 để người dùng được, nhiên bạn có điều kiện cài đặt version cao Phần khác biệt chúng tơi xin trình bày riêng
Khi vào môi trường MF ta thấy hình ban đầu trơng gần này:
(2)quanh bạn, họ không trả lời mail cho chúng tơi, xin thơng cảm số lượng thư trả lời nhiều, ưu tiên trả lời vấn đề mà chưa tài liệu nói tới trước
Ta quay lại hình MF Bạn thấy bên khung màu trắng mà ghi vùng làm việc không MF gọi sân khấu (Stage) Khi tạo thành phim thành phầm chiếu chế độ normal, để nhúng vào trang Web, đoạn phim trình diễn sân khấu này, bên ngồi sân khấu khơng có tác dụng trang web giống khung cửa sổ cho ta xem Tuy nhiên, bạn đừng lo sợ ta làm phim hoạt hình giảng dạy hay screensaver ta sử dụng chế độ fullscreen khung hình sân khấu chẳng quan trọng Bạn làm phim hay chương trình bảo vệ hình chí bạn đặt sân khấu có kích thước chẳng có ảnh hưởng Để đặt kích thước sân khấu bạn right-click vào sân khấu chọn Movie Properties để bảng thuộc tính phim sau:
Tại bảng thuộc tính tốc độ chuyển động khung/giây ta nên đặt theo ngầm định MF 12 Bạn tăng lên muốn hình ảnh hoạt hình mịn muốn chậm Phần đơn vị đo xin chọn Pixel (Điểm ảnh), chọn đơn vị đo khác inch, milimet dở Vì bạn thiết kế, máy tính bạn thiết lập độ phân giải hình (Trong Control Panel/Display/Settings) mà khác với độ phân giải máy tính chiếu phim Flash bạn, hình ảnh khơng trung thực, méo mó, vẹo vọ, nham nhở
Phía ghi tên cảnh định làm scence (Cảnh 1), cảnh có lớp Layer1 Ta đổi tên lớp nhiều cách ví dụ nháy phải chuột, chọn properties đánh lại tên
(3)Nếu có nhiều lớp giúp cho bạn xử lý dễ dàng Dễ nào? Khi có cảnh thể nhiều lớp, hình ảnh lớp chồng lên lớp kia, khiến bạn không mà lần Bạn tắt bỏ cách nháy vào phần mắt lớp không lên hình ảnh lớp Khi bạn không bị rối bị nhiễu đối tượng lớp bị tắt này, công việc dễ dàng Mặt khác, lớp làm xong, bạn khố lại (Nháy vào chỗ khố) lớp, lớp bị thay đổi Lúc bạn có thao tác nhầm cố tình xố lớp bị khố khơng suy suyển Bạn thấy có tốt khơng? Bạn khơng phải lo, chiếu kết phim, lớp bị tắt không ảnh hưởng
Bạn xố lớp cách right-click vào lớp cần xoá, chọn Delete Layer
MF kiểm soát lớp cách gán cho lớp có số tính chất định Bạn right-click vào lớp, chọn properties bảng thuộc tính lớp MF chia lớp thành loại gồm Normal (Thường), Guide (Dẫn), Guided(Được dẫn), Mask (Mặt nạ) Masked (Bị che mặt nạ) Trong kiểu normal đờ phôn
MF cho phép tạo loại lớp guide: Lớp dẫn lớp dẫn chuyển động Những đường, hình dạng lớp dẫn thường dùng làm điểm để bố trí, điều chỉnh đối tượng sân khấu stage Lớp dẫn chuyển động cho phép bạn tạo đường quỹ tích giúp cho đối tượng hoạt hình chuyển động theo Vấn đề đề cập riêng bạn liên kết lớp dẫn guided có chứa đối tượng hoạt hình với lớp dẫn guide chuyển động
Lớp mặt nạ mask che dấu toàn lớp bị che masked nằm trực tiếp bên Tất nằm lớp mặt nạ lỗ thủng khe hở để ta nhìn thấy lớp Masked bị che mặt nạ Ví dụ lớp mặt nạ có chứa dịng chữ Lớp bị che có thảm nhiều màu sắc Ta cho thảm chuyển động, chiếu, hình ta thấy dịng chữ đổi màu đẹp Bạn nhìn thấy chữ "Hân hạnh giới thiệu" đầu viết thực theo nguyên tắc
(4)(Tất nhiên có cách nhóm Group đối tượng lớp, Trung tâm Tin học Trung tâm Tin học ABC khơng khuyến khích giải theo kiểu này, dẫn tới nhiều rắc rối mà vấn đề hướng dẫn qua INTERNET khơng có chỗ để giải đáp rắc rối kiểu đó, bạn tham khảo lớp học Trung tâm Tin học ABC)
Tại lớp, bạn nhìn sang vùng tiến trình thời gian chia thành khung frame Đấy chỗ đặt sẵn Số lượng frame tuỳ thuộc vào mục đích yêu cầu tệp bạn định làm mà đặt cho hợp lý Các khung Frame chúng tơi xin trình bày khác
Bạn xem trang 3
Bây ta chuyển sang phần mà ta cần nghiên cứu sâu chút Bạn đặt vào lớp này? Tất nhiên bạn dùng MF để tạo hiệu ứng chữ, bạn chèn chữ trực tiếp lên lớp Tuy nhiên khuyên bạn không nên đánh thẳng vào cách Tai vậy? Qua số giải đáp, hi vọng bạn tự suy nghĩ hiểu rõ điều
Bây phải tạo thư viện riêng Vấn đề tạo thư viện để làm việc nhiều lần đối tượng Ví dụ tạo thư viện có chim sử dụng tiến trình thời gian, ta đưa chim vào phim đoạn hoạt hình, đưa nhiều lần mà khơng phải thiết kế lại Bài hướng dẫn bạn lấy hình ảnh tệp khác thiết kế, đưa vào thư viện Để sử dụng thư viện bạn phải chèn vào Symbol cách chọn Insert New Symbol để hộp thoại sau:
Vì chèn hình động vào lớp nên bạn chọn Movie Clip, đánh tên Symbol OK
(5)Chúng ta mở tệp có cơng đoạn thiết lập sẵn thư viện
Bạn thấy không, thư viện, thứ có sẵn cho bạn đặt vào lớp Bạn Drag hình chim bay vào vùng làm việc Symbol Có nghĩa hình chim Symbol có tên Chim Bay
Vì hình ảnh chim bay khơng phải khung đứng im, có số khung ảnh liên tiếp nên ta phải thêm vào Symbol số khung cần thiết cho chuyển động cách: Bạn click vào khung số 12 tiến trình thời gian, nhấn F5 để thêm 12 khung cho Symbol
Ta thêm lớp khác vào Symbol Chim bay chèn tiếp hình khác, để sau Bây ta click Scence để quay lại cảnh
(6)Nếu hình chim to bạn right-click vào chim, chọn Scale drag quai để hình chim nhỏ lại
Bây bạn nhấn Ctrl + Enter để kiểm tra xem chim vẫy cánh
Ta thấy vẫy cánh nhảy xếch Tại sao, khơng cho đủ số khung chim so với thiết kế mẫu Ta Dclick vào biểu tượng Symbol thư viện để tăng số khung tiến trình thời gian Bạn click vào khung số 15 nhấn phím F5 để thêm khung Bây ta nhấn Ctrl + Enter để kiểm tra Bạn thấy không, chim vỗ cánh
Bây vẽ đường bay cho chim
Bạn click chuột để Scence Trên tiến trình thời gian, bạn click vào khung số 60 nhấn F6 Nháy phím phải vào khung số 1, chọn Create Motion Tween (Tạo đường chuyển động) Ta thấy có hình mũi tên từ khung số đến khung số 60:
(7)60 Sau Drag hình chim vị trí cuối sân khấu Stage Sau bạn nhấn Ctrl + Enter
Bạn thấy điều xảy ra? Ơ kìa, chim bay đoạn Flash thật dễ
Bây bạn lại tác động vào quỹ đạo chim cách click vào khung số 20, nhấn F6 để thêm bước ngoặt chuyển động Khi sân khấu vị trí chim khung theo tiến trình bay phần nêu Bạn Drag lên đầu cao vị trí Có nghĩa đặt bước ngoặt bắt chim phải bay qua điểm Ta lại nhấn Ctrl + Enter để kiểm tra Con chim bay với tiến trình
Tới ta cần phải vẽ đường quay lại cho chim bay ngược lại
(8)Tương tự ta click vào khung 120 drag chim tới vị trí cánh gà trái Tại vị trí này, theo cách ta thu nhỏ chim lại Sau nhấn Ctrl + Enter để kiểm tra kết
Bạn thân mến! Chúng hướng dẫn cho bạn để tạo chuyển động chim bay Bạn tạo nhiều lớp để có đàn chim bay tương tự, sau tóm tắt bài:
- Để chèn hình ảnh cử động từ thư viện FLA có sẵn vào, ta cần chèn Symbol Movie Clip để tiếp nhận Đặt số khung Symbol để hình ảnh cử động đủ số hình cách nhấn F5
- Chèn lớp cảnh để tiếp nhận Symbol
- Tại lớp muốn tạo quỹ tích chuyển động cho hình ảnh cử động phải chọn Create Motion tween Nhấn F6 bước ngoặt chuyển động thay đổi hình ảnh bước ngoặt
download