บทช่วยสอนข้อความที่มีสไตล์แบบนูนมีอยู่ทุกที่ แต่อันนี้เหมาะสำหรับผู้เริ่มต้น ต้องการเอฟเฟกต์ข้อความที่มีลายนูนมีสไตล์จริงๆ หรือไม่? เป็นเวลากว่า 2 เดือนแล้วนับตั้งแต่บทช่วยสอน Photoshop ครั้งล่าสุดที่ฉันโพสต์ แต่ฉันมีข่าวดีสำหรับคุณ — ฉันกลับมาออนไลน์พร้อมกับสิ่งใหม่ๆ มากมายที่จะแสดงให้คุณเห็น ดังนั้นคอยติดตามบทเรียนที่กำลังจะมีขึ้นทั้งหมดของเรา!

วันนี้ เราจะเริ่มต้นด้วยเอฟเฟกต์ข้อความที่น่ารักนี้ และตามที่ผู้อ่านส่วนใหญ่ร้องขอ เราก็ปล่อย PSD สำหรับดาวน์โหลดในราคาเพียง $1 เท่านั้น PSD มีไว้เพื่อการเรียนรู้เท่านั้น คุณสามารถรวมไว้ในโปรเจ็กต์สำหรับลูกค้าได้ แต่คุณไม่สามารถขายต่อไฟล์นี้ได้โดยตรง

พูดพอแล้ว; มาเริ่มกันเลย.

Photoshop เอฟเฟกต์ข้อความนูน

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

ขั้นตอนที่ 1 เตรียม Photoshop Canvas

สร้างไฟล์ Photoshop ใหม่ (Ctrl + N) เราใช้ขนาด 600*400 ที่นี่ แต่เช่นเคย ขนาดของคุณอาจใหญ่กว่านี้ได้มากถ้าคุณต้องการ

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

การใช้เครื่องมือ Paint Bucket เติมผ้าใบด้วยสีเทาสีน้ำเงินเข้ม — #535559

ขั้นตอนที่ 2 เลือกแบบอักษร

ฉันเป็นแฟนตัวยงของแบบอักษรทั้งหมดที่เคยใช้และมีชื่อเสียงในช่วงทศวรรษ 50 ดังนั้นแบบอักษรที่ฉันชื่นชอบตลอดกาลน่าจะเป็น "Bello" ไม่ฟรี แต่คุณสามารถซื้อได้ทางออนไลน์ โปรดทราบว่าจะไม่รวมแบบอักษรนี้หากคุณซื้อไฟล์ PSD เนื่องจากเราไม่สามารถแจกจ่ายแบบอักษรเชิงพาณิชย์ได้ ดังนั้น หากคุณมีฟอนต์ Bello ให้เลือกฟอนต์นั้นแล้วพิมพ์คำของคุณด้วยตัวอักษรตัวใหญ่ เราใช้ 188pt ที่นี่

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ขั้นตอนที่ 3 การเพิ่มสไตล์เลเยอร์

ขณะที่เลเยอร์ข้อความของคุณยังคงเลือกอยู่ ให้ไปที่ Layer >> Layer Styles และใช้การตั้งค่าต่อไปนี้...

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์
Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

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

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

สุดท้ายนี้ เราจะเพิ่มเส้นขีดขนาด 1px พร้อมการซ้อนทับแบบไล่ระดับสีเพื่อให้ข้อความมีความลึกมากขึ้น

เบนเนอร์
Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

เรามาไกลขนาดนี้แล้วโดยใช้สไตล์เลเยอร์ทั้งหมดอย่างถูกต้อง หากผลลัพธ์ของคุณแตกต่างจากที่คุณเห็นที่นี่ ให้ย้อนกลับและตรวจสอบว่ามีการใช้การตั้งค่าทั้งหมดสำหรับสไตล์เลเยอร์อย่างถูกต้องหรือไม่ จนถึงตอนนี้มันเป็นเพียงส่วนทางเทคนิคเท่านั้น ดังนั้นคุณไม่น่าจะมีปัญหาใดๆ

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ขั้นตอนที่ 4 การเพิ่มความลึกให้กับ Canvas

เป็นยุคของเว็บ 2.0 และการมีผ้าใบเรียบๆ สามารถทำลายเอฟเฟ็กต์ใดๆ ได้ ไม่ว่าจะสวยงามแค่ไหน ดังนั้นหากเราต้องการให้ผลิตภัณฑ์ของเราโดดเด่น ก็ต้องมีความลึกบ้าง นั่นเป็นเหตุผลที่เราจะไม่กลับไปที่แคนวาสพื้นฐาน (หากถูกล็อคอยู่ ให้ดับเบิลคลิกบนพาเล็ตเลเยอร์ แล้วกด ตกลง เพื่อปลดล็อค) ไปที่ เลเยอร์ >> สไตล์เลเยอร์และใช้การตั้งค่าต่อไปนี้:

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์
Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

สำหรับการไล่ระดับสี ให้ใช้สีต่อไปนี้:
1. #667c85 เป็นสีฟ้าอ่อน
2. #475e68 เป็นสีน้ำเงินเข้ม

นี่คือสิ่งที่เราได้รับจนถึงตอนนี้...

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ขั้นตอนที่ 5 การเพิ่มความเงา

กด “Ctrl” และคลิกที่เลเยอร์ข้อความในพาเล็ตเลเยอร์ Photoshop ของคุณ การดำเนินการนี้จะโหลดข้อความที่เลือก

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

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

การใช้เครื่องมือวงรี lasso วาดวงกลมดังที่คุณเห็นในภาพด้านล่าง:

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ไปที่ เลือก >> ผกผัน เพื่อกลับรายการที่เลือกและกด "ลบ" เพื่อลบส่วนที่เหลือของการไล่ระดับสี วิธีนี้จะทิ้งความเงาไว้เฉพาะส่วนบนของข้อความ เช่นนี้

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ตอนนี้เพื่อให้สัมผัสที่น่าพึงพอใจและเป็นธรรมชาติ ให้ตั้งค่าความทึบของเลเยอร์ของเงาเป็น "โอเวอร์เลย์" (โปรดดูด้านล่าง):

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

ขั้นตอนที่ 6 การเพิ่ม Sparkles

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

เบนเนอร์

ตั้งค่าความทึบในการเติมของจุดเป็น 70% เปลี่ยนจากโหมด "ปกติ" เป็น "โอเวอร์เลย์"

เคล็ดลับ: ใช้เฉพาะจุดที่มีเส้นขีดของข้อความเป็นสีขาว ซึ่งจะช่วยเพิ่มเอฟเฟกต์แสง

จนถึงตอนนี้ หากคุณทำตามขั้นตอนต่างๆ อย่างใกล้ชิด คุณควรได้รับสิ่งนี้:

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์

นอกจากนี้เรายังเพิ่มความแวววาวด้วยแปรงต่างๆ แต่อย่าหักโหมจนเกินไป เพราะจะดีกว่าถ้ามีความเงาน้อยลงและมากเกินไป
ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเรืองแสงเมทัลลิก - บทช่วยสอน PS Lorelei Web Design

ฉันหวังว่าคุณจะสนุกกับบทช่วยสอน Photoshop นี้ และอย่าลืมตรวจสอบบทช่วยสอน Photoshop อื่น ๆ ของเราและสมัครรับฟีด หากคุณต้องการเรียนรู้เร็วขึ้น โปรดซื้อไฟล์ PSD ของบทช่วยสอนในราคาเพียง $1.00 เมื่อคุณชำระเงินเสร็จสิ้น ให้คลิกปุ่ม "กลับไปยังผู้ขาย" การดาวน์โหลดจะเริ่มขึ้นโดยอัตโนมัติ หากการดาวน์โหลดไม่เปลี่ยนเส้นทางคุณไม่ว่าด้วยเหตุผลใดก็ตาม โปรดแสดงความคิดเห็นด้านล่างหรือส่งอีเมลถึงเรา แล้วเราจะส่งไฟล์ให้คุณโดยเร็วที่สุด ขอบคุณ!

Photoshop เอฟเฟกต์ข้อความนูน - ออกแบบข้อความนูนอย่างมีสไตล์พร้อมเมทัลลิกโกลว์ - ซื้อ

เวอร์ชันข้อความ

บทช่วยสอนขั้นสูง: การสร้างข้อความนูนด้วยเมทัลลิกเรืองแสงใน Photoshop

ขององค์กร

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

ความต้องการ

  • Adobe Photoshop (เวอร์ชันล่าสุดจะใช้ได้)
  • ความรู้พื้นฐานเกี่ยวกับเครื่องมือ Photoshop และอินเทอร์เฟซ

ขั้นตอนที่ 1: การตั้งค่าเอกสารของคุณ

  1. เปิด Photoshop และสร้างเอกสารใหม่ สำหรับการใช้งานเว็บ ขนาด 800×600 พิกเซล ความละเอียด 72 dpi ก็เพียงพอแล้ว สำหรับการพิมพ์ พิจารณาความละเอียดสูงกว่า (อย่างน้อย 300 dpi)
  2. เติมพื้นหลัง ด้วยสีเข้มหรือการไล่ระดับสีเพื่อให้แสงเมทัลลิกโดดเด่น สีน้ำเงินเข้มหรือสีดำใช้ได้ผลดีกับเอฟเฟกต์นี้

ขั้นตอนที่ 2: การสร้างข้อความ

  1. เลือกเครื่องมือข้อความ (T) และพิมพ์ข้อความที่ต้องการ เลือกแบบอักษรตัวหนาหรือหนาเพื่อให้ได้เอฟเฟกต์นูนที่ดีที่สุด แบบอักษรเช่น Arial Black หรือ Impact เป็นตัวเลือกที่ดี
  2. ปรับขนาดตัวอักษร เพื่อให้เหมาะกับการออกแบบของคุณ สำหรับบทช่วยสอนนี้ ลองใช้ขนาดตัวอักษรที่เติมส่วนที่ดีของผืนผ้าใบ เพื่อให้แน่ใจว่ามองเห็นรายละเอียดของลายนูนและเอฟเฟกต์เรืองแสงได้

ขั้นตอนที่ 3: การใช้เอฟเฟกต์นูน

  1. เมื่อเลือกเลเยอร์ข้อความของคุณแล้ว ไปที่แผงเลเยอร์แล้วดับเบิลคลิก เพื่อเปิดกล่องโต้ตอบสไตล์เลเยอร์
  2. เลือก “เอียงและนูน” เพื่อเพิ่มความลึกให้กับข้อความของคุณ ใช้การตั้งค่าเหล่านี้เพื่อให้ได้รูปลักษณ์นูนที่ละเอียดอ่อนและสมจริง:
    • สไตล์: เอียงด้านใน
    • เทคนิค: เรียบ
    • ความลึก: 100%
    • ทิศทาง: ขึ้น
    • ขนาด: 5 px (ปรับตามขนาดข้อความของคุณ)
    • นุ่มนวล: 0 px
  3. ปรับการแรเงา เพื่อเพิ่มความรู้สึกแบบเมทัลลิก ตั้งค่ามุมเป็น 120° และระดับความสูงเป็น 30° ทดลองใช้พรีเซ็ต Gloss Contour เพื่อค้นหาค่าที่เข้ากับการออกแบบของคุณ

ขั้นตอนที่ 4: การเพิ่มความแวววาวของโลหะ

  1. ยังอยู่ในกล่องโต้ตอบสไตล์เลเยอร์ เลือก “อินเนอร์โกลว์” เพื่อความเงางามอันละเอียดอ่อนจากภายใน เลือกสีอ่อนที่ตรงกับลุคเมทัลลิกที่คุณต้องการ (สีเงิน ทอง ฯลฯ) ตั้งค่า Blend Mode เป็น Screen, Opacity เป็น 75% และ Size เป็นประมาณ 20px
  2. เพิ่ม “แสงภายนอก” เพื่อสร้างความรู้สึกถึงแสงสะท้อนจากโลหะ เลือกสีที่คล้ายคลึงกับ Inner Glow ตั้งค่า Blend Mode เป็น Screen, Opacity เป็น 50-75% และปรับขนาดเพื่อให้ได้เอฟเฟกต์ที่นุ่มนวลและกระจ่างใสรอบๆ ข้อความของคุณ

ขั้นตอนที่ 5: ปรับแต่งพื้นผิวโลหะ

  1. เพื่อเพิ่มพื้นผิวและความสมจริง คลิกที่ “ซาติน” ในกล่องโต้ตอบสไตล์เลเยอร์ สิ่งนี้จะเพิ่มความลึกและความซับซ้อนให้กับพื้นผิวเมทัลลิก ใช้การตั้งค่าเหล่านี้:
    • โหมดการรวม: ทวีคูณ
    • ความทึบ: 20%
    • มุม: 19 °
    • ระยะทาง: 21 พิกเซล
    • ขนาด: 27 พิกเซล
  2. เล่นกับ “คอนทัวร์” การตั้งค่าภายใต้ Bevel & Emboss เพื่อเพิ่มความแตกต่างของพื้นผิว เพิ่มประสิทธิภาพเอฟเฟกต์ลายนูน

ขั้นตอนที่ 6: การปรับขั้นสุดท้าย

  1. ปรับแต่งรูปลักษณ์โดยรวม โดยการปรับความทึบของการเติมของเลเยอร์เป็น 0% ซึ่งจะทำให้มองไม่เห็นสีข้อความ เหลือเพียงสไตล์เลเยอร์ที่มองเห็นได้เพื่อให้เอฟเฟกต์แบบโลหะและนูนเด่นชัดยิ่งขึ้น
  2. ถ้าต้องการ, เพิ่มเลเยอร์พื้นหลัง ด้วยการไล่ระดับสีหรือรูปแบบที่เสริมข้อความเมทัลลิกของคุณเพื่อทำให้การออกแบบสมบูรณ์

สรุป

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

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

เบนเนอร์