Có vẻ như chúng ta đã khá quen thuộc với kiểu nút lóng lánh này. Bây giờ hãy thử làm thêm cái khung cho nó nhé

Bước 1: Tô màu nút Bạn vẽ một hình tròn bằng ellipse tool  và áp gradient: Radial như minh họa dưới đây Bước 2: Tạo mảng bóng sáng: Mảng bóng sáng ở đây điệu đàng hơn các thủ thuật trước, cho ta cảm giác như có bóng 1 khung cửa sổ hắt trên nút vậy. 1. Nhân bản ra 2 hình tròn từ hình tròn trên (nhấn Ctrl_C, Ctrl_F ). Tăng kích thước hình tròn trên (có màu xanh lá), giảm kích thước hình tròn dưới (có màu trắng, Opacity: 60%) 2. Chọn cả 2 hình tròn, click Minus front trong bảng lệnh PathFinder để cắt hình tròn dưới theo dạng hình tròn trên 3. Tiếp tục như thế, sẽ cắt hình lưỡi liềm dưới bằng 2 hình chữ nhật xanh trên

  • Tạo hình cắt: vẽ 2 hình chữ nhật, chọn cả 2 hình và click Unite để gộp 2 hình thành lại thành 1
  • Chọn hình gộp (từ 2 hình chữ nhật) và hình lưỡi liềm, click Minus front , bạn sẽ có ngay mảng bóng sáng như hình dưới đây

4. Dùng Direct selection tool  click chọn riêng mảng bóng sáng phía trên, làm trong suốt biên trên theo các thiết lập trong bảng lệnh Gradient Bước 3: Thêm ngôi sao 5 cánh Không gì tiện bằng star tool để vẽ ngôi sao 5 cánh. Bước 4: Tạo khung

  • Nhân bảng một hình tròn nằm ngay dưới hình tròn nút (nhấn Ctrl_C, Ctrl_b)
  • Tăng đều kích thước từ tâm: Dùng selection tool , đồng thời nhấn 2 phím Shift Alt, kéo góc tăng kích thước.
  • Đổi màu Gradient theo tông xám trắng

Tạo gờ lõm trên khung

  • Dùng selection tool  click chọn "khung", nhân bản ra một hình tròn nằm ngay trên hình tròn làm "khung" (Ctrl_C, Ctrl_F)
  • Thu nhỏ kích thước hình tròn vừa tạo theo tâm (kéo góc và giữ đồng thời phím ShiftAlt)
  • Đổi màu Gradient hình tròn làm "gờ" như minh họa dưới đây

Hắt thêm 1 chút sáng trắng lên gờ lõm phía trên:

  • Click chọn hình tròn nút (màu đỏ), thêm "Add Fill" trong bảng lệnh Appearance
  • Tăng vùng fill này lên 1 chút bằng lệnh Effect > Paths > Offset path: 0.5 mm
  • Áp gradient 3 thẻ màu trắng với thẻ chính giữa có Opacity:100% và 2 thẻ 2 bên Opacity: 0%

Bước 5: Tạo khớp nối của khung Khớp nối thật ra chỉ là 2 đường thẳng đen và trắng nằm kế nhau cắt ngang hình tròn khung

  • Vẽ 2 đường thẳng bằng Line tool , nằm ngay trên hình tròn khung (dưới hình tròn nút màu đỏ)
  • Cân giữa hình tròn khung bằng ,   trong bảng lệnh Align (Shift_F7)
  • Áp hiệu ứng mặt nạ:
    • Nhân bản hình tròn khung và di chuyển nằm trên 2 đường thẳng vừa vẽ
    • Chọn cả 3 hình, chọn Object > Clipping Mask > Mark

Công đoạn cuối cùng là dùng ellipse tool vẽ, nhân bản và sắp xếp thêm 4 nút tròn nhỏ giả làm đinh tán

Thử pha màu tím lên nút

No comments

Leave your comment

In reply to Some User

Các bài liên quan