PHẦN 2: BUTTON SÁNG BÓNG :d



Xin chào các bạn ^ ^ lần trước mình đã hướng dẫn các bạn làm 1 button bóng mờ đơn giản, hôm nay mình sẽ tiếp tục hướng dẫn các bạn làm button sáng bóng. Ở đây chúng ta vẫn sử dụng gradient tool làm công cụ chính để tạo button. Với bài này mình sẽ chỉ đi vào phần chính thôi còn cách sử dụng các công cụ các bạn vui lòng xem lại phần 1 đã hướng dẫn mình sẽ không nhắc lại ở đây.



Bước 1: Chúng ta cũng tạo ra 1 file mới với kích thước 153x40px bằng cách vào File>New (Ctrl+N)







Bước 2: Chọn mã màu nguyên tắc cũng là 1 màu sáng kèm 1 màu tối nhé!. Cho foreground là #addd1d, background là #375504. Sau đó dùngGradient Tool (G) chọn Linear Gradient không check vào reverse.





(màu mình chọn là màu xanh lá cây nhưng để đỡ tốn công mình lấy lại hình ở phần 1)



Bước 3: Nếu như ở phần một chúng ta dùng gradient kéo từ trên xuống 1 đường thẳng thì ở phần này chúng ta dùng gradient kéo 1 đường chéo từ trái sáng phải. Đây cũng là điểm khác nhau nhất trong việc tạo 2 kiểu button này.







Ta được:







Tiếp đến là phần trang trí cũng tương tự như đã hướng dẫn phần một. nếu các bạn không thích dùng brush có thể lấy hình có sẵn và cắt hình bỏ vào theo ý bạn. Cách cắt hình mình sẽ hướng dẫn ở phần cơ bản trong bài tiếp theo để mem mới có thể làm được.



Dưới đây mình bỏ logo diễn đàn mình vào trang trí và đánh chữ vào (cách đánh chữ cũng đã hướng dẫn ở phần 1 ok ^ ^)







(logo và chữ nằm trong layer riêng và nằm trên layer chứa nền button tính theo thứ tự thì nên button là layer 1, logo layer 2 và chữ layer 3)



Bước 4: Tạo độ bóng: Có lẽ các bạn thắc mắc tại sao mình trang trí rùi mới tạo bóng. Lý do là khi bạn quan sát một vật thì nền bóng luôn nằm chồng lên các chi tiết khác do đó khi tạo bóng một vật nào đó thì layer của độ bóng luôn nằm trên cùng. Nói chung đa số là thế :d



Quay trở lại bài vào Layer>new>layer (Shift+Ctrl+N) bạn tạo ra một layer mới là layer 4 nếu tính theo thứ tự nãy giờ. Dùng Rectangular Marquee Tool (M) trên thanh công cụ



Kéo 1 hình vuông bằng nửa hình nền như hình dưới:







Bước 5: Bây giờ chúng ta đã có vùng chọn hình vuông chỉ việc tô màu thôi, ta tô màu trắng cho hình bằng cách chọn màu trắng #ffffff cho foreground sau đó click Alt + Delete (nhớ là vẫn giữ vùng chọn nhé!) (nên vẽ hình vuông dư bề ngang dư ra ngoài để đảm bảo không bị khuyết hình, phần dư này ta sẽ xử lý sau cùng)







Vẫn đang chọn layer 4 này ta giảm Opacity xuống bằng cách như sau:



- Trên bảng layer phía bên phải màn hình click vào ô Opacity được khoanh tròn như hình dưới và điền vào số cần chỉnh hoặc click mũi tên để rà số thích hợp:







- Các bạn giảm Opacity khoảng 45-50% tùy vào cảm nhận mọi người nhé! Sẽ được hình sau:







Bước 6: Xóa bỏ các chi tiết thừa ở lớp bóng bằng cách vẫn chọn layer 4, giữ phím Ctrl và click chuột lên layer 1 chứa nền button







Ta được:







Sau đó vào Select>Inverse (Shift+Ctrl+I) trên thanh Options để đảo vùng chọn ra ngoài







- Rùi nhấn Delete để xóa tất cả chi tiết dư thừa bên ngoài hình

Xóa xong rùi ta bấm Ctrl + D để bỏ vùng chọn và ta được kết quả cuối cùng:





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

DOWNLOAD FILE PSD VÀ WORD

Trả lời ài viết mới thấy link.

File psd:



File Word

Người viết: Admin-Song Tử

Bản quyền bài viết thuộc về: Diễn đàn Song Tử-https://songtu.forum-viet.com

Sao chép bài viết này phải ghi rõ tác giả hoặc người dịch, thể hiện mình là người văn minh, tôn trọng công sức người khác.

Thank nhiều, đang làm mấy cái nút cho trang web, tìm mãi mới thấy..............

minh da phai vat lon voi no nhieu ngay qua
cam on ban da post bai nay len
ban la cuu tinh cua minh

tks

Bài này rất có ích cho mình!Thanks bạn nhé!

Hướng dẫn chi tiết tạo 1 button đơn giản và phổ biến phần 2 (phần cuối) - "https://songtu.forum-viet.com/t8-topic". Yên tâm đi không có virus đâu. Thanks nhìu ^^!

Cái này hay quá. Mấy bữa mày mò PS hoài mà vẫn ko làm dc, thanks bạn nhiều nha !

thanks ^^