Chuong 5 Lam viec voi cac doi tuong

Baïn coù theå di chuyeån caùc ñoái töôïng baèng caùch keùo chuùng trong vuøng Stage, caét vaø daùn chuùng söû duïng coâng cuï Arrow hoaëc duøng baûng Object ñeå xaùc ñònh moät vò trí ch[r]

(1)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG

LAØM VIỆC VỚI CÁC ĐỐI TƯỢNG

TỔNG QUAN VỀ CÁCH LAØM VIỆC VỚI CÁC ĐỐI TƯỢNG

Trong Flash, đối tượng mục Item có vùng Stage Flash cho phép bạn di chuyển, chép, xố, biến đổi hình dáng, xếp, canh hàng nhóm đối tượng Ngồi bạn kết nối đối tượng đến địa URL Chú ý rằng, việc làm thay đổi đối tượng đường thẳng làm thay đổi đường thẳng đối tượng khác Layer (lớp)

Chú ý : Đối tượng Item dùng ngơn ngữ lập trình ActionScript với nghĩa khác Hãy cẩn thận đừng nhầm lẫn với hai cách dùng mục Item Bạn tham khảo mục ActionScript Help để biết thêm chi tiết ngôn ngữ lập trình

CHỌN CÁC ĐỐI TƯỢNG

Để xác định đối tượng, trước hết bạn chọn Flash cung cấp nhiều phương pháp cho việc tạo vùng chọn dùng công cụ Arrow, Lasso lệnh bàn phím Bạn nhóm nhiều đối tượng riêng biệt để vận dụng chúng thành đối tượng riêng biệt Một đối tượng Flash có màu sáng đối tượng khác nghĩa đối tượng chọn Đường viền có màu sáng, đường viền chọn Màu tơ chọn thường có nhiều chấm sáng lên Nhóm chọn có đường viền hình hộp bao xung quanh

 Màu viền màu tơ có màu sáng dùng cho đường viền Layer có đối tượng chọn Bạn thay đổi màu viền Layer hộp thoại Layer Properties

 Bạn chọn màu viền hay màu tơ đối tượng Bạn dấu vùng chọn có màu sáng để hiệu chỉnh đối tượng mà không cần thấy vùng sáng

(2)

 Khi ảnh Bitmap biểu tượng chọn, chúng thường có chấm điểm sáng ảnh biểu tượng

CÁCH DÙNG CÔNG CỤ ARROW (MŨI TÊN)

Cơng cụ Arrow cho phép bạn chọn tất toàn đối tượng cách nhấp chuột vào đối tượng hay kéo chuột bao quanh đối tượng tạo vùng chọn hình chữ nhật

Chú ý : Bạn nhấn phím V để chọn công cụ Arrow Để chuyển đổi tạm thời qua lại công cụ Arrow công cụ kích hoạt khác, bạn nhấn giữ phím Ctrl (trong Windows) phím Command (trong Macintosh)

 Chọn màu viền, màu tơ, nhóm, hành động (Instance) khối văn

Bạn chọn công cụ Arrow nhấp chuột vào đối tượng

 Chọn đường kết nối

Chọn công cụ Arrow nhấp đúp vào đường

 Chọn màu tô màu viền đối tượng

Chọn công cụ Arrow nhấp đúp chuột vào vùng màu tô

 Chọn nhiều đối tượng hình chữ nhật : Chọn cơng cụ Arrow kéo vùng chọn hình

chữ nhật xung quanh hay nhiều đối tượng bạn muốn chọn Các hành động (Instance), nhóm (Group) khối ký tự bao quanh hoàn toàn chọn

THAY ĐỔI VÙNG CHỌN

Bạn thêm vào nhiều vùng chọn, chọn hay bỏ chọn thứ Layer Scene, chọn thứ keyframe hay khoá mở biểu tượng nhóm

(3)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG Chú ý : Bỏ tùy chọn Shift Select, chọn

laïi tùy chọn tùy chọn trình đơn Edit > Preferences

Chọn tab General hộp thoại Preference

 Chọn tất thứ Layer Scene:

Chọn trình đơn Edit > Select All nhấn tổ hợp phím Ctrl + A (trong Windows) Command + A (trong Macintosh) Lệnh Select All khơng chọn đối tượng bị khố Layer bị dấu Layer có thước Timeline hành

 Chọn lại thứ Layer:

Chọn trình đơn Edit > Deselect All nhấn tổ hợp phím Ctrl + Shift + A (trong Windows) Command + Shift + A (trong Macintosh)

 Chọn thứ Layer keyframe:

Nhấp chuột vào frame thước Timeline Để biết thêm chi tiết, bạn tham khảo mục “Cách dùng thước Timeline”

 Khố nhóm hay biểu tượng:

 Chọn nhóm hay biểu tượng chọn trình đơn Modify > Arrange > Lock

 Chọn trình đơn Modify > Arrange > Unlock All để mở khố tất nhóm hay biểu tượng

CÁCH DÙNG CÔNG CỤ LASSO

 Chọn đối tượng cách kéo vùng chọn tự thẳng góc, bạn dùng công cụ Lasso công cụ bổ sung Polygon Mode Khi dùng cơng cụ Lasso, bạn chuyển đổi chế độ chọn thẳng góc hay tự

 Chọn đối tượng cách vẽ vùng tự do:

(4)

 Chọn đối tượng cách vẽ vùng chọn thẳng góc:

1 Chọn trình đơn Window > Common Library > Movie Clip Trong thư viện mở file Fish Movie Clip Sau chọn cơng cụ Lasso chọn cơng cụ bổ sung Polygon Mode mục chọn Options hộp công cụ

2 Nhấp chuột thiết lập điểm khởi đầu Trong ví dụ cá

3 Xác định trỏ nơi bạn muốn đường thẳng vẽ kết thúc nhấp chuột Tiếp tục thiết lập điểm kết thúc cho đoạn thẳng bổ sung

4 Nhấp đúp chuột để đóng vùng chọn

 Chọn đối tượng cách vẽ vùng chọn tự vùng chọn thẳng góc: Chọn công cụ Lasso bỏ chọn công cụ bổ sung Polygon Mode Vẽ đoạn tự chọn, kéo vào vùng Stage

3 Vẽ đoạn thẳng góc, giữ phím Alt (trong Windows) phím Option (trong Macintosh) nhấp chuột thiết lập điểm điểm kết thúc Bạn tiếp tục chuyển đổi cơng cụ vẽ tự thẳng góc

4 Đóng vùng chọn thực thao tác sau: • Nếu bạn vẽ đoạn tự do, nhả nút chuột • Nếu bạn vẽ đoạn thẳng góc, nhấp đúp chuột DẤU VÙNG CHỌN SÁNG

Bạn dấu vùng chọn sáng để hiệu chỉnh đối tượng mà không cần xem vùng sáng Dấu vùng sáng giúp bạn thấy ảnh xuất trạng thái sau bạn chọn hiệu chỉnh đối tượng

 Dấu vùng chọn sáng

Chọn trình đơn View > Hide Edges hay nhấn phím tắt Ctrl + H Chọn lại lệnh để bỏ chọn cho thuộc tính

(5)

NHÓM CÁC ĐỐI TƯỢNG

Để thao tác thành phần đối tượng độc lập với nhau, bạn cần phải nhóm chúng lại Chẳng hạn như, sau tạo nét vẽ bơng hoa, bạn nhóm thành phần đường vẽ bạn dễ dàng chọn di chuyển tất chúng

Bạn hiệu chỉnh tất nhóm mà khơng phải bỏ chọn nhóm chúng Ngồi bạn chọn đối tượng nhóm đối tượng để hiệu chỉnh mà không cần phải bỏ chọn nhóm

Tạo nhóm

1 Chọn đối tượng vùng Stage mà bạn muốn nhóm Bạn chọn hình dạng đối tượng nhóm hay khác nhóm, biểu tượng, khối văn v.v Chọn trình đơn Modify > Group nhấn phím tổ hợp Ctrl + G (trong Windows) Command + G (trong Macintosh)

Các đối tượng vùng Stage nhóm, làm ảnh mờ Bỏ nhóm đối tượng : Chọn trình đơn Modify > Ungroup

Hiệu chỉnh nhóm đối tượng nhóm:

1 Với nhóm chọn, chọn trình đơn Edit > Edit Selected nhấp đúp chuột cơng cụ Arrow vào nhóm Mọi thứ trang bị mờ đi, cho biết khơng thể truy cập

2 Hiệu chỉnh thành phần có nhóm

3 Chọn trình đơn Edit > Edit All nhấp đúp chuột vào điểm trống vùng Stage công cụ Arrow Flash lưu lại trang thái nhóm bạn làm việc với thành phần khác có Stage DI CHUYỂN, SAO CHÉP VÀ XỐ CÁC ĐỐI TƯỢNG

Bạn di chuyển đối tượng cách kéo chúng vùng Stage, cắt dán chúng sử dụng công cụ Arrow dùng bảng Object để xác định vị trí xác cho chúng Ngồi bạn di chuyển đối tượng Flash chương trình ứng dụng khác dùng Clipboard Bạn chép đối tượng cách kéo dán chúng làm thay đổi hình dáng chúng

(6)

DI CHUYỂN CÁC ĐỐI TƯỢNG

Để di chuyển đối tượng, bạn dùng cơng cụ Arrow kéo chúng sử dụng bảng Info

Di chuyển chép đối tượng cách kéo chuột: Chọn hay nhiều đối tượng

2 Sau bạn chọn cơng cụ Arrow, đặt vị trí trỏ ngang qua đối tượng kéo đối tượng đến vị trí Để chép di chuyển đối tượng chép này, bạn nhấn phím Alt kéo chuột (trong Windows) dùng phím Option kéo (trong Macintosh) Bạn nhấn phím Shift kéo để cố định góc độ di chuyển 450

Dùng công cụ Arrow chọn chữ số nhấn phím Alt để chép đối tượng, sau di chuyển sang vị trí  Di chuyển đối tượng dùng phím mũi tên:

1 Chọn nhiều đối tượng

2 Nhấn phím mũi tên hướng di chuyển bàn phím mà bạn mong muốn đối tượng di chuyển khoảng cách theo pixel Nhấn phím mũi tên phím Shift để di chuyển vùng chọn với khoảng cách pixel

 Di chuyển đối tượng dùng bảng Info: Chọn hay nhiều đối tượng

2 Chọn trình đơn Window > Panels > Info

3 Trong bảng Info, nhập giá trị cho vị trí vùng chọn góc phải Các đơn vị có liên quan đến góc trái vùng Stage

(7)

Hộp thoại Movie Properties

DI CHUYỂN VAØ SAO CHÉP CÁC ĐỐI TƯỢNG BẰNG CÁCH DÙNG LỆNH DÁN (PASTE)

Khi bạn cần di chuyển chép đối tượng Layer, Scene file khác Flash, bạn nên dùng kỹ thuật dán (paste) Khi bạn dán đối tượng vào vùng Stage vị trí khác liên quan đến vị trí gốc

 Di chuyển chép đối tượng cách dùng lệnh dán: Chọn hay nhiều đối tượng

2 Chọn trình đơn Edit > Cut Edit > Copy

3 Chọn Layer, Scene file khác thực hai thao tác sau:

• Chọn trình đơn Edit > Paste để dán vùng chọn vào vùng Stage

• Chọn trình đơn Edit > Paste in Place để dán vùng chọn vị trí liên quan đến vùng Stage

SAO CHÉP CÁC ĐỐI TƯỢNG ĐÃ BỊ BIẾN ĐỔI HÌNH DẠNG

Để tạo đối tượng bị biến đổi hình dáng, kích thước hướng xoay, bạn dùng bảng Transform

 Tạo đối tượng bị biến đổi hình dạng: Chọn đối tượng

2 Chọn trình đơn Window > Panels > Transform

3 Nhập giá trị vào mục tỉ lệ Scale, hướng xoay Rotation độ biến dạng Skew

4 Nhấp chuột vào nút Copy and Apply Transform bảng Transform (nút bên trái góc phải phía bảng)

(8)

XỐ CÁC ĐỐI TƯỢNG

Xoá đối tượng khỏi file Việc xoá hành động Instance vùng Stage khơng xố biểu tượng có thư viện

 Xoá đối tượng:

1 Chọn hay nhiều đối tượng công cụ Arrow Thực thao tác sau để xoá đối tượng:

• Nhấn phím Delete Backspace bàn phím • Chọn trình đơn Edit > Clear

• Chọn trình đơn Edit > Cut

• Nhấp phải chuột (trong Windows) nhấp Control (trong Macintosh) đối tượng cần xoá chọn lệnh Cut có trình đơn Context

NGĂN XẾP (STACK) CÁC ĐỐI TƯỢNG

Trong Layer, Flash xếp đối tượng dựa vào thứ tự chúng tạo ra, đặt đối tượng tạo sau đưa lên (được gọi Stack - tạo sau lấy trước) Trật tự ngăn xếp đối tượng xác định chúng xuất chúng chồng lấp lên Vẽ đường thẳng đối tượng xuất bên nhóm biểu tượng Stack Để di chuyển chúng vào Stack, bạn phải nhóm tạo chúng thành biểu tượng Bạn thay đổi trật tự ngăn xếp đối tượng lúc

Bạn nên ý Layer bị ảnh hưởng trật tự Stack Mọi thành phần Layer xuất thành phần có Layer tiếp tục Thay đổi trật tự Layer cách kéo tên Layer thước Timeline sang vị trí

 Thay đổi trật tự ngăn xếp đối tượng: Chọn đối tượng

2 Dùng lệnh sau đây:

(9)

• Chọn trình đơn Modify > Arrange > Bring Forward hay Send Backward để di chuyển đối tượng nhóm vị trí lên hay xuống thứ tự Stack

Nếu nhiều nhóm chọn, nhóm di chuyển phía trước hay sau đối tượng chưa nhóm giữ thứ tự thành phần có liên quan

THAY ĐỔI KÍCH THƯỚC (SCALE ) CỦA CÁC ĐỐI TƯỢNG

Thay đổi kích thước đối tượng cách phóng to thu nhỏ kích thước lại theo chiều dọc ngang hai Bạn làm thay đổi kích thước đối tượng cách kéo nhập vào giá trị thu phóng bảng Transform

 Thay đổi kích thước đối tượng cách kéo chuột: Chọn đối tượng

2 Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung chọn Scale vùng chọn Options hộp công cụ chọn trình đơn Modify > Transform > Scale

3 Chọn hai cách sau :

• Để thay đổi kích thước đối tượng theo chiều ngang chiều dọc, bạn kéo chuột handle góc

Tỉ lệ giữ lại bạn thay đổi kích thước

• Để thay đổi kích thước đối tượng theo phương ngang hay phương dọc cách kéo handle

(10)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG Chú ý : Khi bạn làm tăng kích thước số mục, mục gần đường biên hình hộp bị di chuyển khỏi vùng Stage Nếu điều xảy ra, bạn chọn trình đơn View > Work Area để xem thành phần nằm đường biên vùng Stage

 Thay đổi kích thước đối tượng dùng bảng Transform: Chọn đối tượng

3 Nhập giá trị tỉ lệ từ đến 1000 theo phương ngang phương dọc, hai

4 Chọn mục Constrain để cố định điểm chọn

5 Nhấn phím Enter (trong Windows) Return (trong Macintosh)

XOAY CÁC ĐỐI TƯỢNG

Bạn xoay đối tượng xung quanh điểm cố định Theo mặc định, điểm cố định tâm đối tượng, bạn di chuyển Bạn xoay đối tượng dùng lệnh Rotate cách kéo xác định góc xoay bảng Transform

Ảnh gốc, ảnh xoay phải ảnh xoay trái  Xoay đối tượng cách kéo chuột:

1 Chọn đối tượng Thực theo bước sau:

2 Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Rotate vùng chọn Options hộp công cụ

3 Chọn trình đơn Modify > Transform > Rotate

(11)

5 Nhấp chuột vào vùng trống vùng Stage chọn trình đơn Modify > Transform > Rotate để dấu handle hướng xoay

 Xoay đối tượng góc 900

1 Chọn đối tượng

2 Chọn trình đơn Modify > Transform > Rotate 900 CW để xoay đối tượng

theo chiều kim đồng hồ Rotate 900 CCW để xoay đối tượng theo ngược

(12)

Ảnh ban đầu, xoay cá theo chiều kim đồng hồ ngược chiều kim đồng hồ Xoay đối tượng dùng bảng Transform:

1 Chọn đối tượng

3 Nhấp chuột vào dấu kiểm Rotate

4 Nhập vào góc độ xoay mong muốn

5 Nhấn phím Enter (trong Windows) phím Return (trong Macintosh) để gán góc độ xoay

 Xoay thay đổi kích thước đối tượng lúc: Chọn đối tượng

2 Chọn trình đơn Modify > Transform > Scale and Rotate

3 Nhập giá trị vào cho mục Scale and Rotate

(13)

LẬT (FLIP) CÁC ĐỐI TƯỢNG

Bạn lật đối tượng theo trục hồnh trục tung mà khơng cần phải di chuyển vị trí tương đối vùng Stage

Ảnh gốc, ảnh lật ngang ảnh lật dọc  Lật đối tượng:

a Chọn đối tượng

b Chọn trình đơn Modify > Transform > Flip Vertical hay Flip Horizontal

Flip Vertical Flip Horizontal KÉO XIÊN (SKEW) CÁC ĐỐI TƯỢNG

Kéo xiên đối tượng làm thay đổi hình dáng cách làm nghiêng dọc theo trục Bạn kéo nghiêng đối tượng cách dùng chuột kéo nhập giá trị vào bảng Transform

 Kéo xiên đối tượng cách kéo chuột: Chọn đối tượng

2 Thực hai bước sau:

 Chọn công cụ Arrow nhấp chuột vào công cụ bổ sung Rotate mục chọn Options hộp công cụ

 Chọn trình đơn Modify > Transform > Rotate Kéo handle

(14)

 Kéo xiên đối tượng dùng bảng Transform: Chọn đối tượng

2 Chọn trình Window > Panels> Transform Nhấp chuột vào mục kiểm Skew

4 Nhập giá trị cho góc kéo xiên theo trục tung trục hoành

PHỤC HỒI LẠI CÁC ĐỐI TƯỢNG ĐÃ BỊ THAY ĐỔI

Khi bạn thay đổi kích thước, hướng xoay kéo xiên Instances, nhóm loại bảng Transform, Flash lưu lại kích thước đối tượng ban đầu giá trị hướng xoay Vì vậy, bạn loại bỏ biến đổi sau áp dụng phục hồi lại giá trị ban đầu

Ngồi bạn xác lập lại biến đổi thực bảng Transform cách nhấp chuột vào nút Reset bảng

 Phục hồi lại đối tượng bị thay đổi sang trạng thái ban đầu: Chọn đối tượng bị thay đổi

2 Sau chọn trình đơn Modify > Transform > Remove Transform

1 Xác lập lại biến đổi thực bảng Transform :

Bảo đảm đối tượng bị thay đổi chọn, nhấp chuột vào nút Reset bảng Transform (nút bên phải góc phải phía bảng)

CANH LỀ CÁC ĐỐI TƯỢNG

(15)

Các biên xác định hộp viền xung quanh đối tượng chọn Sử dụng bảng Align, bạn xếp đối tượng chọn để tâm biên chúng cách biệt Bạn thay đổi kích thước đối tượng chọn để chiều dọc chiều ngang thích hợp với chiều đối tượng chọn lớn Ngồi bạn canh lề đối tượng chọn vùng Stage Bạn áp dụng hay nhiều tùy chọn Align cho đối tượng chọn

Các đối tượng ban đầu

Các đối tượng canh lề theo biên đối tượng cao Canh lề đối tượng:

 Chọn đối tượng để canh lề

(16)

 Trong bảng Align, chọn To Stage để áp đặt thay đổi việc canh lề liên quan đến chiều vùng Stage

3 Chọn nút canh lề để xác định đối tượng chọn:  Đối với mục Align, chọn Align Left

(canh trái), Align Horizontal Center (canh theo phương ngang), Align Right (canh phải), Align Top (canh lề theo biên cùng), Align Vertical Center (canh theo phương đứng) Align Bottomn (canh theo biên cùng)  Đối với mục Distribute, chọn

Distribute Top, Distribute Horizontal Center, Distribute Bottom, Distribute Left, Distribute Vertical Center Distribute Right

 Đối với mục Match Size, chọn Match Width, Match Height Match Width and Height

 Đối với mục Space, chọn Space Horizontally Space Vertically

DI CHUYỂN ĐIỂM KHAI BÁO ( REGISTRATION POINT) CỦA MỘT ĐỐI TƯỢNG

(17)

Để hiệu chỉnh điểm khai báo Instance, bạn có kết tốt bạn hiệu chỉnh biểu tượng sau di chuyển chế độ hiệu chỉnh đối tượng (Symbolediting) để điểm khai báo xuất vị trí mong muốn

Cách hiệu chỉnh điểm khai báo Group, Instance Bitmap: Chọn đối tượng

2 Chọn trình đơn Modify > Transform > Edit Center Biểu tượng dấu cộng đại diện cho tâm điểm có vệt sáng

3 Kéo dấu cộng có vệt sáng sang vị trí

4 Nhấp chuột vào vùng trống Stage chọn trình đơn Modify > Transform > Edit Center để làm ẩn dấu cộng