และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning...

11
กก 30265 1 รายวิชา คอมพิวเตอรกราฟก (Computer Graphic) รหัสวิชา ง30265 หน+วยที่ 5 เรื่อง การสร0างผลงานคอมพิวเตอรกราฟก ครูผู0สอน นายเจตวัตร สวัสดิ์พาณิชย นางสาวศิริลักษณ หมู+สีเสียด เว็บไซต http://www.jetavat.com หัวข0อในการเรียนรู0 1. การออกแบบและสรางสัญลักษณ 2. การออกแบบและสรางสื่อสิ่งพิมพ 1. การออกแบบ และสร0างสัญลักษณ

Upload: others

Post on 22-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 1

รายวิชา คอมพิวเตอร�กราฟ�ก (Computer Graphic)รหัสวิชา ง30265

หน+วยที่ 5 เรื่อง การสร0างผลงานคอมพิวเตอร�กราฟ�ก

ครูผู0สอนนายเจตวัตร สวัสด์ิพาณิชย�

นางสาวศิริลักษณ� หมู+สีเสียด

เว็บไซต� http://www.jetavat.com

หัวข0อในการเรียนรู0

1. การออกแบบและสร�างสัญลักษณ�

2. การออกแบบและสร�างส่ือส่ิงพิมพ�

1. การออกแบบและสร0างสัญลักษณ�

Page 2: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 2

1. การออกแบบและสร0างสัญลักษณ�

สัญลักษณ�หรือโลโก� (Logo)

มาจากคําเต็ม Logotype หมายถึง สัญลักษณ� เค ร่ืองหมาย ตัวแทน หรือส่ืออย1างใดอย1างหนึ่งที่บ1งบอก ประเภท รูปแบบ หรือรูปพรรณสั ณ ฐ า น ข อ ง ส่ิ ง ที่ เ ป: น เ จ� า ข อ งสัญลักษณ� หรือโลโก� (Logo) นั้น ๆ

ความหมายของสัญลักษณ� หรือโลโก0

1. การออกแบบและสร0างสัญลักษณ�

ป=จจุบันการออกแบบโลโก�ต1างๆใช�เวลาคิด วิเคราะห�ข�อมูลหลาย อย1าง เพ่ือให�โลโก�ที่ออกแบบมานั้นตอบโจทย�กับบริษัท สินค�าหรือบริการนั้น ๆ สามารถสะท�อนถึงภาพลักษณ�ที่ต�องการออกไปสู1คนภายนอกได�อย1างถูกต�องตามที่คาดหวังไว� ดังนั้นความสําคัญของการออกแบบโลโก� มีดังนี้คือ

ความสําคัญของการออกแบบโลโก0

1. การออกแบบและสร0างสัญลักษณ�

1. เพ่ือทําให�คนอื่นจดจําได�ง1าย สามารถรับรู�ได�ทันทีว1าโลโก�น้ีคือแบรนด�อะไร

2. เพ่ือเพ่ิมความเช่ือมั่นในตัวแบรนด� เพ่ิมความจงรักภักดี (Loyalty) ของแบรนด�

3. เพ่ือบ1งบอกถึงความเป:นมืออาชีพ

4. เพ่ือช1วยสะท�อนถึงคุณภาพของผลิตภัณฑ�

5. เพ่ือช1วยให�ผู�บริโภคเกิดความรู�สึก ความเช่ือมั่น เกิดความเข�าใจในตัวสินค�า และยอมรับในตัวสินค�า

ความสําคัญของการออกแบบโลโก0

Page 3: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 3

1. การออกแบบและสร0างสัญลักษณ�

1. Wordmark เป:นโลโก�ที่ออกแบบโดยการนําตัวอักษรหลายตัวมาจัดเรียงเข�าด�วยกันหรือที่ เรียกว1า Logotype บริษัทที่ใช�โลโก�ลักษณะนี้ เช1น eBay, IBM, CNN, Google, และ Kleenex เป:นต�น

ประเภทของโลโก0

ตัวอย+างโลโก0ประเภท Word mark

1. การออกแบบและสร0างสัญลักษณ�

2. Letterform โลโก�ลักษณะนี้สร�างจากการประดิษฐ�ตัวอักษรตัวเดียวให�มีลักษณะพิเศษชวนจดจํา เช1น Honda, Uber, Unilever, McDonald’s เป:นต�น

ประเภทของโลโก0

ตัวอย+างโลโก0ประเภท Letterform

1. การออกแบบและสร0างสัญลักษณ�

3. Pictorial เป:นโลโก�ที่มีลักษณะเป:นรูปเชิงสัญลักษณ�ที่เรา สามารถเห็นแล�วจดจําได�ง1าย เช1น Starbucks, Twitter หรือ Playboy โลโก�ทั้งหลายเหล1านี้ล�วนแต1มีลักษณะเป:นรูปสัญลักษณ�ทั้งส้ิน

ประเภทของโลโก0

ตัวอย+างโลโก0ประเภท Pictorial

Page 4: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 4

1. การออกแบบและสร0างสัญลักษณ�

4. Abstract ตัวโลโก�ไม1ได�ส่ือถึงส่ิงใด แต1สามารถจดจําได�ง1าย ดูแล�วเหมือนกับภาพศิลปะแบบนามธรรม แบรนด�ที่ประสบความสําเร็จที่สุดที่ใช�โลโก�ลักษณะนี้ดูเหมือนจะเป:น Nike

ประเภทของโลโก0

ตัวอย+างโลโก0ประเภท Abstract

ตัวอย+างการออกแบบโลโก0เพื่อใช0ส่ือความหมาย

https://petmaya.com/15-logos-

hidden-meaning

ใบงานท่ี 5

ให0นักเรียนออกแบบตราสัญลักษณ� (โลโก0)คนละ 1 สัญลักษณ� โดยมีหลักเกณฑ�ในการออกแบบดังน้ี1. ตราสัญลักษณ� ( โลโก�) ต�องแสดงถึงและส่ือความหมายของตัวตนของนักเรียน2. ตราสัญลักษณ� (โลโก�) ให�มีข�อความ “ช่ือของนักเรียน”3. นักเรียนต�องอธิบายแนวคิด ความหมายของผลงาน(ป.ล.ให�นักเรียนทุกคนออกแบบโลโก�โดยใช�โปรแกรม Adobe Photoshops)

Page 5: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 5

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

ส่ือส่ิงพิมพ�” ความหมายตามพจนานุกรมฉบับราชบัณฑิตยสถาน ได�ให�ความหมายไว�ดังนี้

• คําว+า สิ่งพิมพ� หมายถึงสมุด แผ1นกระดาษหรือวัตถุใด ๆ ที่พิมพ�ข้ึน รวมตลอดทั้งบทเพลง แผนที่ แผนผังภาพ ภาพวาด ภาพระบายสี ใบประกาศ แผ1นเสียง หรือส่ิงอื่นใดอันมีลักษณะเช1นเดียวกัน

ความหมายของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

• คําว+า สื่อ หมายถึง ทําการติดต1อให�ถึงกัน ชักนําให�รู�จักกัน ผู�หรือส่ิงที่ทําการติดต1อให�ถึงกัน หรือชักนําให�รู�จักกัน

• คําว+า พิมพ� หมายถึง ถ1ายแบบ ใช�เคร่ืองจักรกดตัวหนังสือหรือภาพ ให�ติดบนวัตถุ เช1น แผ1นกระดาษ ผ�า ทําให�เป:นตัวหนังสือหรือรูปรอยอย1างใด ๆ โดยการกดหรือการใช�พิมพ�หิน เคร่ืองกล วิธีเคมี หรือวิธีอื่นใด อันอาจให�เกิดเป:นส่ิงพิมพ�ข้ึนหลายสําเนา

ความหมายของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

Page 6: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 6

ดังนั้น สื่อสิ่งพิมพ� จึงหมายถึงส่ิงที่พิมพ�ข้ึน ไม1ว1าจะเป:นแผ1นกระดาษหรือวัตถุใด ด�วยวิธีการต1าง ๆ อันเกิดเป:นช้ินงานที่มีลักษณะเหมือน ต�นฉบับข้ึนหลายสําเนาในปริมาณมากเพ่ือเป:นส่ิงที่ทําการติดต1อ หรือชักนําให�บุคคลอื่นได�เห็นหรือทราบ ข�อความต1างๆ

ความหมายของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

ป=จจุบันได�มีการแบ1งประเภทของส่ือส่ิงพิมพ�ไว�มากมายหลายประเภท ดังนี้

1. สื่อสิ่งพิมพ�ประเภทหนังสือ ได�แก1 หนังสือสารคดี ตํารา แบบเรียน หรือหนังสือบันเทิงคดี

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

2. สื่อสิ่งพิมพ�เพ่ือเผยแพร+ข+าวสาร ได�แก1 หนังสือพิมพ� (Newspapers) วารสาร นิตยสาร จุลสาร และส่ิงพิมพ�โฆษณา เช1น โบร�ชัวร� (Brochure) ใบปลิว (Leaflet, Handbill) และ แผ1นพับ (Folder) หรือใบปnด (Poster)

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

Page 7: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 7

3. สิ่งพิมพ�เพ่ือการบรรจุภัณฑ� แยกเป̀นสิ่งพิมพ�หลัก ได�แก1 ส่ิงพิมพ�ที่ใช�ปnดรอบขวด หรือ กระปoองผลิตภัณฑ�การค�า ส่ิงพิมพ�รอง ได�แก1 ส่ิงพิมพ�ที่เป:นกล1องบรรจุ หรือลัง

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

4. สิ่งพิมพ�มีค+า เช1น ธนาณัติ บัตรเครดิต เช็คธนาคาร ต๋ัวแลกเงิน หนังสือเดินทาง โฉนด เป:นต�น

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

5. สิ่งพิมพ�ลักษณะพิเศษ เป:นส่ือส่ิงพิมพ�ที่มีการผลิตข้ึนตามลักษณะพิเศษแล�วแต1การใช�งาน ได�แก1 นามบัตร บัตรอวยพร หรืออื่นๆ

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

Page 8: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 8

6. สิ่งพิมพ�อิเล็กทรอนิกส� เป:นส่ือส่ิงพิมพ�ที่ผลิตข้ึนเพ่ือใช�งานในคอมพิวเตอร� หรือระบบเครือข1ายอินเตอร�เน็ต ได�แก1 Document Formats E-book เป:นต�น

ประเภทของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

ที่มา : http://www.horhook.com/ebook/6/kk12/#p=8

ประโยชน�ของสื่อสิ่งพิมพ�

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

1. ส่ิงพิมพ�เป:นส่ือที่มีความน1าเช่ือถือ เพราะเป:นลายลักษณ�อักษรชัดเจน2. สะดวกสบายสําหรับการใช�งานและราคาถูก3. เป:นส่ือที่มีความคงทนถาวร4. สามารถเข�ากลุ1มเปtาหมายได�อย1างกว�างขวางสะดวกรวดเร็ว และยังเลือกกลุ1มเปtาหมายที่ต�องส่ือข�อมูลข1าวสารได�ด�วย5. มีความเป:นอิสระ สามารถออกแบบส่ือส่ิงพิมพ�ได�อย1างเต็มที่ เพราะไม1มีข�อจํากัดเร่ืองขนาดและเนื้อที่

2. การออกแบบและสร0างส่ือส่ิงพิมพ�

การสร0างสื่อสิ่งพิมพ� ปdอบอัพทวิสต� Twist Pop Up Card

ที่มา : https://www.youtube.com/watch?v=Hfb20Hmx2vc

Page 9: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 9

การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ

ให0นักเรียนออกแบบ Twist Pop Up Card แฟjมสะสมผลงานของตนโดยมีส+วนประกอบดังน้ี1. ปกหน�า2. ปกหลัง3. ประวัติส1วนตัว4. ประวัติการศึกษา

5. ประวัติการทํางาน6. ความสามารถพิเศษ7. รางวัลและผลงานที่ภาคภูมิใจ8. ภาพกิจกรรม

ตัวอย+าง Twist Pop Up Card

แฟjมสะสมผลงาน

ตัวอย+าง Twist Pop Up Card (Profile)

การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ

Page 10: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 10

ตัวอย+าง Twist Pop Up Card (Profile)

การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ

ตัวอย+าง Twist Pop Up Card (Profile)

การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ

ตัวอย+าง Twist Pop Up Card (Profile)

การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ

Page 11: และสรางสัญลักษณ - jetavat.com · om/15-logos-hidden-meaning ใบงานที่ 5 ใหนักเรียนออกแบบตราสัญลักษณ

������� ����� ��ก����ก �������� �30265

��� ����� �� � ��������� ���� 11

1. จงอธิบายความหมายของสัญลักษณ� (โลโก�) ตามที่นักเรียนเข�าใจมาพอสังเขป ?

2. จงอธิบายความสําคัญของโลโก�ที่นักเรียนคิดว1ามีความสําคัญมากที่สุดมาอย1างน�อย 3 ข�อ ?

3. ประเภทของโลโก�มีกี่ประเภท แต1ละประเภทมีลักษณะอย1างไรจงอธิบาย ?

4. จงอธิบายความหมายของส่ือส่ิงพิมพ�ตามความเข�าใจของนักเรียนมาอย1างละเอียด ?

5. ส่ือส่ิงพิมพ�มีกี่ประเภทอะไรบ�าง จงอธิบายความหมายแต1ละประเภทพร�อมยกตัวอย1าง ?

แบบฝlกหัดท0ายหน+วย