Đang tải... (xem toàn văn)
Công cụ Macromedia Flash gồm các phần cơ bản sau: -Stage là vùng màn hình mà bạn vẽ vào va 2là vùng trình diễn khi phim đã được xuất bản. -Toolbox: bao gồm các công cụ vẽ hình, chỉnh sữa hình, xem hình...
GIAO TRINH MACROMEDIA FLASH MUC LUC Tổng quan vé cong cu Macromedia Flash 1.1.1 Các khái niệm CƠ bả¡n -1.1.2 SỬ dụng công CỤ CƠ hon) 1051 0 H0 HT 1 n3 2325 0 520 HT TH TH E21 S23 323 1.1.3 en ceuscessensescsscessessnsssssescessnsseccescesscessunsncsssessessnsssssescessesssnsssccsscessunsussssessessnsescsescesscessusssecescessenssossssssussesessesssssessenessass Baii th orc hamhh .cc.ccscccscssssssssencenssnncsoscenssssenssencsnssencenasenssensensssnssocsensensssnssensenssessssnasssensesoesssees 2.1 VE Hinhy .cccssccccesecssscecessssccecesssnscecscssnsacessnsnsceesssnaecesesuasscesscnsnaecesensaseceeusesssussuusnszasazas 2.4 Mô cắt giếy dao TỌC gÏẤẾV - - LH c1 H2 SH SE 21x xa 2.4.1 Đầu tiên cần phải có tờ giấy để cắt c2 2k 2k 2E k2 SE SE vxEvsevset se se c ccczce 2.4.2 Vẽ đường cắt tỜ giấy: - ¿ wes: Ệ Bộ [viEm thẳng đứng góc 30° va -30° Ding * kéo cho yer mộ đường thẳng cắt hình bên Sau xóa hết \ : nét thừa — Kẻ sơ đồ Ï “ tốn đố Dùng “ vẽ hình (khơng cẩn phải xac!) Dung nét dọc À chọn toàn sử dụng bảng Align để chỉnh cho đoạn cách có độ dài Ioigo 20406 —c E | l | | | | ad FÁœ)n (M) To d nhau.Chon tồn hình, chỉnh cho đoạn chung trục ngang trục đối f xưng 2.2 Chuyển động biến hình Nắm bắt cách tạo chuyển động ta áp dụng vào giảng để mơ chuyển động bàn tay, dao rọc giấy, kéo, compa, thước kẻ 2.2.1 Chuyển động theo đường thẳng Đầu tiên cần phải có đối tượng hình ảnh mà ta muốn cho chuyển động Ví dỤ ta có ảnh thuyền vào menu Eile/ Import (Đối với hình ta tự vẽ phải chọn hình nhấn F8 đưa thành dạng hình ảnh (Graphic)) Vào menu Insert/ Convert to symbol, chọn kiểu Graphic Xác định vị trí ban đầu thuyền Trên bảng tiến trình đưa chuột đến Frame 30 Nhấn E6 Xác định vị trí cuối thuyền Đưa chuột đến frame 15 Nhấn phải chuột, chọn Create Motion Tween | === + = emer —— ¬—A = 2.2.2 Chuyển động theo quỹ đạo tùy ý Về nguyên tắc tương tự trên, khác ta cần phải có quỹ đạo Ta tận dụng ln ví dụ Nhấn chuột vào nút Add Motion Guider vào #so menu Insert/ Motion Guide để tạo lớp chứa | quỹ đạo Lưu ý lớp ln nằm lớp chứa | hình chuyển động Trên lớp Guide, ta vẽ quỹ đạo chuyển động Có thể dùng Z để vẽ nét bất kỳ, # để vẽ nhỮng nét cong, viền nét hình chữ nhật, viền nét hình Elip Vẽ xong quỹ đạo khóa lớp Guide lại để tránh việc chọn nhầm hình sau | ® Œ |! Add Motion Guider Trên EFrame layer 1, dùng chuột kéo thuyền tới vị trí ban đầu quỹ đạo Chú ý: kéo cho tâm hình xuất vịng trịn nhỏ bị dính vào quỹ đạo Tiếp theo ta xác định vị trí cuối thuyền frame 30, cách làm tương tỰ Con thuyền chuyển động theo quỹ đạo Nhưng chuyển động tịnh tiến Để cho giống thật, ta cho tàu chuyển động mà bụng tàu tiếp tuyến quỹ đạo (như hình về) ———S~—i< e Chon frame 15 Layer 1, đánh dấu kích hoat chtic nang Orient to path trén bảng Properties e Chú ý: Tại khung khung cuối ta phải chỉnh cho bỤng tàu có phương tiếp tuyến với quỹ đạo (dùng công cụ xoay Rotate and Skew) thi đảm bảo thời điểm trung gian bụng tàu có phương tiếp tuyến 2.2.3 Biến hình e Vẽ hình trịn frame 1, viền vàng, đỏ e Chọn frame 30, nhấn F7 e Trong frame 30, vẽ hình vng viền tím, xanh ¢ Chọn vào frame 15 Trên bảng thuộc tính (Properties), chọn Shape menu thả Tween 2.3 Bài thực hành: Chuyến động gấp hình, lật hình Giấp giấy thường sử dụng muốn minh họa hình học cho học sinh Ta minh họa động tác lật trang sách kỹ thuật 2.3.1 Vẽ hình trạng thái chưa bị gấp 2.3.2 Tạo đối tượng chuyển động e Dùng vẽ nếp gấp se Kích đúp chuột chọn phần hình dự kiến cho chuyển động (ví dụ kích đúp chuột vào phần hình bên trái) e Nhấn F8, đặt Bchavior Graphic để khai báo phần chuyển động đối tượng ảnh 2.3.3 Sắp đặt lớp e Chọn đối tượng vừa tạo, Cut ¢ Tao m6t 16p (Layer) lớp e Sau dé dan vao Layer (Ctrl+Shift+V) e Khóa Layer lại may — w+ HÍ nhện chon chức nơng khố lớp mat too Wp modi 2.3.4 Xác định tâm cố định e Trong Frame Layer 2, chon hình, chọn công cụ Free transform xuất khung hat đen hạt trắng tâm hình s Kéo hạt trắng phía mép nếp gấp se Làm tương tự với đối tượng Frame 15 Layer 2.3.5 Trạng thái cuối e Trên Frame 15 Layer 2, kéo hạt bên trái sang phải e Đưa chuột đến cạnh hình, thấy chuột có hình thi ta kéo lên khoảng nhỏ se é + - - 30)" - e Trỏ chuỘt vào giỮa frame frame15 Layer 2, nhấn phải chuột, chọn Create motion tween se Nhấn Enter để chạy thử Vị trí đợt 2.3.6 Tạo chuyển động — Chỉnh sửa Tuy chuyển động xong chạy thử ta thấy rằng: Ð |! so 1ụi¿] s (029 se Khi đến đoạn hình bị kéo cao lên không giống thật Phần bên hình lúc gấp nên tối dần thiếu ánh sáng cho hiệu hình ảnh giống thật 2.3.7 Điều chỉnh kích thước theo ý muốn Chọn frame kích phải chuột chọn Convert to keyframe Kích vào cơng cụ Modify onion markers, chon Onion all Kích hoạt chức Onion skin outlines Lúc ta theo dõi trực tiếp thay đổi dan dan chuyển động Công việc chỉnh cho đối tượng khung giỮa cho phù hợp ModWy o'ton rnotkers 2.3.8 Làm cho hình tối dần Vì thay đổi liên quan đến phần không chuyển động nên ta mở khoá layer khoá layer lại Chọn frame 15 layer 1, nhấn F6 Thay đổi màu thành đậm Chọn khung nằm frame frame 15 layer Trong bảng Properties, menu tha Tween, chọn Shape đặt tham số Ease 1a -100 2.4 Mô cắt giấy dao rọc giấy Cắt giấy thường sử dụng giáo viên muốn minh họa hình học cho học sinh Kỹ thuật dùng muốn minh họa động tác vẽ đường thẳng 2.4.1 Đầu tiên cần phải có tờ giấy để cắt Dùng cơng cụ Tools box để vẽ tờ giấy (ví dụ ta vẽ tờ giấy hình chữ nhật) 2.4.2 Vẽ đường cắt tờ giấy: Vẽ đường thẳng (dùng ⁄⁄) 2.4.3 Một số thủ tục rườm rà Dùng À chọn tồn hình, nhấn Ctrl+C Tạo layer (menu Insert/ Layer), nhấn phải chuột chọn Paste in place Trên Layer 2, tiẾp tục dùng Arrow tool chọn nét cắt, nhấn phải chuột chọn Cut Đưa chuôt đến vị tri Frame 10 layer 2, nhấn E5 Tạo lớp layer 3, nhấn phải chuỘt, paste in place > Mục đích việc làm là: Hình ảnh lớp sau xử lý thành trạng thái tờ giấy sau cắt Layer chứa tỜ giấy chưa cắt Layer chứa nét cắt 2.4.4 Tạo chuyển động dài ngắn đường cắt Khi đưa dao giấy, dao tới đâu đường cắt kéo dài tới trái với thật, ta phải tạo đường cắt trước dùng đến daol Trên layer 3, chọn frame 10, nhấn phím E6 ta có hình đường cắt cắt xong Trở lại frame 1, dùng công cụ Arrow tool chọn gần hết đường cắt nhấn phím Delete để lại đoạn ngắn phía (càng ngắn tốt), việc làm để khai báo hình dạng ban đầu đường cắt bắt đầu > Lưu ý: Nên khóa layer khác lại để tránh chon nhầm hình Vẫn layer 3, chọn frame 1, chọn kiểu biến hình Shape menu thả Tween thuộc bảng Phi Properties Kết ta thấy từ frame đến 10, li đường cắt dài dần hình — —— = rv mH * 2.4.5 Cần phải có dao rọc giấy Tạo layer (layer 4) để chứa dao, ta có sẵn hình dao rọc giấy việc đưa dao vào Flash để dùng (bằng cách vào menu Eile/ Import nhấn Crtl+R chọn file hình ảnh dao cần đưa vào) Nên nhớ ảnh dao phải có suốt dùng Flash cho phép đối tượng chuyển động cần phải khai báo hình ảnh dao Vào menu Insert/ Convert to symbol nhấn E8, chọn Graphic, nhấn OK 2.4.6 Tạo chuyển động cho dao Trén layer 4, frame 1, chon hinh dao, ding LÍ Khi hình dao bao bọc hạt đen hạt trắng Ở giỮa hình bên Dùng chuột kéo hạt trắng đến vị trí sát mép lưỡi dao (nên phóng to hình lên để đặt vị trí hạt trắng cho xác) Trên layer 4, chọn frame 10, nhấn phím F6 Trở frame 1, dùng cơng cụ À đưa chuột đến vị trí hạt trắng kéo dao đến vị trí cho hạt trắng trùng với điểm đường cắt (nếu đường cắt ngắn trùng với điểm được, lý mà ngắn tốt”) 10 “càng Tương tự nhƯ frame 10, ta kéo dao đến vị tri cho hat trang trùng với điểm đường cắt Đến việc khai báo vị trí dao thời điểm đầu cuối xong Việc cho dao chuyển động Vẫn layer frame 1, nhấn phải chuột chọn Create motion tween Nhấn phim Enter để xem thử đoạn phim 2.4.7 Hai miếng giấy sau cắt Sau cắt, tỜ giấy bị chia làm miếng nhỏ tạm gọi miếng trái miéng phai Bay gid ta sé lam cho miéng gidy xa dần sau cắt ae |2.z„-z | se? Xã x x (È > (b Boo Tắt chức mắt khóa lớp khác để xử lý riêng layer Click đúp vào miền tờ giấy bên trái, nhấn phím E8, chọn kiểu Graphic Cut miếng trái, tạo layer (layer 5) layer 1, click ado: af] ® phải chuột, Paste in place kyer x mi Dùng chuột kéo frame layer dén vi tri frame yer? x Bi kéo miếng trái sang phía bên trái khoảng ['' nhỏ (đây khoảng rời xa miếng trai) °° Se = 10 Đưa chuột dén vi tri frame 20, nhấn E6 Sau Chon frame 10, nhấn phải chuột chọn Create motion tween cL - HH) a Trở layer 1, tắt chức mắt chức khóa để nhìn rõ hình dạng miếng phải layer Ta thấy miếng phải bị thiếu nét, lý nét bị miếng trái lấy ta vẽ thêm vào cho đủ! (dùng cơng cụ line) Chọn toàn miếng phải, nhấn F8, chọn Graphic Kéo frame layer đến vị trí frame 10 Đưa chuột đến frame 20, nhấn E6 kéo miếng phải sang phải khoảng Chọn frame 10, nhấn phải chuột chọn Create motion tween Ta xoay nghiêng chút cho hình sinh động công cụ +! chon option JA Rotate and skew TO gidy d& xong, nhiên chạy thử đoạn phim ta thấy dao biến đột ngột nên ta làm cho dao biến 2.4.8 Con dao biến Bật lại chức mắt khóa cho lớp, trở lại layer Đưa chuột đến frame 15, nhấn E6, dùng © chon dao chỉnh thuộc tính Alpha menu tha Color trén bảng Properties Chỉnh độ Alpha- đỘ suốt cho dao 0% Đưa chuột đến frame 10, nhan phai chudt chon Create motion tween Nhu vay dao dân dần biến sau cắt Có thể làm tương tự muốn dao cat 11 ... hình dao rọc giấy việc đưa dao vào Flash để dùng (bằng cách vào menu Eile/ Import nhấn Crtl+R chọn file hình ảnh dao cần đưa vào) Nên nhớ ảnh dao phải có suốt dùng Flash cho phép đối tượng chuyển... ¿k2 2E E EEE2SSE SE S39 SE2X SE 32K E3 E322 3x 11 v22 11 Tổng quan vé cong cu Macromedia Flash 1.1.1 Các khái niệm co ban Stage (sân khấu) Stage vùng hình mà bạn vẽ vào vùng trình diễn... Toolbox bao gồm cơng cụ vẽ hình, chỉnh sửa hình, xem hình Panels (bảng chức năng) - Các bảng (panel) Flash giúp đỡ bạn nhữỮng công việc xử lí đối tượng sân khấu chỉnh (Align), chỉnh kiểu màu (Color