สอนแต่งรูป หัดแต่งรูป เทคนิค Photoshop

วันพุธที่ 8 มกราคม พ.ศ. 2557

How to draw a simple picture into a picture.

02:56 สอนแต่งรูป No comments

วิธีแต่งภาพให้กลายเป็นภาพวาดง่ายๆ

ก่อนแต่ง

ก่อนแต่ง

หลังแต่ง

หลังแต่ง

ขั้นตอน

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

2. Duplicate Layer รูปภาพนั้นขึ้นมาสองเลเยอร์

Duplicate Layer รูปภาพนั้นขึ้นมาสองเลเยอร์

3. เลเยอร์ทั้งสองเลเยอร์ที่ Duplicate ขึ้นมานั้น ให้เปลี่ยนเป็นภาพขาวดำโดยการกดปุ่ม crlt+shift+u ครับ
จะได้แบบนี้

4. คลิกที่เลเยอร์บนสุด (Layer 1 copy 2)ไปที่เมนู Filter > Stylize > find Edge จะได้ภาพประมาณนี้ครับ

5. ใส่เอฟเฟ็คต่อ โดยไปที่เมนู Filter - Brush Stroke > Angled Stroke โดยการที่ใส่เอฟเฟ็คนี้เพื่อจะทำให้ดูเหมือนว่าเป็นรูปวาดนั่นเองครับ ให้ตั้งค่าต่างๆประมาณนี้นะคับ

จะได้ผลลัพธ์แบบนี้ครับ

6. เปลี่ยนค่า blending Mode เป็น Color Dodge ครับ

จะได้ภาพราวนี้

7. จากนั้นปรับค่าความสว่างเพื่อให้เห็นรายละเอียดเพิ่มมากขึ้นโดยไปที่เมนู Images > Adjustments > Birghtness / Contrast ให้ลดค่าความสว่างลงครับ

8. แต่เพื่อนๆจะเห็นว่ามันยังมีจุดขาวๆปรากฎอยู่บนภาพใช่ไหมละคับ ดูไม่สวยงามเอาเสียเลย

9. แก้ไขจุดขาวๆเหล่านี้ได้โดยให้ไปที่เมนู Filter > Blur > Gaussian Blur ครับ
ปรับค่าราวๆนี้

10. จากนั้นผมทำการรวมเลเยอร์โดยการกดปุ่ม crlt+alt+shift+E เพื่อรวมเลเยอร์เป็นเลเยอร์ใหม่ แล้วทำการเพิ่มความคมชัดให้กับภาพ โดยไปที่เมนู Filter > Sharpen > Smart Sharpen

ก็เป็นอันเสร็จสิ้นครับผม

การเปลี่ยนสีวัตถุ

04:29 สอนแต่งรูป No comments

การเปลี่ยนสีวัตถุ

ภาพเริ่มต้น

ภาพเมื่อเสร็จ

แต้แด่ม

1. เปิดภาพที่ต้องการทำขึ้นมา

เปิดภาพที่ต้องการทำขึ้นมา

2. ตามไปเลือกเครื่องมือLosso Tool อยู่ตำแหน่ง ณ ตามภาพเลยครับ

เลือกเครื่องมือLosso Tool

3. หลังจากนั้นก็นำมาลากรอบวัตถุที่เราต้องการจะเปลี่ยนสีนะครับ นการลากเราไม่จำเป็นต้องลากเนี๊ยบๆมากหรอกครับ แต่ชิดๆหน่อยก็ดีนะ

นำมาลากรอบวัตถุที่เราต้องการจะเปลี่ยนสี

4. ให้ไปที่ Select เลือก Feather ปรับค่าประมาณ 3-5 ก็แล้วกันนะครับ เจ้าตัวนี้มีประโยชน์ที่ทำให้ขอบของวัตถุ ที่เราเลือกไว้ได้ไม่โดดจากbackgroundมากเกินไป เหมือนมันจะค่อยๆ กลืน

Select เลือก Feather

5. ให้กด Ctrl+J บนคีบอร์ด แล้วเราจะได้Layerใหม่ขึ้นมาอีกอัน ซึ่งก็จะเป็นรูปดอกไม้ขึ้นมาอีกเลเยอร์

กด Ctrl+J บนคีบอร์ด

6. ปฏิบัติตามภาพเลย

ปฏิบัติตามภาพเลย

7. ใช้เครื่องมือจิ้มแบบในภาพ นำไปจิ้มที่ภาพดอกไม้ครับ

ใช้เครื่องมือจิ้มแบบในภาพ

8. ปรับเลื่อนสไลด์ Fuzzyness ไปจนเริ่มเห็นเป็นรูปร่างของดอกไม้ครับ อย่าลืมเลือกเป็น Selection ด้วยนะครับ

ปรับเลื่อนสไลด์ Fuzzyness

9. ปรับแสง สี ให้แลดูบานฉ่ำ ตามเครื่องมือ แถมสไลด์ทั้ง3แถบ ที่อยู่ด้านล่างค่อยๆปรับดูนะครับ แป๊บเดียวเดี๋ยวก็คุ้น

ปรับแสง สี ให้แลดูบานฉ่ำ

10. คราวนี้ใช้หลอดจิ้มสีที่มีเครื่องหมาย "+" ตามไล่จิ้มดอกไม้ในภาพจริงให้เปลี่ยนสีดอกตามที่เราต้องการให้ครบ

คราวนี้ใช้หลอดจิ้มสีที่มีเครื่องหมาย "+"

11. เราก็จะได้ออกมาแบบนี้ แต่ว่ามันยังไม่ค่อยเนียน งั้นเรามาเนียนกันด้วยขั้นตอนต่อไปเลยครับ

จะได้ออกมาแบบนี้

12. ไปที่ palette Layer เปลี่ยนโหมดจาก Normal ให้เป็น Lighten

ไปที่ palette Layer

13. ก็จะออกมา เป็นอย่างนี้ครับ

แต้แด่ม

ทำภาพให้คมชัด เพื่อลงเวบ

03:30 สอนแต่งรูป No comments

ทำภาพให้คมชัด เพื่อลงเวบ

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

ดังตัวอย่าง A

ดังตัวอย่าง A

ดังนั้นทุกครั้งที่ก่อนที่เราจะนำภาพมาโพสต์ แนะนำว่า ควรใช้คำสั่ง Unsharp mask (เราจะสามารถปรับค่าได้ละเอียดกว่า sharpen ธรรมดา) ด้วยทุกครั้ง

ใน ตัวอย่าง B เป็นการย่อภาพจากต้นฉบับขนาด 3800 Pixels ลงมาเหลือ 800 Pixels ในครั้งเดียว แล้วใช้คำสั่ง Unsharp Mask ที่ 500/0.2(ดูภาพประกอบด้านล่างครับ) จะเห็นว่าภาพคมขึ้นมากว่าภาพ A อย่างเห็นได้ชัด

ตัวอย่าง B

แต่การย่อภาพครั้งเดียวจาก ภาพใหญ่ลงมาเป็นภาพเล็กเลยนั้น ทำให้รายละเอียดหายไปมากพอสมควรจึงมีอีกวิธีที่จะช่วยรักษารายละเอียดของภาพเอาไว้ได้ และยังเพิ่มมิติของภาพขึ้นอีกด้วยนั่นคือ การย่อภาพลงทีละนิด อาจจะครั้งละ 500 Pixels แล้วใช้คำสั่ง Unsharp mask ควบคู่ไปด้วยทุกครั้ง

ภาพตัวอย่างแสดงวิธีการย่อขนาดภาพ

เช่น
3800 pixels —– Image size —-> 3000 Pixels / Unsharp mask -amount 200 / Radius 0.2 /Threshold 0
3000 pixels —– Image size —-> 2500 Pixels / Unsharp mask -amount 200 / Radius 0.2 /Threshold 0
2500 pixels —– Image size —-> 2000 Pixels / Unsharp mask -amount 200 / Radius 0.2 /Threshold 0
2000 pixels —– Image size —-> 1500 Pixels / Unsharp mask -amount 200 / Radius 0.2 /Threshold 0
1500 pixels —– Image size —-> 800 Pixels / Unsharp mask -amount 500 / Radius 0.2 /Threshold 0

ครั้งสุดท้ายอาจจะเพิ่ม amount เป็น 500 เพื่อความคมชัดมากขึ้น

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

ตัวอย่าง C

นี่เป็นวิธีการแบบสำเร็จรุปซึ่งทดลองมาแล้วว่าใช้ได้แน่นอน แต่ถ้าจะให้ละเอียดจริงๆนั้น แต่ละครั้งที่ลดขนาดภาพลงมา จะต้องตั้งค่า Unsharp mask ต่างกันไปด้วยตามความละเอียดและขนาดของภาพ ซึ่งแต่ละคนต้องอาศัยความชำนาญ ส่วนตัวว่าแค่ไหนถึงจะพอและไม่คมเกินไปจนภาพขึ้นขอบหรือเป็นเม็ดได้นะครับ? ภาพตัวอย่างอาจจะ sharpen หนักไปบ้าง เพื่อให้เห็นความแตกต่างชัดเจน ขึ้น จากภาพเปรียบเทียบ

คราวนี้หวังว่าทุกคนจะมีภาพสวยๆคมๆ มาโพสต์กันนะครับ

ภาพทั้งสามตัวอย่าง

แต่งรูป PhotoShop สร้างภาพกระจายตัว ( PhotoShop Spread Effect )

21:27 สอนแต่งรูป No comments

แต่งรูป PhotoShop สร้างภาพกระจายตัว ( PhotoShop Spread Effect )

เทคนิคการทำภาพกระจายตัว อันนี้.. ก็เป็นอีก PhotoShop tips ที่สวยแปลกดีเหมือนกันน๊า

ภาพตัวอย่าง

ภาพตัวอย่าง

ตัวอย่างงานเมื่อเสร็จ

1. เปิดภาพที่ต้องการ
- ดับเบิ้ลคลิกที่เลเยอร์ Backgroung แล้วกด Ok. เพื่อปลดล็อกรูปกุญแจ จะได้ Layer 0

2. คลิกรูปกระดาษพับ เพื่อเพิ่ม Layer 1

คลิกรูปกระดาษพับ เพื่อเพิ่ม Layer 1

3. เปลี่ยน Forground เป็นสีขาว
- กด Alt+BackSpace เพือเทสีขาวลงไป

4. ทำงานที่ Layer 0 กดปุ่ม Alt พร้อมคลิกที่ปุ่ม Add Vector Mask หนึ่งครั้ง

ทำงานที่ Layer 0 กดปุ่ม Alt พร้อมคลิกที่ปุ่ม Add Vector Mask หนึ่งครั้ง

5. เลือกเครื่องมือ Bursh Tool แล้วคลิกตรงที่มาร์กสีแดงๆ ไว้บริเวณบนมุมบนขวา
- แล้วคลิกตรงลูกศรลง เลือก Sqare Brushes จะมีหน้าต่างขึ้นมา ให้กด Ok. ผ่านไป