ในการเพิ่มพื้นหลังให้กับภาพหน้าจอ^{(screen image)} สีเขียว ในPhotoshopคุณจะต้องเรียนรู้วิธีใช้เครื่องมือเริ่มต้นที่มีอยู่ในแถบเครื่องมือ

หากพื้นหลัง^{(background isn)}ไม่ได้เป็นสีเขียวหรือมีแสงสว่างเพียงพอ คุณจะต้องทำตามขั้นตอนเพิ่มเติม อย่าลังเล^(Feel)ที่จะลองใช้มือของคุณโดยใช้ภาพตัวอย่าง^{(example image)}ด้านล่าง

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

วิธีการเพิ่มพื้นหลังให้กับภาพหน้าจอสีเขียวที่สมบูรณ์แบบใน Photoshop^{(How To Add a Background To a Perfect Green Screen Image in Photoshop)}

สำหรับส่วนแรกของเรา เราจะแนะนำวิธีการเพิ่มพื้นหลังของคุณเองเมื่อหน้าจอสีเขียวสว่างเต็มที่หรือใช้เฉดสีเขียวเพียงเฉดเดียวตลอด คุณสามารถหา ภาพหน้าจอ^{(screen and background images)}สีเขียวและพื้นหลังปลอดค่าลิขสิทธิ์ออนไลน์ดีๆ ได้ หากยังไม่มี

• ขั้นแรก ค้นหารูปภาพของคุณ คลิกขวา แล้วคลิกOpen With > Adobe Photoshop

• ในPhotoshopคุณต้องคลิกขวาที่เลเยอร์ที่ด้านล่างแล้วคลิกLayer from Background... 
  

• คลิกตกลง^{( OK)}เมื่อได้รับพร้อมท์ ซึ่งจะทำให้คุณสามารถแก้ไขรูปภาพที่คุณเพิ่งเปิดได้

1. จากนั้น คลิกSelectในแผงด้านบน จากนั้นคลิกColor  Range^{(Color Range)}

1. หากรูปภาพใช้หน้าจอสีเขียวที่สมบูรณ์แบบ คุณควรเห็นโครงร่างของรูปภาพในหน้าต่างที่ปรากฏขึ้น หากคุณไม่เห็นโครงร่างที่ชัดเจน คุณอาจต้องการลองขั้นตอนต่อไป เรายังแนะนำให้คุณลองขั้นตอนนี้ก่อน เพราะจะช่วยให้คุณเรียนรู้เครื่องมือสำคัญที่สามารถใช้ได้ในภายหลัง

1. คลิกถัดไปบนหน้าจอสีเขียวและเครื่องมือหยด^{(dropper tool)}จะเลือกสีนั้น หลังจากนั้นคลิกตกลง^{(OK )}และพื้นที่หน้าจอสีเขียวจะถูกเน้น

1. ตอนนี้ คุณต้องดำเนินการอีกสองขั้นตอนเพื่อให้แน่ใจว่ารูปภาพ^{(image doesn)} ของคุณ ไม่มีโครงร่างสีเขียว คลิก^(Click) เลือก^(Select)แล้วคลิกModify > Expandขยาย เลือกขยาย 2 พิกเซลแล้วคลิกตกลง^(OK)

1. จาก นั้นคลิกSelectจากนั้นเลือก Select and Mask ^{( Select and Mask)}ในหน้าต่างใหม่ที่ปรากฏทางด้านซ้าย ให้ใส่ขนาดขนนก^{(feather size)}เป็น  1 px^{(1 px)}

1. คลิก ช่องดรอปดาวน์ การตั้งค่าเอาต์พุต^{(Output Settings)}และตรวจสอบให้แน่ใจว่าได้ตั้งค่าเป็น Output To : Selection ^{(Output To: Selection)}คลิกถัดไป  ตกลง^(OK)
   
2. กดลบ^(delete)บนแป้นพิมพ์และหน้าจอสีเขียวของคุณจะถูกลบออก

ขั้นตอนต่อไปคือการได้ภาพพื้นหลังที่^{(background image)}คุณต้องการใช้ คุณสามารถใช้พื้นหลังของคุณเองหรืออะไรก็ได้^{(background or anything)}ทางออนไลน์ หากมีวัตถุประสงค์ในเชิงพาณิชย์ โปรดอ่านคู่มือ Creative Commons ของ เรา ซึ่งจะช่วยให้คุณค้นหาภาพที่เกี่ยวข้องเพื่อใช้ในเชิงพาณิชย์ได้ฟรี

เมื่อคุณมีรูปภาพแล้ว ให้ค้นหาในพีซีของคุณ แล้วคลิก^{(PC and click)}และลากไปยังหน้าต่าง Photoshop^{(Photoshop window)}ของ คุณ คุณอาจต้องปรับขนาด แต่หลังจากกดปุ่มEnter ตอนนี้คุณต้องลากเลเยอร์ใหม่ใต้เลเยอร์หน้าจอ^{(screen layer)} สีเขียว เพื่อให้ปรากฏเป็นพื้นหลัง

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

วิธีเพิ่มพื้นหลังให้กับหน้าจอสีเขียวที่มีแสงจ้า^{(How to Add a Background To a Badly Lit Green Screen)}

รูปภาพบนหน้าจอสีเขียวจำนวนมากไม่ได้รับแสงที่เพียงพอ ซึ่งหมายความว่าการตัดหน้าจอสีเขียวออกอาจต้องใช้ความพยายามมากขึ้น คุณสามารถทำตามขั้นตอนด้านล่าง หากคุณไม่สามารถลบหน้าจอสีเขียวออกได้ทั้งหมดตามขั้นตอนที่กล่าวไว้ข้างต้น

1. ขั้นแรก เปิดภาพถ่ายของคุณด้วยPhotoshop ถัดไป^(Next)กดLบนแป้นพิมพ์เพื่อเข้าถึงเครื่องมือLasso ^{(Lasso tool)}คลิก^(Click)ค้างไว้เพื่อวาดโครงร่างรอบๆ ตัวแบบที่คุณต้องการย้ายไปยังพื้นหลังของคุณ พยายามทำให้มันอยู่ใกล้ตัวแบบมากที่สุด 

1. ปล่อยปุ่มเมาส์^{(mouse button)}แล้วคุณจะมีตัวเลือกรอบๆ วัตถุของคุณ ถัดไป^(Next)คลิก  ขวา^{(right click )}แล้วคลิกSelect Inverse
   
2. กดปุ่มDeleteบนแป้นพิมพ์และพื้นที่รอบ ๆ วัตถุของคุณจะถูกลบ

1. ถัดไป ให้คลิกขวาที่เครื่องมือ Magic Wand^{(Magic Wand Tool)}แล้วคลิกเครื่องมือ Quick Selection ^{(Quick Selection Tool. )}ใช้Mouse Scroll Wheel Up + Altเพื่อซูมเข้าใกล้วัตถุของคุณมากที่สุด 
   
2. เมื่อใช้เครื่องมือการเลือกด่วน^{(Quick Selection Tool)}ให้ใช้Shift + Left Clickเพื่อไฮไลต์พื้นที่ของหัวเรื่อง และใช้ Alt + Left Click เพื่อไฮไลต์พื้นที่ของหน้าจอสีเขียว

1. ขั้นตอนนี้อาจใช้เวลาสักครู่ แต่เป้าหมายคือการเน้นวัตถุทั้งหมด เมื่อเสร็จแล้ว กดCtrl  Ctrl + Xแล้วCtrl + V

1. เลเยอร์ใหม่จะถูกสร้างขึ้น ดังนั้นคุณจะต้องซ่อนเลเยอร์ก่อนหน้า คลิกไอคอนรูปตา^{(eye icon)}ข้างเลเยอร์ที่มีหน้าจอสีเขียว หลังจากนั้น ให้ค้นหาภาพพื้นหลัง^{(background image)} ของคุณ ในFinder หรือ Windows Explorer^{(Finder or Windows Explorer)}แล้วลากรูปภาพไปที่หน้าต่าง Photoshop^{(Photoshop window)}ของ  คุณ
   
2. ลาก^(Drag) เลเยอร์ พื้นหลัง^{(background layer)}ใต้ เลเยอร์ หน้าจอ^{(screen layer)} สีเขียว เท่านี้คุณก็ทำงานเสร็จแล้ว

โปรดทราบว่ารูปภาพบางรูปจะไม่มีผลลัพธ์ที่สมบูรณ์แบบ – ยิ่งรูปภาพหน้าจอ^{(screen image)} สีเขียว ในPhotoshop มีคุณภาพต่ำลง ยิ่ง ต้องใช้ ความพยายามและความระมัดระวัง^{(effort and care)} มากขึ้น ในการตัดพิกเซลสีเขียวออก และบางครั้งแทบจะเป็นไปไม่ได้เลยที่จะทำโดยไม่ถอดชิ้นส่วนออก ของวัตถุนั้นเอง

สรุป

นั่นนำเราไปสู่จุดสิ้นสุดของคำแนะนำเกี่ยวกับวิธีการเพิ่มพื้นหลังให้กับภาพหน้าจอ^{(screen image)} สี เขียวในPhotoshop หากคุณต้องการความช่วยเหลือเพิ่มเติม คุณสามารถแสดงความคิดเห็นด้านล่าง

How To Add a Background To a Green Screen Image In Photoshop

To add a background to a green screen image in Photоshop you will need to learn how to uѕe а few default tools available in the toolbar.

If the background isn’t perfectly green or well lit, you’ll need to take a few extra steps. Feel free to try your hand using the example image below.

We’ll take you through the easier method first, but afterwards, you can attempt the second method for images that don’t have a perfect single green background.

How To Add a Background To a Perfect Green Screen Image in Photoshop

For our first section, we will guide you through how to add your own background when the green screen is perfectly lit or a single shade of green is used throughout. You can find good royalty-free green screen and background images online if you haven’t already.

• First, find your image, right click it and click Open With > Adobe Photoshop.

• In Photoshop, you must right click the layer at the bottom and then click Layer from Background… 
  

• Click OK when prompted. This will allow you to edit the image you’ve just opened.

1. Next, click Select in the top panel and then click Color Range. 

1. If the image uses a perfect green screen, you should see the outline of your image in the window that appears. If you do not see a clear outline, you may want to try the next step. We still advise you to try this step first, as it’ll help you to learn crucial tools that can be used later.

1. Next click on the green screen itself and the dropper tool will pick out that color. After, click OK and the green screen area will be highlighted.

1. You must now perform two more steps to ensure your image doesn’t have a green outline. Click Select and then click Modify > Expand. Choose to expand by 2 pixels and then click OK.

1. Next, click Select, then Select and Mask. On the new window that appears on the left, put the feather size to 1 px. 

1. Click the Output Settings dropdown box and make sure it is set to Output To: Selection. Next click OK. 
   
2. Press delete on your keyboard and your green screen will be removed.

The next step is to get a background image you’d like to use. You can use your own background or anything online. If it’s for commercial purposes take a read through our guide on Creative Commons, which will help you find relevant images for free, commercial use.

Once you have your image, find it on your PC and click and drag it into your Photoshop window. You may need to resize it, but after simply press the enter key. You must now drag the new layer underneath your green screen layer so that it appears as the background.

You’ll now have your green screen image in Photoshop with a new background. You can then export or save your image as you would usually.

How to Add a Background To a Badly Lit Green Screen

Many green screen images aren’t perfectly lit, which means cutting out the green screen itself can take more effort. You can follow the steps below if you’re unable to fully remove the green screen with the steps mentioned above.

1. First, open your photo with Photoshop. Next, press L on your keyboard to access the Lasso tool. Click and hold to draw an outline around the subject you’d like to move to your background. Try to make it as close as possible to the subject itself. 

1. Let go of the mouse button and you’ll have a selection around your object. Next, right click and click Select Inverse. 
   
2. Press the Delete key on your keyboard and the area around your object will be deleted.

1. Next, right-click the Magic Wand Tool and click the Quick Selection Tool. Use Mouse Scroll Wheel Up + Alt to zoom in as close as possible to your subject. 
   
2. With the Quick Selection Tool active, use Shift + Left Click to highlight areas of your subject, and Alt + Left Click to highlight areas of the green screen.

1. This process can take some time but the goal will be to highlight the entire object. Once completed, press Ctrl + X and then Ctrl + V. 

1. A new layer will be created, so you’ll need to hide the previous layer. Click the eye icon next to the layer that contains the green screen. After, find your background image in Finder or Windows Explorer and drag the image into your Photoshop window. 
   
2. Drag the background layer under the green screen layer and you’ll have completed your task.

Note that some images won’t have perfect results – the lower quality the green screen image in Photoshop, the more effort and care you’ll need to take to cut out any green pixels, and sometimes it’s almost impossible to do it without removing part of the object itself.

Summary

That brings us to the end of our guide on how to add a background to a green screen image in Photoshop. If you need more help, you can leave a comment below.

Related posts

• 7 การปรับแต่งภาพง่ายๆ ที่คุณทำได้ใน Photoshop

• วิธีเปลี่ยนพื้นหลังในรูปภาพโดยใช้ Photoshop

• วิธีสร้างภาพขาวดำใน Photoshop

• วิธีสร้าง Transparent Background ใน GIMP

• วิธีแยก Screen บน Chromebook

• วิธีเพิ่มเพลงประกอบในวิดีโอคลิป

• วิธีการค้นหาเซิร์ฟเวอร์ Discord ที่ดีที่สุด

• วิธีสร้างภาพขาวดำใน GIMP

• วิธีใช้ Discord Spoiler Tags

• วิธีการตั้งค่าและการใช้ร่วมกัน Use Slack Screen

• วิธีการ Mute Someone บน Discord

• ไม่ Computer Randomly Turn ของคุณบนด้วยตัวเอง?

• แก้ไขหน้าจอว่างเปล่าหลังจากเปลี่ยนการตั้งค่าการแสดงผลของคอมพิวเตอร์

• วิธีเปลี่ยน Caps Lock บนหรือปิดใน Chromebook

• วิธีสร้าง PDF หลายหน้าใน Photoshop

• Discord Streamer Mode and How ที่จะตั้งขึ้นคืออะไร

• วิธีการหา Memories บน Facebook

• วิธีการ Detect Computer & Email Monitoring หรือ Spying Software

• วิธีสร้าง GIF จากวิดีโอโดยใช้ Photoshop CC

• วิธีเบลอพื้นหลังใน Zoom