1. สาระสำคัญ
การออกแบบโลโก้เป็นทักษะพื้นฐานที่สำคัญในงานกราฟิกดีไซน์ โดยเน้นการใช้เครื่องมือทางเวกเตอร์ (Vector) เพื่อสร้างรูปทรงที่แม่นยำและปรับเปลี่ยนขนาดได้โดยไม่สูญเสียความละเอียด ในบทเรียนนี้ ผู้เรียนจะได้ฝึกฝนการใช้เครื่องมือในโปรแกรม Adobe Illustrator ผ่านกรณีศึกษา "โลโก้ Kodak" ซึ่งครอบคลุมตั้งแต่กระบวนการนำเข้าภาพต้นแบบ การตัดต่อเส้น Path ไปจนถึงการปรับแต่งรูปทรงให้มีความสวยงามตามหลักการออกแบบ
2. การบริหารจัดการพื้นที่การทำงานและวัตถุ (Workspace & Object Management)
การจัดระเบียบด้วย Grid System: การเริ่มต้นชิ้นงานโดยเปิดตารางกริด
View > Show Gridเป็นการใช้ทฤษฎีการจัดแนว (Alignment) และสัดส่วน (Proportion) ช่วยให้การวาดรูปทรงเรขาคณิตมีแม่พิมพ์และระยะที่แม่นยำ การนำเข้าภาพต้นแบบ (Tracing Reference): การใช้คำสั่ง
File > Placeคือการนำไฟล์ภาพภายนอกเข้ามาเป็นโครงร่างเพื่อใช้อ้างอิงในการดราฟต์เส้น การควบคุมความเสถียรของวัตถุ: การใช้คำสั่ง
Object > Lock > Selectionเพื่อล็อกไม่ให้วัตถุต้นแบบเคลื่อนย้าย (หากต้องการปลดล็อกให้ใช้ Object > Unlock All)ซึ่งเป็นหัวใจสำคัญในเชิงปฏิบัติ เพื่อป้องกันความคลาดเคลื่อนขณะทำงานกับเส้นพาธ (Path) ใหม่
3. ทฤษฎีการสร้างและดัดแปลงเส้นพาธ (Path Manipulation)
เครื่องมือ Rectangle Tool: ใช้สร้างรูปทรงปิดพื้นฐาน (สี่เหลี่ยมประกอบร่าง) เพื่อเป็นโครงสร้างหลักก่อนนำไปตัดทอน
เครื่องมือ Scissors Tool (กรรไกร): ใช้สำหรับ "ตัดแบ่งเส้นพาธแยกเป็นสองส่วน" ตรงจุดที่คลิก
ทำให้รูปทรงปิดกลายเป็นรูปทรงแบบเปิด (Open Path) ซึ่งเครื่องมือนี้จะแตกต่างจาก Knife Tool (มีด) ตรงที่ Knife Tool จะแบ่งวัตถุโดยที่ผลลัพธ์ยังคงสภาพสีและสไตล์รูปทรงปิดที่ต่อเนื่องกันอย่างอิสระ การจัดการจุดสมอ (Anchor Point Management): หลังจากใช้ Scissors Tool และใช้ Direct Selection Tool คลิกเลือกเส้นเพื่อลบ
จำเป็นต้องกดปุ่ม Delete จำนวน 2 ครั้ง โดยครั้งแรกเป็นการลบเส้นพาธ และครั้งที่สองเป็นการลบจุด Anchor Point ที่ตกค้าง เพื่อเคลียร์ปลายเส้นให้สะอาด ซึ่งเป็นเงื่อนไขสำคัญที่ทำให้สามารถเชื่อมต่อเส้นพาธในขั้นตอนต่อไปได้ เครื่องมือ Pen Tool (ปากกา): ในเวิร์กชอปนี้ไม่ได้ใช้เพื่อวาดรูปทรงอิสระตั้งแต่ต้น แต่ใช้ในเชิงทฤษฎีการ "เชื่อมต่อเส้นพาธ (Connect Path)" โดยการคลิกที่ปลายจุดสมอของเส้นพาธแบบเปิดสองฝั่งเพื่อปิดโครงสร้างรูปทรงให้สมบูรณ์อีกครั้ง
4. การปรับแต่งความมนและองค์ประกอบศิลป์ (Stylizing & Typography)
การปรับมุมโค้งมน (Round Corners): ผ่านคำสั่ง
Effect > Stylize > Round Cornersเป็นการคำนวณปรับค่ารัศมี (Radius) เพื่อเปลี่ยนมุมเหลี่ยมที่หยาบให้มีความโค้งมนละมุนตาตามค่าตัวเลขมิลลิเมตรที่กำหนด โดยการเลือกเปิดคำสั่ง Previewจะช่วยให้ผู้ใช้งานเห็นผลลัพธ์จริงก่อนตอบตกลงการเพิ่มตัวอักษร (Typography): การใช้เครื่องมือ
Type Toolเพื่อสร้างกล่องข้อความพิมพ์คำว่า "LOGO" หรือ "Kodak" จากนั้นใช้ Selection Toolในการปรับย่อ-ขยายขนาดและลงสีสันปรับแต่งเพิ่มเติม เพื่อให้ได้องค์ประกอบกราฟิกที่สมบูรณ์ตามหลักการออกแบบอัตลักษณ์ตราสินค้า (Brand Identity)
สะท้อนคุณลักษณะในการปฏิบัติงาน: > นอกจากความรู้ทางเทคนิคข้างต้นแล้ว กระบวนการสร้างสรรค์ชิ้นงานนี้ยังสะท้อนถึงการทำงานอย่าง มุ่งมั่น ในการตัดแต่งและเชื่อมต่อจุดสมอที่ต้องอาศัยความละเอียดลออ การใช้ทรัพยากรเครื่องมือที่มีอยู่จำกัดในโปรแกรมสร้างรูปทรงที่ซับซ้อนได้อย่าง พอเพียงและประหยัดเวลา ตลอดจนความถูกต้องตามขั้นตอนเพื่อผลลัพธ์ที่มีประสิทธิภาพสูงสุด
Workshop : การสร้างโลโก้ Kodak
| ลำดับ | รายการประเมิน (สมรรถนะ/คุณลักษณะ) | เกณฑ์การให้คะแนน (Rubrics) | คะแนน (3/2/1) |
| 1 | การใช้คำสั่ง Place เพื่อนำรูปภาพมาวางบน Art Board | 3: นำภาพเข้าและล็อกตำแหน่งภาพได้ถูกต้องตามขั้นตอนโดยไม่เคลื่อนย้าย 2: นำภาพเข้าได้ แต่ลืมล็อกภาพหรือวางตำแหน่งคลาดเคลื่อนเล็กน้อย 1: ไม่สามารถใช้คำสั่ง Place นำภาพเข้ามาทำงานได้ | |
| 2 | การใช้เครื่องมือ Scissors เพื่อตัดเส้น Path ให้ขาดจากกัน | 3: ตัดเส้น Path และลบจุด Anchor Point ที่ตกค้างออกได้หมดจดตามขั้นตอน 2: ตัดเส้น Path ได้ แต่ลืมลบจุดตกค้าง ทำให้เกิดปัญหาในขั้นตอนถัดไป 1: ใช้เครื่องมือตัดไม่ถูกตำแหน่ง หรือไม่สามารถตัดเส้น Path ได้ | |
| 3 | การใช้เครื่องมือ Pen เพื่อเชื่อมต่อเส้น Path | 3: ใช้เครื่องมือ Pen คลิกต่อเส้นเชื่อมโยงรูปทรงโลโก้ได้ถูกต้องสมบูรณ์ 2: เชื่อมต่อเส้นได้ แต่รูปทรงบิดเบี้ยวหรือไม่สมบูรณ์ตามต้นฉบับ 1: ไม่สามารถใช้เครื่องมือ Pen ในการเชื่อมต่อเส้น Path ได้ | |
| 4 | การใช้คำสั่ง Round Corners เพื่อปรับมุมภาพให้โค้งมน | 3: ปรับค่า Radius และพรีวิวดูความโค้งมนของมุมภาพได้ถูกต้องสวยงาม 2: เรียกใช้คำสั่งได้ แต่กำหนดค่าความโค้งคลาดเคลื่อนจากรูปแบบที่กำหนด 1: ไม่สามารถหาคำสั่งหรือปรับมุมภาพให้มีความโค้งมนได้ | |
| 5 | การใช้เครื่องมือ Type เพื่อพิมพ์ข้อความ | 3: พิมพ์ข้อความ "LOGO" และปรับขนาดรวมถึงสีสันได้ถูกต้องตามรูปแบบ 2: พิมพ์ข้อความได้ แต่ปรับขนาด สัดส่วน หรือจัดวางตำแหน่งไม่เหมาะสม 1: ไม่สามารถพิมพ์หรือจัดการข้อความตามที่โจทย์กำหนดได้ | |
| 6 | คุณลักษณะอันพึงประสงค์ (มีความประหยัด พอเพียง มุ่งมั่นในการทำงาน) | 3: ตั้งใจทำงานจนเสร็จ ใช้ทรัพยากร/เวลาคุ้มค่า และแก้ไขปัญหาด้วยตนเอง 2: มีความมุ่งมั่นในการทำงาน แต่อาจต้องได้รับคำแนะนำหรือกระตุ้นเตือนบ้าง 1: ขาดความเอาใจใส่ในการปฏิบัติงาน ทำงานไม่เสร็จตามเวลาที่กำหนด | |
| คะแนนรวมทั้งหมด (เต็ม 18 คะแนน) |
เกณฑ์การตัดสินคุณภาพ
คะแนน 15 - 18 คะแนน = ระดับ ดีมาก (ผ่านเกณฑ์เด่นชัด)
คะแนน 11 - 14 คะแนน = ระดับ ดี (ผ่านเกณฑ์)
คะแนน 7 - 10 คะแนน = ระดับ พอใช้ (ผ่านเกณฑ์ขั้นต่ำ)
คะแนนต่ำกว่า 7 คะแนน = ระดับ ปรับปรุง (ไม่ผ่านเกณฑ์)
