บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ...

33
บทที2 การทบทวนเอกสารและวรรณกรรมที่เกี่ยวข้อง

Transcript of บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ...

Page 1: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

บทท 2

การทบทวนเอกสารและวรรณกรรมทเกยวของ

Page 2: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

3

บทท 2

การทบทวนเอกสารและวรรณกรรมทเกยวของ

รายงานปฏบตสหกจเรอง การออกแบบงานกราฟกเพอใชผลตสอโฆษณาประเภทสอสงพมพ:ศกษากรณงาน “ Thank you Party ” ของบรษทไมโครซอฟ ณ The Cavalry Club มงศกษาถงขนตอนในการออกแบบBackdrop และขนตอนในการจดกจกรรมพเศษเฉพาะงานThank you Party ของบรษทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมทเกยวของผจดท ารายงานศกษาเรองตอไปน - แนวคดทวไปเกยวกบโฆษณา - แนวคดทวไปเกยวกบการออกแบบ - การใชโปรแกรม Adobe Illustrator CS6 - การใชโปรแกรม Adobe Photoshop CS6 2.1 แนวคดทวไปเกยวกบการโฆษณา สมาคมหารตลาดแหงสหรฐอเมรกา (The American Marketing Association หรอ AMA) ใหค าจ ากดความโฆษณาวา “การโฆษณา คอ รปแบบของการเสนอใดๆ ซงตองช าระเงนและผานสอทมใชตวบคคล การเสนอนเปนการสงเสรม และเผยแพรความคดเหนเกยวกบสนคาหรอบรการตางๆ โดยมผอปภมภทระบไว ” (แนงนอย บญยเนตร 2539) การโฆษณา เปนกจกรรมสอสารมวลชนทเกดขนเพอจงใจใหผบรโภคมพฤตกรรมอนเอออ านวยตอการเจรญเตบโตของธรกจ การขายสนคาหรอบรการโดยอาศยจากเหตผลซงมทงกลยทธจรงและผลสมมตผานสอโฆษณา (เสร วงคมณฑา 2535) การโฆษณา เปนการสอสารผานสอโฆษณาเพอกระตนใหผบรโภคเกดความตองการจะซอสนคาหรอบรการ โดยตองเสยคาใชจายใหกบสอและระบตวผโฆษณาดวย (ศรพรรณวด รงวฒขจร 2541) ความหมายของการโฆษณา (Advertising) เปนสงทเขามาเกยวของกบชวตประจ าวนของผบรโภคอยางหลกเลยงไมได เพราะการโฆษณาเปนเครองมอสอสารทส าคญทางการตลาด เปนกระบวนการทางดานสอมวลชนทเกดขนเพอจงใจใหมความตองการในการซอสนคาหรอบรการ (ธวลวรตน อนทนนชย 2552) โฆษณา หมายถง รปแบบการใชจายในการตดตอสอสารโดยไมใชบคคลเกยวของกบองคการผลตภณฑ บรการ หรอความคดโดยผอปถมภรายการ จากความหมายน จะเหนไดวาการโฆษณามความหมายดงน (1) เปนการตดตอสอสารโดยไมใชบคคล (Nonpersonal communication of information) กลาวคอ เปนการตดตอสอสารโดยใชสอ เชน โทรทศน วทย หนงสอพมพ (2) โดยทวไปตองเสยคาใชจายในการโฆษณา(Usually paid for advertising) (3) โดยทวไปจะจงใจ

Page 3: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

4

เกยวกบผลตภณฑหรอความคด (Usually persuasive about products, services or ideas) (4) สามารถระบผอปถมภรายการได (By identifies sponsor) กลาวคอ สามารถระบผเปนเจาของสนคาและเสยคาใชจายในการโฆษณานน (5) โดยอาศยสงตางๆ (Through various medias) สอทใชเรยกวา สอมวลชน (Mass media) ตดตอโดยตรงกบลกคาเพอใหลกคาจอบกลบอยางใดอยางหนงเครองมอนเราเรยกวา การตลาดทางตรง (Direct marketing) ความหมายของการโฆษณา (Advertising) เปนสงทเขามาเกยวของกบชวตประจ าวนของผบรโภคอยางหลกเลยงไมได เพราะการโฆษณาเปนเครองมอสอสารทส าคญทางการตลาด เปนกระบวนการทางดานสอมวลชนทเกดขนเพอจงใจใหมความตองการในการซอสนคาหรอบรการ (ธวลวรตน อนทนนชย 2552) โดยสรปแลว การโฆษณา หมายถง การใหขอมลขาวสารแกผบรโภคเกยวกบสนคาหรอบรการตางๆ หรอเปนตวชวยในการพจารณากอนการตดสนใจซอ โดยอาศยเทคนคการจงใจผานสอในรปแบบตาง เพอกระตนใหผบรโภคเกดความตองการสนคาและพยายามใหผบรโภครจกสนคาเพมมากขน

2.1.1 เปาหมายของการโฆษณา เสร วงษมณฑา(2535:140)ไดเสนอเปาหมายของการโฆษณาเพอเปนแนวทางในการวางแผนและการปฎบตงานของการโฆษณาเปน 4 ประเดนคอ เปาหมายทางจตวทยา เปนเปาหมายทจะใหโฆษณามผลตอความรสกนกคดของผบรโภคเชน ใหจ าได ใหเปลยนใจ ประเดนทสอง เปาหมายทางการกระท าคอ เปาหมายทมผลตอพฤตกรรมการแสดงออกของผบรโภค เชน ใหลองใช ใหรบซอและซอทละมากๆ ประเดนทสาม เปาหมายทางภาพลกษณ คอ เปาหมายทตองการใหคนรจกและยอมรบผดชอบตอสงคม และประเดนสดทายคอ เปาหมายทางธรกจเปนเปาหมายเกยวของกบองคกร บคลากรโดยตรงเพอตองการสรางการยอมรบและความมนใจตอผจ าหนายเปนตน การตงเปาหมายของการโฆษณามเปาหมายหลกกคอ ตองการใหสอไปยงผบรโภค และน าไปสการวางกลยทธในการผลตโฆษณาออกมาเพอสรางภาพแทนทในสมองของผบรโภคเปนจดเรมตนของขาวสารทจะสอกบผบรโภค

2.1.2 องคประกอบของการโฆษณา การโฆษณาเปนการสรางสรรคงานโฆษณาทางสอสงพมพนตยสารวทยโทรทศน อนเตอรเนตหรอประเภทอนๆจะมองคประกอบทประกอบดวยภาพ(Picture)ขอความ (Words) และเสยง (Sound) เพอใหงานโฆษณามความนาสนใจและดงดดใจ เปนการสรางสรรคดานภาพส าหรบการโฆษณามความแตกตางกนระหวาง การสรางสรรคภาพทางสอสงพมพ และสอโทรทศน โดยทสอสงพมพ จะเปนภาพทท าขนจากคอมพวเตอรหรอภาพวาดดวยมอกได ในขณะทโทรทศนอาจเปนภาพเคลอนไหวสมจรง (Life Action) หรอเปนภาพอนเมชน (Animation) ทสรางขนจาก

Page 4: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

5

คอมพวเตอรหรอวาดขนไดเชนกน ตวอกษร การออกแบบลกษณะตวอกษร ลกษณะตวอกษรทตองการกสามารถแสดงถงอารมณทตางกนไดเชนการออกแบบลกษณะตวอกษรนนตองใหสอดคลองกบองคประกอบของภาพโฆษณา และยงมความเกยวของกนทางดานโฆษณาดงนคอ ผโฆษณา(Advertiser)คอเจาของผลตภณฑสนคาหรอบรการมประสงคทจะท าการโฆษณาประชาสมพนธผลตภณฑสนคาหรอบรการโดยยนยอมทจะรบผดชอบกบคาใชจายทเกดขนจากกระบวนการท าโฆษณาประชาสมพนธผลตภณฑสนคาหรอบรการทงหมด บรษทตวแทนโฆษณา(Advertising Agency) เปนดานองคกรหรอบรษททไดรบการวาจางจากผ โฆษณาประชาสมพนธ ทางดานผลตภณฑสนคาหรอบรการไดใหท าการออกแบบและผลตโฆษณาตางๆ สอโฆษณา (advertising media) เปนการเผยแพรขอมลขาวสารหรอคณสมบตของผลตภณฑสนคาหรอบรการไปยงกลมผบรโภคหรอลกคาเปาหมาย เชน โทรทศน วทย ผบรโภค (consumer) เปนผทยนดทจะจายเงนเพอซอผลตภณฑสนคาหรอบรการ ตางๆซงเลอกจากความตองการและความพงพอใจของผบรโภคหรอลกคาโดยอาศยทางดานการรบรขาวสารสนคาผานสอโฆษณาประชาสมพนธในตวผลตภณฑสนคาหรอบรการในการชวยตดสนใจอกทางหนง (อนพงษ พลพร 2552)

2.1.3 บทบาทและหนาทของการโฆษณา คณะกรรมการกลมผผลตชดวชาการหลกโฆษณาและการประชาสมพนธเสนอบทบาทของการโฆษณาไววา มบทบาทหลกตอกระบวนการการตลาดดงน

2.1.3.1การใหขาวสารเพอใหผบรโภคไดรจกรายละเอยดตางๆเกยวกบสนคาวามรปรางลกษณะคณสมบตรปสมบตพเศษเดนชดประสทธภาพของสนคาตลอดจนการใชสถานทจ าหนายผผลตฯลฯซงท าใหผบรโภคสามารถคาดการณลวงหนาและเปรยบเทยบคณคาของสนคาราคาเพอสะดวกในการตดสนใจ

2.1.3.2การใหความบนเทงนอกจากการโฆษณาจะเสนอขาวสารเกยวกบสนคาโฆษณายงมวธการเสนอขาวสารในรปแบบตางๆทมความสนกสนานความบนเทงจะชวยกระตนความสนใจของผบรโภคในจดเรมตนชกชวนใหตดตามขาวสารโฆษณานนซ าอกในคราวตอไปจะท าใหผบรโภคจดจ าเรองราวทเปนสาระส าคญเกยวกบสนคาไดมมากขนและท าใหผบรโภคเกดทศนคตทดตอสนคาดวย

2.1.3.3 การโนมนาวใจการโฆษณาชวยใหผบรโภคจดจ าชอสนคานนยงมบทบาทในการชกจงใจใหผบรโภคเกดการตดสนใจซอสนคาไปทดลองใชหากเกดความพงพอใจในคณภาพของสนคายอมน าไปสการซอสนคานนตอไปการโนมนาวใจผบรโภคใหเกดความชนชอบในสนคานนแบงออกเปน 2 ประเภท คอ

Page 5: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

6

ก)วธการโฆษณาทมงชกชวนผบรโภคเกดความตองการสนคาประเภทใดประเภทหนงอยางกวางๆ ไมจ าเพราะเจาะจงวาตองเปนสนคาใดเปนพเศษ ข) วธการโฆษณาทมงชกชวนผบรโภคใหเกดความตองการสนคาทเจาะจง สนคานนเปนพเศษ 2.1.3.4 การตอกย าความจ าได งานโฆษณาสนคาแตละชนไมวาจะปรากฏออกมาในรแบบใดกตามหรอผานสอมวลชนและสออนๆ สงทเหมอนกนคองานโฆษณาแตละชนจะถกน าออกมาเผยแพรไปสผบรโภคซ ากนหลายๆครงภายในระยะเวลาหนง จงจะเปลยนแปลงโดยออกอากาศงานโฆษณาชนใหมขนมาทดแทนตอไป งานโฆษณาทเสนอผบรโภคหลายๆครงน จะมสวนชวยท าใหผบรโภคเกดความคนเคยกบสนคา สามารถจดจ ารายละเอยดตรายหอ และชอทางการไดโดยผบรโภคไมตองพยายามทองจ า ทงนเพราะอทธพลของการโฆษณาจะชวยใหผบรโภคเกดการจดจ าทนท และเปดโอการใหสนคานนเปนอนดบแรก ดงนนงานโฆษณาทดจงชวยเพมประสทธภาพในการแขงขนในตลาด 2.1.3.5การย าความมนใจโฆษณามบทบาทในการย าความมนใจใหผบรโภคตลอดเวลานนนบตงแตทผบรโภคตดสนใจซอสนคาไปทดลองใชครงแรกโฆษณาจะชกจงความสนใจเอาไวกบสนคาเดมตอไป แมตดสนใจซอสนคานนในครงตอไปกอจะผกพนกบสนคาเดม การสรางมนใจโดยการโฆษณานท าใหธรกจสามารถจ าหนายสนคาของตนไดตลอดไประยะยาวขณะเดยวกนกจะผกพนผบรโภคกบตราสนคานนไวเปนพเศษดวย 2.1.3.6 การประสานงานกบการสงเสรมการจ าหนายรปแบบตางๆ เชน การจบฉลากชงโชค การแจกของแถม เปนตน 2.1.4 หนาทของการโฆษณา การโฆษณาท าหนาทตางๆ ดงน

2.1.4.1 หนาททางการตลาด (Marketing function) กลาวคอ ท าหนาทเปนสวนหนงในสวนประสมทางการตลาดซงประกอบดวย ผลตภณฑ ราคา การจดจ าหนาย และการสงเสรมทางการตลาด ทงสเครองมอนใชรวมกนเพอตอบสนองความตองการและสรางความพงพอใจใหแกลกคาอนจะน าไปสการสรางยอดขายและก าไรในทสด 2.1.4.2 หนาทการตดตอสอสาร (Communication function) การโฆษณาถอเปนการตดตอสอสารกบกลมใดกลมหนงเพอแจงขาวสาร เพอจงใจใหเกดความตองการ หรอเพอสรางทศนคตทดใหเกดกบกลมเปาหมาย 2.1.4.3 หนาทใหความร (Education function) การโฆษณาถอเปนการใหความรเกยวกบการใชผลตภณฑและท าใหทราบวาผลตภณฑท าใหคณภาพชวตของมนษยดขน 2.1.4.4 หนาทดานเศรษฐกจ (Economic function) จากการทบคคลรจกผลตภณฑเนองมาจากการโฆษณา ซงท าใหเกดการซอผลตภณฑนน จงเทากบวาการโฆษณาเปนตวสราง

Page 6: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

7

ยอดขายและก าไรท าใหธรกจด าเนนไปไดดวยด ท าใหเกดการขยายตวดานการลงทน เปนผลท าใหเกดการสรางงานอนเปนผลท าใหระบบเศรษฐกจโดยสวยรวมดขน 2.1.3.4 หนาทดานสงคม (Social function) การโฆษณาเปนปจจยส าคญทชวยปรบปรงมาตรฐานการด ารงชวตของประชาชนในประเทศใดประเทศหนงและทวโลก การเผยแพรขาวสารการโฆษณาจะมผลกระทบตอการพฒนาดานสงคมและวฒนธรรม การโฆษณาไมใชแตมงทการขายสนคาเทานนแตมการโฆษณาจ านวนมาทเปนการโฆษณาทตองค านงถงภาระความรบผดชอบของธรกจทมตอสงคมและมวลมนษยชาต 2.1.5 ประเภทของการโฆษณา การโฆษณามการจดประเภทตมเกณฑตาง ดงน

2.1.5.1 การจดประเภทตามกลมผรบขาวสาร (Classification by target audience)

• การโฆษณาทมงสผบรโภค (Consumer advertising) เปนการโฆษณาทมงสผบรโภคขนสดทายทซอผลตภณฑเพอใชสวนตวไมใชเพอธรกจ การโฆษณาสวนใหญไมวาจะเปนโทรทศน วทย หนงสอพมพ ฯลฯ เปนการโฆษณาทมงสผบรโภค เชน การโฆษณาน าอดลม นมสด ฯลฯ

• การโฆษณาทมงสธรกจ (Business advertising) เปนการโฆษณาทมงทบคคลหรอหนวยธรกจทซอผลตภณฑเพอการผลตหรอใชในธรกจ ประกอบดวย 4 แบบ ดงน - การโฆษณาสนคาอตสาหกรรม (Industrial advertising) เปนโฆษณาทมงสบรษทอตสาหกรรมทซอผลตภณฑเพอการด าเนนการผลต การขนสง การใชประโยชน หรอใชในการด าเนนงานของผประกอบอตสาหกรรม การโฆษณาแบบนนสวนใหญใชนตยสารเฉพาะกลม เชน นตยสารคอมพวเตอร เครองจกร อเลกทรอนกส การกอสราง อตสาหกรรม - การโฆษณาทมงสคนกลาง (Trade advertising) เปนการโฆษณาทกระตนผคาสงและผคาปลก เพอซอสนคาไปขายตอ บางครงเรยกวาการสงเสรมการขายทมงสคนกลาง (Trade advertising) - การโฆษณาทมงสกลมวชาชพ (Professional advertising) เปนการโฆษณาทมกลมเปาหมายทกลมวชาชพตางๆ เชน แพทย ทนตแพทย นกบญช นกกฎหมาย สถาปนก คร ฯลฯ - การโฆษณาสนคาเกษตรกรรม (Farm or agricultural advertising) เปนการโฆษณาทมกลมเปาหมายทกลมเกษตกร ผผลตและผจดจ าหนายสนคาเกษตรกรรม 2.1.5.2 การจดประเภทตามอาณาเขตทางภมศาสตร (Classification by geographic area covered)เปนการจดประเภทการโฆษณาโดยถอเกณฑอาณาเขตทางภมศาสตรทเปนเปาหมายในการโฆษณา มการจดประเภทดงน

Page 7: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

8

- การโฆษณาทมงสตางประเทศ (International advertising) เปนการโฆษณาทมงสตลาดตางประเทศทแตกตางกน - การโฆษณาระดบชาต (National advertising) เปนการโฆษณาทมงสลกคาทงประเทศ เชน การโฆษณาเบยรสงห มกลมเปาหมายทผรบขาวสารในประเทศไทย - การโฆษณาในเขตใดเขตหนง (Regional advertising) เปนการโฆษณาทมงสเขตใดเขตหนงหรอภาคใดภาคหนง เชน การโฆษณาผานโทรทศนชอง 8 ล าปาง ชอง 4 หาดใหญ ชอง 10 ขอนแกน เปนตน - การโฆษณาทองถน (Local advertising) เปนการโฆษณาทมงสกลมลกคาภายในจงหวดใดจงหวดหนง หรอทองถงใดทองถนหนง เชน การโฆษณารบสมครนกศกษานกเรยนของโรงเรยนพาณชย ฯลฯ 2.1.5.3 การจดประเภทตามสอ (Classification by medium) เปนการจดประเภทการโฆษณาตามสอทใชในการโฆษณาดงน

• การโฆษณาผานสออเลกทรอนกส (Electronic advertising) - การโฆษณาทางโทรทศน (Television advertising) - การโฆษณาทางวทย (Radio advertising)

• การโฆษณาผานสอสงพมพ (Print advertising) - การโฆษณาทางหนงสอพมพ (Newspaper advertising) - การโฆษณาทางนตยสาร (Magazine advertising )

•การโฆษณานอกสถานท (ปายโฆษณาและสอเคลอนท)(Out-of-home advertising) - การโฆษณาโดยใชปายโฆษณา (Outdoor advertising) - การโฆษณาเคลอนท (Transit advertising)

• การโฆษณาโดยใชจดหมายตรง (Direct mail advertising)

• การโฆษณาโดยใชสมดโทรศพท (Directories advertising)

• การโฆษณาโดยการจดแสดงสนคา (Display advertising)

• สออนๆ เชน โรงภาพยนตร วดโอเทป ฯลฯ

Page 8: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

9

2.2 แนวคดทวไปเกยวกบการออกแบบ 2.2.1 ความส าคญของการออกแบบงานกราฟก

-การออกแบบทดท าใหขอมลทกระจดกระจายมระเบยบมากขนกอใหเกดความเขาใจทชดเจนและถกตอง - ชวยใหระบบการถายทอดขอมลเปนไปอยางรวดเรวและชดเจน - ชวยสรางสรรคสญลกษณทางสงคม เพอการสอความหมายรวมกน - ชวยพฒนาระบบการสอสารใหมประสทธภาพยงขน - ชวยใหเกดจนตภาพ เกดมแนวคดสงใหมๆอยเสมอๆ - สงเสรมใหเกดคานยมทางความงาม - สงเสรมความกาวหนาทางธรกจและการพฒนาประเทศ - ชวยใหเกดการเรยนร และเปลยนแปลงพฤตกรรม

2.2.2 อทธพลของศลปะในการออกแบบกราฟก องคประกอบส าคญทจะชวยท าใหงานกราฟกมความโดดเดนนาสนใจนกออกแบบจงใชหลกและวธการทางศลปะเปนแนวทางในการออกแบบ โดยพจารณาดงน

• รปแบบตวอกษรและขนาด การสรางรปแบบตวอกษรใหมรปแบบแปลกตา สวยงามจะชวยเรงเราความรสกตอบสนองไดเปนอยางด โดยเนนความชดเจนสวยงาม สอดคลองกบจดประสงค ส าหรบขอความน าเรองและขอความรายละเอยดนอกจากนนขนาดของตวอกษรกมความส าคญไมยงหยอนไปกวากน ขนาดของตวอกษรทกตวบนชนงานตองมความพอด อานไดงาย สอความหมายไดดไมตองคดมาก นอกจากนนแลวการจดวางรปแบบขอความทดกจะชวยใหการสอความหมายเปน ไปอยางมประสทธภาพดวย

•การก าหนดระยะหางและพนทวางการจดพนทวางในการออกแบบกราฟกมวตถประสงคเพอการจดระเบยบของขอมล ชวยเนนความเปนระเบยบและความชดเจน ระยะหางหรอพนทวางจะชวยพกสายตาในการอาน ท าใหดสบายตา สรางจงหวะลลาขององคประกอบภาพใหเหมาะสมและสวยงาม

•การก าหนดสสมบทบาทอยางมากทชวยเนนความชดเจนท าใหสะดดตา สรางสรรคความสวยงาม การก าหนดสใดๆ ขนอยกบประเภทของงานนนๆ ขอส าคญทควรค านงถงคอ สบนตวภาพ พนภาพและตวอกษร ตองมความโดดเดน ชดเจน เหมาะกบกลมเปาหมายซงมความชอบทแตกตางกน นกออกแบบจะพยายามใชสเพอใหบรรลวตถประสงคมากทสด

•การจดวางต าแหนงเปนการจดวางโครงรางทงหมดทจะก าหนดต าแหนงขนาดของภาพประกอบ ต าแหนงของขอความทงหมด และสวนประกอบอนๆทปรากฎ ซงตองค านงถงจดเดนทควรเนน ความสมดลตางๆ ความสบายตาในการมอง นกออกแบบตองใหความส าคญตอ

Page 9: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

10

ทกๆสวนทปรากฏบนชนงานเทากนทงหมด ความพอเหมาะพอดชวยใหงานออกแบบมความนาเชอถอและนาสนใจ 2.2.3 สวนประกอบของการออกแบบ

• จด เปนสวนประกอบทเลกทสด เปนพนฐานเบองตนของสวนประกอบตางๆ โดยอาจเรยงเปนเสนหรอรวมเปนภาพ

• เสน เปนสวนประกอบของจดหลาย ๆ จดตอเนองกนจนกลายเปนเสน อาจเปนเสนตรง เสนโคงกได รวมถงสงอนๆ ทมลกษณะเปนแนวเสน

• รปราง เมอน าเสนมาบรรจบกนจะเปนภาพรปรางมลกษณะเปน 2 มต คอ กวาง และยาว ซงมลกษณะ เชน รปสเหลยม รปสามเหลยม รปกลม รปหลายเหลยม รปอสระไมแนนอน

• รปทรง เปนลกษณะของรป 3 มต ซงนอกจากจะมความกวางความยาวแลว ยงเพมความหนาขนอกดวย ท าใหเราทราบถงรปรางสณฐานของวตถตางๆได

• แสงและเงา เราสามารถเหนวตถตางๆ ไดกตอเมอมแสงไปกระทบวตถนน แลวแสงจากวตถนนสะทอนเขาตาเรา จงท าใหเราเหนภาพขน สวนเงานนจะท าใหเราเหนภาพนนเดนขน หรอเหนรายละเอยดชดเจนขนวาวตถนนมรปรางเปนอยางไร

• ส มอทธพลอยางมากตอมนษยเรา สทปรากฏนนอาจเกดจากการมองเหนของสายตา จากการทแสงสองมากระทบวตถ เกดจากสทมอยในตวของวตถเอง เราอาจแยกสเปน 2 ประเภท คอ - สทเกดจากธรรมชาต เชน สของใบไม ดอกไม ทองฟา สผว และอนๆอกมากมาย - สทเกดจากการผลตขนมาโดยมนษย อาจใหสเหมอนธรรมชาตหรอสรางขนมาใหมกได

• ลกษณะพนผว ในการออกแบบกราฟก พนผวม 2 ลกษณะคอ -พนผวทสามารถสมผสได อาจเรยบหรอขรขระ - พนผวทสอออกมาดวยลายเสน หรอวธการใด ๆ ทางกราฟก

• สดสวน สดสวนทงในสวนของวตถ และความเหมาะสมระหวางวตถและบรเวณภาพ ซงเรองนเกยวของกบเรองขนาด ปรมาณ และบรเวณวาง จะตองพจารณาใหละเอยดไมควรละเลย ซงจะมผลตอการสอความหมายได

• ทศทาง เปนการน าสายตา จงใจ และแสดงความเคลอนไหว อาจแสดงดวยเสน ลกศร สายตา การเดนทาง ถนน ฯลฯ

• จงหวะ ลลา การจดวางเสน รปราง รปทรงทมความตอเนอง มลลาทเคลอนทแสดงความถหรอใกลชด ความหางหรอไกลกน และอาจมความพอเหมาะพอดทเรยกวา “ลงตว”

Page 10: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

11

• บรเวณวาง ควรจะค านงถงและใชใหถกตอง มเชนนนแลวจะมผลตอการสอความหมายใหผดพลาดคลาดเคลอนได การใชบรเวณวางทเหมาะสมจะท าใหไดภาพชดเจน งายตอการรบรและเขาใจรวมไปถงความงามอกดวย

• ระยะของภาพ สายตาของมนษยเราจะมองเหนภาพทอยใกลชดเจนทสด และมองเหนภาพทอยไกลเลอนราง ใหรายละเอยดไมชดเจน การรบรของสายตาและการถายทอดเพอสอความหมายในเรองระยะของภาพน ท าใหเกดความถกตอง สมจรง บอกไดถงขนาด สดสวน ระยะทาง ความลก ฯลฯ 2.2.4 การจดองคประกอบของงานกราฟก 2.2.4.1 จดใหเปนเอกภาพ ในทนหมายถง สงทชวยท าใหชนงานเปนอนหนงอนเดยวกน ซงตองขนอยกบวตถประสงคนน ๆ ความเปนเอกภาพจะครอบคลมถงเรองของความคดและการออกแบบ 2.2.4.2 ความสมดล ในงานกราฟกเปนเรองของความงาม ความนาสนใจ เปนการจดสมดลกนทงในดานรปแบบและส มอย 2 ลกษณะทส าคญ คอ - ความสมดลในรปทรงหรอความเหมอนกนทง 2 ดาน คอเมอมองดภาพแลวเหนไดทนทวาภาพทปรากฏนนเทากน ลกษณะภาพแบบนจะท าใหความรสกทมนคง เปนทางการ แตอาจท าใหดนาเบอไดงาย - ความสมดลในความรสก หรอความสมดลทสองขางไมเหมอนกน เปนความแตกตางกนทงในดานรปแบบ ส หรอพนผว แตเมอมองดโดยรวม จะเหนวาเทากน ไมเอนเอยงไปขางใดขางหนง ความสมดลในลกษณะน ท าใหเกดความรสกเคลอนไหว แปรเปลยน ไมเปนทางการ และไมนาเบอ 2.1.4.3 การจดใหมจดสนใจ ภายในเนอหาทจ ากดจะตองมการเนน การเนนจะเปน ณ จดใดจดหนงทเหนวามความส าคญ อาจท าไดดวยภาพหรอขอความกได โดยมหลกวา “ความคดเดยวและจดสนใจเดยว” การ มหลายความคด หรอมจดสนใจหลายจด จะท าใหการออกแบบเกดความลมเหลวเพราะหาจดเดนชดไมได ภาพรวมจะไมชดเจน ขาดเอกลกษณของความเปนผน าในตวชนงาน ส าหรบวธการทจะท าใหมจดสนใจอาจเนนดวย ส ขนาด สดสวน และรปรางทแปลกไปกวาสวนอนๆในภาพ สวนต าแหนงทเหมาะสมในการวางจดสนใจนนสามารถกระท าไดดงน น าภาพมาแบงเปน 3 สวน บรเวณทเสนตดกนนนกคอ ต าแหนงทเหมาะสม จากผลการวจยหลายๆครง พบวา ตรงจดตดกนทมมบนซายนนเปนต าแหนงทดทสด เหตผลหนงทสนบสนนกคอ ในการอานหนงสอนน เรามกอานจากมมซายไปขวา และจากบนลงลาง ฉะนน ต าแหนงนจะเปนจดแรกทสายตาเรามอง เพออานหรอดภาพบนแผนภาพนนเอง

Page 11: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

12

2.2.5 หลกการพจารณาเกยวกบการใชส การใชสในงานออกแบบกราฟก มวตถประสงคทจะท าใหงานนนนาด สวยงาม และตนตา หรอสงเสรมใหเนอหาสาระทน าเสนอมความสมบรณยงขนคนแตละวยมความสนใจกลมสแตกตางกน เดกเลกๆจะสนใจสสด เขม สะดดตา ไมชอบสออน และจะสงเกตไดวาเมอมอายมากขนกยงไมชอบสสดใสมากๆ กลบนยมสออนหวาน นมนวล การวางโครงสในงานออกแบบกราฟกในเชงพาณชย จงตองเนนเรองวยของกลมเปาหมายเปนส าคญ เดกเลกๆ ควรใชสประเภทปฐมภม หรอสทตยภม สวนผใหญอาจตองใชสแท ผสมกลมสขาวหรอสนวลหรอสด า การใชสขาวหรอสด ามาผสมกบสแท กจะชวยลดความสดใสของสเดมลงตามขนาดสดสวนมากนอยตามตองการ ดงนน กอนจะวางโครงสในการท างาน จงควรพจารณาเกยวกบการใชสในทางจตวทยาดวย ดงน 2.2.5.1 ใชสสดส าหรบกระตนใหเหนเดนชด เพอการมองในระยะเวลาสนๆ เหมาะอยางยงส าหรบการท าสอเพอโฆษณาประชาสมพนธ 2.2.5.2 พงระลกไวเสมอวาการใชสมวตถประสงคเพอตองการเนนใหเหนเดนชด มงสงเสรมเนอหาสาระมความชดเจนขน ถกตองขน บางครงการใชสของนกออกแบบ จะสามารถใชสไดอยางอสระเพอความสวยงาม บางครงกตองจ าเปนนกถงหลกความจรง และความถกตองอยางเหมาะสมดวย 2.2.5.3 การออกแบบพาณชยศลป งานกราฟกตางๆ อาจจะไมจ าเปนตองใชสเสมอไป ผออกแบบจงควรพจารณาถงความเหมาะสมดวยวาควรใชอยางไร เพยงใด การก าหนดวาจะใชสเพมขนมา 1 สนน หมายความวาจะตองเพมงบประมาณตามมาอกจ านวนหนงเสมอ 2.1.5.4 ควรใชสใหเหมาะสมกบวยผบรโภค 2.1.5.5 การใชสมากเกนไปไมเกดผลดกบงานออกแบบอยางแทจรง เพราะสในหลายๆสอาจท าใหลดความเดนชดของงานและเนอหาทตองการน าเสนอ 2.1.5.6 เมอใชสสด เขมจด คกบสออนมากๆ จะท าใหดเดนชดและมชวตชวานาสนใจ 2.1.5.7การใชสพนในงานออกแบบสงพมพทมพนทวางมากๆ ไมท าใหเกดผลในการเราใจเทาทควรจงควรหลกเลยง 2.1.5.8 ขอพจารณาส าหรบการใชสบนตวอกษร ขอความ คอ จะตองใหชดเจน อานงาย ควรงดเวนการใชสตรงขามในปรมาณทเทาๆกน บนพนทเดยวกนหรอใกลเคยง เพราะจะท าใหผดตองแพงมองอยางมาก ท าใหเกดภาพซอนพรามว โดยเฉพาะอยางยงสวนทเปนเนอหาสาระ เชน ตวอกษรสแดงบนพนสเขยว ความเดนชดของขอความทตองการเนนดวยความแตกตางกนของส กจะลดความเดนชดลงอกดวย

Page 12: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

13

2.1.5.9 วงลอสธรรมชาต

รปท 2.1 ภาพวงลอสธรรมชาต

a) สทกส ในวงลอเปนสแท เพราะทกสมความเขมหรอความสดใสในตวของมนเองซงเกดจากการผสมของแมส b) เมอน าสทกสมาผสมกนในอตราสวนทเทากนจะท าใหเกดสเปนกลาง c) สทอยใกลกนจะมความกลมกลนกน เพราะเปนการผสมสจากสรวมกน เชน มวงแดง แดง และแสดแดง d) สตรงขามกนในวงลอสจะมลกษณะสทตดกน หรอเปนปฏปกษตอกน เชน สแดง กบสเขยว ฉะนนในวงลอสจงมสทตดกนอยางแทจรง อย 6 ค การน าสตรงขามมาใชในการออกแบบ จะชวยท าใหภาพนาสนใจมากขน แตตองใชใหถกหลกการ คอไมควรใชสทตดกนอยางแทจรงสดสวนทเทากน ถาจะใชควรจะมสดสวนประมาณ 80 : 20 หรอมฉะนนกตองท าใหสใดสหนงหรอทงค ลดความสดใสรนแรงลงไป ทเรยกวา การเบรกส หรอ ฆาส ซงอาจท าไดโดย - การท าใหสจางลง โดยการเตมสขาวลงไปในสแท - การท าใหสเขมหรอมด โดยการเตมสด าลงไป - การใชวธการใชสเทา ผสมลงเลกนอย จะท าใหสหมนลง หรออาจใชสตรงขามเพยงเลกนอย กจะท าใหสนนลดความสดใสไปได 2.1.5.10 จตวทยาในการใชส การมความรและประสบการณในการเลอกใชสของนกออกแบบ เปนสวนส าคญทจะท าใหงานเหลานนบรรลเปาหมายตามความตองการไดไมยากนก การเรยนรถงอทธพลทมตอความรสกของการมองสแตละส จงเปนสงทนาศกษาอยางยง 2.1.5.12 วรรณะของส วรรณะของส หมายถง กลมสทปรากฏใหความรสกทแตกตางกน สงเกตจากวงลอสจะปรากฏ เปน 2 วรรณะ คอ

Page 13: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

14

- วรรณะสรอน ลกษณะของสจะใหความรสกสดใส รอนแรง ฉดฉาด หรอรนเรง สในกลมนไดแก สเหลอง สแดง สแสด และสทใกลเคยง - วรรณะสเยน ความรสกทปรากฏในภาพจะแสดงความสงบ เยอกเยนจนถงความเศรา ไดแก สน าเงน สมวง สเขยว และสทใกลเคยง 2.1.5.13 สแสดงอารมณ -สแดง เปนสของไฟ การปฏวต ความรสกทางกามารมณ ความปรารถนา สของความออนเยาว ดงนนจงเปนทชอบมากส าหรบเดกเลกๆ สแดงเปนสทมพลงมากสามารถบดบงสอนๆ จงไมเหมาะทจะใชเปนสพนหรอฉากหลง - สเหลอง เขยว และมวงทกระดบส มคาสแตกตางกน ทงนขนอยกบสทมาผสม สดงกลาวอาจท าใหเกดความรสกในทางบวก การแสดงออกเตมไปดวยความรสกชาญฉลาด หรอใหความรสกในทางลบ และเกบกดกเปนได เมอน าสแดงมาผสมกบสขาวจะเปนสชมพ สแดงจะลดพลงลง และท าใหรสกถงความออนหวาน นมนวล และความเปนกวขนมาแทน แตถาสแดงและเหลองถกผสมใหเขม ผลลพธกคอสน าตาล ซงมความออนแกตางกน แตไมวาจะออนแกเพยงใด สประเภทน าตาลจะใหความรสกเกยวกบพนดน ความมนคง แขงแรง เขมแขง ความเปนจรง อบอน ส าหรบสเหลอง เปนสทมพลงในดานความสวางอยางมาก ใหความรสกเยนมากกวาสเหลองอมสม แตกอนกวาสเหลองอมเขยว สเหลองสะทอนถงสตปญญามากกวาจตใจ คณลกษณะของสเหลอง จะรสกไดเมอมสทสองปรากฏอยดวย เชน เมออยกบสเขยวจะท าใหรสกมนคง และจบตองไดมากขน สเขยวเปนสทางชววทยาซงใกลเคยงกบธรรมชาต และชวยใหความคดพลกพลานสงบลง เปนสกลางๆ ไมเยนและกไมรอน แตถาเขมขนไปในทางสน าเงนจะดเปนน า สเขยวอมฟา สฟาพลอย เปนสญลกษณของน า และอาการเคลอนไหว โดยปกตแลวสเขยวอมฟาเปนสตรงขามกบสฟา - สน าเงน เปนสทเกบกด ชางฝน เปลาเปลยว ถงแมวาจะท าใหใสขนโดยการผสมสขาวเขาไปกตาม สน าเงนใหความประทบใจเกยวกบความสะอาด บรสทธ จงมกใชในทตองการแสดงสขอนามย -สมวง แสดงถงความใครครวญ การท าสมาธ ความลกลบ เวทมนตคาถา และความเกาแกโบราณ แมวาจะผสมสขาวใหเปนสมวงไลแลค กยงท าใหคนทมองเหนไมกลาเขาใกล ไมรสกเปนมตร สมวงครามซงใกลสน าเงนมาก จะดเกยวของกบโลกมากกวาสมวงแดง แตยงใหความเปนเจานายและเตมไปดวยเกยรตยศอยนนเอง -สทอง มต าแหนงใกลสสม และนบวาเปนสอนสหนง ในขณะทสเงนถกจดใหเปนสเยน และมความคลายคลงกบสเทากลาง การใชสเงนออกยากกวาเนองจากตองมสอนมาใชรวมดวยหากวาตองการผลของความรสกในทางบวก -สเทา ส าหรบสเทาซงมระดบสออนแกแตกตางกนมากหลายระดบ อาจจะเปนทคนเคยกนดจากการดภาพขาวด า การอานหนงสอพมพและหนงสอทวไป

Page 14: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

15

-สด า ซงเรยกวา อรงค คอ ถอวาไมใชสด า เปนสญลกษณของความมด ความวาง ในการตพมพสด ามคาในทางบวกมาก เนองจากเมอเราไมใชสอนๆ ไมวาจะเปนภาพหรออกษรวางลงไป กจะท าใหสเหลานนเจดจาสะดดตาขน -สขาว สขาวกเชนกน ไมเปนทงสอนและเยน ยกเวนเมออยกบสเหลอง จะท าใหสเหลองจาขน เราสามารถวางภาพ หรออกษรสตางๆ ลงบนพนขาวไดผลดเชนเดยวกบสด า อางอง : http://bowtysnoo.blogspot.com/ 2.2.6 การจดองคประกอบภาพในงานกราฟฟก การจดองคประกอบภาพในงานกราฟฟก ในงานศลปะ หรอการออกแบบ มแนวคดไมแตกตางกนเทาใดนก นกสรางสรรคจะตองหาแนวทางทจะท าใหงานกราฟกทคดขนมความนาสนใจ เราใจใหมากทสดเทาทจะท าได และการน าเสนอควรจะตองค านงถง

2.2.6.1 การใชเสน เสนเปนตวก าหนดรปรางและเปนองคประกอบในการสรางสรรคงานกราฟก ซงอาจจะแบงเปนกลมใหญ 5 ชนด คอ

- เสนโคง (Curved) - เสนหมน (Spiral) - เสนวนไปมา (Meandering) - เสนซกแซก (Zigzag) - เสนตรง (Straight)

การเขยนเสนดวยวสดทแตกตางกน ยอมท าใหลกษณะของเสนมความแตกตางกนไป และแนวการเขยนดวยเสนวสดประเภทเดยวกนของศลปน กสามารถแสดงลลาของการเขยนไดหลายแบบหลายวธ ลวนนาสนใจทงสนซงสามารถเลอกใชไดอยางเหมาะสม

2.2.6.2 การก าหนดรปราง รปรางเกดจากการใชเสนลกษณะตาง ๆ กน ลากมาตอกนเกดเปนรปรางหลก (Basic shape) ในศลปะ หรอทเรยกวา รปทรงพนฐานทางเรขาคณต และรปทรงอสระซงมรปรางทไมแนนอน ลกษณะทชดเจนของรปรางตาง ๆ จะเนนความรสกของการมองเหนเปน 2 มต คอ แสดงใหเหนสวนกวางและยาว หรอกวางและสงเทานน ถาเปนการเนนสวนหนาหรอสวนลกขนมากจะท าใหรปรางตาง ๆ แสดงความเปน 3 มตเพมขน ท าใหการมองเหนเปลยนแปลงไปเปนรปทรงตาง ๆ และถาเพมรายละเอยดสสน แสงเงาลงไป กยงจะเพมความมมตมากยงขน

2.2.6.3 มมมองทศนยภาพ การน าเสนอรปภาพงานสงพมพเพอใหเกดความนาสนใจ เราใจ สามารถสรางไดโดยงายดวยการเสนอมมมองของภาพทจะน าเสนอ มมมองทแปลกตาสามารถสรางสรรคขนไดโดยงาย อาจจะดวยการถายภาพ หรอใชเทคนคพเศษในหองมด หรอจากการเขยนภาพ และการเลอกมมภาพในการน าเสนอกได จะเหนวามมมองตาง ๆ ทตางกนไป ยอมใหความรสกทตางกนอยางชดเจน

Page 15: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

16

2.2.6.4 จงหวะและลลา การก าหนดจงหวะของแตละสวนหรอการจดวางองคประกอบภาพ จ าเปนทจะตองอาศยหลกการทางศลปะ การสรางจงหวะหรอลลาของสวนประกอบตาง ๆ ไดแก ขอความ ภาพประกอบ หรอสญลกษณ จะท าหนาท 2 ทาง คอ เปนการชน าใหผดภาพ และสาระขอมลตามตองการ และเปนการเนนใหเกดความสวยงามแปลกตา วธการสรางองคประกอบใหเกดจงหวะลลากระท าไดหลายแบบ ไดแก

- แบบจดระเบยบ เปนการจดทคอนขางเนนรปแบบอยางเปนทางการ เชน การจดใหเกดความสมดลแบบสมมาตร การแบงแยกตวอกษรและภาพไวเปนคนละสวนกน การแบงระยะพนทวางเปนระยะ ๆ เทากน

- การจดแบบสลบ การสรางจงหวะลลาแบบสลบเปนการสลบเนอหาสาระรปภาพ การสลบรปแบบรปทรง เพอเนนความตนตาตนใจไมนาเบอหนาย นยมใชจดออกแบบกราฟกหนาเอกสาร

-การจดแบบศนยกลาง เปนการเนนรปภาพอยตรงกลางภาพ และใหตวอกษรขอความอยลอมรอบหรอกระจายเปนรศม นยมใชจดในงานออกแบบสอโฆษณา

-การจดแบบกระจายเปนการจดแบบอสระโดยไมเนนลกษณะองคประกอบแบบใด การจดภาพแบบนจะมจงหวะลลาไมแนนอน แลวแตโอกาสและลกษณะงานนน ๆ นยมใชในงานออกแบบสอโฆษณา - การจดแบบผสมผสาน เปนการน าเอาหลาย ๆ วธการจดออกแบบรวมกน ท าใหเกดเปนรปแบบใหมขนมา การจดวธการนจะตองค านงถงความสอดคลองสมพนธกนมากทสด 2.2.6.5 เทคนคเกยวกบภาพ ทมาของภาพทน ามาใชในงานกราฟกอาจไดจากภาพถาย การเขยนภาพ หรอการพมพภาพ การใชคอมพวเตอร ตลอดจนวธการสรางสรรคอน ๆ อกมากมาย แตละแบบแตละวธการสามารถสรางสรรคภาพใหนาสนใจไดอยางอสระ บางแบบอยางอาจจะเหมาะกบการใชงานเฉพาะอยาง บางแบบอาจใชไดทวไป การสรางสรรคอยางอสระนเองท าใหนกออกแบบสามารถน าเอาเทคนคเกยวกบภาพมาใชในงานกราฟกไดอยางกวางขวาง เทคนคตาง ๆ จะท าใหรปแบบของงานสรางสรรคเปลยนแปลงไป เชน

• การใชภาพทมรายละเอยดมาก ๆ ในการน าเสนอ • การใชภาพทมความตอเนองกนเพอการน าเสนอ • การใชภาพเลก ๆ หลาย ๆ แบบรวมกนเปนกลมใหญในการน าเสนอ

2.2.6.6 การน าเสนอรปแบบ

Page 16: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

17

2.2.7 ความหมายและแนวคดเกยวกบการออกแบบ ในการคดสรางประดษฐสงตางๆของมนษยผลงานทปรากฏมกจะมความแตกตางกนแมวาผลงานนนอาจจะมจดมงหมายหรอความตองการในการใชงานทเหมอนกนทงนเพราะพนฐานและปจจยตางๆทเขามาเกยวของกนมความแตกตางกนรวมทงในการสราง คดประดษฐผลงานเหลานนมทมาจากการคดโดยผสมผสานเอาขอมลตางๆมาใชประกอบแตกตางกนกระบวนการดงกลาวเราเรยกวา การออกแบบ การออกแบบกลาวไดวาเปนค าทปรากฏใชในแทบทกวชาชพไมเฉพาะในดานศลปะเทานนการท าอาหาร การสรางบาน การตดเยบเสอผา ซงเปนเรองทใกลตวเรามากทสดผผลตกตองใชการออกแบบมาชวยใหงานออกมาตรงตามความตองการในการใชงานและมความสวยงาม ซงปจจยทมผลตอการออกแบบนนจะประกอบดวยเงอนไขเบองตน 2 ประการ คอ - เงอนไขในดานเทคนค (Technical Condition) เงอนไขทางเทคนคนนจะประกอบไปดวย คณคาในดานการใชสอย ความรทางเทคโนโลย - เงอนไขทางดานทางศลปะ (Aesthetic Condition) มนษยมสงทเรยกวา สนทรยภาพภายในตวเอง มความคดรเรมและสรางสรรค เงอนไขในสวนนจงเปนสวนทมใหผลงานมความแปลกใหม และสวยงาม อางอง: http://bowtysnoo.blogspot.com/ 2.2.8 การออกแบบงานกราฟกส าหรบสอโฆษณา การออกแบบ การออกแบบ หมายถง การถายทอดรปแบบจากความคดออกมาเปนผลงาน ทผอนสามารถมองเหน รบร หรอสมผสได เพอใหมความเขาใจในผลงานรวมกน แบบทคดออกมาอาจเปนสงทเปนไปไดจรง หรอแบบทเปนลกษณะเพอฝน เปนเพยงนามธรรมกได ผทออกแบบจะเรยกวา นกออกแบบ ซงหมายถงคนทท างานวชาชพในสาขาการออกแบบทแตกตางกนไป เชน นกออกแบบแฟชน, นกออกแบบแนวความคด หรอนกออกแบบเวบไซต การออกแบบนนมความจ าเปนทตองพจารณาดาน สนทรยศาสตร ประโยชนใชสอย หลกเศรษฐศาสตร และมมมองสงคมการเมอง ทงในสงทออกแบบและขนตอนการออกแบบ การออกแบบอาจเกยวของกบการคนหาขอมล ความคด การท าแบบจ าลอง การปรบเปลยนใหท างานรวมกนได และอาจมการออกแบบใหม ขณะทความหลายหลายของการออกแบบอาจรวมไปถง เสอผา สวนตอประสานกราฟกกบผใช ตกระฟา เอกลกษณกลมบรษท ขนตอนการท าธรกจ หรอแมกระทงขนตอนการออกแบบเอง (Brinkkemper, S. (1996) Method engineering: engineering of information systems development methods and tools, Information and Software Technology (38:4), p. 275-280.)

Page 17: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

18

กราฟกดไซน การออกแบบกราฟกดไซนเปนศาสตรเฉพาะทสงตางๆสามารถตความไปไดหลากหลาย ดงนน การท าความเขาใจกบความหมายของสงตางๆ ทเกยวของจะชวยใหนกออกแบบเขาใจงานกราฟกดไซนไดดยงขนโดยไดมผใหค านยามไวดงน Massimo Vignelli นกออกแบบหลายสาขาชาวอตาลใหความเหนวา"กราฟกดไซนเปรยบเสมอนกบการจดการขอมลอยางเปนระบบ"โดยประกอบไปดวยเรองตางๆ เชน การเปลยนแปลงความหมายใหถกตอง, การจดการกบประโยค หรอขอความทสอดคลองกนและการจดการกบสวนทมความยงยากตอการท าความเขาใจไดอยางงายดาย Paul Rand กราฟกดไซเนอรผยงใหญ ไดกลาวไวท MIT Media Laboratoryaul วา ดไซนคอ "วธการดงรปแบบและเนอหาออกมารวมกน" Milton Glaser กราฟกดไซเนอรชอกองโลก อกทานกลาวไว ณ Brigham Young University ป ค.ศ. 2006 โดยมความเหนวา ดไซนคอ "การวางแผนอยางเรยบงาย" โดยผลงานทดจะมาจากการอยในสภาพแวดลอมทเหมาะสมมากกวา Tibor Kalman นกกราฟกดไซเนอรชาวฮงการแหงคาย Color Magazine ไดใหสมภาษณกบ Moira Cullen นกเขยนทางดานการออกแบบภาษาชนน ากลาวไววา "กราฟกดไซนคอภาษาอยางหนง แตนกออกแบบกราฟกไมตองยงยากหรอกงวลเกยวกบหลกการในเรองภาษา เชน เรองพยางคหรอเวนวรรคมากนก แตนกออกแบบควรจะใชเวลาทมไปสนใจในเรองของการสอสารออกไปในทศทางทมนควรจะเปนใหไดเสยมากกวา" Bob Gill กราฟกดไซเนอรและนกเขยนภาพประกอบชาวอเมรกนใหความเหนสนๆ วา "กราฟกดไซนเปรยบดงภาษาขนทสอง" เราสามารถสรปภาพรวมของค าจ ากดความของกราฟกดไซนไดวา กราฟกดไซน คอ การออกแบบภาษาชนดหนงทมพนฐานมาจากองคประกอบทางศลปะ ซงสามารถบอกเลาแนวคดของเราตอสงตางๆ โดยมนจะตองนาสนใจทงใจแงตวภาษาและเนอหาทพดถงมน อางอง : ปาพจน หนนภกด. Graphic Design Principles Second edition หลกการและกระบวนการออกแบบงานกราฟกดไซน นนทบร : ไอดซฯ , 2555 2.2.9 ความส าคญและประวตของสอสงพมพ ความหมายและความส าคญของสอสงพมพ พจนานกรมฉบบราชบณฑตยสถานไดใหความหมายค าทเกยวกบ “สอสงพมพ” ไวดงน ค าวา “สงพมพ” หมายถงสมด แผนกระดาษหรอวตถใด ๆ ทพมพขน รวมตลอดทงบทเพลง แผนท แผนผงภาพ ภาพวาด ภาพระบายส ใบประกาศ แผนเสยง หรอสงอนใดอนมลกษณะเชนเดยวกน “สงพมพ” หมายถง ขอความ ขอเขยน หรอภาพทเกยวกบแนวความคด ขอมล สารคดบนเทง ซงถายทอดดวยการพมพลงบนกระดาษ ฟลม หรอวสดพนเรยบ “สอ” หมายถง การตดตอใหถงกนชกน าใหรจกกน หรอตวกลางทท าการตดตอใหถงกน

Page 18: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

19

“พมพ” หมายถง ถายแบบ ใชเครองจกรกดตวหนงสอหรอภาพ ใหตดบนวตถ เชนแผนกระดาษ ผา ท าใหเปนตวหนงสอ หรอรปรอยอยางใด ๆ โดยการกดหรอการใชพมพ หนเครองกลวธเคมหรอวธอนใด อนอาจใหเกดเปนสงพมพขนหลายส าเนา รปราง รางกาย แบบ ดงนน “ สอสงพมพ” จงมความหมายวาจะเปนแผนกระดาษหรอวตถใด ๆ ดวยวธตาง ๆ อนเกดเปนชนงานทมลกษณะเหมอนตนฉบบขนหลายส าเนา ในปรมาณมากเพอเปนสงทท าการตดตอหรอชกน าใหบคคลอนใหเหนหรอทราบขอมลตาง ๆ” สงพมพมหลายชนด ไดแก เอกสารหนงสอเรยน หนงสอพมพ นตยสาร วารสาร บนทก รายงาน ฯลฯ ประเภทของสอสงพมพ

ในปจจบนสามารถแบงประเภทของสอสงพมพไดมามายหลายประเภท โดยทงสงพมพ 2 มต และสงพมพ 3 มต คอ สงพมพทมลกษณะเปนแผนเรยบ ใชวสดจ าพวกกระดาษและมเปาหมายเพอน าเสนอเนอหาขาวสารตาง ๆ เชน หนงสอ นตยสาร จลสาร หนงสอพมพ แผนพบ โบชวร ใบปลว นามบตร แมกกาซน พอกเกตบค เปนตน สวนสงพมพ 3 มต คอ สงพมพทมลกษณะพเศษทตองอาศยระบบการพมพแบบพเศษ และสวนใหญจะเปนการพมพโดยตรงลงบนผลตภณฑทสรางรปทรงมาแลว ส าหรบตวอยางการพมพแบบ 3 มตไดแก การพมพสกนบนภาชนะตาง ๆ เชน แกว กระปอง พลาสตก การพมพระบบแพดบนภาชนะทมผวตางระดบ เชน เครองปนดนเผา เครองใชไฟฟา การพมพระบบพนหมก เชน การพมพวนหมดอายของอาหารกระปองตาง ๆ โดยสามารถจ าแนกประเภทของสอสงพมพได ดงน

• สอสงพมพประเภทหนงสอ -หนงสอสารคดต าราแบบเรยนเปนหนงสอสงพมพทแสดงเนอหาวชาการศาสตรความรตางๆ เพอสอใหผอานเขาใจความหมายดานความรทเปนจรงจงเปนสอสงพมพทเนนความรอยางถกตอง -หนงสอบนเทงคด เปนสอสงพมพทผลตขนโดยใชเรองราวสมมต เพอใหผอานไดรบความเพลดเพลน สนกสนาน มกมขนาดเลก เรยกวา หนงสอฉบบกระเปา หรอ Pocketbooks ได

• สอสงพมพเพอเผยแพรขาวสาร -หนงสอพมพ (Newspapers) เปนสอสงพมพทผลตขนโดยน าเสนอเรองราวขาวสารภาพ และความคดเหน ในลกษณะของแผนพมพ แผนใหญ ทใชวธการพบรวมกบ ซงสอสงพมพชนดนไดพมพออกเผยแพรทงลกษณะหนงสอพมพรายวน รายสปดาห และรายเดอน -วารสาร นตยสาร เปนสอสงพมพทผลตขนโดยน าเสนอสาระขาว ความบนเทง ทมรปแบบการน าเสนอ ทโดเดน สะดดตา และสรางความสนใจใหกบผอาน ทงนการผลตนน มการก าหนดระยะเวลาการออกแบบเผยแพรทแนนอน ทงลกษณะวารสาร นตยสารรายปกษ (15 วน) และรายเดอน

Page 19: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

20

-จลสาร เปนสอสงพมพทผลตขนแบบไมมงหวงผลก าไร เปนแบบใหเปลาโดยใหผอานศกษาหาความร ทก าหนดออกแบบเผยแพรเปนครง ๆ หรอล าดบตาง ๆ ในวาระพเศษ สงพมพโฆษณา -โบชวร (Brochure) เปนสอสงพมพทมลกษณะเปนสมดเลมเลก ๆ เยบตดกนเปนเลมจ านวน 8 หนา เปนอยางนอยมปกหนา และปกหลง ซงในการแสดงเนอหาจะเกยวกบโฆษณาสนคา -ใบปลว (Leaflet, Handbill) เปนสอสงพมพใบเดยว ทเนนการประกาศ มกมขนาด A4 เพองายในการแจกจาย ลกษณะการแสดงเนอหาเปนขอความทผอานแลวเขาใจงาย -แผนพบ (Folder) เปนสอสงพมพทเนนการผลตโดยเนนการเสนอเนอหา ซงเนอหาทน าเสนอนนเปนเนอหาทสรปใจความส าคญ ลกษณะเปนการพบเปนรปเลมตาง ๆ -ใบปด (Poster) เปนสอสงพมพโฆษณา โดยใชปดตามสถานทตาง ๆ มขนาดใหญเปนพเศษซงเนนการน าเสนออยางโดเดนดงดดความสนใจ

• สงพมพเพอการบรรจภณฑ เปนสงพมพทใชในการหอหมผลตภณฑการคาตาง ๆ แยกเปนสงพมพหลก ไดแกสงพมพทใชปดรอบขวด หรอกระปองผลตภณฑการคา สงพมพรอง ไดแก สงพมพทเปนกลองบรรจหรอลง สงพมพมคา เปนสอสงพมพทเนนการน าไปใชเปนหลกฐานส าคญตาง ๆ ซงก าหนดตามกฎหมาย เชน ธนาณต บตรเครดต เชคธนาคาร ตวแลกเงน หนงสอเดนทาง โฉนด เปนตน

• สงพมพลกษณะพเศษ เปนสอสงพมพมการผลตขนตามลกษณะพเศษแลวแตการใชงาน ไดแกนามบตร บตรอวยพร ปฏทน ใบสงของ ใบเสรจรบเงน สงพมพบนแกว สงพมพบนผา เปนตน

• สงพมพอเลกทรอนกส เปนสอสงพมพทผลตขนเมอใชงานในคอมพวเตอร หรอระบบเครอขายอนเตอรเนต ไดแก Document Formats, E-book for Palm/PDA เปนตน บทบาทของสอสงพมพ บทบาทของสอสงพมพในงานสอมวลชน สอสงพมพมความส าคญในดานการน าเสนอขอมล ขาวสาร สาระ และความบนเทง ซงเมองานสอมวลชนตองเผยแพร จงตองผลตสอสงพมพ เชน หนงสอพมพ วารสาร นตยสาร เปนตน บทบาทสอสงพมพในสถานศกษา สอสงพมพถกน าไปใชในสถานศกษา โดยทวไปซงท าใหผเรยน ผสอนเขาใจเนอหามากขน เชน หนงสอ ต ารา แบบเรยน แบบฝกหกสามารถพฒนาไดเปนเนอหาในระบบเครอขายอนเทอรเนตได

Page 20: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

21

บทบาทของสอสงพมพในงานดานธรกจ สอสงพมพทถกน าไปใชในงานธรกจประเภทตาง ๆ เชน งานโฆษณา ไดแก การผลต หวจดหมาย/ซองจดหมาย ใบเสรจรบเงน /ใบสงของ โฆษณาหนาเดยว นามบตร เปนตน บทบาทของสอสงพมพในงานธนาคารงานดานการธนาคาร ซงรวมถง งานการเงน และงานทเกยวกบหลกฐานทางกฎหมาย ไดน าสอสงพมพหลาย ๆ ประเภทมาใชในการด าเนนงาน เชนใบน าฝาก ใบถอน ธนบตร เชคธนาคาร ตวแลกเงน และหนงสอเดนทาง บทบาทของสอสงพมพในหางสรรพสนคา และรานคาปลก สอสงพมพททางหางสรรพสนคา หรอรานคาปลกใชในการด าเนนธรกจ ไดแก ใบปดโฆษณาตาง ๆ ใบปลว แผนพบ จลสาร การเตรยมงานกอนสงโรงพมพและการจดการภาพส าหรบงานพมพ ปจจบนระบบการพมพมความกาวหนาขน โดยไดน าเทคโนโลยทางคอมพวเตอรมาชวยจดการกบงานพมพมความกวาหนาขน ท าใหการสรางสรรคงานพมพงายขน แตยงมปญหาทตามมาคอ ไฟลตนฉบบสรางขนจากเทคโนโลยสมยใหมทสงมาไมสอดคลองกบมาตรฐานการท างานของโรงพมพ ดงนน ผทสรางสรรคงานพมพไวเรยบรอยแลวตองการจดพมพใหเปนหนงสอ นตยสารหรอสงพมพแบบอน ๆ นน สามารถท าไดดงน – จดสงไฟลงานทเกยวของทงหมดไมวาจะเปนไฟลขอมล ไฟลภาพ หรอฟอนตใหกบโรงพมพ – พจารณาถงความละเอยดและฟอรแมทของไฟลภาพทสงไป – เลอกใชโปรแกรมทเหมาะสมกบการท างาน เชน พมพขอความผานโปรแกรม Word สรางภาพกราฟกแบบโปรแกรม Illustrator ตกแตงดวยโปรแกรม Photoshop จดและวางขอมลประกอบบนหนาสงพมพดวย Page Maker การจดการภาพส าหรบงานพมพ การน าภาพมาประกอบลงบนสงพมพอาจน ามาไดหลายแหลง เชน สแกนเนอร กลองดจตอล แผซด อนเทอรเนต ใชโปรแกรมจบภาพ หรอแมแตการสรางภาพทตองหารขนมาเอง โดยการท างานของภาพกบการสรางสรรคงานสงพมพมความส าคญและขอควรพจารณามากมาย ดงรายละเอยดดงตอไปน ความแตกตางระหวางภาพเวพเตอรและบตแมพ กอนทจะเรยนรเรองรปภาพมาเรยนรขอแตกตางของภาพเวกเตอรและภาพบตแมพภาพทง ประเภทนมขอแตกตาง ดงน – ภาพเวกเตอร (Vector) เกดจากการค านวณคาทางคณตศาสตร มกถกสรางขนมาโดยอาศยการท างานของโปรแกรม Illustrator, Core Draw ภาพทไดจงมลกษณะเปนการตนหรอเรยกวา Clip Art ส าหรบขอดและภาพเวกเตอรคอ ไฟลทไดจะมขนาดเลกผลงานมความคมชด เมอขยายกจะไมท าใหคณภาพของานลดลง

Page 21: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

22

– ภาพบตแมพ (Bitmap) เกดจากพกเซล ซงเปนชองสเหลยมเลก ๆ ทเรยงตอกน ดงนนเมอขยายกสงผลท าใหคณภาพของงานลดลง จงเหมาะกบงานทตองการความละเอยดของสมาก ๆ เชน รปถาย เปนตน ความละเอยดทเหมาะสมของภาพ ในกรณทน าภาพจากเครองสแกนเนอรหรอการจบภาพควรมความละเอยด 300 dpi สงผลท าใหงานเขาโรงพมพ ภาพทปรากฏขนมาจะมคมชด และสวนของภาพทไดจากกลองดจตอลควรมความละเอยดระดบปานกลาง 2-5 ลานพกเซล สวนรายละเอยดสง ควรก าหนดความละเอยดท 6 ลานพกเซล ในกรณทก าหนดโหมดส สามารถก าหนดโหมดสสองโหมดสคอ RGB และ CMYK โดยปกตภาพทน าเขามาใชงานทจะอยในโหมด RGB (Red-Green-Blue) ซงเปนโหมทแสดงบนหนาจอทวไปแตเมอตองการสงไฟลงานใหโรงพมพควรก าหนดใหเปนโหมด CMYK (Cyan-Magenta-Yellow-Black) เนองจากภาพทอยในโหมด RGB จ ามความสวางมากกวาโหมด CMYK ซงการแสดงโหมดสสามารถท าไดจากโปแกรมตกแตงภาพทวไป เชน Photoshop เพยงแคเลอกเมน Image> Made> CMYK Color อางอง:https://chonamat.wordpress.com 2.3 การใชโปรแกรม Illustrator CS6

รปท 2.2 ภาพโปรแกรม Adobe Illustrator CS6

Adobe Illustrator เปนโปรแกรมทใชกนอยางแพรหลายในการออกแบบกราฟก โดยทโปรแกรมนมกจะน าไปใชส าหรบการวาดภาพ หรอการออกแบบสญลกษณเนองจากเปนโปรมแกรมทท างานดวยระบบ Vector ซงเปนการสรางภาพกราฟกจากการค านวณของโปรแกรม โดยไมจ าเปนตองก าหนดความละเอยดของภาพท าใหรปภาพทวาดจากโปรแกรมนมความคมชดสวยงาม และยงสามารถปรบเปลยนขนาดไดหลายครง โดยทคณภาพของภาพยงคงเดม จดเดนของ โปรแกรม Illustrator ภาพทไดจากการ วาดภาพ โดยใช โปรแกรม Illustrator จะมลกษณะเปนภาพกราฟกประเภทเวคเตอรซงจะมความคมชดอยางมาก เนองจากลายเสนของภาพ ประเภทเวคเตอร จะไมแตกเหมอนกบภาพบทแมพ โดยไฟลภาพทไดจากโปรแกรม Illustrator จะไดภาพทมความคมชด ไฟลทไดจะมนามสกลเปน .ai, .pdf, .eps ทสามารถน าไปใชกบโปรแกรมทมความสามารถในการออกแบบกราฟกอนๆ ไดอกดวย ไมวาจะเปนโปรแกรม Photoshop, Flash,

Page 22: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

23

InDesign ฯลฯภาพบนคอมพวเตอรนน มวธการประมาผล 2 แบบแตกตางกนดงนการประมวลแบบเวกเตอร (vector) เปนการประมวลผลแบบอาศยการค านวณทางคณตศาสตร โดยมสและต าแหนงของสทแนนอน ฉะนนไมวาเราจะเคลอนยาย ยอ หรอ ขยาย ภาพกจะไมเสยรปทรงทางเรขาคณต โปรแกรม illustrator เปนโปรแกรมทประมวลผลภาพแบบเวกเตอรการประมวลผลแบบบตแมพ (Bitmap) เปนการประมวลผลแบบอาศยคาสในแตละพกเซล โดยแตละพกเซลจะมการเกบคาสทเจาะจงในแตละต าแหนง ซงเหมาะกบภาพทมลกษณะแบบภาพถาย โปรแกรมทประมวลผลภาพแบบบตแมพ ไดแก Photoshop , Paint เปนตน 2.3.1 โปรแกรม ท าอะไรไดบาง โปรแกรม Illustrator ใหเราสามารถสรางภาพโดยเรมจากหนากระดาษเปลา เหมอนจตรกรทเขยนภาพลงบนผนผา โดยใน Illustrator จะมทงปากกา พกน ดนสอ และอปกรณการวาดภาพอนๆ ซงเราสามารถน ามาใชสรางงานไดหลากหลายรปแบบ เชน งานสอสงพมพ โบชวร นามบตร หนงสอ งานออกแบบทางกราฟก โลโก งานดานการตน งานดานเวบไซต

รปท 2.3 ภาพงานกราฟฟกทท าดวยโปรแกรม Adobe Illustrator

หนาจอโปรแกรม จะประกอบดวยสวนตางๆ ซงมหนาทการใชงานแตกตางกนออกไปดงน

รปท 2.4 ภาพแสดงสวนตางๆของโปรแกรม Adobe Illustrator CS6

Page 23: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

24

รปท 2.5 ภาพค าสงใน Menu Barในโปรแกรม Adobe Illustrator CS6

2.3.2 มดงตอไปน -File: เปนหมวดของค าสงทจดการเกยวกบไฟลและโปรแกรมทงหมด ไมวาจะเปนการ เปด-ปดไฟล การ บนทกไฟล การน าภาพเขามาใช (Place) ตลอดจนการออกจากโปรแกรม (Exit) -Edit: เปนหมวดของค าสงทจดการแกไข เชน Undo Cut Copy Paste Select รวมทงการก าหนดคณสมบต ตางๆ ทมผลตอการปรบแตงภาพดวย เชนการสรางรปแบบ (Define Pattern) การก าหนดคาส (Color Setting) เปนตน -Type: เปนหมวดของค าสงทใชจดการตวหนงสอ เชน Fonts Paragraph เปนตน -Select: เปนหมวดของค าสงทใชในการเลอกวตถ สามารถเลอกดวยคณสมบตได เชน เลอกวตถทม -Fill และ Stroke แบบเดยวกน วตถทอยบน Layer เดยวกน เปนตน -Filter: เปนหมวดของค าสงทใชสรางเทคนคพเศษใหกบภาพ โดยจะมผลตอรปรางของ path -Effect: เปนหมวดของค าสงทใชสรางเทคนคพเศษใหกบภาพคลาย Filter แตจะไมมผลกบรปรางของ PathView: เปนหมวดของค าสงเกยวกบการมองทกสงในงาน เชน Zoom Show/Hide Ruler Bounding Box Outline Mode/Preview Mode เปนตน -Window: เปนหมวดของค าสงเกยวกบการเปด-ปดหนาตางเครองมอตางๆ เชน Palette Tool Box เปนตน -Help: เปนหมวดทรวบรวมวธการใชงานและค าแนะน าเพอชวยเหลอผใชโปรแกรม 2.3.3 Selection tool เครองมอกลมนวาดวยเรองการเลอกวตถ ประกอบไปดวย

รปท 2.6 ภาพเครองมอ Selection toolในโปรแกรม Adobe Illustrator CS6

Page 24: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

25

2.3.4 คอนโทรลพาเนล (Control Panel)

รปท 2.7 ภาพคอนโทรลพาเนล (Control Panel)ในโปรแกรม Adobe Illustrator CS6

เปนแถบตวเลอกส าหรบก าหนดคาตางๆ ของวตถ เพออ านวยความสะดวกแกผใชใหสามารถก าหนดคาส ขนาด ต าแหนง และคณสมบตตางๆ ของวตถทเลอกไดงายขน 2.3.5 พนทการท างาน (Artboard) เปนบรเวณทใชวางวตถเพอสรางชนงาน สวนพนทนอกเหนอจากนน (Scratch area) เปนบรเวณทวางวตถแตไมตองการใหแสดงในชนงานใชเพอพกวตถ หรอเผอไวใชในภายหลง

รปท 2.8 ภาพ Artboard ในโปรแกรม Adobe Illustrator CS6

Page 25: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

26

2.3.6 พาเนลควบคมการท างาน (Panel) เปนหนาตางยอยทรวบรวมคณสมบตการท างานของเครองมอตางๆ ใหเลอกปรบแตงการใชงานไดงายๆ ไมตองเปดหาแถบค าสง ซงพาเนลจะถกจดเกบไวในกรอบจดเกบพาเนลดานขวาของหนาจอ

รปท 2.9 ภาพ พาเนลควบคมการท างาน ในโปรแกรม Adobe Illustrator CS6

อางอง : http://www.vdoschool.com/vdo/index.php/2015-06-22-08-04-22/176--illustrator-.html

Page 26: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

27

2.3.7 คยลดในโปรแกรม Adobe Illustrator

รปท 2.10 ภาพคยลดในโปรแกรม Adobe Illustrator CS6

สรางงานใหม = Control + N เปดชนงาน = Control + O ปดหนาตางงาน = Control + W ปดโปรแกรม = Control + Q เซฟงานทบของเกา = Control + S เซฟงานโดยเลอกทเซฟใหม = Control + Shift + S กอบป = Control + C วางงานทกอบป = Control + V วางงานทกอบปไวดานบน(ในต าแหนงเดม) = Control + F วางงานทกอบปไวดานลาง(ในต าแหนงเดม) = Control + B กรบงานรวมงานไวดวยกน = Control + G ยกเลกกรบงาน = Control + Shift + G สงปรน = Control + P ซมเขาหนาตางงาน = Control + ( + ) ซมออกหนาตางงาน= Control + ( - ) เลอกงานทงหมด = Control + A ลอคชนงาน = Control + 2 ปลดลอคชนงาน = Control + Alt + 2 ซอนชนงาน = Control + 3

Page 27: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

28

น าชนงานทซอนกลบมา = Control + Alt + 3 เอาชนงานลงดานลาง = Control + [ เอาชนงานลงไวลางสด = Control + Shift + [ เอาชนงานขนบน = Control + ] เอาชนงานขนบนสด = Control + Shift + ] เพมเตม ท าตวหนงสอ Outline = Control + Shift + O อางอง : http://stang.sc.mahidol.ac.th/ait/training/PDF/AI.pdf 2.4 การใชโปรแกรม Photoshop CS6

รปท 2.11 ภาพโปรแกรม Adobe Photoshop CS6

Photoshopเปนโปรแกรมสรางและแกไขรปภาพอยางมออาชพโดยเฉพาะนกออกแบบในทกวงกายอมรจกโปรแกรมตวนด โปรแกรม Photoshop เปนโปรแกรมทมเครองมอมากมายเพอสนบสนนการสรางงานประเภทสงพมพ งานวดทศน งานน าเสนอ งานมลตมเดย ตลอดจนงานออกแบบและพฒนาเวบไซต ในชดโปรแกรม Adobe Photoshopจะประกอบดวยโปรแกรมสองตวไดแก Photoshop และ Image Ready การทจะใชงานโปรแกรม Photoshopคณตองมเครองทมความสามารถสงพอควร มความเรวในการประมวลผล และมหนวยความจ าทเพยงพอ เพราะการท างานจะชาและมปญหาตามมามาก ขณะนโปรแกรม Photoshop ไดพฒนามาถงรน Adobe Photoshop CS6 อางอง http://babybearjubujubu.blogspot.com/2008/09/phoshop-photoshop-photoshop-adobe.html Menu bar

รปท 2.12 ภาพเมนค าสงMenu Barในโปรแกรม Adobe Photoshop CS6 เปนแถบทใชเกบค าสงหลกตางๆของโปรแกรม โดยเราสามารถเรยกใชค าสง ในแถบค าสงได ดวยวธการดงตอไปน

• Click mouse ทแถบค าสง จะปรากฏแถบค าสงยอย

• Click mouse เลอกแถบค าสงยอยทเราตองการ

Page 28: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

29

รปท 2.13 ภาพค าสงMenu Barในโปรแกรม Adobe Photoshop CS6 2.4.1 ค าสงใน Menu Bar มดงตอไปน -File หมายถง รวมค าสงทใชจดการกบไฟลรปภาพ เชน สรางไฟลใหม, เปด, ปด, บนทกไฟล, น าเขาไฟล, สงออกไฟล และอน ๆ ทเกยวกบไฟล Edit หมายถง รวมค าสงทใชส าหรบแกไขภาพ และปรบแตงการท างานของโปรแกรมเบองตน เชน กอปป, วาง, ยกเลกค าสง, แกไขเครองมอ และอน ๆ -Image หมายถง รวมค าสงทใชปรบแตงภาพ เชน ส, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสของภาพ, หมนภาพ และอน ๆ - Layer หมายถง รวมค าสงทใชจดการกบเลเยอร ทงการสรางเลเยอร, แปลงเลเยอร และการจดการกบเลเยอรในดานตาง ๆ -Select รวม ค าสงเกยวกบการเลอกวตถหรอพนทบนรปภาพ (Selection) เพอน าไปใชงานรวมกบค าสงอน ๆ เชน เลอกเพอเปลยนส, ลบ หรอใชเอฟเฟกตตาง ๆ กบรปภาพ - Filter เปนค าสงการเลน Effects ตางๆส าหรบรปภาพและวตถ -View เปนค าสงเกยวกบมมมองของภาพและวตถในลกษณะตางๆ เชน การขยายภาพและยอภาพใหดเลก -Window เปนสวนค าสงในการเลอกใชอปกรณเสรมตางๆทจ าเปนในการใชสราง Effects ตางๆ -Help เปนค าสงเพอแนะน าเกยวกบการใชโปรแกรมฯและจะมลายละเอยดของโปรแกรมอยในนน

Page 29: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

30

2.4.2 Option bar

รปท 2.14 ภาพ Option bar ในโปรแกรม Adobe Photoshop CS6 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตาง ๆ โดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนน เชน เมอเราเลอกเครองมอ Brush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะหวแปรง, โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

2.4.3 Tool Bar

รปท 2.15 ภาพ Tool Bar ในโปรแกรม Adobe Photoshop CS6 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ 2 เพอบอกใหรวาในปมนยงมเครองมออนอยดวย 2.4.4 เครองมอ

Move ใชส าหรบเลอกพนทบนภาพเปนรปสเหลยม วงกลม วงร หรอเลอกเปนแถวคอลมน ขนาด 1 พกเซล

Marquee ใชส าหรบยายพนททเลอกไวของภาพ หรอยายภาพในเลเยอรหรอยายเสนไกด

Lasso ใชเลอกพนทบนภาพเปนแนวเขตแบบอสระ

Magic Wand ใชเลอกพนทดวยวธระบายบนภาพ หรอเลอกจากสทใกลเคยงกน

Page 30: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

31

Crop ใชตดขอบภาพ

Slice ใชตดแบงภาพเพอบนทกไฟลภาพยอย ๆ ทเรยกวาสไลซ (Slice) ส าหรบน าไปสรางเวบเพจ

Eyedropper ใชเลอกสจากสตาง ๆ บนภาพ

Healing Brush ใชตกแตงลบรอยต าหนในภาพ

Brush ใชระบายลงบนภาพ

Clone Stamp ใชท าส าเนาภาพ โดยกอปปภาพจากบรเวณอนมาระบาย หรอระบายดวยลวดลาย

History Brush ใชระบายภาพดวยภาพของขนตอนเดมทผานมา หรอภาพของสถานะ เดมทบนทกไว

Eraser ใชลบภาพบางสวนทไมตองการ

Gradient ใชเตมสแบบไลระดบโทนสหรอความทบ

Blur ใชระบายภาพใหเบลอ

Bern ใชระบายเพอใหภาพมดลง

Dodge ใชระบายเพอใหภาพสวางขน

Pen ใชวาดเสนพาธ (Path)

Horizontal Type ใชพมพตวอกษรหรอขอความลงบนภาพ

Path Selection ใชเลอกและปรบแตงรปทรงของเสนพาธ

Rectangle ใชวาดรปทรงเรขาคณตหรอรปทรงส าเรจรป

Hand ใชเลอนดสวนตาง ๆ ของภาพ

Zoom ใชยอหรอขยายมมมองภาพ

- Set Foreground Color, Set Background Color ใชส าหรบก าหนดส - Foreground Color และ Background Color

เปดแสดงหนากระดาษ แบบ Full screen รปท 2.16 ภาพเครองมอใชงานในโปรแกรม Adobe Photoshop CS6

Page 31: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

32

2.4.5 Panel (พาเนล)

รปท 2.17 ภาพ Panel ในโปรแกรม Adobe Photoshop CS6 Panel (พาเนล) เปนวนโดวยอย ๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตาง ๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส, พาเนล Layers ใชส าหรบจดการกบเลเยอร และพาเนล Info ใชแสดงคาสตรงต าแหนงทชเมาส รวมถงขนาด/ต าแหนงของพนททเลอกไว

อางอง : http://thaigraph.blogspot.com/2013/08/photoshop.html

Page 32: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

33

2.4.6 คยลดในโปรแกรม Adobe Photoshop

รปท 2.18 ภาพคยลดในโปรแกรม Adobe Photoshop CS6 - i : เครองมอในกลม eyedropper - k : เครองมอในกลม slice - l : เครองมอในกลม lasso - m : เครองมอในกลม rectangular - o : เครองมอในกลม dodge - r : เครองมอในกลม blur - t : เครองมอในกลม horizontal - u : เครองมอในกลม rectangle - v : เครองมอ move - y : เครองมอ history brush - z : เครองมอ zoom - ctrl+ a : selection ทงเยอรหรอทงเฟรม - ctrl+b : เขาหนาค าสง color balance - ctrl+c : การใชค าสงการ copy - ctrl+d : การใชค าสงการ deselect หรอ การลบ selection - ctrl+e : การใชค าสงการรวมเลเยอร 2 กบ เลเยอร 1 - ctrl+f : การใชค าสงการใชฟลเตอรเมอครงลาสดทผานมา

Page 33: บทที่ 2 - Siam UniversityParty ของบร ษ ทไมโครซอฟ ในการทบทวนเอกสารและวรรณกรรมท เก

34

- ctrl+h : การใชค าสงยกเลก extras - ctrl+j : การใชค าสงการ copy layer - ctrl+l : การใชค าสงเรยก levels - ctrl+m : การใชค าสงการเรยก curves - ctrl+n : การใชค าสงการเรยกพนทท างานใหม - ctrl+o : การใชค าสงการเปดไฟลงานทมอย - ctrl+p : การใชค าสงปรน - ctrl+s : การใชค าสงการเซฟงานตอเนอง โดยทไมตองผานขนตอนการเซฟใหม - ctrl+t : การใชค าสงการเรยก free transform - ctrl+u : การใชค าสงการเรยก hue saturation - ctrl+v : การใชค าสงจากการ copy แลวน ามาวาง (paste) - ctrl+shift+ b : การใชค าสง auto color - ctrl+shift+d : การใชค าสงการเรยก selection ครงลาสดทเราท าไว - ctrl+shift+e : การใชค าสงการรวมเลเยอร - ctrl+shift+l : การใชค าสง auto levels - ctrl+alt+d : การใชค าสงเรยก feater selection เพมเปอรเซนต selection - ctrl+alt+z : การถอยหลงการท างานแตละขนตอน ถาเปน ctrl+z กจะกลบมาทการท างาน

ขนสดทาย - ctrl+alt + เครองหมาย – : =ขยายพนทท างานจะยอลง - ctrl+alt+ เครองหมาย + : ขยายพนทท างานจะเพมขน - { : ขนาดของหวแปรงตางๆจะลดลง - } : ขนาดของหวแปลงตางๆจะเพมขน