บทที่ 4...

19
บทที4 ผลการปฏิบัติงาน จากการศึกษาเรื่องขั ้นตอนการออกแบบ infographic เพื่อใช้ในการโฆษณาบน Facebook Fanpage : Mix Magazine ในวันที18 เดือนกรกฎาคม 2560 ผู้ศึกษาได้เรียนรู้และฝึกฝนในเรื่องของการทํา infographic เพื่อการลงโฆษณาให้กับFacebook และเพื่อเป็นการศึกษากระบวนการทํา infographic เพื่อใช้ในการโฆษณา ผลปฏิบัติงานในครั ้งนี ้ทําให้ทราบถึงกระบวนการทํางาน ดังนี 4.1 ขั ้นตอนก่อนการออกแบบ infographic เพื่อใช้ในการโฆษณา (Pre-Production) 4.1.1 ประชุมเพื่อรับงานจากพนักงานที่ปรึกษา ในวันอังคารทีกรกฎาคม 2560 พนักงานทีปรึกษาคือคุณอภิรัฐ แย้มแสงสังข์ มีการสั่งงานให้ผู้จัดทํา การออกแบบ infographic เพื่อใช้ในการ โฆษณาในอัลบัม DID YOU KNOW? ของ Facebook Fanpage : Mix Magazine ในวันที18 เดือน กรกฎาคม 2560 โดยเอาคอลัมน์ที่เราจะทํา infographic เพื่อใช้ในการโฆษณาเพื่อลงใน FaceBook Fanpage เป็นอัลบัมเกี่ยวกับในหัวข้อของคอลัมน์ในนิตยสารMix Magazine ซึ ่งทางฝ ่ ายทําการตลาด ได้ทําการติดต่อกับฝ่ายกราฟฟิก เพื่อขอข้อมูลและรูปภาพเพื่อเอามาทํา infographic เพื่อใช้ในการ โฆษณา ลงใน FaceBook Fanpage : Mix Magazine รูปที4.1 ประชุมเพื่อรับงานจากพนักงานที่ปรึกษา

Upload: others

Post on 01-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      17

บทท 4 ผลการปฏบตงาน

จากการศกษาเรองขนตอนการออกแบบ infographic เพอใชในการโฆษณาบน Facebook Fanpage :

Mix Magazine ในวนท 18 เดอนกรกฎาคม 2560 ผศกษาไดเรยนรและฝกฝนในเรองของการทา

infographic เพอการลงโฆษณาใหกบFacebook และเพอเปนการศกษากระบวนการทา infographic

เพอใชในการโฆษณา ผลปฏบตงานในครงนทาใหทราบถงกระบวนการทางาน ดงน

4.1 ขนตอนกอนการออกแบบ infographic เพอใชในการโฆษณา (Pre-Production) 4.1.1 ประชมเพอรบงานจากพนกงานทปรกษา ในวนองคารท กรกฎาคม 2560 พนกงานทปรกษาคอคณอภรฐ แยมแสงสงข มการสงงานใหผจดทา การออกแบบ infographic เพอใชในการโฆษณาในอลบม DID YOU KNOW? ของ Facebook Fanpage : Mix Magazine ในวนท 18 เดอนกรกฎาคม 2560 โดยเอาคอลมนทเราจะทา infographic เพอใชในการโฆษณาเพอลงใน FaceBook Fanpage เปนอลบมเกยวกบในหวขอของคอลมนในนตยสารMix Magazine ซงทางฝายทาการตลาดไดทาการตดตอกบฝายกราฟฟก เพอขอขอมลและรปภาพเพอเอามาทา infographic เพอใชในการโฆษณา ลงใน FaceBook Fanpage : Mix Magazine

รปท 4.1 ประชมเพอรบงานจากพนกงานทปรกษา

Page 2: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      18

4.1.2 ศกษาขอมลของคอลมน หลงจากไดทราบความตองการจากพนกงานทปรกษา คอ คณอภรฐ แยมแสงสงข ผจ ดทาจงเรมทาการศกษาเกยวกบขอมลของคอลมนดงกลาวจากในอนเตอรเนต เวบไซตของบรษทและจากนตยสารฉบบท128 ของบรษท เพอศกษาวาคอลมนดงกลาวมลกษณะเปนอยางไร มการทา infographic ในลกษณะใด รวมถงการจดวางองคประกอบอยางใด การใสขอความลงในภาพ เพอทาการวางแผนการจดองคประกอบและมมทจะใชในการทาสอโฆษณาทเราตองการจะทาการผลตขนในขนตอนถดไป

รปท 4.2 ผรศกษาหาขอมลของคอลมนจากนตยสาร mix magazine ฉบบ 128 4.1.3 ทาการตดตอประสานงานเพอขอรปภาพและขอมล หลงจากไดรบคาสงจากพนกงานทปรกษากทาการตดตอเพอขอรปภาพและขอมลจากแผนกกราฟฟก เพอขอมาทาสอโฆษณาลงอลบม DID YOU KNOW? ในFanpang : Facebook โดยรปภาพและขอมลสงมาใหในวนจนทรท 20 มถนายน 2559 โดยสถานททจะใชทาสอโฆษณา คอ บรษท มตรมายา จากด

Page 3: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      19

รปท 4.3 ตดตอประสานงานเพอขอรปภาพและขอมลจากแผนกกราฟฟก

4.2 ขนตอนระหวางการออกแบบ infographic เพอใชในการโฆษณา (Production) 4.2.1 รบขอมลและรปภาพสาหรบการทาสอโฆษณาลงใน Fanpage Facebook : Mix Magazine ในวนท 18 กรกฎาคม 2560 กมาถงทบรษท มตรมายา จากด ทาการรบรปภาพและขอมลเพอนามาเขาสกระบวนการทาสอโฆษณาเพอลงใน Facebook : Mix Magazine ตอไป

รปท 4.4 รบขอมลและรปภาพสาหรบการทาสอโฆษณาลงใน Facebook : Mix Magazine

Page 4: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      20

4.2.2 จดเตรยมโปรแกรมทตองทาออกแบบ infographic โฆษณา นบเปนขนตอนทมความสาคญ

เปนอยางยงกอนเรมทาสอโฆษณา ซงการจดเตรยมอปกรณเมาส คยบอรด โนตบต โปรแกรม

รปภาพและขอมล ทมงาน ทกฝาย ฯลฯ หากจดเตรยมรายละเอยดในขนตอนนไดด กจะสงผลให

ขนตอนการผลตงานทาไดงายและรวดเรวยงขนโดยอปกรณการทาสอทใชมดงน

อปกรณเครองมอการทาสอ o รปภาพและขอมลทเอามาจากคอลมน DID YOU KNOW ? o อปกรณการออกแบบ infographic ไดแก เมาส,

MacBook Pro (13-inch, Mid 2012) o โปรแกรม Adobe Photoshop และ Adobe illustrator

รปท 4.รปภาพและขอมลทเอามาจากคอลมน DID YOU KNOW ? เพอเอาทาลงใน infographic

ใหเปนอลบม DID YOU KNOW ?

Page 5: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      21

รปท 4.6 อปกรณการออกแบบ infographic เพอใชในการโฆษณา MacBook Pro (13-inch, Mid 2012)

รปท 4.7 โปรแกรม Adobe Photoshop และ Adobe illustrator

4.2.3 วธการปรบและตงคาหนากระดาษในAdobe Photoshop ตงทคาหนากระดาษให

เหมาะสมสาหรบการทาสอโฆษณาเลอกใชการตงหนากระดาษแนวตง ตองมความกวาง 2480

Pixels และ ความยาว 3508 Pixels สวนหนากระดาษแนวนอน ตองมความกวาง 3508 Pixels และ

ความยาว 2480 Pixels เปนมาตรฐานของชนงานหรอจะมากกวานกไดอยความเหมาะสมของชนงาน

ซงขนตอนวธการปรบและตงคาหนากระดาษสาหรบการทาสอโฆษณามดงน

Page 6: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      22

ภาพท 1 กดเขาตรงรปLOGO PS สฟา หรอ Adobe Photoshop เพอเขาโปรแกรม

ภาพท 2 ใหไปท File > New เพอทาการตงคากระดาษ

Page 7: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      23

ภาพท 3 สวนตรงนใหปรบการตงคาหนากระดาษใหเหมาะสมกบตวชนงาน

ภาพท 4 จะไดหนากระดาษแบบน

Page 8: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      24

4.2.4 กระบวนการออกแบบ infographic เพอใชในการโฆษณา หลงจากตงคาหนากระดาษเสรจกถงเวลาการจดวางรปใหเหมาะสมสาหรบชนงานททา และมการสลบใชโปรแกรมAdobe illustrator เพอทาLOGO “Amazine Asean” ใหเหมอนกบในนตยสาร ซงมขนตอนการทาดงน

ภาพท 5 เมอนาภาพเขามาแลวใหปรบขนาดภาพตามตองการถาตองการทยอขยายภาพใหยงคง

ความสมดลของภาพ กใหกด ปม Shift ไปดวย ขณะททาการยอภาพ

ภาพท 6 เมอปรบแตงเสรจแลวใหกดปม Enter กรอปทลอมรปภาพกจะหายไป

Page 9: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      25

ภาพท 7 พมพขอความลงไปในรปภาพ

ภาพท 8 พมพขอความเนอหาแลวใสสแดงเนนคาวา “ผด” ใหรสกในรปแบบรวาอนตรายหรอหามตกเตอนเปนตน

Page 10: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      26

ภาพท 9 กดคลกขวาlayerขอความ>Blending Options ใหกดคลก Drop Shadow ในการใชเงาหลง ขอความ

ภาพท 10 เสรจขนตอนการทาขอความ

Page 11: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      27

ภาพท 11 เปดโปรแกรม Adobe illustrator เพอในการทา LOGO

ภาพท 12 พมพชอโลโก โดยปรบFontใหดสวยงามตามแบบในคอลมน

Page 12: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      28

ภาพท 13 พมพขอความเสรจและทาการปรบสแบบในคอลมน

ภาพท 14 ปรบสขอความเพอใหดนาสนใจ

Page 13: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      29

ภาพท 15 ลากวาง Logo ททาจากโปรแกรม Adobe illustrator ลากเขามาอยในAdobePhotoshop

ใหตกตรง Pixels เพอใหภาพเปนแบบดงเดมททามา

ภาพท 16 เอาไปวางและปรบขนาดใหพอดกบทเราตองการ

Page 14: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      30

ภาพท 17 เสรจสน การออกแบบ infographic เพอใชในการโฆษณา 4.2.5 ทาการSAVEและExpor tงานในการแปลงไฟลรปภาพ หลงจากทเราผลตสอโฆษณา

เสรจแลวถงเวลาทเราตองSAVE ไฟลงานเผอเราตองแกงานไดและExportเปนไฟลรปเพอใหพนกงานทปรกษาตรวจดสอทเราทา โดยมการขนตอนการSaveและExportดงน

ภาพท 18 SaveไฟลPDSใหเขาตรงท File > Save As

Page 15: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      31

ภาพท 20 ปรบ Format เลอก PSD > Save

ภาพท 21 Save เปนไฟลรปภาพใหเขา File > Export > Export As

Page 16: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      32

ภาพท 22 เปลยนใหเปนไฟล JPG > Export All

ภาพท 23 เลอก Folder ทเอาไวเกบรปภาพ > Export

Page 17: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      33

4.3 ขนตอนหลงการออกแบบ infographic เพอใชในการโฆษณา

รปท 4.22 ทาการตดตอประสานงานเพอสงไฟลรปภาพใหกบพนกงานทปรกษา 4.3.1 พนกงานทปรกษาตรวจสอบผลงาน หลงจากการทาสอโฆษณาเสรจสนกสงมอบงาน

ใหพนกงานทปรกษาคอ คณอจรนทร ดวงแจมใส ตรวจสอบสอทเราทาวามความผดพลาดตรงทใด สอททามามความเหมาะสมไหม เมอผลงานททามามความสวยงามตามองคประกอบภาพทพนกงานทปรกษาตองการกเขาสขนตอนการลงโพสในFanpage Facebook : Mix Magazine

4.3.2 ขนตอนการใหลงโพสใน Fanpage Facebook : Mix Magazine หลงจากพนกงานทปรกษาตรวจสอบผลงานเสรจสน พนกงานทปรกษากเอาไปลงโพสใน Fanpage Facebook 4.3.3 การประเมนผลการโฆษณา สาหรบการประเมนผลการโฆษณาในครงน เราจะทาการวดผลการโฆษณาจากเฟสบคแฟนเพจของ Mix Magazine คอเพจ “MiX MAGAZINE @MiXMagazineThailand” (ภาพท 4.18) วามยอดการกดถกใจและยอดการแชรภาพโฆษณานมากนอยเพยงใด เพอเปนการวดผลวาผลงานการทาสอโฆษณาของเราประสบความสาเรจมากแคไหนในสอโซเชยลเนตเวรคอยางเฟสบค

โดยอลบม DID YOU KNOW? ทถกโพสตบนเฟสบคแฟนเพจของ Mix Magazine ตงแตวนท 18 กรกฎาคม 2560 มยอดการกดถกใจอยท 3 คน และมยอดแชรอยท 3 คน (ขอมลวนท 15 สงหาคม 2559 ระยะเวลา 1 เดอน)

Page 18: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      34

รปท 4.25 เฟสบคแฟนเพจของ Mix Magazine

รปท 4.27 อลบม DID YOU KNOW ทเสรจสมบรณ

Page 19: บทที่ 4 ผลการปฏิบัติงานresearch-system.siam.edu/images/AD.Siam/AJ.Why/why159/why359/… · เป็นอย่างยิ่งก่อนเริ่มทําสื่อโฆษณา

      35

รปท 4.28 ยอดการกดถกใจโฆษณาของอลบม DID YOU KNOW