การพัฒนาแบบร่างตราสัญลักษณ์ Logo sketch design development

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