เอกสารข้อเสนอทางเทคนิค

ขอบเขตการจ้างงาน ถ่ายภาพสินค้าประกอบเว็บไซต์ ร้านค้าสวัสดิการ

มจพ.

1. ที่มาความสำคัญ และขอบเขต

ด้วยทางร้านค้าสวัสดิการ มจพ. ได้ดำเนินการโครงการสร้าง

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

ทางร้านค้าสวัสดิการ จึงได้ร่วมมือกับทางชมรมถ่ายภาพ มจพ.

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

1.1. วัตถุประสงค์
นำภาพถ่ายผลิตภัณฑ์สินค้าและของที่ระลึกภายในร้านค้า
สวัสดิการ มจพ. ที่ถ่ายโดยชมรมถ่ายภาพมาแสดงในเว็บไซต์ร้านค้า
1.2. กลุ่มเป้ าหมาย
ร้านค้าสวัสดิการ มจพ.
1.3. ระยะเวลาการดำเนินการ
 สัญญาการจ้างงาน 1 ปี นับตั้งแต่วันทำข้อตกลง สินค้า 1 เซท
เซทละไม่เกิน 100 ชิ้น ใช้เวลาถ่ายภายในระยะเวลา 15 วัน ไม่รวมวัน
หยุดเสาร์ – อาทิตย์ และวันหยุดนักขัตฤกษ์

1.4. ขอบเขตการจ้างงาน (Terms of reference : TOR)

1.4.1. ถ่ายภาพสินค้าและของที่ระลึกภายในร้านค้าสวัสดิการของ
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ กรุงเทพ
มหานครฯ
1.4.2. ภาพที่ได้จากผลิตภัณฑ์ 1 ชิ้น มี 3 โปรแกรมให้เลือก โดยแต่ละ
โปรแกรมจะมีราคาที่แตกต่างกันออกไป ตามขอบเขตงาน โดย
มีรายละเอียดดังต่อไปนี้
1.4.2.1. สินค้า 1 ชิ้นมีการถ่ายภาพสินค้ารอบด้าน รวมทั้งหมด 4
ด้านด้วยกัน ประกอบไปด้วย ด้านหน้า - ด้านหลัง - ข้าง
ซ้าย – ข้างขวา เพียงอย่างเดียว
1.4.2.2. สินค้า 1 ชิ้นมีการถ่ายภาพสินค้ารอบด้าน รวมทั้งหมด 4
ด้านด้วยกัน ประกอบไปด้วย ด้านหน้า - ด้านหลัง - ข้าง
ซ้าย – ข้างขวา และ วีดีโอแบบรอบด้าน 1 ตัว
1.4.2.3. สินค้า 1 ชิ้นมีการถ่ายภาพสินค้ารอบด้าน รวมทั้งหมด 4
ด้านด้วยกัน ประกอบไปด้วย ด้านหน้า - ด้านหลัง -
ข้างซ้าย – ข้างขวา และ โมเดล 3 มิติ 1 ตัว
1.4.3. พื้นหลังของสินค้า 1 เซท มีคุณสมบัติให้เลือกตามความ
ต้องการ
1.4.3.1. ภาพสินค้าจะถ่ายภาพโดยมีพื้นหลังเป็ นฉากสีขาวหรือ
ดำตามความเหมาะสมของสีผลิตภัณฑ์ชิ้นนั้น ๆ
 1.4.3.2. พื้นหลังภาพสินค้าเป็ นรูปแบบของกราฟิ ก
1.4.4. โปรแกรมเสริม ทางร้านค้าสวัสดิการสามารถ
เรียกบริการเสริมเพิ่มเติมได้ โดยต้องระบุว่า
ต้องการโปรแกรมเสริมจากสินค้าตัวไหน ดังนี้
1.4.4.1. โฆษณาประชาสัมพันธ์สินค้า
- คลิปวีดีโอโปรโมทความยาวไม่เกิน 1 นาที
- ความละเอียดไฟล์ HD 1080p สามารถลง Facebook
และ YouTube ได้
1.4.4.2. ภาพถ่ายแฟชั่นสำหรับ Stock หรือสำหรับทำ Poster
ประชาสัมพันธ์สินค้า
- มีนางแบบ นายแบบ ถ่ายคู่กับผลิตภัณฑ์
1.4.4.3. บริการอื่น ๆ ตามที่ร้านสวัสดิการตกลง แต่อาจมีการ
เก็บค่าบริการเพิ่มเติม
2. วิธีการดำเนินการ
ในส่วนของการดำเนินการ ทางชมรมถ่ายภาพ จะนำเสนอ
Software ในการผลิตผลงานและอธิบายรายละเอียดวิธีการใช้งาน โดย
รายละเอียดมีดังนี้

2.1. Adobe Creative Could

ใช้สำหรับติดตั้ง Software ของทาง Adobe โดยทางชมรมถ่าย
ภาพได้ใช้ KMUTNB Software for Student ในการติดตั้ง
Software ไม่ว่าจะเป็ น Adobe Lightroom Classic , Adobe
Photo Shop , Adobe illustrator , Adobe Premiere pro และ
โปรแกรมอื่น ๆ
2.1.1. ค้นหา https://software.kmutnb.ac.th/ เพื่อเป็ นการ
ดำเนินการขอยืมใช้ Software จากสำนักคอมพิวเตอร์และ
เทคโนโลยีสารสนเทศ (มจพ.) ซึ่งเป็ นซอฟต์แวร์ที่มีลิขสิทธิ์ถูกต้อง
ในนามของมหาวิทยาลัย เพื่อใช้ในการเรียนการสอน การวิจัย
และงานของมหาวิทยาลัยภายใต้เงื่อนไขการใช้งานตามข้อตกลง
ของแต่ละซอฟต์แวร์
 หน้าเว็บไซต์บริการซอฟต์แวร์ลิขสิทธิ์ ของสำนักคอมพิวเตอร์และ
เทคโนโลยีสารสนเทศ (มจพ.)

2.1.2. เลือกซอฟต์แวร์สำหรับเครื่องคอมพิวเตอร์ส่วนบุคคล
เลือก Adobe Creative Cloud
2.1.2.1. หากเป็ นนักศึกษาให้กดยืมสิทธิ์
2.1.2.2. ส่วนเจ้าหน้าที่และบุคลากรจะกดเลือกใช้ Software อีก
รูปแบบ

กดยืมสิทธิ สำหรับนักศึกษา มจพ. กดใช้สิทธิ สำหรับบุคลากร มจพ.

2.1.2.3. เลือกโปรแกรมที่จะติดตั้ง Adobe ที่ต้องการ
o Adobe Light room Classic สำหรับตบแต่งรูปภาพ
o Adobe Photo Shop สำหรับตัดต่อและทำกราฟิ ก
o Adobe illustrator สำหรับทำกราฟิ ก สื่อสิ่งพิมพ์
o Adobe Premiere pro สำหรับตัดต่อวีดีโอ
 หน้าหลักของโปรแกรม Adobe Creative Could

2.2. Adobe Light room Classic

Adobe Lightroom คือซอฟต์เเวร์ โปรแกรม แอปพลิเคชัน ที่
ใช้ในการเเต่งภาพ ซึ่งความสามารถของซอฟต์เเวร์คือการจัดการไฟล์
ต่าง ๆ ได้ดี ถ้ามีรูปภาพเยอะ สามารถเเยกหมวดหมู่ได้ มีการจัดการ
ที่ละเอียดเหมาะสำหรับมืออาชีพ หน้าจอจะมีการสัดส่วนการทำงาน
อย่างชัดเจน เมื่อจะตกเเต่งภาพเครื่องมือจะถูกเเบ่งไว้เป็ นหมวดหมู่
เช่นด้านซ้ายจะเป็ นภาพรวมทั้งหมด ตรงกลางจะเป็ นตัวอย่างภาพ
ขนาดใหญ่ ส่วนด้านล่างเป็ นส่วนของภาพที่กำลังจะเรียกมาทำงาน
ด้านขวา เมื่อกด develop จะเปลี่ยนเป็ นส่วนการตกเเต่งภาพ และ
เครื่องมือที่ใช้ โดยแต่ละส่วนจะแยกหมวดหมู่ตามการทำงานอย่าง
ชัดเจน เพื่อให้เราทำงานได้ง่ายที่สุด เช่นการจัดการความสว่าง ตัว
โปรแกรมจะวางเครื่องมือไว้ด้วยกัน ถ้าอย่างจะกดครอปภาพ ก็จะ
ทำงานได้เลย เป็ นตัวซอฟต์เเวรที่ทำงานได้สะดวก เเละมืออาชีพก็ใช้
กัน ดังนั้น Adobe lightroom จะช่วยให้มือใหม่เเต่งภาพได้เก่ง
แน่นอน
 ภาพหน้าจอหลักของ Adobe Light room Classic
https://www.photoschoolthailand.com/what-is-adobe-lightroom/

2.3. Adobe Photo Shop

โปรแกรม Photoshop เป็ นโปรแกรมในตระกูล Adobe ที่ใช้
สำหรับตกแต่งภาพถ่ายและภาพกราฟิ ก ได้อย่างมีประสิทธิภาพ ไม่ว่า
จะเป็ นงานด้านสิ่งพิมพ์ นิตยสาร และงานด้านมัลติมีเดีย อีกทั้งยัง
สามารถ retouching ตกแต่งภาพและการสร้างภาพ ซึ่งกำลังเป็ นที่
มนิยมสูงมากในขณะนี้ เราสามารถใช้โปรแกรม Photoshop ในการ
ตกแต่งภาพ การใส่ Effect ต่าง ๆให้กับภาพ และตัวหนังสือ การทำ
ภาพขาวดำ การทำภาพถ่ายเป็ นภาพเขียน การนำภาพมารวมกัน
การ Retouch ตกแต่งภาพต่าง
สามารถเรียนรู้วิธีการใช้โปรแกรม Adobe Photoshop นี้ได้
ด้วยตัวเอง สามารถที่จะทำการแก้ไขภาพ ตกแต่งภาพ ซ้อนภาพใน
รูปแบบต่าง ๆ ได้อย่างง่ายดาย และสิ่งที่ขาดไม่ได้ก็คือ การใส่
ข้อความประกอบลงในภาพด้วย และเนื่องด้วย Adobe
Photoshop มีการพัฒนาโปรแกรมมาอย่างต่อเนื่อง แต่ที่สำคัญ เมื่อ
เรียนรู้การใช้คำสั่งในเวอร์ชั่นเก่า ก็ยังคงสามารถนำไปประยุกต์ใช้กับ
เวอร์ชั่นใหม่ ๆ ได้ด้วย ที่มาจาก
 https://www.savemak.com/blog-post/adobe-photoshop-
คืออะไร

ภาพหน้าจอหลักของ Adobe Photo Shop

2.4. Adobe illustrator

Illustrator คือ โปรแกรมที่ใช้ในการวาดภาพ โดยจะสร้างภาพที่
มีลักษณะเป็ นลายเส้น หรือที่เรา
เรียกว่า Vector Graphic จัดเป็ นโปรแกรมระดับมืออาชีพที่ใช้กัน
เป็ นมาตรฐานในการออกแบบระดับสากลสามารถทำงานออกแบบ
ต่าง ๆ ได้หลากหลาย ไม่ว่าจะเป็ นสิ่งพิมพ์ บรรจุภัณฑ์ เว็บ และภาพ
เคลื่อนไหวตลอดจนการสร้างภาพเพื่อใช้เป็ นภาพประกอบในการ
ทำงานอื่น ๆ เช่น การ์ตูน ภาพประกอบหนังสือ เป็ นต้นการประมวล
ผลภาพกราฟฟิ กของคอมพิวเตอร์
ในความเป็ นจริงแล้วภาพกราฟฟิ กที่เก็บในคอมพิวเตอร์นั้น
จะมีวิธีการประมวลผลภาพ 2 แบบแตกต่างกันไปตามแต่ละ
โปรแกรมดังนี้ คือ
 2.4.1. การประมวลผลแบบอาศัยการคำนวณทางคณิตศาสตร์
ตัวอย่างเช่น รูปล้อรถจักรยาน ถ้าเป็ นการเก็บแบบเว็ก
เตอร์ เครื่องจะเก็บข้อมูลที่เป็ นสูตรทางคณิตศาสตร์แต่สามารถ
อธิบายได้คือ รูปล้อจักรยาน คือเส้นวงกลมที่เกิดจากการวัดความ
ห่างจากจุดศูนย์กลางจุดหนึ่งไปยังบริเวณรอบ ๆ ด้วยระยะห่างทีเท่า
กัน โดยมีสีและตำแหน่งของสีที่แน่นอน ฉะนั้นไม่ว่าเราจะมีการ
เคลื่อนย้ายที่หรือย่อขยายขนาดของภาพ ภาพจะไม่เสียรูปทรงในเชิง
เลขาคณิต เช่น โปรแกรม Illustrator ใช้วิธีนี้ในการเก็บ เป็ นต้น
ตัวอย่างงานกราฟฟิ กของภาพแบบเวกเตอร์งานกราฟฟิ กในแบบเวก
เตอร์นี้จะเป็ นลักษณะของภาพลายเส้น ซึ่งงานเหล่านี้จะเน้นถึงความ
คมชัดของเส้นเป็ นหลัก เช่น ภาพโลโก้ ตราบริษัท และภาพลายเส้น
แบบคลิปอาร์ต โปรแกรมเหล่านี้ได้แก่ Illustrator, CorelDraw
และ Freehand เป็ นต้น
2.4.2. การเก็บและแสดงผลแบบบิตแม็พ [ Bitmap ]
เป็ นการประมวลผลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล
ซึ่งเหมาะกับภาพที่มีโทนสีที่ใกล้เคียงกัน เช่น ภาพถ่าย
โปรแกรม Photoshop ใช้วิธีนี้ การประมวลผลแบบบิตแม็พนี้เราเรียก
อีกอย่างว่า Raser image เป็ นการเก็บข้อมูลดิบ คือค่า 0 และ 1 ใช้
การแสดงผลเป็ นพิกเซล โดยแต่ละพิกเซลจะมีการเก็บค่าสีที่เจาะจงใน
แต่ละตำแหน่ง ตัวอย่างงานกราฟฟิ กของภาพแบบบิตแม็พ
งานกราฟฟิ กในแบบบิตแม็พนี้จะเป็ นลักษณะของภาพ ที่ต้องการปรับ
แต่งรายละเอียดของสีเป็ นหลัก เช่น การซ้อนภาพและการตกแต่งภาพ
ให้เหนือ จริง โปรแกรมเหล่านี้ได้แก่ Photoshop, Corel Photo-
 paint และ Fireworks เป็ นต้น ที่มาจาก
https://howtoaiandps.wordpress.com/adobe-illustrator

ภาพหน้าจอหลักของ Adobe Photo Shop

2.5. Adobe Premiere pro

Premiere Pro เป็ นโปรแกรมตัดต่อวีดีโอของ Adobe ที่เป็ นที่นิยม

และหลายๆ คนเลือกที่จะใช้สำหรับ Premiere Pro นั้นเราสามารถใช้งาน
ไปกับโปรแกรมอื่น ๆ ของทาง Adobe ได้ไม่ว่าจะเป็ น Illustrator
Photoshop After Effect หรือ Media Encoder ด้วยความสามารถที่
สามารถทำงานร่วมกับโปรแกรมอื่น ๆ ของ Adobe ได้จึงทำให้ Premiere
Pro นั้นทำงานได้อย่างรอบด้านและครบครันมาก ๆ ด้วยตัวโปรแกรม
Premiere Pro เองนั้นเป็ นโปรแกรมที่ใช้งานสำหรับการตัดต่อวีดีโอโดย
เฉพาะทำให้ Premiere Pro อาจจะไม่รองรับการทำงานในด้านอื่น ๆ ได้
มากนักจึงต้องมีโปรแกรมอื่น ๆ เข้ามาช่วยซึ่งโปรแกรมอื่น ๆ ของ Adobe
ก็สามารถทำงานร่วมกันได้เป็ นอย่างดี

ที่มาจาก https://www.motiongraphicplus.com/archives/12800

หน้าหลักของ Adobe Premiere pro

3. ขั้นตอนการดำเนินงาน

ขั้นตอนที่ 1 ดาวน์โหลดโปรแกรม เริ่มจากเข้า Google และพิมพ์ Reality

capture download หลังจากนั้นคลิกลิ้งค์ตามภาพ
 ขั้นตอนที่ 2 หลังจากเข้าลิ้งค์แล้วให้กด Log in

ขั้นตอนที่ 3 กด Register ตามภาพด้านบน

ขั้นตอนที่ 4 กดลงทะเบียนด้วยอีเมล โดยผ่าน Epic Game

ขั้นตอนที่ 5 หลังจากลงทะเบียนเรียบร้อย เป็ นการดาวน์โหลดโปรแกรม

ขั้นตอนที่ 6 หลังจากคลิ๊กดาวน์โหลด ให้กดบันทึกเป็ น เพื่อเลือกจุดที่เก็บ
ไฟล์ที่ดาวน์โหลด

ขั้นตอนที่ 7 หลังจากเลือกจุดเก็บไฟล์ที่ดาวน์โหลดแล้ว ให้คลิ๊ก Save

เพื่อดาวน์โหลดต่อไป

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

ขั้นตอนที่ 10 ติ๊กถูกในช่องสีแดง

ขั้นตอนที่ 11 หลังจากติ๊กถูกแล้วให้เลือก Next เพื่อขั้นตอนถัดไป

ขั้นตอนที่ 12 เลือกที่ต้องการเก็บไฟล์ที่ดาวน์โหลด หลังจากเลือกเสร็จสิ้น
ให้กดในช่องสีแดง

ขั้นตอนที่ 13 ให้คลิ๊ก Install ในช่องสีแดงเพื่อลงโปรแกรม

ขั้นตอนที่ 14 คลิ๊ก Finish เพื่อเสร็จสิ้นการลงโปรแกรม

ขั้นตอนที่ 15 เปิ ดโปรแกรมและหลังจากเปิ ดโปรแกรมขึ้นมาจะเป็ นหน้านี้
ให้เลือกในช่องสีแดงเพื่อเป็ นการ Activate ในตัวโปรแกรม

ขั้นตอนที่ 16 หลังจากกด Activate แล้วให้เลือกการ Log in โดย Epic

Game ตามกรอบสีแดง

ขั้นตอนที่ 17 เลือกลงชื่อเข้าใช้โดย Epic Game ตามกรอบด้านบน และ

ใช้อีเมลเดิมที่ลงทะเบียนตอนขั้นตอนที่ 4
 ขั้นตอนที่ 18 ติ๊กถูกในช่องสีแดง

ขั้นตอนที่ 19 หลังจากติ๊กถูกให้กด Activate ตามกรอบสีแดงเป็ นการ

เสร็จสิ้นการ ลงทะเบียน

ขั้นตอนที่ 20 ให้กดเลือกเมนูตามลูกศรสีแดงเพื่อเป็ นการทำเทมเพลท

หน้าจอ

ขั้นตอนที่ 21 หลังจากเลือกเทมเพลทหน้าจอให้เปิ ดโฟลเดอร์รูปภาพที่

 ถ่ายไว้และนำรูปที่ถ่ายสินค้าลากไปใส่ในช่องสีเขียว

ขั้นตอนที่ 22 ตั้งค่าตามกรอบสีแดงทั้ง 3 จุด โดยกดคลิ๊กค้างในแต่ละจุด

และเลื่อนเมาส์เพื่อเปลี่ยนการตั้งค่า

ขั้นตอนที่ 23 หลังจากตั้งค่าตามภาพแล้วให้เลือกเมนูด้านบนตามกรอบสี
แดงและกดภายในกรอบสีเขียว

ขั้นตอนที่ 24 หลังจากกดและรอการโหลดเสร็จจะขึ้นรูปแบบนี้
ขั้นตอนที่ 25 ให้กดเมนูตามกรอบสีแดงและกดเลือกการทำงานตามกรอบ
สีเขียว

ขั้นตอนที่ 26 ให้เลือกเมนูตามกรอบสีแดงเพื่อเป็ นการลบส่วนเกินที่ไม่

ต้องการออก

ขั้นตอนที่ 27 ให้เลือกส่วนที่เกินออกโดยการลากเส้นเพื่อคลุมจะเป็ นตาม

วงกลมสีแดง
 ขั้นตอนที่ 28 เป็ นคลิ๊กในกรอบสีแดงเพื่อลบส่วนที่เลือกเมื่อสักครู่ออก

ขั้นตอนที่ 29 คลิ๊กเมนูตามกรอบสีแดงเป็ นเมนูเพื่อเกลี่ยให้พื้นผิวของงาน

เนียนมากกว่าเดิม

ขั้นตอนที่ 30 คลิ๊กในกรอบสีแดงเพื่อเกลี่ยพื้นผิวตามการตั้งค่า

ขั้นตอนที่ 31 หลังจากเสร็จสิ้นการเกลี่ยพื้นผิวเป็ นการเลือกเมนูเพื่อลงสี

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

ขั้นตอนที่ 33 หลังจากนั้นให้คลิ๊ก I agree ตามกรอบสีแดง

ขั้นตอนที่ 34 คลิ๊ก Buy ตามลูกศรสีแดง

 ขั้นตอนที่ 35 เลือกแพ็คเกจที่จะเติมเงิน

ขั้นตอนที่ 36 หลังจากเลือกแพ็คเกจเรียบร้อยให้เลือกติ๊กถูกทั้ง 3 ช่อง

ตามรูป

ขั้นตอนที่ 37 คลิ๊ก Pay Now ตามกรอบสีแดง

 ขั้นตอนที่ 38 หลังจากกรอกข้อมูลในกรอบสีแดงเสร็จให้คลิ๊กที่ปุ่มใน
กรอบสีเขียว และหลังจากกดปุ่มในกรอบสีเขียวแล้วเงินที่เติมจะเข้าใน
บัญชีทันที

ขั้นตอนที่ 39 เป็ นขั้นตอนการ Export ให้เลือกหัวข้อตามกรอบสีแดงและ

เลือกเมนู Export ตามกรอบสีเขียว

ขั้นตอนที่ 40 ให้เลือกเป็ นนามสกุลไฟล์ชื่อ .glb ตามภาพด้านบน

 ขั้นตอนที่ 41 ให้เลือกโฟล์เดอร์ที่จะเก็บไฟล์และกด save เมื่อเลือก
โฟลเดอร์เสร็จสิ้น

ขั้นตอนที่ 42 คลิ๊ก OK ตามกรอบสีแดงเพื่อเป็ นการ save ไฟล์ลงตาม

โฟลเดอร์ที่เลือกไว้เป็ นอันเสร็จสิ้น