สร้างรูปนอกกรอบกัน :Photosho  p

สร้างรูปนอกกรอบกัน :Photosho p

Posted on 12. Apr, 2009 by admin in Photo Effect




วันนี้บีเอาเทคนิคการทำรูปนอกกรอบมาฝากครับ ง่าย ๆ และสวยงามตามคอนเซ็ปต์ “ง่าย ๆ จนยายงง” เหมือนเดิมครับ ถ้าใครไม่รู้ว่ารูปนอกกรอบนี่มันยังไง จะเหมือนรูปปลากรอบมั๊ย ก็ลองมาดูกันครับ

oob1.jpg picture by doijan

แบบนี้

oob2.jpg picture by doijan

แล้วก็แบบนี้แหละครับ

เอาล่ะ เหมือนที่ผมเคยย้ำอยู่ทุกวันครับ ว่าเทคนิคนี้ก็แอบไปจิ๊กมาจาก ebook ของฝรั่งเค้าโน่น ไปเห็นอีกที่ไหนอย่าเพิ่งไปด่าเค้านะครับ .. ผมก๊อปวิธีทำเค้ามาเอง ^^’

ขั้นที่หนึ่ง เปิดไฟล์ภาพของเราออกมาครับ อยากให้รูปไหนออกนอกกรอบ ก็เปิดรูปนั้นขึ้นมาเลย

original-8.jpg picture by doijan

ผมเลือกรูปสาวสวยคนนี้ครับ ที่จริงอยากให้เธอออกมานอกคอมด้วยซ้ำแต่ทำไม่ได้ เอาแค่นอกกรอบก็พอเนอะ ^^’

ขั้นที่สอง กดปุ่ม Ctrl+J ที่แป้นพิมพ์ของเราเพื่อโคพาย (copy) เลเยอร์ครับ

01-24.gif picture by doijan

ได้ Layer 1 มาดังภาพ

ขั้นที่สาม ไปที่เมนู Filter > Extract… ครับ

02-25.gif picture by doijan

แล้วเลือกเครื่องมือ หัวปากกา ตามภาพเลยครับ

03-25.gif picture by doijan

แล้วก็ไฮไลท์สีลงรอบ ๆ ขอบวัตถุที่เราต้องการจะเอาออกมานอกกรอบครับ (ในที่นี้ผมเลือกไฮไลท์รอบสาวสวยคนนี้ครับ)

04-24.jpg picture by doijan

ในขั้นตอนนี้นะครับ เรามีคำสั่งเพิ่มเติมเพื่อความง่ายในการทำงานครับ ก็คือ

ปุ่ม Ctrl บวก + เพื่อ ซูมอิน (ก็ภาพยิ่งใหญ่ก็ยิ่งทำง่ายนี่นา)

ปุ่ม Ctrl บวก - เพื่อ ซูมเอาท์ (เอาไว้ไลท์ตามซอกหลืบ)

ปุ่ม ] เพื่อ ลดขนาดหัวปากกา

ปุ่ม [ เพื่อ เพิ่มขนาดหัวปากกา

ปุ่ม Ctrl บวก Z เพื่อแก้ไข ความผิดพลาดก่อนหน้านี้ครับ

อธิบายไปอาจงง ๆ นะครับ แต่ไม่ยากหรอก เชื่อป๋มสิ

จากนั้นก็เลือกเครื่องมือเทสี แล้วเทสีลงบนวัดถุที่เราทำไฮไลท์ไว้ครับ

05-22.gif picture by doijan 06-19.gif picture by doijan

กด OK เพื่อกลับออกมาหน้าแรกครับ

ขั้นที่สี่ ครับ เราจะมาปลดล็อค เลเยอร์แบ็คกราวออก โดยการ ดับเบิลคลิกเบา ๆ ไปที่เลเยอร์ Background ครับ จะมีหน้าต่าง New Layer ปรากฏออกมาตามภาพ ให้กด OK เสียสิ้น

07-19.gif picture by doijan

ขั้นที่ห้าครับ เราจะมาเพิ่มเลเยอร์มาร์คกัน ให้จิ้มไปที่ Layer0 ก่อนนะครับ แล้วไปที่เมนู Layer > Layer Mask > Hide All

08-17.gif picture by doijan

เราก็จะได้เลเยอร์มาร์คสีดำ ๆ เพิ่มขึ้นตรง Layer0 ครับ แต่ตรงหน้างานของเรา จะหายไปหมด ยกเว้นบริเวณที่เราเคยไฮไลท์สีไว้ครับ  แม่นบ่

09-13.gif picture by doijan

นี่ไง แบบนี้แหละ

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

10-13.gif picture by doijan

จากนั้นก็เริ่มลากกรอบลงบนภาพของเราครับ

11-13.gif picture by doijan

แบบนี้ แบบนี้

ขั้นที่เจ็ดครับ กด Alt + Back Space บนแป้นพิมพ์ครับ ภาพของเราก็จะเริ่มโผล่ออกนอกกรอบแล้วววววววว

12-11.gif picture by doijan

ขั้นที่แปด เรามายกเลิกลิงค์ระหว่าง Layer0 กับ Layer Mask ครับ โดยการเอาเม้าส์ไปคลิกเบา ๆ ที่รูปโซ่ตรงกลาง ให้รูปโซ่หายไปครับ

13-8.gif picture by doijan

จากนั้น คลิกขวาที่ภาพ Layer0 แล้วเลือกคำสั่ง Blending Options.. ครับ

14-7.gif picture by doijan

ไปที่คำสั่ง Stroke ติ๊กถูกข้างหน้า แล้วตั้งค่าตามภาพครับ (size ตั้งตามชอบได้เลยนะครับ มันเป็นขอบกระดาษ) จากนั้นกด OK ซะ

15-6.gif picture by doijan

เราก็จะได้ขอบรูปแล้วครับ … แต่ผมลืมทำรูปประกอบซะงั้น ขออภัยนะครับ ซิก ซิก ซิก

ขั้นที่เก้า สร้างเลเยอร์ใหม่ขึ้นมาครับ โดยกดไปที่ปุ่มแดง ๆ ที่ผมวงไว้ เราจะได้ Layer2 ครับ พอได้แล้ว เราก็ลาก Layer2 ลงมาอยู่ข้างล่างสุดตามภาพครับ

16-5.gif picture by doijan

ขั้นที่สิบ กดปุ่ม Shift+F5 ที่แป้นพิมพ์ของเราครับ เพื่อลงสีให้พื้นหลังของเรา ก็จะได้หน้านี้ออกมา ตามภาพครับ

17-4.gif picture by doijan

ตั้งค่าตามภาพ แล้วคลิก OK ครับ

18-4.jpg picture by doijan

ออกมาแว๊วววววววววววววว

ขั้นสุดท้ายครับ คลิกไปที่ LayerMask ของเรา แล้วกดปุ่ม Ctrl+T แล้วเอาเม้าส์ไปคลิกลากแต่ละมุมพร้อมกดปุ่ม Ctrl ไปด้วย เพื่อพลิกภาพครับ

19-4.jpg picture by doijan

กด Enter หนึ่งครั้ง เสร็จแล้วคร๊าบบบบบบบบบบบบบบบ

finish1-5.jpg picture by doijan

อันนี้แอบตัดภาพผ้าไม่เนียน 555+ มีสีฟ้าติดออกมาด้วย พอดีรีบอ่ะครับ ให้อภัยผมเหอะ

ลองทำดูนะครับ ง่าย ๆ แล้วก็สนุกมากด้วยครับ ผมเองก็เพิ่งจะรู้จักโฟโต้ช็อปได้ไม่นาน ยังทำได้เลย 55+

ทำแล้วอย่าลืมส่งมาให้กันดูนะครับ

สะบายดี

Tags: , , , , , , ,

24 Comments

Zodiac

27. Apr, 2009

ขั้นที่เจ็ดครับ กด Ctrl + Back Space บนแป้นพิมพ์ครับ ภาพของเราก็จะเริ่มโผล่ออกนอกกรอบแล้วววววววว

ขั้นตอนนี้มันไม่โหล่อะ

admin

28. Apr, 2009

555+

โผล่สิครับ ทำผิดขั้นตอนไหนหรือเปล่าเอ่ย

YahkRoo

11. May, 2009

ขั้นตอนที่สามพอเทสีลงบนวัตถุที่เราทำไฮไลท์ไว้แล้ว กด OK ไม่ได้ครับ คือตัวหนังสือ OK ไม่เป็นสีดำให้เรากดครับ ไม่ทราบว่าต้องแก้ไขยังไงครับ ช่วยแก้ไขให้ทีครับ ขอบคุณมากครับ _/\_

Mide

17. May, 2009

ขั้นตอนที่ 6 มีแต่ Fixed Ratio, Fixed Size

ไม่เห็นมี Fixed Aspect Ratio เลยครับ ต้องเข้าไปแก้ที่ตรงไหน

ครับ ขอบคุณมากครับ

pigdoll

06. Jun, 2009

สุดยอด จะเข้ามาเก็บความรู้อีกครับ

kook

25. Jun, 2009

กด Ctrl+back space แล้วไม่เห็นมีอะไรเกิดขึ้นเลยค่ะ

ทำได้แล้วครับ แอบงงเล็กน้อย ขอบคุณครับ

jokekajee

11. Aug, 2009

ขั้น7ไม่ได้คับเหมือนกัน คือไม่ขึ้น

admin

11. Aug, 2009

ขั้นที่ 7 เป็น Atl+Backspace นะครับ

ผมเขียนผิด ขอโทษจริง ๆ T_T

ตอนนี้แก้ไขแล้วครับ ^^

เอ

02. Sep, 2009

ขั้นตอนที่ 7 ผมทำไม่ได้ครับ งง มากๆๆๆๆ มันไม่ขึ้นเลย

เอ

02. Sep, 2009

ได้แล้วครับ ผิดที่สี ผมเป็นสีดำแต่พอเปลี่ยนให้เป็นสีขาวก็ได้แล้วครับ
มั่วน่ะเนี้ย

silverWolf

07. Sep, 2009

คือว่าเราใช้ cs4 คะ แล้ว Extract มันไม่มีคะ
มันไปใหนไม่รู้ พอจะทราบมั้ยคะว่าต้องทำยังไง

น้ำหอม

20. Sep, 2009

สุดยอดเลย ต้องลองฝึกบ้างแล้ว

mookaow

07. Oct, 2009

Cs 4 ไม่มี Extract ค่ะ เราอาจจะใช้ Magic Erase Tool ก็ได้ค่ะ
ส่วน ขั้นที่ 7 เราก็ Alt+Backspace ไม่ได้เหมือนกัน เราเลยใช้ Ctrl + Delete แทนค่ะ

ต้น

14. Oct, 2009

ใช้ CS2
ขั้นตอนที่ 7 จะ Ctrl + Back Space
หรือ alt+ Back Space หรือ Ctrl + Delete ก็ไมไ่ด้สักอย่างเลย

ต้น

15. Oct, 2009

ได้ละๆ

yuyi

23. Oct, 2009

ขั้นตอนที่ 6 มีแต่ Fixed Ratio, Fixed Size

ไม่เห็นมี Fixed Aspect Ratio เลยอะค่ะ
ทำไงอะคะ

admin

23. Oct, 2009

อ่าาา cs ไหนครับ ผมใช้แต่ cs2 อ่ะครับ มันก็มีนะ ^^

groomer

17. Dec, 2009

สุดยอดเลย ครับ

Close_up

03. Jan, 2010

รบกวนนิดนึงครับ

ตรงขั้นตอนสุดท้ายที่บอกว่าคลิกตรงLayerMask อยู่ตรงไหนอ่าครับ

admin

03. Jan, 2010

Layer Mask ตามภาพแล้วมันจะเป็นเลเยอร์ที่ 0 น่ะครับ

Layer0 อยู่ระหว่าง Layer1 กับ Layer2

BaS

30. Jan, 2010

พอ save เป็น JPEG แล้วยังมี background สีเทาอยู่ครับ
ทำยังไงให้หายไปได้มั้ยครับ

admin

30. Jan, 2010

ไปที่เลเยอร์ล่างสุดครับ เทสีเปลี่ยนเป็นสีอื่นก็จบแล้วครับ

เลเยอร์ที่มีสีเทาน่ะนะครับ คลิกที่นั่น แล้วเทสีขาวทับได้เลย

s

16. Feb, 2010

บังเอิญแวะมา ขอบคุณสำหรับเทคนิคดีๆนะครับ จะลองไปทำดู :)

Leave a reply