แต่งรูปถ่ายด้วย Adobe Photoshop » การโพรเสทรูปภาพแบบพิเศษ

ฟรี Photoshop Action สำหรับแต่งภาพแบบ Vintage Film ด้วย Photoshop

PhotoshopPub.Com ครับผม — Mon, 11 Jul 2011 05:11:51 +0000

จากที่เราได้เรียนรู้การทำภาพแบบ Vintage Film ด้วย Photoshop มาแล้ว ซึ่งมีเพื่อนๆบางคนอยากได้ Photoshop Action ที่ใว้แต่งภาพแนว Vintage film นี้ ซึ่งผมได้ลองทำ Photoshop Action มาให้ลองเล่นดูกันนะครับ

1. ลองโหลด Action จาก link นี้ดูนะครับ http://www.photoshoppub.com/wp-content/uploads/2011/07/Vintage-Film-PhotoshopPub.zip

2. ทำการ Unzip ไฟล์ เราก็จะได้ Vintage Film PhotoshopPub.atn

3. มาการโหลด Photoshop Action เข้าไปใน Photoshop เลยครับ

วิธีการโหลด Photoshop Action

4. ลองดูที่ Action Pallet จะเห็นว่ามีรายละเอียดแบบนี้นะครับ

5. ผลลัพท์ของแต่ละแบบจะได้ภาพประมาณนี้นะครับ

นี้คือภาพต้นฉบับนะครับ

Vintage Film Original

Vintage Film Low Contrast

Vintage Film High Contrast

Vintage Film Heavy Vignette

คำค้นหาที่เกี่ยวข้องกับบทความนี้

แต่งภาพแบบ Vintage Film ด้วย Photoshop

PhotoshopPub.Com ครับผม — Tue, 24 May 2011 04:53:09 +0000

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

1. เปิดภาพขึ้นมากครับ

2. ไปที layer pallet แล้วกดที่ไอคอนที่เป็นรูปวงกลมดำขาว(layer adjustment)แล้วเลือก curve นะครับ

3. ไปที่ Blue channel แล้วปรับcurve เพื่อเพิ่มโทนสีฟ้ามาหน่อยนะครับ

4. ไปที่ RGB channel แล้วปรับcurve ให้เป้นรูป S เพื่อเพิ่มความต่างสีครับแล้วกด OK

5. ภาพจะได้ประมาณนี้ครับ

6. ไปที layer pallet แล้วเลือก Brightness/Contrast

7. ปรับค่า brightness และ contrast ขึ้นมาหน่อยครับแล้วกด OK

8. ภาพจะได้ประมาณนี้ครับ

9. ไปที layer pallet แล้วเลือก Hue and Saturation

10. เปลี่ยนchannel เป็น Red แล้วทำการเพิ่ม Lightness นิดหน่อยครับ เพื่อเป็นการเพิ่มโทนแดงให้ภาพ

11. เปลี่ยนchannel เป็น Green แล้วทำการลด Lightness นิดหน่อยครับ เสร็จแล้วแล้วกด OK

12. ภาพจะได้ประมาณนี้ครับ

13. ไปที layer pallet แล้วเลือก New Layer นะครับ

14. เราจะได้ layer เปล่าๆมาหนึ่งอันนะครับ

15. เลือก Edit>Fill เพื่อที่เราจะใส่สีใน layer นี้นะครับ

16. เลือก Color

17. ทำการเลือกสีโทนส้มอ่อนนะครับ แล้วกด OK

18. ทำการเปลี่ยน Mode เป็น Multiply แล้วทำการลด Opacity กับ Fill ลงจนเราได้โทนที่น่าพอใจนะครับ ในตัวอย่างนี้ผมใช้ Opacity 60% และ Fill 80% นะครับ

19. ภาพจะได้ประมาณนี้ครับ

20. เลือก Filter>Distort>Lens Correction

21. ทำการเพิ่มขอบดำ (Vignette) ให้ภาพ ในตัวอย่างนี้ผมใช้ -45 สำหรับค่า Vignette นะครับ เสร็จแล้วกด OK

22. เสร็จกระบวนท่าได้ภาพแบบนี้ครับ

ลองดูตัวอย่างเพิ่มเติมด้านล่างนะครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

ทำภาพ Circular fish eye ด้วย Photoshop

PhotoshopPub.Com ครับผม — Fri, 01 Apr 2011 04:12:43 +0000

เมื่อวานไปดูเลนส์ Circular fish eye มาครับ อยากได้แต่ขาดปัจจัยเลยต้องมาลองใช้ Photoshop แต่งดูครับ พอลองทำแล้วพบว่าง่ายดีดสวยไปอีกแบบ เรามาลองดูตังอย่างก่อนนะครับ ดังภาพด้านล่างครับ

1. เลือกภาพมาซักใบครับ

2. เลือก marquee tool ที่เป้นแบบวงกลมนะครับ

3. กด shift ค้างแล้วลากสร้างวงกลมครับ การที่เรากด shift ค้างเพื่อที่เราจะได้วงกลมแบบกลมดิ๊กครับ

4. ไปที่ filter>Distort>Spherize

5. กำหนดค่า Amount ให้เป็น 100 เลยนะครับแล้วกด OK

6. เสร็จแล้วก็จะได้ภาพคล้ายๆอย่างนี้นะครับ

7. ไปที่ select>Inverse เพื่อที่จะเลือก selection ด้านนอกนะครับ

8. เราก็จะได้ภาพตามนี้นะครับ

9. ไปที่ Edit>Fill

10. เลือกให้เป็นสีดำนะครับแล้วกด OK

11. เราก็จะได้ภาพที่มี background สีดำตามนี้นะครับ

12. ไปที่ select>Deselect เพื่อที่เอา selection ออกนะครับ

13. ไปเลือก Crop Tool ที่ Tool Pallet นะครับ

14. ทำการลากพื้นที่ที่เราต้องการนะครับแล้วกด Enter เพื่อทำการ Crop

15. เสร็จแล้วก็จะได้ภาพประมาณนี้ครับ

เป็นไงบ้างครับ ไม่ยากใช่ไหมครับ หวังว่าคงสนุกกับการแต่งภาพนะครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

ทำภาพแบบกระดาษยับ

PhotoshopPub.Com ครับผม — Mon, 17 Jan 2011 03:10:28 +0000

วันนี้เลยมาลองนำเสนอการทำภาพแบบกระดาษยับด้วย Photoshop ดูครับ ทำง่ายมากๆครับ ลองดูตัวอย่างข้างล่างดูนะครับว่าเป็นอย่างไร

1. โหลดภาพกระดาษยับมาก่อนตาม link นี้นะครับ

http://www.4shared.com/photo/UjPQKmoc/crushed-paper-texture.html

2. เสร็จแล้วก็เปิดภาพกระดาษยับนี้ขึ้นมานะครับ ภาพนี้เป็นภาพขนาดค่อนข้างใหญ่นะครับ ขนาด 4200 x 6300 pixel ครับ

3. ทำการปรับขนาดให้เท่ากับภาพที่เราจะเอามาทำนะครับ เช่นผมมีภาพขนาด 15 mp ซึ่งมีด้านกว้างยาวเท่ากับ 3168 x 4752 ผมจะต้องลดขนาดของภาพกระดาษยับใบนี้ก่อนนะครับ หรือเพื่อนๆถนัดที่จะ crop เอาแค่บางส่วนของกระดาษก็ได้นะครับ ขอให้ขนาดมันเท่ากับภาพที่เราจะนำมาแต่งก็เพียงพอ ในที่นี้ผมไปที่ Image>size

4. เปิดภาพที่ต้องการจะแต่งมาครับ ผมใช้ภาพท้องฟ้านะครับ

5. เลือก move tool จาก Photoshop tool pallet นะครับ

6. ทำการกด shift แล้วทำการลากภาพไปวางทับภาพกระดาษยับนะครับ เรากด shift เพื่อที่จะให้ภาพนั้นวางต่อกันได้สนิทครับ

7. เสร็จแล้วก็จะได้ประมาณนี้ครับ

8. ลดความเข้มลงนะครับ ผมลดลงเหลือซักประมาณ 75 นะครับ ค่านี้ต้องลองปรับดูนะครับ ลองดูว่าผลที่ออกมาเราชอบขนาดไหนครับ

9. เสร็จแล้วก็จะได้ประมาณนี้ครับ

ลองดูอีกตัวอย่างนึงตามนี้ครับ

เทคนิคนี้เหมาะสำหรับภาพสีอ่อนๆนะครับเพราะจะได้เห็นรอยของกระดาษได้ชัดครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

สร้างภาพแบบปูกระเบื้องด้วย Photoshop

PhotoshopPub.Com ครับผม — Sun, 18 Apr 2010 14:13:16 +0000

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

1. เลือกภาพมานะครับ ผมเลือกเอาภาพดอกไม้ล่ะครับ

2. ไปที่ Layer Pallet เลือกตรง Background Layer แล้วกด Ctrl + J (Win) หรือ Cmd + J (Mac) เพื่อทำการสร้างสำเนานะครับ

3. เราก็จะได้สำเนาแบบนี้นะครับ

4. ทำการเปลี่ยน mode เป็น Overlay นะครับ

5. ไปที่ Filter> Pixelate> Mosaic
6. กำหนดค่า Cell Size ให้ใหญ่ตามใจเรานะครับ ตัวอย่างนี้ผมปรับซัก 95 ครับแล้วกด OK

7. ภาพที่ออกมาก็จะเป็นแบบนี้นะครับ

8. ไปที่ Layer Pallet เลือกตรง Layer 1 แล้วกด Ctrl + J (Win) หรือ Cmd + J (Mac) เพื่อทำการสร้างสำเนาอีกทีนะครับ

9. เราก็จะได้ Layer 1 Copy แล้วทำการเปลี่ยน mode เป็น Multiply และ Opacity เป็น 75 % นะครับ

10. ไปที่ Filter> Stylize> Find Edges เพื่อทำการสร้างขอบกระเบื้องนะครับ เพื่อนๆอาจจะต้องเลือก Find Edges นี้มากกว่าหนึ่งครั้งก็ได้นะครับ ขึ้นอยู่กับว่าต้องการให้ขอบของกระเบื้องมันเข้มมากน้อยเท่าไรนะครับ

11. ในที่นี้ผมเลือก Find Edges สองครั้งนะครับ ก็จะได้ภาพประมาณนนี้ครับ

12. ไปที่ Filter> Blur> Gaussian Blur

13. ปรับค่า Radius ให้เหมาะสมตามใจเรานะครับ ในตัวอย่างนี้ผมเลือกซัก 7 pixel นะครับ แล้วกด OK

14. ภาพที่เสร็จแล้วก็จะได้ประมาณนี้นะครับ เสร็จแล้วก็ save ไปใช้งานได้เลยครับ

หวังว่าคงสนุกกับการแต่งภาพนะครับ เพื่อนๆคิดว่าไงครับบทความนี้ครับ แนะนำติชมได้เต็มที่นะครับ

ขอบคุณครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

โอ้มาแต่งภาพแนวสีร้อนแรงรับลมร้อนด้วย Photoshop กัน

PhotoshopPub.Com ครับผม — Mon, 12 Apr 2010 03:02:09 +0000

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

1. เลือกภาพมานะครับ

2. ทำการสร้างเลเยอร์ใหม่โดยการคลิ๊กที่ New Layer ไอคอนนะครับ

3. เราจะได้เลเยอร์ใหม่ ดังภาพนะครับ

4. ไปที่ Tool Pallet แล้วเลือก gradient tool นะครับ

5. เราจะเห็น tool property อยู่ด้านบนครับ เราเลือก radial gradient ตามรูปนะครับ

6. คลิ๊กตรงส่วนที่เป็นสีเพื่อที่จะกำหนดสีของ radial gradient ครับ

7. สร้างสีสำหรับทำ gradient ในตัวอย่างนี้ผมเลือกสีส้มเข้มกับสีเหลืองเข้มนะครับ

8. ทำการลาก gradient ลงเป็นเลเยอร์ใหม่ที่เราสร้างนะครับ ลองลาก gradient จนพอใจนะครับ

9. เราก็จะได้เลเยอร์ที่มีสีประมาณนี้ครับ

10. ไปที่ layer pallet นะครับแล้วทำการเปลี่ยนโหมดเป็น Color และลดค่า Opacity ลงเป็น 75% นะครับ

11. ทำการสร้างเลเยอร์ใหม่อีกโดยการคลิ๊กที่ New Layer ไอคอนนะครับ เราจะได้ Layer2 มานะครับ

12. ไปที่ Tool Pallet แล้วเลือก gradient tool นะครับ

13. เราจะเห็น tool property อยู่ด้านบนครับ เราเลือก radial gradient ตามรูปนะครับ

14. คลิ๊กตรงส่วนที่เป็นสีเพื่อที่จะกำหนดสีของ radial gradient ครับ

15. สร้างสีสำหรับทำ gradient ในตัวอย่างนี้ผมเลือกสีส้มอ่อนกับสีเหลืองอ่อนนะครับ เพื่อที่จะเอามาผสมกับสีที่มีอยู่แล้วครับ

16. ทำการลาก gradient ลงเป็นเลเยอร์ใหม่ที่เราสร้างนะครับ

17. ไปที่ layer pallet นะครับแล้วทำการเปลี่ยนโหมดเป็น Multiply และลดค่า Opacity ลงเป็น 55% นะครับ

18. ภาพจะได้ประมาณนี้นะครับ

19. ทำการกด Shift+Ctrl+Alt+E (Win) หรือกด Shift+Command+Option+E (Mac) เพื่อทำการสร้างสำเนาของเลเยอร์ทั้งหมดนะครับ

20. เลือก Filter>Rander>Lighting Effects

21. ทำการปรับ lighting effect ตามชอบใจนะครับ

22. ภาพออกมาก็จะได้ประมาณนี้ครับ

ลองนำไปประยุกต์ใช้ดูนะครับหวังว่าคงช่วยดับร้อนได้ในระดับนึงนะครับ

เพื่อนๆมีคำแนะนำติชมออย่างไรก็บอกมาได้นะครับ ยินดีเสมอครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

สร้างภาพวาดดินสอสี ด้วย Photoshop

PhotoshopPub.Com ครับผม — Mon, 29 Mar 2010 05:00:19 +0000

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

1. ตอนแรกเปิดภาพมาสักภาพก่อนนะครับ ผมเลือกภาพคนตกปลาล่ะกันครับ

2. ไปที่ Layer Pallet เพื่อทำการสร้างสำเนาภาพนะครับ ทำการสร้างสำเนาภาพโดยการกด Ctrl + J (สำหรับ Window) หรือ Cmd+J (สำหรับ mac)

3. แล้วเราก็จะได้สำเนาเป็นชื่อ Layer1 นะครับ

4. ทำการปรับ mode เป็น overlay นะครับ และลดค่า opacity ลงเหลือซักประมาณ 60 % ค่านี้ปรับเปลี่ยนได้นะครับ ลองตามความชอบของเราได้นะครับ

5. ไปที่ filter>stylize>Find Edges

6. ภาพที่ออกมาก็จะได้ประมาณนี้ครับ

7. ไปที่ layer pallet เลือกที่เลเยอร์ด้านบน ในที่นี้คือ Layer1 นะครับ ทำการสร้างสำเนาภาพนะครับ ทำการสร้างสำเนาภาพโดยการกด Ctrl + J (สำหรับ Window) หรือ Cmd+J (สำหรับ mac)

8. เราก็จะได้ Layer 1 copy อยู่ด้านบนนะครับ

9. ไปที่ filter>stylize>Find Edges

10. ภาพที่ออกมาก็จะได้ประมาณนี้ครับ

11. ไปที่ layer pallet เลือกที่เลเยอร์ด้านบนสุด ในที่นี้คือ Layer1 copy นะครับ ทำการสร้างสำเนาภาพนะครับ ทำการสร้างสำเนาภาพโดยการกด Ctrl + J (สำหรับ Window) หรือ Cmd+J (สำหรับ mac)

12. เราก็จะได้ Layer 1 copy 2 อยู่ด้านบนนะครับ

13. ไปที่ filter>stylize>Find Edges

14. ภาพที่ออกมาก็จะได้ประมาณนี้ครับ ซึ่งเราก็จำได้ภาพสร้างภาพวาดดินสอสีแล้วครับ ภาพที่ออกมานี้ค่อนข้างแข็งนะครับ

15. นอกจากนั้นเรายังสามารถปรับแต่งได้อีกนะครับ ให้เราไปเลือกที่ Layer 1 copy

16. ไปที่ filter>Blur>Gaussian Blur

17. ปรับ Radius ให้มากหน่อยครับ ในที่นี้ผมใช้ซัก 50 pixel ครับแล้วกด OK

18. ภาพก็จะออกมาประมาณนี้ครับ

ลองดูภาพตัวอย่างอื่นๆเพิ่มเติมนะครับ

หวังว่าบทความนี้เพื่อนๆคงนำไปประยุกต์ใช้งานกับภาพถ่ายของเพื่อนๆได้นะครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

สร้างภาพเงาสะท้อน ด้วย Photoshop

PhotoshopPub.Com ครับผม — Tue, 23 Mar 2010 02:33:12 +0000

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

1. ตอนแรกเลือกภาพมาสักภาพก่อนนะครับ

2. ทำการ copy ภาพโดยการลาก Background เลเยอร์ไปทับ new layer ไอคอนนะครับ

3. เราจะได้สำเนาของ Background เลเยอร์ ดังภาพนะครับ

4. เลือก Image>Canvas Size

5. ปรับค่า width เป็น 0 เปอเซ็นต์ และปรับค่า Height เป็น 100 เปอเซ็นต์ แล้วให้เลือกปรับขยายภาพจากด้านบนนะครับ ลองดูภาพเพื่อความเข้าใจนะครับ หลังจากนั้นกด OK

6. ภาพที่ออกมาก็จะเป็นการเพิ่มความสูงอีกหนึ่งเท่ากับความสูงของภาพเดิมนะครับ

7. ตอนนี้เราไปเลือก Edit>Transform>Flip Vertical เพื่อทำการหมุนเลเยอร์บนสุด

8. ก็จะได้ดังภาพนะครับ

9. เลือก Move Tool ที่ Tool Pallet

10. ทำการเลื่อนเลเยอร์ด้านบนลงมาจนกระทั่งทับกันสนิทดังภาพนะครับ

11. ทำการกด Shift+Ctrl+Alt+E (Win) หรือกด Shift+Command+Option+E (Mac) เพื่อทำการสร้างสำเนาของเลเยอร์ทั้งหมดนะครับ

12. ทำการคลิ๊กที่ New Layer ไอคอน

13. สร้างเลเยอร์ใหม่ขึ้นมาด้านบน จะได้ Layer2 นะครับ

14. เลือก Edit>Fill

15. เลือกสีขาวแล้วกด OK

16. เราก็จะได้ภาพสีขาวทั้งหมดเลยนะครับ

17. เลือก Filter>Sketch>Halftone Pattern

18. ปรับขนาด Size ประมาณ 10 ปรับ Contrast เป็นเต็มที่ที่ 50 และเลือก Pattern Type เป็นแบบ Line ในขั้นตอนนี้เราจะทำเพื่อสร้างลายพริ้วน้ำครับ แล้วกด OK

19. จำได้ภาพลายขวางขาวดำแบบนี้นะครับ

20. ไปที่ Layer Pallet เรายังเลือกที่ Layer2 นะครับ ทำการคลิ๊กขวาแล้วเลือก Duplicate Layer

21. ปรับค่าดังนี้แล้วกด OK

A. กำหนดให้เป็น New

B. เป็นการตั้งชื่อในที่นี้ผมใส่ว่า water ripples

22. จำได้ภาพใหม่มาซึ่งเกิดจากการ duplicate layer นะครับ

23. เลือก Filter>Blur>Gaussian Blur

24. ปรับค่า radius นิดหน่อย ผมใช้ประมาณ 5.5 ครับ แล้วกด OK

25. ทำการ save ไฟล์ เลือก File>Save

26. ตั้งชื่อไฟล์นะครับ ผมตั้งชื่อเป็น water ripples.psd นะครับ แล้วปิดไฟล์ที่สร้างมาใหม่นี้ได้เลยครับ ไฟล์ที่สร้างมานี้จะเอาไว้ทำลายพริ้วๆน้ำครับ

27. กลับไปที่ภาพหลักของเรา ทำการเลือก Layer2 แล้วทำการลบ Layer2 นี้นะครับ โดยการกดปุ่มถังขยะนะครับ

28. เลือก Filter>Distort>Displace

29. ปรับค่า Horizontal Scale เป็น 8 (ค่า Horizontal Scale นี้ปรับเปลี่ยนได้นะครับ ลองเล่นดูครับ)ปรับค่า Vertical Scale เป็น 0 เลือก Displacement Map เป็น Stretch to Fit เลือก Undefined Areas เป็น Replete Edge Pixels แล้วกด OK

30. เลือกไฟล์ที่เป็น pattern ของพริ้วน้ำที่เราได้สร้างขึ้นมาเมื่อกี้ ซึ่งในที่นี้ผมเลือก water ripples.psd แล้วกด OK

31. ภาพก็จะออกมาประมาณนี้ครับ

32. ทำการเลือก Selection Tool

33. เลือกพื้นที่ส่วนล่างนะครับ

34. เราต้องอยู่ที่เลเยอร์บนสุดนะครับในที่นี้คือ Layer1 ทำการสร้าง Layer Mask โดยกดปุ่ม Layer Mask ไอคอนด้านล่างตามภาพนะครับ

35. ก็จะได้ภาพเงาน้ำดูพริ้วๆแล้วครับ

36. ไปที่ Layer Pallet แล้วทำการลด Opacity ลงเหลือซัก 50% นะครับ

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

คำค้นหาที่เกี่ยวข้องกับบทความนี้

มาสร้างภาพตัวต่อ (ภาพจิ๊กซอว์) ด้วย Photoshop

PhotoshopPub.Com ครับผม — Sun, 14 Mar 2010 20:54:48 +0000

วันนี้เรามาลองสร้างภาพตัวต่อหรือที่เราเรียกกันว่าภาพตัวต่อ (ภาพจิ๊กซอว์)ด้วยโปรแกรม Photoshop กันครับ ลองดูภาพก่อนเลยครับ

1. ตอนแรกเลือกภาพมาสักใบก่อนนะครับ

2. ไปที่ Layer Pallet และทำการกด Ctrl + J (PC) หรือ Comand + J (Mac) เพื่อที่จะสร้างสำเนาของภาพนะครับ เมื่อเสร็จแล้วเราก็จะได้ Layer1 ขึ้นมาดังภาพนะครับ

3. ทำการสร้าง Layer เปล่ามาหนึ่งอันนะครับโดยการกดปุมสร้าง Layer ตามภาพเลยนะครับ

4. จะได้ Layer2 มาครับ

5. ทำการย้าย Layer2 มาตรงกลางนะครับ

6. ทำการใส่สีนะครับโดยเลือก Edit>Fill

7. เลือกสีขาวนะครับ แล้วกด OK

8. จะได้ Layer2 มีสีขาวนะครับ

9. เลือกกลับไปที่ Layer1

10. ขั้นตอนต่อมาเป็นการใส่ลายนะครับ ให้เราไปเลือกที่ Filter>Texture>Texturizer นะครับ

11. จะเห็นหน้าต่างขึ้นมานะครับเรากดปุ่มสามเหลี่ยมเล็กนะครับ แล้วก็จะเห็นคำว่า Load Texture ขึ้นมานะครับ ให้เรากดไปที่ Load Texture

12. ทำการเลือกTexture ซึ่งtexture นี้จะเป็นไฟล์ที่มีมาให้กับโปรแกรม Photoshop อยู่แล้วนะครับ ซึ่งจะอยู่ในโฟลเดอร์ของโปรแกรม Photoshop เช่น C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Textures เมื่อเราเลือกโฟลเดอร์แล้วจะเห็นว่ามีไฟลซื่อ Puzzle.psd ให้เราเลือกไฟล์นั้นนะครับ

13. ทำการปรับ Scale เพื่อเพิ่มขนาดของตัวต่อ (ตัวจิ๊กซอว์) และปรับ Relief เพื่อเพิ่มความลึกของตัวต่อ (ตัวจิ๊กซอว์) อันนี้เราสามารถปรับได้ตามใจนะครับ ลองปรับแล้วลองดูตัวอย่างจนเราพอใจนะครับ เสร็จแล้วกด OK

14. ภาพก็จะได้ประมาณนี้ครับ จริงๆแล้วขั้นตอนนี้ถ้าเพื่อนๆพอใจก็สามารถพอได้นะครับ เพราะว่าภาพที่เราแต่งมาก็เป็นภาพตัวต่อ (ภาพจิ๊กซอว์)ในระดับนึงแล้วครับ แต่อย่างไรก็ดีเราสามารถเพิ่มลูกเล่นให้เหมือนว่าตัวต่อ (ตัวจิ๊กซอว์)นั้นได้หลุดออกมาจากกรอบนะอีกครับ

15. ไปที่ Tool Pallet แล้วเลือก Pen Tool ครับ

16. ให้เราเลือก Pen Tool เป็นแบบSelect Path ดูตามภาพนะครับจะได้เข้าใจมากขึ้นครับ

17. ขั้นตอนนี้เราจะใช้ Pen Tool สร้าง path รอบๆตัวต่อ (ตัวจิ๊กซอว์)นะครับ ขั้นตอนในการสร้าง path นี้ต้องใช้ความละเอียดนิดหน่อยครับ

18. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return (Mac ) เพื่อทำการสร้าง selection นะครับ

19. ทำการตัดโดยการเลือก Edit>Cut

20. ส่วนที่เป็นจิ๊กซอเมื่อกี้ก็หายไปนะครับ

21. ต่อมาทำการ paste เพื่อทำการวางชิ้นส่วนของจิ๊กซอ โดยการเลือก Edit Paste

22. เราก็จะได้ Layer ใหม่ขึ้นมา ซึ่งเป็น Layer ที่มีส่วนของจิ๊กซอ ที่เราได้ทำการตัดมาครับ

23. ต่อมาเราต้องทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) โดยการเลือก Edit>Free Transform

24. ทำการหมุนตัวต่อ (ตัวจิ๊กซอว์) จนพอใจแล้วกด Enter (PC) หรือ Return (Mac) เพื่อทำการหมุนนะครับ

25. ต่อมาไปที่ layer pallet ให้เราเลือก layer effect เป็น Drop Shadow ตามภาพนะครับ

26. ลองทำการปรับ ค่าต่างๆจนเราพอใจกับเงาที่ได้นะครับ แล้วกด OK นะครับ

27. เสร็จแล้วหนึ่งอันครับ

28. ต่อมาเราก็อาจจะต้องทำการทำซ้ำเพื่อสร้างตัวชิ้นจิ๊กซอเล็กๆมากขึ้นนะครับ โดยเราต้องกลับไปเลือก Layer1 แล้วทำซ้ำขั้นตอน 17-26 จนเราได้ตัวตัวชิ้นจิ๊กซอในจำนวนที่พอใจนะครับ ขั้นตอนนี้ใจเย็นๆค่อนทำครับ ซึ่งก็จะได้ออกมาประมาณนนี้ครับ

29. เรายังสามารถเพิ่มลูกเล่นได้อีกนะครับ ให้เราเลือก Layer1 แล้วเราจะใช้ Pen Tool สร้าง path รอบกรอบใหญ่ของเรานะครับ ขั้นตอนนี้ใจเย็นๆค่อนทำครับใช้เวลานิดนึงครับ

30. หลังจากสร้างเสร็จแล้วให้กด Crtl + Enter (Pc) หรือ Command+Return (Mac ) เพื่อทำการสร้าง selection นะครับ

31. ทำการเลือก Select>Inverse

32. เลือก Edit>Cut เพื่อตัดส่วนที่เราไม่ต้องการออก

33. ก็จะได้ประมาณนี้ครับ

34. ทำการ Drop Shadow ครับ

35. ปรับค่าต่างๆของเงาจนเราพอใจ เราสามารถดูตัวอย่างขณะปรับได้เลยนะครับ ในที่นี้ผมเลือกใช้ Blend mode: Normal, Opacity = 37%, Angle = 135, Distance = 30 px, Spread = 5%, Size = 3 px นะครับ

36. เราก็จะได้ภาพสุดท้ายอย่างนี้นะครับ เสร็จแล้วเพื่อๆสามารถ save ไฟล์แบบต่างเพื่อนำไปใช้งานได้เลยนะครับ

หวังว่าคงนำไปประยุกต์ใช้งานได้นะครับ

คำค้นหาที่เกี่ยวข้องกับบทความนี้

ทำภาพสีน้ำด้วย Photoshop แบบง่ายๆ

PhotoshopPub.Com ครับผม — Wed, 30 Dec 2009 03:19:23 +0000

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

1. ลองเปิดภาพมานะครับ ผมเลือกภาพน้ำตกละกันครับ

2. ไปที่ layer pallet ทำการสร้างสำเนาของ background layer โดยการลากเจ้า “Background” layer ไปทับที่ไอคอนที่วสำหรับสร้าง layer ใหม่ สามครั้งนะครับ เพื่อที่จะสร้างสำเนาเพิ่มอีก 3 layer ครับ

3. เราก็จะได้สำเนา 3 layer ซึ่งคือ Background copy, Background copy1, Background copy2 นะครับ

4. ปิดดวงตาของ Background copy2 และ Background copy1 แล้วเลือกที่ Background copy นะครับ

5. เลือก Filter>Artist>Cutout

6. ปรับค่าของฟิลเตอร์ ในที่นี้ผมปรับตามภาพนะครับ

7. ทำการเปลี่ยน layer จาก Normal เป็น Luminosity

8. ภาพก็จะออกมาประมาณนี้ครับ

9. ไปที่ layer pallet เลือกที่ Background copy1 และทำการเปิดรูปดวงตาข้างหน้าด้วยเพื่อให้เห็นภาพของ Background copy1

10. เลือก Filter>Artist>Dry Brush

11. ปรับค่าของฟิลเตอร์ ในที่นี้ผมปรับตามภาพนะครับ

12. ทำการเปลี่ยน layer จาก Normal เป็น Screen

13. ภาพก็จะออกมาหลังจากที่เราเปลี่ยน Normal เป็น Screen ก็ประมาณนี้ครับ

14. ไปที่ layer pallet เลือกที่ Background copy2 และทำการเปิดรูปดวงตาข้างหน้าด้วยเพื่อให้เห็นภาพของ Background copy2

15. เลือก Filter>Noise>Median

16. ปรับค่าของฟิลเตอร์ Median ซัก 11 pixels นะครับ ค่าต่างๆเพื่อนๆลองปรับตามใจแล้วดูผลตามชอบได้นะครับ

17. ทำการเปลี่ยน layer จาก Normal เป็น Soft Light นะครับ

18. เสร็จแล้วครับ ง่ายมากเลยนะครับลองไปทำเล่นดูนะครับ

บทความนี้คงเป็นบทความสุดท้ายของปี 2552 แล้วนะครับ ขอบคุณที่ติดตามอ่านนะครับ

มีความสุขในวาระขึ้นไปใหม่ด้วยนะครับ