หน่วยท่ี 6 งานสร้างแบรนดใ์ ห้กับผลิตภณั ฑด์ จิ ิทลั 191 เอกสารประกอบการเรียน หลกั สูตรประกาศนียบตั รวชิ าชีพช้นั สูง(ปวส.) พุทธศกั ราช 2563 วิชาการสรา้ งแบรนดธ์ ุรกิจดจิ ทิ ลั (Digital Business Branding) รหสั วิชา 30204-2006 หน่วยท่ี 6lสแกนเพื่อข้อสอบ งานสรา้ งแบรนด์ ใหก้ บั ผลติ ภณั ฑด์ จิ ทิ ลั เรียบเรียงโดย นางสาวฐติ พิ ร เตะ๊ หมดั หมะ ตาแหน่ง ครู วิทยฐานะครูชานาญการ วิชาการสรา้ งแบรนด์ธรุ กิจดจิ ิทลั (30204-2006) ผูเ้ รียบเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หนว่ ยที่ 6 งานสรา้ งแบรนดใ์ หก้ บั ผลิตภณั ฑ์ดิจทิ ัล 192 สาระสำคัญ การประยกุ ต์ใช้โปรแกรมสำเร็จรปู ในงานกราฟิกในการสร้างแบรนด์ให้ผลติ ภัณฑ์ดิจทิ ัลมีหลาย โปรแกรม เช่น Photoshop CS6 , Illustrator , Canva และPhotoScape เป็นโปรแกรมที่นิยมใช้กัน มาก โดยสามารถนำมาใช้ในการสร้างภาพกราฟิก แก้ไข ปรับแต่งภาพ ซึ่งสามารถออกแบบงาน ให้ผลิตภัณฑ์ดิจิทัลในลักษณะต่าง ๆ ได้เชน่ งานการออกแบบโลโก้ งานการออกแบบบรรจภุ ัณฑ์ หรือ งานส่ือสิง่ พิมพต์ ่างๆ ได้เป็นตน้ สาระการเรียนรู้ จุดประสงคก์ ารเรียนรู้ 1. เร่ิมต้นใชง้ านกับโปรแกรม 1. อธิบายเริ่มตน้ ใชง้ านกบั โปรแกรม Adobe Photoshop CS6 เบื้องต้น Adobe Photoshop CS6 เบื้องตน้ ได้ 2. ส่วนประกอบของโปรแกรม Adobe 2. อธิบายสว่ นปlรสะแกกอนบเพขอื่อขงโ้อปสรอแบกรม Adobe Photoshop CS6 Photoshop CS6 ได้ 3. การสร้างไฟลง์ านใหม่ 3. สร้างไฟล์งานใหมไ่ ด้ 4. การสรา้ งตัวอกั ษร 4. สร้างตวั อกั ษร ได้ 5. การออกแบบโลโก้ 5. ออกแบบโลโก้ได้ 6. การออกแบบบรรจภุ ัณฑ์ 6. ออกแบบบรรจุภัณฑ์ได้ 7. มเี จตคติ และกจิ นสิ ัยที่ดใี นการปฏิบตั ิงาน ด้วยความรบั ผิดชอบ ซ่ือสัตย์ และละเอียด รอบคอบ สมรรถนะประจำหน่วย 1. ปฏบิ ัตกิ ารสรา้ งแบรนดใ์ ห้กบั ผลติ ภัณฑ์ธรุ กจิ ดิจทิ ลั ได้ 3. การออกแบบบรรจุภัณฑ์ วิชาการสร้างแบรนดธ์ รุ กิจดจิ ิทลั (30204-2006) ผู้เรียบเรยี ง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสรา้ งแบรนดใ์ ห้กบั ผลิตภัณฑ์ดจิ ทิ ลั 193 แบบทดสอบก่อนเรียน หน่วยท่ี 6 เรอื่ ง งานสร้างแบรนดใ์ ห้กับผลติ ภณั ฑ์ธรุ กจิ ดจิ ิทลั คำสั่ง จงทำเคร่ืองหมายกากบาท (X) ทับตัวเลอื กหนา้ คำตอบทถี่ ูกท่สี ุดเพียงคำตอบเดยี ว 1. ข้อใดคือขัน้ ตอนการเรียกใชโ้ ปรแกรม Adobe Photoshop CS6 ก. Start > Adobe Photoshop CS6>All Programs ข. Start > All Programs > Adobe Photoshop CS6 ค. Start > Programs Adobe > Adobe Photoshop CS6 ง. Start > Adobe Master Collection CS6 > Adobe Photoshop CS6 2. ขอ้ ใดคือความหมายของ Title Bar ก. แถบท่ีใช้แสดงชอื่ โปรแกรม ข. แถบกลอ่ งเครอื่ งมือ ค. พ้นื ทกี่ ารทำงาน ง. แถบสถานะ สแกนเพอื่ ทำแบบทดสอบ 3. ข้อใดเป็นการกำหนดค่าความละเอยี ดของไฟล์งาน ก. Preset ข. Width ค. Height ง. Resolution lสแกนเพอื่ ข้อสอบ 4. ขอ้ ใดคือคยี ล์ ัดในการสรา้ งงานใหมค่ ือข้อใด ก. Ctrl + A ข. Ctrl + O ค. Ctrl + N ง. Ctrl + S 5. ขอ้ ใดคือคุณสมบัติของเครื่องมือ Type Tool ใชส้ ำหรบั พิมพต์ วั อักษรแนวนอน ก. ข. ค. ง. วชิ าการสรา้ งแบรนด์ธรุ กิจดจิ ิทลั (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หนว่ ยที่ 6 งานสร้างแบรนด์ใหก้ ับผลติ ภณั ฑ์ดจิ ิทัล 194 6. ข้อใดคือเครือ่ งมือทีส่ รา้ งตัวอักษรในลักษณะแนวตง้ั ก. Path Selection Tool ข. Horizontal Type Tool ค. Horizontal Type Mask Tool ง. Vertical Type Mask Tool 7. การออกแบบโลโกเ้ พ่ืออะไร ก. เพือ่ ใหส้ ินค้ามีคุณภาพ ข. เพอื่ ให้ผูบ้ ริโภคจดจำถงึ องคก์ รหรือผลิตภัณฑ์มากท่สี ุด ค. เพื่อป้องกันไม่ใหส้ นิ คา้ เสยี หายจากการเคลอ่ื นยา้ ย ง. เพ่อื ให้ลูกค้ามีความสนใจในผลิตภัณฑ์ 8. การออกแบบปก Logo ควรมขี นาดเท่าไร ก. 500 x 500 pixels ข. 1080 x 1920 pixels ค. 1080 x 1080 pixels ง. 1920 x 1080 pixels 9. รายละเอยี ดในบรรจภุ ัณฑ์ประกอบไปด้วย ก. ช่อื สนิ คา้ ข. ชอื่ สถานท่ี lสแกนเพือ่ ข้อสอบ ค. ส่วนประกอบ ง. ถกู ทกุ ข้อ 10. ขอ้ ใดคือไฟล์ท่อี อกแบบบรรจุภณั ฑ์ของโปรแกรม Photoshopทสี่ ามารถแก้ไขได้ ก. . PSD ข. . AVI ค. . ACDC ง. . MPEG วชิ าการสร้างแบรนดธ์ ุรกิจดิจิทัล (30204-2006) ผ้เู รียบเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสร้างแบรนด์ให้กับผลติ ภณั ฑ์ดิจิทลั 195 6.1 เร่มิ ต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 เบ้อื งต้น 6.1.1 ขน้ั ตอนการเรียกใชง้ านโปรแกรม Adobe Photoshop CS6 มี 2 วธิ ี 1) เรียกใช้งานโดยคลิกเลอื กปุ่ม Start ดงั นี้ (1) คลกิ เลือกปุ่ม Start ท่ีแถบ Taskbar (2) คลกิ เลือกชุดโปรแกรม (3) คลิกเลือกโปรแกรม Adobe Photoshop CS6 lสแกนเพื่อขอ้ สอบ ภาพท่ี 6.1 การเรยี กใชโ้ ปรแกรม Adobe Photoshop CS6 วชิ าการสร้างแบรนด์ธรุ กจิ ดิจิทัล (30204-2006) ผูเ้ รียบเรียง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสรา้ งแบรนดใ์ หก้ บั ผลติ ภัณฑด์ ิจิทัล 196 2) เรียกใช้งานบน Desktop ดังน้ี (1) ค้นหาไอคอน Adobe Photoshop CS6 บน Desktop (2) ดับเบิลคลิกไอคอน จะปรากฏหน้าต่างโปรแกรม Adobe Photoshop CS6 ภาพท่ี 6.2 หน้าตา่ งโปรแกรม Adobe Photoshop CS6 6.1.2 วธิ ีการออกจากโปรแกรม Adobe Photoshop CS6 มี 3 วิธี 1) คลกิ ปมุ่ ปิด (Close) จากนน้ั คลมกิ ุมเลขอืวากดปา้ ุ่มนอบอนกสุดของหนา้ ตา่ lงสโปแกรแนกเพรมอื่ ขอ้ สอบ 2) คลกิ เลือกคำสัง่ File 3) กดปุ่ม Ctrl + Q (Shortcut Keys) เพ่อื ออกจากโปรแกรม 6.1.3 วธิ กี ารเปิดไฟล์งาน ในการเปดิ ไฟลง์ านเกา่ ขนึ้ มาแกไ้ ขหรือการเปดิ ไฟล์ภาพขึ้นมาใช้งาน จากแหลง่ ข้อมลู ต่าง ๆ เชน่ แฟลชไดรฟ์ (Flash Drive) แผ่นซดี ี กล้องถ่ายภาพ หรือไฟล์ในเคร่ืองคอมพิวเตอร์ซึง่ ขน้ั ตอนการเปิด ไฟล์ภาพมดี งั นี้ 1) คลิกเลือกคำสั่ง File > Open หรือกดปุ่ม Ctrl + O ที่แป้นคีย์บอร์ดเพื่อเปิดไฟล์งาน หรอื ไฟลภ์ าพทตี่ อ้ งการ วชิ าการสรา้ งแบรนดธ์ รุ กจิ ดิจิทลั (30204-2006) ผเู้ รียบเรียง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หน่วยที่ 6 งานสรา้ งแบรนดใ์ ห้กบั ผลิตภัณฑด์ จิ ิทัล 197 1 ภาพท่ี 6.3 การเปิดไฟล์งานหรือไฟล์ภาพโดยใชค้ ำสงั่ Open 2) จะปรากฏหนา้ ต่าง Open จากน้นั คลกิ เลือกไฟล์งานหรือไฟล์ภาพท่ีต้องการ 3) คลกิ ป่มุ Open เพื่อเปดิ ไฟล์ 2 lสแกนเพ่ือขอ้ 3สอบ ภาพที่ 6.4 หน้าตา่ งไฟลข์ องไฟล์ภาพ 6.1.4 การบันทึกไฟล์ภาพ เมื่อสร้างงานหรือทำการตกแต่งแก้ไขไฟลง์ านเรียบร้อยแล้ว สามารถบันทกึ ไฟลง์ านได้หลายรปู แบบ ใหเ้ หมาะกับงานของแต่ละประเภทซึง่ มรี ายละเอยี ดดงั น้ี - File > Save เปน็ การบันทกึ ไฟลง์ านเดิมทีน่ ำมาแก้ไข - File > Save As เปน็ การบันทกึ ไฟลง์ านใหม่ -File > Save As for Web เป็นการบันทึกไฟล์งานที่นำไปใช้กับงานเว็บเพจและเมื่อผู้ใช้ ต้องการบันทึกไฟล์แต่ละรูปแบบแล้วจะต้องมีการตั้งชื่อไฟล์งานให้สอดคล้องและเหมาะสมกับงาน วิชาการสรา้ งแบรนดธ์ รุ กิจดิจิทลั (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หนว่ ยท่ี 6 งานสรา้ งแบรนด์ให้กบั ผลติ ภัณฑด์ ิจทิ ลั 198 ที่สร้างขึ้น และในการบันทึกไฟล์ขั้นตอนนี้เป็นการบันทึกไฟล์งานใหม่ด้วยคำสั่ง File > Save As ซึ่งมขี ้ันตอนดงั นี้ 1) เลือกคำสง่ั File > Save As 1 ภาพท่ี 6.5 การบันทึกไฟล์งาน 2) จะปรากฏหนา้ ต่าง Save As จากนั้นต้ังชอ่ื ไฟล์ File name ทีต่ อ้ งการ 3) เลอื กรปู แบบชนิดของไฟล์ Format ทตี่ อ้ งการ lสแกนเพ่อื ขอ้ สอบ 2 ภาพท่ี 6.6 ข้ันตอนการบันทึกไฟล์งาน 3 4) คลิกป่มุ Save วชิ าการสรา้ งแบรนดธ์ รุ กิจดจิ ิทลั (30204-2006) ผ้เู รียบเรยี ง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ หก้ ับผลิตภณั ฑด์ จิ ทิ ัล 199 7 6.2 สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 12 36 4 5 ภาพที่ 6.7 ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ส่วนประกอบหน้าตา่ งโปรแกรม Adobe Photoshop CS6 มรี ายละเอยี ดดังต่อไปนี้ หมายเลข 1 แถบเมนูคำสง่ั (Menu Bar) lสแกนเพือ่ ขอ้ สอบ หมายเลข 2 แถบตวั เลือก (Option Bar) หมายเลข 3 กลอ่ งเครื่องมือ (Tool Box) หมายเลข 4 พื้นทกี่ ารทำงาน (Work Area) หมายเลข 5 แถบสถานะ (Status Bar) หมายเลข 6 แถบเครอื่ งมือพาเลตต์ (Palette) หมายเลข 7 ปมุ่ ควบคุมการทำงาน (Control Button) สว่ นประกอบหนา้ ต่างโปรแกรม Adobe Photoshop CS6 มรี ายละเอยี ดดังต่อไปน้ี 6.2.1 แถบเมนูคำสั่ง (Menu Bar) เป็นชุดคำสั่งต่าง ๆ สำหรับจัดการไฟล์ในการทำงานกับภาพและปรับค่าต่าง ๆ โดยแบ่งออกเป็น ชุดคำส่ังและการใช้งานเป็นหมวดหมู่ ภาพที่ 6.8 แถบเมนูคำสง่ั (Menu Bar) วิชาการสรา้ งแบรนดธ์ รุ กจิ ดจิ ิทัล (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนด์ใหก้ ับผลิตภณั ฑ์ดจิ ิทลั 200 ตารางที่ 6.1 เมนูคำสั่งและการใชง้ าน การใช้งาน คำสัง่ File ใชจ้ ัดการไฟล์ภาพในลกั ษณะตา่ ง ๆ เช่น การสรา้ งไฟลใ์ หม่ การเปิดไฟล์ การบนั ทึก Edit เปน็ ชุดคำส่ังหมวดหมขู่ องการแกไ้ ขภาพ เช่น การตัด การคัดลอก การวาง Image เปน็ ชดุ คำสัง่ สำหรบั ปรับแต่งสี แสงเงา ความคมชดั และปรับขนาดของภาพ Layer เปน็ ชดุ คำสัง่ จดั การกับเลเยอร์ของภาพ เชน่ การสรา้ งเลเยอรใ์ หม่ การรวมเลเยอร์ Select เปน็ ชดุ คำสั่งจัดการเก่ียวกับการเลือกพน้ื ทีก่ ารทำงานของภาพ Filter เป็นชดุ คำสง่ั ของฟิลเตอร์และรวมเอฟเฟ็กต์ (Effect) ต่าง ๆ ในการปรับแตง่ ภาพ View คำส่ังสำหรับใช้เลอื กภาพแบบการแสดงผล เชน่ การเรียกใช้ไมบ้ รรทดั การแสดงเสน้ กริด (Grid) เสน้ ไกด์ (Guide) การย่อภาพ การขยายภาพ Window คำสั่งในการจดั การพาเลตต์ (Palette) และแถบเครื่องมือต่าง ๆ Help คำสั่งเปิดดขู ้อมูลชว่ ยเหลอื และแนะนำในการทำงานต่าง ๆ 6.2.2 แถบตัวเลือก (Option Bar) เป็นแถบสำหรับกำหนดค่าการทำงานของเครื่องมือที่กำลังใช้งานอยู่ ซึ่งมีรูปแบบแตกต่างกนั ตามลักษณะของเครื่องมือที่เลือกใช้ เช่น กรณีเลือกใช้เครื่องมือ Custom Shape Tool ให้สังเกตตรง สว่ นของแถบตวั เลือกจะเปล่ยี นไปตามเคร่ืองมือที่ไดเ้ ลอื ก lสแกนเพอื่ ข้อสอบ ภาพท่ี 6.9 แถบตวั เลอื ก (Option Bar) 6.2.3 กลอ่ งเคร่อื งมือ (Tool Box) เป็นชุดกล่องเครื่องมือที่ใช้จัดการไฟล์ภาพที่สร้างขึ้น ซึ่งประกอบด้วยเครื่องมือต่าง ๆ ที่จำเป็นต่อการใช้งานจำนวนมากจึงมีการรวมเครื่องมือที่ทำหน้าที่คล้ายกันไว้ในกลุ่มเดียวกัน โดยจะมสี ญั ลักษณ์สามเหล่ียมสีดำ อยู่ท่ีมุมล่างขวาเพ่ือเป็นการบอกใหท้ ราบว่ามีเครื่องมือตัวอ่ืนอยู่อีก โดยมีการแบง่ ออกเปน็ ลกั ษณะของกลุ่มเครอื่ งมือดังนี้ วิชาการสร้างแบรนดธ์ รุ กิจดจิ ิทัล (30204-2006) ผเู้ รียบเรยี ง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หนว่ ยที่ 6 งานสรา้ งแบรนดใ์ หก้ บั ผลิตภัณฑ์ดิจิทัล 201 Marquee Tool Move Tool Lasso Tool Quick Selection Crop Tool Eyedropper Healing Brush Tool Brush Tool Clone Stamp Tool History Brush Tool Linear Gradient Tool Eraser Tool Dodge Tool Blur Tool Type Tool Pen Tool Shape Tool Path Selection Tool Zoom Tool Hand Tool Background Foreground กำหนดมุมมองหน้าตา่ ง Quick Mask ภาพท่ี 6.10 กล่องเครื่องมือ (Tool Box) 6.2.4 พ้นื ทีก่ ารทำงาน (Work Area) lสแกนเพ่อื ข้อสอบ เป็นพื้นที่ว่างสำหรับใช้ในการสร้างงานกราฟิก โดยสามารถเปิดไฟล์รูปภาพเพื่อนำมาแก้ไข ปรับแตง่ ย่อหรอื ขยายขนาดภาพภายในพ้ืนทกี่ ารทำงานได้อย่างอิสระ ภาพท่ี 6.11 พื้นที่การทำงาน (Work Area) วชิ าการสร้างแบรนดธ์ รุ กิจดิจทิ ลั (30204-2006) ผเู้ รียบเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หนว่ ยที่ 6 งานสร้างแบรนดใ์ หก้ ับผลติ ภัณฑ์ดจิ ทิ ัล 202 6.2.5 แถบเคร่ืองมือพาเลตต์ (Palette) 1) วิธีการเรยี กใชง้ านเครอื่ งมือพาเลตต์ (Palette) ตา่ ง ๆ การเรียกใช้งานพาเลตต์ (Palette) จะมกี ารเรยี กใช้งานเหมือนกนั โดยคลกิ เลอื กเมนูคำส่ัง Windows แล้วคลิกเลอื กช่ือพาเลตต์ (Palette) ที่ต้องการ จากนั้นจะแสดงเครื่องหมายถูก หน้าพาเลตต์ (Palette) ทีเ่ ลือกใช้งาน ภาพท่ี 6.12 แถบเครือ่ งมือพาเลตต์ (Palette) 6.2.6 แถบสถานะ (Status Bar) เปน็ สว่ นทีแ่ สดงเปอรเ์ ซ็นต์ (Percent) การย่อหรอื การขยายภาพรวมถงึ ข้อมูลเก่ียวกบั ภาพในวินโดวน์น้ันซึ่งข้ึนอย่กู บั ออปชนั่ (Option) ที่เลือกในเมนู lสแกนเพือ่ ขอ้ สอบ ภาพท่ี 6.13 แถบสถานะ (Status Bar) วชิ าการสรา้ งแบรนด์ธรุ กจิ ดิจิทัล (30204-2006) ผเู้ รยี บเรียง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หน่วยท่ี 6 งานสร้างแบรนดใ์ หก้ ับผลิตภัณฑ์ดจิ ทิ ัล 203 6.2.7 ปุ่มควบคุมการทำงาน (Control Button) ทำหน้าที่ควบคุมหน้าต่างการทำงานโดยสามารถ ปิดโปรแกรมเมื่อไม่ต้องการใช้งาน ย่อหน้าต่างโปรแกรมให้เล็กลงตามต้องการ และกรณีใช้งานร่วมกับ โปรแกรมอ่นื ๆ ซง่ึ ประกอบด้วย ปุ่มย่อ (Minimize) ปุ่มขยาย (Maximize/Restore) ปุ่มปดิ (Close Button) ตารางท่ี 6.2 ปมุ่ ควบคมุ การทำงาน (Control Button) การใชง้ าน ชื่อปุ่มควบคุม Maximize/Restore ย่อหนา้ ต่างโปรแกรม Minimize ขยายหน้าต่างโปรแกรม Close Button ปิดหน้าตา่ งโปรแกรม 6.3 การสร้างไฟล์งานใหม่ 6.3.1 ขั้นตอนการสรา้ งไฟลง์ านใหม่ เป็นการสร้างไฟล์งานว่าง ๆ โดยสามารถกำหนดขนาดรายละเอียดให้ตรงกับความต้องการตามการ ใช้งาน โดยคลิกเลือกคำสัง File > New หรือกดปุ่ม Ctrl + N จากนั้นจะปรากฏหน้าต่าง การกำหนด คุณสมบัติการสร้างไฟล์งานใหม่ lสแกนเพ่ือขอ้ สอบ ภาพท่ี 6.14 แสดงขั้นตอนการสรา้ งไฟล์งานใหม่ วิชาการสร้างแบรนด์ธรุ กิจดิจทิ ลั (30204-2006) ผเู้ รียบเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนด์ใหก้ บั ผลิตภณั ฑด์ ิจทิ ลั 204 1 2 3 4 56 76 ภาพที่ 6.15 หน้าต่างการกำหนดคุณสมบัติการสรา้ งไฟลง์ านใหม่ 6.3.2 การกำหนดคณุ สมบตั ิการสร้างไฟลง์ านใหม่ ตารางท่ี 6.3 การกำหนดคุณสมบัติการสรา้ งไฟล์งานใหม่ คณุ สมบัติ ความหมาย 1. Name การต้ังชื่อไฟลง์ านใหม่ 2. Preset รูปแบบมาตรฐานของโปรแกรมที่กำหนดไว้ ซง่ึ มีหลายขนาดให้เลือกเช่น Custom, International Paper, Web เป็นตน้ lซส่ึงแผกูใ้ ชนส้เพามอื่ าขรอ้ ถสกอำบหนดได้ ตามตอ้ งการ 3. Width การกำหนดขนาดความกว้างไฟลง์ านใหม่ 4. Height การกำหนดขนาดความสูงไฟล์งานใหม่ 5. Resolution การกำหนดค่าความละเอียดของไฟล์งาน ถ้ากำหนดค่าความละเอียดมาก จะ ทำใหไ้ ฟลง์ านที่ไดม้ ีความคมชัดมาก ส่วนหน่วยวดั ความละเอยี ด จะประกอบด้วย Pixels/Inch และ Pixels/Centimeter 6. Color Mode การกำหนดของโหมดสีการทำงานท่ตี ้องการ ประกอบด้วย RGB Color, CMYK Color, Bitmap, Grayscale, Lab Color ซึ่งผใู้ ช้สามารถกำหนดตามรปู แบบที่ตอ้ งการ 7. Background Contents การกำหนดสพี ้นื หลงั ซ่งึ สามารถกำหนดคุณสมบตั ไิ ดด้ งั น้ี 1) White กำหนดให้พืน้ มสี ีขาว 2) Background Color กำหนดใหพ้ น้ื เปน็ สีเดียวกบั พนื้ หลงั ท่เี ลือกหรือกรณีเปลยี่ นสีพน้ื ก็จะเปลีย่ นสีตามที่ผใู้ ช้กำหนดข้ึนมา 3) Transparent กำหนดให้พนื้ โปรง่ ใส วิชาการสร้างแบรนด์ธรุ กจิ ดิจิทัล (30204-2006) ผูเ้ รยี บเรยี ง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสรา้ งแบรนดใ์ หก้ บั ผลติ ภัณฑด์ ิจิทลั 205 6.4 การสรา้ งตัวอกั ษร การสร้างตัวอักษรสามารถสร้างในลักษณะต่าง ๆ เพื่อให้เหมาะสมกับลักษณะงานที่ออกแบบ โดยสามารถสรา้ งด้วยกลมุ่ เครอ่ื งมอื Text โดยใช้คำส่งั Type Tool ซง่ึ มจี ำนวน 4 รูปแบบดังน้ี ตารางท่ี 6.4 คุณสมบตั ิของเครอื่ งมอื Type Tool เครอ่ื งมือ คุณสมบัติ Horizontal Type Tool ใช้สำหรับพิมพต์ ัวอกั ษรแนวนอน Vertical Type Tool ใชส้ ำหรบั พมิ พต์ วั อักษรแนวตั้ง Horizontal Type Mask Tool ใชส้ ำหรับพมิ พ์ตัวอักษรเลือกพน้ื ทเี่ ปน็ ข้อความแนวนอน Vertical Type Mask Tool ใชส้ ำหรับพิมพ์ตัวอักษรเลือกพน้ื ท่เี ป็นข้อความแนวตง้ั 6.4.1 การกำหนดรูปแบบของตวั อักษร สามารถเลือกเครื่องมือกำหนดรูปแบบของตัวอักษร โดยผู้ใช้จะต้องทำงานกับตัวอักษรหรือข้อความโดย คลิกเลือกเครื่องมือ Type Tool ซึ่งจะสามารถแสดงเครื่องมือการกำหนดค่ารูปแบบตัวอักษรได้และสามารถ กำหนดรูปแบบได้จำนวน 2 ส่วน คือ พาเลตต์ Character และพาเลตต์ Paragraph lสแกนเพ่ือข้อสอบ 68 1 2 3 45 7 ภาพท่ี 6.16 เคร่ืองมือกำหนดรูปแบบตัวอกั ษรบนแถบตัวเลอื ก วิชาการสรา้ งแบรนดธ์ ุรกิจดจิ ทิ ัล (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสร้างแบรนด์ให้กับผลิตภณั ฑ์ดจิ ิทลั 206 ตารางท่ี .5 คุณสมบตั ขิ องเครื่องมือจดั รูปแบบตัวอักษรบนแถบตวั เลือก เครอ่ื งมอื คณุ สมบัติ หมายเลข 1 การกำหนดรปู แบบตวั อักษร หมายเลข 2 การกำหนดลกั ษณะสไตล์ (Style) ตวั อักษร หมายเลข 3 การกำหนดขนาดตัวอักษร หมายเลข 4 การกำหนดลกั ษณะตัวอักษร หมายเลข 5 การจดั ตำแหน่งตัวอกั ษร หมายเลข 6 กำหนดสตี ัวอกั ษร หมายเลข 7 การปรบั แต่งรูปแบบตัวอักษร หมายเลข 8 การเปดิ /ปิดพาเลตต์ 6.4.2 การสร้างและแก้ไขตวั อักษร การสร้างตัวอักษร สามารถสร้างตัวอักษรในลักษณะต่าง ๆ จากเครื่องมือในกลุ่ม Text เพื่อให้ ได้งานกราฟิกตรงตามความต้องการ โดยคลิกเลือกเครื่องมือ Tool Box สร้างตัวอักษรหรือข้อความ จำนวน 4 รปู แบบดงั น้ี ภาพท่ี 6.17 เคร่ืองมือกลุ่มสรา้ งตวั อกั ษร Type Tool 1) การสร้างตัวอักษร Horizontal Type Tool คือ เป็นการพิมพ์ตัวอlักสษแรกแนนเพวนือ่ อขนอ้ เสหอมบือนกับการ พมิ พ์ตัวอกั ษรหรือข้อความธรรมดาทว่ั ไป ซึง่ มีขน้ั ตอนดังนี้ (1) กำหนดพน้ื ที่การทำงานตามตอ้ งการ (2) คลกิ เลือกเคร่ืองมือ Horizontal Type Tool 2 ภาพท่ี 6.18 แสดงการเลือกเครื่องมือ Horizontal Type Tool (3) คลกิ เมาส์บนพื้นที่การทำงานแลว้ พิมพข์ ้อความ “Brand” จากนนั้ คลิกเลือกข้อความหรือ ดบั เบิลคลกิ เมาสท์ ่ีเลเยอร์ตรงสัญลกั ษณต์ วั T วชิ าการสรา้ งแบรนด์ธรุ กิจดจิ ิทลั (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ หก้ บั ผลติ ภัณฑด์ จิ ทิ ัล 207 3 ภาพที่ 6.19 การสรา้ งตัวอักษรด้วยเคร่ืองมอื Horizontal Type Tool (4) ทำการกำหนดรูปแบบตัวอักษร = Rage Italic ขนาดตวั อักษร=72 px กำหนดสี ตวั อกั ษร = สีเหลืองทอง บนแถบเคร่ืองมือตวั เลือก 4 ภาพที่ 6.20 ผลลพั ธ์ที่ได้หลังจากกำหนดรปู แบบตวั อักษร ขน้ั ตอนดังน้ี 2) การสร้างตัวอักษร Vertical Type Tool คือ เป็นการพิมพ์ตัวอักษรแบบแนวตั้ง ซึ่งมี (1) กำหนดขนาดกระดาษตามต้องการสำหรบั สรา้ งตวั อักษร (2) คลกิ เลือกเครอ่ื งมือ Vertical Type Tool 2 lสแกนเพื่อข้อสอบ ภาพท่ี 6.21 การเลือกเคร่ืองมอื Vertical Type Tool (3) คลิกเมาส์บนพื้นที่การทำงาน แล้วพิมพ์ข้อความ “Business Computer”จากนั้น คลิกเลือกข้อความหรือดบั เบลิ คลิกเมาส์ท่ีเลเยอรต์ รงสัญลักษณ์ตวั T 3 ภาพท่ี 6.22 ขน้ั ตอนการพิมพข์ ้อความ ผู้เรยี บเรียง : นางสาวฐิติพร เต๊ะหมดั หมะ วชิ าการสรา้ งแบรนดธ์ รุ กิจดจิ ิทัล (30204-2006)
หน่วยที่ 6 งานสร้างแบรนด์ให้กับผลิตภณั ฑ์ดิจทิ ัล 208 (4) จากนั้นกำหนดรูปแบบตัวอักษร = DSN Poppy ขนาดตัวอักษร =180 px กำหนดสี ตวั อกั ษร = สีแดง บนแถบเคร่ืองมือแถบตัวเลือก 4 ภาพที่ 6.23 การกำหนดรปู แบบตัวอกั ษร ภาพท่ี 6.24 ผลลพั ธ์ที่ไดห้ ลังจากกำหนดรูปแบบตัวอักษร 3) การสร้างตัวอักษร Horizontal Type Mask Tool คือ การพิมพ์ตัวอักษรแบบเลือก แนวนอน ซ่งึ มีข้นั ตอนดงั น้ี lสแกนเพือ่ ข้อสอบ (1) กำหนดขนาดกระดาษตามต้องการสำหรับสร้างตัวอักษร (2) คลกิ เลือกเครือ่ งมือ Horizontal Type Mask Tool 2 ภาพที่ 6.25 การเลือกเครือ่ งมือ Horizontal Type Mask Tool วิชาการสร้างแบรนด์ธุรกจิ ดจิ ิทลั (30204-2006) ผเู้ รียบเรยี ง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หน่วยท่ี 6 งานสรา้ งแบรนด์ใหก้ บั ผลิตภัณฑด์ จิ ิทัล 209 (3) คลกิ เมาส์บนพืน้ ทกี่ ารทำงาน จะปรากฏพืน้ หลงั เปน็ สีแดง จากนั้นพิมพ์ข้อความ “DBT YTC” และจดั รปู แบบตัวอกั ษร ปรับขนาดตัวอักษร และจัดตำแหนง่ ข้อความบนแถบเครอ่ื งมือตัวเลือก 3 ภาพท่ี 6.26 ทำการพิมพ์ข้อความบนพ้ืนที่การทำงาน (4) คลิกที่เครื่องมือ Move Tool จะแสดงข้อความ “DBT YTC” เป็นข้อความ เสน้ ประ 4 ภาพท่ี 6.27 แสดงข้อความเป็นเส้นประ (5) กำหนดสีข้อความในที่นี้เลือกสี Foreground เป็นสlีแสแดกงนแเลพะอ่ื เขลอ้ ือสกอสบีพื้นหลัง Background เปน็ สเี หลอื ง 5 ภาพที่ 6.28 การเลอื กสี Foreground (6) จากนั้นทำการไล่เฉดสีข้อความดว้ ยเครอ่ื งมือ Gradient Tool วิชาการสรา้ งแบรนดธ์ ุรกิจดจิ ทิ ัล (30204-2006) ผู้เรยี บเรียง : นางสาวฐติ ิพร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสรา้ งแบรนดใ์ หก้ ับผลิตภณั ฑด์ จิ ทิ ัล 210 6 ก. เลอื กเครื่องมือ Gradient Tool ข. แสดงผลลพั ธ์การไลเ่ ฉดสขี ้อความ ภาพที่ 6.29 ผลลพั ธ์หลังใชเ้ คร่ืองมือ Gradient Tool 4) การสร้างตัวอักษร Vertical Type Mask Tool คอื พมิ พ์ตัวอกั ษรแบบ Select แนวตงั้ ซงึ่ มขี ้ันตอนดังน้ี 1 (1) กำหนดพ้นื ที่การทำงานตามต้องการ (2) คลิกเลือกเครื่องมือ Vertical Type Mask Tool 2 lสแกนเพื่อข้อสอบ ภาพท่ี 6.30 การเลือกเครื่องมือ Vertical Type Mask Tool (3) คลกิ เมาสบ์ นพนื้ ท่กี ารทำงานจะปรากฎพื้นหลังเป็นสีแดง จากนนั้ พิมพ์ข้อความ “DBT YTC” และจัดรูปแบบตัวอักษร ปรบั ขนาดตวั อกั ษร และจัดตำแหนง่ ขอ้ ความบนแถบตัวเลอื ก 3 ภาพที่ 6.31 ทำการพิมพ์ข้อความบนพน้ื ที่การทำงาน วชิ าการสรา้ งแบรนด์ธรุ กิจดิจทิ ัล (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ ห้กับผลิตภณั ฑ์ดิจิทลั 211 จะแสดงขอ้ ความ “DBT YTC” เปน็ ขอ้ ความเสน้ ประ (4) คลกิ ท่เี ครอ่ื งมอื Move Tool 4 ภาพท่ี 6.32 ขอ้ ความเปน็ เส้นประ (5) กำหนดสีข้อความสี Foreground เปน็ สแี ดงและเลอื กสีพนื้ หลัง Background เป็นสี เหลือง 5 ภาพที่ 6.33 การกำหนดสี Foreground และ Background lสแกนเพอื่ ขอ้ สอบ (6) ทำการไล่เฉดสีขอ้ ความดว้ ยเครอื่ งมอื ไล่เฉดสี Gradient Tool 6 ก. เลอื กเคร่ืองมือ Gradient Tool ข. แสดงผลลพั ธ์การไล่เฉดสีข้อความ ภาพที่ 6.34 ผลลัพธ์หลังใช้เครือ่ งมือ Gradient Tool วิชาการสรา้ งแบรนด์ธรุ กิจดจิ ทิ ัล (30204-2006) ผเู้ รียบเรียง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หน่วยที่ 6 งานสรา้ งแบรนดใ์ ห้กบั ผลิตภณั ฑ์ดิจทิ ลั 212 5) การแก้ไขตัวอักษร เมื่อพิมพ์ตัวอักษรหรือข้อความตามต้องการเรียบร้อยแล้วในกรณีพิมพ์ผิดก็ สามารถแก้ไขตัวอักษรหรือข้อความด้วยเครื่องมือ Type Tool เช่น การพิมพ์ตัวอักษรแบบแนวนอน Horizontal Type Tool หรอื การพมิ พ์ตวั อกั ษรแบบแนวตัง้ Vertical Type Tool ซ่ึงมขี ัน้ ตอนดงั นี้ 1) เปิดไฟลง์ านที่ต้องการแก้ไขขอ้ ความ 2) คลิกเลือกเคร่ืองมือ Horizontal Type Tool 12 ภาพท่ี 6.35 การเลือกใช้เครอ่ื งมือ Type Tool 3) คลิกเลือกเครื่องมือ Horizontal Type Tool จากนั้นนำเมาส์วางตรงตำแหน่ง ข้อความที่จะแก้ไขจะปรากฏสัญลกั ษณ์ 4) คลิกเลือกตำแหน่งที่ต้องการแก้ไข จากนั้นจัดรูปแบบข้อความ ปรับขนาดข้อความและสี ข้อความไดต้ ามความตอ้ งการ 34 lสแกนเพอ่ื ขอ้ สอบ ก. แสดงขอ้ ความก่อนการแก้ไข ข. ผลลพั ธจ์ ากการแก้ไขข้อความ ภาพที่ 6.36 จดั รปู แบบข้อความ ปรบั ขนาดข้อความและสี 6.4.3 การตกแตง่ ขอ้ ความด้วย Layer Style เป็นการตกแต่งข้อความซึ่งสามารถกำหนดได้หลายรูปแบบ เช่น การใส่เส้นขอบข้อความ การไล่เฉดสีข้อความ การเพิ่มเงาข้อความ การเพิ่มลวดลายข้อความ และสามารถเพิ่มเติมหรือกำหนดค่าใน ลกั ษณะตา่ ง ๆ ซ่ึงมีขั้นตอนดงั นี้ 1) สร้างพ้นื ทก่ี ารทำงาน จากนน้ั สรา้ งเลเยอร์ขอ้ ความแล้วพิมพค์ ำวา่ “Brand” 1 ภาพท่ี 6.37 การพิมพ์ขอ้ ความทีต่ อ้ งการ วชิ าการสรา้ งแบรนด์ธุรกิจดิจทิ ัล (30204-2006) ผู้เรียบเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนดใ์ ห้กับผลิตภัณฑด์ ิจิทลั 213 2) คลิกเลือกสัญลักษณ์ จะปรากฏ Layer Style แบบต่าง ๆ จากนั้นคลิกคำสั่ง Blending Options เพ่ือกำหนดเลอื ก Layer Style ตามตอ้ งการ 2 2 ภาพท่ี 8.38 การกำหนด layer Style ดว้ ยคำสง่ั Blending Options 3) จะปรากฎหนา้ ตา่ งของ Layer Style จากนั้นคลิกเลือก Styles และปรบั แต่งคา่ 4) คลิกป่มุ OK 4 lสแกนเพื่อขอ้ สอบ 3 ภาพท่ี 6.39 หน้าตา่ งการกำหนดคุณสมบตั ิ Layer Style วิชาการสรา้ งแบรนดธ์ รุ กิจดจิ ิทัล (30204-2006) ผ้เู รยี บเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสร้างแบรนดใ์ หก้ บั ผลิตภัณฑ์ดิจิทลั 214 ตารางที่ 6.6 การกำหนดคา่ และตกแตง่ ดว้ ย Layer Style แบบตา่ ง ๆ การกำหนดคา่ Layer Style รูปแบบและผลลัพธ์ท่ไี ด้ Drop Shadow การสร้างเงาแบบตกลงพื้น ซึ่งเป็นการ เพิ่มเงาให้กับข้อความลักษณะของเงาจะเป็นการเพิ่มกับ ส่วนภายนอกของขอ้ ความ Outer Glow การสร้างเงาแบบฟุ้งกระจาย ซึ่งเป็นการ เพิ่มแสงให้กับข้อความ ลักษณะของแสงจะเป็นการเพ่ิม กับสว่ นภายนอกของขอ้ ความ Patten Overlay การเติมลวดลายให้กับวัตถุ lสแกนเพอื่ ขอ้ สอบ Gradient Overlay การไล่เฉดสีให้กบั ข้อความ วชิ าการสรา้ งแบรนดธ์ ุรกิจดิจิทลั (30204-2006) ผ้เู รยี บเรียง : นางสาวฐิติพร เต๊ะหมดั หมะ
หนว่ ยที่ 6 งานสร้างแบรนด์ใหก้ ับผลิตภัณฑด์ ิจิทัล 215 การกำหนดคา่ Layer Style รูปแบบและผลลัพธ์ทไ่ี ด้ Stroke การใส่สเี สน้ ขอบใหก้ ับข้อความ Bevel and Emboss การเพิ่มระดับให้กับข้อความ เช่น ความนูน ความโค้ง ความลึก ความเอียงโดยการใช้แสง และเงา ซง่ึ สามารถกำหนดคา่ ได้ 2 แบบ คอื 1) contour คือ ตวั ปรบั แต่งรูปแบบการนนู ของวัตถุ 2) Texture คือ ตัวเติมลวดลายให้กบั วตั ถุ Color Overlay การเพมิ่ สใี หก้ ับขอ้ ความ z lสแกนเพ่อื ขอ้ สอบ Satin การเพ่ิมลวดลายให้กบั ขอ้ ความ Inner Glow การเพิม่ แสงใหก้ บั ข้อความ ลักษณะของแสง จะเป็นการเพ่ิมกบั ส่วนภายในของขอ้ ความ วิชาการสร้างแบรนดธ์ รุ กิจดิจทิ ลั (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนด์ใหก้ ับผลิตภัณฑ์ดิจิทัล 216 การกำหนดคา่ Layer Style รูปแบบและผลลัพธ์ทไ่ี ด้ Stroke การใสส่ ีเสน้ ขอบให้กับข้อความ Bevel and Emboss การเพิ่มระดับให้กับข้อความ เช่น ความนูน ความโค้ง ความลึก ความเอียงโดยการใช้แสง และเงา ซง่ึ สามารถกำหนดคา่ ได้ 2 แบบ คอื 1) contour คือ ตวั ปรับแต่งรูปแบบการนนู ของวัตถุ 2) Texture คือ ตวั เตมิ ลวดลายใหก้ ับวัตถุ 6.5 การออกแบบโลโก้ 6.5.1 การออกแบบโลโก้ (Logo Design) คือ การออกแบบโลโก้ หรือตราสนิ ค้า ถอื เป็นการออกแบบ ที่สำคัญมากที่สุดสำหรับการออกแบบแบรนด์ เพราะโลโก้หรือตราสินค้าจะผลตlส่อแกกานรรเพับ่อื รขู้แอ้ บสรอนบด์ (Brand Awareness) และการจดจำแบรนดข์ องลกู ค้า 6.5.2 หลักการสำคัญในการออกแบบโลโก้ ให้สวยงาม ตรงความต้องการของกลุ่มเป้าหมายต้องมี หลกั การดงั น้ี 1) โลโกท้ ดี่ ีต้องมีเอกลักษณแ์ ละจดจำไดง้ ่าย 2) เลอื กใช้สที เ่ี หมาะสมและควรใช้สีอย่างนอ้ ย 3-4 สีเท่าน้ัน 3) ไม่ควรใช่ใช้เอฟเฟ็กต์ในโลโกม้ ากเกินไปเพราะจะทำให้ไม่นา่ สนใจ 4) การออกแบบมีความเรียบง่าย มีความหมายชัดเจนสอดคลอ้ งกบั ธุรกจิ หรือผลติ ภัณฑ์น้ัน ๆ วชิ าการสร้างแบรนด์ธรุ กิจดจิ ทิ ัล (30204-2006) ผู้เรยี บเรียง : นางสาวฐิติพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ ห้กบั ผลิตภัณฑด์ ิจทิ ัล 217 ในตัวอย่างนี้จะเป็นการออกแบบโลโก้โดยใช้เครื่องมือจากหน่วยการเรียนต่าง ๆ มาประยุกต์ใช้ ในการออกแบบให้มีความสวยงาม ถูกต้อง ตามหลักองค์ประกอบศิลป์และตามหลักการจัดองค์ประกอบของงาน กราฟกิ ภาพที่ 6.40 ตัวอยา่ งการออกแบบโลโก้ 6.5.3 ขน้ั ตอนการออกแบบโลโก้ มีวิธีการดังนี้ 1) คลิกเลอื กคำส่งั File > New หรอื กดปุม่ Ctrl + N เพอื่ สรา้ งพืน้ ท่กี ารทำงาน จากนัน้ จะปรากฏหนา้ ตา่ ง New ทำการกำหนด lสแกนเพื่อข้อสอบ 1 ภาพท่ี 6.41 การสรา้ งพื้นที่การทำงานโดยใชค้ ำสั่ง New วชิ าการสรา้ งแบรนดธ์ ุรกจิ ดิจิทัล (30204-2006) ผู้เรียบเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนดใ์ ห้กับผลิตภัณฑด์ จิ ทิ ัล 218 2) กำหนดค่ารายละเอยี ดของพนื้ ท่ีทำงานดงั นี้ ตั้งชอ่ื ไฟล์ Name : Logo กำหนดความกวา้ ง Width : 500 pixel กำหนดความสูง Height : 500 pixel กำหนดความละเอียด Resolution : 72 pixels/Inch กำหนดโหมดสี Color Mode : RGB Color กำหนดใหพ้ นื้ Background Color : Transparent 3) คลกิ ป่มุ OK 3 2 ภาพท่ี 6.42 หนา้ ต่างกำหนดคา่ รายละเอียดของพ้ืนทก่ี ารทำงlสานแกนเพ่ือข้อสอบ 4) จะปรากฎพน้ื ทก่ี ารทำงาน ภาพท่ี 8.43 หนา้ ต่างพื้นทที่ ำงาน ผู้เรยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ วชิ าการสร้างแบรนด์ธรุ กจิ ดจิ ทิ ัล (30204-2006)
หนว่ ยท่ี 6 งานสรา้ งแบรนดใ์ หก้ ับผลิตภณั ฑด์ ิจทิ ัล 219 5) คลกิ เลือกใชเ้ คร่ืองมือ Ellipse Tool เพอ่ื สร้างสร้างโลโก้ 5 ภาพที่ 6.44 การเลือกใช้เครื่องมือ Ellipse Tool 7) นำเมาส์มาวางบนพื้นที่ทำงาน จากน้ันกดปุ่ม Shift คา้ งไว้ พรอ้ มวาดภาพบนพน้ื ทท่ี ำงาน โดยการกดเมาสซ์ ้ายค้างไวแ้ ล้ววาดภาพตามขนาดท่ตี อ้ งการ lสแกนเพ่อื ข้อสอบ 6 ภาพท่ี 6.45 ผลลพั ธห์ ลังจากการวาดดว้ ยเคร่อื งมอื Ellipse Tool วชิ าการสรา้ งแบรนด์ธรุ กจิ ดิจทิ ัล (30204-2006) ผูเ้ รียบเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสรา้ งแบรนดใ์ หก้ ับผลติ ภัณฑ์ดิจิทัล 220 7) คลกิ เลือกเลเยอร์ “Ellipse 1” จากนนั้ กดปุม่ Ctrl + J เพอ่ื คดั ลอกเลเยอร์ 7 ก. ภาพกอ่ นคัดลอกเลเยอร์ ข. ภาพหลังคัดลอกเลเยอร์ ภาพท่ี 6.46 ขน้ั ตอนการคัดลอกเลเยอร์ 8) เปลย่ี นช่อื เลเยอร์ “Ellipse 1 copy” ใหเ้ ปน็ เลเยอร์ “Ellipse 2” เพ่อื ความสะดวกให้ง่ายต่อ การจัดการกบั เลเยอรแ์ ละการออกแบบโลโก้ lสแกนเพอ่ื ข้อสอบ 8 ก. กอ่ นเปลีย่ นช่ือเลเยอร์ ข. หลงั เปลย่ี นชอื่ เลเยอร์ ภาพที่ 6.47 ขั้นตอนการเปลี่ยนชอื่ เลเยอร์ วชิ าการสรา้ งแบรนดธ์ ุรกิจดิจิทัล (30204-2006) ผเู้ รยี บเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หนว่ ยที่ 6 งานสรา้ งแบรนดใ์ ห้กับผลติ ภณั ฑ์ดจิ ทิ ลั 221 9) ดับเบิลคลิกเมาสซ์ ้ายข้างหน้าเลเยอร์ “Ellipse 2” 9 ภาพท่ี 6.48 ทำการดับเบลิ คลิกเลเยอรท์ ี่ต้องการ 10) จะปรากฏหนา้ ต่าง Color Picker (Solid Color) จากน้นั เลอื กสีตามต้องการ 11) คลิกปุ่ม OK 10 11 lสแกนเพ่อื ขอ้ สอบ ภาพที่ 6.49 ทำการเลือกสีที่ต้องการ วิชาการสรา้ งแบรนดธ์ ุรกจิ ดิจทิ ลั (30204-2006) ผูเ้ รยี บเรียง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หน่วยท่ี 6 งานสรา้ งแบรนดใ์ หก้ ับผลติ ภัณฑ์ดจิ ทิ ัล 222 12) ทำการจดั วางเลเยอร์ “Ellipse 2” ซ้อนทับบนเลเยอร์ “Ellipse 1” แล้วกดปมุ่ Ctrl + T เพอ่ื ปรบั ลดขนาดภาพให้เล็กกวา่ เลเยอร์ “Ellipse 1” จากนนั้ ทำการจัดวางภาพใหเ้ หมาะสม 12 ภาพท่ี 6.50 การปรับลดขนาดเลเยอร์ “Ellipse 2” 13) คลิกเลอื กใชเ้ ครอ่ื งมือ Rounded Retangle Tool เพือ่ สร้างสร้างโลโก้ 13 ภาพที่ 6.51 การเลือกใชเ้ คร่ืองมือ Rounded Retanglelสแกนเพื่อข้อสอบ 7) นำเมาสม์ าวางบนพ้ืนท่ที ำงาน จากนัน้ กดปมุ่ Shift คา้ งไว้ พร้อมวาดภาพบนพน้ื ทีท่ ำงาน โดยการกดเมาส์ซา้ ยค้างไว้แล้ววาดภาพตามขนาดที่ตอ้ งการ 13) คลกิ เลือกเครอ่ื งมอื Horizontal Type Tool เพื่อสร้างข้อความ 14 ภาพที่ 6.52 ผลลพั ธห์ ลงั จากการวาดดว้ ยเครอ่ื งมอื วิชาการสรา้ งแบรนดธ์ ุรกิจดจิ ิทลั (30204-2006) ผเู้ รียบเรยี ง : นางสาวฐิตพิ ร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสร้างแบรนดใ์ ห้กับผลิตภัณฑด์ ิจทิ ลั 223 14) คลกิ เลอื กเครื่องมอื Horizontal Type Tool เพื่อสรา้ งข้อความ 14 ภาพท่ี 6.53 การเลอื กใช้เครื่องมือ Type Tool 15) พิมพ์ข้อความชื่อร้าน ชื่อสินค้า เบอร์โทรศัพท์ จากนั้นเปลี่ยนรูปแบบข้อความ ปรับขนาด เปลี่ยนสีจัดวางขอ้ ความให้สวยงามตามความเหมาะสม 15 lสแกนเพื่อขอ้ สอบ ภาพที่ 6.54 ทำการพิมพ์ข้อความในโลโก้ 16) คลิกเลอื กคำสงั่ File > Open หรือกดป่มุ Ctrl + O ภาพท่ี 6.55 ข้ันตอนการเปิดไฟลภ์ าพ วชิ าการสร้างแบรนดธ์ ุรกิจดิจทิ ัล (30204-2006) ผู้เรียบเรียง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสร้างแบรนดใ์ ห้กับผลติ ภัณฑด์ ิจทิ ลั 224 17) คลกิ เลอื กภาพที่ตอ้ งการ 18) คลกิ ปุ่ม Open หรอื ดับเบิลคลิกเมาส์ท่ีไฟล์ภาพเพอื่ เปิดไฟล์ภาพ 17 18 ภาพที่ 6.56 หน้าต่างไฟลข์ องไฟล์ภาพ 19) ทำการเลือกไฟล์ภาพแล้วกดปุ่ม Ctrl + A ซึ่งจะแสดงเส้นประล้อมรอบภาพจากน้ัน กดปุม่ Ctrl + C เพอ่ื คัดลอกภาพ lสแกนเพอ่ื ขอ้ สอบ 19 ภาพท่ี 6.57 ข้นั ตอนการคดั ลอกไฟล์ภาพ วิชาการสร้างแบรนด์ธรุ กจิ ดิจิทลั (30204-2006) ผู้เรยี บเรียง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยท่ี 6 งานสร้างแบรนด์ให้กับผลติ ภัณฑ์ดจิ ิทัล 225 20) ทำการวางภาพในพืน้ ท่ีการออกแบบโลโกแ้ ลว้ กดปุ่ม Ctrl + V 20 ภาพที่ 6.58 ผลลัพธ์ท่ีได้จากการคดั ลอกไฟล์ภาพ 21) จากนัน้ กดปมุ่ Ctrl + T เพื่อปรับลดขนาดภาพตามความเหมาะสม 21 lสแกนเพื่อขอ้ สอบ ภาพที่ 6.59 ขัน้ ตอนการปรับขนาดภาพตามความเหมาะสม วิชาการสร้างแบรนดธ์ รุ กิจดจิ ิทัล (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนด์ให้กบั ผลิตภณั ฑ์ดิจิทลั 226 22) ทำการบันทึกไฟล์งาน คลิกเลือกคำสั่ง File > Save As แล้วตั้งชื่อไฟล์ “Logo.png” ซง่ึ ไฟล์ที่ได้จะมีลกั ษณะพนื้ หลงั เปน็ แบบ Transparent 21 ภาพที่ 6.60 ขั้นตอนการบนั ทึกไฟล์งาน lสแกนเพอ่ื ข้อสอบ ภาพท่ี 6.61 ผลลพั ธ์และการบนั ทึกไฟล์งานโลโก้ วิชาการสร้างแบรนดธ์ รุ กจิ ดิจิทัล (30204-2006) ผูเ้ รยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสร้างแบรนด์ใหก้ ับผลติ ภัณฑ์ดจิ ิทัล 227 6.6 การออกแบบบรรจุภณั ฑ์ 6.6.1 บรรจุภัณฑ์ คือ การนำเอาวัสดุ เช่น กระดาษ พลาสติก แก้ว โลหะ ไม้ ประกอบเป็นภาชนะ ห่อหุ้มสินค้า เพื่อประโยชน์ในการใช้สอยที่มีความแข็งแรง สวยงามได้สัดส่วนที่ถูกต้องสร้างภาพพจน์ที่ดี มี ภาษาในการตดิ ตอ่ สือ่ สาร และทำให้เกิดความพงึ พอใจ จากผู้ซื้อสินค้าจรูญ โกสียไ์ กรนริ มล (2528:109) 6.6.2 การออกแบบกราฟกิ บรรจภุ ัณฑ์ หมายถึง การสร้างสรรคง์ านสิ่งพมิ พภ์ ายในกล่องบรรจุภัณฑ์ เช่น แก้วกระดาษ ถ้วยกระดาษ ให้สามารถส่ือสารและมผี ลทางด้านจิตวทิ ยาต่อผู้บริโภค ชว่ ยดงึ ดูความสนใจ และกระตุ้นอารมณ์ความรู้สึกให้ผู้บริโภคเกิดความอยากซื้อสินค้าหรือผลิตภัณฑ์นั้นๆ การออกแบบกราฟิก บรรจุภณั ฑไ์ ด้ 2 กรณี ได้แก่ 1) ทำกราฟิกบนแผ่นฉลากแล้วนำไปติดบนแกว้ กระดาษ ถว้ ยกระดาษ ซึ่งเป็นภาชนะสำเรจ็ รูป 2) สร้างงานกราฟกิ บนผวิ ภาชนะรปู ทรง 3 มติ ิ หรือสรา้ งงานบนบรรจุภัณฑโ์ ดยตรง เช่น พมิ พ์ งานกราฟกิ บนขวดแก้ว หรือขวดพลาสตกิ การออกแบบบรรจภุ ณั ฑ์ที่ดีจะต้องมีการใหข้ ้อมลู ชดั เจน มีความโดดเดน่ เพราะเปน็ สงิ่ หนึง่ ท่ี สามารถชว่ ยใหช้ ่องทางการตัดสนิ ใจของผ้บู ริโภค สามารถทจ่ี ะตัดสินใจได้งา่ ยเป็นอยา่ งมาก 6.6.3 รายละเอียดในบรรจุภัณฑ์ ประกอบไปด้วย 1) ชือ่ สนิ ค้า 2) สถานทีผ่ ลิต 3) ส่วนประกอบ 4) วันหมดอายุ 5) ข้อมลู ต่างๆ ทเี่ ป็นประโยชนท์ ด่ี ใี ห้กบั สินค้า lสแกนเพือ่ ข้อสอบ ในตัวอย่างนี้จะเป็นการออกแบบบรรจุภัณฑ์โดยใช้เครื่องมือจากหน่วยการเรียนต่าง ๆ มาประยุกต์ใช้ใน การออกแบบให้มีความสวยงาม ถูกต้อง ตามหลักองค์ประกอบศิลป์และตามหลักการจัดองค์ประกอบของงาน กราฟกิ 6.6.4 ขน้ั ตอนการออกแบบบรรจภุ ณั ฑ์ มีวธิ กี ารดงั น้ี 1) คลิกเลอื กคำสั่ง File > New หรอื กดปมุ่ Ctrl + N เพื่อสรา้ งพ้นื ท่ีการทำงาน จากน้นั จะปรากฏหน้าตา่ ง New ทำการกำหนด 1 ภาพที่ 6.62 การสรา้ งพน้ื ท่ีการทำงานโดยใชค้ ำส่ัง New วิชาการสรา้ งแบรนดธ์ ุรกจิ ดจิ ิทัล (30204-2006) ผูเ้ รยี บเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสร้างแบรนด์ให้กบั ผลิตภณั ฑด์ ิจิทัล 228 2) กำหนดคา่ รายละเอียดของพน้ื ท่ีทำงานดังนี้ ตั้งช่อื ไฟล์ Name : packet กำหนดความกวา้ ง Width : 25 Cm. กำหนดความสงู Height : 20 Centimeters กำหนดความละเอียด Resolution : 300 pixels/Inch กำหนดโหมดสี Color Mode : RGB Color กำหนดให้พน้ื Background Color : White 3) คลิกปุ่ม OK 3 2 ภาพที่ 6.63 หน้าต่างกำหนดคา่ รายละเอยี ดของพ้นื ทก่ี ารทำงาน lสแกนเพื่อขอ้ สอบ 4) จะปรากฎพ้ืนทีก่ ารทำงาน 4 ภาพท่ี 6.64 แสดงหน้าตา่ งพ้ืนท่ที ำงาน วิชาการสรา้ งแบรนดธ์ ุรกจิ ดิจิทลั (30204-2006) ผูเ้ รียบเรยี ง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หนว่ ยท่ี 6 งานสรา้ งแบรนดใ์ หก้ บั ผลติ ภณั ฑด์ จิ ทิ ลั 229 5) กำหนดตำแหน่งร่างแบบบรรจุภณั ฑ์ด้วยเส้น Guides โดยทำการคลิกเลือกเสน้ Guides ทไี่ มบ้ รรทัดแนวต้งั เส้นท่ี 1 ท่ี 1 Cm. 5 ภาพที่ 6.65 กำหนดตำแหน่งรา่ งแบบบรรจภุ ัณฑ์ดว้ ยเสน้ Guides ในแนวตงั้ 5) กำหนดตำแหน่งร่างแบบบรรจุภัณฑ์ด้วยเส้น Guides โดยทำการคลิกเลือกเส้น Guides ที่ไม้ บรรทดั แนวต้ังที่ 1 Cm. 3.5 Cm. 12 CM. 14 Cm. 23 Cm. และ 24 Cm. lสแกนเพ่อื ข้อสอบ 5 ภาพท่ี 6.66 กำหนดตำแหน่งร่างแบบบรรจุภณั ฑด์ ้วยเสน้ Guides ในแนวตง้ั วิชาการสรา้ งแบรนด์ธรุ กิจดิจิทัล (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐิติพร เต๊ะหมัดหมะ
หนว่ ยท่ี 6 งานสร้างแบรนดใ์ ห้กบั ผลิตภณั ฑ์ดิจิทัล 230 6) กำหนดตำแหน่งร่างแบบบรรจุภัณฑ์ด้วยเส้น Guides โดยทำการคลิกเลือกเส้น Guides ท่ีไม้บรรทดั แนวนอน ที่ 1 Cm. 3.5 Cm. 12 CM. 14 Cm. 23 Cm. และ 24 Cm. 6 ภาพที่ 6.67 กำหนดตำแหน่งรา่ งแบบบรรจุภณั ฑด์ ้วยเส้น Guides ในแนวนอน 7) คลกิ เลือกใชเ้ ครอ่ื งมือ Recteangle Tool lสแกนเพ่อื ข้อสอบ 7 ภาพที่ 6.68 การเลือกใชเ้ ครื่องมอื Recteangle Tool วชิ าการสร้างแบรนด์ธุรกิจดจิ ิทลั (30204-2006) ผูเ้ รยี บเรยี ง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ ห้กับผลติ ภณั ฑด์ จิ ิทัล 231 8) คลิกเลอื กใช้เครื่องมือ Recteangle Tool เลือกสีสม้ ลากตรงเส้น Guides ความกวา้ งที่ 4 cm. ถงึ 12 cm. และ ความสูงที่ 7 cm. ถงึ 13.5 cm. เพ่ือสรา้ งส่วนฝากล่องฝาลา่ ง 8 ภาพที่ 6.69 ผลลัพธห์ ลงั จากการวาดด้วยเครือ่ งมอื Recteangle Tool 9) นำเมาส์มาวางบนพืน้ ทท่ี ำงาน จากน้ันกดปุม่ Shift คา้ งไว้ พรอ้ มวาดภาพบนพื้นท่ีทำงาน โดยการกดเมาส์ซ้ายค้างไว้แล้ววาดภาพ ตรงเส้น Guides ขนาดท่ีความกว้างที่ 15 cm. ถึง 24 cm. และ ความสูงท่ี 7 cm. ถึง 13.5 cm. เพื่อสร้างส่วนฝากลอ่ งฝาบน lสแกนเพื่อขอ้ สอบ 9 ภาพที่ 6.70 การเลือกใช้เครื่องมือ Recteangle Tool วชิ าการสรา้ งแบรนดธ์ รุ กิจดจิ ิทัล (30204-2006) ผเู้ รียบเรยี ง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หน่วยท่ี 6 งานสรา้ งแบรนด์ใหก้ ับผลิตภณั ฑ์ดิจิทัล 232 10) คลิกเลือกใชเ้ คร่ืองมอื Recteangle Tool เลือกสีสม้ ออ่ น รปู ที่ 1 ตรงเสน้ Guides ความกว้าง ที่ 1 cm. ถงึ 3.5 cm. และ ความสูงที่ 7 cm. ถึง 13.5 cm. และวาดรปู ท่ี 2 ความกว้างที่ 12 cm. ถงึ 14.5 cm. และ ความสูงที่ 7 cm. ถงึ 15 cm. เพ่ือสร้างสว่ นด้านขา้ งของกล่องแนวตงั้ 10 ภาพท่ี 6.71 การเลือกใช้เครอื่ งมือ Recteangle Tool เพื่อสรา้ งสว่ นด้านข้างของกล่องแนวตัง้ 11) คลกิ เลอื กใช้เครื่องมือ Recteangle Tool เลอื กสีสม้ ออ่ น รปู ที่ 1 ตรงเส้น Guides ความกว้างที่ 1 cm. ถึง 3.5 cm. และ ความสูงที่ 7 cm. ถึง 13.5 cm. และวาดรูปที่ 2 ความกว้างที่ 12 cm. ถึง 14.5 cm. และ ความสูงที่ 7 cm. ถึง 15 cm. เพ่ือสรา้ งส่วนด้านขา้ งของกลอ่ งแนlสวแตกัง้ นเพือ่ ข้อสอบ 11 ภาพที่ 6.72 การเลือกใชเ้ คร่ืองมือ Recteangle Tool เพ่ือสร้างส่วนด้านขา้ งของกล่องแนวนอน วิชาการสร้างแบรนด์ธุรกิจดิจทิ ลั (30204-2006) ผเู้ รียบเรยี ง : นางสาวฐติ พิ ร เต๊ะหมดั หมะ
หน่วยท่ี 6 งานสรา้ งแบรนดใ์ หก้ บั ผลติ ภณั ฑด์ จิ ทิ ลั 233 12) คลิกเลอื กใช้เครื่องมือ Recteangle Tool เลือกสีสม้ อ่อน รปู ที่ 1 ตรงเส้น Guides ความกวา้ งที่ 1 cm. ถึง 3.5 cm.และ ความสูงที่ 4.5 cm. ถึง 7 cm. เพอ่ื สร้างส่วนฝากล่องดา้ นข้าง ดงั ภาพ 12 ภาพท่ี 6.73 การเลือกใชเ้ คร่ืองมือ Recteangle Tool เพ่ือสร้างสว่ นฝางกลอ่ งดา้ นขา้ ง 13) คลิกวัตถุสี่เหลี่ยม (ฝากล่องด้านข้าง) กดแป้นพิมพ์ลัด Ctrl+T (Free Transform) คลิกขวา เลอื ก Prespective ดังภาพ lสแกนเพอ่ื ข้อสอบ 13 ภาพที่ 6.74 การเลือกใชเ้ คร่ืองมือ Prespective เพ่ือสรา้ งสว่ นฝางกลอ่ งด้านขา้ ง วิชาการสร้างแบรนด์ธรุ กจิ ดิจทิ ลั (30204-2006) ผู้เรยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ ห้กบั ผลติ ภณั ฑ์ดจิ ิทัล 234 14) กดปุม่ Shift คา้ งไว้ จากนนั้ คลิกมมุ ขวา ในระหว่างที่คลกิ ท่ีมุมท้ังสองค้างอยู่ ให้ทำการคลิก ลากไปตรงกลางเพือ่ ใหเ้ ปน็ สเ่ี หลี่ยมคางหมู ดงั ภาพ 14 ภาพท่ี 6.75 การสร้างสว่ นฝากลอ่ งด้านข้างเป็นสีเ่ หลย่ี มคางหมู 15) ทำการคัดลอกวัตถุที่ได้กระทำเมื่อสักครู่ โดยกดปุ่ม Atl ค้างไว้จากนั้นคลิกลากวัตถุไปยัง ตำแหน่งเส้น Guides ตรงที่กว้างที่ 12.5 cm. ถึง 15 cm. ความสูงที่ 4.5 cm. ถึง 7 cm. และ12.5 cm. lสแกนเพอื่ ขอ้ สอบ ถงึ 15 cm. ความสงู ท่ี 13.5 cm. ถึง 16 cm. ดงั ภาพ 15 ภาพที่ 6.76 การคัดลอกวัตถุจากการเลือกใชเ้ คร่ืองมือ Prespective เพ่อื สรา้ งส่วนฝากล่องดา้ นข้าง วิชาการสร้างแบรนดธ์ ุรกิจดิจทิ ัล (30204-2006) ผู้เรียบเรียง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หนว่ ยท่ี 6 งานสรา้ งแบรนดใ์ หก้ ับผลติ ภัณฑ์ดจิ ิทลั 235 16) คลิกวัตถุสี่เหลี่ยม (ฝากล่องด้านข้าง) กดแป้นพิมพ์ลัด Ctrl+T (Free Transform) คลิกขวา เลอื ก Flip Verticall ดังภาพ 16 ภาพท่ี 6.77 การเลือกใช้เครือ่ งมือ เลอื ก Flip Verticall เพือ่ สรา้ งส่วนฝากลอ่ งด้านข้าง 17) ไดผ้ ลลัพธ์สว่ นฝากล่องดา้ นขา้ งจากการเลือก Flip Verticall ดังภาพ lสแกนเพื่อข้อสอบ 17 ภาพที่ 6.78 ผลลพั ธ์ส่วนฝากล่องดา้ นข้างจากการเลือก Flip Verticall วิชาการสรา้ งแบรนดธ์ รุ กจิ ดจิ ทิ ลั (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสรา้ งแบรนดใ์ หก้ บั ผลติ ภัณฑ์ดิจิทัล 236 18) ทำการคัดลอกวัตถุที่ได้กระทำเมื่อสักครู่ โดยกดปุ่ม Atl ค้างไว้จากนั้นคลิกลากวัตถุไปยัง ตำแหน่งเส้น Guides ตรงทีก่ ว้างที่ 12.5 cm. ถงึ 15 cm. ความสูงท่ี 4.5 cm. ถึง 7 cm. ดงั ภาพ 18 ภาพที่ 6.79 ผลลัพธจ์ ากการคัดลอกวัตถเุ พ่ือสรา้ งส่วนฝางกล่องดา้ นข้าง 19) คลิกเลือกใช้เครื่องมือ Recteangle Tool เลือกสีส้มอ่อน ตรงเส้น Guides ความกว้างท่ี 23 cm. ถงึ 24 cm. และ ความสงู ที่ 7 cm. ถึง 13 cm. เพื่อสร้างส่วนฝากล่องด้านข้าง ดังภาพ lสแกนเพ่อื ขอ้ สอบ 19 ภาพท่ี 6.80 การเลือกใช้เครื่องมอื เลือก Flip Verticall เพอ่ื สรา้ งส่วนฝางกลอ่ งด้านขา้ ง วิชาการสรา้ งแบรนด์ธุรกิจดจิ ิทลั (30204-2006) ผูเ้ รียบเรยี ง : นางสาวฐติ ิพร เต๊ะหมัดหมะ
หนว่ ยที่ 6 งานสร้างแบรนด์ใหก้ ับผลิตภัณฑด์ จิ ทิ ลั 237 20) คลิกวัตถุสี่เหลี่ยม (ฝากล่องด้านข้าง) กดแป้นพิมพ์ลัด Ctrl+T (Free Transf0rm) คลิกขวา เลอื ก Prespective ดงั ภาพ 20 ภาพที่ 6.81 การเลอื กใช้เคร่ืองมือ Prespective เพ่อื สรา้ งสว่ นฝางกล่องด้านบน 21) กดป่มุ Shift คา้ งไว้ จากน้นั คลกิ มุมขวา ในระหวา่ งท่ีคลกิ ทม่ี มุ ทงั้ สองค้างอยู่ ใหท้ ำการคลกิ ลากไป ตรงกลางเพื่อใหเ้ ป็นสเ่ี หลยี่ มคางหมู lสแกนเพือ่ ขอ้ สอบ 21 ภาพท่ี 6.82 การสร้างสว่ นฝากล่องดา้ นขา้ งให้เปน็ สเ่ี หล่ียมคางหมู วิชาการสร้างแบรนดธ์ ุรกิจดจิ ิทลั (30204-2006) ผูเ้ รียบเรยี ง : นางสาวฐิติพร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนดใ์ หก้ ับผลิตภณั ฑด์ ิจิทลั 238 22) คลกิ เลอื กใชเ้ ครอ่ื งมือ Recteangle Tool เลือกสสี ม้ เข้ม ตรงเส้น Guides ความกว้างท่ี 3.5 cm. ถงึ 12 cm. และ ความสูงท่ี 3 cm. ถึง 4.5 cm. เพอื่ สรา้ งส่วนด้านข้างของกล่องแนวตัง้ ดงั ภาพ 22 ภาพที่ 6.83 การเลือกใช้เครื่องมือ Recteangle Tool เพื่อสร้างสว่ นฝางกล่องด้านบน 23) คลิกวัตถุสี่เหลี่ยม (ฝากล่องด้านข้าง) กดแป้นพิมพ์ลัด Ctrl+T (Free Transform) คลิกขวาเลือก Warp ดงั ภาพ lสแกนเพ่ือข้อสอบ 23 ภาพที่ 6.84 การเลือกใชเ้ คร่ืองมือ Warp เพื่อสร้างส่วนฝากลอ่ งด้านหลัง วชิ าการสรา้ งแบรนดธ์ รุ กิจดจิ ทิ ลั (30204-2006) ผเู้ รยี บเรยี ง : นางสาวฐิตพิ ร เต๊ะหมดั หมะ
หน่วยที่ 6 งานสร้างแบรนด์ใหก้ บั ผลติ ภณั ฑด์ ิจิทลั 239 24) กดปุ่ม Shift ค้างไว้ จากนั้นคลกิ มุมขวา ในระหวา่ งที่คลิกท่มี มุ ทั้งสองค้างอยู่ ให้ทำการคลกิ ลากไปตรง กลางเพื่อกำหนดความโค้งกับวตั ถุ 24 ภาพที่ 6.85 การเลือกใชเ้ ครือ่ งมอื Warp กำหนดความโค้งกบั วัตถุ 25) ทำการคัดลอกวัตถุที่ได้กระทำเมื่อสักครู่ โดยกดปุ่ม Atl ค้างไว้จากนั้นคลิกลากวัตถุไปยัง ตำแหนง่ เสน้ Guides ตรงทก่ี ว้างที่ 12.5 cm. ถึง 15 cm. ความสูงที่ 4.5 cm. ถงึ 7 cm. ดังภาพ lสแกนเพอ่ื ข้อสอบ 25 ภาพที่ 6.86 ผลลพั ธจ์ ากการคดั ลอกวัตถุเพื่อสร้างส่วนฝากลอ่ งดา้ นขา้ ง วิชาการสร้างแบรนดธ์ ุรกจิ ดิจิทัล (30204-2006) ผ้เู รียบเรยี ง : นางสาวฐติ พิ ร เต๊ะหมัดหมะ
หนว่ ยที่ 6 งานสรา้ งแบรนด์ให้กบั ผลิตภณั ฑ์ดจิ ิทลั 240 ภาพท่ี 6.87 การเลือกใช้เคร่อื งมือ เลอื ก Flip Verticall เพื่อสรา้ งส่วนฝากล่องด้านขา้ ง 26) คลกิ เลือกคำสั่ง File > Open หรือกดป่มุ Ctrl + O lสแกนเพอ่ื ขอ้ สอบ26 ภาพท่ี 6.88 แสดงข้ันตอนการเปิดไฟล์ภาพ วิชาการสร้างแบรนดธ์ ุรกจิ ดจิ ิทลั (30204-2006) ผู้เรียบเรยี ง : นางสาวฐติ ิพร เต๊ะหมดั หมะ
Search
