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)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
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)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ọ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)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
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)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
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)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
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)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
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)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ọ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
2 Chọn trình đơn Window > Panels > Transform
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)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
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)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
Ả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
2 Chọn trình đơn Window > Panels > Transform
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)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
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)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
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)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
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)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
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)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
Để 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