GIÁO TRÌNH PLASH - RẤT CẦN THIẾT

PhÇn mÒm flash MỤC LỤC 2. KHỞI ĐỘNG VÀ THOÁT 4 2.1. Khởi động Flash 4 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2.2. Thoát khỏi Flash 4 3. CÁC KHÁI NIỆM CƠ BẢN 4 3.1. Stage (sân khấu) 4 3.2. Toolbox (hộp công cụ) 5 3.3. Panels (bảng chức năng) 5 3.4. Timeline (trục thời gian) 5 3.5. Layers (các lớp) 5 3.6. Library (thư viện) 5 3.7. Properties (bảng thuộc tính) 5 4. CÁC CÔNG CỤ CƠ BẢN 5 5. KỸ NĂNG VẼ HÌNH 5 5.1. Vẽ hình bình hành 5 5.2. Vẽ hình thoi 6 5.3. Vẽ tam giác cân 6 5.4. Vẽ tam giác đều 6 5.5. Kẻ sơ đồ trong những bài toán đố 7 5.6. Vẽ hình cầu 7 6. KỸ NĂNG TÔ MÀU 7 6.1. Đổ màu và xóa màu 7 6.2. Tạo chuyển màu trong hình 9 7. CHUYỂN ĐỘNG THẲNG 10 7.1. Tạo chuyển động thẳng đơn giản 10 7.2. Tạo hai chuyển động thẳng liên tiếp 14 8. CHUYỂN ĐỘNG THEO QUỸ ĐẠO (PATH) 15 9. BIẾN HÌNH 17 10. HIỆU ỨNG MẶT NẠ (MASK) 19 11. GẤP HÌNH 20 12. CẮT GIẤY 22 13. QUAY COMPA 24 Công ty Cổ phần Tin học Bạch Kim Trang 2/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 14. TẠO NÚT CHẠY (PLAY) CHO ĐOẠN HOẠT HÌNH 26 15. CON LẮC ĐƠN 27 1. Công ty Cổ phần Tin học Bạch Kim Trang 3/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2. KHỞI ĐỘNG VÀ THOÁT 2.1. Khởi động Flash Sau khi cài đặt phần mềm Macromedia Flash, bạn có thể khởi động chương trình bằng các cách sau: • Bạn vào Start→Programs→Macromedia→ Macromedia Flash. • Click đúp vào biểu tượng Flash ở màn hình Desktop. 2.2. Thoát khỏi Flash Để thoát khỏi chương trình, bạn có thể thực hiện các cách sau: • Để thoát khỏi chương trình. Các bạn chọn menu File và chọn Exit. • Nhấn tổ hợp phím Alt + F4. 3. CÁC KHÁI NIỆM CƠ BẢN 3.1. Stage (sân khấu) Stage là vùng màn hình mà bạn vẽ vào và là vùng trình diễn khi phim đã được xuất bản. Công ty Cổ phần Tin học Bạch Kim Trang 4/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 3.2. Toolbox (hộp công cụ) Toolbox bao gồm các công cụ vẽ hình, chỉnh sửa hình, xem hình… 3.3. Panels (bảng chức năng) Các bảng chức năng (Panels) của Flash giúp đỡ bạn những công việc xử lí các đối tượng trên sân khấu như căn chỉnh (Align), chỉnh kiểu màu (Color Mixer, Color Swatches), các phép biến hình: xoay hình, phóng to thu nhỏ… (Transform), … Có thể cho gọi các bảng từ menu Window. 3.4. Timeline (trục thời gian) Trục thời gian tổ chức và điều khiển về vấn đề thời gian của đoạn hoạt hình. 3.5. Layers (các lớp) Giúp tổ chức trật tự trên dưới của các đối tượng. 3.6. Library (thư viện) Là nơi lưu trữ các tài nguyên. 3.7. Properties (bảng thuộc tính) Cho ta biết thuộc tính của đoạn hoạt hình (màu nền sân khấu, tốc độ hình ảnh, kích cỡ sân khấu…), đối tượng hình ảnh (màu nét, màu nền, độ rộng nét ), các thông số trong các chuyển động (tốc độ nhanh dần hay chậm dần, quay theo chiều nào…). 4. CÁC CÔNG CỤ CƠ BẢN 5. KỸ NĂNG VẼ HÌNH 5.1. Vẽ hình bình hành Để vẽ hình bình hành, bạn click chuột chọn biểu tượng Rectangle Tool . Công ty Cổ phần Tin học Bạch Kim Chọn, chỉnh sửa hình và nét. Vẽ nét trực tiếp. Chọn, chỉnh sửa điểm. Vẽ màu trực tiếp. Vẽ đường thẳng. Các phép biến hình. Chọn miền màu. Tùy biến kiểu tô màu. Vẽ đường cong. Tạo nét viền. Đánh chữ. Đổ màu vào miền. Vẽ Elip. Công cụ hỏi màu. Vẽ hình chữ nhật. Tẩy xóa. Trang 5/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Dùng chuột vẽ một hình chữ nhật. Tiếp đó chọn công cụ Selection Tool và khoanh vùng chọn cả hình chữ nhật. Chọn công cụ Free Transform Tool , rồi đưa chuột đến biên của hình chữ nhật, khi xuất hiện mũi tên hai chiều thì nhấn và kéo sang ngang để được hình bình hành. 5.2. Vẽ hình thoi Bạn sử dụng công cụ Rectangle Tool và giữ Shift để vẽ một hình vuông. Tiếp đó, sử dụng công cụ Selection Tool chọn toàn bộ hình vuông. Chọn công cụ Free Transform Tool , rồi đưa chuột đến góc của hình xoay một góc 45 o . Click chuột ra ngoài vùng trắng, sau đó dùng công cụ Selection Tool để chọn lại đối tượng và kéo hạt đen làm cho hình bị bẹt lại để được một hình thoi. 5.3. Vẽ tam giác cân Đầu tiên, dùng công cụ Rectangle Tool vẽ một hình chữ nhật . Sau đó, vẽ một đường thẳng đứng bên ngoài hình chữ nhật bằng công cụ Line Tool . Bạn chọn công cụ Selection Tool để chọn cả hai đối tượng, chọn menu Modify, chọn Align, chọn Horizontal Center để căn đường thẳng vào giữa hình chữ nhật. Tiếp tục dùng công cụ Line Tool vẽ hai cạnh bên của tam giác. Sau đó, xóa bỏ những nét không cần thiết bằng cách dùng chuột chọn các nét thừa và nhấn Delete trên bàn phím. Như vậy chúng ta đã vẽ xong tam giác cân. 5.4. Vẽ tam giác đều Các bạn chọn công cụ Line Tool : vẽ 2 đường thẳng đứng và một đường nằm ngang. Giữ Shift trong quá trình vẽ để được những nét thẳng. Công ty Cổ phần Tin học Bạch Kim Trang 6/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Chọn menu Window → Transform để xuất hiện cửa sổ Transform. Bạn sẽ sử dụng chức năng này để quay các đường thẳng đứng. Đầu tiên, bạn chọn đường thẳng đứng bên trái, trở về cửa sổ Transform rồi nhập vào hộp Rotate là 30 o , gõ xong nhấn Enter. Làm tương tự với đường thẳng bên phải để quay một góc -30 o . Tiếp theo di chuyển 3 đường thẳng cho chúng cắt nhau, rồi chọn các nét thừa và xóa bỏ chúng bằng phím Delete. Kết thúc việc này, bạn được một tam giác đều. 5.5. Kẻ sơ đồ trong những bài toán đố Bạn có thể sử dụng công cụ Line Tool như sau: Chọn công cụ Line để vẽ các nét dọc và một nét ngang tùy ý, như hình dưới: Tiếp theo, bạn chọn toàn bộ các nét dọc. Chọn menu Window, chọn Align để xuất hiện cửa sổ Align. Trên cửa sổ Align, chọn chức năng độ dài bằng nhau , căn chỉnh trục ngang đối xứng , giãn khoảng cách bằng nhau . Bây giờ bạn chọn cả nét dọc và nét ngang, chọn trục ngang đối xứng . Như vậy, quá trình vẽ sơ đồ đã hoàn tất. 5.6. Vẽ hình cầu Để vẽ hình cầu. Các bạn làm như sau: Chọn công cụ Oval Tool . Tiếp đó, chọn công cụ Fill Color , rồi chọn kiểu tô Gradien . Các bạn giữ Shift và dùng chuột vẽ một hình tròn. Khi đó ta được một hình cầu cần vẽ. Tiếp đó, chọn công cụ Gradien Transform Tool để thay đổi mầu sáng, mầu tối trên hình cầu. 6. KỸ NĂNG TÔ MÀU 6.1. Đổ màu và xóa màu Một đối tượng hình vẽ (Shape) trong flash bao gồm: Nét và Mảng. Công ty Cổ phần Tin học Bạch Kim Trang 7/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Để thay đổi màu của đối tượng hình vẽ (Shape), bạn chọn công cụ Selection tool , chọn vào mảng (hay nét) cần thay đổi màu, chọn vào công cụ Fill color (đối với mảng) hay công cụ Stroke color (đối với nét) và chọn màu cần đổ. Như vậy, đối tượng của bạn đã được thay đổi màu. Đổ màu cho mảng Để xóa mảng (hay nét) của đối tượng hình vẽ, bạn chọn công cụ Selection tool , chọn mảng (hay nét) cần xóa và nhấn phím Delete. Xóa nét của đối tượng hình vẽ Công ty Cổ phần Tin học Bạch Kim Trang 8/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Để đổ lại màu cho mảng (hay nét), các bạn chọn công cụ Paint Bucket Tool (đối với mảng) hay công cụ Ink Bottle Tool (đối với nét), click tiếp vào đối tượng hình vẽ để đổ màu. Vẽ nét của đối tượng hình vẽ 6.2. Tạo chuyển màu trong hình Để làm cho đối tượng hình vẽ chuyển màu, bạn dùng công cụ Selection tool , chọn vào mảng cần tạo chuyển màu, chọn mục Type trong công cụ Color Mixer và chọn Linear. Lưu ý: Nếu không thấy công cụ Color Mixer, bạn có thể chọn menu Window→Color Mixer. Công ty Cổ phần Tin học Bạch Kim Trang 9/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Tuy nhiên, mặc định Flash là chuyển từ màu đen sang màu trắng. Bạn có thể thay đổi các màu này bằng cách click đúp vào các ô màu trên thanh chuyển màu và thay đổi các màu đó. Bạn cũng có thể thêm một ô màu nữa ở giữa hai ô màu có sẵn (bằng cách click vào khoảng giữa hai ô màu) và kéo các ô màu trên bảng chuyển màu để được đối tượng hình vẽ chuyển màu vừa ý. 7. CHUYỂN ĐỘNG THẲNG 7.1. Tạo chuyển động thẳng đơn giản Để tạo một chuyển động thẳng của của con thuyền bạn làm như sau: Công ty Cổ phần Tin học Bạch Kim Trang 10/28 [...]... thuyền từ vị trí đầu đến vị trí cuối bạn click phải chuột vào một Frame bất kỳ giữa hai Frame đầu và cuối của lớp thuyen và chọn Create Motion Tween Chương trình sẽ tự chia khoảng cách giữa hai vị trí đầu và cuối thành 30 phần, mỗi một Frame, chương trình Công ty Cổ phần Tin học Bạch Kim Trang 12/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash tự thay đổi vị trí của con thuyền và kết quả là con thuyền... thành đậm hơn Chọn Frame bất kỳ nằm giữa Frame 1 và 15 của Layer 1 Cho xuất hiện bảng thuộc tính (Properties), chọn Shape tại menu thả Tween và đặt tham số Ease = -1 00 Nhấn tổ hợp phím Ctrl + Enter để kiểm tra kết quả của bạn 12 CẮT GIẤY Nếu bạn cần một đoạn mô phỏng hành động cắt giấy, bạn có thể dễ dàng tự tạo được với phần mềm Macromedia Flash như sau: Tại Frame 1 của Layer 1, dùng công cụ Rectangle... cụ Select Tool chọn gần hết đường cắt và nhấn phím Delete để xóa đi, chỉ để lại một điểm rất nhỏ ở đầu làm gốc Click chọn một Frame ở giữa Frame1 và 20, cho xuất hiện bảng thuộc tính (Properties), chọn mục Tween, chọn Shape để tạo ra chuyển động của nét cắt Như vậy nét cắt đã chuyển động dài dần ra Bây giờ ta sẽ cần một con dao chuyển động cùng đường cắt để đoạn mô phỏng phù hợp với thực tế Bạn tạo... Center và Align Vertical Center Khi đó tâm của hình tròn là giao điểm của hai đường thẳng Tiếp theo ta cần một chiếc compa Các bạn tạo một Layer mới (đặt tên là Compa), bạn vẽ một chiếc compa (nếu có sẵn hình, bạn có thể đưa vào bằng cách chọn menu File→Import→Import To Stage) Nếu là hình tự vẽ, cần chuyển thành đối tượng ảnh bằng cách nhấn phím F8, chọn Graphic và chọn OK Chọn công cụ Free Transform... Đầu tiên, bạn chọn Frame 1, nhấn F9 để hiện cửa sổ Actions - Frame và nhập vào đó câu lệnh: stop( ); (có phân biệt chữ hoa chữ thường) để dừng ở Frame đầu tiên Tiếp theo, bạn tạo thêm một Layer mới và đặt tên là Nut Trên Layer này, bạn chọn menu Window→Common Libraries→Buttons\ lúc này bảng Library Button.fla hiện ra Trong bảng này đã có sẵn rất nhiều loại nút, bạn chọn một nút để sử dụng Công ty Cổ... nhiên, để viên bi lăn và chuyển động nhanh dần, bạn chọn vào Frame bất kỳ giữa Frame1 và Frame 30 của lớp vienbi, chọn menu Windows, chọn Properties và chọn Properties Tại cửa sổ Properties: phần Ease = -1 00 để viên bi chuyển động nhanh dần, phần Rotate chọn là CW để viên bi quay theo chiều kim đồng hồ Như vậy, bạn đã tạo được chuyển động lăn xuống dốc của viên bi Bây giờ bạn sẽ tạo chuyển động cho viên... hợp phím Ctrl + Enter và bạn đã có đoạn hoạt hình hoàn chỉnh 8 CHUYỂN ĐỘNG THEO QUỸ ĐẠO (PATH) Về nguyên tắc thì cách tạo chuyển động theo quỹ đạo tương tự cách tạo chuyển động thẳng, chỉ khác là bạn cần phải vẽ một đường quỹ đạo chuyển động Chẳng hạn, để con ong bay theo một quỹ đạo nào đó bạn làm như sau: Vào menu File→Import→Import to stage để đưa bức ảnh con ong vào trang soạn thảo Dùng công cụ... nhấn tổ hợp phím Ctrl + Enter để xem kết quả biến hình Công ty Cổ phần Tin học Bạch Kim Trang 18/28 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Lưu ý: Nếu bạn chọn biến thành một dòng chữ thì bạn cần chọn Break Apart hai lần, lần thứ nhất để tách đối tượng hình ảnh (Graphic) dòng chữ thành các đối tượng hình ảnh là các chữ cái, lần thứ hai là để chuyển các đối tượng hình ảnh đó thành đối tượng... nét vẽ khớp với mũi compa Tại Frame 5, 15, trên Layer Mat_na, bạn nhấn phím F6 Lần lượt chọn Frame bất kỳ giữa Frame 1 và 5; Frame 10 và 15 và thay đổi giá trị trong mục Ease ở bảng Properties xuống còn -1 00 Khoảng giữa Frame 5 và 10; Frame 15 và 20, thay đổi giá trị trong mục Ease ở bảng Properties lên 100 Nhấn tổ hợp phím Ctrl + Enter và bạn đã có một đoạn mô phỏng hoàn chỉnh Công ty Cổ phần Tin học... Nhấn tổ hợp phím Ctrl + Enter và bạn đã có một đoạn hoạt hình dùng ống nhòm để quan sát cảnh biển Lưu ý: Bạn có thể thay đổi màu nền của trang soạn thảo thành màu đen để giống thật hơn 11 GẤP HÌNH Nếu cần một đoạn hoạt hình gấp giấy để minh họa bài giảng, bạn có thể thực hiện các thao tác sau: Tại Layer 1, bạn chọn công cụ Rectangle Tool để vẽ một hình chữ nhật Dùng công cụ Line Tool để vẽ nếp gấp và . chương trình bằng các cách sau: • Bạn vào Start→Programs→Macromedia→ Macromedia Flash. • Click đúp vào biểu tượng Flash ở màn hình Desktop. 2.2. Thoát khỏi Flash Để thoát khỏi chương trình, bạn. khỏi chương trình. Các bạn chọn menu File và chọn Exit. • Nhấn tổ hợp phím Alt + F4. 3. CÁC KHÁI NIỆM CƠ BẢN 3.1. Stage (sân khấu) Stage là vùng màn hình mà bạn vẽ vào và là vùng trình diễn khi. nhật. Tiếp tục dùng công cụ Line Tool vẽ hai cạnh bên của tam giác. Sau đó, xóa bỏ những nét không cần thiết bằng cách dùng chuột chọn các nét thừa và nhấn Delete trên bàn phím. Như vậy chúng ta đã