Khi thiết kế Web, bạn thường có nhu cầu tạo hình nút bấm sao cho thật dễ thương. Ta hãy dùng CorelDRAW 11 để tạo ra nút bấm tròn tròn, trơn láng, trong mờ như thủy tinh khiến người xem ưa nhìn và... ưa bấm. Với CorelDRAW, bạn thu được kết quả là một hình véc-tơ nên dễ dàng điều chỉnh kích thước nút bấm theo nhu cầu. |
1. Trước hết, bạn vẽ một hình chữ nhật và dùng công cụ chỉnh dạng để uốn tròn bốn góc. Nút bấm của ta có hình như vậy đó. |
|
2. Bạn dùng công cụ chọn , ấn giữ phím Shift và kéo dấu chọn (ô đen nhỏ) ở cạnh bên để thu hẹp chiều rộng nút bấm khoảng 80% chiều rộng ban đầu (bạn nhìn thấy con số này ở thanh tình trạng). Trước khi buông phím trái của chuột, bạn bấm phím phải một phát. Thế là bạn có được bản sao của hình nút bấm, nhỏ hơn bản gốc một chút. |
|
3. Bạn ấn giữ phím Shift và kéo dấu chọn ở cạnh trên bản sao, thu hẹp chiều cao bản sao khoảng 20% chiều cao ban đầu. Xong, bạn ấn giữ phím Ctrl, di chuyển hình "dẹp lép" ấy đến sát cạnh dưới nút bấm. Lát nữa, ta sẽ hòa trộn (blend) hình "dẹp lép" và nút bấm để tạo những sắc độ khác nhau. |
|
4. Bạn vẽ thêm một hình chữ nhật nữa, tạo góc uốn tròn và đặt gần cạnh trên nút bấm. Ta sẽ dùng hình ấy để tạo ra vùng "bóng loáng", làm cho nút bấm nổi hẳn lên. Để dễ phân biệt, ta gọi hình vừa vẽ là hình "bóng loáng". |
|
5. Để tạo cảm giác nút bấm có bề mặt tròn, ta cần chỉnh dạng hình "bóng loáng" thêm chút nữa. Bạn mở trình đơn Effects, chọn Add Perspective, vừa ấn giữ cả hai phím Ctrl và Shift, vừa kéo dấu chọn ở góc dưới của hình "bóng loáng", làm cho nó bè ra. |
|
6. Ta bắt đầu tô màu. Dĩ nhiên, bạn có thể chọn màu theo "gu" của mình nhưng chỉ nên chọn màu đậm cho hình nút bấm, màu Navy Blue (RGB: 0 10 31) chẳng hạn. Sau khi chọn màu tô cho hình nút bấm, bạn loại bỏ màu viền của nó. Bạn nên tô màu (RGB: 0 26 31) cho hình "dẹp lép" và tô màu trắng cho hình "bóng loáng". Với hai hình ấy, bạn cũng loại bỏ màu viền. |
|
7. Để trộn màu của hình "dẹp lép" với hình nút bấm, bạn "cầm lấy" công cụ Interactive Blend Tool , "quẹt" từ tâm của hình "dẹp lép" đến tâm của hình nut bấm. Các hình trung gian được tạo ra, cho ta sự chuyển tiếp màu sắc thật "dịu dàng" |
|
8. Ta hãy làm cho hình "bóng loáng" trở nên trong mờ. Bạn bấm chọn hình "bóng loáng", cầm lấy công cụ Interactive Transparent Tool , ấn giữ phím Ctrl và "quẹt" từ cạnh trên của hình "bóng loáng" đến quá cạnh đáy của nó một chút. |
9. Nút bấm sẽ "mát mắt" hơn nữa nếu có chút "bóng râm" phía dưới nó. Bạn chọn hình nút bấm (nếu chọn đúng hình ấy, bạn sẽ thấy dòng chữ Control Rectangle on Layer 1 ở thanh tình trạng), cầm lấy công cụ Interactive Drop Shadow Tool và "quẹt" từ tâm của hình nút bấm xuống phía dưới. Bạn nên chọn màu (RGB: 7 25 31) cho bóng râm để người xem có cảm giác ánh sáng chiếu xuyên qua nút bấm. |
|
10. Thế là ta đã "chế tạo" xong nút bấm. Bạn dùng công cụ Text Tool để ghi dòng chữ tùy ý làm nhãn cho nút bấm Bạn nên cho dòng chữ ấy có bóng râm màu (RGB: 0 0 31) và đặt nó ngay bên dưới hình "bóng loáng" (bấm chọn hình "bóng loáng" và ấn tổ hợp phím Shift + Page Up). Bạn sẽ thấy dòng chữ dường như "lơ lửng" bên trong nút bấm thủy tinh. Trông rất "đã"! |
|