ในงานออกแบบกราฟิก วิธีง่ายๆ ทำให้สิ่ง gìโดดเด่นคือเพิ่มกรอบ (Border) รอบๆ ในบทความนี้จะสอนเพิ่ม Border ใน Photoshop ให้กับภาพ (Images), รูปทรง (Shapes), และข้อความ (Text)
วิธีฝึกทักษะ Photoshop ให้เก่ง: Practice, Practice, Practice ลองเพิ่ม Border ตามขั้นตอนด้านล่าง
เพิ่ม Border รอบภาพ (Image) ใน Photoshop
จินตนาการ: มีรูปภาพ ต้องการเพิ่มกรอบ พิมพ์ใส่กรอบภาพ การเพิ่ม Border จะทำให้ดูเหมือนมี Matte ภายในกรอบ และ ไม่ต้องการให้ Border ปิดบัง Pixel ของภาพเลยนิดเดียว จึงต้องเพิ่มขนาด Canvas (พื้นที่ทำงานรอบภาพในหน้าต่างภาพ) ก่อน แล้วค่อยเพิ่ม Border ในพื้นที่ว่าง สะดวกมากใน Photoshop
- เปิดภาพใน Photoshop
- หากภาพหลาย Layer ให้ Flatten Image: Layer > Flatten Image
- เปลี่ยน Background Layer ให้เป็น Layer ธรรมดา (ย้ายใน Stack ได้, เปลี่ยน Blending Mode/Opacity): Layer > New > Layer from Background หรือดับเบิลคลิก Layer ในแผง Layers ชื่อจะกลายเป็น Layer 0 > OK
- ขยาย Canvas: Image > Canvas Size เพิ่มขนาด Canvas ให้รองรับ Border ต้องการ ติ๊ก Relative Anchor ตรงกลาง Grid ใส่จำนวน Pixel ที่ต้องการเพิ่ม จำไว้: ครึ่งหนึ่งจะเพิ่มแต่ละขอบ ต้องการ Border กว้าง 100 px ต้องเพิ่ม Width และ Height 200 px แต่ละด้าน
- ตอนนี้มีภาพพร้อม Canvas ที่ขยายแล้ว
- เพิ่ม Border: กดปุ่ม Create a New Fill or Adjustment Layer ในแผง Layers เลือก Solid Color
- หน้าต่าง Color Picker เลือกสี Border > OK
- ในแผง Layers ลาก Layer สี (Color Fill) ที่เพิ่งสร้าง ให้อยู่ใต้ Layer ภาพ
ภาพมี Border รอบๆ แล้ว Save as… เพื่อไม่เขียนทับไฟล์ต้นฉบับ
ลองเล่นสี Border: ดับเบิลคลิก Layer Color Fill เลือกสีใหม่ ลองปรับความหนา Border: Image > Canvas Size ใส่ตัวเลขลบเพื่อลด Canvas
เพิ่ม Border ให้รูปทรง (Shape) ใน Photoshop
- เปิดไฟล์หรือสร้างเอกสารใหม่
- สร้าง Layer ใหม่: ปุ่มแผง Layers, หรือ Layer > New > Layer หรือ Shift+Ctrl+N
- ใน Toolbox เลือก Outline Selection Tool: Rectangle, Rounded Rectangle, Ellipse, Polygon, Custom Shape Tool
- เลือก Tool ลากบน Canvas วาดกรอบรอบภาพ
- เลือก Move Tool ปรับขอบกรอบที่สร้าง
- ด้วย Tool Outline ที่เลือกขั้นตอน 3 ตั้ง Fill = None ใน Options Bar
- เพิ่ม Stroke ให้กรอบ = Border: Options Bar เลือกประเภท Stroke (Solid Color, Gradient, Pattern) และสี ตัวอย่างเลือก Solid สีแดง กด Color Picker (กล่องสีหลายสีขวา) เลือกสีเพิ่ม
- ตั้ง ขนาด Stroke (ความหนา) พิมพ์ Pixel หรือเลื่อน Slider
- จะเห็น Border รอบกรอบที่สร้าง
Save as… ป้องกันเขียนทับไฟล์ต้นฉบับ
เพิ่ม Border ให้ข้อความ (Text) ใน Photoshop
ใน Photoshop เรียก Border ของข้อความว่า Outlining ขั้นตอนคล้ายเพิ่ม Stroke ให้กรอบข้างต้น
- สร้าง/เปิดเอกสารใหม่
- เลือก Tool Horizontal หรือ Vertical Type พิมพ์ข้อความ
- แผง Layers คลิกขวา Text Layer > Blending Options หรือ Layer > Layer Style > Blending Options
- กล่อง Layer Style เลือก Stroke ด้านซ้าย
- Stroke เลือกแล้ว ปรับรูปลักษณ์ Outline: Size (Slider/พิมพ์ Pixel) = ความหนา, Position = Inside/Outside/Center (ติ๊ก Preview จะเห็นผลทันที)
- เลือก Blend Mode และ Opacity (อ่านคู่มือ Blending ใน Photoshop ของเรา) เลือก Fill Type = Color, Gradient, Pattern หาก Color ใช้ Color Picker เลือกสี Outline > OK
Photoshop มีฟีเจอร์มากมาย ต่อยอดเรียนรู้: How to Mask in Photoshop แล้วลอง Face Swap in Photoshop!
