Ebook ขั้นตอนการออกแบบ ตราสัญลักษณ(Logo)เบื้องตน โดย นายยอดศักดิ์ ประชาราษฎร สาขาวิชาเทคโนโลยีออกแบบนิเทศศิลป คณะศิลปกรรมและออกแบบอุตสาหกรรม มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน Yortsak.pr@rmuti.ac.th
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 1
คํานํา หนังสือ ebook ขั้นตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตนเลมนี้ จัดทําขึ้นเพื่อเปนสื่อประกอบการเรียนการสอนรายวิชา 09-081-109 พื้นฐานการ ออกแบบกราฟก(Basics of Graphic Design) ในหลักสูตรเทคโนโลยีบัณฑิต สาขาวิชาเทคโนโลยีออกแบบนิเทศศิลป (หลักสูตรใหม พ.ศ.2556) หมวดวิชา เฉพาะ กลุมวิชาชีพพื้นฐาน สําหรับนักศึกษาชั้นปที่ 1 เพื่อใหนักศึกษาไดเรียนรู และทบทวน เนื้อหาเกี่ยวกับขั้นตอนการออกแบบตราสัญลักษณเบื้องตน นายยอดศักดิ์ ประชาราษฎร มีนาคม 2559
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
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(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/05-212014/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
ใหนักศึกษากําหนดเองวา เปนรานคา ขายสินคา หรือสถานบริการใหบริการ อะไร อยางอิสระ ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(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
ให นั ก ศึ ก ษากํ า หนดเองว า สิ น ค า หลั ก ๆที่ จะจํ า หน า ยในร า นในภาพรวมมี อะไรบาง (จํานวนตามความเหมาะสม)
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 6
5. กําหนดกลุมลูกคา ตัวอยางเชน นักทองเที่ยวชาวไทยและตางชาติทุกเพศวัย
ภาพนักทองเที่ยวไทย-ตางชาติยึดเปนสถานที่ทองเที่ยววันหยุด ที่มา http://www.manager.co.th/South/ViewNews.aspx?NewsID=9570000018312
นักทองเที่ยว http://www.riskcomthai.org/news/newspaper-detail.php?id=19654
ใหนักศึกษากําหนดเองวา กลุมลูกคาวาเปนใคร เชน วัยรุน, ม.ปลาย, วัย นักศึกษา, วัยทํางาน, ทั่วไป , นักทองเที่ยวชาวไทย ฯลฯ ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 7
ตัวอยาง
คนควาขอมูลตัวอยางตราสัญลักษณ
นักศึกษาฝกการหาขอมูลตัวอยางตราสัญลักษณกอนการออกแบบ ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 8
ตัวอยาง
วิเคราะหขอมูลตัวอยางตราสัญลักษณ
นักศึกษาฝกการจําแนกลักษณะของตราสัญลักษณกอนการออกแบบ ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 9
ตัวอยาง
ฝกคนหาคําสําคัญ
นักศึกษาฝกคําสําคัญจากหลักวิธี เชน 4P,5W2H, Mood ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 10
ตัวอยาง
พัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดํา
นักศึกษาฝกพัฒนาแบบรางตราสัญลักษณ(โลโก)แบบขาวดํา จากการ นําคําสําคัญที่แตกตางกันมาผสมผสานกัน ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 11
การพัฒนาแบบรางตราสัญลักษณ(โลโก)Thumbnail Sketch
ตัวอยาง
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 12
แบบรางตราสัญลักษณ(โลโก)สีและแนวความคิดในการออกแบบ
ตัวอยาง
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 13
เขียนแบบตราสัญลักษณ(โลโก)โดยคอมพิวเตอรกราฟก
ตัวอยาง
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 14
ตัวอยาง
ตัวอยาง ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 15
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 16
ตัวอยาง
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 17
ตัวอยาง
แนวความคิดในการออกแบบตราสัญลักษณ(โลโก)
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 18
ตัวอยาง
ตัวอยางการใชงานตราสัญลักษณ(โลโก)
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 19
แผนนําเสนอผลงานตราสัญลักษณ(โลโก)
ตัวอยาง
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(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 ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(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 ทั้งคู เพื่อเตรียมสําเนาลง เครื่องคอมพิวเตอรนําเสนอ .......................................................................
“ความอุตสาหะ มานะ พยายาม ประณีตบรรจง เปนพื้นฐานอยางหนึ่ง ของ ความคิดสรางสรรค” ยอดศักดิ์ ประชาราษฎร 2559
ebook ขัน้ ตอนการออกแบบตราสัญลักษณ(Logo)เบื้องตน 22