Button trong suốt

Button trong suốt

TẠO NÚT BẤM TRONG SUỐT    04/09/2007 10:31 AM Với mỗi Website, các Nút Bấm luôn giữ 1 vị trí […]

Learn more »

TẠO NÚT BẤM TRONG SUỐT

   04/09/2007 10:31 AM

Với mỗi Website, các Nút Bấm luôn giữ 1 vị trí rất quan trọng. Bài hướng dẫn này sẽ giúp bạn tạo 1 Nút Bấm rất đẹp và hiểu hơn về cách tạo độ bóng cho vật… 

Bước 1 : Tạo New Document (Ctrl + N) với kích thước 400 x 400 pixel và chọn Background Color là #353535

Photoshop - button effect

– Chọn Công Cụ Elliptical Marquee Tool (M), vẽ 1 vòng tròn bằng cách giữ Shift (kích thước tùy ý). Nhấn Ctrl + C và Ctrl +V (Layer 1) sau đó chọn Gradient Overlay (trong Blending Options) như hình dưới : 

Photoshop - button effect

– Chỉnh thông số :

Photoshop - button effect
Photoshop - button effect

Bước 2 : Giữ Ctrl + click chọn (Layer 1), vào menu Select \ Transform Selection, giảm kích thước vùng chọn (các bạn nhớ giữ Shift +  Atl để vẫn có tạo thành 2 đường tròn đồng tâm).

Photoshop - button effect

– Nhấn chọn phím  ” “, Copy và Paste (Ctrl +C và Ctrl + V, chúng ta được 1 Layer mới có tên là Layer 1 copy), sau đó vào Gradient Overlay trong Blending Options :

Photoshop - button effect
Photoshop - button effect

– Tạo 1 Layer mới (đặt tên là Layer 2), kéo thả layer này xuống dưới Layer copy 1, sau đó Merge 2 Layer này với nhau (bằng cách chọn Layer Copy 1 và ấn Ctrl + E). Bây giờ chúng ta chỉ còn 3 Layer đó là : Background, Layer 1 và Layer 1 Copy.

Bước 3 : Tiếp theo chúng ta sẽ sử dụng công cụ đến 2 công cụ Burn Tool và Dodge Tool (lúc này vẫn làm việc trên Layer Copy 1)

– Ở 2 đỉnh phía trên và dưới của hình tròn chúng ta sử dụng công cụ Dodge Tool, tùy chỉnh thông số như sau :

Brush size: 188px, 0% hardness
Range: Highlights
Exposure: 100%

– Ở 2 bên của hình tròn chúng ta dùng công cụ Burn Tool :

Brush size: 188px, 0% hardness
Range: Highlights
Exposure: 77%

Photoshop - button effect

Bước 4 : Dùng công cụ Elliptical Marquee Tool (M), vẽ vùng chọn như hình dưới

Photoshop - button effect

– Chọn Gradient Tool (G) :

Photoshop - button effect

– Tạo 1 Layer mới (đặt tên là Layer 3), sau đó dùng chuột kéo thả từ dưới lên ta sẽ được như hình dưới :

Photoshop - button effect

Bước 5 : Click chọn Layer 1, Dublicate Layer 1 (Ctrl + J , đổi tên thành Layer 4). Chọn tiếp Layer 1, vào menu Filter \  Blur \  Gaussian Blur, chọn Radius là 2.5 px .

– Tiếp theo vào Blending Options (Layer 1), chọn Gradient Overlay :

Photoshop - button effect
Photoshop - button effect

Bước 6 : Giữ Ctrl + click chuột vào phần Layer Thumbnail của Layer 4 để tạo vùng chọn. Vào Selection \  Modify \ Contract , chọn Options: 1px.

Sau đó ấn chọn công cụ Dodge Tool :

Brush size: 60px
Mode: Highlights
Opacity: 100%

Photoshop - button effect

– Giữ Ctrl + Click chuột vào Layer 4 để tạo vùng chọn, dùng công cụ Elliptical Marquee Tool (M) và chọn  “Subtract from selection
Feather : 0px
Anti-lised.
Style : Normal

Ta được hình như bên dưới :

Photoshop - button effect

– Chọn Gradient Overlay (G) :

Photoshop - button effect

– Dùng chuột kéo thả từ dưới lên trên :

Photoshop - button effect

Bước 7 : Tiếp theo chúng ta sẽ làm việc trên Layer Copy 1 (Layer chứa hình tròn màu đỏ). Giữ Ctrl + click chuột  vào Layer copy 1, sau đó vào Selection \ Transform Selection. Thay đổi vùng chọn nhỏ đi 1 chút,  và nhấn (Ctrl + L)

Photoshop - button effect
Photoshop - button effect


Lượt xem : 156

Integrations
Users

Share Profile

Anyone at KeenThemes can view
Anyone with link can edit

Give Award

Anyone at KeenThemes can view
Anyone with link can edit

Report User

Let us know why you’re reporing this person
Don't worry, your report is completely anonymous; the person you're
reporting will not be informed that you've submitted it