vẽ glassy button với illustrator

5/16/2018 Ve Glassy Button vơi Illustrator - slidepdf.com

http://slidepdf.com/reader/full/ve-glassy-button-voi-illustrator 1/5

Vẽ Glassy Button với Illustrator

Bài viết được $editor chỉnh sửa vào lúc $edittime

Các Bạn có thể đã được thấy được cách này ở một nơi nào trước khi hoặc biết cách làm thế nào để choGlassy nút với Photoshop.

Nhưng tôi sẽ cho bạn thấy được bằng Illustrator trong 3 bước đơn giản.

1. Tạo ra những con đường vòng trònĐầu tiên tạo ra một vòng tròn đường dẫn và điền nó với màu cam. Sau đó,sao chép (Ctrl + C) và Dán nótrong Mặt trận (Ctrl + F). Quy mô xuốngkhoảng 40% và kéo nó hơi dưới đây trung tâm điểm của vòng trònmàu dacam.

2. Trộn lẫn Công cụChọn công cụ trộn ,Bấm vào đầu trang cạnh của các vòng tròn màu vàng và sau đó nhấp vàomột lần nữatrên đầu trang cạnh của vòng tròn màu da cam. Hoặc bạn cóthể trộn chúng bằng cách chọn cả hai vòng, đđến Object> Blend>Make (Ctrl + Alt + B).

3. Thêm vào cuối cùng phản ánh sángLàm cho một con đường oval và điền nó với màu đen & màu trắng Nềnvà đặt nó trên cùng của vòng. Lưu nếu cài đặt của bạn là màu CMYK,hãy chắc chắn rằng đen cho gradient là màu đen đầy đủ (C = 100, M=100, Y = 100, K = 100). Oval với sự lựa chọn con đường, đi đếnTransparency pallate, chọn Màn hình Trlẫn Chế độ. Nếu bạn làTransparency không hiển thị, hãy vào Window> Transparency hoặc bấmCtrl + Shif+ F10.

5/16/2018 Ve Glassy Button vơi Illustrator - slidepdf.com

http://slidepdf.com/reader/full/ve-glassy-button-voi-illustrator 2/5

Hiện có 3 bước với lợi thế này để tạo nút Glassy với Illustrator hơn Photoshop:

1. Đó là véc tơ, mà có nghĩa là nó được mở rộng.2. Đó là dễ dàng hơn và nhanh hơn để làm cho việc này với Illustrator (ít bước).3. Dễ dàng hơn để thay đổi màu sắc, chỉ cần phải điền vào vòng với màu sắc khác nhau.

Thể theo nguyện vọng của nhiều bạn muốn làm những Button đọc đáo, long lanh hút hồn những du khác xem sả phẩm của bạn (Hi nói quá tý cho vui). Mình xin hướng dẫn những cách tạo Button trên Flash. Bạn nào có cáccách khác thì xin chia sẻ với mọi người nhé.

Yêu cầu cần và đủ là 2 phần mềm: Illustrator và Flash.

5/16/2018 Ve Glassy Button vơi Illustrator - slidepdf.com

http://slidepdf.com/reader/full/ve-glassy-button-voi-illustrator 3/5

Đầu tiên bạn dùng Illustrator để tạo Button.

Bước 1:

Mở 1 file Illustrator mới, Chọn loại Web Document...

Bước 2:

Giữ chuột vào ô công cụ Rectangle Tool (M) để nó xổ ra các loại tùy chọn cho bạn vẽ.

 Như trong hình mình chọn Rounded Rectangle Tool để vẽ.

Bước 3:

Vẽ 1 hình dạng chữ nhật:

5/16/2018 Ve Glassy Button vơi Illustrator - slidepdf.com

http://slidepdf.com/reader/full/ve-glassy-button-voi-illustrator 4/5

Bạn chọn Swatches trên thanh công cụ hoặc vào Windows > Swatches. Chọn một loại có Gradient.

Sau đó bạn Click vào Ô Gradient (đánh dấu màu đỏ trong hình vẽ duới).

5/16/2018 Ve Glassy Button vơi Illustrator - slidepdf.com

http://slidepdf.com/reader/full/ve-glassy-button-voi-illustrator 5/5

Khi bạn di chuột vào cái chấm đen mình đánh dấu bằng vòng đỏ ở hình dưới, bạn sẽ có thể tùy chọn cho

Gradient của bạn. có thể kéo thả thêm bớt mầu sắc.

 Như vậy là ta đã hoạn thành cái button công việc còn lại chỉ là chèn text cho button nếu bạn không muốn là tronflash sau đó Ctrl + G nhóm nó lại rồi vứt qua flash là xong.