บทช่วยสอนนี้จะแสดงวิธีการแทรกภาพถ่ายลงในรูปร่างโดยใช้Adobe Photoshop ดังที่คุณจะเห็นว่าการวางรูปภาพเป็นรูปทรงต่างๆ ได้อย่างง่ายดาย ตั้งแต่รูปสี่เหลี่ยมผืนผ้าหรือวงกลมพื้นฐาน ไปจนถึงรูปทรงพิเศษที่กำหนดเอง บทช่วยสอนนี้จะใช้รูปร่างที่กำหนดเอง และบทความจะแสดงวิธีโหลดรูปร่างที่หายไปทั้งหมดใน Photoshop สำหรับการเลือกหลายรายการ
สารบัญ
ขั้นตอนที่ 1: สร้างเอกสารใหม่
เริ่มต้นด้วยการสร้างเอกสาร Photoshop ใหม่ หากคุณอยู่ที่หน้าจอหลัก ให้คลิก ปุ่ม ไฟล์ใหม่
คลิกปุ่มไฟล์ใหม่บนหน้าจอหลักของ Photoshop
หรือคุณสามารถไปที่ เมนู ไฟล์ในแถบเมนูแล้วเลือกใหม่
ไปที่ไฟล์ > ใหม่
ไม่ว่าจะวิธีใด กล่องโต้ตอบ เอกสารใหม่จะเปิดขึ้น โดยคุณสามารถป้อนการตั้งค่าที่จำเป็นในคอลัมน์ด้านขวาได้ ตัวอย่างจะสร้างเอกสารรูปสี่เหลี่ยมจัตุรัสโดยกำหนดความกว้างและความสูงเป็น 2,000 พิกเซล
เนื่องจากเราจะวางภาพลงในรูปร่าง และโดยปกติภาพจะถูกบันทึกด้วยความละเอียดสูงกว่า ดังนั้น ให้เปลี่ยนค่าความละเอียดเป็น 300 พิกเซลต่อนิ้ว และปล่อยให้เนื้อหาพื้นหลังถูกตั้งค่าเป็นสีขาว
ตั้งค่าเอกสาร Photoshop ใหม่
จาก นั้นคลิก ปุ่ม สร้าง
คลิกปุ่มสร้างเพื่อสร้างเอกสาร Photoshop ใหม่
และ Photoshop จะสร้างเอกสารใหม่
เอกสาร Photoshop ใหม่
ขั้นตอนที่ 2: เปิดแผงรูปร่าง
วิธีที่เร็วที่สุดในการวาดรูปทรงที่กำหนดเองใน Photoshop คือการเพิ่มรูปทรงจากแผงรูปทรง หากต้องการเปิดแผงนี้ ให้ไปที่ เมนู หน้าต่างและเลือกรูปร่าง
เปิดแผงรูปร่างจากเมนูหน้าต่าง
แผงรูปทรงจะเปิดขึ้นในคอลัมน์แผงย่อยทางด้านซ้ายของแผงหลัก คุณสามารถแสดงหรือซ่อนแผงได้โดยการคลิกที่ไอคอนแผง
แผงรูปทรงของ Photoshop จะเปิดขึ้นในคอลัมน์แผงย่อย
ในตอนแรกสิ่งที่เราเห็นคือรูปทรงเริ่มต้นที่ถูกแบ่งออกเป็นกลุ่ม
กลุ่มรูปร่างที่กำหนดเองตามค่าเริ่มต้นของ Photoshop
คุณสามารถหมุนกลุ่มใดๆ เพื่อเปิดเผยรูปร่างภายในกลุ่มนั้นได้ โดยการคลิกลูกศรข้างไอคอนโฟลเดอร์ของกลุ่มนั้น
ดูรูปร่างภายในกลุ่ม
คุณสามารถลากส่วนล่างของแผงรูปร่างลงมาเพื่อขยายและดูรูปร่างหลาย ๆ รูปร่างได้ในคราวเดียว
ขยายแผงรูปร่าง
ขั้นตอนที่ 3: โหลดรูปร่างที่หายไป
หากต้องการโหลดรูปร่างที่หายไปทั้งหมดที่มีอยู่ใน Photoshop ให้คลิกที่ ไอคอนเมนู แผงรูปร่าง
คลิกไอคอนเมนู
จากนั้นเลือกLegacy Shapes และ More
โหลดกลุ่ม Legacy Shapes and More
กลุ่ม Legacy Shapes and More ใหม่จะปรากฏใต้ค่าเริ่มต้น
กลุ่ม New Legacy Shapes and More
และข้างในยังมีอีกสองกลุ่มShapes ปี 2019มีรูปร่างใหม่ๆ หลายร้อยรายการที่เพิ่มเข้ามาใน Photoshop 2020 และรูปร่างเริ่มต้นทั้งหมดที่มียังคงเหมือนเดิมนั้นประกอบด้วยรูปร่างคลาสสิกจาก Photoshop เวอร์ชันเก่า
รูปทรงปี 2019 และรูปทรงเริ่มต้นดั้งเดิมทั้งหมด
ขั้นตอนที่ 4: เลือกรูปทรง
บทช่วยสอนนี้จะใช้รูปทรงคลาสสิกรูปทรงหนึ่ง ตัวอย่างจะเปิดกลุ่ม All Legacy Default Shapes
เปิดกลุ่มรูปร่างเริ่มต้นทั้งหมดแบบเก่า
จากนั้นเลื่อนลงไปที่ธรรมชาติและคลิกเพื่อเปิด
กลุ่มโอเพ่นเนเจอร์
และภายในธรรมชาติก็ใช้รูปผีเสื้อ
เลือกภาพผีเสื้อ
ขั้นตอนที่ 5: ลากและวางภาพลงบนผืนผ้าใบ
หากต้องการเพิ่มรูปร่าง เพียงแค่คลิกแล้วลากรูปขนาดย่อของรูปร่างจากแผงรูปร่างแล้ววางลงบนผืนผ้าใบ
ลากรูปร่างจากแผงรูปร่างลงบนผืนผ้าใบ
Photoshop จะวาดรูปร่างเมื่อคุณปล่อยปุ่มเมาส์
การวาดภาพด้วย Photoshop
ขั้นตอนที่ 6: ปรับขนาดและวางรูปภาพให้ตรงกลาง
ก่อนที่จะปรับขนาดภาพ ให้ไปที่แถบตัวเลือกและตรวจสอบให้แน่ใจว่าได้เลือกไอคอนลิงก์ระหว่าง ช่อง ความกว้างและความสูงเพื่อล็อกอัตราส่วนภาพของรูปภาพ
ตรวจสอบให้แน่ใจว่าความกว้างและความสูงเชื่อมโยงกัน
จากนั้นปรับขนาดรูปร่างโดยการคลิกและลากตัวจับการแปลงใดๆ หากคุณกด ปุ่ม Alt (Win) / Option (Mac) บนแป้นพิมพ์ค้างไว้ขณะลาก คุณจะปรับขนาดรูปร่างจากจุดศูนย์กลาง
ลากจุดจับเพื่อปรับขนาดรูปร่าง
คลิกและลากรูปร่างไปที่กึ่งกลางของผืนผ้าใบ เมื่อเข้าใกล้ศูนย์กลางมากขึ้น มันจะเข้าที่
ลากรูปร่างไปที่กึ่งกลาง
จากนั้นคลิกเครื่องหมายถูกในแถบตัวเลือกเพื่อยอมรับ
คลิกเครื่องหมายถูกเพื่อยอมรับขนาดและตำแหน่งของรูปร่าง
ใน แผง เลเยอร์รูปร่างจะปรากฏบนเลเยอร์ของตัวเอง เราทราบว่ามันเป็นเลเยอร์รูปร่างจากไอคอนที่มุมล่างขวาของภาพขนาดย่อ
แผงเลเยอร์ของ Photoshop ที่แสดงเลเยอร์รูปร่างใหม่
ขั้นตอนที่ 7: ตรวจสอบตัวเลือก Fill และ Stroke ในแผง Properties
เมื่อเลือกเลเยอร์รูปร่างแล้ว แผงคุณสมบัติจะให้การเข้าถึงตัวเลือกทั้งหมดของรูปร่างได้ รวมถึงการเติมและการระบายสี
ตัวเลือกรูปร่างในแผงคุณสมบัติของ Photoshop
โดยค่าเริ่มต้น Photoshop จะใช้สีดำเป็นสีเติม ซึ่งก็ไม่เป็นไร เพราะเราจะไม่เห็นสีนั้นเลยหลังจากแทรกภาพเข้าไปในรูปร่างแล้ว
แต่ Photoshop ยังเพิ่มเส้นสีดำ 1 พิกเซลรอบรูปร่างอีกด้วย
การเติมและเส้นขอบเริ่มต้นสำหรับรูปร่าง
สามารถเพิ่มจังหวะภายหลังได้หากต้องการ แต่ในตอนนี้ ให้ปิด Stroke โดยคลิกที่ตัวอย่างสี Stroke:
คลิกที่ตัวอย่างสีเส้น
และคลิกที่ ไอคอนไม่มีสีที่มุมซ้ายบนของแผง จากนั้นคลิกนอกแผงเพื่อปิด หรือ กดEnter (Win) / Return (Mac) บนแป้นพิมพ์ของคุณ
ตั้งค่า Stroke เป็น No Color
ขั้นตอนที่ 8: วางรูปภาพลงในเอกสาร
ต่อไปเราจะวางรูปภาพของเราลงในเอกสาร และเนื่องจากเราต้องการให้รูปภาพปรากฏในเอกสารเดียวกับรูปร่างของเรา เราจึงจะใช้คำสั่ง Place Embedded ของ Photoshop
ไปที่ เมนู ไฟล์และเลือกวางแบบฝัง
เลือกคำสั่งวางแบบฝังจากเมนูไฟล์
นำทางไปยังตำแหน่งที่บันทึกรูปภาพไว้ในคอมพิวเตอร์ของคุณ ในกรณีตัวอย่าง รูปภาพจะอยู่ในโฟลเดอร์บนเดสก์ท็อป คลิกที่รูปภาพเพื่อเลือก จากนั้นคลิกวาง
เลือกภาพแล้วคลิกวาง
Photoshop จะเพิ่มรูปภาพไว้ด้านหน้ารูปร่าง หากรูปภาพมีขนาดใหญ่กว่าขนาดเอกสาร Photoshop จะปรับขนาดให้พอดี รูปภาพที่ใช้มาจาก Adobe Stock
รูปภาพวางอยู่ตรงหน้ารูปร่าง
เราจะปรับขนาดภาพหลังจากวางลงในรูปร่างแล้ว ตอนนี้ให้คลิกเครื่องหมายถูกในแถบตัวเลือกเพื่อยอมรับ
คลิกเครื่องหมายถูกในแถบตัวเลือก
กลับไปที่แผงเลเยอร์ รูปภาพจะปรากฏบนเลเยอร์ใหม่เหนือเลเยอร์รูปร่าง และโปรดทราบว่า Photoshop ได้แปลงรูปภาพเป็นวัตถุอัจฉริยะ ซึ่งเราสามารถทราบได้จากไอคอนวัตถุอัจฉริยะที่มุมล่างขวาของภาพขนาดย่อ นั่นหมายความว่าไม่ว่าเราจะปรับขนาดภาพกี่ครั้งก็ตาม คุณภาพของภาพก็ยังคงไม่เปลี่ยนแปลง
Photoshop ตั้งค่าภาพให้เป็นวัตถุอัจฉริยะ
ขั้นตอนที่ 9: สร้างหน้ากากตัด
ขณะนี้รูปภาพอยู่ตรงหน้ารูปร่างแล้ว หากต้องการวางภาพลงในรูปร่าง ให้คลิกไอคอนเมนูแผงเลเยอร์
คลิกไอคอนเม��ูแผงเลเยอร์
จากนั้นเลือกสร้างหน้ากากตัด
เลือกคำสั่ง สร้างหน้ากากการตัด
หน้ากากการตัดจะตัดภาพให้เหลือเฉพาะรูปร่างพื้นฐาน ซึ่งหมายถึงส่วนเดียวของรูปภาพที่ยังมองเห็นได้คือบริเวณเหนือหรือด้านหน้าของรูปร่างโดยตรง ส่วนใดๆ ของภาพที่ตกอยู่ภายนอกรูปร่างนั้นจะถูกซ่อนจากมุมมอง ทำให้เกิดภาพลวงตาว่าภาพนั้นอยู่ภายในรูปร่างนั้นจริงๆ
ผลลัพธ์หลังจากการแทรกภาพเข้าในรูปทรงแล้ว
กลับไปที่แผงเลเยอร์ โปรดสังเกตว่าเลเยอร์รูปภาพมีการเยื้องเข้าไปทางขวา โดยมีลูกศรเล็กๆ ชี้ลงไปที่เลเยอร์รูปร่างด้านล่าง นี่เป็นวิธีของ Photoshop ในการบอกเราว่าเราได้สร้างหน้ากากการตัดแล้ว
แผงเลเยอร์จะแสดงหน้ากากการตัด
ขั้นตอนที่ 10: ปรับขนาดและเปลี่ยนตำแหน่งรูปภาพโดยใช้การแปลงแบบอิสระ
หากต้องการปรับขนาดและเปลี่ยนตำแหน่งรูปภาพภายในรูปร่าง ให้ไปที่ เมนู แก้ไขแล้วเลือกการแปลงแบบฟรี
ผลลัพธ์หลังจากตัดภาพเป็นรูปทรงแล้ว
ในแถบตัวเลือก ตรวจสอบให้แน่ใจว่าได้เลือกไอคอนลิงก์ระหว่างช่องความกว้างและความสูง
ตรวจสอบให้แน่ใจว่าได้เลือกไอคอนลิงก์แล้ว
จากนั้นปรับขนาดภาพโดยการลากตัวจับการแปลงใดๆ คุณสามารถกด ปุ่ม Alt (Win) / Option (Mac) บนแป้นพิมพ์ค้างไว้ขณะลากตัวจับเพื่อปรับขนาดรูปภาพจากจุดศูนย์กลาง
ปรับขนาดภาพภายในรูปร่าง
จากนั้นลากภาพเพื่อวางตำแหน่งวัตถุภายในรูปร่าง คุณอาจต้องสลับไปมาระหว่างการปรับขนาดและเปลี่ยนตำแหน่งรูปภาพจนกว่าจะได้ผลลัพธ์ที่ถูกต้อง
วางตำแหน่งรูปภาพให้อยู่ภายในรูปร่าง
เมื่อดำเนินการเสร็จแล้ว ให้คลิกเครื่องหมายถูกในแถบตัวเลือก
คลิกเครื่องหมายถูกในแถบตัวเลือก
วิธีการเปลี่ยนสีพื้นหลัง
ณ จุดนี้เราได้วางภาพลงในรูปร่างและเอฟเฟกต์หลักก็เสร็จสมบูรณ์แล้ว มีบางสิ่งที่เราสามารถทำได้ต่อไป คุณสามารถเพิ่มเส้นรอบรูปร่าง เปลี่ยนสีพื้นหลังด้านหลังรูปร่าง หรือลบพื้นหลังออกทั้งหมดได้
บทความจะเริ่มต้นด้วยการแสดงวิธีการเปลี่ยนสีพื้นหลัง และวิธีที่ง่ายที่สุดในการทำเช่นนั้นคือการใช้เลเยอร์เติมสีทึบ
ขั้นตอนที่ 1: เพิ่มเลเยอร์เติมสีทึบ
เราต้องการให้เลเยอร์เติมสีทึบปรากฏอยู่เหนือเลเยอร์พื้นหลังเล็กน้อย ดังนั้นในแผงเลเยอร์ ให้คลิกบนเลเยอร์พื้นหลังเพื่อเลือก
เลือกเลเยอร์พื้นหลังในแผงเลเยอร์
จากนั้นคลิก ไอคอน New FillหรือAdjustment Layerที่ด้านล่างของ แผง Layers :
คลิกไอคอนเติมใหม่หรือเลเยอร์ปรับแต่ง
และเลือกสีทึบจากด้านบนของรายการ
เพิ่มเลเยอร์เติมสีทึบ
ขั้นตอนที่ 2: เลือกสีพื้นหลังใหม่
Photoshop เปิด Color Picker เพื่อให้เราสามารถเลือกสีใหม่สำหรับพื้นหลังได้ สีเริ่มต้นเป็นสีดำ ซึ่งช่วยเน้นรายละเอียดของรูปร่างได้อย่างชัดเจน แต่ในกรณีนี้ สีพื้นหลังของผีเสื้อกลับดูมืดเกินไป
เอฟเฟ็กต์ด้วยสีดำเป็นสีพื้นหลัง
คุณสามารถเลือกสีอื่นจากตัวเลือกสีได้ แต่คุณยังสามารถสุ่มตัวอย่างสีโดยตรงจากรูปภาพภายในรูปร่างได้อีกด้วย เพียงเลื่อนเคอร์เซอร์ของเมาส์ไปเหนือรูปภาพ เคอร์เซอร์ก็จะเปลี่ยนเป็นหยดสีตา จากนั้นคลิกบนสีที่คุณต้องการสุ่มตัวอย่าง
ตัวอย่างเช่น จะสุ่มตัวอย่างโทนสีผิวอ่อนจากหน้าผากของหญิงสาว และจะกลายเป็นสีพื้นหลังใหม่ทันที
ตัวอย่างสีพื้นหลังใหม่จากรูปภาพภายในรูปร่าง
เมื่อคุณพบสีที่ถูกใจ ให้คลิกตกลงเพื่อปิดตัวเลือกสี และเมื่อกลับไปที่แผงเลเยอร์ เราจะเห็นว่ามีการเพิ่มเลเยอร์เติมสีทึบระหว่างเลเยอร์พื้นหลังและเลเยอร์รูปทรงด้านบน
แผงเลเยอร์ของ Photoshop ที่แสดงเลเยอร์เติม Solid Color ใหม่
วิธีการเพิ่มเส้นรอบรูปร่าง
อีกวิธีในการเพิ่มเอฟเฟกต์คือการเพิ่มเส้นรอบ ๆ รูปร่าง
ขั้นตอนที่ 1: เลือกเลเยอร์รูปร่าง
ก่อนอื่น ใน แผง เลเยอร์ให้คลิกบนเลเยอร์รูปร่างเพื่อเลือก
เลือกเลเยอร์รูปร่างในแผงเลเยอร์
ขั้นตอนที่ 2: เพิ่มเอฟเฟกต์เลเยอร์เส้น
แม้ว่าคุณจะสามารถเพิ่มเส้นจาก แผง คุณสมบัติได้แต่หลายคนยังคงชอบใช้วิธีเก่าๆ ในการเพิ่มเส้นโดยใช้เอฟเฟกต์เลเยอร์มากกว่า เมื่อเลือกเลเยอร์รูปร่างแล้ว ให้คลิก ไอคอน fxที่ด้านล่างของ แผง เลเยอร์ :
คลิกไอคอนเอฟเฟ็กต์เลเยอร์ในแผงเลเยอร์ของ Photoshop
และเลือกจังหวะ
เพิ่มเอฟเฟ็กต์เลเยอร์ Stroke
Photoshop จะเปิด กล่องโต้ตอบ Layer Style โดยมี ตัวเลือกStrokeในคอลัมน์ตรงกลาง หากต้องการเปลี่ยนสีของเส้น ให้คลิกที่ตัวอย่างสี
คลิกตัวอย่างสีในกล่องโต้ตอบสไตล์เลเยอร์ของ Photoshop
จากนั้น เลือกสีใหม่จากตัวเลือกสี ตัวอย่างนี้จะเลือกสีขาวโดยตั้งค่า R, G และ B ให้เป็น 255 คลิกตกลงเมื่อดำเนินการเสร็จเพื่อปิด Color Picker
เลือกสีขาวสำหรับการระบายสีจากตัวเลือกสี
กลับไปที่ กล่องโต้ตอบ สไตล์เลเยอร์ตั้งค่าตำแหน่งเป็นด้านนอกเพื่อให้เส้นขอบปรากฏขึ้นรอบ ๆ ด้านนอกของรูปร่าง จากนั้นเพิ่ม ค่า Sizeเพื่อปรับความหนาของเส้น สำหรับภาพตัวอย่างขนาดประมาณ 18 พิกเซลจะเหมาะสม
ตั้งค่าตำแหน่งและขนาดของเส้นขอบในกล่องโต้ตอบสไตล์เลเยอร์
คลิกตกลงเพื่อปิด กล่องโต้ตอบ สไตล์เลเยอร์และนี่คือผลลัพธ์ของการตีเส้นรอบรูปร่างในตัวอย่าง
ผลลัพธ์ที่มีการเพิ่มเส้นสีขาวรอบ ๆ รูปร่าง
หากคุณตัดสินใจว่าไม่ชอบเส้น คุณสามารถปิดได้ใน แผง เลเยอร์โดยคลิกไอคอนการมองเห็นถัดจากคำว่าเส้น
คลิกไอคอนการมองเห็นสำหรับเอฟเฟกต์เลเยอร์เส้น