Lập trình , Thiết kế website, Auto Game Online

Button trong suốt

0
0
(0)

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 Overlaytrong 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

 

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Leave A Reply

Your email address will not be published.