CHƯƠNG 3 CHƯƠNG 3 LỚP VÀ KHUNG HÌNH LỚP VÀ KHUNG HÌNH 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.1 Bảng tiến trình (Timeline) 3.1.1 Bảng tiến trình (Timeline)  TimeLine có vai trò rất quan trọng trong việc tạo TimeLine có vai trò rất quan trọng trong việc tạo ra một sản phẩm Flash, có thể xem nó như đầu não ra một sản phẩm Flash, có thể xem nó như đầu não trong việc xây dựng cũng như điều khiển mọi hoạt trong việc xây dựng cũng như điều khiển mọi hoạt động của các đối tượng trong một file Flash động của các đối tượng trong một file Flash  Tên của file Tên của file Flash Flash hiện hành hiện hành . .  Công tắc TimeLine Công tắc TimeLine , dùng để đóng mở toàn bộ phần dưới. , dùng để đóng mở toàn bộ phần dưới.  Tên của Scene Tên của Scene (phân cảnh), (phân cảnh), một file Flash có thể có một file Flash có thể có nhiều phân cảnh, phân cảnh đầu tiên luôn là nhiều phân cảnh, phân cảnh đầu tiên luôn là Scene 1 Scene 1 , có thể , có thể thay đổi tên, tạo hay xóa 1 phân cảnh bằng panel thay đổi tên, tạo hay xóa 1 phân cảnh bằng panel Scene Scene . .  Edit Scene Edit Scene công cụ lựa chọn phân cảnh, giúp bạn đến 1 công cụ lựa chọn phân cảnh, giúp bạn đến 1 phân cảnh khác. phân cảnh khác.  Edit Symbol Edit Symbol công cụ lựa chọn 1 symbol bạn đã tạo ra và công cụ lựa chọn 1 symbol bạn đã tạo ra và chỉnh sửa lại. chỉnh sửa lại.  Thay đổi kích thước vùng thiết kế Thay đổi kích thước vùng thiết kế : : 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.2 Lớp (Layer) 3.1.2 Lớp (Layer)  Lớp là thành phần tiếp theo của bảng tiến trình Lớp là thành phần tiếp theo của bảng tiến trình  Mỗi Lớp là nơi chứa khung hình Mỗi Lớp là nơi chứa khung hình  Các lớp có thể được tổ chức trong các ngăn chứa gọi là Các lớp có thể được tổ chức trong các ngăn chứa gọi là folder lớp. folder lớp.  Thứ tự trên dưới của lớp quyết định thứ tự trên dưới của Thứ tự trên dưới của lớp quyết định thứ tự trên dưới của các đối tượng thiết kế các đối tượng thiết kế 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.2 Lớp (Layer) 3.1.2 Lớp (Layer)  Các thao tác với lớp: Các thao tác với lớp:  Show/Hide Layer: Show/Hide Layer: ẩn/hiện Layer trên vùng thiết kế. ẩn/hiện Layer trên vùng thiết kế.  Lock/Unlock Layer: Lock/Unlock Layer: khóa/mở Layer, nếu khóa, Layer sẽ không khóa/mở Layer, nếu khóa, Layer sẽ không thể chấp nhận bất cứ đối tượng nào tạo ra sau đó thể chấp nhận bất cứ đối tượng nào tạo ra sau đó . .  Show Layer as Outlines: Show Layer as Outlines: hiện Layer dưới dạng các đưởng viền hiện Layer dưới dạng các đưởng viền mỏng, có màu tương ứng với màu của ô vuông cuối mỗi Layer. mỏng, có màu tương ứng với màu của ô vuông cuối mỗi Layer.  Insert Layer: Insert Layer: tạo một Layer mới, nằm trên Layer bạn đang đứng. tạo một Layer mới, nằm trên Layer bạn đang đứng.  Add Motion Guide: Add Motion Guide: tạo Layer chứa quỹ đạo của một chuyển động tạo Layer chứa quỹ đạo của một chuyển động bất kỳ. bất kỳ.  Insert Layer Folder: Insert Layer Folder: tạo một Folder mới. tạo một Folder mới.  Delete Layer: Delete Layer: xóa Layer xóa Layer . . 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.2 Lớp (Layer) 3.1.2 Lớp (Layer)  Các thao tác với lớp (tiếp theo): Các thao tác với lớp (tiếp theo):  Đặt tên lớp: Kích đúp vào lớp Đặt tên lớp: Kích đúp vào lớp  Chuyển thứ tự lớp: Rê lớp đến vị trí mới Chuyển thứ tự lớp: Rê lớp đến vị trí mới  Tạo folder chứa lớp: Kích chuột phải lên lớp, rồi chọn Tạo folder chứa lớp: Kích chuột phải lên lớp, rồi chọn Insert Folder Insert Folder  Biến thành lớp mặt nạ: Kích chuột phải lên lớp, rồi chọn Biến thành lớp mặt nạ: Kích chuột phải lên lớp, rồi chọn Mask Mask  Biến thành lớp chứa quỹ đạo: Kích chuột phải lên lớp, Biến thành lớp chứa quỹ đạo: Kích chuột phải lên lớp, rồi chọn rồi chọn Guide Guide  Tạo lớp chứa quỹ đạo: Kích chuột phải lên lớp, rồi chọn Tạo lớp chứa quỹ đạo: Kích chuột phải lên lớp, rồi chọn Add Motion Guide Add Motion Guide 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.3 Khung hình (Frame) 3.1.3 Khung hình (Frame)  Khung hình là những ô hình nhỏ chứa các đối tượng. Khi Khung hình là những ô hình nhỏ chứa các đối tượng. Khi ấn F5, con chạy chỉ số khung hình sẽ dịch chuyển trên ấn F5, con chạy chỉ số khung hình sẽ dịch chuyển trên thước chỉ số số khung hình. thước chỉ số số khung hình.  Lúc đó các khung hình sẽ lần lượt hiện ra theo thứ tự kèm Lúc đó các khung hình sẽ lần lượt hiện ra theo thứ tự kèm theo các đối tượng chứa trong khung hình đó theo các đối tượng chứa trong khung hình đó  Có thể thay đổi tốc độ hiển thị khung hình Có thể thay đổi tốc độ hiển thị khung hình  Thước chỉ số Frame và con chạy chỉ số Frame (màu đỏ). Thước chỉ số Frame và con chạy chỉ số Frame (màu đỏ). 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.3 Khung hình (Frame) 3.1.3 Khung hình (Frame)  Các loại khung hình: Các loại khung hình:  Khung hình rỗng Khung hình rỗng : : không chứ bất kỳ không chứ bất kỳ khung hình khung hình nào. nào.  Khung hình Khung hình trống trống : M : M àu trắng, có chấm tròn trắng ở đáy, àu trắng, có chấm tròn trắng ở đáy, không chứa bất kỳ đối tượng nào. không chứa bất kỳ đối tượng nào.  Khung hình Khung hình có chứa đối tượng có chứa đối tượng : M : M àu sẫm, có chấm tròn àu sẫm, có chấm tròn đen ở đáy đen ở đáy . .  Khung hình Khung hình chứa mã lệnh chứa mã lệnh : C : C ó chữ a ở đỉnh ó chữ a ở đỉnh . .  C C huỗi huỗi khung hình khung hình trống trống  Chuỗi Chuỗi khung hình khung hình chứa đối tượng chứa đối tượng  K K ết thúc chuỗi là một ết thúc chuỗi là một khung hình khóa khung hình khóa có hình chữ nhật có hình chữ nhật màu trắng ở đáy. màu trắng ở đáy.  Chuỗi Chuỗi khung hình khung hình chứa chuyển động chứa chuyển động  Chuỗi Chuỗi khung hình khung hình chứa hành động biến hình. chứa hành động biến hình. 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.3 Khung hình (Frame) 3.1.3 Khung hình (Frame)  Thao tác với khung hình Thao tác với khung hình  Chèn khung hình Chèn khung hình  B1: Kích chuột phải lên một ô trống bất kì trong khung hình B1: Kích chuột phải lên một ô trống bất kì trong khung hình rỗng rỗng  B2: B2:  Chọn Chọn Insert Frame Insert Frame : sẽ tạo ra một chuỗi các khung hình : sẽ tạo ra một chuỗi các khung hình từ khung hình đầu đến khung hình chèn. Các khung hình từ khung hình đầu đến khung hình chèn. Các khung hình sau khi chèn có tính chất giống như khung hình đầu sau khi chèn có tính chất giống như khung hình đầu  Hoặc chọn Hoặc chọn Insert Keyframe: Insert Keyframe: tạo ra tạo ra khung hình khung hình khóa khóa giống tính chất giống tính chất khung hình khung hình (chuỗi (chuỗi khung hình khung hình ) trước đó, ) trước đó, giữ nguyên đối tượng có sẵn. giữ nguyên đối tượng có sẵn.  Hoặc chọn Hoặc chọn Insert Blank Keyframe: Insert Blank Keyframe: tạo một tạo một khung hình khung hình khóa khóa trắng. trắng. 3.1 Các thành phần trong bảng tiến trình 3.1 Các thành phần trong bảng tiến trình  3.1.3 Khung hình (Frame) 3.1.3 Khung hình (Frame)  Thao tác với khung hình Thao tác với khung hình  Chọn khung hình Chọn khung hình  Chọn chuỗi các khung hình: Rê chuột từ khung hình đầu chuỗi đến Chọn chuỗi các khung hình: Rê chuột từ khung hình đầu chuỗi đến khung hình cuối chuỗi. khung hình cuối chuỗi.  Chọn các khung hình riêng biệt: Ấn ctrl đồng thời kích chuột để chọn Chọn các khung hình riêng biệt: Ấn ctrl đồng thời kích chuột để chọn các khung hình các khung hình  Chọn tất cả khung hình: Chọn tất cả khung hình:  B1: Kích chuột phải vào một khung hình bất kỳ B1: Kích chuột phải vào một khung hình bất kỳ  B2: Chọn B2: Chọn Select All Frames Select All Frames  Xóa khung hình Xóa khung hình  B1: Chọn khung hình cần xóa B1: Chọn khung hình cần xóa  B2: Kích chuột phải và chọn B2: Kích chuột phải và chọn Remove Frames Remove Frames  Xóa các đối tượng trong khung hình Xóa các đối tượng trong khung hình  B1: Chọn khung hình cần xóa B1: Chọn khung hình cần xóa  B2: Kích chuột phải và chọn B2: Kích chuột phải và chọn Clear frame Clear frame [...]...3.2 Bài thực hành chương 3  Bài số 1:  Tạo tập tin Chuong3_1.fla theo yêu cầu:      Tạo lớp Nen: chứa đối tượng hình chữ nhật màu xanh Tạo lớp HinhTron: chứa hai đối tượng hình tròn giống nhau Tạo lớp ngoisao: chứa hai hình ngôi sao Tạo lớp Hinhvuong: Chứa một hình vuông Chạy kiểm tra kết quả giống như sau: 3.2 Bài thực hành chương 3  Bài số 2:  Mở tập tin Chuong3_1.fla...  Lưu tập tin này với tên Chuong3_2.fla Thay đổi thứ tự các lớp và vị trí các hình để được kết quả như sau: 3.2 Bài thực hành chương 3  Bài số 3:  Tạo tập tin Chuong3_2.fla theo yêu cầu:      Tạo lớp nen: Chứa một hình chữ nhật Tạo lớp Text1: Chứa nội dung “HAPPY BIRTHDAY” Tạo lớp Text2: Chứa nội dung “YEAR 2009” Tạo lớp DenCay: Chứa hình ảnh là 2 chiếc đèn cầy Thực thi để được kết quả như sau . tạo ra một chuỗi các khung hình : sẽ tạo ra một chuỗi các khung hình từ khung hình đầu đến khung hình chèn. Các khung hình từ khung hình đầu đến khung hình chèn. Các khung hình sau khi chèn. tác với khung hình Thao tác với khung hình  Chọn khung hình Chọn khung hình  Chọn chuỗi các khung hình: Rê chuột từ khung hình đầu chuỗi đến Chọn chuỗi các khung hình: Rê chuột từ khung hình.  Các loại khung hình: Các loại khung hình:  Khung hình rỗng Khung hình rỗng : : không chứ bất kỳ không chứ bất kỳ khung hình khung hình nào. nào.  Khung hình Khung hình trống trống :