Giaotrinh Flash

PhÇn mÒm flash MỤC LỤC 2. GIỚI THIỆU CHUNG 4 2.1. Giới thiệu 4 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2.2. Cài đặt 5 2.3. Khởi động Flash 6 2.4. Thoát khỏi Flash 6 3. CÁC KHÁI NIỆM CƠ BẢN 7 3.1. Stage (sân khấu) 7 3.2. Toolbox (hộp công cụ) 7 3.3. Panels (bảng chức năng) 7 3.4. Timeline (trục thời gian) 7 3.5. Layers (các lớp) 7 3.6. Library (thư viện) 8 3.7. Properties (bảng thuộc tính) 8 4. CÁC CÔNG CỤ CƠ BẢN 8 5. KỸ NĂNG VẼ HÌNH 8 5.1. Vẽ hình bình hành 8 5.2. Vẽ hình thoi 8 5.3. Vẽ tam giác cân 9 5.4. Vẽ tam giác đều 9 5.5. Kẻ sơ đồ trong những bài toán đố 9 5.6. Vẽ hình cầu 10 6. KỸ NĂNG TÔ MÀU 10 6.1. Đổ màu và xóa màu 10 6.2. Tạo chuyển màu trong hình 13 7. CHUYỂN ĐỘNG THẲNG 15 7.1. Tạo chuyển động thẳng đơn giản 15 7.2. Tạo hai chuyển động thẳng liên tiếp 19 8. CHUYỂN ĐỘNG THEO QUỸ ĐẠO (PATH) 21 9. BIẾN HÌNH 24 10. HIỆU ỨNG MẶT NẠ (MASK) 26 11. GẤP HÌNH 28 Công ty Cổ phần Tin học Bạch Kim Trang 2/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 12. CẮT GIẤY 31 13. QUAY COMPA 33 14. TẠO NÚT CHẠY (PLAY) CHO ĐOẠN HOẠT HÌNH 35 15. CON LẮC ĐƠN 37 1. Công ty Cổ phần Tin học Bạch Kim Trang 3/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2. GIỚI THIỆU CHUNG 2.1. Giới thiệu Adobe Flash (trước đây là Macromedia Flash và trước đó FutureSplash), hay còn gọi một cách đơn giản là Flash, được dùng để chỉ chương trình sáng tạo đa phương tiện (multimedia) lẫn phần mềm dùng để hiển thị chúng Macromedia Flash Player. Chương trình điện toán này được viết và phân phối bởi Adobe Systems (công ty đã mua Macromedia). Flash dùng kỹ thuật đồ họa vectơ và đồ họa điểm (raster graphics). Ngoài ra Flash còn có một ngôn ngữ văn lệnh riêng gọi là ActionScript và có khả năng truyền và tải luồng âm thanh hoặc hình ảnh. Macromedia Flash được dùng để chỉ chương trình tạo ra các tập tin Flash. Còn Flash Player được dành để chỉ ứng dụng có nhiệm vụ thi hành hay hiển thị các tập tin Flash. Tuy vậy, chữ Flash được dùng để chỉ cả hai chương trình nói trên. Flash là công cụ để phát triển các ứng dụng như thiết kế các phần mềm mô phỏng. Sử dụng ngôn ngữ lập trình ActionScript để tạo các tương tác, các hoạt cảnh trong phim. Điểm mạnh của Flash là có thể nhúng các file âm thanh, hình ảnh động. Người lập trình có thể chủ động lập các điều hướng cho chương trình. Flash cũng có thể xuất bản đa dạng các file kiểu html, exe, jpg, để phù hợp với các ứng dụng của người sử dụng như trên Web, CD, Các tập tin Flash, thường thường mang phần mở rộng là .swf và có thể hiện thị bởi các chương trình duyệt trang Web hay ứng dụng Flash Player. Các tập tin Flash thường là hoạt họa, quảng cáo hay các thành phần trang trí của các trang Web. Gần đây Flash còn được sử dụng để tạo ra các ứng dụng Internet phong phú. Với một kích thước tương tự, một tập tin Flash có thể chứa nhiều thông tin hơn là một tập tin hình dạng GIF hay dạng JPEG. Ưu điểm lớn nhất của Flash - với đồ họa dạng vecto - là kick thước file rất nhỏ. Thuận tiện cho việc truyền tải dữ liệu qua Internet. Phiên bản mới nhất của Flash (8/2007) là Flash 9 ( Flash IDE CS 3, Flash Player 9 ) với actionscript 3 ( so với actionscript 2 trong flash 8 ). Công ty Cổ phần Tin học Bạch Kim Trang 4/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2.2. Cài đặt Để cài đặt chương trình Macromedia Flash 8, bạn cần mua đĩa phần mềm. Mở ổ đĩa và tìm đến file cài đặt (file chạy: Flash8-en .exe) Chương trình cài đặt bắt đầu chạy để cài đặt phần mềm Macromedia Flash8 vào máy tính của bạn. Các bạn nhấn Next để tiếp tục cài đặt. Bạn chọn “I accept the iterms in the licensce agreement” để đồng ý với các điều khoản của nhà sản xuất, nhấn Next. Máy tính mặc định cài đặt phần mềm vào ổ “C:\Program Files\Macromedia\Flash 8\ ”. Bạn có thể cài đặt sang một ổ khác của máy tình bằng cách nhấn vào Change… (thay đổi). Để đặt biểu tượng của phần mềm trên màn hình, bạn tích vào ô: Create Shortcut on Desktop. Sau đó bạn nhấn Next và chọn Install để tiếp tục cài đặt. Công ty Cổ phần Tin học Bạch Kim Trang 5/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Sau khi cài đặt xong, máy tính báo cài đặt đã thành công (InstallShield Wizard Completed), bạn chọn Finish để hoàn tất việc cài đặt. 2.3. 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 hoặc chọn và nhấn Enter vào biểu tượng Flash ở màn hình Desktop. 2.4. 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. Công ty Cổ phần Tin học Bạch Kim Trang 6/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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. 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. Công ty Cổ phần Tin học Bạch Kim Trang 7/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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 . 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. 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 8/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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. 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: Công ty Cổ phần Tin học Bạch Kim Trang 9/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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.  Thao tác: Để 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. Công ty Cổ phần Tin học Bạch Kim Trang 10/38 [...]... http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Bài tập: Vẽ một hình bất kỳ bằng công cụ Pen Tool (P) và tạo chuyển màu cho hình đó từ màu đỏ sang vàng sang xanh lá và xanh lam 7 CHUYỂN ĐỘNG THẲNG Tạo chuyển động cho hình là thế mạnh và cũng là chức năng chính của Flash Đã có sự chuyển động tức là đã có sự thay đổi Mà có sự thay đổi tức là liên quan đến thời gian Vì vậy để tạo chuyển động trong flash, các bạn phải luôn... Tin học Bạch Kim Trang 30/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 12 CẮT GIẤY Flash giúp bạn tạo ra những đoạn hình mô phỏng thực tế Điều quan trọng là ta phải biết xử lý, kết hợp hài hòa giữa các lớp (Layer) hình 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:  Thao tác: Tại Frame 1 của Layer 1, dùng công cụ Rectangle... vàng cam, nét nhiều màu: có đoạn màu đỏ, đoạn màu xanh, đoạn màu vàng… Công ty Cổ phần Tin học Bạch Kim Trang 12/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 6.2 Tạo chuyển màu trong hình Đôi khi trong một mảng hình ta muốn có nhiều màu Flash có khá nhiều lựa chọn cho bạn tô màu  Thao tác: Để 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... http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Click chuột vào biểu tượng (Insert Layer) để tạo thêm một lớp (Layer) mới Đặt tên lớp thuyen Chọn menu File→Import→Import to stage, chọn bức ảnh thuyền để đưa vào trang soạn thảo Dùng công cụ Free Transform Tool chỉnh kích thước con thuyền cho phù hợp Công ty Cổ phần Tin học Bạch Kim để điều Trang 16/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Tiếp theo, bạn sẽ... trên đường thẳng, leo núi rồi qua hố Chú ý tốc độ ô tô lên dốc sẽ chậm dần và xuống dốc sẽ nhanh dần Công ty Cổ phần Tin học Bạch Kim Trang 23/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 9 BIẾN HÌNH Với phần mềm Flash, bạn có thể dễ dàng tạo cho mình một đoạn hoạt hình với hiệu ứng biến đổi đối tượng hình vẽ này (Shape) thành đối tượng hình vẽ khác  Thao tác: Chẳng hạn, để tạo hoạt hình biến đổi... hiệu ứng phổ biến khi xây dựng các đoạn hoạt hình bằng Flash Với việc sử dụng hiệu ứng mặt nạ, bạn có thể chỉ cho phép người dùng quan sát một phần của đối tượng  Thao tác: Chẳng hạn, để làm một đoạn hoạt hình quan sát phong cảnh qua ống nhòm, bạn làm như sau: Công ty Cổ phần Tin học Bạch Kim Trang 26/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Đầu tiên, bạn đặt tên cho Layer này là Nen Tiếp... chuyển động 11 GẤP HÌNH Flash giúp bạn tạo chuyển động gấp hình như gập trang sách, lật mặt sau của hình, v…v…  Thao tác: 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 Công ty Cổ phần Tin học Bạch Kim Trang 28/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash Dùng công cụ Line... công cụ Color Mixer, bạn có thể chọn menu Window→Color Mixer 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 đó Công ty Cổ phần Tin học Bạch Kim Trang 13/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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... NÚT CHẠY (PLAY) CHO ĐOẠN HOẠT HÌNH Khi xây dựng các file hoạt hình bằng Flash, bạn hoàn toàn có thể chủ động trong việc điều khiển các hoạt động bằng cách tạo các nút điều khiển Dưới đây là một số ví dụ đơn giản về sử dụng nút điều khiển Công ty Cổ phần Tin học Bạch Kim Trang 35/38 http://daotao.bachkim.vn  Hướng dẫn sử dụng Flash Thao tác: Giả sử bạn đã xây dựng được đoạn hoạt hình biến hình từ hình... phần Ease = -100 để 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ồ Công ty Cổ phần Tin học Bạch Kim Trang 20/38 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 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 bi trên máng nằm ngang Tại Frame 60 của Mang và Gia_do, bạn nhấn F5 Tại Frame 60 của vienbi, . Macromedia Flash được dùng để chỉ chương trình tạo ra các tập tin Flash. Còn Flash Player được dành để chỉ ứng dụng có nhiệm vụ thi hành hay hiển thị các tập tin Flash. Tuy vậy, chữ Flash được. liệu qua Internet. Phiên bản mới nhất của Flash (8/2007) là Flash 9 ( Flash IDE CS 3, Flash Player 9 ) với actionscript 3 ( so với actionscript 2 trong flash 8 ). Công ty Cổ phần Tin học Bạch Kim Trang. PhÇn mÒm flash MỤC LỤC 2. GIỚI THIỆU CHUNG 4 2.1. Giới thiệu 4 http://daotao.bachkim.vn Hướng dẫn sử dụng Flash 2.2. Cài đặt 5 2.3. Khởi động Flash 6 2.4. Thoát khỏi Flash 6 3. CÁC KHÁI