บทท 7

หลกก�รออกแบบโปสเตอร

march-4-ai-book.indd 99 3/17/2014 7:10:09 AM

100 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

บทท 7หลกก�รออกแบบโปสเตอร

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

7.1 ก�รจำ�แนกประเภทโปสเตอร

โปสเตอรมมากหลายประเภทตามแตวตถประสงคโดยโปสเตอรทพบเหนและเปนทนยมมดงน 1.) โปสเตอรโฆษณ�ชวนเชอและก�รเมอง (Propaganda and Political Poster)เปนโปสเตอรทมงเสนอแนวคดทางการเมองการปกครองในชวงสงครามโลกครงท1และ2มการใชโปสเตอรประเภทนอยางมากในทงสองฝายททำาสงครามกนในปจจบนโปสเตอรประเภทนกยงเปนสอสำาคญทกครงทมการเลอกตง

รปท7.1โปสเตอรโฆษณารถยนต[Online]Available:http://www.reumatismocar-club.com.br/fotos/Propagandas/aston-martin_one-77_ad_2008201052118540.jpg

รปท7.3โปสเตอรโฆษณาชวนเชอและการเมอง[Online]Available:http://en.wikipedia.org/wiki/Propaganda

รปท7.4โปสเตอรโฆษณาชวนเชอและการเมอง[Online]Available:http://www.jamesmaybe.com/blog/2010/05/those-that-were-the-farthest-out-have-gone-the-other-way/

รปท7.2โปสเตอรโฆษณาซเรยล[Online] Available: http://www.foodpolitics.com/wp-content/uploads/Kellogg-Scooby-Doo-Cereal.jpg

march-4-ai-book.indd 100 3/17/2014 7:10:10 AM

101ชนมธยมศกษาปท 3

2.) โปสเตอรโฆษณ�สนค� (Advertising Poster)เปนโปสเตอรทมงนำาเสนอสนคาใหตราสนคาเปนทรจกและจดจำาหรอมงนำาเสนอขอดเดนของตราสนคา

3.) โปสเตอรภ�พยนตร (Film or Movie Poster)เปนโปสเตอรทมงโฆษณาภาพยนตรทกำาลงจะออกฉายอยในโรงภาพยนตรสวนใหญมกแสดงใหเหนถงประเภทของภาพยนตรและใหขอมลเกยวกบนกแสดงและผทเกยวของกบภาพยนตร

รปท7.5โปสเตอรโฆษณาสนคา[Online] Available: http://slowbuddy.com/freebies/advertisement-posters-ideas/

รปท7.7โปสเตอรภาพยนตร[Online]Available:http://www.totalfilm.com/features/10-greatest-movie-posters-ever-made

รปท7.8โปสเตอรภาพยนตร[Online] Available: http://www.freeclassicimages.com/Film_Posters.html

รปท7.6โปสเตอรโฆษณาสนคา[Online] Available: http://webexpedition18.com/articles/30-cool-advertising-posters-for-your-inspiration/

march-4-ai-book.indd 101 3/17/2014 7:10:11 AM

102 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

4.) โปสเตอรก�รแสดง (Concert or Show Poster)เปนโปสเตอรทมงแจงขาวการแสดงทจะเกดขนและใหขอมลเกยวกบผแสดงสถานทและเวลาทจะมการแสดงรวมทงราคาบตรเขาชม

5.) โปสเตอรก�รจดง�น (Event Poster)เปนโปสเตอรทมงเนนแจงขาวการจดงานมหกรรมนทรรศการการแสดงสนคาการแขงขนฯลฯและใหขอมลเกยวกบผทเกยวของสถานทชวงเวลาการจดงานรวมทงราคาบตรเขาชม

รปท7.9โปสเตอรการแสดง[Online] Available: http://www.taschen.com/pages/de/catalogue/photography/reading_room/334.the_great_american_poster_shop.1.htm

รปท7.10โปสเตอรการแสดง[Online]Available:http://cargocollective.com/alexfelter/Poster-Design

รปท7.11โปสเตอรการจดงาน[Online]Available:http://myfreezer.wordpress.com/category/%E0%B8%9B%E0%B9%88%E0%B8%B2%E0%B8%A7%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8/

รปท7.12โปสเตอรการจดงาน[Online]Available:http://www.ziplineinteractive.com/blog/zipline-goes-downtown-for-the-23rd-annual-hoopfest-poster/

march-4-ai-book.indd 102 3/17/2014 7:10:12 AM

103ชนมธยมศกษาปท 3

6.) โปสเตอรก�รศกษ� (Education Poster) เปนโปสเตอรทมงเนนใหการศกษากาสาธารณะชนในเรองใดเรองหนงเชนโปสเตอรแสดงวธการกรองนำาอยางถกตอง

7.) โปสเตอรในหองเรยน (Classroom Poster) เปนโปสเตอรทมงทำาขนใชในหองเรยนเปนหลกเชนโปสเตอรแสดงแผนทโลก

รปท7.13โปสเตอรการศกษา[Online]Available:http://lab321design.wordpress.com/author/durkmc91/

รปท7.14โปสเตอรในหองเรยน[Online]Available:http://www.eadventure.co.il/?ItemId=2943

march-4-ai-book.indd 103 3/17/2014 7:10:12 AM

104 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

8) โปสเตอรก�รวจย (Research Poster)เปนโปสเตอรทมงใชเพอใหขอมลโดยยอเกยวกบการวจยมกใชในการประชมวชาการตางๆ

7.2 สวนประกอบของโปสเตอร

โปสเตอรมสวนประกอบไมมากเมอเทยบกบสงพมพอนๆเชนหนงสอพมพหรอนตยสารสวนประกอบของโปสเตอรมนอยเนองจากธรรมชาตของโปสเตอรเปนสงพมพทเนนการใหขอมลจำานวนนอยในระยะเวลาอนรวดเรวสวนประกอบของโปสเตอรมดงน

รปท7.15โปสเตอรการวจย[Online]Available:http://www.behance.net/gallery/Bat-Research-Design-Infographic/3729661

รปท7.16สวนประกอบของโปสเตอร[Online]Available:http://www.splashnology.com/arti-cle/creative-mcdonalds-advertisements/6787/

march-4-ai-book.indd 104 3/17/2014 7:10:13 AM

105ชนมธยมศกษาปท 3

1พาดหวคอสวนทเปนตวอกษรใหขอมลทเรยกรองความสนใจของผพบเหน2ภาพคอสวนทเรยกรองความสนใจของผพบเหนทไมใชตวอกษร3เนอหาคอสวนทเปนขอมลทใหรายละเอยดทจำาเปน4ภาพสนคาหรอตราสญลกษณคอสวนทระบผทเปนเจาของโปสเตอรนนๆ ทงนในโปสเตอรไมจำาเปนตองมองคประกอบครบทง4องคประกอบเสมอไป

7.3 ก�รออกแบบภ�พ ก�รกำ�หนดตวอกษร และก�รจดองคประกอบในก�รออกแบบโปสเตอร

7.3.1 สงทตองกำ�หนดและว�งแผนกอนก�รออกแบบโปสเตอร1.) ก�รกำ�หนดขน�ดและรปแบบของโปสเตอร แมวาโปสเตอรจะสามารถผลตไดทกขนาดและรปแบบแตในการกำาหนดขนาดและรปแบบนนจะตองมการคำานงถงความประหยดในดานตนทนการพมพและการผลตซงตนทนทสำาคญกคอคากระดาษทใชในการพมพการกำาหนดขนาดททำาใหเกดการตดกระดาษไดโดยไมเหลอเศษหรอเหลอเศษเลกนอยจงเปนเรองทควรคำานงถงโดยเฉพาะในกรณทตองการจะผลตโปสเตอรเปนจำานวนมากกจะตองยงคำานงถงเรองนขนาดโปสเตอรโดยทวไปแลวจะมขนาดทนยมใชกนเปนมาตรฐานเชนขนาดตดสหรอขนาดตดสอง นอกจากเรองความพยายามในการประหยดกระดาษเพอลดตนทนแลวขนาดของโปสเตอรจะตองเหมาะสมกบการใชงาน แมวาโปสเตอรขนาดใหญยอมจะสะดดตาและดงดดความสนใจไดมากกวาโปสเตอรทมขนาดเลกแตกตองคำานงถงลกษณะและขนาดของพนททจะนำาโปสเตอรไปตดดวยวามพนทใหญเลกอยางไรเชนหากตงใจจะนำาไปตดตามกระจกหนารานขายของกไมควรจะทำาโปสเตอรทมขนาดใหญมากจนบงสนคาภายในตโชวหรอภายในรานเสยหมดทำาใหเจาของสถานทอาจจะไมเตมใจใหตดเปนตน หากไมมปญหาเรองตนทนในการผลต และตองการความแปลกสะดดตา กอาจจะเลอกทำาโปสเตอรทมรปแบบอนๆทแปลกไปคอไมใชรปแบบกระดาษสเหลยมธรรมดาแตมการตดเปนรปรางตางๆเชนวงรหรอรปรางอสระอนๆกได สวนความหนาของกระดาษนนสวนใหญแลวโปสเตอรจะตองเปนกระดาษทคอนขางหนาโดยเฉพาะอยางยงโปสเตอรทจะนำาไปใชงานกลางแจงดงนนจงควรใชกระดาษทมความหนาอยางนอยตงแต120–160แกรม

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

3.) รปแบบของตวอกษร โปสเตอรสวนใหญซงเปนโปสเตอรโฆษณานนจะมสวนทเปนตวอกษรไมมากนกทำาใหมอสระในการใชตวอกษรคอนขางมาก โดยเฉพาะเมอโปสเตอรนนใชตวอกษรเปนองคประกอบหลก รปแบบของตวอกษรควรจะเลอกใหเหมาะสมกบบคลกลกษณะของสนคาหรอองคกร โดยพาดหวนนจะใชตวพมพมหวหรอไมมหว หรอตวตกแตงกได หรอนกออกแบบอาจจะเลอกประดษฐตวอกษรทมลกษณะเฉพาะตวขนมาใชใหมเปนการเฉพาะ

march-4-ai-book.indd 105 3/17/2014 7:10:13 AM

106 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

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

7.3.2 องคประกอบก�รจดว�งองคประกอบในสวนต�งๆ ของโปสเตอร1.) พ�ดหว พาดหวปนขอความทโดยมากมกจะมขนาดสนนยมทจะใชตวอกษรขนาดใหญมากตงแต72พอยตขนไปจนถงใหญขนาดหลายๆนวเนองจากจะตองสอสารไดดวยการมองจากระยะไกลนอกจากนยงควรจดวางไวในตำาแหนงทโดดเดนลกษณะของแบบตวอกษรทใชนนเปนไปไดแทบทกรปแบบในกรณทพาดหวเปนขอความสนๆไมยากแกการอานใหเขาใจนกออกแบบสามารถใชตวพมพไดทกรปแบบบางครงนกออกแบบอาจจะออกแบบตวอกษรขนมาใหมเพอใชเปนพาดหวของโปสเตอรนนๆโดยเฉพาะเลยกไดแตหากเปนพาดหวขาวทมความยาวหรอมหลายบรรทดกควรเลอกแบบตวพมพทงายแกการอานใหจบไดในการมองเพยงครงเดยวโดยมากแลวในโปสเตอร1ใบจะมพาดหวเพยงพาดหวเดยวยกเวนโปสเตอรการศกษาโปสเตอรในหองเรยนและโปสเตอรการวจยทอาจจะมพาดหวหลายๆพาดหวเพอแสดงถงประเดนหรอหวขอหลายๆหวขอทตองการนำาเสนอในโปสเตอรนนๆซงหากมพาดหวจำานวนมากควรจะเลอกใชตวพมพทเหมอนกนในโปสเตอรโฆษณาสนคาอาจจะไมมการใชพาดหวเลยไดโดยเฉพาะเมอตราสนคานนเปนทรจกแพรหลายอยแลว

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

3.) เนอห� แมวาขอมลในสวนของรายละเอยดในโปสเตอรจะไมใชพาดหว แตกตองใชตวอกษรขนาดใหญกวาตวอกษรทใชเปนขอความละเอยดในสออนๆคอควรมขนาดอยางนอยตงแต18พอยตขนไปทงนกเพราะระยะหางทผดยนมองดโปสเตอรนนคอนขางไกลกวาการดสงพมพชนดอนๆการจดวางเนอหาของโปสเตอรมกจะตองเนนความสะดวกในการอานขอมลการปรบแนวบรรทดสำาหรบเนอหาปรมาณนอยนนสามารถใชการเรยบเรยงแบบใดกไดไมวาจะเปนการเรยงชดซายชดขวาเรยงกลางหรอการปรบแนวบรรทดแบบอนๆ

march-4-ai-book.indd 106 3/17/2014 7:10:13 AM

107ชนมธยมศกษาปท 3

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

4.) ภ�พสนค� หรอตร�สญลกษณ ภาพสนคาเปนสวนประกอบทใชไดในสองลกษณะคอใชเปนภาพประกอบหลกและใชเพอระบวาโปสเตอรนนเปนโฆษณาของสนคาใด หากเปนการใชภาพโฆษณาในลกษณะแรก ภาพสนคากมกจะมขนาดใหญและ โดดเดน แตหากเปนการใชภาพสนคาในโปสเตอรทมภาพประกอบหรอภาพถายอนๆ เปนภาพหลกอยแลว กควรจะระมดระวงไมใหภาพสนคาและภาพหลกมขนาดทใกลเคยงกนเกนไป เพราะจะทำาใหโปสเตอรไมมจดเดนเนองจากภาพทงสองแยงความสนใจจากผดดงนนภาพสนคาทไมใชภาพหลกควรจะเปนภาพขนาดเลกและมกวางอยตอนลางของโปสเตอร หากไมตองการหรอไมมภาพสนคา หรอเปนโปสเตอรทไมใชโปสเตอรโฆษณาสนคา กจะมการใชตราสญลกษณของสนคาหรอองคกรทเปนเจาของโปสเตอรนนแทน โดยทวไปมกจะนยมวางสวนประกอบนไวตอนลางของโปสเตอรซงหากเปนโปสเตอรทมภาพสนคาอยแลวกอาจจะไมมสวนประกอบนอยกไดทงนการกำาหนดขนาดของตราสญลกษณนจะตองระมดระวงเชนเดยวกบการใชภาพสนคากลาวคอจะตองไมใหมขนาดใหญมากจนแยงความสนใจกนกบภาพหลก โปสเตอรคอสงพมพแผนเดยวมกมขนาดใหญและมกพมพดานเดยวใชเปนใบปดตามสถานททเหมาะสมเพอโฆษณาหรอใหขอมลแกผทเปนกลมเปาหมายโปสเตอรแบงไดหลายประเภทตามลกษณะของประโยชนใชสอยแตละประเภทมสวนประกอบเหมอนกน แตตางกนในดานปรมาณของสวนประกอบแตละสวน เชน โปสเตอรโฆษณาสนคามกมเนอหานอยในขณะทโปสเตอรการวจยมกมเนอหาจำานวนมากนอกจากนแลวโปสเตอรยงมสวนประกอบอนคอพาดหวภาพภาพสนคาหรอตราสญลกษณองคกรผเปนเจาของโปสเตอรโดยกอนจะออกแบบจะตองกำาหนดขนาดและรปแบบของโปสเตอรรวมทงรปแบบของภาพและตวอกษรเสยกอนโดยคำานงถงรสนยมของผทเปนกลมเปาหมายบคลกภาพของสนคาหรอองคกรตนทนในการผลตรวมทงลกษณะพนทของสถานททจะนำาโปสเตอรไปตดดวย สวนการออกแบบโปสเตอรนนอาจจะใชระบบกรดหรอไมกได โดยระบบกรดทเหมาะสมคอHierarchicalgridและModularGridสวนพาดหวของโปสเตอรนนมกจะใชตวอกษรขนาดใหญโดยใชตวอกษรแบบใดกไดหากมขนาดสน แตหากเปนพาดหวยาวๆ หรอมพาดหวจำานวนมาก มกจะใชตวพมพทงายตอการอาน สวนภาพจะตองเลอกใหสนบสนนพาดหว หากมหลายภาพจะตองมภาพเดยวทเดนอยางเหนไดชดเนอหาของโปสเตอรจะใชตวพมพทมขนาดใหญ และภาพสนคาหรอตราสญลกษณของผทเปนเจาของโปสเตอรจะตองจดวางโดยไมแยงความเดนจากภาพหลกแตใหเหนไดชดเจนเปนสวนประกอบสดทาย

march-4-ai-book.indd 107 3/17/2014 7:10:13 AM

108 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

7.4 ก�รนำ�รปภ�พม�ใชใน Adobe Illustrator CS5

การนำาภาพตางๆเพอเขามาใชในโปรแกรมAdobeIllustratorสามารถทำาไดงายๆโดยมขนตอนดงน1.File>Place2.เลอกรปภาพทตองการจากนนคลกOKภาพทเราเลอกจะเขามาอยในหนาตางการทำางาน

7.4.1 ก�ร Links ภ�พ ภาพทเรานำามาใชในโปรแกรมAdobeIllustratorนนไมไดถกนำามาใชงานในพนทการทำางานอยางเตมรปแบบแตจะอางองจากไฟลตนฉบบเรยกงายๆไดวาไฟลลงค(Link)ขอดกคอทำาใหไฟลในการทำางานมขนาดเลกและเวลาเราแกไขไฟลตนฉบบ เชนปรบแตงสภาพในพนทการทำางานกจะถกแกไขตามไปดวยดงนนหากเวลาทเรายายไฟลงานไปทำายงเครองอนๆตองอยางลมนำาไฟลลงค(Link)เพอทจะใชงานตามไปดวย การตรวจดไฟลภาพทเรานำามาใชงานทำาไดโดยเปดพาเนล Links ไปทWindow> Links จะปรากฏหนาตางทใชแสดงรายการภาพทนำาเขามาใชในการทำางาน

รปท7.17การนำารปภาพมาใชในAdobeIllustratorCS5

รปท7.18การลงคภาพ

march-4-ai-book.indd 108 3/17/2014 7:10:14 AM

109ชนมธยมศกษาปท 3

มรายละเอยดดงน1.แสดงรายการภาพทถกนำาเขามาใชงาน2.สำาหรบเลอกภาพใหมเขามาแทนภาพเดม3.สำาหรบเลอกภาพในพนททำางานจากภาพทกำาลงอยในรายการของพาเนลLink4.สำาหรบUpdateภาพเมอมการเปลยนแปลงทไฟลตนฉบบ5.สำาหรบแกไขไฟลตนฉบบในโปรแกรมAdobePhotoshop

7.4.2 ก�รฝงไฟลภ�พ การLinkภาพจะมขอดและขอเสยแตกตางกนไปการลงคไฟลภาพจะมขอเสยคอความเสยงททำาใหไฟลตนฉบบหายหรอการยายไฟลภาพทำาใหหาไฟลลงคไมเจอการฝงไฟลภาพนจะอกวธการหนงททำาใหไฟลภาพของเราไมสญหายแตมขอเสยคอไฟลงานของเรากจะใหญไปดวยและหากบางครงทแกไขปรบแตงตนฉบบเราตองนำาไฟลมาPlaceทหนาตางการทำางานใหมเนองจากเมอเราฝงไฟลไปแลวโปรแกรมจะไมอพเดทให เมอเราตองการฝงไฟลภาพลงไปในไฟลงาน สามารถทำาไดโดยการคลกทภาพนน แลวกดปม EmbedในแถบOptionเมอเราEmbedไฟลแลวในพาเนลLinksจะเกดรปภาพขนดานหลงแสดงวาภาพนถกฝงไวในไฟลการทำางานนแลว

รปท7.19LinksPanel

รปท7.20การฝงไฟลภาพ

march-4-ai-book.indd 109 3/17/2014 7:10:14 AM

110 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

7.5 ก�รใช Blend Tool

BlendToolเปนการทำาใหวตถสองวตถขนไปเชอมเขาหากนทงรปรางเสนและส

7.5.1 ก�รใช Blend Tool1.เลอกเครองมอBlendTool2.สรางวตถขนมา2ชน

3.ใชเครองมอBlendคลกไปทวตถโดยไลไปทละชน

รปท7.21การBlendวตถจากรปดาวไปสรปวงกลม

march-4-ai-book.indd 110 3/17/2014 7:10:15 AM

111ชนมธยมศกษาปท 3

รปท7.22ตวอยางการใชBlendToolจากเสนไปเสน

รปท7.23ตวอยางการใชBlendToolจากรปรางไปรปราง

รปท7.24ตวอยางการใชBlendToolจากสหนงไปยงอกสหนง

รปท7.25ตวอยางการใชBlendToolจากเสนไปยงรปราง

march-4-ai-book.indd 111 3/17/2014 7:10:15 AM

112 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

7.5.2 ก�รแกไข Blend หลงจากทเราไดBlendวตถเรยบรอยแลววตถทถกBlendจะกลายเปนชนเดยวกนหากเราตองการจะแกไขใหใชเครองมอลกศรขาว(DirectSelection)คลกเลอกเพอแกไขเสนPathทงทเปนเสนทกำาหนดรปทรงและเสนPathทควบคมการไลระดบการBlend

7.5.3 ก�รกลบทศท�งก�ร Blend การBlendวตถจะเปนไปตามทศทางเดยวกนกบลำาดบของวตถทเราเลอกเสมอหากเราตองการจะกลบทศทางการBlendใหจดเรมตนกลายเปนจดสนสดมวธการคอObject>Blend>ReverseFronttoBack

นอกจากนยงมคำาสงObject>Blend>ReverseSpineสำาหรบกลบดานการBlendใหกบวตถทถกเลอกไดอกดวย

รปท7.26การแกไขBlend

march-4-ai-book.indd 112 3/17/2014 7:10:15 AM

113ชนมธยมศกษาปท 3

7.5.4 Blend Option เปนคำาสงทใชสำาหรบตงคาBlendเพอปรบแตงรายละเอยดตางๆใหกบวตถทเราทำางานอยเรยกใชไดโดยObject>Blend>BlendOptionจะมรายละเอยดดงน

1.สำาหรบการกำาหนดรปแบบการไลระดบระหวางวตถประกอบไปดวย1.1SmoothColorไลลำาดบโดยทเกลยสเขาหากนอยางนมนวลไมเหมาะกบการใชกบวตถทมเสนขอบเพราะขอบจะไปบงสอนๆจนหมด1.2SpecitifiedStepไลลำาดบวตถโดยการกำาหนดจำานวนการBlendของวตถเอง1.3SpecitifiedDistanceไลลำาดบวตถโดยกำาหนดระยะหางระหวางวตถทแนนอน

2.ชองสำาหรบกำาหนดคาSpecitifiedStepหรอSpecitifiedDistance3.ตวเลอกสำาหรบรปแบบทศทางของการไกลเกลยวตถ4.สำาหรบPreviewดระหวางปรบแตง

7.5.5 ก�ร Blend ไปต�มเสน Path ในการBlendวตถเขาหากนนนเราสามารถกำาหนดทศทางไปตามความโคงของเสนPathไดมวธดงน1.สรางรปทรง2รปขนมา

2.ตงคาการBlend

march-4-ai-book.indd 113 3/17/2014 7:10:16 AM

114 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

3.สรางเสนPathทเราตองการจะใหรปทรงทเราBlendมาโคงตามเสนน

4.คลกเลอกวตถทเราไดทำาการBlendไวแลวตามขอท2แลวคลกทเสนPathทเราตองการใชเปนตวควบคมเสนโคงจากนนคลกทObject>Blend>ReplaceSpineจะไดรปทรงทโคงไปตามเสนPath

สำาหรบการยกเลกการReplaceSpineนนทำาไดโดยObject>Blend>ReverseSpineแลวภาพกจะกลบมาเปนเหมอนเดม

รปท7.27ผลลพธทไดจากการBlendตามเสนPath

march-4-ai-book.indd 114 3/17/2014 7:10:16 AM

115ชนมธยมศกษาปท 3

7.6 ก�รใช Transform

กลมเครองมอการTransformจะแบงออกเปน2กลมใหญๆคอกลมของRotateToolและScaleToolจะประกอบไปดวย

1.RotateToolสำาหรบหมนวตถ2.ReflectToolสำาหรบกลบดานวตถ3.ScaleToolสำาหรบยอหรอขยายขนาดวตถ4.ShearToolสำาหรบเอยงวตถ5.ReshapeToolสำาหรบแกไขความโคงใหกบเสนPath

7.6.1 ก�รใชเครองมอ Rotate Tool สำ�หรบหมนวตถ1.เลอกเครองมอRotateToolคลกเลอกวตถ2.หมนวตถไปยงทศทางทตองการ

3.หากตองการกำาหนดจดศนยกลางในการหมนสามารถทำาไดโดยเลอกใชเครองมอRotateToolแลวคลกลงไปยงภาพเพอสรางจดหมนกอนจากนนจงคอยหมนวตถไปยงทศทางทตองการ

4.หากกดShiftคางไวขณะททำาการหมนภาพจะชวยใหเรากำาหนดองศาของภาพไดโดยทจะหมนภาพในระยะการหมนทกๆ45องศา5.นอกจากการหมนภาพแบบหมนเองแลวเรายงสามารถตงคาองศาไดโดยการดบเบลคลกทปมRotateToolจะเกดหนาตางการตงคาขนมาใหเรากำาหนดองศาไดเอง

1กำาหนดองศาทตองการหมนภาพ2คลกOKเมอตกลงใชคาทกำาหนด3คลกPreviewเพอแสดงผลตามทเราตงคา

Rotate-ReflectScale-Shear-Reshape

จดหมน

จดหมน

march-4-ai-book.indd 115 3/17/2014 7:10:17 AM

116 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

7.6.2 ก�รใชเครองมอ Reflect Tool สำ�หรบกลบด�นวตถ1.เลอกเครองมอReflectToolคลกเลอกวตถแลวลากวตถทถกเลอกจะเปนการกลบซายเปนขวา

2.หากตองการกำาหนดจดศนยกลางในการกลบภาพสามารถทำาไดโดยเลอกใชเครองมอReflectToolแลวคลกลงไปยงภาพเพอสรางจดศนยกลางจากนนจงคอยคลกแลวลากเพอกลบภาพ3.หากกดShiftคางไวขณะททำาการกลบภาพจะชวยใหเรากำาหนดองศาของภาพไดโดยทจะกลบภาพในชวงระยะ90องศา4.นอกจากการกลบภาพแบบลากเองแลวเรายงสามารถตงคาองศาไดโดยการดบเบลคลกทปมReflectToolจะเกดหนาตางการตงคาขนมาใหเรากำาหนดการกลบภาพไดเอง

1กำาหนดใหกลบภาพตามแกนนอน2กำาหนดใหกลบภาพตามแกนตง3กำาหนดกลบภาพเองตามองศาทกำาหนด4คลกOKเมอตกลงใชคาทกำาหนด5คลกPreviewเพอแสดงผลตามทเราตงคา

7.6.3 ก�รใชเครองมอ Scale Tool สำ�หรบยอหรอขย�ยขน�ดวตถ1.เลอกเครองมอScaleToolคลกเลอกวตถแลวลากเพอยอหรอขยายวตถ

march-4-ai-book.indd 116 3/17/2014 7:10:17 AM

117ชนมธยมศกษาปท 3

2.หากตองการกำาหนดจดศนยกลางในการยอ-ขยายภาพสามารถทำาไดโดยเลอกใชเครองมอScaleToolแลวคลกลงไปยงภาพเพอสรางจดศนยกลางจากนนจงคอยคลกแลวลากเพอยอ-ขยายภาพ3.หากกดShiftคางไวขณะททำาการยอ-ขยายภาพจะชวยใหเรารกษาสดสวนของภาพได4.นอกจากการยอ-ขยายภาพแบบลากเองแลวเรายงสามารถตงคาไดโดยการดบเบลคลกทปมScaleToolจะเกดหนาตางการตงคาขนมาใหเรากำาหนดการยอ-ขยายภาพไดเอง

1ยอ-ขยายโดยรกษาอตราสวนของภาพไว2ยอ-ขยายโดยรกษาไมอตราสวนของภาพไวโดยกำาหนดขนาดแนวตงและแนวนอน3กำาหนดขนาดของStrokeและEffectทไดใชในวตถ4คลกOKเมอตกลงใชคาทกำาหนด5คลกPreviewเพอแสดงผลตามทเราตงคา

7.6.4 ก�รใชเครองมอ Shear Tool สำ�หรบเอยงวตถ1.เลอกเครองมอShearToolคลกเลอกวตถในพนททำางานแลวลากเพอทำาใหภาพเอยง

march-4-ai-book.indd 117 3/17/2014 7:10:18 AM

118 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

2.หากตองการกำาหนดจดศนยกลางในการเอยงภาพสามารถทำาไดโดยเลอกใชเครองมอShearToolแลวคลกลงไปยงภาพเพอสรางจดศนยกลางจากนนจงคอยคลกแลวลากเพอเอยงภาพ3.หากกดShiftคางไวขณะททำาการเอยงภาพจะเปนการชวยใหแนวการเอยงภาพไปตามแนวตงหรอแนวนอนหรอสองแนวพรอมกนขนอยกบทศทางการลากเมาส4.นอกจากการเอยงภาพแบบลากเองแลวเรายงสามารถตงคาไดโดยการดบเบลคลกทปมShearToolจะเกดหนาตางการตงคาขนมาใหเรากำาหนดการเอยงภาพไดเอง

1กำาหนดองศาเมอตองการเอยงภาพ2กำาหนดใหเอยงตามแนวนอน3กำาหนดใหเอยงตามแนวตง4กำาหนดองศาของทศทางทตองการใชในการเอยงภาพ5คลกOKเมอตกลงใชคาทกำาหนด6คลกPreviewเพอแสดงผลตามทเราตงคา

รปท7.28ตวอยางการใชShearTool

march-4-ai-book.indd 118 3/17/2014 7:10:18 AM

119ชนมธยมศกษาปท 3

7.6.5 ก�รใชเครองมอ Reshape Tool สำ�หรบแกไขคว�มโคงใหกบเสน Path เครองมอReshapeToolเปนเครองมอททำางานกบเสนPathแบบเปดเทานนคอเปนเสนPathทไมไดเชอมปดหวทายวธการใชคอเลอกเครองมอนคลกแลวลากไปบนเสนPathใหโคงไปตามการลากเมาส

march-4-ai-book.indd 119 3/17/2014 7:10:18 AM

120 การใชงานโปรแกรมดานคอมพวเตอรกราฟกเบองตน

เอกส�รอ�งอง

ประเสรฐพชยะสนทร.ศลปะและก�รออกแบบเบองตน.พมพครงท1.กรงเทพมหานคร.สำานกพมพแหง จฬาลงกรณมหาวทยาลย,2555มาโนชกงกะนนท.ศลปะก�รออกแบบ.กรงเทพมหานคร.โรงพมพไทยวฒนาพาณชยธารทพยเสรนทวฒน.ทศนศลป:ก�รออกแบบพ�ณชยศลป.กรงเทพมหานคร.หลกไทชางพมพ,2550วรพงศวรชาตอดมพงศ.บทคว�มรท�งก�รออกแบบพ�ณชยศลป ออกแบบกร�ฟก.พมพครงท3กรงเทพมหานคร.ศลปาบรรณาการ,2540อารยะศรกลยาณบตร.ก�รออกแบบสงพมพ.กรงเทพมหานคร.วสคอมเซนเตอร,2550AdobeCreativeTeam.AdobeIllustratorCS5:ClassroominaBook

march-4-ai-book.indd 120 3/17/2014 7:10:18 AM