บทที่ 4 ผลสำเร็จ

บทที่ 3 วิธีการศึกษา

ขั้นตอนการทำ

ขั้นตอนแรก ให้หาภาพจาก Internet หรือ ถ่ายมาก็ได้ 1 ภาพ
*แนะนำให้เป็นภาพประเภทพาหนะ เช่น รถ เรือ เครื่องบิน ก็ได้ ต้องเป็นภาพแบบกำลังเคลื่อนที่อยู่

ตัวอย่าง

ขั้นตอนที่่ 1 เปิด ภาพที่เราต้องการจะแก้ไขมาใช้ โดยคลิกที่ File / Open

ขั้นตอนที่ 2 ให้เลือกรูปภาพจากด้านขวาของโปรแกรม

ก็จะได้ดังรูปภาพด้านล่างนี้

ขั้นตอนที่ 3 สร้าง Selection บริเวณรถด้วย Lasso Tool หรือ Pen Tool ตามแต่ถนัด

ขั้นตอนที่ 4 กด Ctrl+J 1 ครั้ง เพื่อ copy รูปรถที่เรา Selection ออกมาเป็นอีก Layer

ขั้นตอนที่ 5 กด Ctrl+D เพื่อยกเลิก Selection ของรถ

ขั้นตอนที่ 6 ดับเบิ้ลคลิกที่ Layer Background แล้วกด OK เพื่อปลดล็อก Layer จะได้ Layer 0 ดังภาพ

ขั้นตอนที่ 8 ใช้ Marquee Tool แบบสี่เหลี่ยมสร้าง Selection ประมาณรูปตัวอย่าง (Selection นี้คือขนาดกรอบรูป)

ขั้นตอนที่ 7 คลิกขวาลงไปที่่ภาพและเลือก Transform Selection

ขั้นตอนที่ 8 จากนั้นกด Ctrl ค้าง และคลิกที่มุมของ Selection เพื่อทำการปรับขนาดและรูปร่าง Selection ตามต้องการแล้วกด Enter เพื่อ เสร็จสิ้นการปรับขนาดและรูปร่าง

-กด Ctrl+Shift+I หรือไปที่ Select > Inverse และ กดปุ่ม Delete เพื่อลบฉากหลังส่วนที่ไม่ต้องการออกไป

-กด Ctrl+D เพื่อยกเลิก Selection

ขั้นตอนที่ 9 ดับเบิ้ลคลิกที่ Layer 0 เพื่อ Add a layer style เลือกที่ Stroke ปรับค่า Position เป็น Inside

เลือกขนาดและสีตามต้องการ กด OK

ขั้นตอนที่ 10 คลิกไปที่ Layer / New / Layer .... เพื่อสร้าง Layer ตั้งชื่อว่า Layer 2 และกด OK

-จากนั้นนำ Layer  2 ที่ได้ไปไว้ใต้ Layer 0

ขั้นตอนที่ 11 คลิกขวาที่ Layer 2 และเลือก Blending Options...

จากนั้น ติ๊ก นำเครื่องหมายถูกออกตรง Blend Clipped Layers  as Group

ปรับ Blend If เป็น Gray

ปรับ This Layer ให้เป็น 172 171

ปรับ Underlying Layer ให้เป็น 173 173

ขั้นตอนที่ 12 ติ๊ก เครื่องหมายถูกที่ Color Overlay แล้วคลิกตรงกล่องสี ปรับให้เป็นสีเทาอ่อน

เมื่อทำเสร็จคลิก OK ก็จะได้ภาพดังรูป

บทที่ 2 เว็บไซต์ที่เกี่ยวข้อง

จากเว็บไซต์ http://ifreephotoshop.blogspot.com/2010/12/1-java-photoshop-photoshop-tv-3d.html

การทำภาพทะลุกรอบรูปด้วยเทคนิค Photoshop Style iFree

ขั้นตอนที่ 1 ทำการแยกรถออกจากฉากหลัง

โดยฟรีจะใช้รูปรถ lamborghini สวยๆคันนี้ ทำให้มันดูพุ่งออกมาจากรูปเหมือนภาพ 3 มิติ โดยวิธีการทำคือ

• สร้าง Selection บริเวณรถด้วย Lasso Tool หรือ Pen Tool ตามแต่ถนัด
• กด Ctrl+J 1 ครั้ง เพื่อ copy รูปรถที่เรา Selection ออกมาเป็นอีก Layer นึง
• กด Ctrl+D เพื่อยกเลิก Selection ของรถ

ขั้นตอนที่ 2 ทำรูปภาพที่จะให้รถพุ่งออกมา

• ดับเบิ้ลคลิกที่ Layer Background แล้วกด OK เพื่อปลดล็อก Layer จะได้ Layer 0 ดังภาพ
• ใช้ Marquee Tool แบบสี่เหลี่ยมสร้าง Selection ประมาณรูปตัวอย่าง (Selection นี้คือขนาดกรอบรูป)
• คลิกขวาลงไปที่่ภาพและเลือก Transform Selection

• จากนั้นกด Ctrl ค้าง และคลิกที่มุมของ Selection เพื่อทำการปรับขนาดและรูปร่าง Selection ตามต้องการ
• เมื่อปรับได้ที่แล้ว กด Enter เพื่อตกลงการ Transform Selection

-กด Ctrl+Shift+I หรือไปที่ Select > Inverse

-กดปุ่ม Delete เพื่อลบฉากหลังส่วนที่ไม่ต้องการออกไป

-กด Ctrl+D เพื่อยกเลิก Selection

-ดับเบิ้ลคลิกที่ Layer 0 เพื่อ Add a layer style

-เลือกที่ Stroke

-ปรับค่า Position เป็น Inside

-เลือกขนาดและสีตามต้องการ

-กด OK

-ภาพที่ได้จะเป็นเหมือนภาพตัวอย่างด้านล่าง แต่ฟรีสร้าง Layer ขึ้นมาใหม่อีกอัน และนำไปไว้ใต้ Layer 0 จากนั้นใส่สีเทาอ่อนลงไปเพื่อให้เห็นกรอบสีขาวที่ทำ

ขั้นตอนที่ 3 ใส่เงาลงไปในรูปเพื่อความสมจริง

• สร้าง Layer ใหม่ขึ้นมาให้เลื่อนตำแหน่ง Layer นี้อยู่ใต้ Layer 0
• สร้าง Selection ใต้รถและกรอบรูปด้วย Lasso Tool หรือ Pen Tool ตามถนัด

-กด Ctrl+Alt+D และตั้งค่า Feather ประมาณ 5 (ถ้า CS5 มันต้องกด Shift+F6 นะ!)

-ตั้งค่า Foreground เป็นสีดำ และกด Alt+Del เพื่อเทสีดำลงไปใน Selection

-ปรับค่า Opacity ของ Layer เงานี้ประมาณ 40-50% หรือตามแต่ต้องการ

เพียงเท่านี้ก็เสร็จแล้วครับสำหรับเทคนิค Photoshop ในการทำรูปทะลุกรอบออกมา แต่รูปที่ฟรีนำมาสอนนั้น ฟรีเพิ่งจะสังเกตว่ากรอบรูปมันน่าจะต่ำกว่านี้หน่อย (ตอนทำไม่ได้สังเกตมาเห็นตอนเสร็จเขียนบทความเสร็จแล้ว) ดูที่ล้อมันทับกรอบสีขาวเลยดูแปลกๆไปหน่อย - -" ลองดูที่ภาพตัวอย่างบนสุดพอฟรีนำไปตกแต่งแล้วจะดูดีกว่าเดิมเยอะ

บทที่ 1 สมมุติฐาน

          ข้าพเจ้าชื่อ ด.ช.ศุภฤกษ์ ยศเจริญ ชั้นมัธยมศึกษาปีที่ 2/5 เลขที่ 12 โรงเรียนถาวรานุกูล       อำเภอเมือง จังหวัดสมุทรสงคราม สำนักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 10
          กำลังศึกษาทฤษฏีความรู้(Theory of knowlage : TOK)มีประเด็นความรู้ที่สนใจคือโปรแกรม Adobe Photoshop มีความสามารถในการ ทำภาพทะลุกรอบรูป จึงตั้งประเด็นศึกษาว่า"จะใช้ Adobe Photoshop ทำภาพทะลุกรอบรูป ได้อย่างไร"
          การศึกษาหาความรู้โดยละเอียดได้กระทำดังนี้
          1.จากเว็บไซต์ http://ifreephotoshop.blogspot.com/2010/12/1-java-photoshop-photoshop-tv-3d.html
          2.จากเว็บไซต์ http://www.maycs4.in.th/?p=289
          3.จากเว็บไซต์ http://yumsiam.com/read.php?tid-415.html
          ผลที่คาดว่าจะได้รับจากการศึกษาครั้งนี้คือ
          สามารถนำไปใช้ในการ ทำภาพทะลุกรอบรูป จริงอย่างที่ได้ตั้งประเด็นศึกษาไว้
                                                                                                     ด.ช.ศุภฤกษ์   ยศเจริญ
                                                                                               นักเรียนชั้นมัธยมศึกษาปีที่ 2/5

ปัญหาการใช้ Photoshop

ข้าพเจ้าจะใช้ Photoshop ทำ ภาพทะลุ กรอบรูป ได้อย่างไร