In this step, we’ll make the slider

In this step, we’ll make the slider bar, a horizontal rectangle that will be sort of the "track" of our slider control (which we’ll create later on).

To start, use the Rectangle Tool (U) and draw a rectangle like on the image below. Make sure that the Rectangle Tool is set to Shape layers mode (you can set this at the Options bar at the top). For the Color of the shape, use a gray color (#dddddd) — you can also set the Color of your shape at the Options bar.

ผลลัพธ์ (ไทย) 1:

ในขั้นตอนนี้ เราจะทำให้แถบเลื่อน สี่เหลี่ยมแนวนอนที่จะจัดเรียงของ "ติดตาม" ของตัวควบคุมแถบเลื่อนของเรา (ซึ่งเราจะสร้างในภายหลัง)การเริ่มต้น ใช้ในสี่เหลี่ยมมือ (U) และวาดสี่เหลี่ยมเหมือนในรูปด้านล่าง ตรวจสอบให้แน่ใจว่า เครื่องมือสี่เหลี่ยมถูกตั้งค่าเป็นรูปร่างชั้น (คุณสามารถตั้งค่าโหมดนี้ที่แถบตัวเลือกที่ด้านบน) ใช้สีของรูปร่าง สีเทา (#dddddd) — คุณยังสามารถกำหนดสีของรูปร่างของคุณได้ที่แถบตัวเลือก

ผลลัพธ์ (ไทย) 2:

ในขั้นตอนนี้เราจะทำให้แถบเลื่อนเป็นสี่เหลี่ยมผืนผ้าแนวนอนที่จะเป็นจัดเรียงของ "ตามรอย" ของการควบคุมการเลื่อนของเรา (ซึ่งเราจะสร้างภายหลัง). ในการเริ่มต้นใช้เครื่องมือสี่เหลี่ยมผืนผ้า (U) และวาด สี่เหลี่ยมเช่นเดียวกับภาพด้านล่าง ตรวจสอบให้แน่ใจว่าเครื่องมือสี่เหลี่ยมผืนผ้ามีการตั้งค่าโหมดรูปร่างชั้น (คุณสามารถตั้งค่านี้ในแถบตัวเลือกที่ด้านบน) สำหรับสีของรูปร่างให้ใช้สีเทา (#dddddd) - คุณยังสามารถตั้งค่าสีของรูปร่างที่บาร์ตัวเลือก

ผลลัพธ์ (ไทย) 3:

ในขั้นตอนนี้ เราก็จะทำแถบเลื่อนแนวนอนสี่เหลี่ยมผืนผ้า , ที่จะเรียงลำดับของ " ติดตาม " ของแถบเลื่อนควบคุมของเรา ( ซึ่งเราจะสร้างในภายหลัง ) .

เริ่มใช้เครื่องมือสี่เหลี่ยม ( U ) และ วาดรูปสี่เหลี่ยมเหมือนในรูปข้างล่าง ตรวจสอบให้แน่ใจว่ามีการตั้งค่าเครื่องมือสี่เหลี่ยมผืนผ้ารูปร่างโหมดเลเยอร์ ( คุณสามารถตั้งค่านี้ในแถบตัวเลือกที่ด้านบน ) สำหรับสีรูปร่างใช้สีเทา ( # dddddd ) นอกจากนี้คุณยังสามารถตั้งค่าสีรูปร่างของคุณในแถบตัวเลือก