Tạo Icon cho trang chủ

[Bocaprebel]

Một Icon đẹp ngoài trang chủ có thể sẽ thu hút hoặc tạo được thiện cảm với người truy cập? Nó chứng minh cho mức độ Pro website của bạn ? Và vì thế, bạn cần một Icon thật dẹp? Bài viết này sẽ giúp các bạn tạo một Icon thật bắt mắt.http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/tumb_60x60.jpg

Mở một file mới kích thước 217x470 px và độ phân giải 300 dpi.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/1.jpg

Dùng công cụ http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/RoundedRectangleTool.gif và nhập các tham số như hình dưới đây. Vẽ lên 1 hình màu đen.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/2.jpg

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/3.jpg

Tiếp tục dùng http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/RoundedRectangleTool.gif công cụ , tạo một hình có kích thước như hình dưới.

Radius-15px
Fill 0% trên layers.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/4.jpg

Blending Options-Gradient Overlay


http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/5.jpg

Gradient’s parameters.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/6.jpg

Sử dụng công cụ http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/RoundedRectangleTool.gif , bạn tiếp tục tạo những hình khác trong hình màu đen và kích thước tương tự như hình dưới Radius-25px
Fill 0% on the layers.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/7.jpg

Blending Options-Stroke

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/8.jpg

Gradient’s parameters.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/9.jpg

Chọn công cụ bên cạnh http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/EllipseTool.gif và kéo chuột, tạo một đường tròn như hình dưới.

Fill 0% on the layers.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/10.jpg

Blending Options-Gradient Overlay

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/11.jpg

Gradient’s parameters.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/12.jpg

Chọn công cụ http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/EllipseTool.gif Và tạo một hình tròn khác với thông số như hình tiếp theo.

Fill 0% trên layers.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/13.jpg

Blending Options-Stroke

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/14.jpg

Gradient’s parameters.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/15.jpg

Dùng công cụ pen tool http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/PenTool.gif tạo một hình như hình dưới và thực hiện các bước tiếp theo.

Fill 0% trên layers.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/16.jpg

Blending Options-Gradient Overlay

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/17.jpg

Gradient’s parameters.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/18.jpg

Bây giờ, bạn hãy dùng công cụ http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/LineTool.gif Và tạo nên hình dạng một ngôi nhà màu trắng (để nổi bật hơn) và thực hiện bước kế tiếp.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/19.jpg

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/20.jpg

Nhóm layers chứa bóng ngôi nhà và nút bóng thành 1 nhóm và copy nhóm này. Bạn tiếp tục bằng cách đưa bóng của ngôi nhà xuống dưới Nút bóng như hình dưới.

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/21.jpg

Và đây là một kết quả, Trông cũng ấn tượng đấy chứ phải không?

http://itgatevn.com.vn/pictures/web/news/_resize/633036697157561114/tumb_60x60.jpg

Chúc bạn thành công !



Itgatevn - [Văn Trường - Theo Adobetutorialz]