นี่คือบทช่วยสอนที่สอนวิธีสร้างไอคอนที่สวยงามในสไตล์ Windows Vista ฉันใช้เครื่องมือปะรำใน Photoshop เป็นหลักในการวาดภาพกราฟิก และใช้สไตล์เลเยอร์เพื่อแสดงพื้นผิวของไอคอน Photoshop CS3 เวอร์ชันภาษาจีนใช้ในการสาธิตในบทช่วยสอน แต่ในความเป็นจริงแล้ว วิธีการนำไปใช้และการทำงานของ Photoshop 6.0 ขึ้นไปนั้นโดยพื้นฐานแล้วจะเหมือนกัน
รูปที่ 1 การเรนเดอร์
1) สร้างเอกสารรูปภาพใหม่ที่มีพื้นหลังโปร่งใส 256 × 256 พิกเซล เปลี่ยนชื่อเลเยอร์แรกเป็น "พื้นหลัง"
2) เติมพื้นหลังด้วย #ffffff สีขาว
3) สร้างเลเยอร์ใหม่และเปลี่ยนชื่อเลเยอร์เป็น "วงกลม"
4) เลือกเครื่องมือ Elliptical Marquee กดปุ่ม Shift ค้างไว้พร้อมกัน แล้ววาดวงกลมที่สมบูรณ์แบบขนาด 222 × 222 พิกเซล บันทึกส่วนที่เลือกเป็น "การเลือกวงกลมที่สมบูรณ์แบบ"
คำอธิบายเพิ่มเติมของผู้แปล:
1. วิธีง่ายๆ ในการวาดวงกลมที่สมบูรณ์แบบขนาด 222×222 พิกเซล: หลังจากเลือกเครื่องมือ Ellipse แล้ว ให้เปลี่ยนสไตล์เป็น "ขนาดคงที่" บนแถบตัวเลือก และระบุความกว้างและความสูงเป็น 222 พิกเซล
2. วิธีบันทึกการเลือก: เลือกเมนู "เลือก->บันทึกการเลือก"
5) เติมส่วนที่เลือกด้วยสีใดก็ได้ ผู้เขียนใช้ #880303
รูปที่ 2: วาดการเลือกวงกลมที่สมบูรณ์แบบแล้วเติมสี
6) เลือกสีแดงเข้มเป็นพื้นหน้าและสีแดงอ่อนเป็นพื้นหลัง ผู้เขียนใช้ #880303 และ #b51919 เลือกเครื่องมือไล่ระดับสี (สไตล์การไล่ระดับสีแบบรัศมี) แล้วลากจากมุมซ้ายบนของส่วนที่เลือกไปที่มุมขวาล่าง
รูปที่ 3: เติมส่วนที่เลือกด้วยการไล่ระดับสี
7) สร้างเลเยอร์ใหม่และเปลี่ยนชื่อเลเยอร์เป็น "Reflection"
8) โหลด "การเลือกวงกลมที่สมบูรณ์แบบ" และเลือกเครื่องมือ Elliptical Marquee ในขณะที่กดปุ่ม Alt จากนั้นวาดเส้นโค้งจากมุมขวาล่างไปยังตรงกลาง ปล่อยปุ่มเมาส์แล้วคุณจะได้ตัวเลือกดังนี้:
รูปที่ 4: วาดส่วนที่เลือก "การสะท้อน"
9) เลือกเลเยอร์ "Reflection" และเติมส่วนที่เลือกด้วย #ffffff สีขาว ตั้งค่าความทึบของเลเยอร์เป็น 15%
รูปที่ 5: เติมพื้นที่ "การสะท้อน" ด้วยสีขาว
10) สร้างเลเยอร์ใหม่และเปลี่ยนชื่อเลเยอร์เป็น "Border"
11) เลือกเครื่องมือ Elliptical Marquee ในขณะที่กดปุ่ม Shift ค้างไว้ และวาดวงกลมที่สมบูรณ์แบบขนาด 242 × 242 พิกเซล พันวงกลมนี้รอบวงกลมวงแรก
คำอธิบายเพิ่มเติมของผู้แปล: หลังจากเลือกเครื่องมือ Ellipse แล้ว ให้เปลี่ยนสไตล์เป็น "ขนาดคงที่" บนแถบตัวเลือก และระบุความกว้างและความสูงเป็น 242 พิกเซล เปิดไม้บรรทัด และดึงเส้นเสริมออกเพื่อกำหนดจุดกึ่งกลางของ หน้าจอ เมื่อวาดวงรี ให้กดปุ่ม Alt ค้างไว้เพื่อวาดวงกลมที่สมบูรณ์แบบโดยมีจุดเริ่มต้นเป็นจุดเริ่มต้น
รูปที่ 6: การวาดส่วนที่เลือก "เส้นขอบ"
12) เติมส่วนที่เลือกด้วยสีเทา #b6b6bc
13) โหลด "การเลือกวงกลมที่สมบูรณ์แบบ"
รูปที่ 7: เติมส่วนที่เลือก "เส้นขอบ" ด้วยสีเทา
14) กดปุ่ม Del เพื่อให้ได้เส้นขอบล้อมรอบวงกลมสมบูรณ์
รูปที่ 8: ลบสีเทาในการเลือกวงกลมที่สมบูรณ์แบบ
15) คลิกขวาที่เลเยอร์ "Border" แล้วเลือก Blending Options เพื่อใช้การตั้งค่าเหล่านี้:
การฉายภาพ:
รูปที่ 9: การตั้งค่าพารามิเตอร์สไตล์เลเยอร์ “การฉายภาพ”
เรืองแสงภายใน:
รูปที่ 10: การตั้งค่าพารามิเตอร์สไตล์เลเยอร์ “Inner Glow”
เอียงและโล่ง:
รูปที่ 11: การตั้งค่าพารามิเตอร์สไตล์เลเยอร์ "Bevel and Emboss"
การซ้อนทับแบบไล่ระดับสี:
รูปที่ 12: การตั้งค่าพารามิเตอร์สไตล์เลเยอร์ “Gradient Overlay”