Ebook ขั้นตอนการออกแบบ ตราสัญลักษณ(Logo)เบือ้ งตน โดย นายยอดศักดิ์ ประชาราษฎร สาขาวิชาเทคโนโลยีออกแบบนิเทศศิลป คณะศิลปกรรมและออกแบบอุตสาหกรรม มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน Yortsak.pr@rmuti.ac.th
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 1
คำนำ หนังสือ ebook ขั้นตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตนเลมนี้จัดทำ ขึ ้ น เพื ่ อ เป น สื ่ อ ประกอบการเรี ย นการสอนรายวิ ช า 04-402-061-107-การ ออกแบบตราสัญลักษณ (Logo Design) ในหลักสูตรศิลปกรรมบัณฑิต สาขาวิชา การออกแบบนิเทศศิลป (หลักสูตรปรับปรุง พ.ศ.2561) หมวดวิชาเฉพาะ กลุม วิชาชีพพื้นฐาน สำหรับนักศึกษาชั้นปที่ 1 เพื่อใหนักศึกษาไดเรียนรูและทบทวน เนื้อหาเกี่ยวกับขั้นตอนการออกแบบตราสัญลักษณเบื้องตน นายยอดศักดิ์ ประชาราษฎร พฤศจิกายน 2561
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 2
สารบัญ คำนำ ............................................................................................................................................................... 2 สารบัญ ............................................................................................................................................................ 3 โจทยและขอมูลกอนการออกแบบตราสัญลักษณ ............................................................................................ 4 1.กำหนดที่มา เรื่องราว แนวคิดหรือแรงบันดาลใจ..................................................................................... 4 2. ตั้งชื่อราน................................................................................................................................................ 4 3. เขียนอธิบายลักษณะกิจการ ................................................................................................................... 5 4. กำหนดสินคาหลักๆที่จะจำหนายในราน................................................................................................. 6 5. กำหนดกลุมลูกคา................................................................................................................................... 7 คนควาขอมูลตัวอยางตราสัญลักษณ ................................................................................................................ 8 วิเคราะหขอมูลตัวอยางตราสัญลักษณ ............................................................................................................. 9 ฝกคนหาคำสำคัญ..........................................................................................................................................10 พัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดำ............................................................................................11 การพัฒนาแบบรางตราสัญลักษณ(โลโก)Thumbnail Sketch ......................................................................12 แบบรางตราสัญลักษณ(โลโก)สีและแนวความคิดในการออกแบบ..................................................................13 เขียนแบบตราสัญลักษณ(โลโก)โดยคอมพิวเตอรกราฟก ................................................................................14 แนวความคิดในการออกแบบตราสัญลักษณ(โลโก) ........................................................................................18 ตัวอยางการใชงานตราสัญลักษณ(โลโก) ........................................................................................................19 แผนนำเสนอผลงานตราสัญลักษณ(โลโก).......................................................................................................20 สรุป Check Box เพื่อวางแผนขั้นตอนการทำงานออกแบบตราสัญลักษณ(โจทยสมมติ)...............................21
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 3
โจทยและขอมูลกอนการออกแบบตราสัญลักษณ 1.กำหนดที่มา เรื่องราว แนวคิดหรือแรงบันดาลใจ ตัวอยางเชน ภาพชีวิตชาวเขา
ภาพชาวเขาเผามงดำชาย (หมูบานเข็กนอย อ.เขาคอ จ.เพชรบูรณ ทวีรัชต สดภิบาล.2552 ถายภาพ) ที่มา http://www.thaiblogonline.com/bhakbhinya.blog?PostID=12279
ภาพชาวเขา ที่มา ศูนยมานุษยวิทยาสิรินทร ม.ป.ป
ที่มา http://www.kanchanapisek.or.th/kp6/pictures12/s12-139-2.jpg
เที่ยวเวียดนาม ซาปาเมืองในสายหมอก ที่มา http://static.tlcdn2.com/data/11/pictures/0213/0521-2014/p18oer2g3hnsh1k3i1upn1sim1sl06.jpg
นักศึกษากำหนดเรื่องที่สนใจแลวศึกษาคนหาเรื่องราวและภาพมาเปน แรง บันดาลใจในการออกแบบและกำหนดโจทยสมมติเพื่อฝกออกแบบตราสัญลักษณ 2. ตั้งชื่อราน ตัวอยางเชน ดอยยิ้ม : SmileMountain นักศึกษาคิดและเขียนชื่อรานหรือกิจการ หนวยงาน โดยตั้งชื่อราน ภาษาไทย หรืออังกฤษก็ได ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 4
3. เขียนอธิบายลักษณะกิจการ ตัวอยางเชน ลักษณะกิจการ : เปนรานจำหนายของฝากของที่ระลึก โดยนำของหัตถกรรม พื้นเมืองมาขาย ไมวาจะเปนเสื้อผา ของประดับ ของที่ระลึก ของชาวเขาเผามง และเผาอื่นๆ กำหนดที่ตั้งราน : หมูบานชาวเขาเผามง ดอยปุย อ.เมือง จ.เชียงใหม
ที่มา http://www.bloggang.com/data/s/sujit/picture/1289742817.jpg
ที่มา http://www.watisan.com/images/qwb_image2722552140934.jpg
ใหนักศึกษากำหนดเองวา เปนรานคา ขายสินคา หรือสถานบริการใหบริการ อะไร อยางอิสระ E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 5
4. กำหนดสินคาหลักๆที่จะจำหนายในราน ตัวอยางเชน
www.meemarket.com ราน MEMORY F02 - จำหนายของที่ระลึก งานประเภทผาปกชาวเขาเย็บดวยมือ MEMOR http://www.meemarket.com/f02_43719_16691.html
หมวกชาวเขาที่ผลิตจากผาชาวเขา ราน : WITCHA\'S HOUSE http://www.tarad.com/category/5649/หัตถกรรม และของที่ระลึก/การทอผา
รานรักษลานนา จำหนายสินคาประเภทกิ๊ฟช็อปของฝาก เสื้อผา กระเปา รองเทาชาวเขา http://chiangmaiairportthai.com/th/784-souvenias?id=39
รานคาของฝาก..ตลาดมงบนดอยอินทนนท http://2g.pantip.com/cafe/blueplanet/topic/E12829926/E12829926.html
รานของที่ระลึก ทาเรือหัวเวียง http://chiangkhong.sadoodta.com/pic/รานของที่ระลึก-ภาพ-13
รานรักษลานนา จำหนายสินคาประเภทกิ๊ฟช็อปของฝาก เสื้อผา กระเปา รองเทาชาวเขา http://chiangmaiairportthai.com/th/784-souvenias?id=39
ให น ั ก ศึ กษากำหนดเองว า สิ น ค า หลั กๆที่ จะจำหนา ยในร า นในภาพรวมมี อะไรบาง (จำนวนตามความเหมาะสม)
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 6
5. กำหนดกลุมลูกคา ตัวอยางเชน นักทองเที่ยวชาวไทยและตางชาติทุกเพศวัย
ภาพนักทองเที่ยวไทย-ตางชาติยึดเปนสถานที่ทองเที่ยววันหยุด ที่มา http://www.manager.co.th/South/ViewNews.aspx?NewsID=9570000018312
นักทองเที่ยว http://www.riskcomthai.org/news/newspaper-detail.php?id=19654
ใหนักศึกษากำหนดเองวา กลุมลูกคาวาเปนใคร เชน วัยรุน, ม.ปลาย, วัย นักศึกษา, วัยทำงาน, ทั่วไป , นักทองเที่ยวชาวไทย ฯลฯ E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 7
คนควาขอมูลตัวอยางตราสัญลักษณ ตัวอยาง
นักศึกษาฝกการหาขอมูลตัวอยางตราสัญลักษณกอนการออกแบบ E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 8
วิเคราะหขอมูลตัวอยางตราสัญลักษณ ตัวอยาง
นักศึกษาฝกการจำแนกลักษณะของตราสัญลักษณกอนการออกแบบ
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 9
ฝกคนหาคำสำคัญ ตัวอยาง
นักศึกษาฝกคำสำคัญจากหลักวิธี เชน 4P,5W2H, Mood E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 10
พัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดำ ตัวอยาง
นักศึกษาฝกพัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดำ จากการ นำคำสำคัญที่แตกตางกันมาผสมผสานกัน E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 11
การพัฒนาแบบรางตราสัญลักษณ(โลโก)Thumbnail Sketch ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 12
แบบรางตราสัญลักษณ(โลโก)สีและแนวความคิดในการออกแบบ ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 13
เขียนแบบตราสัญลักษณ(โลโก)โดยคอมพิวเตอรกราฟก ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 14
ตัวอยาง
ตัวอยาง E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 15
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 16
ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 17
แนวความคิดในการออกแบบตราสัญลักษณ(โลโก) ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 18
ตัวอยางการใชงานตราสัญลักษณ(โลโก) ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 19
แผนนำเสนอผลงานตราสัญลักษณ(โลโก)
ตัวอยาง
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 20
สรุป Check Box เพื่อวางแผนขั้นตอนการทำงานออกแบบตราสัญลักษณ(โจทยสมมติ) กำหนดที่มา เรื่องราว แนวคิดหรือแรงบันดาลใจ พยายามทำใหเปนโจทยที่ชัดเจน งายตอ การฝกเบื้องตน ตั้งชื่อราน เขียนอธิบายลักษณะกิจการ ที่ตั้งราน กำหนดสินคาหลักๆที่จะจำหนายในราน กำหนดกลุมลูกคา คนควาขอมูลตัวอยางตราสัญลักษณ วิเคราะหขอมูลตัวอยางตราสัญลักษณ ฝกคนหาคำสำคัญ พัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดำ พัฒนาแบบรางตราสัญลักษณ(โลโก)แบบสี จนลงตัว แนวความคิดในการออกแบบ อยาใชภาษาพูด ใชภาษาเขียนใหถกู ตอง ปรับขอความจนตัว อานทวนตรวจ การทำงานควร Save บอยๆ และไวในหลายสื่อ เชน handy drive, CD กันพลาด ไฟลหาย หรือ ติดไวรัส พิมพโจทย ราน ลักษณะกิจการ ที่ตั้ง แนวความคิดในการออกแบบ โดย Ms.Word ซึ่ง สามารถตรวจตัวสะกดคำผิดได ถายภาพ หรือ Scan แบบรางสี เขา Com. ปรับแบบรางสี ความคม เลือกสี ใน Photoshop ไหม นำแบบ Logo มา Draft ในโปรแกรม Illustrator ขนาด 2.5x2.5 นิ้ว ตัวอักษรใน Logo ควรเขียนเอง หรือ ใชฟอนตที่ ฟรี แลวใชคำสั่ง Create outline ปรับให มีลักษณะเฉพาะ เมือ่ แบบ Logo ลงตัวแลว ในโปรแกรม Illustrator ใชคำสั่ง Create outline / การรวม path E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 21
ในโปรแกรม Illustrator กด Ctlr+Y ใชตรวจสอบ เสนตางๆ นำแบบ Logo สีมาแปลงเปน แบบ Logo ขาวดำ โดยคลิกที่ Path เลือกสีดำ นำแบบ Logo สีมาแปลงเปน แบบไลระดับ ขาวเทาดำ โดยใชคำสั่งในเมนู Edit/Color/Convert to gray scale ทำแบบ Logo ยอ (ในโปรแกรม Illustrator ใน Transform เวลายอ เลือก Transform Both) ศึกษาตัวอยางที่นาสนใจในการทำแผนนำเสนอการใชงานโลโก สืบคน เชน Logo presentation template หาภาพสินคา หรือ Clip art ฯลฯ ควร อางอิง ชื่อภาพและ ที่มา ทุกภาพ เขียนแบบ สินคาเอง หรือ ถายภาพเอง จะดีกวา จัดวาง แผนนำเสนอ ดู Mood&Tone วาเขากับ งานออกแบบ Logo และรานหรือ กิจกรรมไหม ควรระบุคาสี cmyk ของสีที่เลือกในโลโก ทุกสี รวมทั้ง RGB และ Hex ตรวจสอบตัวสะกด กอนพิมพ ในโปรแกรม Illustrator ให Export โดยตั้งคา เปนไฟล jpeg โหมดสี RGB ความละเอียด 300 dpi ขนาด A3 สำหรับการนำเสนอ โดยฉายผานโปรเจคเตอร ซึ่งโปรแกรมดูภาพสวนใหญ จะรองรับโหมดสี RGB เปนพื้นฐาน ให Export โดยตั้งคา เปนไฟล jpeg โหมดสี CMYK ความละเอียด 300 dpi ขนาด A3 ไว ดวย เวลาไปพิมพผลงานลงกระดาษที่ราน ใหนำไฟลทั้ง CMYK และ RGB ไปดวย ซึ่งเดี๋ยวนี้ราน อัดรูปหรือรานพิมพดิจิตอลจะรับไฟลไดทั้งสองแบบ แตรานอัดรูปบางรานจะรับเฉพาะ RGB การติดแผนผลงานควรติดใหเรียบรอย เลือกใชกาวใหเหมาะสมกับกระดาษ ติดแลวเรียบ ประณีตสะอาด บันทึกขอมูลผลงานลงแผน CD/DVD และ อุปกรณ Flash Drive ทั้งคู เพื่อเตรียมสำเนาลง เครื่องคอมพิวเตอรนำเสนอ ....................................................................... “ความอุตสาหะ มานะ พยายาม ประณีตบรรจง เปนพื้นฐานอยางหนึ่ง ของ ความคิดสรางสรรค” ยอดศักดิ์ ประชาราษฎร 2562
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 22
ตัวอยางผลงานการออกแบบตราสัญลักษณ งานประชุมวิชาการและนิทรรศการ ทรัพยากรไทย : ชาวบานไทยไดประโยชน ป ๒๕๖๒
แนวความคิดในการออกแบบตราสัญลักษณ งานประชุมวิชาการและนิทรรศการทรัพยากรไทย : ชาวบานไทยไดประโยชน ป ๒๕๖๒ ใชองคประกอบเพื่อสื่อความหมายดังนี้ 1.สัญลักษณโครงการอนุรักษพันธุกรรมพืชอันเนื่องมาจากพระราชดำริฯ สมเด็จพระเทพรัตนราชสุดาฯ สยามบรมราชกุมารี และตราประจำมหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน สื่อความหมายถึงความรวมมือของโครงการและหนวยงานในการ จัดงานครั้งนี้ 2.ตราสัญลักษณมีเลข ๑๐ สื่อถึงการจัดงานครั้งที่ 10 3.รูปใบไมสื่อถึงความเปนธรรมชาติของทรัพยากรไทย มีการสงเสริมอนุรักษโดยใชวิทยาศาสตรและเทคโนโลยี 4.รูปคนสวมงอบ มีรอยยิ้มมีความสุข สือ่ ความหมายวา ชาวบานไทยไดประโยชน จากงานในครั้งนี้ี 5.รวงขาวสื่อถึงความอุดมสมบูรณ 6.รวงขาวสีทองมี 9 เมล็ด เพื่อสื่อความหมายถึงการนอมนำพระราชดำรัสในหลวงรัชกาลที่ 9 มาใชในการพัฒนาอยางยัง่ ยืน 7.การใชสีในการออกแบบ สัญลักษณโครงการอนุรักษฯและตราประจำมหาวิทยาลัยฯ ใชสีและรูปแบบตามตนแบบของสัญลักษณ M73 Y100 สีแสด เปนสีประจำมหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน พื้นที่ในการจัดงาน C75 Y100 สีเขียว ใชสื่อความหมายถึงความเปนธรรมชาติ การอนุรักษพ ันธุกรรมพืช M100 Y100 K5 สีน้ำเงิน ใชสื่อความหมายถึงโลกความกาวหนาทางวิทยาศาสตรและเทคโนโลยี C100 สีฟา ใชสื่อความหมายถึงความบริสุทธิ์ของทรัพยากรน้ำ ลม ฝนและอากาศ ไลระดับสี สีเหลืองทอง ใชสื่อความหมายถึงความเจริญรุงเรือง 8.ตัวอักษรที่ใช ชื่อฟอนต TH SarabunPSK
ออกแบบโดย ยอดศักดิ์ ประชาราษฎร E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 23
ตัวอยางผลงานการออกแบบตราสัญลักษณ การประกวดมหกรรมดนตรีและ ศิลปะการแสดงพื้นบานอีสานครั้งที่ 1 อาศิรนาฏกรรมอีสาน
แนวความคิดในการออกแบบตราสัญลักษณการประกวดมหกรรมดนตรีและศิลปะการแสดง พื้นบานอีสานครั้งที่ 1 อาศิรนาฏกรรมอีสาน ใชองคประกอบในการสื่อความหมายดังนี้ในตอนบนเปนรูปหยดน้ำวางในกรอบลายไทยสื่อถึงการเทิดทูนสถาบัน พระมหากษัตริยอันทรงคุณูปการอยางยิง่ ตอปวงชนชาวไทยเปรียบดังหยดน้ำที่สรางความฉ่ำเย็นแกพสกนิกร ตอนกลางเปนรูปคนสื่อถึงเยาวชนผูสืบทอดวัฒนธรรมอันดีงามมีประกายที่ศรี ษะสื่อถึงเยาวชนไดแสดงออกถึงการ สรางสรรคความคิดทางวัฒนธรรมซึ่งประยุกตกบั วิถีชวี ิตถายทอดสูสาธารณะในมิติตางๆอยางสรางสรรค รูปโปงลางและแคนถูกนำมาถายทอดในแบบนามธรรม สะทอนถึงมิติใหมของการตอยอดทางวัฒนธรรม เพือ่ สราง นวัตกรรมใหศิลปวัฒนธรรมคงอยูในมิติตาง ๆ อยางเหมาะสมมีความหลากหลายตามที่ เยาวชนไดสรางสรรคแสดงออก รูปทรงพานพุมคลายกับดอกบัวสื่อถึงการประนมมือพรอมกับคำวาอาเศียรวาทอันหมายถึงการสรรเสริญผานการ สรางสรรคดนตรีและศิลปะการแสดงพืน้ บานอีสาน การใชสีในการออกแบบ ในตอนบนเปนสีเหลืองทองสื่อถึงการเทิดทูนพระเกียรติยศของสถาบันพระมหากษัตริย ในตอนกลางเปนสีสันลักษณะสายรุงเพือ่ สื่อถึงความสนุกสนานอันเปนบุคลิกลักษณะของความเปนดนตรีพื้นบาน อีสาน สีนำ้ ตาล ที่ตัวอักษรและบริเวณฐานจะใชพื้นเปน สื่อถึงรากทางวัฒนธรรมที่ดีงามซึ่งไดมีการตอยอดเพื่อดำรงไวสืบไป ออกแบบโดย นายยอดศักดิ์ ประชาราษฎร สาขาวิชาเทคโนโลยีออกแบบนิเทศศิลป คณะศิลปกรรมและออกแบบอุตสาหกรรม มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน นครราชสีมา ถนนสุรนารายณ อ.เมือง จ.นครราชสีมา 30000 โทร. 08-7242-8844 Fax. 044-233078 Email : yortsak@gmail.com
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 24
ตัวอยางผลงานการออกแบบตราสัญลักษณ ราชมงคลอีสานเกมส ครั้งที่ ๓๖
แนวความคิดในการออกแบบตราสัญลักษณราชมงคลอีสานเกมส ครั้งที่ ๓๖ ตอนบนเปนรูปคบเพลิงสีแสด สื่อถึงกีฬา ราชมงคลอีสานเกมส ออกแบบเปนรูปนักกีฬา 5 คน สื่อถึงนักกีฬาจาก 5 วิทยาเขต รูปนักกีฬามีทาทางเคลื่อนไหวราเริง พุงทะยาน สื่อถึงความมุงมั่นชิงชัย โดยรูปนักกีฬาจะมีขนาดและทาทางตางกันไปไม เทากัน สื่อถึงเกมสกีฬาที่สนุกเราใจหลากหลาย มีแพมีชนะ ที่ฐานของรูปนักกีฬาใชเสนสายสอดประสานกันและมีทิศทางพุงขึ้นอยางเบงบานสื่อถึง กีฬาสรางไมตรี เกิดความสามัคคีเบงบานระหวางราชมงคลอีสานทั้ง 5 วิทยาเขต การใชสีในการออกแบบ สีแสด เปนสีประจำ มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน สีแสด เปนสีประจำ ศูนยกลางนครราชสีมา สีน้ำเงิน เปนสีประจำ วิทยาเขตขอนแกน สีชมพู เปนสีประจำ วิทยาเขตสกลนคร สีขาว เปนสีประจำ วิทยาเขตสุรินทร สีเขียว เปนสีประจำ วิทยาเขตรอยเอ็ด ณ ทุงกุลารองไห แบบฟอนต-supermarket Regular m74 y100
c100 m90
m100
c85 m10 y100 ผูออกแบบ อาจารยยอดศักดิ์ ประชาราษฎร สาขาวิชาเทคโนโลยีออกแบบนิเทศศิลป คณะศิลปกรรมและออกแบบอุตสาหกรรม มทร.อีสาน นครราชสีมา
E book ขั้นตอนการออกแบบตราสัญลักษณ (Logo) เบื้องตน 25