การทำกรอบรูปแบบซ้อนกัน : Photoshop

การทำกรอบรูปแบบซ้อนกัน : Photoshop

Posted on 19. Oct, 2009 by admin in Photo Effect

วันนี้มีเทคนิคดี ๆ แจ่ม ๆ มาฝากกันอีกแล้วครับ เป็นการนำรูปถ่ายของเรามาวางซ้อนกันเหมือนบนเว็บ multiply น่ะครับ ทำแล้วไฮโซน่าดูเลย ฮ่า ๆ? ถ้าใครคิดไม่ออกว่ามันเป็นยังไง ต่างจากภาพกรอบซ้อนกรอบแบบครั้งที่แล้วตรงไหน มาดูรูปตัวอย่างกันดีกว่าครับ


finish3

แบบนี้แหละ … ถ้าถูกใจ ก็ไปที่วิธีทำกันเลย~~~


ขั้นที่ 1 เปิดรูปต้นฉบับของเราออกมาครับ


origi2

น่ารักแฮะ ^^’


จากนั้น กดปุ่ม Ctrl+N จากแป้นพิมพ์ของเราครับ หรือจะไปที่ เมนู File>New ก็ได้ เพื่อสร้างไฟล์งานใหม่ครับ



กำหนดความกว้าง (Width) และความสูง (Height) ให้ใหญ่กว่าภาพต้นฉบับของเราเล็กน้อยครับ เพราะว่าเราจะนำไฟล์ต้นฉบับเข้ามาทำงานบนไฟล์นี้กัน ตรง Background Content ให้เลือก Transparent ดังภาพครับ แล้วกด OK เลย


ขั้นที่ 2 เมื่อมีทั้งไฟลใหม่แล้วไฟล์ต้นฉบับแล้ว ให้เราลากรูปจากไฟล์ต้นฉบับของเรา มาวางไว้บนไฟล์ใหม่ที่เพิ่งสร้างขึ้นมาครับ จากนั้นก็ปิดไฟล์ต้นฉบับไปเลย ไม่ใช่แล่วว

022


ที่ Layer panel ก็จะเป็นแบบนี้ครับ

031


ขั้นที่ 3 เลือกเครื่องมือ Magic Wand Tool แล้วไปคลิ๊กบริเวณพื้นที่ว่าง บนไฟล์งานของเรา ครับ ดูภาพประกอบ ด้วยเพราะความสมมันส์ในอารมณ์

04

กดปุ่ม Ctrl+Shift+I บนแป้นพิมพ์ครับ เพื่อ inverse Selection จากนั้นคลิกเลือกไปที่ Layer 1


051


เลือกสีของโฟว์กราว เป็นสีเทาอ่อน ๆ ตามภาพครับ

061

แล้วกดปุ่ม Alt+Delete บนแป้นพิมพ์ เพื่อเทสีเทาไปบน Layer 1

แล้วก็กดปุ่ม Ctrl+D บนแป้นพิมพ์ เพื่อลบซีเล็คชั่นซ๊าา



ขั้นที่ 4 เลือกไปที่ Layer 2 (เลเยอร์รูปจากไฟล์ต้นฉบับ) แล้วคลิกที่ปุ่มตัว F ที่ผมวงกลมไว้ แล้วเลือก Stroke

071



จะเจอหน้าต่างแบบนี้ ให้ตั้งค่าตามภาพได้เลยครับ


โดยที่ค่า Size หมายถึงขอบรูป ยิ่งค่าเยอะขอบยิ่งใหญ่ขึ้นครับ


จากนั้นไปติ๊กถูกที่ Drop Shadow แล้วตั้งค่าตามภาพครับ

091

กดปุ่ม OK ได้เลยครับ เราก็จะได้รูปตามภาพข้างล่างนี้ครับ

10

น่าร๊ากกกกก :D

ขั้นที่ 5 สังเกตหลัง Layer 2 ดูครับ จะมีปุ่มตัว F โผล่ขึ้นมา

ให้เรา กดปุ่ม Alt ที่แป้นพิมพ์ของเราค้างไว้ครับ แล้วใช้เม้าส์คลิกลงไปบนปุ่มตัว F แล้วลากลงมาไว้บน Layer 1 เพื่อเป็นการก็อปปี้เอฟเฟ็คครับ


11

จะได้ผลแบบนี้แล

12


ขั้นที่ 6 สุดท้ายแล้วครับ ให้เรากดปุ่ม Ctrl+T บนแป้นพิมพ์ครับ จากนั้นก็ใช้เม้าส์หมุนภาพได้เลยครับ

13

เมื่อหมุนจนเป็นที่พอใจแล้ว ก็กดปุ่ม Enter ได้เลยครับ จะได้ภาพที่เสร็จสมบูรณ์ออกมาทันที

finish3

แบบนี้ ๆ


หรือถ้าอยากให้รูปต้นฉบับของเราตรง แต่เอียงกรอบรูปข้างหลังแทนให้ทำแบบนี้ครับ

ในขั้นตอนที่ 6 ก่อนที่เราจะกด Ctrl+T ให้เราเลือกไปที่ Layer 1 ก่อนครับ แล้วค่อยกดปุ่ม Ctrl+T? ผลก็จะออกมาแบบนี้ครับ

finish22


หรือจะใส่ภาพจริง ๆ ลงไปที่กรอบหลังด้วยก็ได้นะครับ

finish31


โฮ่ยยย วันนี้ใช้เวลานานมากจริง ๆ กับการเขียนบทความนี้ เทคนิคนี้มันไม่ได้ยากนะครับ แต่มันอธิบายยากจริง ๆ เพราะผมเองก็เขียนไม่เก่งซะด้วยสิ ^^’ ยังไงก็ขอฝากเว็บนี้ไว้กับเพื่อน ๆ ทุกคนด้วยนะครับ วันนี้ไปก่อนแล้ว

อ้อ อย่างที่บอกไว้ทุก ๆ ครั้งครับ เว็บนี้ไม่ใช่ เว็บสอนโฟโต้ช็อป ผมแค่เอาเทคนิคดี ๆ มาแชร์กับเพื่อน ๆ เท่านั้นเอง ถ้าผมตกหล่นขั้นตอนไหน แย้งได้ทุกเมื่อนะครับ

ไปจริง ๆ แล้วครับ

สวัสดีครับ


Tags: , , , , , , ,

28 Comments

Deksiam

21. Oct, 2009

สวยดีนะครับ

แต่บทเรียนมันเยอะไปนิส

เดี่ยวจะทยอยศึกษาละกัน

ไปซื้อหนังสือ ทำ Photoshop ก็มึนๆไม่ต่างกันเท่าไรเลย

อิอิ มือใหม่ก็งี้

praew

26. Oct, 2009

เราทำตามแล้ว
เส็ดแล้ว
สวยยยย

55555
ขอบใจจ่ะ

admin

26. Oct, 2009

เอามาอวดด่วนเรยยย

555+

thetonzaa

12. Dec, 2009

ขอบคุณสำหรับทิบๆดีๆนะครับ

ผมเพิ่งเข้ามาครั้งแรก และผมก้ทำไรเก่วกับ photoshop ไม่เปนเลย จาศึกษาจากเวบนี้บ่อยๆครับ *0* เพระาว่าจำเป็นต้องศึกษา โดนทำหนังสือรุ่นทั้งที่ไม่เปนรัยเลย ขอบคุณครับๆ ^^

tuun

24. Dec, 2009

ขอบคุณมากๆๆเลยขอรับ

nink*

27. Dec, 2009

ขอบคุณค่ะ ^^”

เว็บนี้โดนจ้ะ 555

เทคนิคดีดีเยอะเลยย ชอบบ : )

nink*

27. Dec, 2009

เสร็จแล้วววววว 55

admin

27. Dec, 2009

ขอบคุณสำหรับกำลังใจดี ๆ ครับ

YiNG_YiNG

04. Jan, 2010

ลองทำตามแล้วนะคะ แต่ทำไมทำไม่ได้ก็ไม่รู้
เจ้าของเวป อ่านคอมเมนท์นี้แล้ว อย่าเพิ่งด่านู๋น๊า
แต่นู๋โง่คอมจิง ๆ นะคะ (><)

YiNG_YiNG

04. Jan, 2010

I already done !!!
Woww… Beautiful (^^)

admin

04. Jan, 2010

ดีใจด้วยจ๊าาา

ทำเสร็จแล้วเอามาอวดกันมั่งสิครับ อยากดูจริง ๆ ^^

CheekiMommy

11. Jan, 2010

ขอบคุณมากค่ะ ^^

bowsupa

12. Jan, 2010

ยอดมากเลยค่ะ แล้วจะลองไปทำดู

สวยดีครับ กำลังหาวิธีทำแบบนี้พอดีเลย จะทำให้แฟน อิอิ
ขอบคุณครับ

ple

14. Feb, 2010

ขอบคุณมากค่ะ อธิบายเข้าใจดีมากเลยค่ะ ให้9คะแนน
อีก1คือตอนท้ายไม่บอกว่าวิธีใส่ภาพจริงๆที่กรอบหลังทำไง ^__^!

admin

15. Feb, 2010

555+

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

ถ้าทำได้แล้ว ขออีกหนึ่งคะแนนคืนด้วยนะครับ ^^

โหลดเพลง

17. Mar, 2010

ขอบคุณครับ สวยมากเลย

123465

18. Mar, 2010

ขอบคุณมากค่ะ

:))

berm

24. Mar, 2010

สุดยอกอ่ะ ไม่เคยคิดมาก่อน ว่าจะทำได้อ่ะ
ดีใจ ดีใจ

ple

15. May, 2010

ใส่ภาพจริงๆที่กรอบหลังได้แล้วค่ะ
เพิ่งเข้ามาดูเพราะว่าจะทำอีกครั้ง ลืมค่ะ
ขอบคุณที่บอกอีกครั้งค่ะ ^__^
เอาไปเลย 10

nan

15. May, 2010

ทำใน photoscape ดีกว่า เยอะ ม่ายต้องอารายมากมาย ง่ายโครตอะ

Flowery

16. May, 2010

ขอบคุณค่ะ หาวิธีมานานแล้ว ปกติทำไม่เป็นเลยใช้ Photoscape แทนค่ะ

admin

16. May, 2010

ทำใน photoscape ง่ายกว่าอย่างที่คุณ nan ว่าจริง ๆ แหละครับ ^^

แต่ว่าผมทำเว็บเกี่ยวกับโฟโต้ช็อปน่ะครับ ถึงได้สอนวิธีการใช้โฟโต้ช็อปในการทำยังไงล่ะครับ วันหลังถ้ามีโอกาสทำเว็บเกี่ยวกับ photoscape บ้าง จะเอาวิธีการใช้งาน photoscape มาบอกกล่านะครับ

^^

ด้วยความเคารพครับ

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

bpcn

11. Jun, 2010

ขอบคุณครับ

saxten

18. Jun, 2010

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

katae

27. Jul, 2010

เสร็จแล้วอ่ะ แต่อยากขอเส้นกรอบข้างนอกอ่ะเพราะเวลาเอาไปลงแล้วมันเห็นแค่ภาพซ้อนกันแต่ไม่เห็นกรอบค่ะ

admin

27. Jul, 2010

ขั้นที่1-4ไงครับการทำกรอบนอก ลองอ่านช้าๆแล้วทำตามดูนะครับได้แน่นอน

Leave a reply