วิธีการวาดปุ่มใน Photoshop

2024 ผู้เขียน: Mabel Warren | [email protected]. แก้ไขล่าสุด: 2023-12-16 16:38

การวาดปุ่มที่มีสไตล์สำหรับเว็บไซต์ใน Photoshop นั้นไม่ใช่เรื่องยาก ขั้นตอนนี้จะใช้เวลาเพียง 10-20 นาที ปุ่มที่คุณสามารถสร้างได้ด้วยบทช่วยสอนนี้จะอยู่บนพื้นหลังสีอ่อน คุณสามารถเลือกวางปุ่มบนพื้นหลังสีเข้มได้ และยังแสดงจินตนาการของคุณและสร้างในสไตล์ที่เหมาะกับการออกแบบเว็บไซต์ของคุณ

คำแนะนำ

ขั้นตอนที่ 1

สร้างเอกสารใหม่โดยใช้แป้นพิมพ์ลัด Ctrl + N

ขั้นตอนที่ 2

กำหนดขนาดที่คุณต้องการ เช่น 200 x 100 พิกเซล

ขั้นตอนที่ 3

เอกสารถูกสร้างขึ้น ตอนนี้คุณสามารถเริ่มสร้างปุ่มได้

ขั้นตอนที่ 4

เลือกเครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน U จากจานเครื่องมือ จากนั้นเลือกโหมด Shape Layer ซึ่งอยู่ใต้เมนูหลักในแถบตัวเลือกสำหรับการตั้งค่าของเครื่องมือที่ใช้งานอยู่

ขั้นตอนที่ 5

วาดปุ่มในเอกสาร ในตัวอย่างนี้ สีพื้นหน้าเป็นสีดำ ดังนั้นปุ่มจึงเป็นสีดำ ต่อไปเราจะเลือกสีที่เหมาะสมกับมัน

ขั้นตอนที่ 6

ในการดำเนินการนี้ ไปที่จานสีสไตล์ และเลือกสไตล์ที่เหมาะสมสำหรับปุ่มของเรา

ขั้นตอนที่ 7

ตัวอย่างนี้ใช้สไตล์ Blue Glass

ขั้นตอนที่ 8

แรสเตอร์เลเยอร์บนสุด: เมนู "เลเยอร์" - คำสั่ง "แรสเตอร์ไลซ์" - รายการ "เลเยอร์"

ขั้นตอนที่ 9

กดปุ่ม Ctrl และในขณะที่กดค้างไว้ ให้เลือกไอคอนชั้นบนสุดด้วยปุ่มซ้ายของเมาส์ ปุ่มจะถูกเน้นด้วยเส้นประ

ขั้นตอนที่ 10

ในการสร้างเส้นขอบเล็กๆ รอบๆ ขอบของปุ่ม ให้คลิก Select - Modify - Shrink

ขั้นตอนที่ 11

ในหน้าต่างที่เปิดขึ้น ให้ตั้งค่า 3 พิกเซล

ขั้นตอนที่ 12

ผลที่ได้คือเส้นประ

ขั้นตอนที่ 13

สลับส่วนที่เลือกโดยใช้แป้นพิมพ์ลัด Shift + Ctrl + I

ขั้นตอนที่ 14

คัดลอกส่วนที่เลือกไปยังเลเยอร์ใหม่โดยกด Ctrl + J เลเยอร์ที่สามจะปรากฏในจานสี "เลเยอร์"

ขั้นตอนที่ 15

เลือกสไตล์ที่คุณชอบสำหรับเส้นขอบขนาดเล็ก 3 พิกเซล ในการดำเนินการนี้ ให้ไปที่จานสไตล์อีกครั้งแล้วเลือกรูปแบบที่คุณต้องการ ในตัวอย่างนี้ ใช้รูปแบบเส้นขอบฟ้าสิ่วเพราะ ตรงกับสีของปุ่ม