vẽ glassy button với illustrator

5
 VGlassy Button vi Illustrator Bài viết được $editor chnh sa vào lúc $edittime Các Bn có thđã được thy được cách này mt nơi nào trước khi hoc biết cách làm thế nào để cho Glassy nút vi Photoshop. Nhưng tôi scho bn thy được bng Illustrator trong 3 bước đơn gin. 1. To ra nhng con đường vòng tròn Đầu tiên to ra mt vòng tròn đường dn và đin nó vi màu cam. Sau đó,sao chép (Ctrl + C) và Dán nó trong Mt trn (Ctrl + F). Quy mô xungkhong 40% và kéo nó hơi dưới đây trung tâm đim ca vòng tròn màu dacam. 2. Trn ln Công cChn công ctrn ,Bm vào đầu trang cnh ca các vòng tròn màu vàng và sau đó nhp vàomt ln na trên đầu trang cnh ca vòng tròn màu da cam. Hoc bn cóthtrn chúng bng cách chn chai vòng, đi đến Object> Blend>Make (Ctrl + Alt + B). 3. Thêm vào cui cùng phn ánh sáng Làm cho mt con đường oval và đin nó vi màu đen & màu trng Nnvà đặt nó trên cùng ca vòng. Lưu ý nếu cài đặt ca bn là màu CMYK,hãy chc chn rng đen cho gradient là màu đen đầy đủ (C = 100, M =100, Y = 100, K = 100). Oval vi sla chn con đường, đi đếnTransparency pallate, chn Màn hình Trn ln Chế độ. Nếu bn làTransparency không hin th, hãy vào Window> Transparency hoc bmCtrl + Shift + F10.

Upload: noi-nho-khong-ten

Post on 18-Jul-2015

45 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 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.

Page 2: 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 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.

Page 3: 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 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:

Page 4: 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 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).

Page 5: 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 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.