สามารถใช้พื้นผิวแบบนี้ได้โดยใช้ภาพพื้นหลังที่กำหนดเองซึ่งแปลงเป็นไฟล์ .tga
ดาวน์โหลด Steam Skin Creator จาก Fileplanet เมื่อเสร็จแล้ว ให้คลายซิปไฟล์ "ilovesteam10.zip" ไปยังตำแหน่งที่คุณเลือก หรือคลิกปุ่ม ">" หากใช้แอปพลิเคชันดาวน์โหลด เปิดโฟลเดอร์ "ilovesteam10" และเปิด "ilovesteam_19.exe"
คลิก "ถัดไป" ในตัวติดตั้งและยอมรับข้อตกลงใบอนุญาตในหน้าถัดไป เลือกตำแหน่งที่จะติดตั้ง Skin Creator และคลิก "ติดตั้ง" ปล่อยให้ช่อง "เรียกใช้" ทำเครื่องหมายไว้และคลิก "เสร็จสิ้น"
คลิกที่ "ตัวเลือก > แก้ไขเส้นทาง Steam" และคลิกปุ่ม "เส้นทาง" นำทางไปยังตำแหน่งของไดเร็กทอรี Steam ของคุณ โดยทั่วไปจะเป็น C:\Program Files\Steam (Program Files (x86) บนระบบ 64 บิต) เลือก Steam.exe แล้วคลิก "เปิด"
คลิกปุ่ม "โครงการใหม่" บนอินเทอร์เฟซ Skin Creator พิมพ์ชื่อโครงการแล้วคลิก "ตกลง" รูปภาพ "รูท" จะแสดงก่อน โดยมีหน้าต่าง "เซิร์ฟเวอร์" บนแท็บที่สอง ภาพเหล่านี้แสดงถึงส่วนสำคัญของไคลเอนต์ Steam และกล่องโต้ตอบอื่น ๆ จะมีลักษณะอย่างไรเมื่อมีการดัดแปลงของคุณ
แก้ไขสี ภาพพื้นหลัง และไอคอนโดยใช้ช่องทางด้านซ้าย ต้องป้อนสีโดยใช้เลขฐานสิบหก ตามด้วยเครื่องหมาย # คุณอาจเลือกใช้ตัวเลือกสีซึ่งจะปรากฏขึ้นหากคุณคลิกสี่เหลี่ยมสีทางด้านขวาของช่องป้อนข้อมูล
แปลงภาพพื้นหลังหรือไอคอนที่ต้องการเป็นรูปแบบ TarGA โดยใช้โปรแกรมแก้ไขกราฟิก เช่น Photoshop, Corel Paint Shop Pro หรือ Gimp โหลดภาพที่มีอยู่ลงในโปรแกรม แล้วเลือก "บันทึกเป็น" จากเมนูไฟล์ แล้วเลือกไฟล์และเลือกประเภทไฟล์ "tga"
เปิด Windows Explorer และไปที่โฟลเดอร์ Steam ของคุณ (โดยทั่วไปจะอยู่ใต้ Program Files) ดับเบิลคลิกจากนั้นเปิดโฟลเดอร์ "Skins" ดับเบิลคลิกที่โฟลเดอร์สำหรับสกินที่เพิ่งติดตั้งใหม่ จากนั้นกด Ctrl+A เพื่อเลือกทุกอย่างที่อยู่ภายใน คลิก "แก้ไข > คัดลอก" จากเมนู Explorer
กลับไปที่โฟลเดอร์สกินหลักและสร้างโฟลเดอร์ใหม่ที่ตั้งชื่อตามสกินที่คุณกำหนดเอง ดับเบิลคลิกเพื่อเปิด จากนั้นคลิกขวาแล้วเลือก "วาง" เนื้อหาของโฟลเดอร์สกินที่ดาวน์โหลดควรปรากฏในโฟลเดอร์สกินใหม่ของคุณ
เปิด Steam และเข้าสู่ระบบ คลิกที่ "Steam > Settings" และคลิกแท็บ "Interface" เลือกสกินของคุณจากเมนูดรอปดาวน์สกินแล้วคลิก "ใช่" เพื่ออนุญาตให้ Steam รีสตาร์ท ปิด Steam เมื่อเปิดใหม่อีกครั้ง
คลิกที่ "เริ่ม" พิมพ์ "เรียกใช้" ในช่องค้นหาและกดปุ่ม "Enter" พิมพ์เส้นทางไปยัง steam.exe ของคุณภายในเครื่องหมายคำพูด ตามด้วยช่องว่างและ "-dev" โดยไม่มีเครื่องหมายคำพูด การดำเนินการนี้จะเปิดโปรแกรมในโหมดการพัฒนา ตัวอย่างเช่น: "c:\program files\steam\steam.exe" -dev
เปิดหน้าต่างที่คุณต้องการเริ่มทำงาน เช่น เพื่อน เซิร์ฟเวอร์ ชุมชน เป็นต้น กด "F6" เพื่อเปิดคอนโซล "vgui layout debugger" แก้ไขหน้าต่างโต้ตอบได้ครั้งละหนึ่งหน้าต่างเท่านั้นในขณะที่เปิดอยู่
เลือกองค์ประกอบของหน้าต่างที่คุณต้องการออกแบบใหม่ ตัวอย่างเช่น ในหน้าต่างเพื่อน คุณสามารถเลือกลิงก์ "เพิ่มเพื่อน" ได้ องค์ประกอบทั้งหมดที่จำเป็นสำหรับลิงก์เพื่อแสดงและฟังก์ชันจะปรากฏในตัวดีบั๊ก ซึ่งแบ่งออกเป็น ลักษณะ รายละเอียด เค้าโครง กลุ่ม และการแปล องค์ประกอบหลักที่ต้องเน้นคือ สไตล์ และ เลย์เอาต์ ซึ่งคล้ายกับสไตล์ CSS และเลย์เอาต์ HTML ในการออกแบบเว็บ
ใต้แท็บ สไตล์ เลือกคุณสมบัติที่คุณต้องการแก้ไข จากนั้นคลิกลิงก์ไฟล์ทางด้านขวาสุด กล่องโต้ตอบของ windows ควรปรากฏขึ้นเพื่อถามวิธีเปิดไฟล์ คลิกตัวเลือก "เลือกโปรแกรมจากรายการ... " แล้วคลิก "ตกลง" เลือก Notepad หรือโปรแกรมแก้ไข HTML ที่คุณชื่นชอบจากรายการ หากไม่ปรากฏ ให้คลิก "เรียกดู" เพื่อค้นหาโปรแกรม (Notepad จะอยู่ในโฟลเดอร์ Windows ของคุณ)
แก้ไขไฟล์ด้วยการเปลี่ยนแปลงตำแหน่ง สี หรือลักษณะการทำงานที่คุณต้องการ หากต้องการค้นหารายการเฉพาะที่เกี่ยวข้องกับองค์ประกอบที่คุณไฮไลต์ในตัวดีบั๊ก ให้คลิกที่ "แก้ไข > ค้นหา" แล้วพิมพ์ชื่อของคุณสมบัติ ตัวอย่างเช่น: การเปลี่ยนปุ่ม: เลื่อนเมาส์ไปที่ "สีแดง" จะทำให้ข้อความเปลี่ยนเป็นสีแดงหลังจากบันทึกการเปลี่ยนแปลงสกินของฉันและโหลด Steam ใหม่
เปิดซอฟต์แวร์แก้ไขกราฟิกของคุณ แอปพลิเคชันต้องสามารถดูและบันทึกไฟล์ TarGA (.tga) ได้ เช่น Photoshop, Corel Paint Shop Pro หรือ Gimp คลิกที่ "ไฟล์> เปิด" และไปที่โฟลเดอร์สกินของคุณภายในไดเรกทอรีสกิน Steam ดับเบิลคลิกที่โฟลเดอร์กราฟิกเพื่อดูภาพที่มีอยู่ซึ่งคุณสามารถแก้ไขได้
แก้ไขไฟล์กราฟิกในลักษณะเดียวกับที่คุณทำกับอิมเมจอินเทอร์เฟซอื่นๆ หากแทนที่รูปภาพด้วยขนาดอื่น อย่าลืมบันทึกกราฟิกใหม่ด้วยชื่อเดียวกัน แล้วเลือก "tga" เป็นประเภทไฟล์
เคล็ดลับ
รูปภาพที่กำหนดเอง เช่น ปุ่มกราฟิก พื้นหลัง และอื่นๆ สามารถบันทึกเป็นไฟล์ .tga ในโฟลเดอร์กราฟิกแล้วอ้างอิงตามสไตล์ ตัวอย่างเช่น คุณสามารถแก้ไขคุณสมบัติพื้นหลังเพื่อรวมเส้นทางสัมพันธ์กับกราฟิกของคุณแทนที่จะใช้สีทึบ
