ครั้งล่าสุดที่ฉันแนะนำรายละเอียดการปรับปรุงการออกแบบเว็บไซต์ใน Photoshop เพื่อนหลายคนรู้สึกว่าฉันยังพูดไม่มากพอ และเพื่อนบางคนก็อยากรู้วิธีสร้างเอฟเฟกต์ข้อความพิเศษใน Photoshop จริงๆ แล้วในการออกแบบเว็บไซต์ในปัจจุบัน ไม่ค่อยมีเอฟเฟกต์ข้อความที่ใช้กันทั่วไป และวิธีการใช้งานก็ง่ายมาก ดังนั้นผมหวังว่าเนื้อหาต่อไปนี้จะเป็นประโยชน์สำหรับมือใหม่ในการออกแบบเว็บไซต์
บทช่วยสอนของฉันนี้จะเน้นที่คำหลัก 2 คำ: "การไล่ระดับสี" และ "เงา"
1. คำที่มีเนื้อสัมผัสมากขึ้น
ก่อนอื่นมาดูที่โลโก้ในภาพกันดีกว่า ข้อความจะขยายออกไปด้านนอกและไม่แนบกับหน้าเว็บอย่างแน่นหนา หากคุณดูให้ดี คุณจะพบว่า Brightkite ใช้สี "ไล่ระดับสี" สำหรับข้อความ ใช่แล้ว สีของข้อความไม่ใช่การเติมสีเดียว แต่เป็น "การไล่ระดับสี" เหตุใด "การไล่ระดับสี" จึงดูมีพื้นผิวมากขึ้น เนื่องจากเป็นการจำลองเอฟเฟกต์ของแสงธรรมชาติ นั่นคือส่วนที่ไฮไลต์อยู่เหนือ ข้อความ และแสงน้อยอยู่ด้านล่าง ขณะเดียวกัน อย่าละเลยรายละเอียดอื่นซึ่งก็คือ "เงา" ของข้อความ
แล้วจะทำยังไงล่ะ?
โปรดใส่ใจกับหมายเลข 2 และ 3 ในภาพ หากคุณยังไม่ทราบวิธีเพิ่มการไล่ระดับสี โปรดดับเบิลคลิกที่ช่องว่างทางด้านขวาของ "ชื่อเลเยอร์" ในแผงเลเยอร์ หรือคลิกปุ่มที่สองใน รูปภาพด้านล่าง (ในแผงเลเยอร์ด้านล่าง) เพื่อเปิดแผงสไตล์
"การไล่ระดับสี" จากนั้นตั้งค่าตามที่แสดงด้านล่าง สำหรับการไล่ระดับสี ให้เลือกสองสีที่มีสีเดียวกันแต่มี "คอนทราสต์สีเข้มและสีอ่อน" เช่น ในตัวอย่าง จะเป็นสีเขียวอ่อนและสีเขียวเข้ม จำลองเอฟเฟกต์แสง
โอเค ที่เหลือก็แค่เงา คลิก "เงา" ทางด้านซ้ายของแผงสไตล์ตามปกติ จากนั้นตั้งค่าตามที่แสดงด้านล่าง:
มาดูการออกแบบเว็บไซต์อื่นๆ ที่ใช้วิธีนี้กัน:
