สยามฟิชชิ่ง
หน้าแรก|กระดาน|รีวิว|ประมูล|ตลาด|เปิดท้าย
login | สมัครสมาชิก | วิธีสมัครสมาชิก | ลืมชื่อ/รหัส | login ไม่ได้? | 19 เม.ย. 67
++เทคนิค การแต่งภาพ ย่อภาพ++++: SiamFishing : Thailand Fishing Community
หน้าที่: 1 | 2 | 3 | 4 | 5 | 6 >
 กระดาน > อื่นๆ
ความเห็น: 143 - [11 มิ.ย. 51, 08:04] ดู: 36,064 - [17 เม.ย. 67, 02:39]  ติดตาม: 10 โหวต: 3
++เทคนิค การแต่งภาพ ย่อภาพ++++
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ตั้งกระทู้: 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








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

ทั้งนี้ก็เพื่อประโยชน์ของผู้ซื้อที่เป็นสมาชิกชาวสยามฟิชชิ่งของเรานั่นเอง
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 1: 22 มิ.ย. 49, 14:16
[u]ภาพประกอบ 1[/u]

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

โปรแกรมที่ผมใช้ทุกครั้งในการจัดการรูปถ่ายสินค้า ก่อนลงประกาศขาย คือ Photoshop  CS (น้าๆท่านใดจะใช้ version ก่อนหน้านี้ก็ได้ครับ)
พอเปิดโปรแกรมมา หน้าตาก็จะเป็นแบบนี้ (คลิ๊กที่ Close หรือ เลือกในหมวดที่ต้องการใช้งาน)
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 2: 22 มิ.ย. 49, 14:17
[u]ภาพประกอบ 2[/u]

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

ทุกครั้งที่ผมจะนำรูปมาจัดการผมจะเปิดเอกสารใหม่ โดยเลือก ที่ file แล้วคลิ๊กที่ New
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 3: 22 มิ.ย. 49, 14:18
[u]ภาพประกอบ 3[/u]

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

คลิ๊กเสร็จจะมีหน้าต่าง ปรับขนาดของเอกสารขึ้นมา ผมมักปรับขนาดให้เป็น  600 X600 pixel เป็นหลัก แล้วจึงค่อยกด OK
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 4: 22 มิ.ย. 49, 14:19
[u]ภาพประกอบ 4[/u]

หน้าต่างของเอกสารใหม่ ขนาด  600 X600 pixel
ภาพประกอบ 4

หน้าต่างของเอกสารใหม่ ขนาด  600 X600 pixel
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 5: 22 มิ.ย. 49, 14:19
[u]ภาพประกอบ 5[/u]

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

ต่อจากนั้นผมจะทำการเปิดภาพที่ต้องการนำมาจัดการ โดยการเลือกที่ File แล้วคลิ๊กที่ Open
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 6: 22 มิ.ย. 49, 14:21
[u]ภาพประกอบ 6[/u] 

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

คลิ๊กเลือก file รูปถ่ายที่ท่านต้องการ แล้วกด Open
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 7: 22 มิ.ย. 49, 14:22
ภาพประกอบ 7

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

รูปที่เราเลือกไว้ก็จะปรากฏขึ้นมาเป็นอีกหน้าต่างหนึ่ง
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 8: 22 มิ.ย. 49, 14:22
ภาพประกอบ 8

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

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

เราจึงต้องปรับภาพให้มีขนาดเล็กลง โดยการเลือกที่ Image และคลิ๊กที่ Image size
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 9: 22 มิ.ย. 49, 14:24
ภาพประกอบ 9

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

[q] ซึ่งผมมักปรับให้มีขนาดไม่เกิน 600 X
ภาพประกอบ 9

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

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



กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 10: 22 มิ.ย. 49, 14:25
[u]ภาพประกอบ 10[/u]

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

ภาพจะถูกลดขนาดตามที่เรากำหนดไว้
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 11: 22 มิ.ย. 49, 14:25
[u]ภาพประกอบ 11[/u]

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

จะเห็นว่าภาพในจอเล็กเกินไปจนไม่เห็นรายละเอียด เราสามารถทำการปรับภาพให้เท่าขนาดที่เราเห็นด้วยตาได้ โดยการคลิ๊กขวาที่ภาพ
แล้วเลือกที่ actual size
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 12: 22 มิ.ย. 49, 14:27
[u]ภาพประกอบ 12 [/u]

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

ภาพจะมีขนาดเท่าที่เราต้องการให้ปรากฏใน web (ที่ตาเห็น)
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 13: 22 มิ.ย. 49, 14:28
[u]ภาพประกอบ 13[/u]

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

[q]เราสามารถเลือก
ภาพประกอบ 13

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

เราสามารถเลือกตัดเฉพาะส่วนออกมาได้ โดยการคลิ๊กเลือกที่เครื่องมือCrop ตามรูป
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 14: 22 มิ.ย. 49, 14:29
[u]ภาพประกอบ 14[/u]

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

ตอนนี้เราสามารถลากกรอบสี่เหลี่ยมกำหนดขอบเขตของรูปภาพได้ตามใจชอบ โดยการคลิ๊กค้างไว้แล้วลากสร้างกรอบ
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 15: 22 มิ.ย. 49, 14:30
[u]ภาพประกอบ 15[/u]

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

เมื่อได้กรอบเท่าที่ต้องการ ก็คลิ๊กขวา เพื่อเลือกคำสั่ง Crop
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 16: 22 มิ.ย. 49, 14:31
[u]ภาพประกอบ 15.1 [/u]

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

ภาพก็จะถูกตัดส่วน เหลือแต่ส่วนที่ต้องการ
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 17: 22 มิ.ย. 49, 14:32
[u]ภาพประกอบ 16[/u]

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

ภาพถ่ายที่ได้จากกล้องดิจิตอลของผม มักเกิดอาการที่เรียกว่า "ติดมืด" จึงจำเป็นต้องปรับแสงเพิ่มขึ้น โดยการเลือกที่ Image
แล้วเลือกที่ Adjust ก่อนจะคลิ๊กที่ Curve
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 18: 22 มิ.ย. 49, 14:32
[u]ภาพประกอบ 17[/u]
จะมีหน้าต่างแบบนี้ขึ้นมา
ภาพประกอบ 17
จะมีหน้าต่างแบบนี้ขึ้นมา
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 19: 22 มิ.ย. 49, 14:33
[u]ภาพประกอบ 18[/u]

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

ใช้เม้าส์คลิ๊กค้างไว้ที่เส้นกราฟ แล้วลองดันกราฟให้โค้งขึ้น จะเห็นได้ว่าภาพสว่างขึ้น  ยิ่งดันสูง ยิ่งสว่างมาก
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 20: 22 มิ.ย. 49, 14:34
[u]ภาพประกอบ 19[/u]

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

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

จะเห็นได้ว่าภาพมืดลง  ยิ่งดันต่ำ ยิ่งมืดมาก
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 21: 22 มิ.ย. 49, 14:35
[u]ภาพประกอบ 19.1[/u]

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


++
ภาพประกอบ 19.1

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


++ป.ล. ++ ความเข้มของสี หรือความสว่างของภาพเป็นความชอบเฉพาะบุคคลนะครับ เอาตามใจน้าได้เลย
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 22: 22 มิ.ย. 49, 14:36
[u]ภาพประกอบ 20 [/u]

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

เราสามารถปรับความเข้มและความสดใสของสีได้เพิ่มอีกจากการเลือกImage แล้วเลือกที่ Adjust ก่อนจะคลิ๊กที่
Hue/Saturation
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 23: 22 มิ.ย. 49, 14:37
[u]ภาพประกอบ 21[/u]

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

แล้วสั
ภาพประกอบ 21

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

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

ถ้าได้ตามต้องการแล้วค่อยกด OK
กระทู้: 45
ความเห็น: 2,485
ล่าสุด: 27-01-2566
ตั้งแต่: 13-03-2549
ความเห็นที่ 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
ความเห็นที่ 25: 22 มิ.ย. 49, 14:39
ภาพประกอบ 22

แต่ถ้าใครอยากลองเอาภาพหลาย ๆ ภาพมารวมกันในเอกสารแผ่นเดียว   
เริ่มจาก คลิ๊กเอกสาร N
ภาพประกอบ 22

แต่ถ้าใครอยากลองเอาภาพหลาย ๆ ภาพมารวมกันในเอกสารแผ่นเดียว 
เริ่มจาก คลิ๊กเอกสาร New ที่เราเปิดทิ้งไว้ตั้งแต่ตอนเริ่มต้นขึ้นมา ดังรูป
หน้าที่: 1 | 2 | 3 | 4 | 5 | 6 >
siamfishing.com © 2024