Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
������� ����� ��ก����ก �������� �30265
��� ����� �� � ��������� ���� 1
รายวิชา คอมพิวเตอร�กราฟ�ก (Computer Graphic)รหัสวิชา ง30265
หน+วยที่ 5 เรื่อง การสร0างผลงานคอมพิวเตอร�กราฟ�ก
ครูผู0สอนนายเจตวัตร สวัสด์ิพาณิชย�
นางสาวศิริลักษณ� หมู+สีเสียด
เว็บไซต� http://www.jetavat.com
หัวข0อในการเรียนรู0
1. การออกแบบและสร�างสัญลักษณ�
2. การออกแบบและสร�างส่ือส่ิงพิมพ�
1. การออกแบบและสร0างสัญลักษณ�
������� ����� ��ก����ก �������� �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
������� ����� ��ก����ก �������� �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
������� ����� ��ก����ก �������� �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)
������� ����� ��ก����ก �������� �30265
��� ����� �� � ��������� ���� 5
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
ส่ือส่ิงพิมพ�” ความหมายตามพจนานุกรมฉบับราชบัณฑิตยสถาน ได�ให�ความหมายไว�ดังนี้
• คําว+า สิ่งพิมพ� หมายถึงสมุด แผ1นกระดาษหรือวัตถุใด ๆ ที่พิมพ�ข้ึน รวมตลอดทั้งบทเพลง แผนที่ แผนผังภาพ ภาพวาด ภาพระบายสี ใบประกาศ แผ1นเสียง หรือส่ิงอื่นใดอันมีลักษณะเช1นเดียวกัน
ความหมายของสื่อสิ่งพิมพ�
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
• คําว+า สื่อ หมายถึง ทําการติดต1อให�ถึงกัน ชักนําให�รู�จักกัน ผู�หรือส่ิงที่ทําการติดต1อให�ถึงกัน หรือชักนําให�รู�จักกัน
• คําว+า พิมพ� หมายถึง ถ1ายแบบ ใช�เคร่ืองจักรกดตัวหนังสือหรือภาพ ให�ติดบนวัตถุ เช1น แผ1นกระดาษ ผ�า ทําให�เป:นตัวหนังสือหรือรูปรอยอย1างใด ๆ โดยการกดหรือการใช�พิมพ�หิน เคร่ืองกล วิธีเคมี หรือวิธีอื่นใด อันอาจให�เกิดเป:นส่ิงพิมพ�ข้ึนหลายสําเนา
ความหมายของสื่อสิ่งพิมพ�
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
������� ����� ��ก����ก �������� �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างส่ือส่ิงพิมพ�
������� ����� ��ก����ก �������� �30265
��� ����� �� � ��������� ���� 7
3. สิ่งพิมพ�เพ่ือการบรรจุภัณฑ� แยกเป̀นสิ่งพิมพ�หลัก ได�แก1 ส่ิงพิมพ�ที่ใช�ปnดรอบขวด หรือ กระปoองผลิตภัณฑ�การค�า ส่ิงพิมพ�รอง ได�แก1 ส่ิงพิมพ�ที่เป:นกล1องบรรจุ หรือลัง
ประเภทของสื่อสิ่งพิมพ�
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
4. สิ่งพิมพ�มีค+า เช1น ธนาณัติ บัตรเครดิต เช็คธนาคาร ต๋ัวแลกเงิน หนังสือเดินทาง โฉนด เป:นต�น
ประเภทของสื่อสิ่งพิมพ�
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
5. สิ่งพิมพ�ลักษณะพิเศษ เป:นส่ือส่ิงพิมพ�ที่มีการผลิตข้ึนตามลักษณะพิเศษแล�วแต1การใช�งาน ได�แก1 นามบัตร บัตรอวยพร หรืออื่นๆ
ประเภทของสื่อสิ่งพิมพ�
2. การออกแบบและสร0างส่ือส่ิงพิมพ�
������� ����� ��ก����ก �������� �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
������� ����� ��ก����ก �������� �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)
การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ
������� ����� ��ก����ก �������� �30265
��� ����� �� � ��������� ���� 10
ตัวอย+าง Twist Pop Up Card (Profile)
การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ
ตัวอย+าง Twist Pop Up Card (Profile)
การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ
ตัวอย+าง Twist Pop Up Card (Profile)
การออกแบบงานกราฟฟ�กเพื่อการนําเสนอ
������� ����� ��ก����ก �������� �30265
��� ����� �� � ��������� ���� 11
1. จงอธิบายความหมายของสัญลักษณ� (โลโก�) ตามที่นักเรียนเข�าใจมาพอสังเขป ?
2. จงอธิบายความสําคัญของโลโก�ที่นักเรียนคิดว1ามีความสําคัญมากที่สุดมาอย1างน�อย 3 ข�อ ?
3. ประเภทของโลโก�มีกี่ประเภท แต1ละประเภทมีลักษณะอย1างไรจงอธิบาย ?
4. จงอธิบายความหมายของส่ือส่ิงพิมพ�ตามความเข�าใจของนักเรียนมาอย1างละเอียด ?
5. ส่ือส่ิงพิมพ�มีกี่ประเภทอะไรบ�าง จงอธิบายความหมายแต1ละประเภทพร�อมยกตัวอย1าง ?
แบบฝlกหัดท0ายหน+วย