ออกแบบพื้นหลังและข้อความสแตนเลสที่สมจริง [บทสอน 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 ที่นี่) คลิกขวา (หรือดับเบิลคลิก) เลเยอร์ข้อความเพื่อเรียกใช้ ตัวเลือกการผสม โต้ตอบ.
- เงา
- ความทึบ: 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.