ออกแบบป้ายกำกับ / เว็บ 2.0 ใน Photoshop

เว็บไซต์ Web 2.0 จำนวนมากต้องการใช้ป้ายกำกับ (หรือป้าย) เช่นนี้เพื่อส่งมอบสถานะของเว็บไซต์ / บริการปัจจุบันทั้งเวอร์ชันหรือว่ายังอยู่ในช่วงเบต้า การสร้างป้ายกำกับเหล่านี้ค่อนข้างง่ายโดยเฉพาะการใช้ Photoshop สอนหลังจากกระโดด.

สร้างแคนวาสใหม่ความกว้าง 400 ความสูง 200 เลือก เครื่องมือรูปร่างที่กำหนดเอง, ภายใต้ รูปร่างเลือกแบบเลื่อนลง ตราประทับ และวาดรูปร่างตรงกลางหน้า.

ตั้งชื่อเลเยอร์สตาร์เลเบลเรียกใช้ ตัวเลือกการผสม และแทรกสไตล์ต่อไปนี้:

เงา

เงาภายใน

เอียงและนูน

โอเวอร์เลย์ไล่ระดับสี

• Color Stop 1: # 0076b3, สถานที่: 0%
• Color Stop 2: # b3d5ff, สถานที่: 100%

สร้างเลเยอร์ใหม่เลือก เครื่องมือประเภทแนวนอน และแทรกข้อความใด ๆ ฉันจะใช้ข้อความ เบต้า! ที่นี่ เรียกใช้งานตัวเลือกการผสมแทรกสไตล์ต่อไปนี้:

เงา

โอเวอร์เลย์ไล่ระดับสี

• Color Stop 1: # b2b9bc, ที่ตั้ง: 0%
• Color Stop 2: #ffffff, สถานที่: 100%

ถือ Ctrl, คลิกภาพขนาดย่อของเลเยอร์สำหรับเลเยอร์ ติดดาว เพื่อเลือกโครงร่าง สร้างเลเยอร์ใหม่ที่ด้านบนสุดตั้งชื่อมัน มันเงา.

ขณะที่ยังคงเลือกโครงร่างไว้ให้เลือก เครื่องมือ Lasso รูปหลายเหลี่ยม, ถือ Alt, และดึงครึ่งวงกลมดังแสดงในภาพด้านล่าง.

ทาสีครึ่งที่เหลือด้วยสีขาวลดความทึบจนถึง 15% และนี่คือผลลัพธ์สุดท้ายของคุณ.