Menu Điều Hướng

Tạo một header độc đáo cho web bằng photoshop

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é!

Tạo một header độc đáo trong photoshop

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.

Tạo một header độc đáo trong photoshop

Bước 2: Sử dụng ảnh 3D Pacman và đặt nó như hình

Tạo một header độc đáo trong photoshop

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%.
Tạo một header độc đáo trong photoshop

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

Tạo một header độc đáo trong photoshop

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%.

Tạo một header độc đáo trong photoshop

Bước 4: Bạn đặt mario Cutout vào trong header ở vị trí mình muốn.

Tạo một header độc đáo trong photoshop

Dùng brush mềm, lớn và xóa đi các cạnh

Tạo một header độc đáo trong photoshop

cho opacity là 45-60%.
Tạo một header độc đáo trong photoshop

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

Tạo một header độc đáo trong photoshop

Drop shadow:

Tạo một header độc đáo trong photoshop

Gradient tool:

Tạo một header độc đáo trong photoshop

Tạo một header độc đáo trong photoshop

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ũ.

Tạo một header độc đáo trong photoshop

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.

Tạo một header độc đáo trong photoshop
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
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