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