Webdesign Tips: การทำกรอบรูปเป็นเส้นประ

1. สร้างเอกสารใหม่ขึ้นมาขนาดประมาณ 500 x 500 pixels (สามารถปรับขนาดได้ตามต้องการ)

2. เมื่อสร้างเอกสารใหม่แล้ว ให้ทำการเปิดรูปที่ต้องการทำเส้นประขึ้นมา 1 รูป โดยไปที่เมนู File --> Open

3. ใช้เครื่องมือ Pen Tool ตัดเอาเฉพาะส่วนที่ต้องการ

4. จากนั้นให้คลิกที่แถบเมนู Paths คลิกเลือกที่ Path 1 จากนั้นคลิกที่ลูกศร แล้วเลือก Make Selection... และกด OK จะได้เส้น Selection ล้อมรอบรูปที่เราทำการตัดเอาไว้

5. เมื่อได้เส้น Selection แล้ว ให้ใช้เครื่องมือ Move Tool โดยคลิกเมาส์ซ้ายค้างไว้ที่รูป แล้วทำการลากมายังไฟล์ที่เตรียมเอาไว้เพื่อทำการย้ายรูปที่ตัด ไปที่ไฟล์ที่เราสร้างรอเอาไว้ในขั้นตอนที่ 1

6. เมื่อทำการย้ายรูปมาเรียบร้อยแล้ว ก็จัดตำแหน่งให้สวยงาม จากนั้นก็มาที่เมนู Select --> Load Selection และกด OK เราก็จะได้เส้น Selection รอบ ๆ รูป

7. เมื่อได้เส้น Selection แล้ว ให้ไปที่เมนู Select --> Modify --> Expand และตั้งค่า Expand By = 7 (ตัวเลขยิ่งมาก ระยะของเส้นประจะห่างจากรูปออกไป)

8. จากนั้นให้มาที่แถบเมนู Paths คลิกที่ และเลือกที่ Make Work Path... และตั้งค่า Tolerance = 0.5 และกด OK

9. จากนั้นให้ทำตามขั้นตอนดังนี้

1. ตั้งค่าสีที่ต้องการทำเส้นประรอบรูปเป็นสี #FFC600 (ถ้าชอบสีอื่นสามารถปรับเปลี่ยนได้)
2. เลือกเครื่องมือ Brush Tool
3. ไปที่เมนู Window --> Brushes หรือกด F5 (จะมีเมนู Brusher ขึ้นมา)
4. ที่เมนู Brusherให้คลิกที่ Brush Tip Shape และเลือกหัวแปรงแบบธรรมดาขนาด 4 px และตั้ง Spacing = 184%

10. เมื่อทำตามขั้นตอนที่ 9 เรียบร้อยแล้วให้มาที่แถบเมนู Paths คลิกที่ และเลือกที่ Stroke Path...จากนั้นที่ช่อง Tool ให้เลือก Brush และกด OK เพียงเท่านี้ก็จะได้กรอบรูปเส้นประแบบเก๋ ๆ เอาไว้ใช้งานแล้ว

• อ่านเทคนิคออกแบบเว็บไซต์ อื่น ๆ