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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ตั้งกระทู้: 22 มิ.ย. 49, 14:14

สวัสดีครับน้า ๆ ทุก ๆ ท่าน
หากน้าถ่ายภาพสินค้าเรียบร้อยแล้วตามคำแนะนำในกระทู้ก่อนหน้านี้
[url='http://www.siamfishing.com/board/view.php?tid=19127&begin=0#1150576657']ถ่ายรูปรอกและคันเบ็ดอย่างไร....ให้โดนใจคนซื้อ คลิ๊กตรงนี้[/url]

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

.

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

+

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

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

[url='http://www.pixpros.net/forums/showthread.php?t=503']การอยากย่อให้ภาพมีรายละเอียดมากที่สุดเท่าที่เว็บจะรับได้ กรุณา คลิ๊กดูตรงนี้[/url]

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

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

[url=' http://www.professionals.co.th/ImageResizer.exe'] โดยน้า ๆสามารถดาวน์โหลดโปรแกรมย่อรูป โดยคลิ๊กตามลิ้งค์นี้ ได้เลยครับ+++[/url]

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

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

.

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

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

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

โย

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

True 08-09-431-444

Dtac 080-561-4-111

<embed src="http://img180.imageshack.us/flvplayer.swf?f=Pcq51" width="480" height="380" allowFullScreen="true" type="application/x-shockwave-flash"/><br/>

การถ่ายภาพสินค้าเป็นภาพเคลื่อนไหวแบบนี้ <a target='_blank' href='http://imageshack.us'>ทำให้เห็นผู้ซื้อสินค้าได้เห็นสินค้าหลายมุมมองมากกว่า.
และยังการแสดงการทำงานของกลไกต่างๆของสินค้าว่าทำงานเป็นอย่างไร

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 1: 22 มิ.ย. 49, 14:16

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

โปรแกรมที่ผมใช้ทุกครั้งในการจัดการรูปถ่ายสินค้า ก่อนลงประกาศขาย คือ Photoshop

ภาพประกอบ 1

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 2: 22 มิ.ย. 49, 14:17

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

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

ภาพประกอบ 2

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 3: 22 มิ.ย. 49, 14:18

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

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

ภาพประกอบ 3

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 4: 22 มิ.ย. 49, 14:19

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

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

ภาพประกอบ 4

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 5: 22 มิ.ย. 49, 14:19

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

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

ภาพประกอบ 5

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 6: 22 มิ.ย. 49, 14:21

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

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

ภาพประกอบ 6

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 7: 22 มิ.ย. 49, 14:22

ภาพประกอบ 7

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 8: 22 มิ.ย. 49, 14:22

ภาพประกอบ 8

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 9: 22 มิ.ย. 49, 14:24

ภาพประกอบ 9

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 10: 22 มิ.ย. 49, 14:25

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

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

ภาพประกอบ 10

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 11: 22 มิ.ย. 49, 14:25

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

จะเห็นว่าภาพในจอเล็กเกินไปจนไม่เห็นรายละเอียด เราสามารถทำการปรับภาพให้เท่าขนา

ภาพประกอบ 11

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 12: 22 มิ.ย. 49, 14:27

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

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

ภาพประกอบ 12

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 13: 22 มิ.ย. 49, 14:28

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

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

[q]เราสามารถเลือก

ภาพประกอบ 13

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 14: 22 มิ.ย. 49, 14:29

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

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

ภาพประกอบ 14

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 15: 22 มิ.ย. 49, 14:30

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

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

ภาพประกอบ 15

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 16: 22 มิ.ย. 49, 14:31

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

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

ภาพประกอบ 15.1

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 17: 22 มิ.ย. 49, 14:32

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

ภาพถ่ายที่ได้จากกล้องดิจิตอลของผม มักเกิดอาการที่เรียกว่า "ติดมืด" จึงจำเป็

ภาพประกอบ 16

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 18: 22 มิ.ย. 49, 14:32

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 19: 22 มิ.ย. 49, 14:33

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

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

ภาพประกอบ 18

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 20: 22 มิ.ย. 49, 14:34

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

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

ภาพประกอบ 19

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 21: 22 มิ.ย. 49, 14:35

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

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

++

ภาพประกอบ 19.1

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 22: 22 มิ.ย. 49, 14:36

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

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

ภาพประกอบ 20

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 23: 22 มิ.ย. 49, 14:37

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

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

แล้วสั

ภาพประกอบ 21

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

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 24: 22 มิ.ย. 49, 14:38

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

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

ภาพประกอบ 21.1

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

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

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

กระทู้: 45

ความเห็น: 2,485

ล่าสุด: 27-01-2566

ตั้งแต่: 13-03-2549

โย อุบล(469 คะแนนโหวตจากผู้ชมกระทู้

)

ความเห็นที่ 25: 22 มิ.ย. 49, 14:39

ภาพประกอบ 22

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