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

19/07/2012

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

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