โฮมเพจ » Photoshop » ออกแบบพื้นหลังและข้อความสแตนเลสที่สมจริง [บทสอน Photoshop]

    ออกแบบพื้นหลังและข้อความสแตนเลสที่สมจริง [บทสอน Photoshop]

    นักออกแบบเว็บไซต์และผู้ดูแลเว็บเคยชื่นชอบเอฟเฟกต์เหล็กหรือเมทัลลิกที่ยอดเยี่ยมมาก่อน เว็บ 2.0 พายุในและล้างทุกอย่างออกไป; ออกจาก WWW กับเว็บไซต์การไล่ระดับสีที่ไม่เหมาะสม. Apple.com เกี่ยวข้องกับการออกแบบอินเตอร์เฟส Web 2.0 ที่ดีอยู่เสมอ แต่คนเหล่านี้ไม่เคยสูญเสียเอฟเฟกต์สีดำและสีเงินที่ยอดเยี่ยมและไม่ได้ทำให้ดีขึ้นในการออกแบบและการพิมพ์.

    แรงบันดาลใจจากการออกแบบของพวกเขาฉันพยายามที่จะนำสไตล์เหล่านี้กลับมาในการออกแบบส่วนตัวของฉันและทำให้บางสิ่งบางอย่างที่เป็นของแข็งและมีลักษณะเหมือนแผ่นโลหะสแตนเลส สอน Photoshop แบบเต็มหลังจากกระโดด.

    พื้นหลังสแตนเลส

    ขั้นตอนที่ 1

    สร้างเอกสารใหม่ที่ว่างเปล่าที่ขนาด 600 × 400 สร้างเลเยอร์ใหม่ตั้งชื่อ 'พื้นหลัง' และเติมด้วยสีเทา [# c0c0c0] ซ้ำ 'พื้นหลัง' เลเยอร์ตั้งชื่อเลเยอร์ใหม่ 'พื้นหลังเหล็ก'และวางไว้ด้านบนของ'พื้นหลัง'.

    ขั้นตอนที่ 2

    ใช้เลเยอร์ 'พื้นหลังเหล็ก' ที่เลือก ตัวกรอง -> เพิ่มเสียงรบกวน และป้อนการตั้งค่าต่อไปนี้:

    • จำนวน: 14.21
    • การกระจาย: เกาส์เซียน
    • ตรวจสอบสีเดียว

    ขั้นตอนที่ 3

    ด้วย 'พื้นหลังเหล็กเลเยอร์ยังคงถูกเลือกไป กรอง -> เบลอ -> โมชั่นเบลอ และป้อนการตั้งค่าต่อไปนี้:

    • นางฟ้า: 0
    • ระยะทาง: 34 พิกเซล

    คลิกขวา 'พื้นหลังเหล็ก'เลือก ตัวเลือกการผสม และป้อนการตั้งค่าต่อไปนี้สำหรับ การไล่ระดับสีแบบไล่เฉด - ตัวไล่ระดับสี:

    Color Stop 1

    • สี: # 000000
    • ความทึบแสง: 50%
    • สถานที่: 0%

    สีหยุด 2

    • สี: #ffffff
    • สถานที่: 50%

    สีหยุด 3

    • สี: # 000000
    • ความทึบแสง: 50%
    • สถานที่: 0%

    ข้อความโลหะ

    ขั้นตอนที่ 4

    พื้นหลังสแตนเลสของคุณทำโดยทั่วไปแล้วเราจะดำเนินการต่อจากที่นั่นเพื่อแทรกข้อความโลหะที่ควรดูตรงกัน ใช้ เครื่องมือข้อความ, เขียนสิ่งที่อยู่ตรงกลางโดยเฉพาะอย่างยิ่งกับตัวอักษรคิดอ้วน (ฉันใช้ Myriad Pro Bold ที่นี่) คลิกขวา (หรือดับเบิลคลิก) เลเยอร์ข้อความเพื่อเรียกใช้ ตัวเลือกการผสม โต้ตอบ.

    1. เงา
    • ความทึบ: 38%
    • ระยะทาง: 1px
    • สเปรด: 1%
    • ขนาด: 2px

  • เอียงและนูน
    • ความลึก: 100%
    • ขนาด: 0px
    • นุ่ม: 0px
    • เน้นความทึบแสง: 42%
    • ความทึบของเงา: 32%

  • โอเวอร์เลย์ไล่ระดับสี, ตัวแก้ไขไล่ระดับสี

    Color Stop 1

    • สี: # 3f3f3f
    • สถานที่: 0%

    สีหยุด 2

    • สี: # a1a1a1
    • สถานที่: 100%

  • ข้อความของคุณควรมีลักษณะคล้ายกับด้านล่าง.

    ขั้นตอนที่ 5

    นี่คือสิ่งที่คุณต้องติดตามอย่างแน่นหนา. กดปุ่ม Control ค้างไว้ (Mac: ปุ่มคำสั่ง) และคลิกซ้ายที่เลเยอร์ข้อความเพื่อไฮไลต์โครงร่าง ตรวจสอบให้แน่ใจว่ายังมีโครงร่างอยู่ให้เลือก 'พื้นหลังเหล็ก'เลเยอร์และ กด Control + J (Mac: Command + J)

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

    ขั้นตอนที่ 6

    เปลี่ยน 'ข้อความพื้นหลัง'ถึง การเผาไหม้สี, นำมัน ความทึบแสง ลงไป 67%.

    ผลลัพธ์สุดท้ายของคุณควรมีลักษณะคล้ายกับภาพด้านล่าง.

    ดาวน์โหลดไฟล์. PSD.