Sự đơn giản chính là yếu tố quan trọng để tạo nên một bố cục website đẹp. Bạn chỉ cần 5 phút thôi là đã có thể thể tự thiết kế được một thanh menu đơn giản, đẹp mắt cho website của mình rồi. Hãy cùng thực hiện nhé.
Bước 1: Tạo file mới (File>New) với kích thước 500 x 200px. Tiếp tục, chọn công cụ radial gradient, thiết lập hai màu là #45443f và #31302c. Sau đó, nhấp chuột trái vào giữa file và kéo sang phải, bạn sẽ có màu nền như hình bên dưới.
Bước 2: Tạo layer mới (Layer> New> Layer) và chọn công cụ Rectangular Marquee, kích thước là 440 x 50 px.
Bước 3: Tô màu layer mới với công cụ linear gradient, thiết lập hai màu là #f4f4f4 và #d9d9d9
Bước 4: Tiếp tục tạo hiệu ứng cho layer này nhé
Layer> Layer Styles> Drop Shadow:
Layer> Layer Styles> Outer Glow:
Kết quả:
Bước 5: Sau khi đã hoàn tất thanh menu, bạn chọn Text tool, với các giá trị lần lượt như sau: Verdana, Regular, 13pt, Sharp, #686868 (hiệu ứng hover là màu #ac0000)
Bước 6: Tạo ngăn cách giữa các liên kết. Đầu tiên, bạn tạo một layer mới, chọn công cụ Rectangular Marquee, kích thước 1 x 50px, tô màu #b4b4b4 (Edit > Fill).
Bước 7: Bây giờ, bạn di chuyển vùng chọn sang phải 1px (nhấn mũi tên trái trên bàn phím) và tô màu #d9d9d9.
Bước 8: Cuối cùng bạn nhân đôi layer ở trên và đặt giữa các chữ.
Nếu cảm thấy bài viết hữu ích, hãy cho mình một like nhé để mình có thêm động lực tiếp tục chia sẻ những bài sau
button cách tạo menu website
Tin Tức Liên Quan
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
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
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
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
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
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
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
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
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
