Hướng dẫn tạo Glossy Button trong illustrator

Đăng ngày: 21 Tháng 8 2014
Đánh giá bài này
(1 Bình chọn)
Hướng dẫn tạo Glossy Button trong illustrator Hướng dẫn tạo Glossy Button trong illustrator

LMT Việt Nam gửi tới bạn đọc hướng dẫn tạo Glossy Button trong illustrator, hướng dẫn này sẽ chỉ cho bạn cách làm thế nào để tạo nút vector tối giản màu trắng bóng loáng trong Adobe Illustrator. Nó sẽ mang đến cho bạn một ý tưởng về cách sử dụng tab cửa sổ Pathfinder của Illustrator, trong đó có các chức năng như loại trừ, cắt chéo nhau và cắt xén để định hình khu vực.

Nút này được tạo ra trong Adobe Illustrator CS3, nhưng bạn sẽ có thể tạo ra trong bất kỳ phiên bản Illustrator nào bởi vì nó có tác dụng thực. Để xem được nhiều hướng dẫn khác trong illustrator mời bạn ghé thăm chuyên mục Illustrator trên trang lmt.com.vn của chúng tôi, để biết thêm nhiều hướng dẫn hơn.

Hướng dẫn tạo Glossy Button trong illustrator

1. Vẽ một hình elip

Đầu tiên vẽ hình elip đơn giản sử dụng ellipse tool. Giữ phím shift trong khi vẽ để làm cho nó cân xứng.

Ngoài ra điền nó với gradient (gradient của một trường vô hướng là một trường vectơ có chiều hướng về phía mức độ tăng lớn nhất của trường vô hướng, và có độ lớn là mức độ thay đổi lớn nhất) bằng cách sử dụng công cụ Gradient Tool. Làm cho nó giống như ví dụ bên dưới:

Hướng dẫn tạo Glossy Button trong illustrator

2. Tạo ra bản sao nhỏ hơn

Để thực hiện một bản sao nhỏ hơn một chút của vòng tròn mà bạn vẽ ở bước đầu tiên, chọn vòng tròn đầu tiên của bạn, vào Object / Path / Offset Path như ví dụ bên dưới.

Điền vào bản sao đầu tiên này với một gradient tối hơn một chút:

Hướng dẫn tạo Glossy Button trong illustrator

3. Bản sao thứ hai

Bây giờ làm cho một bản sao khác vẫn sử dụng công cụ đó, nhưng bây giờ làm cho nó nhỏ hơn khoảng -40px (đánh dấu vào phần xem trước để xem hình dạng thay đổi như thế nào trong thời gian thực).

Điền nó với gradient đảo ngược (màu xám tối hơn ở phía trên và màu trắng ở phía dưới):

Hướng dẫn tạo Glossy Button trong illustrator

4. Bản sao thứ ba

Bây giờ chọn bản sao cuối cùng của vòng tròn  và một lần nữa làm cho nó nhỏ hơn -3px.

Hướng dẫn tạo Glossy Button trong illustrator

5. Bản sao thứ tư

Bây giờ chọn bản sao cuối cùng của vòng tròn và một lần nữa làm cho nó nhỏ hơn -3px.

Một lần nữa điền với gradient đảo ngược (màu trắng ở phía trên và màu xám ở phía dưới):

Hướng dẫn tạo Glossy Button trong illustrator

6. Bản sao thứ năm

Chọn bản sao tạo ra trước đó và một lần nữa sử dụng Offset Path để thực hiện bản sao cuối cùng của vòng tròn - một lần nữa làm nó nhỏ đi -3px:

Hướng dẫn tạo Glossy Button trong illustrator

7. Điền với gradient

Như trong ví dụ bên dưới, bạn sẽ có năm vòng tròn - lớn nhất trong layer sau và nhỏ nhất trong layer trước. Chọn vòng tròn nhỏ  nhất và điền nó với gradient tương tự như cái thứ hai tính từ phía sau:

Hướng dẫn tạo Glossy Button trong illustrator

8. Hình Oval

Bây giờ trên phần đầu của tất cả các vòng tròn vẽ hình oval giống như trong ví dụ dưới đây:

Hướng dẫn tạo Glossy Button trong illustrator

9. Hai hình oval

Tạo ra hai bản sao của hình oval (Ctrl + C để sao chép, Ctrl + F để dán ở phía trên). Cửa sổ Pathfinder có thể được kích hoạt trong Window/ Pathfinder.

Thực hiện một bản sao khác của vòng tròn nhỏ nhất trong lớp phía trước bằng cách sử dụng (Ctrl + C để sao chép, Ctrl + f để dán trên đầu). Chọn hình oval đầu tiên và hình tròn đầu tiên (nhỏ nhất) trong lớp phía trước và với cả hai lựa chọn Intersect shape areas  trong khi giữ phím shift. Bây giờ bạn đã tạo ra một nửa vòng tròn đầu tiên. Ở đây bạn đang sử dụng hình dạng hình oval để cắt một nửa vòng tròn.

Hướng dẫn tạo Glossy Button trong illustrator

10. Cắt một vòng tròn khác

Bạn vẫn có một hình oval còn lại bởi vì bạn đã thực hiện tạo ra bản sao ở bước trước. Chọn cái thứ hai ( cái này tạo thành vòng tròn phía sau) và một lần nữa tạo ra một bản sao của nó (Ctrl + C để sao chép, Ctrl + F để dán ở phía trên).

Bây giờ chọn cả hai, bản sao bạn vừa tạo ra và  bản sao hình oval, một lần nữa chọn Intersect shape areas trong khi giữ phím shift.

Hướng dẫn tạo Glossy Button trong illustrator

11. Hai nửa hình tròn

Bây giờ bạn sẽ có hai nửa vòng tròn, bạn chỉ cần điền chúng với màu gradient chính xác. Chọn cả hai nửa vòng tròn bạn vừa tạo ra và điền chúng với gradiant từ  màu xám đến màu trắng sử dụng Gradient Tool.

Chọn một nửa vòng tròn lớn hơn và màu trắng nhấn Ctrl [ để đưa nó trở lại một vài layer.

Hướng dẫn tạo Glossy Button trong illustrator

12.  Kết quả cuối cùng

Thử nghiệm cho đến khi bạn có được kết quả giống như trong ví dụ dưới đây:

Hướng dẫn tạo Glossy Button trong illustrator

Hãy chia sẻ và góp ý với chúng tôi ý kiến của bạn sau khi bạn đọc xong bài hướng dẫn để chúng tôi có thể hoàn thiện hơn cho những bài hướng dẫn sau. Chúc các bạn thành công!

Xuan Trung

Gửi bình luận

Hãy nhập đầy đủ các thông tin yêu cầu trong ô có dấu (*). Không được phép sử dụng mã HTML.

LIKE để ủng hộ bạn nhé!

 

Tham gia diễn đàn seo hàng đầu Việt Nam

Has no content to show!