E-Book การออกแบบโฆษณาสินค้า

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ PROJECT 1 การออกแบบโฆษณาสนิ คา้ หลักการออกแบบโฆษณา ความหมายของการโฆษณา การโฆษณา (Advertising) เป็นสิ่งซึ่งมีอิทธิพลต่อวิถีชีวิตของมนุษย์ที่อยู่ในสังคมทุกคน เพราะในการ ดำรงชพี ของมนษุ ย์จะตอ้ งได้รบั การชี้นำจากการโฆษณาในการเลอื กซื้อสนิ ค้าการบรกิ ารตลอดจนทศั นคติความเช่ือ ตา่ งๆ ทง้ั โดยทางตรงและทางออ้ ม ประโยชน์ของส่ือโฆษณาต่อการศึกษา ส่อื โฆษณาโดยเฉพาะส่ือกราฟิกจดั วา่ เป็นสือ่ การเรียนการสอนท่ีมีราคาถูกหรือเป็นส่ือได้เปล่าซึ่งครูหรือ ผู้เรียนสามารถนำ ไปใช้ใหเ้ กดิ ประโยชน์ต่อการเรียนการสอนโดยเลือกให้สอดคล้องกับวตั ถปุ ระสงค์ที่ต้องการใน ลกั ษณะตา่ งๆ 1.การนำ ภาพโฆษณามาใชช้ กั นำ เข้าสบู้ ทเรยี นและสอนเนอ้ื หาวชิ าตวั อยา่ งเชน่ ในการสอนวชิ าสขุ ศกึ ษา ครูอาจนำ ภาพโฆษณาจากหนว่ ยงานหรอื บริษัทท่ีใหข้ ้อมูลทางสาธารณสุขมาใชป้ ระกอบการสอน เช่น การใชภ้ าพ โฆษณาจากบริษทั ขายยาสีฟันแนะนำวิธกี ารแปรงฟัน การโฆษณาจากสมาคมวางแผนครอบครัวสำ หรับการสอน เรือ่ งการคมุ กำ เนิด เป็นตน้ 2. การนำ ภาพโฆษณามาใช้สร้างค่านิยมที่พึงประสงค์ ภาพโฆษณานับเป็นสื่อที่มีบทบาทต่อการ เสริมสร้างทัศนคติที่ดีตัวอย่างเช่น การชี้ให้เห็นคุณค่าของศิลปวัฒนธรรม การกระตุ้นให้เกิดความรู้สึกรักชาติ บ้านเมอื ง เปน็ ต้น 3. การนำ ภาพโฆษณามาใช้เป็นเครื่องเตือนใจ ภาพโฆษณาที่มุ่งเน้นให้ผู้ดูเกิดความระมัดระวังจะช่วย กระตุน้ หรือเตือนใจผเู้ รียนไดม้ ากกวา่ การใช้ส่ืออืน่ ตวั อยา่ งเช่น ภาพโฆษณาปอ้ งกันอัคคภี ยั ของกรมตำรวจจะช่วย ให้ผ้ดู ูเกิดความระมัดระวังป้องกันอบุ ัตเิ หตจุ ากไฟไหม้ได้ 4.การนำ ภาพโฆษณามาใช้ส่งเสริมความคิดริเริ่มและความร่วมมือในการทำ งาน ได้แก่การใช้ภาพ โฆษณาเกี่ยวกับการประกวดสง่ิ ประดิษฐต์ ่างๆ เพอ่ื กระตนุ้ ใหผ้ เู้ รียนเกิดความคิดรเิ ร่ิมสร้างสรรค์เป็นต้น ประเภทของภาพโฆษณา การโฆษณาอาจแบ่งตามประเภทของช่องทางการรับรู้ได้ 3 ประเภทดงั น้ี 1.) สือ่ เสียง ได้แกก่ ารป่าวประกาศ วิทยุ เทปเสยี ง 2.) สื่อภาพและเสียง ได้แก่ ภาพยนตรโ์ ทรทัศน์ 3.) สอ่ื ภาพ หรือภาพโฆษณา ได้แก่ ภาพฉายและภาพกราฟกิ วิชา คอมพิวเตอรก์ ราฟกิ เบ้ืองต้น ประกาศนียบัตรวชิ าชีพ (ปวช.1) | 1

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ การออกแบบงานกราฟกิ ในโฆษณา ในการออกแบบโฆษณาสำหรับสื่อส่ิงพมิ พ์ไมว่ ่าจะเป็นสอื่ ประเภทใด หลกั พืน้ ฐานทีน่ กั ออกแบบ โฆษณา ควรจะต้องทราบ คือเรื่องเกี่ยวกับองค์ประกอบโฆษณาสื่อสิ่งพิมพ์ขั้นตอนของการทำ งานออกแบบ และ หลักเกณฑ์ในการออกแบบ หลกั การออกแบบ 1. วตั ถุประสงค์ของงานพมิ พ์ โดยการพจิ ารณาว่าส่ิงพิมพน์ ้ันมกี ลมุ่ เปา้ หมายเป็นบุคคลใด เพศ วัยระดับ การศึกษา หรืออาชีพใด ซึ่งคุณสมบัตขิ องกลุ่มเป้าหมายดังกล่าวนี้ผู้ออกแบบสิ่งพิมพ์จะตอ้ งรับทราบจากผู้ผลติ สนิ คา้ หรอื บริการทตี่ ้องการใช้สิง่ พมิ พ์ท่ีว่านีช้ ่วยประชาสมั พนั ธห์ รอื สง่ เสรมิ ยอดขาย 2. รูปร่างของงานพิมพ์ โดยปกติรูปร่างของกระดาษที่เป็นมาตรฐานในการพิมพ์วัสดุทั่วไป คือ รูป สี่เหลี่ยมผืนผ้าทั้งแนวต้ัง (Uplong) และแนวนอน (Oblong)อย่างไรก็ตาม ในปัจจุบันมีการออกแบบรูปร่างงาน พิมพ์ท่ีแปลกและหลากหลายเพ่ือหลกี เลีย่ งความจำ เจและดึงดดู ความสนใจเช่น การตัดหรือปั๊มใหเ้ กดิ รูปร่างโค้ง เว้า หรือย่ืนออกนอกขอบกระดาษ เป็นตน้ 3. จุดสนใจของงานพมิ พ์ โดยทั่วไปการออกแบบสิง่ พมิ พ์ มกั จะม่งุ ความสำคัญไปที่ปกของส่ิงพมิ พ์ในกรณี ทีม่ ลี ักษณะเป็นเลม่ หรอื หน้าแรกในกรณที ี่เปน็ แผน่ พบั หรอื อนื่ ๆ ทม่ี ีลกั ษณะเดียวกัน ดังนั้น การสรา้ งจดุ สนใจจุด แรกจึงเกดิ ขึน้ ในบริเวณดังกล่าว ตัวอย่างการสร้างจุดสนใจ เช่น การจัดขอบในแคบกว่าขอบนอกในสิ่งพิมพ์สอง หนา้ การสร้างจุดสนใจบริเวณด้านบนมากกว่าด้านล่างของสง่ิ พิมพ์หน้าเดียว หรือการวางข้อความที่ต้องการเน้น บนตำแหน่งที่เรียกว่า Golden Proportion คือ บริเวณเหนอื เสน้ ศนู ยส์ ูตรเลก็ นอ้ ย ซงึ่ การวางข้อความในบรเิ วณนี้ จะสามรถดึงดูดความสนใจของผ้ดู ไู ดด้ ี 4. ขนาดของกระดาษสิ่งพิมพ์ องค์ประกอบข้อนี้จะขึ้นอยู่กับขนาดของกระดาษ เช่น กระดาษขนาด 31x43 นวิ้ ทใี่ นไทยนยิ มใช้และเมอ่ื นำ มาตดั ครึ่งหนง่ึ ก็จะได้กระดาษขนาดตัด 2 สำ หรบั ใชก้ ารพิมพ์ภาพโฆษณา หรอื ในการพิมพ์หนงั สือ ก็จะนิยมใช้กระดาษตัด 4 หรือขนาด 25x21 น้ิว ซึง่ เรยี กว่ากระดาษ 1 ยก เปน็ ต้น 5. ศักยภาพของระบบการพิมพ์ ระบบการพิมพ์แต่ละระบบจะมีข้อดีข้อด้วยแตกต่างกัน ซึ่งการทำความ รู้จกั กบั การพิมพแ์ ตล่ ะระบบอยา่ งถอ่ งแทจ้ ะทำ ให้เป็นผลดตี อ่ การจัดสรรคา่ ใช้จา่ ยและสอดคลอ้ งกับลักษณะของ การพมิ พ์และสิ่งพิมพ์ที่ออกแบบไว้ ขนั้ ตอนการผลิตงานโฆษณา ในการออกแบบงานโฆษณาให้เกดิ ประสิทธภิ าพ จำ เปน็ ต้องอาศัยองคป์ ระกอบในการวางแผนและการ ออกแบบ ดงั น้ี วิชา คอมพิวเตอร์กราฟิกเบื้องต้น ประกาศนยี บัตรวชิ าชีพ (ปวช.1) | 2

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ การวิจยั ตลาดสำหรบั งานโฆษณา เป็นพื้นฐานที่จำ เป็นต่อการออกแบบงานโฆษณา เพราะข้อมูลจากฝ่ายวิจัยจะชว่ ยให้ผู้ออกแบบเข้าใจ ธรรมชาตขิ องกลมุ่ เป้าหมายได้ดีย่ิงขน้ึ วา่ มคี วามต้องการอย่างไรต่องานโฆษณาสินคา้ หรอื บรกิ ารน้ันๆ ตวั แปรท่ีมผี ล ต่อรปู แบบของงานโฆษณาจากกล่มุ เปา้ หมาย ไดแ้ ก่ 1.) เพศ (Sex) เพศชายและเพศหญิงจะมีความสนใจต่อข้อความและภาพที่ใช้โฆษณาแตกต่างกั น ตวั อยา่ งเช่น ผูช้ ายจะชอบสีท่ีขรมึ หนกั แนน่ สว่ นผู้หญงิ จะชอบสีท่อี อ่ นหวาน 2.) วยั (Age) วัยในแตล่ ่ะชว่ งอายุมีผลต่อความชอบในงานโฆษณา ตวั อย่างเช่น วยั เด็กจะชอบภาพการต์ นู สว่ นวยั ผใู้ หญจ่ ะชอบภาพเหมอื นจรงิ เป็นต้น 3.) การศึกษา (Education) ระดับการศึกษาที่แตกต่างกันย่อมมีความพอใจต่อข้อความและภาพที่ แตกตา่ งกันได้ 4.) สถานภาพ (Status) ไดแ้ ก่ ฐานะทางสังคม อาชพี รายได้ของกลุ่มเป้าหมาย เป็นส่งิ ซ่ึงผู้วิจัยด้านการ โฆษณาจำ เปน็ ตอ้ งศกึ ษาและจำแนกระดบั ได้อยา่ งถกู ตอ้ ง โดยสามารถจำแนกระดับสถานภาพทางสงั คมได้ การสรา้ งสรรคง์ านโฆษณา ในการทำ งานของฝ่ายสรา้ งสรรค์งานโฆษณา จะแบ่งได้เป็น 2 ระดับ ไดแ้ ก่ 1.) ฝา่ ยอำนวยการสรา้ งสรรค์ (Creative Director) จะทำ หน้าที่คิดภาพรวมของงานโฆษณาโดยประมวล จากขอ้ มลู ท่ไี ดร้ บั จากการวจิ ัย แล้วนำ มากำ หนดเป็นความคดิ รวบยอด(Concept) ของงานโฆษณาว่าจะนำ เสนอ ในรูปแบบใด จะใชข้ อ้ ความอย่างไร และนำ ภาพรวมน้ีไปประสานงานกับฝา่ ยอ่ืน 2.) ฝ่ายเขียนข้อความโฆษณา (Copy Writer) เป็นผู้รับภาพรวมจากฝ่ายอำนวยการสร้างสรรค์และคิด ข้อความที่จะเสนอขอ้ มลู ต่อผู้รับโฆษณา เพื่อจูงใจให้สนใจและซ้ือสินค้าหรือบริการ โดยจะมีขั้นตอนการทำ งาน ดงั น้ี 2.1 ตอ้ งนำ เสนอใหช้ ดั เจนวา่ จะโฆษณาอะไร ใคร หรอื หน่วยงานใดแล้วพยายามศกึ ษาคุณลักษณะของ สิง่ ทจ่ี ะโฆษณาให้มากท่สี ุด 2.2 ตอ้ งรู้จกั กลมุ่ เปา้ หมายในการโฆษณาว่าจะขายสินค้าหรือ งานบริการนัน้ ใหก้ บั ใคร โดยอาศัยข้อมูล จากฝา่ ยวจิ ยั 2.3 คิดข้อความโฆษณาที่เหมาะสมกับสื่อแต่ละประเภท ตัวอย่างเช่น แผ่นโฆษณาหรือใบปิดอาจใช้ ขอ้ ความที่มรี ายละเอียดปานกลาง ปา้ ยโฆษณาขนาดใหญค่ วรใชข้ ้อความทีส่ ้ันกะทัดรัด และการโฆษณาในสิ่งพิมพ์ อาจใช้ข้อความทมี่ ีสาระและรายละเอียดไดม้ ากท่สี ุด วิชา คอมพิวเตอรก์ ราฟกิ เบ้ืองตน้ ประกาศนียบตั รวชิ าชีพ (ปวช.1) | 3

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ ขอ้ ความโฆษณาทด่ี คี วรมลี ักษณะดงั น้ี 1.) มีความชัดเจนต่อตัวสินค้าหรือบรกิ าร เพื่อให้ผู้รับโฆษณาได้รับรูอ้ ย่างชัดเจนว่าเป็นใคร หรือ อะไร ควรหลกี เลยี่ งคำ พดู ทไ่ี ม่มกี ฎเกณฑ์แน่นอน เชน่ น้ำมันเครื่อง เหนือกวา่ มาตรฐาน ย่อมทำ ใหผ้ ู้รับการโฆษณาเกิด ความไม่ชดั เจนวา่ มาตรฐานอะไร และ เหนอื กว่าอย่างไร เปน็ ต้น 2.) มีเหตผุ ลท่ีเหมาะสม โดยต้องแสดงให้เห็นว่าควรซื้อสินค้าหรอื บริการน้ันๆเพราะเหตุใดเช่น ควรทำ ประกันชวี ติ เพราะอนาคตเปน็ สิง่ ไมแ่ น่นอน 3.) ใช้ภาษาทีเ่ หมาะสม โดยให้เหมาะกบั ระดบั ของกลมุ่ เป้าหมาย 4.) ใช้ข้อความทีก่ ะทัดรัด โดยหลักเลีย่ งภาษาวิบัติหรือภาษาท่ีฟุ่มเฟือยเกินความจำ เป็น เช่น อภิมหา อมตะนริ นั ดรก์ าล 5.) ใช้คำลงท้ายโฆษณาท่ชี ัดนำ ให้ปฏิบตั ิได้เชน่ “สามารถหาซือ้ ....ไดต้ ามรา้ นขายยาทวั่ ไป” การออกแบบและการวางเลย์เอาท์งานโฆษณา องคป์ ระกอบของการวางเลยเ์ อาท์ การออกแบบภาพโฆษณาย่อมใช้หลักทฤษฎีองค์ประกอบศิลป์เช่นเดียวกับการออกแบบงานกราฟิก ประเภทอื่นๆ โดยก่อนที่จะลงมือสร้างภาพต้นฉบับหรืออาร์ตเวิร์กจะต้องนำองค์ประกอบ อันได้แก่ รูปภาพ ตวั อักษร มาจดั วางหรอื ทำ เลยเ์ อาท์บนพืน้ ภาพ โดยจัดในกระดาษร่างแบบขนาดเลก็ และพยายามปรับปรงุ หรอื จดั วางองค์ประกอบให้มีความน่าสนใจตามหลกั การทางศิลปะองค์ประกอบที่สำคญั ต่อการจดั วางเลย์เอาท์ ไดแ้ ก่ 1. พื้นภาพ ได้แก่ บริเวณว่างสำ หรับรองรับรูปภาพ ตัวอักษร ผู้ออกแบบจำ เป็นต้องให้ความสำคัญแก่ บริเวณพื้นภาพ เพราะการยัดเยยี ดรปู ภาพ หรือตวั อกั ษรจนงานโฆษณาแน่นจนเกินไป ย่อมทำ ให้ผู้ดูรู้สกึ อึดอดั และไม่นา่ สนใจดงั น้ัน จงึ ควรจัดพืน้ ทว่ี า่ งสำ หรบั เปน็ พกั สายตา (Grey Area)อันจะทำ ให้งานโฆษณานั้นมีความ น่าสนใจยง่ิ ขนึ้ 2. รูปภาพ ได้แก่ ภาพบุคคลหรอื วตั ถุต่างๆ อนั ไดจ้ ากการวาดภาพ การถา่ ยภาพ การพมิ พ์ เพ่อื นำเสนอให้ ผู้รับการโฆษณาเกิดความสนใจและสื่อความหมายต่อสิ่งซึ่งนำ มาโฆษณาได้ดียิ่งขึ้น ในการออกแบบ นิยม ให้ ความสำคัญแก่รปู ภาพมากกว่าตัวอักษร ภาพที่นำ เสนออาจเปน็ ภาพตัวสินคา้ นั้นโดยตรง หรอื อาจไมเ่ กย่ี วข้องกับ ตวั สนิ ค้านน้ั ๆ เลยกไ็ ดแ้ ต่ใชภ้ าพเพอื่ ความรู้สกึ ทีด่ ตี วั อย่างเชน่ การใชภ้ าพจิตรกรมไทยสำ หรบั โฆษณาเบียร์การใช้ ภาพคนกำลงั ทำ บุญสำ หรับโฆษณาธนาคารเป็นต้น การใชภ้ าพควรคำนึงถึงความเหมาะสม และความพอใจของ กลุ่มเป้าหมายในแต่ละเพศ วัย ตัวอย่างเช่น เด็กๆ ชอบภาพการ์ตูน ผู้หญิงชอบภาพดอกไม้ผู้ใหญ่ชอบภาพ ที่ แสดงออกทางวฒั นธรรม เปน็ ต้น 3. ตัวอักษร เป็นการนำ เสนอรายละเอยี ดของสินคา้ หรอื การบรกิ าร ซึง่ บอกรายละเอียดไดม้ ากกว่าการ วชิ า คอมพวิ เตอร์กราฟกิ เบื้องตน้ ประกาศนียบตั รวชิ าชีพ (ปวช.1) | 4

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ ใช้รูปภาพเพยี งอย่างเดียวสว่ นมากนิยมใช้พนื้ ทขี่ องขอ้ ความหรือตัวอักษรในปริมาณทนี่ อ้ ยกว่ารปู ภาพ แตส่ ำ หรับ งานโฆษณาบางชิน้ อาจเน้นความสำคัญทต่ี ัวอกั ษรเพียงอย่างเดียวโดยจดั ตวั อักษรให้อยูใ่ นลกั ษณะของกล่มุ หรอื มี เอกภาพไม่กระจัดกระจาย รูปแบบของการจดั เลย์เอาท์ (Lay Out) งานโฆษณา เม่อื ผอู้ อกแบบไดว้ ิเคราะหแ์ ละตัดสนิ ใจว่าจะเน้นความสำคญั ขององค์ประกอบในด้านใดเป็นหลักในงาน โฆษณาผูอ้ อกแบบจะนำองคป์ ระกอบดังกล่าวมาจัดวางเลย์เอาท์โดยสามารถเลอื กรูปแบบได้หลายลักษณะดังน้ี 1. รูปแบบแถบ (Band Lay Out) เป็นการวางองคป์ ระกอบ อันได้แก่รูปภาพและข้อความในลักษณะที่ เป็นแถบตามแนวต้ังชิดขอบภาพด้านใดด้านหน่ึง การวางเลยเ์ อาท์ลกั ษณะนีจ้ ะเกิดบริเวณพื้นท่ีวา่ งและเน้นให้มี ความสะดุดตาน่าสนใจ 2. รปู แบบแกน (Axial Lay Out) เป็นการเลย์เอาทใ์ ห้องคป์ ระกอบมลี กั ษณะเป็นแกนตรงกลางในแนวตงั้ โดยอาจมแี กนแนวขวางประกอบด้วย วิชา คอมพิวเตอร์กราฟกิ เบ้ืองต้น ประกาศนยี บตั รวิชาชพี (ปวช.1) | 5

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 3. รปู แบบตวั T (T Shape Layout) เป็นการวางองคป์ ระกอบ ในลักษณะตัว T ของอักษรโรมัน ซึ่งจะทำ ใหภ้ าพโฆษณามลี ักษณะสมดลุ น่าเช่อื ถือ 4. รปู แบบตวั L (L Shape Layout) เปน็ การวางองคป์ ระกอบใหม้ ลี กั ษณะเป็นรปู ตวั L ในอกั ษรโรมันซงึ่ จะทำใหล้ กั ษณะภาพโฆษณาไม่เท่ากนั จนเกนิ ไป และเกิดความน่าสนใจแกผ่ ู้ด วชิ า คอมพิวเตอร์กราฟกิ เบ้ืองตน้ ประกาศนยี บตั รวิชาชพี (ปวช.1) | 6

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 5. รูปแบบตัว Z (Z Shape Lay Out) เป็นการจดั องค์ประกอบให้มีเส้นแกนหลักเป็นรูปตัว Z ในอักษร โรมัน ซ่งึ จะทำ ให้ภาพโฆษณามลี กั ษณะเคลื่อนไหวและมที ิศทางที่นา่ สนใจโดยอาจใชเ้ ส้นชกั นำสายตาหรือหวั ลูก ศรเขา้ ชว่ ย 6. รูปแบบตัว S (S ShapeLay Out) เป็นการวางองค์ประกอบ ให้มีเส้นแกนหลักเป็นรูปตัว S ในอักษร โรมนั ซึ่งจะทำ ใหภ้ าพโฆษณามที ศิ ทางการเคลอ่ื นไหวทอี่ อ่ นชอ้ ย น่มิ นวลและเกดิ ความรู้สึกต่อเน่ือง 7. รูปแบบตารางหรือรูปแบบมอนเตรียน (Mondrain Lay Out) เป็นการวางองค์ประกอบในลักษณะ ตารางยอ่ ย ๆ โดยมีขนาดทแี่ ตกตา่ งกันในภาพโฆษณา วิชา คอมพวิ เตอรก์ ราฟกิ เบื้องต้น ประกาศนยี บัตรวิชาชีพ (ปวช.1) | 7

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 8. รปู แบบหน้าต่าง (Picture Window Lay Out) เป็นการจดั วางรปู แบบใหอ้ ย่ใู นกรอบชอ่ งสเ่ี หลย่ี มคลา้ ย ช่องหนา้ ตา่ งในงานโฆษณา 9. รปู แบบกรอบภาพ (Frame Lay Out) เปน็ การสร้างกรอบภาพล้อมรปู ภาพและข้อความภายในเพื่อบบี สายตาผดู้ ูใหพ้ ุง่ ไปทกี่ รอบภาพนั้นๆ วชิ า คอมพิวเตอร์กราฟกิ เบ้ืองต้น ประกาศนียบตั รวิชาชพี (ปวช.1) | 8

E-book ประกอบการสอน|การออกแบบโฆษณาสินค้า 10. รูปแบบจุด (Spot Lay Out) เป็นการวางรูปภาพให้มีลักษณะเป็นจุดลอยกลางพื้นภาพและใช้ ข้อความจำ นวนนอ้ ยเพ่ือสร้างความเด่นชดั ในงานโฆษณา 11. รูปแบบเน้นรายละเอียดของข้อความมากกว่ารูปภาพ (Copy Heavy Lay Out) เป็นการวาง องค์ประกอบโดยเนน้ ขอ้ ความท่ีแสดงรายละเอยี ดของงานโฆษณามากกวา่ รูปภาพ 12. รูปแบบเน้นตัวอกั ษร (Type Lay Out) เปน็ การนำตวั อักษรทมี่ ลี ักษณะและขนาดต่างกนั มาจัดวางใน งานโฆษณาอยา่ งมคี ณุ ค่าทางศลิ ปะการออกแบบ วชิ า คอมพิวเตอรก์ ราฟกิ เบ้ืองต้น ประกาศนียบัตรวชิ าชีพ (ปวช.1) | 9

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ ขัน้ ตอนการออกแบบงานโฆษณา ภาพตัวอยา่ งผลงาน การสรา้ งโปรเจคหรอื ไฟล์งาน 1. เปิดโปรแกรม Photoshop ไปท่ี File >> ตัง้ ขนาดของงานดงั ภาพ //บันทกึ ช่อื ไฟลวา่ Product-1 ....ไปดูโฟลเดอร์ Project-1 ว่ามีอะไรอยใู่ นน้นั บ้าง ทนี ้ีการทำโฆษณาจริงๆแลว้ เนี่ยเราจะต้องดูโทนสขี อง สนิ ค้าเป็นหลัก หรือ จะตอ้ งตามใจลกู ค้าหรือผู้ว่าจ้างว่าเขาตอ้ งการสโี ทนไหน ในทนี่ ี้ให้เราทำเป็นโทนสีเดียวกัน กับสินค้าคือสอี อกเขียว วิชา คอมพิวเตอรก์ ราฟิกเบื้องตน้ ประกาศนยี บตั รวิชาชีพ (ปวช.1) | 10

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 2. นำภาพคน สนิ ค้า ควิ อารโ์ ค้ด และข้อความเข้ามาใสไ่ ว้ใน งานคะ่ 2.1 จากนั้นกป็ รับเปล่ียนตวั อักษร ฟ้อนตามี่ตอ้ งการไดเ้ ลย 2.2 เลือกเลเยอร์พื้นหลัง (ฺBackground) เพื่อทำการไล่เฉดสี ให้โทนสีไปทางเดียวกะสินค้า กดท่ี เคร่อื งมือ Gradient เลอื กสเี ขียวขาว #479f6b ลักษณะการไล่เฉดสีแบบวงกลมหรอื รัศมี กดก่ึงกลางและลากไปทางขวา วิชา คอมพิวเตอรก์ ราฟิกเบ้ืองต้น ประกาศนียบัตรวิชาชีพ (ปวช.1) | 11

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ 3. ไดคทั สินคา้ 3.1 เลอื กเลยเยอรส์ นิ คา้ จากนน้ั กด CTRL+คลิกท่ีเลเยอร์สินค้า ให้เกิดเส้นปะโดยรอบ 3.2 เลือกเครอ่ื งมอื Magic Wand >> ตัง้ คา่ สีใกลเ้ คียง (Tolerance) เป็น 5ทบ่ี รเิ วณเส้นปะ ใหก้ ด Alt+ คลิกบรเิ วณสีขาว ทำโดยรอบตัวสินคา้ 3.3 เม่ือทำโดยรอบตัวสนิ ค้าแลว้ ใหเ้ ลือก ท่ี Option >> Refine Edge >> ปรับโหมดใหเ้ ป็นแบบขาวดำ วิชา คอมพิวเตอร์กราฟิกเบ้ืองตน้ ประกาศนยี บัตรวิชาชพี (ปวช.1) | 12

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ 3.4 จากนน้ั จะเหน็ วา่ ตรงขอบๆจะมรี อบหยกั อยู่ กใ็ หเ้ พม่ิ Smooth จะเห็นไดว้ า่ ขอบมนั เนียนขึ้น จากนั้น ก็ปรับที่ Contrast เพื่อให้เส้นขอบคมชัดขึน้ จากนั้นปรับ Shit Edge และ Feathers และลองดกู ารเปลี่ยนแปลง ของภาพ ปรับดใู หส้ มบูรณณห์ รือเนยี นตามท่เี ราต้องการ กด OK 3.5 จากนนั้ กด Ctrl+C เพอ่ื ก็อปป้ี และกด Ctrl+Shift+V เพ่อื วางตำแหนง่ เดมิ ท่ีเมนเู ลเยอร์ใหล้ บเล เยอรส์ ิ้นคา้ ต้นฉบบั ท้ิง วชิ า คอมพิวเตอรก์ ราฟิกเบื้องต้น ประกาศนยี บัตรวชิ าชพี (ปวช.1) | 13

E-book ประกอบการสอน|การออกแบบโฆษณาสินค้า // จะกลายเปน็ เหมือนเราลบพื้นหลงั จริง ๆ วิธีการลบพ้ืนหลังมีการทำหลายรูปแบบแล้วแต่ความถนัด บางคนอาจจะใช้เครื่องมือ Pen Tool , Easer , หรือกลุ่มเครื่องมือ Selection ก็แล้งแต่ความถนัดของแต่ละคน ค่ะ 4. ไดคทั นางแบบ 4.1 ให้ขยายภาพคนสักเล็กน้อย จากนั้นทำ selection บริเวณตัวคน โดยกด Ctrl+คลิกที่เลเยอร์ นางแบบ 4.2 จากนั้นเลือกเคร่ืองมอื Magic Wand และกด ALT ค้างไว้ ทำการกดไปตรงบริเวณพ้ืนสีขาว โดยรอบ เส้นปะจะขยับเขา้ มาชิดกบั เส้นผม นน้ั หมายความวา่ ไดล้ บพื้นทสี่ ีขาวท้ิงไป วชิ า คอมพิวเตอร์กราฟกิ เบื้องต้น ประกาศนียบัตรวิชาชีพ (ปวช.1) | 14

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ ค้า 4.3 พอได้เส้นปะรอบตัวนางแบบแล้วให้ใช้เครื่องมือ Lasso Tool กด Shift ค้างไว้และลากไปบริเวณ โดยรอบเส้นผม (ใหจ้ ดุ สุดทา้ ยมาบรรจบทจี่ ดุ แรก) จะเกิดเสน้ ปะเพิ่มพนื้ ทีโ่ ดยรอบเสน้ ผมตามท่เี ราลากเสน้ ไว้ 4.4 ที่ Option เลือก Refine Edge ปรับเส้นขอบให้เรียบเนียนก่อน ที่ Adjust Edge ปรับทั้งสี่อย่างให้ พอประมาณระหว่างปรบั ให้ดกู ารเปล่ยี นแปลงของภาพด้วย วิชา คอมพวิ เตอรก์ ราฟิกเบ้ืองตน้ ประกาศนยี บตั รวชิ าชีพ (ปวช.1) | 15

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ ค้า 4.5 ปรบั เส้นผม ใหเ้ ลอื ก View Mode เปน็ Overlay แลว้ ระบายสีใกล้ ๆ บริเวณเส้นผมด้านนอก จนทว่ั บริเวณรอบเสน้ ผม จากน้ันกด Ok 4.6 จากนั้นกด Ctrl+C เพอ่ื กอ็ ปปี้ และกด Ctrl+Shift+V เพือ่ วางตำแหนง่ เดมิ ทีเ่ มนเู ลเยอรใ์ หล้ บเล เยอรส์ ้นิ คา้ ตน้ ฉบบั ทง้ิ // จะกลายเป็นเหมอื นเราลบพ้นื หลัง จรงิ ๆ วธิ ีการลบพืน้ หลังมกี ารทำหลายรูปแบบแล้วแตค่ วามถนัด บางคนอาจจะใช้เครอื่ งมอื Pen Tool , Easer , หรอื กลุ่มเคร่ืองมอื Selection กแ็ ลง้ แตค่ วามถนดั ของแตล่ ะคน ค่ะ แต่วธิ ีนจ้ี ะทำใหบ้ รเิ วณของผมเรยี บเนยี นและดสู มจรงิ มากข้ึน วชิ า คอมพวิ เตอร์กราฟิกเบ้ืองตน้ ประกาศนียบตั รวิชาชีพ (ปวช.1) | 16

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ จากนัน้ ปรบั ตำแหนง่ ขอ้ ความและรูปภาพ ใหด้ สู วยงามและอยตู่ ำแหน่งทเ่ี หมาะสม และสรา้ งเส้น Gide ท้ังส่ดี ้านเพ่อื นกันการตดั ตกขอบของโฆษณา 5. สรา้ ง Group 5.1 Group ข้อความไว้ก่อนค่ะ โดยการเลือกเลเยอร์ข้อความทั้งหมด จากนั้นลากลงไปท่ี Group ตั้งช่ือ Group วา่ text จากนั้น Group เลเยอรท์ ี่เหลอื ให้ตง้ั ชือ่ ว่า Object ตอ่ มาสรา้ ง Group 1 Group แล้วต้งั ช่อื BG 5.2 จากน้นั ใช้ Pen tool วาดเส้น Shape เทสีเขียว (#1d5826) สีเขยี วเขม้ หนอ่ ย เราจะตกแต่งเป็น ฟุต เตอร์ ทำการวางจุดแรกคะ่ และจดุ ทส่ี องใหเ้ ปน็ โค้งๆ และกด CTRL เพ่อื ทำให้แขนมนั สน้ั ลง และก็มารก์ จุดท่ีสาม พยามยามดงึ ให้มนั โคง้ ๆ จากนั้นกม็ ายังจุดแรกเพอื่ ปิดไดเ้ ลย วชิ า คอมพวิ เตอร์กราฟกิ เบ้ืองต้น ประกาศนียบัตรวชิ าชีพ (ปวช.1) | 17

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ 5.2 จากน้นั ก็อบป้ีเลเยอร์ ท่ีเราสร้างเม่ือกีแ้ ละเปลี่ยนเปน็ สีเหลือง (# edf8a6) 5.3 เมอ่ื เลอื กใหส้ ี Foreground เปน็ สเี หลอื งแล้วใหก้ ด Alt+Delete สขี องเลเยอร์ทเี่ ลือกไว้กจ็ ะเป็นสี เหลืองตามท่ีเราเลอื กไว้ 5.4 ลากเลเยอร์ลงมาไวด้ า้ นลา่ งของเลเยอรส์ ีเขยี ว 5.5 จากนั้น CTRL+T เพื่อปรับตำแหน่ง และก็กด CTRL และขยับมุม ฝั่งซ้ายกดท่ีหวั ลูกศร และปรับ องศาของเสน้ วิชา คอมพิวเตอรก์ ราฟิกเบื้องต้น ประกาศนยี บัตรวชิ าชพี (ปวช.1) | 18

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 5.6 จากนน้ั เราจะนำคนมาไว้ใต้ของสเี ขยี วกับสเี หลือง ให้ นำคนลงมาไว้ที่กรุ๊ป BG จัดคนให้อยู่ชิดขวาและ ปรับขยายนิดนึง 5.6 ตกแตง่ Background เพ่ิม โดยให้สรา้ ง เลเยอร์ใหม่ข้นึ มา นำไปไวล้ ่างรปู คน ใชเ้ รก็ แทง็ กูล่าสร้างพื้นทข่ี นึ้ มา วิชา คอมพิวเตอร์กราฟิกเบ้ืองตน้ ประกาศนยี บัตรวชิ าชพี (ปวช.1) | 19

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ จากนั้นไปเลอื ก กาเดี้ยนสีขาวดำ แบบไลเ่ ฉดสี และติ๊กถูกท่ี Reverse สไลดข์ นึ้ กด CTRL+D เพือ่ ยกเลกิ เสน้ ปะ จากน้นั ไปท่ี Fillter >> Pixelate>> Color Halftone ตง้ั แม็กเรเดี้ยน 12 นอกนน้ั 30 กจ็ ะได้พ้ืนหลังประมาณนี้ ประกาศนียบตั รวิชาชีพ (ปวช.1) | 20 วชิ า คอมพิวเตอร์กราฟกิ เบ้ืองตน้

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ จากนั้นเลือกที่ เครื่องมือ Magic Wand เอาเครื่องหมายถูกตรง Contiguous ออก จากนั้นจิม้ ไปที่ สีดำ เพ่อื เลือกสดี ำทง้ั หมด สร้างเลเยอรใ์ หมค่ ่ะ จากนั้นเปล่ยี นโฟลกราวใหเ้ ปน็ สดี ำค่ะ ดว้ ยการกด ตวั D และ กด ALT+DELETE กด Ctrl+D ยกเลิกซเี ลก็ ชน่ั และลบเลเยอร์ลา่ งท้ิงคะ่ จากน้นั ปรบั โหมดเลเยอร์คะ่ ให้เปน็ แบบ Overlay วชิ า คอมพิวเตอร์กราฟกิ เบื้องตน้ ประกาศนียบตั รวิชาชีพ (ปวช.1) | 21

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 6. การตกแตง่ วัตถุและขอ้ ความ 6.1 นำภาพหลังคาผ้าใบมาใส่ ขยายให้ใหญห่ นอ่ ย 6.2 จากนั้นปรับข้อความ GLUTA.. ให้ตำแหนง่ เหมาะสม จากนั้นแต่งสีค่ะ ที่เลเยอร์สไตล์ ปรับสโตกสี ขาว เอา้ เตอร์โกลเลอื กชมพอู อ่ น fdbcfb spreadd 100 size ปรับใหเ้ หมาะสม เหมือนทำสโตกสองชั้น ตอ่ มาที่ ดรอปชาโดว จากนั้นเพิ่มลูกเลน่ ให้กบั ข้อความค่ะ ให้เหมอื นการแรเงา ใช้เรก็ แทงเกิ้ลค่ะ จากนนั้ ปา้ ยไปที่ข้อความ และก็สรา้ งเล เยอะ์ใหม่คะ่ เลอื กกาเดยี้ นเทสีแบบบนลงล่าง จากนนั้ กด CTRL + D จากนั้นคลิกขวาท่ีเลเยอรเ์ ลือก ครีเอทคลิป ป้งิ แมส เลือกโหมด แบบ ฮารด์ ไลท์ ลดโอปาซติ ้ีใหเ้ หมาะสม ทีเ่ ลเยอร์ไสตล์ของเลเยอร์ขอ้ ความ เลอื ก อินเนอร์ โกล วชิ า คอมพวิ เตอร์กราฟิกเบ้ืองตน้ ประกาศนยี บัตรวิชาชีพ (ปวช.1) | 22

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ 6.2 ต่อมาเลเยอร์ ครมี บำรุงผวิ ปรบั สโตก ดรอบชาโดว ปรับสเี งาให้เปน็ เขยี วๆ สว่ นสีตัวหนังสือก็ให้ใช้ เปน็ สีเเหลอื งค่ะ ต่อมาปรับ ยง่ิ ใชย้ ิ่งขาว เพอื่ จะเนน้ คำวา่ ยิง่ ขาวใหใ้ หญ่ชัดขึ้น และก็ใสส่ ี สโตก เงา ให้ทั้งสองข้อความค่ะ ขอ้ ความเแล่ียนเฉดสีด้วยค่ะ และปรบั ข้อความทง้ั หมดให้อยใู่ นตำแหน่งท่เี หมาะสมค่ะ 6.3 จากนัน้ เราจะแต่งเพิ่มค่ะ ลากภาพ สกิน เลเวล คัลเลอร์ มาวางที่ working area จากนั้นทำการ ใช้ เรก็ แทงเกลิ ลากเปน็ ส่ีเหลี่ยมบรเิ วณ รูปท่ีเราตอ้ งการ จากนั้น กดทเ่ี ครอ่ื งมอื เมจิกแวน กด ALT ค้างไว้และจิ้ม ตรงสีขาวเพื่อให้มันเลือกเฉพาะพื้นที่ที่เราต้องการ จากนั้นกด CTRL+C และ CTRL+SHIFT+V เพื่อว่างที่เดิม จากนัน้ ลบเลเยอรแ์ รกทิ้ง จากนน้ั จดั ตำแหน่งเลเยอรส์ กนิ ค่ะ วชิ า คอมพิวเตอร์กราฟิกเบ้ืองตน้ ประกาศนียบตั รวิชาชพี (ปวช.1) | 23

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ 6.4 ตอ่ มาตัวสนิ ค้าคะ่ เราจะทำเปน็ สองอัน แต่กอ่ นอนื่ จะทำใหเ้ ป็นกระจกเงากอ่ นคะ่ ใหเ้ ลือกทต่ี ัวสินค้า คะ่ จากนั้นกด CTRL+T เพื่อหมนุ ให้เปน็ 90 องศาคะ่ จากนั้นกด ALT และลากโปรดกั ใหเ้ ป็นอกี ช้นิ ค่ะ และ ทำการ ฟรบิ กลบั ดา้ น จากนั้นทีเ่ ลเยอร์ สองนะคะ ให้ ใชเ้ ร็กแทงกูลา่ สรา้ งเส้นปะสี่เหลี่ยมค่ะให้กินพน้ื ที่ของรูปแรกด้วย วชิ า คอมพวิ เตอร์กราฟิกเบ้ืองตน้ ประกาศนียบัตรวิชาชีพ (ปวช.1) | 24

E-book ประกอบการสอน|การออกแบบโฆษณาสินค้า จากนัน้ ไปท่ี FILTER >> DISTORT >> SHEAR จากนัน้ ปรับให้โค้ง กดโอเค จะเหน็ ว่ามนั ยงั ไมโ่ คง้ รับกับตัวต้นฉบับ ให้เรากด CTRL+F ใช้อีกครั้งนึง กด CTRL+D เพื่อเอาเส้นซีเล็ก ชั่นออก จากนั้นขยับเข้าไปใกล้สินค้าตัวหลัก จากนั้นดึงลงมาไว้ด้านล่าง และเลือกทั้งสองเลเยอร์ กด CTRL+T และหมุนกลบั มาเป็น 90 องศา เหมือนเดมิ ค่ะ วชิ า คอมพิวเตอร์กราฟิกเบ้ืองต้น ประกาศนียบัตรวิชาชีพ (ปวช.1) | 25

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ คา้ ทเี่ ลเยอรท์ ี่ 2 จะปรับใหเ้ ป็นขาวดำก่อน โดย ใหก้ ด CTRL+U คะ่ ปรบั SAT 100 ให้เปน็ ขาวดำ จากนน้ั กดที่ Ad Mark Layer และใช้กาเดีย้ น สไลด์ใหม้ ันกลมกลนื ค่ะ เลือกโหมด Multiply ลด โอปาซิตี้ ด้วยคะ่ จากนั้นจดั ตำแหนง่ ท้งั สองตัวค่ะ ปรับขนาดกระจกเงาสกั เลก็ น้อยกไ็ ดน้ ะคะ ตามความเหมาะสม เลอื กทงั้ สองเลเยอร์คะ่ กด ALT+ลากเม้า เพ่อื ทำการก็อบป้ีค่ะ จากนั้นดงึ ลงมาไวด้ ้านลา่ ง ย่อนดิ นึงและ ปรบั ขนาดทงั้ หมดใหเ้ หมาะสม ปรบั ข้อความเอยี งได้นะคะ สถี ้าไม่เข้า เชน่ สดี ำก็ปรับเปน็ น้ำตาลกไ็ ด้จะได้ซอฟลง วชิ า คอมพิวเตอรก์ ราฟิกเบื้องต้น ประกาศนยี บตั รวิชาชพี (ปวช.1) | 26

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ ตอ่ มาเราจะเอาสนิ ค้าไปให้นางแบบถือค่ะ คลิกท่ีเลเยอรส์ ินคา้ กด ALT+ลากเมา้ คะ่ และนำสินค้าไปวาง ตรงมือ กด CTRL+T เพ่อื ปรับขนาดให้อย่บู รเิ วณมอื ค่ะ จากนนั้ เพื่อความเนียนสร้างเลเยอรใ์ หม่ ใช้ Lasso วงรอบๆนว้ิ เลือกสี Foreground เป็นสีดำ จากนั้นกด ALT+DELETE จากนั้นกด CTRL+D และลากเลเยอร์ลงไป ด้านลา่ งของเลเยอรส์ ินคา้ จากนนั้ ไปที่ Filter >> Blur >> Gaussians Blur ปรบั ขนาดให้มันเบลอออกนิดนงึ วชิ า คอมพิวเตอรก์ ราฟกิ เบ้ืองต้น ประกาศนียบัตรวชิ าชพี (ปวช.1) | 27

E-book ประกอบการสอน|การออกแบบโฆษณาสินคา้ จากนนั้ ก็เลอื กโหมด Multiply ลด โอปาซิต้ี และกด Ctrl+T จดั ตำแหน่งเงาอีกครั้ง เลอื กตัวผหู้ ญงิ ค่ะ เพราะน้ิวชจ้ี ะตอ้ งอยูด่ า้ นบน เพ่ือความเนยี น ให้ปิดตาสินคา้ และเลือกตวั ผู้หญิงคะ่ และ ใช้ Pen tool มารก์ ตรงนิว้ คลกิ ขวา เลือก Make Selection ค่ะ กด Ctrl+C และไปเปดิ ตาสนิ ค้า วิชา คอมพิวเตอรก์ ราฟิกเบ้ืองต้น ประกาศนยี บัตรวชิ าชีพ (ปวช.1) | 28

E-book ประกอบการสอน|การออกแบบโฆษณาสินค้า จากนนั้ ไปทเ่ี ลเยอร์สิ้นคา้ สร้างเลเยอรใ์ หม่ค่ะ และก็ กด Shift+Ctrl+V มันกจ็ ะมาอยู่หน้าตัวสินคา้ คะ่ ปรับตัว คิวอาร์โคท สร้างสีเหลี่ยมสีขาว สโตกสีดำไว้ใต้คิวอาร์โคด จากนั้น รวมเลเยอร์ทั้งสอง ปรับ ตำแหนง่ ตามตอ้ งการ ท่ีสนิ คา้ ยังดซู ดี ๆค่ะ ใหเ้ ลอื กที่สนิ คา้ อนั แรก และก็ CTRL+L เพ่อื ใช้คำสั่ง Level ปรับความสวา่ งนิดนึง วชิ า คอมพิวเตอร์กราฟกิ เบ้ืองตน้ ประกาศนียบตั รวิชาชพี (ปวช.1) | 29

E-book ประกอบการสอน|การออกแบบโฆษณาสินค้า กด CTRL+U เลอื กใชโ้ หมดปรับสี ดึง SAT เพม่ิ ความสด ท้งั สามภาพเลยนะ สร้างราคาสินค้าค่ะ ใช้วงกลมค่ะ ปรับสโตกสีขาว และดรอบชาโดว จากนั้น พิมราคาค่ะ จากนั้นทำ การกร๊ปุ ตั้งชื่อวา่ ราคา จัดตำแหนง่ ให้เหมาะสม ต่อมาตรงสีเหลืองคะ่ เราจะมาทำให้เหมอื นเป็นริบบิน้ เลือก Gradient สีทอง 0 องศา ปรับ ไซต์ และก็ เลือ่ นตรองพรวี วิ และปรบั ใหเ้ หมาะสมค่ะ วชิ า คอมพวิ เตอรก์ ราฟิกเบ้ืองต้น ประกาศนียบตั รวิชาชพี (ปวช.1) | 30

E-book ประกอบการสอน|การออกแบบโฆษณาสนิ ค้า จากน้นั ทำการบนั ทกึ ไฟลเ์ ปน็ นามสกุล JPG คะ่ //แตห่ ากอยากเก็บไฟล์แกไ้ ขไว้ดว้ ยให้บันทกึ ไปนามสกุล PSD ไว้ ดว้ ยก็ไดค้ ะ่ ***************************************************** วชิ า คอมพวิ เตอร์กราฟกิ เบ้ืองตน้ ประกาศนียบัตรวชิ าชีพ (ปวช.1) | 31