++เทคนิค การแต่งภาพ ย่อภาพ++++: SiamFishing : Thailand Fishing Community

++เทคนิค การแต่งภาพ ย่อภาพ++++

โย อุบล(469

)

ตั้ง: 22 มิ.ย. 49, 14:14

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

ต่อไป...กระทู้นี้จะเป็นการสาธิตการจัดการกับภาพถ่ายให้เหมาะสมกับการใช้งานในเว็บ siamfishing.com

.

โดยเนื้อหาจะแบ่งเป็น 3 ตอน คือ

+

1. การตกแต่งรูปภาพ และย่อ โดย Photoshop อย่างง่าย รายละเอียดอยู่ในหน้า 1-2

2. การย่อรูปภาพโดย Photoshopเพื่อให้ภาพมีความละเอียดมากที่สุดก็ต้องตามลิ๊งค์นี้ครับ

การอยากย่อให้ภาพมีรายละเอียดมากที่สุดเท่าที่เว็บจะรับได้ กรุณา คลิ๊กดูตรงนี้

เครดิต : เว็บ Pixpro' s

3. การย่อรูปภาพอย่างง่ายภายใน 5 วินาที รายละเอียดอยู่หน้า 5

โดยน้า ๆสามารถดาวน์โหลดโปรแกรมย่อรูป โดยคลิ๊กตามลิ้งค์นี้ ได้เลยครับ+++

เครดิต : น้า guanguan ผู้ซึ่งแนะนำไว้ในหน้าบทความ...

เนื่องจากว่าผมไม่ใช่มืออาชีพ อาจมีข้อผิดพลาดบ้างในการสาธิต ก็ขออภัยล่วงหน้าไว้ ณ ที่นี้

.

แต่หากท่านได้ประโยชน์จากการเข้ามาดูกระทู้นี้ ผมขอยกความดีนี้ทั้งหมดให้กับ

1. น้า Web เพราะน้าเว็บได้ให้ที่ดี ๆ แบบนี้ให้พวกเราได้รู้จักกัน
2. น้า Boondee ผู้ซึ่งเป็นจุดประกายความคิดให้ผมคิดทำกระทู้นี้ขึ้นมา
3. น้า guanguan ผู้เป็นเจ้าของบทความย่อภาพอย่างด่วนภายใน 5 วินาที

ด้วยความนับถือน้า ๆ ทุกท่านที่เข้ามาเยี่ยมชม

โย

โทรศัพท์ไม่เคยปิด..แต่จะรับเฉพาะตอนที่สะดวกเท่านั้น..
AIS 085-215-0-333

True 08-09-431-444

Dtac 080-561-4-111

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

ทั้งนี้ก็เพื่อประโยชน์ของผู้ซื้อที่เป็นสมาชิกชาวสยามฟิชชิ่งของเรานั่นเอง

คห.จก.

โย อุบล(469

)

คห.1: 22 มิ.ย. 49, 14:16

[u]ภาพประกอบ 1[/u]

โปรแกรมที่ผมใช้ทุกคร

ภาพประกอบ 1

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

โย อุบล(469

)

คห.2: 22 มิ.ย. 49, 14:17

[u]ภาพประกอบ 2[/u]

ทุกครั้งที่ผมจะนำรูป

ภาพประกอบ 2

ทุกครั้งที่ผมจะนำรูปมาจัดการผมจะเปิดเอกสารใหม่ โดยเลือก ที่ file แล้วคลิ๊กที่ New

โย อุบล(469

)

คห.3: 22 มิ.ย. 49, 14:18

[u]ภาพประกอบ 3[/u]

คลิ๊กเสร็จจะมีหน้าต่

ภาพประกอบ 3

คลิ๊กเสร็จจะมีหน้าต่าง ปรับขนาดของเอกสารขึ้นมา ผมมักปรับขนาดให้เป็น 600 X600 pixel เป็นหลัก แล้วจึงค่อยกด OK

โย อุบล(469

)

คห.4: 22 มิ.ย. 49, 14:19

[u]ภาพประกอบ 4[/u]

หน้าต่างของเอกสารใหม

ภาพประกอบ 4

หน้าต่างของเอกสารใหม่ ขนาด 600 X600 pixel

โย อุบล(469

)

คห.5: 22 มิ.ย. 49, 14:19

[u]ภาพประกอบ 5[/u]

ต่อจากนั้นผมจะทำการเ

ภาพประกอบ 5

ต่อจากนั้นผมจะทำการเปิดภาพที่ต้องการนำมาจัดการ โดยการเลือกที่ File แล้วคลิ๊กที่ Open

โย อุบล(469

)

คห.6: 22 มิ.ย. 49, 14:21

[u]ภาพประกอบ 6[/u]

คลิ๊กเลือก file รูปถ่าย�

ภาพประกอบ 6

คลิ๊กเลือก file รูปถ่ายที่ท่านต้องการ แล้วกด Open

โย อุบล(469

)

คห.7: 22 มิ.ย. 49, 14:22

ภาพประกอบ 7

รูปที่เราเลือกไว้ก็จะปรากฏขึ้นมาเป็นอีกหน้าต่างหนึ่ง

โย อุบล(469

)

คห.8: 22 มิ.ย. 49, 14:22

ภาพประกอบ 8

ภาพถ่ายดังกล่าว ผมจะถ่ายจากกล้องดิจิตอล ซึ่งมีขนาดใหญ่เกินไปในการใช้งานจริงในเว็บsiamfishing.com

เราจึงต้องปรับภาพให้มีขนาดเล็กลง โดยการเลือกที่ Image และคลิ๊กที่ Image size

โย อุบล(469

)

คห.9: 22 มิ.ย. 49, 14:24

ภาพประกอบ 9

พอคลิ๊กเสร็จก็จะเจอหน้าต่างปรับขนาดของภาพ

ซึ่งผมมักปรับให้มีขนาดไม่เกิน 600 X 600 pixel แล้วจึงค่อยกด OK

โย อุบล(469

)

คห.10: 22 มิ.ย. 49, 14:25

[u]ภาพประกอบ 10[/u]

ภาพจะถูกลดขนาดตามที�

ภาพประกอบ 10

ภาพจะถูกลดขนาดตามที่เรากำหนดไว้

โย อุบล(469

)

คห.11: 22 มิ.ย. 49, 14:25

[u]ภาพประกอบ 11[/u]

จะเห็นว่าภาพในจอเล็�

ภาพประกอบ 11

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

โย อุบล(469

)

คห.12: 22 มิ.ย. 49, 14:27

[u]ภาพประกอบ 12 [/u]

ภาพจะมีขนาดเท่าที่เ�

ภาพประกอบ 12

ภาพจะมีขนาดเท่าที่เราต้องการให้ปรากฏใน web (ที่ตาเห็น)

โย อุบล(469

)

คห.13: 22 มิ.ย. 49, 14:28

[u]ภาพประกอบ 13[/u]

ภาพถ่ายภาพนี้จะเป็น�

ภาพประกอบ 13

ภาพถ่ายภาพนี้จะเป็นได้ว่ามีที่ว่างรอบ ๆ ตัวแบบมากเกินไป

เราสามารถเลือกตัดเฉพาะส่วนออกมาได้ โดยการคลิ๊กเลือกที่เครื่องมือCrop ตามรูป

โย อุบล(469

)

คห.14: 22 มิ.ย. 49, 14:29

[u]ภาพประกอบ 14[/u]

ตอนนี้เราสามารถลากก�

ภาพประกอบ 14

ตอนนี้เราสามารถลากกรอบสี่เหลี่ยมกำหนดขอบเขตของรูปภาพได้ตามใจชอบ โดยการคลิ๊กค้างไว้แล้วลากสร้างกรอบ

โย อุบล(469

)

คห.15: 22 มิ.ย. 49, 14:30

[u]ภาพประกอบ 15[/u]

เมื่อได้กรอบเท่าที่�

ภาพประกอบ 15

เมื่อได้กรอบเท่าที่ต้องการ ก็คลิ๊กขวา เพื่อเลือกคำสั่ง Crop

โย อุบล(469

)

คห.16: 22 มิ.ย. 49, 14:31

[u]ภาพประกอบ 15.1 [/u]

ภาพก็จะถูกตัดส่วน เ�

ภาพประกอบ 15.1

ภาพก็จะถูกตัดส่วน เหลือแต่ส่วนที่ต้องการ

โย อุบล(469

)

คห.17: 22 มิ.ย. 49, 14:32

[u]ภาพประกอบ 16[/u]

ภาพถ่ายที่ได้จากกล้�

ภาพประกอบ 16

ภาพถ่ายที่ได้จากกล้องดิจิตอลของผม มักเกิดอาการที่เรียกว่า "ติดมืด" จึงจำเป็นต้องปรับแสงเพิ่มขึ้น โดยการเลือกที่ Image
แล้วเลือกที่ Adjust ก่อนจะคลิ๊กที่ Curve

โย อุบล(469

)

คห.18: 22 มิ.ย. 49, 14:32

[u]ภาพประกอบ 17[/u]
จะมีหน้าต่างแบบนี้ขึ�

ภาพประกอบ 17
จะมีหน้าต่างแบบนี้ขึ้นมา

โย อุบล(469

)

คห.19: 22 มิ.ย. 49, 14:33

[u]ภาพประกอบ 18[/u]

ใช้เม้าส์คลิ๊กค้างไ�

ภาพประกอบ 18

ใช้เม้าส์คลิ๊กค้างไว้ที่เส้นกราฟ แล้วลองดันกราฟให้โค้งขึ้น จะเห็นได้ว่าภาพสว่างขึ้น ยิ่งดันสูง ยิ่งสว่างมาก

โย อุบล(469

)

คห.20: 22 มิ.ย. 49, 14:34

[u]ภาพประกอบ 19[/u]

ในทางตรงกันข้าม หากน�

ภาพประกอบ 19

ในทางตรงกันข้าม หากน้า ๆ ใช้เม้าส์คลิ๊กค้างไว้ที่เส้นกราฟ แล้วลองดันกราฟให้โค้งลง

จะเห็นได้ว่าภาพมืดลง ยิ่งดันต่ำ ยิ่งมืดมาก

โย อุบล(469

)

คห.21: 22 มิ.ย. 49, 14:35

[u]ภาพประกอบ 19.1[/u]

ปรับให้ได้ความสว่าง

ภาพประกอบ 19.1

ปรับให้ได้ความสว่างตามต้องการของน้าๆก่อนที่จะคลิ๊ก OK จะได้ผลดังรูป

++ป.ล. ++ ความเข้มของสี หรือความสว่างของภาพเป็นความชอบเฉพาะบุคคลนะครับ เอาตามใจน้าได้เลย

โย อุบล(469

)

คห.22: 22 มิ.ย. 49, 14:36

[u]ภาพประกอบ 20 [/u]

เราสามารถปรับความเข�

ภาพประกอบ 20

เราสามารถปรับความเข้มและความสดใสของสีได้เพิ่มอีกจากการเลือกImage แล้วเลือกที่ Adjust ก่อนจะคลิ๊กที่
Hue/Saturation

โย อุบล(469

)

คห.23: 22 มิ.ย. 49, 14:37

[u]ภาพประกอบ 21[/u]

มีหน้าต่างแบบนี้ขึ้�

ภาพประกอบ 21

มีหน้าต่างแบบนี้ขึ้นมา น้า ๆ ก็ลองลากแถบ 3 แถบไปซ้ายบ้าง ขวาบ้างดู

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

ถ้าได้ตามต้องการแล้วค่อยกด OK

โย อุบล(469

)

คห.24: 22 มิ.ย. 49, 14:38

[u]ภาพประกอบ 21.1[/u]

ก็จะได้ภาพที่มีสีสั

ภาพประกอบ 21.1

ก็จะได้ภาพที่มีสีสันใกล้เคียงกับของจริงมากขึ้นดังรูป (ตามสายตาผมน่ะ ของน้าๆ ก็เทียบกับตัวน้าๆเอง)

หากท่านต้องการมีรูปเดียวก็สามารถข้ามไปดูภาพประกอบ 38 ได้เลย

**ขั้นตอนนี้ท่านสามารถสั่ง Save as เพื่อให้ขนาดไฟล์ไม่เกิน 200 k ซึ่งเหมาะกับการ upload ขึ้นประกาศได้เลย***

โย อุบล(469

)

คห.25: 22 มิ.ย. 49, 14:39

ภาพประกอบ 22

แต่ถ้าใครอยากลองเอาภาพหลาย ๆ ภาพมารวมกันในเอกสารแผ่นเดียว
เริ่มจาก คลิ๊กเอกสาร New ที่เราเปิดทิ้งไว้ตั้งแต่ตอนเริ่มต้นขึ้นมา ดังรูป