ขั้นตอนการทำ
1. สร้างเอกสารขึ้นมาที่เราจะสร้างแถบเมนูขนาด 300x50 px
 |
2. หลังจากนั้นให้เราสร้างเส้นขนาด 1px สี 102,102,126 ขึ้นมา 2 เส้นดังภาพ
 |
3. หลังจากนั้นให้เราใช้เครื่องมือ
Selection ระหว่างเส้น 2 เส้นที่เราสร้างขึ้นมา |
4. หลังจากนั้นเทสี gradient โดยตั้งสี foreground color : 168,167,191 และ background color : ขาว แล้วเทสีดังภาพ
 |
5. หลังจากนั้นสร้าง Selection ตามขนาดของชิ้นงาน แต่กำหนดความสูงเท่ากับ 3 เทสีขาวลงไป
 |
6. หลังจากนั้นใส่ Effect Filter --> Blur --> Gaussian blur หลังจากนั้นปรับตำแหน่งตามที่เราต้องการ
 |
7. หลังจากนั้นให้เราเทสีด้านล่าง 2 เส้น เส้น 1 สี : 188,189,205 เส้นที่ 2 : 228,227,227
 |
8. เพียงเท่านี้เราก็ได้แถบเมนู XP หลังจากนั้นเราอาจจะรวม Layer ทั้งหมดแล้วเปลี่ยนสีตามที่เราต้องการ
  
|
9. ลองนำไปใช้กันดูนะครับ ขอให้สนุกกับการทำเว็บ