Như chúng ta đã biết, header là một phần không thể thiếu trong một trang web. Và để cho trang web của bạn trở nên hoàn hảo hơn thì một header ấn tượng, độc đáo sẽ giúp bạn giữ chân được người đọc cũng như tạo sự chuyên nghiệp cho mình.
Và hôm nay, mình xin được hướng dẫn các bạn vài bước đơn giản nhưng vẫn làm nên một phong cách riêng biệt và vô cùng độc đáo, thử xem nhé!
Bước 1: Tạo tài liệu mới với kích thước 900 x 140px.
Sử dụng gradient tool để tô màu xanh đen cho nó: #476ba7 và #263d65.
Bước 2: Sử dụng ảnh 3D Pacman và đặt nó như hình
Sau đó dùng brush mềm, lớn xóa một phần bên phải và thiết lập chế độ hòa trộn Soft light cho nó, giảm opacity xuống còn 55-65%.
Bây giờ thì trông nó đẹp hơn rùi phải hem
Bước 3: Bước tiếp theo, bạn đặt ảnh Mario Wallpaper vào trong header
Nhớ thay đổi kích thước cho phù hợp với header của bạn bằng cách sử dụng phím Ctrl + T. Sau đó, lặp lại bước 2, nhưng opacity là 15- 25%.
Bước 4: Bạn đặt mario Cutout vào trong header ở vị trí mình muốn.
Dùng brush mềm, lớn và xóa đi các cạnh
cho opacity là 45-60%.
Bước 5: Bây giờ chúng ta sẽ thêm chữ cho header. Trước tiên, bạn cần một font chữ phù hợp với chủ đề, mình sử dụng font Arcade. Cho nó kích thước 60px. Sau đó, thiết lập các hiệu ứng
Drop shadow:
Gradient tool:
Cuối cùng cho phần văn bản, bạn thêm vào một số văn bản bên dưới, nhỏ hơn nhiều so với font chữ ở bước trên, nhưng vẫn sử dụng các hiệu ứng drop shadow và gradient như cũ.
Bước 6: Để header trở nên hoàn hảo hơn bạn cũng có thể tạo menu riêng cho nó (nếu bạn có ý định đặt menu chung với header)
Cuối cùng, bạn vào menu Filter > Noise > Add Noise, cho thông số Amount: 2.2.
Rất cảm ơn vì bạn đã theo dõi hướng dẫn, hy vọng rằng bạn thích.
web template banner web cach tao header web trong photoshop header web
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
