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

ขั้นตอนที่ 1) ขั้นแรกให้สร้างไฟล์ใหม่ด้วยขนาดแคนวาสมาตรฐาน 120 × 120 PX


ขั้นตอนที่ 2) ลบเลเยอร์พื้นหลังและตั้งค่าเลเยอร์ใหม่ เพิ่มพื้นหลังเป็นสีขาว

ขั้นตอนที่ 3) เปิดสไตล์ Wed2.0 หากคุณยังไม่มี คุณสามารถดาวน์โหลดชุดได้จาก MY486 และเลือกสไตล์ที่คุณต้องการ

ขั้นตอนที่ 4) ทำการปรับเปลี่ยนรายละเอียด สิ่งสำคัญที่สุดคือการปรับมุมเอียงและลายนูนและความสว่าง สำหรับรายละเอียดคุณสามารถคลิกที่ภาพด้านล่างเพื่อใช้อ้างอิง

ขั้นตอนที่ 5) เพิ่มข้อความที่คุณต้องการ ตรวจสอบให้แน่ใจว่าได้เลือกแบบอักษรที่เหมาะสม

ขั้นตอนที่ 6) ปรับขนาดฟอนต์ โดยเว้นพื้นที่ว่างไว้บน ล่าง ซ้าย และขวา

ขั้นตอนที่ 7) เชื่อมต่อแบบอักษรและเลเยอร์รูปภาพ

ขั้นตอนที่ 8) ปรับขนาดรูปภาพ ลดขอบด้านซ้ายและด้านบนลง 2 พิกเซล และลดขอบด้านขวาและล่างลง 8 พิกเซล และเพิ่มเงาตกกระทบ

ขั้นตอนที่ 9) เพิ่มเลเยอร์ใหม่ที่ด้านล่างของภาพ เพิ่มพื้นหลังสีขาว จากนั้นเพิ่มสไตล์ Wed 2.0 ที่เหมาะสมเป็นพื้นหลัง

ขั้นตอนที่ 10) เสร็จแล้ว มาเปรียบเทียบกันว่าใครในพวกเราทำได้ดีกว่ากัน?

![ตัวอย่างการสร้างไอคอนสไตล์ Adobe ด้วย Photoshop]()