Flash CS4: Rectangle Tool, tọa độ và kích thước

Flash CS4: Rectangle Tool, tọa độ kích thước Trong này, bạn tìm hiểu tọa độ kích thước làm quen với cơng cụ Rectangle Tool Tọa độ kích thước Để định vị xác đối tượng Stage, bạn cần thiết lập tọa độ cho đối tượng thông qua giá trị X Y đối tượng Để thiết lập kích thước cho đối tượng, bạn điều chỉnh thơng số W H đối tượng (W viết tắt chữ width: chiều rộng, H viết tắt chữ height: chiều cao) Hệ thống trục tọa độ Flash xác định sau: Trục X trùng với đường thẳng nằm ngang, Trục Y trùng với đường thẳng đứng Gốc tọa độ X=0, Y=0 trùng với góc bên trái Càng bên phải gốc tọa độ, X có giá trị dương giá trị lớn dần đối tượng di chuyển sang phải Càng xuống gốc tọa độ, Y có giá trị dương giá trị lớn dần đối tượng di chuyển xuống Nếu đối tượng khơng phải symbol, góc bên trái đối tượng dùng để định vị đối tượng Stage Tọa độ X, Y đối tượng so với gốc tọa độ tính theo điểm Nếu đối tượng symbol, Registration Point dùng để định vị đối tượng Stage Tọa độ X, Y đối tượng so với gốc tọa độ tính theo điểm Registration Point Trong hình minh họa đây, Registration Point điểm có dấu + Bạn thiết lập Registration Point cách bấm chuột vào vng bên phải dịng chữ Registration hộp thoại Convert to Symbol Để thay đổi giá trị X, Y, W, H bạn bấm chuột vào ô bên cạnh chữ X, Y, W, H Property Inspector, bạn gõ giá trị vào bấm phím Enter Bạn thay đổi giá trị nói cách kéo chuột sau: Rê chuột vào có giá trị bạn muốn thay đổi, nhìn thấy chuột biến thành bàn tay có mũi tên hai chiều ngón trỏ xuất hiện, kéo chuột sang phải sang trái nhìn thấy kết cập nhật Stage Nếu muốn giữ nguyên tỉ lệ kích thước W H, bạn bấm vào sợi dây xích để khóa tỉ lệ cố định Trong trường hợp mở khóa Giá trị W H thay đổi độc lập Tìm hiểu màu Bạn thiết lập màu viền màu ruột cho hình chữ nhật cách chọn màu từ bảng màu - Bấm chọn vào mẫu màu khu vực chứa màu solid để thiết lập màu đơn sắc (màu thuần) - Bấm chọn vào mẫu màu khu vực chứa màu gradient để thiết lập màu tô chuyển Bạn chọn màu cách đưa chuột vào có số hex đến chuột biến thành bàn tay với mũi tên hai chiều ngón trỏ xuất hiện, kéo chuột sang phải sang trái nhìn thấy kết cập nhật ô bên trái số hex Màu cho web hiển thị số thập lục phân – số hex, số viết bắt đầu dấu #, sáu số liên tục, số đầu đại diện cho màu đỏ (red), số đại diện cho màu xanh lục (green), số cuối đại diện cho màu xanh lam (blue) Các giá trị thay đổi từ 00 đến FF, tương đương với từ đến 255 hệ thập phân Để điều chỉnh độ suốt màu, bạn thay đổi giá trị Alpha ô số bên phải chữ Alpha Giá trị tương ứng với suốt hồn tồn, nhìn xun qua đối tượng để thấy đối tượng nằm Giá trị 100 tương ứng với mờ đục hồn tồn, khơng nhìn thấy nằm phía Giá trị Alpha gõ trực tiếp vào kéo sang phải sang trái giống kéo giá trị số hex Nếu không muốn có màu viền hay màu ruột bấm vào ô No color (ô Thiết lập không tô màu hình minh họa trên) Nếu muốn chọn màu khác, bạn bấm vào nút màu hình trịn góc bên phải (ơ Mở hộp thoại chọn màu hình minh họa trên) Hộp thoại Color xuất hiện: Bạn bấm chọn màu khu vực Basic colors chọn màu khu vực màu bên phải kéo trượt hình tam giác bên phải để chọn gõ giá trị trực tiếp vào ô số Sau bấm vào nút Add to Custom Colors bấm OK để chấp nhận màu chọn Màu áp dụng cho đối tượng bạn Sử dụng Color Panel Bạn sử dụng Color panel để thiết lập màu cho đối tượng: - Bấm chọn có bút chì để thiết lập màu viền - Bấm chọn có thùng nước sơn để thiết lập màu ruột - Bấm chọn ô đen trắng để thiết lập màu đen cho viền màu trắng cho ruột - Bấm chọn ô không màu để để thiết lập không màu cho viền ruột - Bấm chọn ô hoán đổi màu để đổi màu viền thành màu ruột ngược lại Bạn chọn màu từ vùng màu bên có số hex kéo trượt hình tam giác bên phải gõ số trực tiếp vào ô số hex theo quy tắc giới thiệu phần gõ số vào ô R, G, B Alpha kéo trượt bên phải ô Màu mà bạn chọn lựa cập nhật ô Màu chọn Bấm vào mũi tên bên phải ô Type để chọn loại màu: - None: thiết lập không màu cho viền ruột - Solid: chọn màu - Linear Gradient: màu tơ chuyển tuyến tính, đối tượng tơ màu chuyển từ màu gốc theo hướng đường thẳng - Radial Gradient: màu tô chuyển hướng tâm, đối tượng tô màu chuyển từ màu gốc theo hướng từ tâm - Bitmap: dùng nội dung bitmap làm màu tô Sử dụng màu Gradient: Bạn chọn màu gradient để tơ màu viền ruột cho đối tượng Để thêm màu gốc cho màu có bạn đưa chuột vào vùng có chứa nút đại diện cho màu gốc, thấy xuất dấu cộng phía chuột bấm vào Muốn xóa bớt màu gốc nắm kéo nút đại diện màu gốc khỏi khu vực nút đại diện cho màu gốc Muốn đổi màu gốc, bạn bấm đúp vào nút đại diện chọn màu từ bảng màu Bạn bổ sung tối đa 15 màu cho màu gradient Tuy nhiên, bạn cần lưu ý màu phức tạp làm tăng kích thước cuối tác phẩm làm cho tác phẩm chạy chậm có chọn tween cho đối tượng Chọn Linear RGB giúp màu gradient trông mượt sau bạn thực thao tác co dãn đối tượng tô màu gradient Tùy chọn Overflow giúp bạn thiết lập cách hiển thị màu gradient vùng cần fill có kích thước lớn vùng ảnh hưởng màu gradient Tìm hiểu Rectangle Tool Để chọn Rectangle Tool, bạn bấm vào biểu tượng Rectangle Tool công cụ: Sau chọn Rectangle Tool, chuột chuyển sang hình dấu + Để vẽ, bạn bấm chuột vào vị trí đầu, kéo chuột đến vị trí cuối nhả chuột để thu hình chữ nhật Nếu bạn giữ phím Shift vẽ, bạn thu hình vng Nếu trước nhả chuột ra, bạn bấm phím mũi tên xuống lên nhiều lần, bạn thu hình chữ nhật có góc bo trịn lõm vào Bạn thay đổi góc bo trịn lõm vào cách điều chỉnh thông số Property Inspector Property Inspector tự động cập nhật để cung cấp thông tin liên quan đến Rectangle Tool sau: Ngay Property Inspector biểu tượng hình chữ nhật kèm dòng chữ cho biết bạn chọn Rectangle Tool Ngay phần Fill and Stroke phần chọn màu cho viền (Stroke-bên trái) ruột (Fill-bên phải) Bạn chọn màu từ bảng màu bấm vào ô màu đen kế bên bút chì để thiết lập màu cho viền ô màu xanh bên phải kế bên thùng nước sơn để thiết lập màu cho ruột hình chữ nhật Kế đến chọn độ lớn đường viền Bạn nắm kéo trượt nằm bên phải chữ Stroke gõ số trực tiếp vào ô bên phải Khi bạn kéo trượt, ô bên phải cập nhật giá trị tùy theo vị trí trượt Phần chọn kiểu dáng cho đường viền Nếu bạn bấm vào hình tam giác đen kế bên bút chì, bạn chọn kiểu đường viền sau đây: Nếu bạn bấm vào bút chì, bạn tùy biến thêm thông số phụ cho đường viền hộp thoại sau đây: Bạn thử nghiệm để tìm cho kiểu dáng đường viền ưng ý Tuy nhiên cần lưu ý điều kiểu dáng phức tạp làm tăng kích thước cuối tác phẩm Phần Scale giúp hiển thị đường viền phóng to thu nhỏ Nếu bấm vào hình tam giác đen, bạn có tùy chọn sau đây: Normal: Thay đổi theo giá trị scale Horizontal: Chỉ scale theo chiều ngang Vertical: Chỉ scale theo chiều dọc None: Không thay đổi theo giá trị scale Nếu chọn ô Hinting, Flash tự điều chỉnh để làm tròn giá trị stroke, tránh xuất nét nhòe đường thẳng nằm ngang thẳng đứng Tùy chọn Cap giúp bạn thể kiểu dáng đầu mút đường thẳng Nếu bấm vào hình tam giác đen, bạn có tùy chọn sau đây: Join giúp bạn thể kiểu dáng chỗ giao hai đường thẳng Bạn thu chọn lựa sau bấm vào hình tam giác đen: Rectangle Options giúp bạn điều chỉnh độ bo trịn góc hình chữ nhật Bạn kéo trượt sang phải trái để điều chỉnh: Kéo sang phải để điều chỉnh độ bo tròn (giá trị ô số dương), kéo sang trái để điều chỉnh độ lõm (giá trị số âm) Bạn gõ trực tiếp giá trị vào ô bên trái Nếu bạn bấm vào sợi dây xích để mở ra, bạn thay đổi giá trị cho để áp dụng cho góc hình chữ nhật Để trả giá trị mặc định ban đầu hình chữ nhật, bạn bấm vào nút Reset Ví dụ hình chữ nhật có góc bo trịn: Ví dụ hình chữ nhật có góc lõm: Ví dụ hình chữ nhật có bốn góc khác nhau: ... hiểu tọa độ kích thước làm quen với cơng cụ Rectangle Tool Tọa độ kích thước Để định vị xác đối tượng Stage, bạn cần thiết lập tọa độ cho đối tượng thông qua giá trị X Y đối tượng Để thiết lập kích. .. vùng cần fill có kích thước lớn vùng ảnh hưởng màu gradient Tìm hiểu Rectangle Tool Để chọn Rectangle Tool, bạn bấm vào biểu tượng Rectangle Tool công cụ: Sau chọn Rectangle Tool, chuột chuyển... đối tượng Stage Tọa độ X, Y đối tượng so với gốc tọa độ tính theo điểm Nếu đối tượng symbol, Registration Point dùng để định vị đối tượng Stage Tọa độ X, Y đối tượng so với gốc tọa độ tính theo