Menu Điều Hướng

Tạo site navigation cho web chỉ với 4 bước đơn giản

Với website bán hàng thì danh mục sản phẩm vô cùng quan trọng để thu hút khách hàng, mình sẽ chỉ cho các bạn tạo menu sản phẩm đơn giản nhưng đẹp mắt chỉ với 7 bước đơn giản, bạn sẽ được một hình cực chuẩn thế này. Không những thế, với menu này bạn cũng có thể làm main menu cho website của mình thêm bắt mắt đấy.

Tạo site navigation

Nào, chúng ta bắt đầu thui.!

B1: Bạn tạo trang mới với kích thước phù  hợp với web của mình, để cho các bạn dễ nhìn mình tạo 400x400px

Tô màu đen #000000.

Sau đó bạn dùng Rounged rectange toolvẽ một hình chữ nhật, bo góc 10px. right click chọn blending option và thiết lập thông số như sau:

color overlay: #242424

stroke: #3d3d3d

Bạn được hình như bên dưới.

Tạo site navigation

B2: Tiếp tục, dùng Rounged rectange tool vẽ một hình chữ chữ và màu trắng  như hình

Tạo site navigation

Sau đó thiết lập gradient overlay cho nó với mã màu: #cf4600 – #fe841f  , bạn được kết quả như hình.

Tạo site navigation

B3: Dùng classo tool vẽ hình tam giác và tô màu trắng như hình dưới

Tạo site navigation

Sau đó thiết lập thông số gradient như trên, bạn sẽ được:

Tạo site navigation

Cuối cùng, nhân đôi layer  này (ctrl +J) kéo sang bên trái, lật ngược lại bạn sẽ được kết quả như mong muốn

Tạo site navigation

Thật đơn giản phải không nào, chúc các bạn thành công.!


button web hoc photoshop photoshop tutorial tutorial photoshop tuts photoshop creat button web how to create button web in photoshop create button web tao buttonn cho web site navigation

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