Menu Điều Hướng

War-Style Game Buttons

“Thừa thắng xong lên” sau khi có một số kỹ năng psd nho nhỏ từ bài trước Tạo Glass Button cho web, mình sẽ tiếp tục chỉ các bạn yêu photoshop và là tín đồ của game cách tạo ra một menu web game vừa bí ẩn lại rực sáng như chính sự lôi cuốn và hấp dẫn của nó vậy.

War style game button

Bước 1:  Bạn tạo ra trang mới với kích thước chừng 400 x 400 px, và tô màu # 0e0b06. Sau đó dùng công cụ Rectangular Marquee Tool tạo một vùng chọn với kích thức w: 100pxh: 1px và tô màu #e39206.

War style game button

Bước 2: Nhân đôi layer này (Ctrl + J)  và di chuyển nó xuống khoảng 15 -20px. Sau đó Merge chúng lại.

War style game button

Tiếp theo áp dụng hiệu ứng ánh sáng cho nó, bạn vào Filter > Blur > Motion Blur chọn tỉ lệ 100px, bạn sẽ được kết quả như sau:

War style game button

Bước 3:  Nếu khoảng cách giữa hai dòng là 15px thì bạn dùng Rectangular Marquee Tool vẽ một hình chữ nhật với chiều cao là 13px, chiều rộng ngang như hình dưới

War style game button

Sau đó tô màu  #115272.

War style game button

Áp dụng hiệu ứng Motion Blur  một lần nữa và nhớ giảm opacity xuống nhé.

War style game button

Bước 4:  Tạo layer mới và Merge tất cả các lớp lại với nhau. Sau đó dùng grunge bruhs xóa một vài bit trên cả hai thanh màu cam và màu xanh.

War style game button

Đẹp hơn phải không nao?

Bước 5: Chúng ta đã làm xong phần menu, giờ thì tạo hiệu ứng cho chữ

Với chữ bạn thiết lập các thông số như sau:

Font: Tahoma
Size: 11 pt
Anti Aliasing: None
Color: #dc8e06

Và áp dụng Drop shadow:

Blen mode: Multiply
Angle: 120, chọn Use global light
Distance: 1px
Spread: 0
Size: 1px

Gradient:

Blend mode: Overlay
Opacity: 40px
Gradient: chuyển màu đen sang trắng
Style: linear. chọn Align with layer
Angle: 90px

War style game button

Cuối cùng bạn chỉ việc nhân đôi layer và thay đổi đoạn text nữa là xong

War style game button

Kết quả thật mỹ mãn phải không nào, qua 5 bước đơn giản và chỉ mất vài phút bạn đã có thể tự thiết kế cho mình một menu game cực đẹp rùi.

Hãy từng bước làm theo để nâng cao tay nghề psd của mình bạn nhé. Chúc các bạn thành công


hoc photoshop photoshop tutorial tutorial photoshop tuts psd tuts photoshop photoshop cs5 creat button web how to create button web in photoshop create game button create web create button web game buttons

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại