WEB DEVELOPER - THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE - Trang 127

Phát triển Web

2012

125

www.izwebz.com Demon Warlock

Chương 5 : Những thủ thuật trong thiết kế và lập trình

Tạo nút bằng Photoshop

Hôm qua dạo chơi thấy một trang web nó tạo ra hàng nút dạng inset khá đẹp và hiện đại. Nên tôi
mày mò cách tạo ra được kết quả gần giống với hình gốc. Hôm nay chia sẻ với các bạn, nếu thích
các bạn có thể làm theo, và nếu khéo kết hợp cũng tạo ra được nút di chuyển rất hiện đại.

Bởi vì bài này không quá phức tạp và cũng ngắn gọn cho nên tôi làm tut hình cho nó lẹ và đỡ
mất thời gian hơn. Các bạn cũng có thể download phiên bản PSD về để xài. Nếu các bạn giống
tôi, luôn thích xem kết quả trước khi làm theo thì đây là hình cuối cùng chúng ta sẽ được.

Bước 1: Để bắt đầu bạn mở một tài liệu mới trong Photoshop với kích thước khoảng 500×500
Px. Chọn màu nền trước là màu đen và trên hộp công cụ chọn Rounded Rectangular Tool (U)
với thông số Radius = 8 px và tạo một hình như hình dưới.

Liên Kết Chia Sẽ

** Đây là liên kết chia sẻ bới cộng đồng người dùng, chúng tôi không chịu trách nhiệm gì về nội dung của các thông tin này. Nếu có liên kết nào không phù hợp xin hãy báo cho admin.