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

15/09/2012

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

Chuyên Mục:

Bài viết được đăng bởi tracy

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !