· web viewต วอย างงานกราฟฟ กของภาพแบบบ...
Post on 16-Jan-2020
13 Views
Preview:
TRANSCRIPT
หนวยการเรยนท 2 : การสรางภาพแอนเมชนดวยโปรแกรม Illustrator
จดเรมตนของนกออกแบบ และสรางงานกราฟฟกบนเครองคอมพวเตอรนน เราจะเรมตนกนทการเรยนรกบชนดของภาพกราฟฟก และโปรแกรมทใชสำาหรบสรางงานกราฟฟก ตลอดจนการจดเตรยมเครองคอมพวเตอร และตดตงโปรแกรมสำาหรบงานกราฟฟกเหลานนทเราตองการ
Illustrator คออะไร
โปรแกรมพนฐานทนกออกแบบทกคนตองเรยนรในการสรางงานกราฟกม 2 ชนด คอโปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแตงภาพ
Illustrator คอ โปรแกรมทใชในการวาดภาพ โดยจะสรางภาพทมลกษณะเปนลายเสน หรอทเรยกวา Vector Graphic จดเปนโปรแกรมระดบมออาชพทใชกนเปนมาตรฐานในการออกแบบระดบสากลสามารถทำางานออกแบบตางๆ ไดหลากหลาย ไมวาจะเปนสงพมพ บรรจภณฑ เวบ และภาพเคลอนไหวตลอดจนการสรางภาพเพอใชเปนภาพประกอบในการทำางานอนๆ เชน การตน ภาพประกอบหนงสอ เปนตน
การประมวลผลภาพกราฟฟกของคอมพวเตอร
ในความเปนจรงแลวภาพกราฟฟกทเกบในคอมพวเตอรนน จะมวธการประมวลผลภาพ 2 แบบแตกตางกนไปตามแตละโปรแกรมดงน คอ
1. การประมวลผลแบบอาศยการคำานวณทางคณตศาสตร
ตวอยางเชน รปลอรถจกรยาน ถาเปนการเกบแบบเวกเตอร เครองจะเกบขอมลทเปนสตรทางคณตศาสตรแตสามารถอธบายไดคอ รปลอจกรยาน คอเสนวงกลมทเกดจากการวดความหางจากจดศนยกลางจดหนงไปยงบรเวณรอบๆ ดวยระยะหางทเทากน โดยมสและตำาแหนงของสทแนนอน ฉะนนไมวาเราจะมการเคลอนยายทหรอยอขยายขนาดของภาพ ภาพจะไมเสยรปทรงในเชงเลขาคณต เชน โปรแกรม Illustrator ใชวธนในการเกบ เปนตน
ตวอยางงานกราฟฟกของภาพแบบเวกเตอรงานกราฟฟกในแบบเวกเตอรนจะเปนลกษณะของภาพลายเสน ซงงานเหลานจะเนนถงความ คมชดของเสนเปนหลก เชน ภาพโลโก ตราบรษท และภาพลายเสนแบบคลปอารต โปรแกรมเหลานไดแก Illustrator, CorelDraw และ Freehand เปนตน
2. การเกบและแสดงผลแบบบตแมพ [ Bitmap ]
เปนการประมวลผลแบบอาศยการอานคาสในแตละพกเซล ซงเหมาะกบภาพทมโทนสทใกลเคยงกน เชน ภาพถาย โปรแกรม Photoshop ใชวธน การประมวลผลแบบบตแมพนเราเรยกอกอยางวา Raser image เปนการเกบขอมลดบ คอคา 0 และ 1 ใชการแสดงผลเปนพกเซล โดยแตละพกเซลจะมการเกบคาสทเจาะจงในแตละตำาแหนง
ตวอยางงานกราฟฟกของภาพแบบบตแมพ งานกราฟฟกในแบบบตแมพนจะเปนลกษณะของภาพ ทตองการปรบแตงรายละเอยดของสเปนหลก เชน การซอนภาพและการตกแตงภาพใหเหนอ
จรง โปรแกรมเหลานไดแก Photoshop, Corel Photo-paint และ Fireworks เปนตน
Illustrator ทำาอะไรไดบาง
>>งานสงพมพ
ไมวาจะเปนงานโฆษณา โบรชวร นามบตร หนงสอ หรอนตยสาร เรยกไดวาเกอบทกสงพมพท
ตองการความคมชด
>>งานออกแบบทางกราฟฟก
การสรางภาพสามมต การออกแบบปกหนงสอ การออกแบบสกรน CD-ROM และการออก
แบบการดอวยพร ฯลฯ
>>งานทางดานการตน
ในการสรางภาพการตนตางๆนน โปรแกรม Illustrator ไดเขามามบทบาทและชวยในการ
วาดรปไดเปนอยางด
>>งานเวบไซตบนอนเตอรเนต
ใชสรางภาพตกแตงเวบไซตไมวาจะเปน Background หรอปมตอบโต แถบหวเรองตลอดจน
ภาพประกอบตางๆ ทปรากฎบนหนาเวบ
แนะนำาเครองของโปรแกรม Adobe Illustrator
Selection tool เครองมอกลมนวาดวยเรองการเลอกวตถ ประกอบไปดวย
Selection tool(ลกศรสดำา)ใชเลอกวตถทงชน
Direct-selection tool(ลกศรสขาว)ใชเลอก points หรอ path ของวตถ (กดคย Alt)
Magic wand tool(ไมเทาวเศษ)เปนเครองมอใหม ใชเลอกวตถทมสเดยวกน การใชงานเหมอน ใน Photoshop (กดคย Alt และ Shift)
Lasso tool ใชเลอกโดยการคลกเมาส Drag การใชงานเหมอนใน Photoshop (กดคย Alt และ Shift)
Create tool เครองมอกลมนวาดวยการสราง objects ไมวาจะเปนเสน รปทรงตางๆ และตวหนงสอ
Pen tool สรางเสน parth อยางแมนยำา โดยการใชแขน มผลทำาให object มจดนอย-นอยมาก สวนเครองมอยอยจะเอาไวใชปรบแตง curved ไมวาจะเปนการเพมจด ลบจด หกแขนของแกนเสนสมผส (กดคย Alt)
Type tool ใชพมตวหนงสอ ขอความตางๆ สวนเครองมอยอย กงายๆตามรป ใชพมพตวหนงสอใหอยในกรอบบาง ทำาตวอกษรวงตาม paths บาง ซงผมจะไมอธบายมากเพราะ ไอคอนกงายตอการจดจำาอยแลว
Line segment tool อนนไวลากเสนตรง ในรายละเอยดของเครองมอยอยกไมมอะไรมาก เชนไวท ำาขดกนหอย ทำา grid ของตารางหมากรก grid แบบใยแมงมม
Basic shape tool เอาไววาดรปทรงพนฐาน 3-4-หลายเหลยม และวงกลม shape รปดาว แตทเดนทสดคอ flare tool ใชสรางเอฟเฟค lens-flare (กดคย Alt หรอ Shift และ Alt+Shift)
Paintbrushtool แปรงทเอาไวสรางเสน parth โดยการ drag เมาสลากอยางอสสระสามารถใช brush แบบพเศษ (กดคย Alt)
Pencil tool จะคลายๆ paintbrush tool แตจะมเครองมอยอยใหเรยกใชในการแกไขเสน ซงจะชวยในการป ร บ แ ต ง แ ก ไ ข แ ล ะ ท ำา ใ ห ง า น ด ด +เ ร ว ข น (ก ด ค ย Alt)
Transform tool เครองมอกลมนใชในการปรบแตงรปทรงของวตถ ไมวาจะเปนหมน เอยง บด กลบดาน ยอ ขยาย นอกจากนยงมเอฟเฟคตางๆดวย
Rotate tool ใชในการหมนวตถ โดยการกำาหนดจดหมนกอนแลวจงทำาการหมน ซงสามารถกำาหนดไดวาตองการหมนกองศา (กดคย Alt)
Reflect tool ใชในการกลบดานของวตถ (กดคย Alt)Twist tool ใชในการบดวตถ โดยการกำาหนดจดกอนแลวจงทำาการบด ซง
สามารถกำาหนดไดวาตองการบดมากนอย (กดคย Alt)Scale tool ปลบยอขยายวตถ (กดคย Alt และ Shift)Shear tool ใชเอยงวตถ (กดคย Alt)Reshape tool ใชเพมจด และดงยดวตถThe warp tool ใชโนมวตถใหบดเบยว (กด
คย Alt หรอ Shift และ Alt+Shift)Twirl tool ทำาใหวตถบดตามจดทกำาหนด (กด
คย Alt หรอ Shift และ Alt+Shift)Pucker tool ดงดดจดใหเขาสจดศนยกลาง (กด
คย Alt หรอ Shift และ Alt+Shift)Bloat tool ทำาใหวตถแบออก (กดคย Alt หรอ Shift และ Alt+Shift)Scallop tool ดงวตถใหเขาศนยกลางพรอมกบสรางรอยหยก (กด
คย Alt หรอ Shift และ Alt+Shift)Crystallize tool ขยายวตถใหออกจากศนยกลางพรอมกบสรางรอยหยก
(กดคย Alt หรอ Shift และ Alt+Shift)Wrinkle tool สรางคลนใหวตถ (กดคย Alt หรอ Shift และ Alt+Shift)Free transform tool ยอ ขยาย หมน เอยง วตถ โดยอสระ
Special tool เปนเครองมอใหมทจดการเกยวกะ Symbol และ graph
Symbol tool ใชจดการเกยวกบ symbol ซงมเครองมอยอยมากมาย แตจะไมขอกลาวถง เพราะเครองมอแตละชนมไอคอนทงายตอการเขาใจอยแลว ขอใหทดลองนำาไปใชเอง แลวจะเขาใจวา tool แตละชนใชทำาอะไรไดบาง (กดคย Alt)
Graph tool ใชสราง graph ในรปแบบตางๆ ซงงายตอการเขาใจ และจะไมขอกลาวถงเชนกน (กดคย Alt หรอ Shift และ Alt+Shift)Paint color tool เปนกลมเครองมอทใชจดการเรองของส
Mesh tool เปนเครองมอสทเจงสดขด(แตควบคมยากเหมอนกน)โดยการสราง point และมแกนในการควบคม (กดคย Alt และ Shift)
Gradient tool เครองมอไลระดบส ซงมการไลระดบอยดวยกน 2 แบบ คอ Linear และ Radial ใชการลากจากจดเรมตน และ สนสดทจดปลอยเมาส ในการควบคมการไลระดบของส (กดคย Shift)
Eyedropper tool หลอดดดส ใช copy สของวตถ สามารกำาหนดไดดวยวาจะ copy ลกษณะอยางไร อะไรบาง (กดคย Alt และ Alt+Shift)
Paint bucket tool สวนใหญจะใชควบคกบ eyedropper tool ใดยใชเทสลงบนวตถ (กดคย Alt)
Measure tool เครองมอวดขนาด (กดคย Shift)Blend tool เครองมอไลระดบการเปลยนรปรางและส สามารถควบคมการ
ไลระดบได 3 ชนดAuto trace tool ใชในการ trace จากภาพตนฉบบทเปน bitmap ไป
เปน Vector ซงเปนเครองมออำานวยความสะดวกสำาหรบคนขเกยจโดยเฉพาะ
View tool กลมเครองมอกลมนจะเนนทมมมองเปนหลก
Slice tool ใชเกยวกบการตดแบงภาพออกเปนสวนๆ ใชในงานเวบ
Scissors tool ใชคลกบรเวณ outine ของวตถเพอกำาหนดจดตด 2 จดเพอแยกวตถออกจากกน (กดคย Alt)
Knife tool ใช drag ลากผานวตถเพออแยกวตถออกจากกนเปน 2 สวน โดยจะทำาการ close paths ใหเราโดยอตโนมต (กดคย Alt)
Hand tool ใชเลอนดบรเวณพนทการทำางานบนหนาจอ (กดคย Spacebar)
Page tool ใชกำาหนด print size
Zoom tool ใชยอ และ ขยายพนทการทำางาน (กดคย Ctrl+Spacebar และ Ctrl+Alt+Spacebar)
ทมา: http://www.learners.in.th/blogs/posts/184256 , http://www.comnetsite.com/illustrator-tip-2.php
ขนตอนแรกกเปดโปรแกรมแลวกสรางหนาใหมขนมาตงคาตางๆ
เลอก Pen Tool (P) ปากกาเพอลายเสนจะไดโคงสวยงาม
กด X เพอปรบสของเสนสวนสทไมใชไมตองเลอก
ขนตอนตอมาใสสพนใหกบโครงหนา ใหเลอกทเมนดานบน Window>color หรอกด F6
แลวปรบเฉดสตามภาพ Ex :R=254,G=233,B=214
จากนนสรางวงกลมใหเปนลกตา โดยใชเครองมอ Ellipse Tool หรอกด L
ปรบเฉดสใหเปนสนำาตาลนะครบ เพราะเราจะทำาใหลกตาเปนสนำาตาลและตงขอบใหสมจรงมากขน
เมอเรมคลานดวงตาแลว แตยงขาดแววตา ใหวาดวงกลมแลวปรบสใหเปนสขาวสวางๆ กบเทาๆ สลบซนกนเหมอนภาพตวอยาง
แววตาจะทำาใหดวงตามชวตขนทนท จากนนเรากแตงสสน โดยวาดรป
ดวงตา แลวกใสเฉดสเปนสขาว เหมอนรปตวอยาง จากนนเตมคว
กอปป แลวเรากจะวางไวทจดเดมเหมอนกบของทกอปมา โดยกด Ctrl+F
จากนนเราจะแยก ดวงตาออกเปน 2 ดวงดวยการใช เครองมอ Reflect Tool หรอกดตว O เมอเลอกแลว ใหหาจดกงกลางระหวางดวงตา 2 ดวงแลวกคลก 1 ครง จากนน กกด Shift คางไว แลวเลอนเมาทไปทางดานตรงขาม เราจะเหนเปนเงาของลายเสน แลวกปลอยเมาทเมอดวงตาอกดวงมาอยอกดาน
ตอมาใสจมกกบปาก ครบโดยใชเครองมอ Pen Tool เหมอนเดม วาดลงไปเหมอนกบรป
วาดทรงผมลงไปกใชเครองมอ Pen Tool
ใหนกศกษาวาดภาพพรอมลงสใหเหมอนกนกบแบบดวยโปรแกรม Illastrator ตามขนาดทกำาหนดไว
*สง 5 กนยายน 2559
top related