GIAÙO TRÌNH THIEÁT KEÁ WEB PHAÀN LYÙ THUYEÁT TÖÏ HOÏC MACROMEDIA FLASH BAÈNG HÌNH AÛNH CHÖÔNG 4 TOÅNG QUAN VEÀ CHEÁ ÑOÄ MAØU VEÕ Flash cung caáp nhieàu coâng cuï, taïo vaø thay ñoåi maøu treân ñoái tö[.]
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 TỔNG QUAN VỀ CHẾ ĐỘ MÀU VẼ Flash cung cấp nhiều công cụ, tạo thay đổi màu đối tượng vẽ Dùng bảng màu mặc định bảng màu bạn tạo ra, bạn chọn màu để gán màu tô cho đối tượng Việc áp dụng màu viền cho đối tượng vẽ nên viền đối tượng màu Việc áp dụng màu tô cho đối tượng vẽ qua việc tô màu khoảng trống bên đối tượng màu Khi bạn gán màu tô cho đối tượng, bạn chọn màu đồng (Solid) bạn chọn kiểu viền trọng lượng nét vẽ Đối với việc tô màu cho đối tượng, bạn áp dụng màu đồng nhất, màu Gradient (chuyển sắc) màu Bitmap Đối với việc tô màu Bitmap, bạn phải nhập vào ảnh Bitmap cho file hành Ngoài bạn gán đường nét vẽ tô màu suốt để tạo đường viền màu tô tô màu cho đối tượng mà màu đường viền Bảng Mixer cho phép bạn tạo hiệu chỉnh màu đồng Để tạo hiệu chỉnh màu đồng nhất, bạn dùng bảng Fill Bạn nhập, xuất, xoá thay đổi màu có bảng palette file thông qua bảng Swatches THAY ĐỔI MÀU VIỀN VÀ CÁC THUỘC TÍNH CHO MÀU TÔ Để xác định màu viền màu tô, bạn dùng điều khiển Stroke Fill hộp công cụ, công cụ Ink Bottle Paint Bucket bảng Stroke bảng Fill Để xác định loại màu viền, bạn dùng bảng Stroke Để tạo hay hiệu chỉnh màu tô ứng dụng màu tô lên ảnh Bitmap, bạn dùng bảng Fill Khi bạn dùng công cụ vẽ tô để tạo đối tượng mới, đối tượng tô màu với thuộc tính xác định điều khiển công cụ Stroke Fill Ngoài bạn thay đổi thuộc tính màu tô màu viền cho đối tượng tồn Bảng Stroke bảng Fill Flash Bạn chép thuộc tính màu tô màu viền từ đối tượng sang đối tượng khác thông qua việc dùng công cụ Eyedropper (ống nhỏ giọt) CÁCH DÙNG CÁC ĐIỀU KHIỂN STROKE VÀ FILL TRONG HỘP CÔNG CỤ Bạn chọn màu viền đồng (Solid), hay màu tô Gradient bạn chuyển đổi qua lại màu tô màu viền hay chọn màu tô màu viền mặc định (màu viền màu đen màu tô màu trắng), bạn dùng điều khiển Stroke Fill hộp công cụ TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 101 BIÊN SOẠN : KS PHẠM QUANG HUY 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 điều khiển Stroke Fill hộp công cụ thiết lập thuộc tính tô màu cho đối tượng mà bạn tạo dùng công cụ vẽ tô màu Để dùng điều khiển Stroke Fill để thay đổi thuộc tính tô màu cho đối tượng tồn tại, trước hết bạn phải chọn đối tượng Để gán màu tô màu viền dùng công cụ điều khiển hộp công cụ, bạn thực bước sau: Nhấp chuột vào tam giác kế bên hộp màu Stroke Fill chọn màu có cửa sổ bảng màu Màu Gradient chọn cho màu tô ♦ ♦ Nhập giá trị màu Hex từ hộp ký tự cửa sổ bảng màu TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 102 BIÊN SOẠN : KS PHẠM QUANG HUY 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ấp chuột vào nút None cửa sổ bảng màu để chọn màu viền màu tô suốt ♦ Chú ý : Bạn chọn màu viền màu tô suốt cho đối tượng mới, bạn chọn màu viền màu tô cho đối tượng tồn Để chọn màu viền màu tô suốt cho đối tượng tồn ta phải xoá trước Nhấp chuột vào nút Color Picker cửa sổ bảng màu chọn màu có hộp Color Picker ♦ Nhấp chuột vào nút Color Picker để xuất hộp màu Color Picker Nhấp chuột vào nút Swap Fill Stroke hộp công cụ để chuyển đổi màu viền màu tô ♦ Nhấp chuột vào nút Default Colors hộp công cụ để chọn chế độ màu viền màu tô mặc định (màu tô trắng màu viền ♦ đen) TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 103 BIÊN SOẠN : KS PHẠM QUANG HUY 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 ĐỊNH MÀU VIỀN, LOẠI ĐƯỜNG VIỀN VÀ TRỌNG LƯNG NÉT VẼ TRONG BẢNG STROKE Bạn dùng bảng Stroke để thay đổi màu viền, loại đường viền trọng lượng nét vẽ cho đối tượng chọn Đối với loại đường viền, bạn chọn loại tải vào Flash hay tạo mục tùy chọn Cách chọn màu viền, loại đường viền trọng lượng nét vẽ bảng Stroke: Chọn trình đơn Window > Panels > Stroke Chọn màu, nhấp chuột vào biểu tượng hình tam giác kế bên hộp màu Stroke thực thao tác sau: ♦ Chọn màu có bảng palette ♦ Nhập giá trị màu Hex hộp ký tự ♦ Nhấp chuột vào nút None để màu nét vẽ suốt Nhấp chuột vào nút Color Picker chọn màu có bảng Color Picker Chọn loại đường viền, nhấp chuột vào tam giác kế bên trình đơn dọc chọn tùy chọn có trình đơn Để tạo loại tùy chọn, chọn trình đơn Custom trình đơn góc phải phía bảng Stroke sau chọn tùy chọn hộp thoại Line Style nhấp chuột vào nút OK ♦ Nhấp chuột vào biểu tượng hình tam giác để chọn loại đường viền có bảng Stroke Nhấp chuột vào biểu tượng tam giác góc phải phía để tạo tùy chọn bảng Line Style TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 104 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Bảng Line Style tạo đường viền tùy chọn Chú ý : Chọn đường viền khác kiểu Solid làm tăng kích thước file Bảng Line Style với tùy chọn Hatched Chọn loại trọng lượng nét vẽ, nhấp chuột vào biểu tượng hình tam giác kế trình đơn dọc Weight thiết lập trượt với giá trị mong muốn LÀM VIỆC VỚI CÁCH TÔ MÀU SOLID, GRADIENT VÀ BITMAP TRONG BẢNG FILL Bạn dùng bảng Fill để chọn chế độ tô màu suốt tô màu đồng (Solid), màu Gradient màu ảnh Bitmap Ngoài bảng Fill cho phép bạn tạo hiệu chỉnh vùng tô màu Gradient Bạn gán đặt màu Bitmap qua việc dùng ảnh Bitmap nhập vào file hành Gán chế độ tô màu suốt dùng bảng Fill: Chọn trình đơn Window > Panels > Fill TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 105 BIÊN SOẠN : KS PHẠM QUANG HUY 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 lệnh None trình đơn Fill Chú ý : Bạn áp dụng chế độ tô màu suốt cho đối tượng gán màu suốt thay màu tồn xoá Đổ màu tô Solid dùng bảng Fill: Chọn trình đơn Window > Panels > Fill Chọn tiếp lệnh Solid trình đơn Fill Nhấp chuột vào biểu tượng hình tam giác kế hộp màu Fill thực thao tác sau đây: Kéo chuột chọn màu có bảng palette Hoặc nhập vào giá trị màu Hex hộp ký tự Hoặc nhấp chuột vào nút Color Picker cửa sổ màu chọn màu có hộp màu Color Picker TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 106 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Gán, tạo hiệu chỉnh màu tô Gradient dùng bảng Fill: Chọn trình đơn Window > Panels > Fill Chọn bước sau có trình đơn Fill: Linear Gradient tạo màu Gradient với bóng từ điểm đầu điểm cuối đường thẳng Radial Gradient tạo màu Gradient với bóng từ điểm đầu điểm cuối đường tròn Nhấp chuột vào hộp màu Fill hộp công cụ chọn màu Gradient có bảng palette Bạn thay đổi màu vùng màu Gradient chọn cách nhấp chuột vào trỏ bên xác định màu Gradient bảng Fill sau nhấp chuột vào hộp màu xuất kế bên xác định màu để chọn màu Thêm vào trỏ vào dãi màu Gradient cách nhấp chuột vào bên xác định màu Gradient Sau chọn màu cho trỏ mô tả bước Con trỏ màu Gradient Bạn bỏ trỏ màu khỏi bảng màu Gradient cách kéo trỏ khỏi xác định màu TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 107 BIÊN SOẠN : KS PHẠM QUANG HUY 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ấp chuột vào biểu tượng hình tam giác góc phải phía để lưu lại màu Gradient chọn lệnh Add Gradient có trình đơn Sau màu gradient thêm vào bảng Swatches Sử dụng bảng Fill gán màu tô Bitmap: Chọn trình đơn Window > Panels > Fill Chọn mục Bitmap có trình đơn Fill Nhấp chuột vào Bitmap cửa sổ Fill, biểu tượng xuất bảng Fill Bạn thay đổi màu tô Bitmap sử dụng công cụ Paint Bucket CÁCH DÙNG CÔNG CỤ PAINT BUCKET Công cụ Paint Bucket tô vùng màu vào xung quanh Nó tô màu vùng rỗng thay đổi màu vùng tô Bạn tô với màu Solid, Gradient màu Bitmap Bạn dùng công cụ Paint Bucket để tô màu vùng khác hoàn toàn xác định Flash đóng kín tất lỗ hổng đường viền bạn dùng công cụ Paint Bucket Ngoài bạn dùng công cụ Paint Bucket để hiệu chỉnh kích thước, hướng xoay tâm vùng tô màu Bitmap hay Gradient Chú ý : Khi bạn xác định vùng tô màu Bitmap công cụ Paint Bucket, tất vùng màu tô Bitmap thay đổi theo không vùng tô màu chọn hành TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 108 BIÊN SOẠN : KS PHẠM QUANG HUY 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ách dùng công cụ Paint Bucket để tô màu vùng: Chọn công cụ Paint Bucket Chọn màu tô loại màu tô Nhấp chuột vào mục Gap Size vùng công cụ bổ sung bên bảng công cụ chọn tùy chọn Gap Size sau : Chọn mục Don't Close Gaps bạn không muốn đóng lỗ hổng tay trước tô màu đối tượng Việc đóng lỗ hổng làm cho việc tô màu nhanh vẽ đường nét phức tạp ♦ ♦ Chọn tùy chọn Close, Flash tô đầy màu hình đối tượng có lỗ hổng (Small : nhỏ, Medium : trung bình, Large : lớn) Nhấp chuột vào đối tượng hay vùng bạn muốn tô màu Hiệu chỉnh vùng tô màu Gradient hay Bitmap công cụ Paint Bucket: Chọn công cụ Paint Bucket Nhấp chuột vào vùng công cụ bổ sung chọn Transform Fill Nhấp chuột vào vùng tô màu Gradient hay Bitmap Khi bạn chọn màu tô màu Gradient hay Bitmap để hiệu chỉnh, điểm hộp viền xung quanh xuất với handle điều khiển Khi trỏ đưa ngang qua handle này, trỏ thay đổi hình dáng thể chức handle góc Nhấn phím Shift để cố định hướng tô màu Linear Gradient với góc 450 Thay đổi hình dạng màu tô Gradient hay màu tô Bitmap theo cách sau đây: Định vị tâm vùng tô màu Gradient hay Bitmap cách dùng chuột kéo điểm theo hướng TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 109 BIÊN SOẠN : KS PHẠM QUANG HUY 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 Thay đổi độ rộng vùng màu tô Gradient hay Bitmap cách kéo handle vuông đường biên hộp (Tùy chọn làm thay đổi kích thước vùng tô màu, không làm thay đổi kích thước đối tượng) Kéo chiều cao vùng màu tô Gradient Bitmap cách kéo handle vuông bên đường biên hộp Xoay vùng màu tô Gradient Bitmap cách kéo handle xoay tròn góc Bạn kéo handle thấp vòng biên tròn màu tô Gradient màu fill Thay đổi tỉ lệ màu tô Linear Gradient màu tô cách kéo handle vuông tâm đường biên hộp 6 Thay đổi bán kính vùng màu tròn cách kéo handle tròn đường biên tròn TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 110 BIÊN SOẠN : KS PHẠM QUANG HUY 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àm xiêng nghiêng vùng màu tô phía đối tượng cách kéo handle tròn bên phải biên hộp Xếp kề ảnh Bitmap vào bên đối tượng cách thay đổi tỉ lê màu tô Chú ý : Để thấy tất handle làm việc với vùng màu tô lớn hay vùng tô màu đóng góc vùng Stage, bạn chọn trình đơn View > Work Area CÁCH DÙNG CÔNG CỤ INK BOTTLE Bạn dùng công cụ Ink Bottle để thay đổi vùng màu tô, độ rộng đường thẳng, kiểu đường vẽ hay đường viền đối tượng Bạn gán màu tô chế độ Solid màu tô chế độ Gradients hay Bitmap vào đường thẳng đường viền đối tượng Để sử dụng công cụ Ink Bottle tốt nhất, bạn nên chọn đường thẳng riêng biệt làm cho thay đổi thuộc tính nét vẽ nhiều đối tượng lúc cách dễ dàng Cách dùng công cụ Ink Bottle: Chọn công cụ Ink Bottle Chọn màu viền mô tả mục “Cách dùng điều khiển Stroke Fill hộp công cụ” Chọn loại đường thẳng độ rộng đường thẳng bảng Stroke Ảnh minh họa bên cạnh lúc đầu với đường viền có màu đen Nhấp chuột vào đối tượng vùng Stage để gán vùng màu viền cần thay đổi Ảnh bên cạnh dùng màu đỏ để tô đường viền mũi tên CÁCH DÙNG CÔNG CỤ EYEDROPPER Bạn dùng công cụ Eyedropper để chép thuộc tính màu tô màu vẽ từ đối tượng gán sang đối tượng khác Công cụ Eyedropper cho phép bạn lấy mẫu ảnh Bitmap để tô màu cho đối tượng TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 111 BIÊN SOẠN : KS PHAÏM QUANG HUY ... CỤ Bạn chọn màu viền đồng (Solid), hay màu tô Gradient bạn chuyển đổi qua lại màu tô màu viền hay chọn màu tô màu viền mặc định (màu viền màu đen màu tô màu trắng), bạn dùng điều khiển Stroke... bên hộp màu Stroke Fill chọn màu có cửa sổ bảng màu Màu Gradient chọn cho màu tô ♦ ♦ Nhập giá trị màu Hex từ hộp ký tự cửa sổ bảng màu TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 102 BIÊN SOẠN : KS PHẠM QUANG... THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG Nhấp chuột vào nút None cửa sổ bảng màu để chọn màu viền màu tô suốt ♦ Chú ý : Bạn chọn màu viền màu tô suốt cho đối tượng mới, bạn chọn màu viền