ออกแบบแท็บ Web 2.0 ด้วย Photoshop

คำแนะนำด้านล่างนี้จะช่วยให้คุณทราบวิธีการออกแบบเมนูแท็บเพรียวบางใน Photoshop, สไตล์ Web 2.0.

ขั้นตอนที่ 1

สร้างผืนผ้าใบใหม่ที่มีพื้นหลัง [#ffffff] สีขาวในทุกขนาดที่คุณต้องการ พวกมันเหมาะสมกว่าที่จะวาดแท็บ จากนั้นเปลี่ยนเป็น แท็บช่องทาง (Windows -> แชแนล) คลิก สร้างช่องทางใหม่ ด้านล่างขวา.

ขั้นตอนที่ 2

บนเลเยอร์ของช่องที่เลือกให้วาดรูปร่างที่คล้ายกันด้วยเครื่องมือ Polygonal Lasso เติมด้วยสีขาว [#ffffff]; ยกเลิกการเลือกภูมิภาครูปหลายเหลี่ยม (เลือกเครื่องมือตัวอักษรวิ่งแล้วกดหนึ่งที่หน้าจอ) ให้รูปร่าง เกาส์เบลอ ด้วยรัศมี 6.0px.

ขั้นตอนที่ 3

CTRL-L เพื่อเรียกใช้กล่องโต้ตอบระดับและกดลูกศรซ้ายและขวาเพื่อให้ตรงกับลูกศรตรงกลางเช่นภาพด้านบน นี่จะ “เรียบ” รูปร่างเบลอ -ed ขึ้นและให้คุณรูปร่างมุมโค้งมนที่ดี.

ขั้นตอนที่ 4

ในแท็บช่อง, กด CTRL, คลิกที่ รูปย่อของช่อง ของเลเยอร์อัลฟ่า 1. รูปร่างใหม่จะถูกเลือกสลับกลับไปเป็น แท็บเลเยอร์, สร้างเลเยอร์ใหม่ และเติมพื้นที่ที่เลือกด้วยสีดำ [# 000000].

ขั้นตอนที่ 5

ลบมุมโค้งมนสำหรับบอทด้านล่างซ้ายและขวาล่างเลื่อนไปทางซ้ายและจัดวางตำแหน่งตามที่แสดงด้านบน ต่อไปเราจะเน้นที่แท็บสีดำ.

ขั้นตอนที่ 6

สร้างเลเยอร์ใหม่ เลือก เครื่องมือทรงกลมมน (รัศมี 8px) วาดสี่เหลี่ยมและวางเลเยอร์นี้ไว้ด้านหลังแท็บเลเยอร์สีดำ คลิกขวาและเลือก ตัวเลือกการผสม และใส่การตั้งค่าต่อไปนี้.

เงา

• ความทึบ: 31%
• ระยะทาง: 0px
• สเปรด: 0%
• ขนาด: 2px

เอียงและนูน

• ความลึก: 100%
• ขนาด: 0px
• นุ่ม: 0px

การซ้อนทับแบบไล่สี

• นี่คือการตั้งค่าสีหยุด.
• สี: #aaaaaa, ที่ตั้ง: 0%
• สี: #ffffff ตำแหน่ง 100%

ขั้นตอนที่ 7

ใส่ข้อความเพื่อดูภาพรวมของ web 2.0 ฉันใช้ตัวอักษร Lucida Fax ขนาดตัวอักษร 32pt และ 25pt และแท็บของคุณก็เสร็จสิ้น! รู้สึกอิสระที่จะเล่นกับการผสมสีของแท็บ.

ดาวน์โหลดบทแนะนำ