ในการออกแบบกราฟิก วิธีง่ายๆ ในการทำให้บางสิ่งโดดเด่นคือการเพิ่มเส้นขอบรอบๆ ในบทความนี้ เราจะแสดงวิธีเพิ่มเส้นขอบในPhotoshopให้กับรูปภาพ รูปร่าง และข้อความ

วิธีที่ดีที่สุดในการเพิ่มพูนทักษะPhotoshopของ คุณ คือการฝึกฝน^(practice)ฝึกฝน^(practice)ฝึกฝน ^(practice)ลองเพิ่มเส้นขอบในPhotoshopโดยทำตามขั้นตอนด้านล่าง

วิธีเพิ่มเส้นขอบ^(Border)รอบ ๆ รูปภาพในPhotoshop

ลองนึกภาพว่า^(Imagine)คุณมีภาพถ่ายหรือภาพที่คุณต้องการเพิ่มเส้นขอบในPhotoshop คุณกำลังวางแผนที่จะพิมพ์ภาพและทำกรอบ การเพิ่มเส้นขอบให้กับรูปภาพจะทำให้ดูเหมือนคุณได้เพิ่มการเคลือบด้านใน 

ลองนึกภาพด้วยว่าคุณไม่ต้องการให้เส้นขอบปิดบังแม้แต่พิกเซลเดียวของรูปภาพ ดังนั้นก่อนอื่น คุณจะต้องเพิ่มขนาดของผ้าใบ^(canvas) —พื้นที่ทำงานรอบรูปภาพภายในหน้าต่างรูปภาพ—แล้วเพิ่ม ชายแดนในพื้นที่พิเศษนั้น โชคดีที่ทำได้ง่ายใน  Photoshop

1. เปิดภาพของคุณใน Photoshop 

1. หากรูปภาพมีหลายเลเยอร์ ให้ปรับรูปภาพโดยเลือกLayer > Flatten  Image^{(Flatten Image)}

1. ต่อไป เราจะเปลี่ยนเลเยอร์พื้นหลังเป็นเลเยอร์ปกติที่สามารถย้ายไปยังจุดอื่นในลำดับการซ้อนเลเยอร์ ดังนั้นคุณสามารถเปลี่ยนโหมดการผสมหรือความทึบของเลเยอร์ได้ เลือกLayer > New > Layer from Background ^{(Layer from Background)}หรือดับเบิลคลิกที่เลเยอร์ในแผงเลเยอร์ ^(Layers)โปรดทราบว่าชื่อใหม่จะเป็นLayer 0 ^{(Layer 0)}เลือกปุ่มตกลง^(OK)

1. ตอนนี้เราจะทำผ้าใบให้ใหญ่ขึ้น เลือกรูปภาพ^(Image) > ขนาดผ้าใบ ^{(Canvas Size)}คุณต้องการเพิ่มขนาดของผืนผ้าใบเพื่อรองรับเส้นขอบที่คุณต้องการเพิ่ม ตรวจสอบ ให้^(Make)แน่ใจว่าได้เลือก ช่อง Relativeและตั้งจุดยึดไว้ตรงกลางกริด จากนั้นป้อนจำนวนพิกเซลที่คุณต้องการเพิ่มผ้าใบ โปรดจำไว้ว่า^(Remember)ครึ่งหนึ่งของพิกเซลจะถูกเพิ่มไปยังแต่ละขอบของผืนผ้าใบ ดังนั้นหากคุณต้องการเส้นขอบที่มีความกว้าง 100 พิกเซล คุณจะต้องเพิ่มความกว้างและความสูงของผืนผ้าใบแต่ละอัน 200 พิกเซล 

1. ตอนนี้เรามีรูปภาพที่มีผืนผ้าใบที่ขยายแล้ว

6. ในการเพิ่มเส้นขอบ ให้เลือกปุ่มCreate a New Fill หรือ Adjustment Layer^{( Create a New Fill or Adjustment Layer)}ในแผงLayers และเลือก ^(Layers)Solid Colorจากรายการ 

7. ใน หน้าต่าง Color Pickerเลือกสีที่คุณต้องการให้เส้นขอบเป็น แล้วเลือกปุ่มOK

8. สุดท้าย ใน แผง เลเยอร์^(Layers)ให้ลากเลเยอร์เติมสีที่คุณเพิ่งสร้างไว้ด้านล่างเลเยอร์ภาพ

ตอนนี้รูปภาพของคุณควรมีเส้นขอบล้อมรอบ คุณสามารถบันทึกได้ แต่อย่าลืมบันทึกเป็น...^{(Save as…)}เพื่อที่คุณจะได้ไม่ต้องบันทึกทับภาพต้นฉบับของคุณ

ลอง ใช้สีของเส้นขอบโดยดับเบิลคลิกที่ เลเยอร์ Color Fillแล้วเลือกสีอื่น แล้วลองเปลี่ยนความหนาของเส้นขอบโดยปรับขนาดผ้าใบใหม่ ( Image > Canvas Size ) ป้อน^(Enter)ตัวเลขติดลบเพื่อทำให้ผ้าใบมีขนาดเล็กลง

วิธีเพิ่มเส้นขอบ^(Border)ให้กับรูปร่างในPhotoshop

ต่อไป มาเรียนรู้วิธีเพิ่มเส้นขอบให้กับรูปร่างในPhotoshopกัน 

1. เปิดไฟล์หรือสร้างเอกสารใหม่ในPhotoshop
2. สร้างเลเยอร์ใหม่โดยใช้ปุ่มที่ด้านล่างของแผงเลเยอร์ หรือโดยการเลือก ^(Layers)Layer > New > Layer หรือโดยใช้แป้น พิมพ์ลัดShift + Ctrl + N

1. ในกล่องเครื่องมือ^(Toolbox)ให้เลือกเครื่องมือการเลือกโครงร่าง คุณสามารถเลือกเครื่องมือสี่เหลี่ยมผืนผ้า เครื่องมือ^{(Rectangle Tool)}สี่เหลี่ยมผืนผ้าโค้งมน เครื่องมือ^{(Rounded Rectangle Tool)}วงรีเครื่องมือ^{(Ellipse Tool)}รูปหลายเหลี่ยม^{(Polygon Tool)}หรือเครื่องมือรูปร่างที่กำหนด^{(Custom Shape Tool)}เอง 

1. เลือกเครื่องมือแล้วลากไปบนผืนผ้าใบเพื่อให้รูปภาพของคุณอยู่ในกรอบ 

1. เลือก เครื่องมือ ย้าย^{(Move )}เพื่อปรับขอบของเฟรมที่คุณสร้างขึ้น

1.  ด้วยเครื่องมือการเลือกโครงร่างใดก็ตามที่คุณใช้ในขั้นตอนที่ 3 ที่เลือก ตรวจสอบให้แน่ใจว่าเติม^{(Fill )}ถูกตั้งค่าเป็นไม่มี^(None)ในแถบตัวเลือก

1. ตอนนี้เราจะเพิ่มStrokeให้กับเฟรมเพื่อสร้างเส้นขอบ ใน แถบ ตัวเลือก^(Options)ให้เลือกประเภทของเส้นขีดที่คุณต้องการ (สีทึบ การไล่ระดับสีหรือลวดลาย) และสีของเส้น ในตัวอย่างด้านล่าง เราได้เลือกเส้นทึบเป็นสีแดง ในการเข้าถึงตัวเลือกสีเพิ่มเติม ให้เลือกColor Picker—^{(Color Picker—the)}กล่องหลากสีทางด้านขวา

1. จากนั้นเลือกความหนาของStroke คุณสามารถพิมพ์จำนวนพิกเซลหรือใช้แถบเลื่อนเพื่อเลือกความหนาของStroke

1. ตอนนี้คุณควรเห็นเส้นขอบรอบ ๆ เฟรมที่คุณสร้างขึ้น

อย่าลืมบันทึกเป็น...^{(Save as…)}เพื่อไม่ให้คุณเขียนทับภาพต้นฉบับ 

วิธีเพิ่มเส้นขอบ^(Border)ให้กับข้อความในPhotoshop

ในPhotoshopการเพิ่มเส้นขอบให้กับข้อความเรียกว่าโครงร่าง กระบวนการร่างโครงร่างคล้ายกับการเพิ่มเส้นโครงร่างให้กับเฟรมอย่างที่เราทำในตัวอย่างด้านบน 

1. สร้าง^(Create)หรือเปิดเอกสารใหม่ในPhotoshop
2. เลือก เครื่องมือ ประเภท^{(Vertical Type)}แนวนอน^{(Horizontal )}หรือ แนวตั้ง แล้วพิมพ์ข้อความของคุณ

1. ใน แผง เลเยอร์^(Layers)ให้คลิกขวาที่ เลเยอร์ ข้อความ^(Text)แล้ว  เลือกBlending OptionsหรือเลือกLayer > Layer Style > Blending Options
2. ในกล่องโต้ตอบLayer Style ที่ปรากฏขึ้น ให้เลือก ^{(Layer Style)}Strokeจากรายการทางด้านซ้าย 

1. เมื่อ เลือก Strokeในกล่องโต้ตอบLayer Style คุณจะสามารถปรับลักษณะที่ปรากฏของโครงร่างข้อความได้ ^{(Layer Style)}กำหนดความหนาของเค้าร่างโดยการป้อนจำนวนพิกเซลหรือโดยใช้แถบเลื่อนขนาด^{(Size )}
2. ตั้งค่าตำแหน่ง^(Position)ของจังหวะเป็นInside , OutsideหรือCenter ถ้าคุณเลือกกล่องแสดงตัวอย่าง คุณจะเห็นเอฟเฟกต์ของตัวเลือกของคุณบนเอกสารของคุณ^(Preview)

1. เลือกBlend Modeและความทึบ ^(Opacity)( เรียนรู้^(Learn)ทุกสิ่งที่คุณอยากรู้ในหัวข้อนี้ในคู่มือการผสม Photoshop^{(guide to blending in Photoshop)}ของเรา )
2. จาก นั้นเลือกFill Type to Color , GradientหรือPattern หากคุณเลือกสี ให้^{(Color, )}ใช้เครื่องมือเลือกสีเพื่อเลือกสีของโครงร่างข้อความ เมื่อคุณทำเสร็จแล้ว ให้เลือกตกลง^(OK)

Photoshopอัดแน่นไปด้วยคุณสมบัติและฟังก์ชันการทำงาน หากต้องการเรียนรู้ต่อ โปรดดูบทความของเราเกี่ยวกับวิธีการปิดบังใน Photoshop^{(how to mask in Photoshop)}จากนั้นนำความรู้ใหม่ของคุณไปใช้โดยทำการสลับใบหน้าใน Photoshop^{(face swap in Photoshop)} !

How To Add a Border in Photoshop

In graphic design, a simple way to make something stand out is to add a border around it. In this article, we’ll show you how tо add a border in Photoshop to imagеs, shapеs, аnd text.

The best way to amp up your Photoshop skills is to practice, practice, practice. Try adding a border in Photoshop by following the steps below.

How To Add a Border Around an Image in Photoshop

Imagine you have a photo or image that you want to add a border around in Photoshop. You’re planning on printing the image and getting it framed. Adding a border to the image will make it look like you’ve added an interior matte. 

Let’s also imagine that you don’t want the border to cover up even one pixel of the image itself, so first you’ll need to increase the size of the canvas—the workspace around an image within an image window—and then add the border in that extra space. Fortunately, this is simple to do in Photoshop. 

1. Open your image in Photoshop. 

1. If the image has multiple layers, flatten the image by selecting Layer > Flatten Image. 

1. Next, we’ll change the background layer into a regular layer that can be moved into a different spot in the layer stacking order and so you can change its blending mode or its opacity. Select Layer > New > Layer from Background. Alternatively, double-click on the layer in the Layers panel. Note that its new name will be Layer 0. Select the OK button.

1. Now we’ll make the canvas larger. Select Image > Canvas Size. You want to increase the size of the canvas to accommodate the border you want to add. Make sure the Relative box is checked and the anchor is set to the middle of the grid. Then enter the number of pixels by which you want to increase the canvas. Remember, half of the pixels will be added to each edge of the canvas, so if you want a border that’s 100 pixels wide, you’ll need to increase the width and height of the canvas by 200 pixels each. 

1. Now we have an image with an expanded canvas.

6. To add a border, select the Create a New Fill or Adjustment Layer button in the Layers panel and choose Solid Color from the list. 

7. In the Color Picker window, choose the color you want the border to be and select the OK button.

8. Finally, in the Layers panel, drag the color fill layer you just created below the image layer.

Now your image should have a border around it. You can save it, but remember to Save as… so you don’t save over your original image.

Play around with the color of the border by double-clicking on the Color Fill layer and choosing a different color, and try changing the thickness of the border by readjusting the size of the canvas (Image > Canvas Size). Enter negative numbers to make the canvas smaller.

How To Add a Border to a Shape in Photoshop

Next, let’s learn how to add a border to a shape in Photoshop. 

1. Open a file or create a new document in Photoshop.
2. Create a new layer using the button at the bottom of the Layers panel or by selecting Layer > New > Layer or by using the keyboard shortcut Shift + Ctrl + N.

1. In the Toolbox, select an outline selection tool. You could choose the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, or the Custom Shape Tool. 

1. Select the tool and drag it over the canvas so your image is framed. 

1. Select the Move tool to adjust the edges of the frame you created.

1.  With whichever outline selection tool you used in step 3 selected, make sure Fill is set to None in the options bar.

1. Now we’ll add a Stroke to the frame, creating the border. In the Options bar, choose what kind of stroke you want (solid color, gradient or pattern) and its color. In the example below, we’ve selected a solid stroke in red. To access more color options, select the Color Picker—the multicolored box on the right.

1. Next, select the thickness of the Stroke. You can type in the number of pixels or you can use the slider to select the Stroke’s thickness.

1. Now you should see the border around the frame you created.

Be sure to Save as… so you don’t overwrite the original image. 

How To Add a Border to Text in Photoshop

In Photoshop adding a border to text is called outlining. The process of outlining is similar to adding a stroke to a frame like we did in the example above. 

1. Create or open a new document in Photoshop.
2. Select the Horizontal or Vertical Type tool and type your text.

1. In the Layers panel, right-click on the Text layer and select Blending Options or select Layer > Layer Style > Blending Options. 
2. In the Layer Style dialog box that appears, select Stroke from the list on the left. 

1. With Stroke selected in the Layer Style dialog box, you can then adjust the appearance of the text outlines. Set the thickness of the outline by entering a number of pixels or by using the Size slider.
2. Set the Position of the stroke to Inside, Outside, or Center. If you have the Preview box checked, you’ll see the effects of your choices on your document.

1. Select the Blend Mode and Opacity. (Learn everything you ever wanted to know on this topic in our guide to blending in Photoshop.)
2. Next, select the Fill Type to Color, Gradient, or Pattern. If you choose Color, use the color picker to select the color of the text outlines. When you’re finished, select OK.

Photoshop is packed with features and functionality. To continue learning, check out our article on how to mask in Photoshop and then put your new knowledge to use by doing a face swap in Photoshop!

Related posts

• วิธีการลบหรือเปลี่ยนพื้นหลังใน Photoshop

• วิธีทำให้ฟันขาวใน Photoshop

• วิธีการผสมผสานใน Photoshop

• วิธีการ Feather และ Blur ใน Photoshop

• วิธีตัดวัตถุในภาพใน Photoshop CC

• วิธีเปิดไฟล์ DDS ใน Windows 10

• วิธีอัปเดตซอฟต์แวร์พีซีของคุณโดยอัตโนมัติ

• วิธีการปรับขนาด รวม และรวมเลเยอร์ใน Photoshop

• วิธีกู้คืนบัญชี Facebook ที่ถูกแฮ็ก

• วิธีสร้างแล็ปท็อปของคุณเอง

• วิธีอัปเดต Raspberry Pi

• รีวิวหนังสือ - คู่มือ How-To Geek สำหรับ Windows 8

• วิธีสแกนหลายหน้าเป็นไฟล์ PDF ไฟล์เดียว

• วิธีใช้ Photoshop แทนที่สีสำหรับการแก้ไขเชิงสร้างสรรค์

• วิธีวัดระยะทางใน Photoshop

• วิธีตั้งค่ามาสเตอร์เพจใน Adobe InDesign CC

• ปิดการควบคุมบัญชีผู้ใช้ (UAC) สำหรับแอปพลิเคชันเฉพาะ

• วิธีสร้างทีมใน Microsoft Teams

• วิธีการร่างข้อความใน Photoshop

• วิธีการครอบตัดใน Photoshop