Page 1
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
รจกโปรแกรม Illustrator CS3
โปรแกรม Illustrator เปนโปรแกรมทท างานดานกราฟกชนดหนง ซงเนนการสรางงานจากการวาดจดเดน ของโปรแกรมนคอ สามารถสรางภาพลายเสนไดเปนอยางด นอกจากนยงสามารถน าลายเสนทวาดมาดด แกไข ตกแตงไดงาย สามารถน าไปใชงานดานตาง ๆ ไมวาจะเปนงานสงพมพ งานออกแบบโลโก หรอทภาพประกอบในหนงสอและเวบไซต สรางลายเสน ส าหรบใชในงานโปรแกรมสามมต หรอโปรแกรมตกแตงภาพอน ๆ เปนตนภาพทใชงานในโปรแกรมกราฟกจะแบงออกตามลกษณะใชงานสองประเภท คอภาพกราฟกแบบ Vector และภาพแบบ Bitmapทงนเพอความเหมาะสมในการจดเกบ การแกไขและการน ากลบไปใชงานอกครงส าหรบภาพกราฟกทงสองชนดจะมความแตกตางกนดงน ภาพแบบ Bitmap หรอ Raster เปนภาพทเกดจากเมดสเลก ๆ ประกอบมาเปนภาพใหญ ๆ ทเรามองเหนกน จดเลกหนงจดจะบรรจดวยหนงส เราเรยกจดสนวาจด Pixel รปภาพหนง ๆ จะประกอบดวยจด Pixel เปน ลาน ๆ จด ยงจ านวนมากจะท าใหภาพมความละเอยดสวยงามซงจะท าใหกนเนอทในการเกบขอมลมากจดเดนของภาพแบบ Bitmap กคอไดภาพสวยสสนสดใส สมจรงมากจดดอยของภาพแบบ Bitmap นคอ เมอน าภาพมาขยายใหญมาก ๆ ภาพหยาบไมคมชดเหมอนภาพตนแบบ โปรแกรมตกแตงภาพทวไปจะท างานกบภาพ Bitmap เชน โปรแกรม Adobe Photoshop, Paintเปนตน และจะถกบนทกไวในไฟลนามสกล BMP, GIF, JPG, TIFF เปนตน เหมาะส าหรบไฟลภาพถายไฟลภาพเหมอนจรงตาง ๆ ภาพแบบ Vector เปนภาพทเกดจากเสนตรง เสนโคง และสตางๆ ซงถกบรรจเอาไวในลกษณะสมการทางคณตศาสตรใชกนมากในงานประเภททตองการความแมนย า และความละเอยดสง เชน การออกแบบโลโก สรางภาพสามมต การสรางภาพทางวศวกรรม สรางภาพ Clip Art เนองจากงานดงกลาวจะถกปรบยอ- ขยายบอย ๆ จดเดนของภาพแบบ Vector คอภาพคมชด เมดสไมแตกเมอเกดการปรบยอ – ซ า ๆ จดดอยของภาพแบบ Vector คอ ภาพทไดไมสมจรงจะเหมาะกบงานทเปนกราฟกมากกวาสรางภาพเหมอนจรง โปรแกรมทท างานกบภาพกราฟกแบบ Vector มอยหลายโปรแกรม เชนโปรแกรม Illustrator, Flash , 3d Studio max เปนตน และจะถกบนทกเอาไวในไฟลนามสกล Al , SWF , EPS เปนตน
Page 2
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
1.2 การเปดใชงานโปรแกรม Illustrator CS3 หลงจากทตดตงโปรแกรม Illustrator CS3 เรยบรอยแลวสามารถเรยกใชโปรแกรมไดตามขนตอนดงตอไปน 1. คลกค าสง Start > All Program >Adobe Illustrator CS3 ดงภาพ
2. จะปรากฏหนาตางตอนรบขนมา เพอเลอกรปแบบการท างาน ดงภาพ
Page 3
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Open a Recent Item แสดงไฟลทท างานลาสด จ านวน 9 ไฟล โฟลเดอร open เลอกเปดไฟลงานทเกบไว Create New เลอกสรางไฟลใหมใหเหมาะสมตามการใชงาน เชน Web Document
กจะเหมาะสมส าหรบการน าไปใชท าเวบ From Template สรางไฟลงานจากเทมเพลททโปรแกรมไดเตรยมไฟลส าเรจรปไวให Getting Started จะลงคไปยง Help เพอใหเราเลอกอานวธการใชงานของเครองมอ
ตางๆ New Features แสดงเครองมอใหมๆ ของ Illustrator CS3 Resources ตวชวยและงานตวอยางทเกยวของกบโปรแกรม Get the most out of Illustrator
เปนลงคไปดเทคนคการใชงานของ Illustrator ทผใชงานทวโลกโพสตไว
Page 4
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
สวนประกอบของ Illustrator CS3 ประกอบไปดวย
Menu Bar เปนทอยของชดค าสงลกษณะตางๆ ทกรปแบบ ตงแตการเปด-ปด สรางเอกสารใหม แกไข เปลยนแปลง บนทกไฟล ไปจนถงค าสงส าหรบพมพ และวาดภาพทงหมด
คอนโทล พาเนล ( Control Panel ) เปนสวนทใชก าหนดคณสมบตของเครองมอทเลอกท างานอย ซงรายละเอยดของคอนโทรลพาเนลจะเปลยนไปตามการเลอกใชเครองมอ เชน เลอกเครองมอเพอพมพตวอกษรกจะแสดงคณสมบตของการจดการตวอกษร
กลองเครองมอ ( Tools box ) เปนกลองทเกบรวบรวมเครองมอส าหรบการท างาน โดยจะแบงออกตามลกษณะการท างานโดยสามารถเรยกใชจากการกดทปมสามเหลยมดานมมขวาลาง เชน เครองมอกลม Shape กจะประกอบไปดวยเครองมอวาดรปทรงแบบสเหลยม, สเหลยมมมโคง, และวงกลม เปนตน การเปด/ปดกลองเครองมอ ใชค าสง Windows > Tools
พาเลท ( Palate ) กรอบหนาตางยอย ทมค าสงและเครองมอในการจดการ ตรวจสอบคาและปรบแตงองคประกอบตางๆของวตถ เครองมอเหลานจะถกจดแบงไวเปนหมวดหม การเปดใชงานพาเลท ใชค าสง Windows > ตามดวยชอพาเลททตองการใชงาน
พนทการท างาน ( Artboard ) มลกษณะเปนกรอบสเหลยมสด าใชเปนพนทในการสรางและปรบแตงภาพจะมขนาดตามทก าหนดไวตอนทเราสรางไฟล
Page 5
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
แถบสถานะ ( Status ) มหนาทในการยอขยายและแสดงอตราสวนในการแสดงภาพ
กลองเครองมอ ( Tool Box ) ของ Illustrator CS3 ประกอบไปดวย เครองมอใน Illustrator CS3 แบงออกเปนหลายกลมในแตละกลมจะแบงยอยออกไปอกสงเกตไดจาก เครองมอทมเครองมอยอยจะมรปสามเหลยมเลกๆทมมลางขวาการเรยกใชเครองมอยอยสามารถท าไดโดย คลกเมาสคางไวทเครองมอทตองการ หากไมมเครองมอนแสดงอยในหนาจอโปรแกรมใหเปดขนมาท างานโดย คลกทเมน Window > Tool
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 ใชพมตวหนงสอ ขอความตางๆ สวนเครองมอ ยอย กงายๆตามรป ใชพมพตวหนงสอใหอยในกรอบบาง ท าตวอกษรวงตาม path
Page 6
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Line segment tool อนนไวลากเสนตรง ในรายละเอยดของเครองมอยอย เชน ไวท าขดกนหอย ท า grid ของตารางหมากรก grid แบบใยแมงมม
Basic shape tool เอาไววาดรปทรงพนฐาน 3-4-หลายเหลยม และวงกลม shape รปดาว แตทเดนทสดคอflare tool ใชสรางเอฟเฟค lens-flare (กดคย Alt หรอ Shift และ Alt+Shift)
Paintbrush tool แปรงทเอาไวสรางเสน parthโดยการdrag เมาสลากอยางอสระ สามารถใช brush แบบพเศษ(กดคย Alt)
Pencil tool จะคลายๆ paintbrush tool แตจะมเครองมอยอยใหเรยกใชในการแกไขเสน ซงจะชวยในการปรบแตงแกไข และท าใหงานดด เรวขน (กดคย Alt)
Transform tool เครองมอกลมทใชในการปรบแตงรปทรงของวตถ หมน เอยง บด กลบดาน ยอ ขยาย
Rotate tool ใชในการหมนวตถ โดยการก าหนดจดหมนกอนแลวจงท าการหมน ซงสามารถก าหนดไดวาตองการหมนกองศา(กดคย Alt) Reflect 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 และ
Page 7
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
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 ซงมเครองมอยอยมากมาย เครองมอแตละชนม ไอคอนทงายตอการเขาใจ(กดคย Alt)
Graph tool ใชสราง graph ในรปแบบตางๆ ซงงายตอการเขาใจ ( กดคย Alt หรอ Shift และAlt+Shift)
Paint color tool เปนกลมเครองมอทใชจดการเรองของส
Mesh tool เปนเครองมอสทสราง point และมแกน ในการควบคม (กดคย Alt และ Shift)
Gradient tool เครองมอไลระดบส ซงมการไล ระดบอยดวยกน2 แบบ คอ Linear และ Radial
Page 8
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ใชการลากจากจดเรมตน และสนสดทจดปลอยเมาส ในการควบคมการไลระดบของส (กดคย Shift)
Eyedropper tool หลอดดดส ใช copy สของ วตถ สามารถก าหนดไดดวยวาจะ copy ลกษณะ อยางไร อะไรบาง (กดคย Alt และ Alt+Shift) Measure tool เครองมอวดขนาด (กดคย Shift)
Blend tool เครองมอไลระดบการเปลยนรปราง และส สามารถควบคมการไลระดบได 3 ชนด
Live Paint Bucket Tool ใชเทสลงในวตถ
Live Paint Selection Tool ใชก าหนดสใหกบ พนทของPath Object ทไดเลอก
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)
Page 9
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Fill and Stroke ใชก าหนดสของวตถและเสน Path
พาเลท ( Palate ) ของ Illustrator CS3 ประกอบไปดวย
Color Palette ใชส าหรบการเลอกส ผสมสเอง
Swatches Palette เปนสส าเรจรปทใชไดเลย โดยไมตอง ผสมเอง
Brushes Palette การใชแปรงทมลกษณะตางๆ เพอให เหมาะสมกบงาน มใหเลอกใชกนหลายอน
Stroke Palette เปนพาเลทเกยวกบการใชเสน และปรบ ขนาดของเสน
Gradient Palette เปนพาเลทเกยวกบการใชไลโทนส ตงแต 2 สเขาหากน
Transparency Palette เปนการก าหนดความโปรงแสง ของ Object (ปรบท Opacity) และรปแบบของการผสมส Blending Mode ซงโดยปกตเราจะใชอยแค 3 โหมด คอ Normal Multiply และ Screen
Page 10
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Appearance Palette เปนการแยกองคประกอบของ Object วามอะไรบาง เชน ส เสน หรอ เอฟเฟคตางๆ ซงเราสามารถเพม ลบ ได
Graphic Styles Palette เปนทเกบ Styles ตางๆ ทม ของโปรแกรม แลวน าไปใชกบวตถ
Symbols Palette เปนเครองมอทชวยประหยดเวลา ในการวาดคอนขางมาก(มรปมากมายใหเลอกใช) ทส าคญมขนาดไฟลเลก
Layers Palette ใชสรางและก าหนดการเรยงล าดบของ ชนตางๆในงาน
Actions Palette เปนค าสงในการสรางงานอตโนมต
Transform Palette เปนการบอกถงต าแหนงของวตถ
Page 11
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Document info Palette แสดงคณสมบตของไฟลงาน
Info Palette แสดงขนาด ต าแหนง และสของวตถทเลอก
Links Palette ใชแสดงภาพทใชในงาน
Align Palette ใชก าหนดการจดวางใหกบวตถ
Character Palette ใชก าหนดขนาดตวอกษร font
Navigator Palette ก าหนดมมมองของรปในแบบตางๆ สามารถยอขยายรปได โดยเลอนแถบดานลาง
Pathfinder Palette การใชค าสงน จะตองใช(คลกเลอก) Objects ตงแต 2 ชนขนไปทวางซอนกน อาจเปนการตด สวนใดสวนหนงออก หรอรวมเขาดวยกน
Page 12
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Magic Wand Palette การก าหนดการท างานของ Magic Wand Tool
การสรางเอกสาร
หลงจากเปดโปรแกรมขนมาแลว กอนทจะเรมท างานใน Illustrator CS3 ผใชจะตองสรางงานใหมขนมา กอนทกครง ตามขนตอนและรายละเอยดตางๆ ดงน 1.คลกเมน File>New... เพอเลอกสรางงานใหม ดงภาพ
2.จะปรากฏหนาตาง New Document ส าหรบก าหนดรายละเอยดตางๆ ดงน
Page 13
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Name : ส าหรบก าหนดชอ (หรอจะก าหนดภายหลงตอนบนทกกได) Artboard Setup : ส าหรบก าหนดรายละเอยดใหพนทท างานประกอบดวย Size : คอขนาดตามมาตรฐานงานเอกสารทงไป อาท A4, A3, Letter ฯลฯหากก าหนดเองจะเปลยนเปน Custom Units : หนวยในการท างาน อาท Inches (นว), Centimeters (เซนตเมตร) Width/Height : ความกวางและความสงของเอกสาร Orientation :Portrait การวางงานแนวตง, Landscape การวางงานแนวนอน Color Mode : ก าหนดโหมดสของชนงาน ม 2 โหมดคอ CMYK Color :โหมดสส าหรบท างานดานสงพมพ (จะแสดงสคอนขางทบ) RGB Color : เปนโหมดการแสดงผลตามหนาจอใชส าหรบการสรางเวบหรอ Presentation (จะแสดงสสด) 3. คลกปม OK
การบนทกงาน ตามปกตไฟลงานทสรางจาก Illustrator จะบนทกไวเปนไฟล .AI โดยการบนทกไฟลสามารถ ท าไดหลายรปแบบตามความตองการของผใช ดงน
File > Save As เปนการบนทกโดยตองการเปลยนชอใหม เปลยน Folder ทเกบงาน หรอตองการบนทกใหเปนฟอรแมตอน หลงจากใชค าสงนแลวจะเปนการท างานทไฟลใหมทนท
File > Save a Copy เปนการบนทกโดยตองการเปลยนชอใหม เปลยน Folder ทเกบงาน หรอตองการบนทกใหเปนฟอรแมตอน แตหลงจากใชค าสงนแลวจะเปนการท างานทไฟลเดมตอ
File > Save as Template บนทกเคารางการออกแบบใหเปนเทมเพลท เพอน ามาใชในการออกแบบซงจะไดไฟลฟอรแมต .AIT
File > Save for Web & Devices เปนการบนทกเพอน างานไปใชในเวบเพจ ซงจะมการลดสและบบอดใหไฟลมขนาดเลกลง
Page 14
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ประเภทของไฟลทบนทก
Adobe Illustrator (*.AI) เปนฟอรแมตหรอนามสกลของโปรแกรม Illustrator ซงไฟลทไดจะมความ สมบรณทสด สามารถน าไปใชงานรวมกบโปรแกรมอนๆ ของ Adobe เชน Flash,Photoshop
Adobe PDF (*.PDF) เปนฟอรแมตหรอนามสกลมาตรฐานทนยมใชส าหรบแลกเปลยนไฟลทางเวบไซตโดยจะเปนเอกสารบนเวบและสงพมพ เชน ใบสมครงาน เกดดไดดวยโปรแกรม Adobe Reader
AdobeTemplate (*.AIT) เปนไฟลเทมเพลตหรอไฟลแมแบบ ซงบนทกเพอน าไปใชเปนเทมเพลทในการท างานครงตอไ ป เชน รปแบบนามบตร ใบประกาศนยบตร เปนตน
SVG (*.SVG) เปนฟอรแมตหรอนามสกลมาตรฐานของไฟลแบบเวคเตอรทสามารถใชกบเวบเพจ ซงจะท าใหภาพทแสดงบนเวบมความคมชดกวาไฟล .JPGหรอ GIF
SVG Compressed (*.SVGZ) เปนไฟลทมลกษณะเชนเดยวกบ SVG แตจะถกบบอดขอมลท าใหไดไฟลทมขนาดเลกเพอใหแสดงบนเวบเพจไดรวดเรวมากขน
การบนทกชนงานนนมขนตอนดงน 1.ไปทเมนหลก (Menu bar) จากนนไปท File จะเปนดงรป
2.คลกเลอกโฟลเดอรส าหรบเกบไฟลตรงชอง Save in ท าการตงชอไฟล ตรงชอง Filename แลว เลอกฟอรแมตของไฟลทตองการ ตรงชอง Save as type หลงจากนนคลกทปม Save ดงภาพ
Page 15
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3.เมอคลกทปม Save จะมหนาตางใหเลอกเวอรชน โดยเวอรชนทสงกวาจะไมสามารถเปดไดในเวอรชน ทต ากวา ใหเราเลอกเวอรชนของไฟลทตองการบนทกจากนน คลกทปม OK กเรยบรอย ดงรป
Page 16
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การใชงานเสน
การเลอกใชงานเสน Grid Line Grid Line คอเสนอางองส าหรบชวยในการวาดรป มลกษณะเหมอนเสนในกระดาษกราฟ และสามารถใช Grid Line เปนเสนส าหรบอางองเวลาวาดรป หรอ ตองการความแมนย า โดยปกตโปรแกรมจะก าหนดใหซอนเสน Gridเอาไว ซงเราสามารถเรยกขนมาใชงานไดดงน 1. คลกเลอก เมน View > Show Grid จะแสดงเสน Grid ออกมาดงรป
การแสดงเสน Grid อยางเดยวไมสามารถท างานไดทนทเราตองใชค าสงใหโปรแกรมจดใหเสน Grid เปน เสนอางองในการวาด เรยกวา Snap to Grid เมอเราวาดจดมม จดโคงทกจดจะถกบงคบใหวาดลงไปทจดตดของเสนGrid ซงเราสามารถเรยกขนมาใชงานไดดงน 1. คลกเลอก เมน View > Snap to Grid เพอก าหนดใหเสน Grid เปนเสนอางองในการวาดรป
Page 17
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. เมอคลกเครองมอ Rectangle Tool บนแถบเครองมอ แดรกเมาสวาดรปสเหลยมในพนท ท างานจะเหนวาเสนทลากนนจะถดจดวางบนเสน Grid พอด ดงรป
เราสามารถเปลยนแปลงเสน Grid Line เชน เปลยนระยะหางระหวางเสน Grid เปลยนสของเสน Grid ได ซงมวธปรบแตงไดดงน 1. คลกเลอก เมน Edit > Perference >Guides&Grid... จะปรากฎหนาตางดงภาพ
Page 18
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Color เลอกเพอเปลยนสเสน Grid
Style เลอกรปแบบของเสน Grid ซงมใหเลอก 2 แบบคอ - Line แบบเสนธรรมดา - Dot แบบเสนประ
Gridline every
คาระยะหางของชอง Grid หลก
Subdivisions คาระยะหางของชอง Grid ยอย
การเลอกใชงานเสน Guide Line Guide Line เปนเสนอางองอกชนดหนงมลกษณะเปนแนวเสนทอสระ ไมมระยะทแนนอนสามารถสราง บรเวณใดกได เราสามารถสรางเสน Guide Line ไดโดยเราตองเรยกไมบรรทดขนมากอนซงสามารถเรยกไดโดยใชค าสง ดงน 1. คลกเลอก เมน View > Show Rulers หรอ คลกเมาสขวาพนทวาง เลอกค าสง Show Rulers จะแสดงไมบรรทดขนมาดงภาพ
Page 19
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. สรางเสน Guide Line โดยแดรกเมาสทไมบรรทดขางใดขางหนง แลวลากเมาสมาวางยงต าแหนงท ตองการ จะปรากฏเสน Guide Line สฟา ดงภาพ
2.1 การลบเสน Guide Line เมอไมตองการเสน Guide Line เราสามารถลบทงดดยสามารถท าไดดงน 1. คลกเมาสขวาท Art Booard 2. คลกค าสง Lock Guideโดยใหเครองหมายถกหายไป เพอยกเลกการลอคเสน Guide Line 3. คลกเสน Guide Line ทตองการลบ แลวกดปม Delete บนคยบอรด
การใชงานเสน Smart Guide Smart Guide คอ เสน Guide ชวคราว ทเกดขนมาจากวตถตางๆ ภายใน Art Board ซงเราสามารถ เรยก Smart Guide ขนมาใชงานไดดงน 1. คลกเลอก เมน View > Smart Guide
Page 20
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. ลองคลกเครองมอ Rectangle Tool บนแถบเครองมอ 3. แดรกเมาสวาดรปสเหลยมในพนท Art Board หรอเลอกใช Symbol มาวาง 4.เมอน าเมาสไปชยงรปสเหลยม หรอSymbol ภายใน Art Board จะเหนเสน Guide สฟาขนมาตามเมาสทลากผานดงภาพ
Page 21
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การสรางรปสเหลยม 1. คลกเลอกเครองมอ Rectangle Tool บนแถบเครองมอ 2. คลกท Art Board เพอสรางรปสเหลยมไดดงรป
สรางสเหลยมตามปกต กดปม Shift เพอสราง
สเหลยมจตรส
........................................................................................................................................................................... การสรางรปสเหลยมลบมม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Rounded Rectangle Tool 2. คลกท Art Board เพอสรางรปสเหลยมลบมมไดดงรป
3. นอกจากนเราสามารถก าหนดความกวาง ความสง และความโคงมนของเสนขอบได โดยหลงจากทวาดรป แลวใหคลกท Art Board หนงครงจะปรากฏหนาตางขนมาใหปรบคาตางๆ ดงภาพ
Page 22
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Width : ก าหนดความกวาง Height : ก าหนดความสง Corner Redius : รศมความโคงของมมทงส คายงมาก ความโคงของมมจะยง มนมากขน
........................................................................................................................................................................... การสรางรปหลายเหลยม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Polygon Tool 2. คลกท Art Board เพอสรางรปหลายเหลยมไดดงรป
3. สามารถเพมและลดจ าหนวนเหลยมได โดยวธท 1 วาดรปหลายเหลยมแลวกดลกศรขนเพอเพมจ านวนเหลยม และกดลกศรชลงเพอลดจ านวนเหลยม ดงรป
วาดภาพหลายเหลยม กดลกศรชลงเพอลดเหลยม
Page 23
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
โดยวธท 2 วาดรปหลายเหลยมแลวคลกท Art Board จะปรากฏหนาตางใหปรบคาดงภาพ
Redius : ก าหนดขนาด Sides : ก าหนดจ านวนเหลยม
........................................................................................................................................................................... การสรางรปวงกลม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Ellipse Tool 2. คลกท Art Board เพอสรางรปวงกลมไดดงรป
สรางวงกลมตามทตองการ กดปม Shift เพอสรางรป
วงกลม
........................................................................................................................................................................... การสรางรปดาว 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Star Tool 2. คลกท Art Board เพอสรางรปดาวไดดงรป
Page 24
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
สรางดาวตามทตองการ กดปม Shift เพอสรางรปดาว
สรางดาวตามทตองการ กดลกศรชขนเพอเพมจ านวนแฉก
ขยายภาพพรอมกดปม Ctrl เพอเพมความแหลม
ของแฉกดาว
ยอภาพพรอมกดปม Ctrl เพอลดความแหลม
ของแฉกดาว
สวนประกอบของวตถ ในการทจะวาดรปทรงตางๆ ลงในโปรแกรม Illustrator ใหสวยงามไดนนสงทผวาดจ าเปนตองศกษาเปนอนดบแรกคอ วตถ (Object)และเสน Path เนองจากทงสองเปนตวทจะก าหนดรปทรงตางๆ ใหกบรปวาด
Page 25
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
รปภาพทวาดจากโปรแกรม Illustrator จะเปนภาพกราฟกแบบ เวกเตอรซงจะประกอบไปดวยสวนตางๆ มารวมกน เราเรยกสวนประกอบเหลานนวาวตถ แตละวตถจะมสวนประกอบตางๆ ดงน
...........................................................................................................................................................................
เสน ( Storke) : คอเสนขอบของรปวาด สามารถก าหนดส ปรบขนาด และรปแบบไดตามตองการ
สพน (Fill) :คอพนทดานมนของวตถ สามารถก าหนดลกเลนไดหลากหลาย เชน ก าหนดสสน ใส ลวดลายเอฟเฟกต ฟลเตอร เปนตน
เสนอางองกรอบภาพ (Bounding box) :คอเสนแสดงขอบเขตของวตถ ใชในการปรบขนาดและหมนภาพได
เสน Path :คอเสนอางองโครงรางของรปวาดทสรางขนมาเปนรปทรงตางๆ
Page 26
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
จดยด (Anchor Point) :คอจดยดทอยบนเสน Path ท าหนาทควบคมลกษณะรปทรงของเสน Parth
........................................................................................................................................................................... สวนประกอบของเสน Path การสรางเสน Path จะเกดไดเมอเราสรางเสนตอระหวาง 2 จดยดขนมา โดยมแขนดดโคงเปนตวก าหนดความโคงงอของเสนนนๆ ซงสามารถสรางรปแบบเสน path ลกษณะตางๆ ไดมากมาย
แขนดดโคง (Direction Line) : คอเสนทสามารถควบคมความโคงมนของเสน path ยงยนแขนออกมามากเทาใดความโคงของเสนทไดจะเปนมมกวาง และเมอแขนหดใกลเสนมากๆ กจะไดโคงมมแคบ
จดยด(Anchor point) : คอจดส าหรบควบคมรปทรงของเสน เมอต าแหนงของจดนเปลยนไปเปนรปทรงของวตถจะเปลยนตามไปดวย
จดเรมตน :คอจดเรมตนทเราคลกวาดเสน Path
จดปลาย :คอจดสดทายทวาดเสน Path
การวาดภาพดวยดนสอ (Pencil Tool)
Pencil Tool เครองมอส าหรบวาดเสนอสระ(Freetranform) เสนทเกดจากดนสอจะมความโคง โดยอตโนมต สามารถวาดภาพลายเสนไดสองลกษณะคอ เสนธรรมดา และลายเสนปด ส าหรบวาดรปทรงลายเสนดวย ดนสอ สามารถท าไดงายๆ เพยงแคแดรกเมาส ลากใหไดรปรางทตองการเทานน ตวอยาง ขนตอนการวาดเสนแบบปด
Page 27
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
1. คลกเลอกเครองมอ Pencil Tool แดรกเมาสสรางรปทรงทตองการ ปลอยเมาสแลวแดรกเมาสวาดใบห ทงสองขาง
2. แดรกเมาสวาดสวนตาและปากเวนสวนทเปนจมก เนองจากเราตองการจะสรางลายเสนแบบปดกบรปทรงของจมก ใหแดรกเมาสสรางรปทรงทตองการ พรอมกดปม Alt คางไวเมาสจะเปลยนเปนรปดนสอทมจดวงกลม
จะเหนวาโปรแกรมจะสรางเสนเชอมตอระหวางจดปลายเสนและจดเรมตนใหอตโนมต
การวาดภาพดวยพกน (Brush Tool)
Brush Tool การใชงานพกนจะเกยวของกบพาเลท Brushes พกนในโปรแกรม Illustrator จะมลกษณะการใชงานดวยการเปลยนหวพกนในรปแบบทตองการ หวพกนจะแบงออกเปน 4 ชนด ไดแก Calligraphic Brush , Art Brush , Pattern Brush และ Scatter Brush ซงแตละชนดกจะมลกษณะการใช งานทแตกตางกนออกไป การปรบแตงพกนกอนใชงาน
Page 28
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
1.ดบเบลคลกเครองมอ Brush Tool เพอเปดหนาตางการปรบแตงขนมา จะปรากฏดงภาพ
Fidelity : คอการปรบความเทยงตรงของการลากเสน โดยคายงนอยจะท าใหมความเทยงตรงในการลากเสนมาก
Smoothness : คอการปรบคาความเรยบของการลากเสนดวยพกน คายงมากจะท าใหการลากเสนมความเรยบมากขน
Fill new brush strokes : คอการใหเสนทวาดมการระบายสพน
Keep Selected : คอการใหเสนทวาดยงถกเลอกอยหลงจากวาดรปเสรจแลว
Edit Selected Paths : เมอตองการใหการลากเสนครงใหมสามารถแกไขเสนทถกเลอกได
..............................................................................................................................................................................
การใชงานพกน Calligraphic Brush
พกนแบบ Calligraphic brush เปนพกนทมหวเปนรปทรงกลม และเราสามารถปรบแตงหวพกนใหเปนวงร หรอแบนเหมอนปากกาหวตดได พกนชนดนเหมาะส าหรบวาดตวการตนหรอเขยนตวหนงสอ การใชงานท าไดดงน
1. คลกเครองมอ Brush Tool หลงจากนนคลกเลอก Brushes Palette เพอแสดงพาเลท ดงรป
Page 29
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. ดบเบลคลกทหวพกนทตองการใชงานเพอเปดหนาตางส าหรบปรบแตง ท าการปรบแตงคา โดย กรณทใชเมาสในการวาดภาพแนะน าใหเลอกลกษณะการเปลยนแปลงของเสนเปนแบบคงท (fixed)ทงหมด คลกเลอน แถบ Diameter เพอก าหนดขนาดของหวพกนทตองการ จะไดตวหนงสอทวาดจาก Calligraphic Brush ดงรป
..............................................................................................................................................................................
การใชงานพกน Art Brush
พกนแบบ Art Brush เปนพกนทน ารปตางๆ มาก าหนดใหเปนหวพกน เชน การน าภาพลายดนสอมาสรางเปนพกน สามารถบดโคงตามแนวเสนทพกนวาดลงไป เหมาะส าหรบการสรางงานเลยนแบบอปกรณวาดภาพตางๆ เชนการวาดภาพดวยสชอลก วาดภาพดวยพกน เปนตน ซงวธใชงานท าไดดงน
1. คลกเครองมอ Brush Tool หลงจากนนคลกเลอก Brushes Palette เพอแสดงพาเลท จะไดตวหนงสอทวาดจาก Calligraphic Brush ดงรป
Page 30
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
..............................................................................................................................................................................
การใชงานพกน Pattern Brush
พกนแบบ Pattern Brush เปนพกนทใชส าหรบสรางภาพทมรปรางแนนอนซ าๆ ตอเนองไปตามแนวเสนทวาด เหมาะส าหรบการสรางกรอบรปหรอวตถทตอเนองวธการใชงานดงน 1. คลกเครองมอ Rectangle Tool คลกสรางรปสเหลยม ดงภาพ
2. คลกเลอก Brushes Palette คลกเลอกชนดของพกน Pattern Brush ทตองการ จะเหนวาเสนขอบ มการเปลยนแปลงไปตามรปแบบทเราเลอก ดงภาพ
Page 31
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
..............................................................................................................................................................................
การใชงานพกน Scatter Brush
พกนแบบ Scatter Brush เปนพกนทใชส าหรบน ารปภาพมาใชเปนเสนขอบกระจายไปตามแนวเสนพาทวธการใชงานดงน 1. คลกเครองมอ Rectangle Tool คลกสรางรปสเหลยม ดงภาพ
2. คลกเลอก Brushes Palette คลกเลอกชนดของพกน Scatter Brush ทตองการ จะเหนวาเสนขอบ มการเปลยนแปลงไปตามรปแบบทเราเลอก ดงภาพ
Page 32
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การลบและตดแตงวตถ หลายครงเมอวาดรปจะมวตถสวนเกนจากความตองการขนมา เราสามารถลบทงหรอแกไขวตถนนๆไดดวยเครองมอยางลบลบเสน ( Path Eraser Tool ) ใชส าหรบการลบเสน Path บนวตถและเครองมอยางลบ ( Eraser Tool ) ส าหรบลบและตดแบงวตถเปนอสระออกจากกน ลบเสนทไมตองการทงดวย Path Eraser Tool เครองมอส าหรบลบเสน Path เพอตบแตงรปทรงวตถอยางรวดเรวอกชนดหนงคอ Path Eraser Tool เราสามารถใชยางลบปลายดนสอนลบเสน Path สวนเกนทงไปไดดวยวธดงน
Page 33
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
1. คลกเครองมอ Path Eraser Tool กดปม Ctrl บนคยบอรดคางไว แลวคลกเลอกเสนทตองการแกไข คลกลากตามแนวเสน Path ทตองการลบ จะเหนวาเสน Path ถกลบตามแนวทลากไว ดงรป
...............................................................................................................................................................................
การลบและตดแตงวตถดวย Eraser Tool การลบวตถทงจาก Art Board ทงชนหรอตดแบงวตถออกจากกนมวธท าดงน 1. คลกเครองมอ Eraser Tool แดรกเมาสลากผานวตทตองการลบ จะเหนวาเมอเราคลกเลอกวตถท ตดออกมาวตถนนจะถกแยกเปนอสระตอกน ดงรป
Page 34
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
...............................................................................................................................................................................
การลบความหกงอของรปดวย Smooth Tool ขณะวาดรปนนเมอมอเกดสน หรอดวยความรบรอน ท าใหเสนออกมาไมเรยบรอยเสนอาจ หยก หงกงอ เราสามารถแกไขไดดวยเครองมอ Smooth Tool โดยมวธดงน 1. คลกเครองมอ Smooth Tool กดปม Ctrl คางไว แดรกเมาสผานบรเวณทตองการใหเสนเรยบ ยงขน สามารถแดรกเมาสผานเสนหกงอไดเรอยๆ จนกวาจะไดเสนทเรยบเนยนตามตองการ ดงรป
Page 35
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
...............................................................................................................................................................................
การลดความหกงอของเสนทหกงอมากๆ ในการณทเสนมความหกงอมากๆ เปนไปไดยากทเครองมอ Smooth Tool จะชวยได ดงนนกอนทจะใช เครองมอ Smooth Tool เราควรปรบความสามารถของเครองมอนกอน ดวยวธดงน 1.ดบเบลคลกเครองมอ Smooth Tool จะปรากฏหนาตางดงภาพ
Fidelity : คอการก าหนดใหคาสงขนเพอเปนนการก าหนดใหเครองมอสรางใหเสนมความเรยบมากขน
Smoothness : คอการก าหนดใหคาสงขนเพอใหเครองมอสามารถปรบใหเสนมความโคงมนไมหยกงอ
รจกโหมดสในโปรแกรม โหมดสคอ โมเดลหรอรปแบบการผสมสดวยเทคนคและวธการตางๆ เพอใหไดมาซงสทใชแสดงออกทางหนาจอ หรอเครองพมพ ส าหรบโหมดสในโปรแกรมน มดวยกน 5 โหมดดงน 1.โหมดส HSB เปนโหมดสทมพนฐานเชนเดยวกบการมองเหนของมนษยตามธรรมชาตทสด เนองจากใชหลกการ สะทอนของสของวตถท าใหเกดภาพทตาสามารถมองเหนได สโหมดนเกดขนมาโดยการจ าลองการมองเหนเปนหลก จงคอนขางมปญหาในการน าไปใชในงานสงพมพ สโหมด HSB เกดขนจากองคประกอบสามตวไดแก - Hue (H) คอ สทเกดจากการสะทอนของวตถ คา Hue สามารถก าหนดไดจากมมทหมนไปในวงลอส
Page 36
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
มาตรฐาน มหนวยเปนองศา ตงแต 0-360 - Saturation (S) คอ คาบรสทธหรอคาความอมตวของเนอส เปนการก าหนดวาสนนๆ จะมความสด มากนอยแคไหน โดยสทกสจะมสเทาเจอปนอย คา saturation นนมหนวยวดเปนอตราสวนระหวางสจรงกบสเทา หากคาsเทากบ100% หมายถงมสจรงอยท งหมด ไมมเทาเจอปน เปนสทอมตวเตมท แตเมอคา s เทากบ 0 แสดงวา ไมมสจรงอยเลยนอกจากสเทา - Brightness (B) คอ คาความสวางของส โดยมหนวยวดเปนเปอรเซนต อกเชนกน เมอคา B เทากบ 0% สจะมดทสดเปนสด า กลบกน เมอคาเปน 100% สกจะสวางทสดเปนสขาว
2.โหมดส RGB เปนโหมดสทเกดจากการผสมของแมส 3 ส ประกอบดวย สแดง ( Red ) สเขยว( Green ) และสน าเงน( Blue ) น าไปใชในการแสดงผลบนหนาจอเหมาะกบงานบนอนเตอรเนต เวบไซต และงานมลตมเดยทกชนดในโหมดนจะมความสดและคาอมตวสง
3.โหมดส CMYK เปนโหมดสทมรปแบบการผสมสโดยใชแมสทางวตถ หรอแมสทเปนหมกพมพจรงๆ ซงประกอบดวยสฟา ( Cyan ) สชมพ( Magenta ) สเหลอง( Yellow ) และสด า ( Black ) ผสมผสานกนจนเปนภาพตางๆตามตองการ เหมาะส าหรบงานสงพมพ
Page 37
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
4.โหมดส Grayscale เปนโหมดสทมสเดยวนนคอสด า การแสดงผลของภาพจะเปนลกษณะการไลน าหนกส จากด า เทา จนถงสขาว แสดงเปนภาพ เรามกใชสแบบนกบงานพมพภาพสเดยวเปนการประหยดตนทนการพมพ
5.โหมดส web save RGB เปนโหมดสทถกตดทอนจ านวนสใหเหลอเพยง 256 สเทานน เพอใหสามารถ แสดงผลบนเวบไซตไดด ดงนน สบางสจะถกเปลยนเปนสใกลเคยง การก าหนดสและเทส วตถทถกสรางขนมาจากโปรแกรม Illustrator จะมสวนประกอบแยกออกกนมา 2 สวนคอ สวนทเปนขอบของวตถ(stroke) และสวนทเปนสภายใน (Fill) ซงทงสองสวนนเราสามารถก าหนดสตางๆไดตามตองการดวยวธดงน
เราสามารถก าหนดการใชงานโหมดสตางๆ จากพาเลทส ไดดงน
Page 38
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
1.คลกเลอกปม Color Palette หรอกดปม F6 บนคยบอรดเพอเปดพาเลท Color 2.คลกเลอกปม เพอเลอกโหมดสทตองการ ดงรป
โหมด Grayscale
โหมด HSB
โหมด CMYK
โหมด Web Save RGB
.............................................................................................................................................................................. ก าหนดสใหกบวตถดวยพาเลท Color ในพาเลท color มอปกรณทใชส าหรบเลอกสอยดวยกน 2 ชนดคอ ชดแถบเลอน ( Color Slider ) และถาดส ( Color Bar ) อปกรณสองมวธการใชงานดงน 1. เลอกภาพทตองการเปลยนส หลงจากนนเลอกสวนของภาพทตองการเปลยนส
2.เลอกพาเลท Color ท าการปรบเปลยนสตามตองการ จะไดดงรป
Page 39
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
.............................................................................................................................................................................. ก าหนดสใหกบวตถดวยหนาตางเลอกตางส นอกจากพาเลทของ color แลว โปรแกรม Illustrator นยงไดเตรยมหนาตางเลอกสทจะใชเลอกส อยางละเอยดเอาไวใหดวย ในการงานหนาตางเลอกสสามารถท าไดดงน 1. เลอกภาพทตองการเปลยนส หลงจากนนเลอกสวนของภาพทตองการเปลยนส
2.ดบเบลคลก กลองสพน ( Fill Box) ในแถบเครองมอ เลอกสทตองการเปลยน จากหนาตาง Color Picker สามารถเลอนปรบสทตองการจากชองเลอกส สามารถท าการแกไขปรบเปลยนสไดตาม ตองการดงรป
Page 40
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การระบายสโดยใชหลอดดดส Eyedropper Tool หลอดดดส ( Eyedropper Tool )ใชส าหรบดดสทมอยในวตถอนๆ เพอมาระบายใหกบวตถทเลอกอย นอกจากจะลอกแบบสทระบายแลว ยงสามารถลอกแบบคณสมบตพเศษอนๆ ไดอกดวย โดยมวธการท างานดงนคอ 1.คลกเลอกวตถทตองการจะระบาย หลงจากนนคลกเลอกเครองมอ Eyedropper Tool 2.น าหลอดดดส ไปคลกบนสของวตถตนแบบ จะเหนวาวตถทเลอกไวจะมสตามวตถตนแบบทนท สามารถปรบแตงแกไขได ดงรป
Page 41
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
.............................................................................................................................................................................. การระบายสโดยใชถงเทส Live Paint Bucket ถงสแบบใหมใชส าหรบเทสใหกบพนผวและเสนขอบของวตถ ซงสามารถเทสใหกบวตถหรอเสนขอบไดโดยตรง นอกจากนยงสามารถเทสใหกบสวนททบซอนกนของวตถ ใหเปนอกสหนงไดทนทโดยไมตองแยกชน
การเทสใหพนผวดวยเครองมอ Live paint Bucket มขนตอนดงนคอ 1. คลกเลอกวตถทตองการจะเทส คลกเลอกวตถ
2. คลกเลอกเครองมอ Live paint Bucket คลกปม Swatches Palette เลอกสทตองการ หลงจากนนน าไปชยงพนททตองการเทส จะปรากฏแถบสขนยงพนททน าเมาสไปช ถาชตรงสพนเมาสจะกลายเปนรปถงสแตถาน าไปชทเสน เมาสจะกลายเปนรปพกน ดงรป
Page 42
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. การใสสเสนใหเปลยนสของเสนท Stroke คลกเลอกสทตองการจาก Swatches Palette เลอกสท ตองการ เมอน าเมาสไปชทเสน เมาสจะกลายเปนรปพกน สามารถท าการเปลยนสไดดงรปดงรป
การระบายสแบบไลโทน การระบายสแบบไลโทน คอการทเกดจากสมการไลโทนสระหวางจดสสองจดหรอมากกวานน หลกการท างานคอ การก าหนดจดขนมาตงแตสองจดขนไป แลวก าหนดสใหจดสองจด โปรแกรมจะค านวณสทควรจะเกดขนมาระหวางส การไลสแบบเสนตรง การไลสแบบเสนตรง (Linear Gradient ) คอ การระบายสแบบไลโทน จากสหนงไปอกสหนงในแนว เสนตรงเดยวกน แนวเสนตรงในการไลโทนสสามารถปรบทศทางในการไลโทนสตามคาองศาทก าหนดไดโดยวธการไลสแบบแนวเสนตรงมดงน 1.คลกเลอกวตถทตองการไลโทนส หลงจากนนเปดพาเลท Color และ พาเลท Gradient ขนมาท างาน 2.คลกปม เลอกโหมด RGB เพอสรางสสนใหกบรป ดงรป
Page 43
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ทพาเลท Gradient เลอก ชอง Type เปนแบบ Liner หลงจากนนดบเบลคลกท Gradient Slider ทงสองดานทพาเลท Gradient เพอไปเลอกสทพาเลท Color หรอเลอนแถบสเพอเลอกสทตองการ ดงภาพ
4. สามารถเลอนแถบ Gradient Slider เพอใหเกดการไลส ตามทตองการ ดงภาพ
5. สามารถเลอกทศทางในการไลสตามตองการโดยการ คลกทเครองมอ Gradient Tool ในแถบ เครองมอ หลงจากนนแดรกเมาสลากทศทางการไลสตามทเราตองการ ดงรป
Page 44
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
.............................................................................................................................................................................. การไลสแบบวงกลม การไลสเปนวงกลมแนวรศม (Radiant Gradient ) คอการระบายไลโทนสหนงไปยงสอนๆ ลกษณะเปน วงกลมรอบทศทางของจดสจดแรก การไลแบบวงกลม จะชวยใหวตถทแบนๆ ดมมต ความนนเพมขนซงมขนตอนการท างาน ดงน 1.คลกเลอกวตถทตองการไลโทนส หลงจากนนเปดพาเลท Color และ พาเลท Gradient ขนมาท างาน 2.คลกปม เลอกโหมด RGB เพอสรางสสนใหกบรป ดงรป
3. ทพาเลท Gradient เลอก ชอง Type เปนแบบ Radial หลงจากนนดบเบลคลกท Gradient Slider ทงสองดานทพาเลท Gradient เพอไปเลอกสทพาเลท Color หรอเลอนแถบสเพอเลอกสทตองการ ดงภาพ
Page 45
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
4. สามารถเลอนแถบ Gradient Slider เพอใหเกดการไลส ตามทตองการ ดงภาพ
5. สามารถเลอกทศทางในการไลสตามตองการโดยการ คลกทเครองมอ Gradient Tool ในแถบ เครองมอ หลงจากนนแดรกเมาสลากทศทางการไลสตามทเราตองการ ดงรป
Page 46
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การระบายสแบบไลจด ( Gradient Mesh ) การระบายสแบบไลจด Gradient Mesh คอการระบายสแบบไลโทนแบบหลายจดส โดยจดสแตละจด ไมจ าเปนตองอยในแนวเสนตรงเดยวกน การระบายสแบบนจะเกดการสรางตาขาย ( Mesh ) ขนมา แลวน าสไปหยอด ตามจดตดตางๆ บนตาขายนน จากนนการไลโทนสจะเกดจากทกจดบนตาขาย ดงรป
การสรางตาขายส าหรบระบายส มอย 2 วธคอ การสรางตาขายโดยใชเมาส และการสรางตาขายโดยใชค าสงCreate Gradient Mesh การสรางตาขายสโดยใชเมาส การสรางตาขายส าหรบไลโทนสดวยเมาส สามารถท าไดโดยการเลอนเมาสไปคลกยงจดตางๆ ทตองการ ใหเปนจดตด (Mesh Point) ของตาขายในรปภาพ โดยการสรางตาขายดวยเมาส มวธการดงน 1.เลอกวตถทตองการจะไลโทนส 2.คลกเครองมอ Gradient Mesh Tool เพอใชในการสรางจดตด Meshหลงจากนนคลกเลอก จดทตองการจะไลโทนส ดงรป
3. เลอกสทตองการ จะมการไลโทนสบรเวณ จดทเปนสทบ โดยจะมจดสขาวเปนขอบเขตการไลโทนส ดงรป
..............................................................................................................................................................................
Page 47
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การสรางตาขายดวยค าสง Create Gradient Mesh การสรางตาขายสดวยค าสง Create Gradient Mesh คอการเลอกค าสงจากเมน Object > Create Gradient Mesh บนแถบเมน การสรางตาขายแบบนเหมาะกบวตถทมรปรางซบซอนมากๆ เนองจากจดตดจะค านวณโดยโปรแกรมอตโนมต ซงการสรางงานจะมขนตอนดงน 1.เลอกวตถทตองการจะไลโทนส
2.คลกเลอกเมน Object > Create Gradient Mesh บนแถบเมน จะปรากฏหนาตางดงภาพ
Row : ก าหนดจ านวนแถว
Colums : ก าหนดจ านวนคอลมน
Appearance : ก าหนดลกษณะการระบายส
Highlight : ก าหนดคาความสวางในกรณทระบใหระบายสแบบสวาง
3. คลกเลอกเครองมอ Direct Selection Tool หลงจากนนเลอกสทตองการไลส คลดจดทตองการ ใหเกดการไลส
4. สามารถกดปม Shift เพอเลอกจดสไดพรอมกนหลายจด และคลกเลอกสจากพาเลท Color ดงรป
Page 48
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การจดการวตถ การหมนวตถ (Rotation) การหมนของวตถคอ การจบวตถทตองการหมนรอบๆ จดหมน โดยจดหมนของวตถแตละชนจะวางอยในต าแหนงตรงกลางของวตถเสมอ และจดหมนดงกลาวจะแสดงออกมาใหเหนบนวตถเมอคลกเครองมอ Rotate Tool บนแถบเครองมอ ซงมวธการใชงานดงน 1. คลกเลอกวตถทตองการหมน 2. หลงจากนนคลกเครองมอ RotateTool ท าการแดรกเมาสหมนวตถ ดงรป
หรอจะหมนวตถ โดยใช Bounding Box มวธการดงน 1. คลกเลอกวตถทตองการหมน 2. แดรกเมาสตรงมมของวตถจะปรากฏลกศรโคงสด า แสดงใหเหนวาสามารถท าการหมนภาพได ดงรป
Page 49
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
.............................................................................................................................................................................. การยอขยายขนาดของวตถ (Scalling) การยอหรอขยายวตถ (Scaling) คอการดงวตถในดานตางๆ ใหยดขยาย หรอหดยอลงมาจากขนาดทเหน ตามปกต การยอขยายวตถโดยใช Bounding Box ในแนวตงจะท าใหวตถยดสงขน หรอหดเตยลง สวนการดงในแนวนอนจะท าใหวตถกวางออกหรอผอมลง แตหากดงในมม 4 มม จะเปนการยอหรอขยายวตถทงสองแนวพรอมๆ กนดงตวอยางดงตอไปน 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอนเมาสไปวางยงปมสเหลยมของBounding Box แดรกเมาสดงภาพใหขยายออกมา ดงรป
2. ภาพทไดจะมการกวางขนหรอแคบลง ดงภาพ
.............................................................................................................................................................................. การยอขยายวตถโดยเปลยนจดศนยกลาง การยอหรอขยายวตถสามารถยายจดศนยกลางของการยอ ขยาย วตถ ออกจากจดกงกลางของวตถได ท า
Page 50
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ไดดงน 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอกเครองมอ Scale Tool แดรกเมาสลองยอภาพ จะเหนวาภาพจะยอเขาหาจดศนยกลาง ดงรป
.............................................................................................................................................................................. การบดเอยงวตถ (Shearing) การบดเอยงวตถ (Shearing) คอการท าใหวตถเอนเอยง ไปในแนวตางๆ ลกษณะการบดเอยงจะขนอยกบ ต าแหนง ของจดศนยกลางบดเอยงของวตถนนๆ ซงมวธการดงนคอ 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอกเครองมอ Shear Tool แดรกเมาสลองบดเอยงภาพภาพ ดงรป
การปรบแตงวตถดวยเครองมอ Reshape เครองมอ Reshape ใชส าหรบดงจด หรอดงกลมของจดของวตถหนงๆ ไปในทศทางทตองการ มวธการ ใชงานดงน 1. ใชเครองมอ Direct Selection Tool เลอกพนททตองการท างาน
Page 51
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. คลกเลอกเครองมอ Reshape Tool เลอกพนททตองการท างาน ดงรป
3. คลกเลอกจดทตองการปรบเปลยน จะไดจดสเหลยม ท าการดงขยายภาพและปรบแตงไดตามตองการ ดงรป
.............................................................................................................................................................................. การปรบแตงวตถดวยเครองมอ Liquify Liquify เปนชดเครองมอส าหรบปรบแตงรปทรงดวยการแดรกเมาส ไปยงบรเวณทตองการเพอบด ดง หมน สรางรอยยน หรอท าใหวตถพองตว ซงมวธใชงานดงน 1. ใชเครองมอ Direct Selection Tool เลอกพนททตองการท างาน
Page 52
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ตวอยางการใชงาน Liquify
ส าหรบปรบแตงวตถตามทศทางการแดรกเมาส
ส าหรบแดรกเมาสหมนวตถเปนลายขดกนหอย
ส าหรบแดรกเมาสบบวตถเขาหาจดศนยกลาง
ส าหรบแดรกเมาสบบวตถเปนรอยยน
.............................................................................................................................................................................. การปรบแตงวตถดวย Blend การปรบแตงวตถดวยค าสง Blend เปนการปรบแตงวตถโดยปรบเปลยนรปทรงและสจากวตถหนงผสานกบรปทรงของอกวตถหนง โดยโปรแกรมจะท าการค านวณและสรางภาพทอยระหวางกลางวตถทงสอง
Page 53
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ชนนนขนมาอตโนมต ดงภาพตวอยาง
การ Blend วตถ สามารถท าไดดงน 1. คลกเลอกวตถทตองการ Blend ทงสองชน
2. เลอกเครองมอ Blend Tool หลงจากนนน าไปคลกทเสนทงสอง จะไดการ Brend ดงรป
3. ท าการปรบแตงไดโดยไปทเมนค าสง Object > Blend> Blend Options... จะปรากฏหนาตาง
4. จะไดภาพท ปรบแตงแลว และสามารถน าไปประกอบเปนภาพตางๆได ดงรป
Page 54
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การจดเรยงวตถดวยค าสง Align การจดเรยงวตถดวยค าสง Align เปนการจดเรยงวตถหลายชนใหอยในแนวเดยวกน ไมวาจะเปนแนวดงหรอแนวนอน และการตดระยะหางระหวางวตถ การเรยกใชเครองมอค าสง Align ท าไดโดย คลกทเมน Window > Align หรอกดปม Shift+F7 วธการใช งานค าสง Align มดงน 1. เลอกรปทตองการจดวาง ดงรป
2. เปดค าสง Align มาใช คลกเลอกรปแบบการจดวาง ดงรป
Page 55
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การบงภาพ Mask
Mask เปนค าสงทใชส าหรบบงเพอซอนบรเวณในรปภาพ จะท าใหไดรปเฉพาะสวนตามทเราตองการ การบงภาพ Bounding Box เปนการบงภาพ โดยเนนจดทตองการใชงานกจะน ากรอบไปบงไว พนทสวนใดทกรอบไมไดวางทบ พนทสวนนนจะหายไป มวธการใชงานดงนคอ 1. เลอกรปทตองการ ดงรป
Page 56
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2.คลกปม Mask ทออบชนบาร
2. แดรกเมาสท าการยอกรอบ Bounding Box ปรบขนาดตามทตองการ เมอปลอยเมาสออกจะเปนวา ภาพบางสวนไดถกบงไปแลว ดงรป
............................................................................................................................................................................. การบงภาพเครองมอ Shape Tool 1. เลอกรปทตองการจดวาง ดงรป
Page 57
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. เลอกเครองมอในกลมเครองมอ Shape Tool มาบงสวนทตองการจะแสดง ดงรป
3.แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกขวา เลอกค าสง Make Clipping Mask ดงรป
4. จะไดผลลพธ ดงรป
..............................................................................................................................................................................
การบงภาพ ดวยเสน Path เปนการบงภาพ โดยเสน Path ลากเสนวาดไปยงรปทรงทตองการตดภาพ มวธการดงน 1. เลอกรปทตอง ดงรป 2. เลอกเครองมอ Pen Tool วาดเสนลงบนวตถ ดงรป
Page 58
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกขวา เลอกค าสง Make Clipping Mask จะไดผลลพธ ดงรป
การสรางภาพจาก Symbol
เครองมอ Symbol Symbol เปนเครองมอการท างานในระบบการส าเนาภาพ ท าใหสามารถเรยกใชงานไดอยางไมจ ากด โดยทขนาดของไฟลจะมขนาดเลก สะดวกในการแกไข โดย Symbol มรายละเอยดดงน ดงรป
1 รป Symbol ในรปแบบตางๆ
2 ปมเรยก Symbol แบบอนๆจาก Library
3 ปมวาง Symbol ทเลอก
4 ปมตดการเชอมโยงกบ Symbol
5 ปมก าหนดคณสมบตของ Symbol
6 ปมสราง Symbol ใหม
Page 59
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
7 ปมลบ Symbol
.............................................................................................................................................................................. การเลอก Symbol จาก Library การเรยกใชงาน Symbol จาก Library ท าไดดงรป
.............................................................................................................................................................................. การใชงาน Symbol การเรยกใชงาน Symbol มวธการใชงาน 2 ลกษณะไดแก การวาง Symbol แบบชนงานเดยว และการวาง Symbol แบบชนงานกลม ซงจะมลกษณะวธการใชทแตกตางกนดงน การใชงาน Symbol แบบชนงานเดยว ( Instance ) การเรยกใชงาน Symbol แบบชนงานเดยวจะใชกนบอย เปนการเพมองคประกอบของภาพใหดสวยงามยงขนประหยดเวลาในการท างาน ซงการท างานมขนตอนดงน
Page 60
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
คลกเลอก Symbol ทตองการ หลงจากนนน าไปวางบนภาพทตองการตกแตง ดงรป
การใชงาน Symbol แบบกลม ( Symbol Set ) การเรยกใชงาน Symbol แบบกลม เปนการกระจาย Symbol ทเลอกวางในภาพ ลดเวลาในการสราง รปทรงแบบเดมๆ ซ าๆ ประหยดพนทในการเกบไฟล การใชงานมขนตอนดงตอไปน 1. คลกเลอกเครองมอ Symbol Sprayer Tool 2. คลกเลอกรปแบบของ Symbol หลงจากนนแดรกเมาสพนสเปรยลงในต าแหนงทตองการวาง Symbol ดงภาพ
การพมพตวอกษรและปรบสตวอกษร
Page 61
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การใสขอตวามแบบพเศษ
การใสขอความวงตามเสน path เรา อาจจะเคยเหนขอความทพมพบนเสนบรรทดแบบโคงงอ หรอหดไปหดมา ตามปายโฆษณาตางๆ มาบางแลววธดงกลาวเปนการเสรมลกเลน ใหกบงานกราฟกเพมความนาสนใจใหกบชนงาน ไดอยางไมนาเบอ ซงมวธการสราง ดวยขนตอนดงน 1. คลกสรางรปทรงเสน Path ทตองการ 2. คลกเลอก
เครองมอ Type on A Path Tool เพอพมพขอความวงตามเสนคลกเมาสบนเสน Path เมาสจะกลายเปนดงรป
3. พมพขอความทตองการลงไป จะเหนวาขอความบดโคงไปตามเสนดงรป
การใสขอความในรปทรงทก าหนด
1. คลกสรางรปทรงเสน Path ใหไดรปทรงตามทตองการ 2. คลกเลอกเครองมอ AreaType Tool เพอพมพขอความวงตามเสนคลกเมาสบนเสน Path
ดงรป
Page 62
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. พมพขอความทตองการลงไป จะเหนวาขอความจะอยภายในพนทรปทรงทเราไดก าหนดไว ดงรป
การน าขอความจากแหลงอนมาใชงาน เนองจากโปรแกรม Illustrator ไมใชโปรแกรมทใชส าหรบพมพขอความ ดงนนการสรางขอความสวนใหญ มกจะพมพมาจากโปรแกรมอนๆ เชน Microsoft Word แลวจงน ามาใชในโปรแกรม Illustrator ซงมวธดงตอไปน การใสขอความจากแหลงโปรแกรมอนๆ
1. คลกเครองมอ Type Tool ส าหรบพมพขอความ 2. แดรกเมาสลงบนพนท ในต าแหนงทตองการพมพขอความ ดงรป
Page 63
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. คลกเมาสบรเวณทตองการวางขอความ จะเหนวาเมอวางขอความไปแลวจะยงมองไมเหน ใหท าการเปลยน ชอของตวอกษร โดยสามารถดาวนโหลดตวอกษรไดจากเวบไซต www.font.com หลงจากนนกท าการจดขอความซง จะไดผลลพธดงรป
การแบงขอความจากกรอบเดมไปใสกรอบใหม (Link)
Page 64
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ขอความบางชดมมากจนกรอบขอความไมสามารถบรรจลงในกรอบขอความ ไดทงหมด จะเหนไดจากเครอง หมายบวกทอยดานลางของกรอบขอความ ดงนนจงควรแบงขอความดงกลาวไปใสไวยงกรอบขอความอนๆ การแบง ขอความดวยค าสง Link นน เราตองสรางกรอบทตองการขนมาเตรยมเอาไวส าหรบแบงขอความเสยกอน จงจะสามารถ ใชแบงขอความไปยงกรอบใหมได ซงมวธดงตอไปน
1. คลกกรอบขอความทมขอความอย จะเหนกรอบเครองหมายบวก สแดง ดงรป
2. ใหคลกกรอบเครองหมายบวก หลงจากนนใหคลกบนเสนของกรอบใหม จะเหนวาขอความจะถกแบง ไปยงกรอบใหมและมเสนเชอมโยงระหวางกรอบขอความ ดงรป
Page 65
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ไดผลลพธ ดงรป
Page 66
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การปรบรปรางของกรอบขอความ ในกรณทท างานแบบมรปภาพและขอความอยรวมกน บางครงขอความอาจจะไปทบกบรปภาพหรอรปภาพ อาจจะมาทบขอความ ดงนนเราควรก าหนดขอบเขตกรอบของรปภาพนนไมใหรบกวนซงกนและกน โดยมวธการดงน 1. หลงจากทพมพขอความบนรปภาพเรยบรอยแลว ใหคลกเลอกเครองมอ Pencil Tool ส าหรบสรางเสน Path แดรกเมาสวาดเสน Path บรเวณทตองการลบตวอกษรททบภาพ ดงรป
Page 67
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกทเมน Object >Text Wrap>Make จะเหนวาขอความ ถกตดแตงดวยลายเสนไมใหซอนทบรปแลว ดงรป
3. ไดผลลพธ ดงรป
Page 68
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การใชงานตวอกษรภาษาไทย การแกปญหาสระลอย ปญหาการใชภาษาไทยในโปรแกรม Illustrator คอปญหาสระลอย ซงจะเกดกบการใชตวหนงสอภาษาไทย ทสระจะเวนระยะขนไปสงเกนระยะปกต ซงมวธแกไขดงนคอ 1. คลกเลอกเครองมอ Type Tool 2. คลกเมาสวางเคอรเซอรดานหลงสระลอยทจะแกไข ดงรป
3. กดปม Shift + ลกศรซาย เพอระบต าแหนงทางดานซาย
4. กดปม Shift + Alt+ลกศรชลง เพอเลอนสระลง จะไดผลลพธดงรป
Page 69
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การจดรปแบบตวอกษรตวพมพเลก-ใหญ เปนการจดรปแบบตวอกษรของภาษาองกฤษใหแสดงเปนตวพมพเลกทงหมด หรอเปนตวพมพใหญทงหมด หรอเปนรปแบบอนๆ โดยใชค าสงดงน ซงมวธแกไขดงนคอ 1. คลกเลอกขอความทตองการเปลยนดงภาพ
2. เลอกค าสง Type>ChangeCase>เลอกรปแบบตวพมตามทตองการ ดงตวอยาง
UPPERCASE เปลยนตวอกษรทงหมดเปนตวพมพใหญ ดงภาพ
Page 70
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
lowercase เปลยนตวอกษรทงหมดเปนตวพมพเลก ดงภาพ
Title Case เปลยนตวอกษรตวแรกของค าใหเปนตวพมพใหญ ดงภาพ
Sentence case เปลยนตวอกษรตวแรกของประโยคใหเปนตวพมพใหญ ดงภาพ
การกลบแนวขอความ หลงจากพมพขอความเสรจแลว หากตองการเปลยนสลบแนวขอความจากแนวนอนเปนแนวตง หรอจาก แนวตงเปนแนวนอน สามารถท าไดโดย 1. คลกเลอกขอความทตองการเปลยนดงภาพ
Page 71
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
2. เลอกค าสง Type>Type>เลอกรปแบบการจแนวขอความ จะไดผลลพธ ดงตวอยาง
การแทรกสญลกษณดวย Glyphs
นอกจากการพมพโดยใชคยบอรดแลว ยงสามารถวางตวอกษร อกขระพอเศษ และสญลกษณตางๆทไมมบน คยบอรดดวยพาเนล Glyphs ( อานวา กลฟส ) โดยวธการวางตวอกษรจพท าโดยการดบเบลคลกเลอกตวอกษร ทตองการทละตวจากพาเนล Glyphs ดงตวอยาง 1. คลกต าแหนงทตองการวางขอความ ดงภาพ
2. เลอกเมนค าสง Type > Glyphs ดงภาพ
3.ดบเบลคลกเลอกสญลกษณทตองการ จะไดผลลพธ ดงภาพ
Page 72
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การคดลอกตวอกษรจากแหลงขอมลอนๆ การน าขอความจากแหลงขอมลมาใชใน Illustrator อมพอรต
ขอความเขามาสรางเปนอารตเวรคใหม มขนตอนดงน คลกเมน File > Open เลอกไฟลขอความทตองการใชงาน ก าหนด คณสมบตตาง คลก OK อมพอรตขอความเขามาสรางเปนอารตเวรคเดม มขนตอนดงน คลกเมน File > Place เลอกไฟลขอความทตองการใชงาน ก าหนด คณสมบตตาง คลก OK นอกจากนยงสามารถใชค าสง Ctrl+C ส าหรบคดลอกขอความทตองการ และ Ctrl+V ส าหรบวางขอความ
การเปลยนตวอกษรเปนเสน Path การเปลยนแปลงรปทรงของตวอกษรใหเปนเสน Path มประโยชนในการน าไฟลงานนนไปเปดใชงานบนคอมพวเตอรเครองอนๆ ทไมมรปแบบของตวอกษรทเราใชงาน ซงท าใหเราสามารถปรบแตงตวอกษรไดเหมอนกบ ออบเจคอนๆทกประการ เชน เตมสพนกราเดยนส ปรบแตงรปทรงดวยการตด เจาะ โดยมขนตอน ดงน
1. คลกเลอกขอความทตองการเปลยนเปนเสน Path 2. เลอกเมนค าสง Type > Create Outline 3.ท าการปรบแตง ดงภาพ
การจดการ Layer
Layer คอ ชนของกราฟกทซอนทบกนอย ลกษณะของการใชงานเลเยอรกเหมอนกบ การวาดภาพลงบนแผนใส
หลายๆ แผน จนกลายเปนภาพ โดยถาแผนใสดานลางเปนภาพพน ในขณะทภาพดานบนมพนทภาพโปรงใส เรากจะมอง
ทะลเหนภาพพนหลง
Page 73
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ขอดของการใชงานเลเยอร คอ เราสามารถแยกการท างานกบวตถแตละเลเยอรโดยไมมผลกระทบกบเลเยอรอน
เลเยอรใดทไมตองการแกไขกสามารถยดหรอลอกเอาไวได การสรางงานจงงายขน องคประกอบตางๆ ของ
พาเลทเลเยอร
1ปมควบคมการแสดงผลของเลเยอร ใชส าหรบแสดง ซอน หรอเปลยนแปลงโหมดการแสดงผลเปน outline 2สของเลเยอรท าใหทราบวาวตถชนทเลอกนนอยในเลเยอรใด ดวยการแสดงสทเสน path และ Bounding Box ของวตถทเลอกจะตรงกบสของเลเยอรทวตถอย 3ปมควบคมการยด หรอลอคเลเยอร ใชส าหรบยดไมใหแกไขวตถทบรรจอยในเลยเยอร 4จ านวนเลเยอรทงหมดรวมไปถงอกษรทงหมด 5ปม Clip mask ใชส าหรบสรางบงวตถภายในเลเยอรท าใหเหนวตถเพยงบางสวนเทานน 6ปมสรางเลเยอรยอย ใชส าหรบสรางเลเยอรยอยๆทบรรจอยในเลเยอรใหญ 7ปมสรางเลเยอร ส าหรบสรางเลเยอรใหม 8ปมลบเลเยอรใชส าหรบลบเลเยอรทง 9ปมเลอกวตถใชส าหรบคลกเลอกวตถทอยในเลบเยอรทงหมด 10ชอของเลเยอร ใชส าหรบแสดงชอเลเยอร 11ภาพตวอยางใชส าหรบแสดงชอของเลเยอรซงเราสามารถตงชอใหกบเลเยอรได 12ปมแสดงรายละเอยดของวตถตางๆภายในเลเยอรใชส าหรบแสดงรายการวตถตางๆทบรรจอยในเลเยอรเพอให สามารถเลอกหยบวตถแตละชนออกมาไดงาย การเลอกเลเยอร 1. คลกปม Layer Palette เพอแสดงเลเยอรของวตถขนมา
2. คลกเลอกเลเยอรทตองการ เลเยอรทถกเลอกนนจะมแสดงเปนสน าเงน ดงรป
Page 74
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ถาตองการเลอกเลเยอรหลายๆ เลเยอร ใหคลกทเลเยอรแรกทตองการ กดปม Shift บนคยบอรดคาง
ไวพรอม ทงคลกเลเยอรสดทายทตองการเลอก จะเหนวาเลเยอรทงหมดทเลอกจะเปนสน าเงน ถาตองการเลอกเลเยอรทไมตดกน กสามารถท าไดโดย กดปม Ctrl บนคยบอรดคางไว แลวคลกเลอกเลเยอรทตองการ เลเยอรทเลอกจะเปนสน าเงน ดงรป
การสราง เปลยนชอ ซอน จดล าดบ คดลอก และลบเลเยอร
1. การสรางเลเยอรใหม ท าไดโดยคลกทปม Create New Layer จะมเลเยอรเพมขนมาดงรป
2. การเปลยนชอเลเยอร ท าไดโดย ดบเบลคลกทเลเยอรทตองการเปลยนชอ จะปรากฏหนาตางขนมา
ใหเปลยน ชอทชอง Name จะไดดงรป
Page 75
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. การซอนเลเยอร ท าไดโดย คลกตรงรปตาของเลเยอรทตองการซอน ใหหายไป จะท าใหไมเหนภาพ
ดงรป
4. การจดล าดบเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการยาย เลอนไปวางยงต าแหนงท
ตองการ ดงรป
5. การคดลอกเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการคดลอก มาปลอยยงปม Create
New Layer จะไดเลเยอรใหม ท าการแกไขได ดงรป
Page 76
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
6. การลบเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการลบ มาปลอยยงปม ถงขยะ เลเยอรจะถกลบ ดงรป
ความโปรงใสของวตถ
ความโปรงใส (Transparency) คอการก าหนดใหวตถมความโปรงใส หรอมความทบแสงมาก การก าหนดความโปรงใสใหกบวตถนนเราสามารถก าหนดไดโดยการปรบคา Opacity ในพาเลท Transparency หรอ Opacity บนคอนโทลบาร การก าหนดความโปรงแสงใหกบวตถทงชน วตถทงชน หมายถง สของวตถ และเสนของวตถ ท าไดดงน
1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ
2. เลอกพาเลท Transparency โดยเลอกเมน Windows> Transparency ท าการปรบคาของภาพ
ทชอง Opacity จะเหนวาภาพมความโปรงแสงท าใหมองทะลเหนวตถดานหลง ดงรป
Page 77
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ก าหนดความโปรงแสงใหวตถเพยงชนเดยว
1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ
2.คลกทปม Appearance Palette เพอแสดง สของเสนและวตถ ใหดบเบลคลกท Content จะ
ปรากฏ สของเสน และสพนของวตถ ใหเลอกทสของวตถ เพอท าการปรบใหมความโปรงใสในขณะทสเสนจะเปนปกต ท าการปรบคาของภาพ ทพาเลทTransparency ทชอง Opacity จะเหนวาภาพมความโปรงใสท าใหมองทะล เหนวตถดานหลงดงรป
Page 78
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การผสมสพนของวตถ การผสมสพนของวตถ การผสมสวตถ ( Blending) เปนผสมสของวตถสวนทซอนทบกน สามารถท าไดจากพาเลท Transparency ซงสามารถท าไดดงน
1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ
2. เปดพาเลท Transparency คลกปมลกศรทชอง Normal เลอกค าสง ท าการผสมมพนไดตามตองการ
ดงรป
Page 79
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ตวอยางการผสมสแบบตางๆ
Normal : เปนการระบายสใหกบวตถ โดยทผลดงกลาวไมมผลกบสของวตถอนๆทอยดานหลง ตวเลอกนเปนตวเลอกทถกก าหนดเอาไวเปนพนฐานอยแลว
Darken : เปนการเปนการเปรยบเทยบสของวตถดานหนาและดานหลงวาสไหนเขมกวาโดยพจารณาแยกตาม องคประกอบของแมส
Color Burn : เปนการท าใหสของวตถดานหลงมดลงดวยสดานหนา เมอผสมกบสขาวจะไมมการเปลยนแปลง
Page 80
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
Lighten : เปนการเปรยบเทยบสของวตถดานหนาและดานหลงวาสใดสวางกวา ผลทไดมกท าใหสสวางขน เชนเดยวกบค าสง Screen และ Colordodge ทท าใหภาพสวางขน
Overlay : เปนการผสมสแบบ Multiply หรอ Screen กไดขนอยกบสของวตถดานหลง ซงสของวตถดานหนาจะปกคลมทบไปบนสของวตถดานหลง โดยทยงคงสวนทสวาง และสวนทเปนเงามดของวตถเอาไวอย
Difference : เปนการตรวจดองคประกอบสของวตถดานหนาและดานหลง แลวน าสแตละมมาลบกน
Page 81
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
(ขนอยวาตวเลขไหนมากกวากน) เมอสดานหนาเปนสขาวจะท าใหไดผลทเปนสตรงขามของสดานหลง เมอสดานหนาเปนสด า ผลจะไมเปลยนแปลง
การใส Filter ใหกบวตถ การใส Filter ใหกบวตถ Filter เปนชดค าสงส าหรบสรางเทคนคทถาวรใหกบวตถหรอรปภาพ เมอใชค าสงฟลเตอรแลววตถนนจะถก เปลยนแปลงไปอยางถาวรทนท ชดค าสงฟลเตอร แบงออกเปน 2 กลมคอ 1. กลมค าสง Illustrator Filter ใชงานไดดกบวตถแบบเวกเตอร 2. กลมค าสงPhotoshop Filter ใชงานไดดกบรปภาพเทานนไมสามารถใชไดกบภาพเวกเตอร ส าหรบโหมดส CMYK จะสามารถใชงานไดเพยงบางค าสงเทานน โดยค าสงทไมสามารถใชงานได โปรแกรมจะแสดงชอค าสงเปนสเทา ชดค าสงฟลเตอรทงหมดจะบรรจอยภายใตเมน Filter บนแถบเมน โดยการใสฟลเตอรใหวตถท าไดดงนคอ 1. เลอกวตถทตองการใสฟลเตอร 2. คลกเมน Filter> คลกชอค าสงอนๆของ Photoshop Filter สงเกตวาตอนนค าสงตางๆไมสามารถ ใชงานได ดงรป
3. ใหท าการเปลยนภาพเวกเตอรเปนภาพบตแมป โดยคลกทเมน Object > Rasterize...จะปรากฎหนาตาง Rasterize ใหเปลยน Color Model เปน RGB แลวคลก OK ดงรป
Page 82
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ตอนนภาพเวกเตอรจะเปลยนเปนภาพบตแมปเรยบรอยแลว ใหคลกทเมน Filter หลงจากนนเลอกค าสงท ตองการ และท าการปรบแตงคา จะไดดงรป
จะไดภาพทท าการใสฟลเตอรดงรป
Page 83
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ภาพตนฉบบ ภาพทใสฟลเตอร การใสฟลเตอรใหกบรปภาพ
1. เลอกวตถทตองการใสฟลเตอร 2. คลกเมน Filter> คลกชอค าสงอนๆของ Photoshop Filter เลอกค าสงตามทตองการ ดงรป
2. ท าการปรบแตงคา แลวคลก OK จะไดผลลพธ ดงรป
Page 84
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การใส Effect ใหกบวตถ Effect เปนชดค าสงส าหรบสรางเทคนคพเศษ ใหกบวตถ ตวอกษร หรอรปภาพ โดยไมไดเปลยนแปลงตว วตถจรง โปรแกรมจะเกบค าสงตางๆทใสลงไปนนไวท พาเลท Appearance ท าใหเราสามารถแกไขลกษณะของ เทคนคทใสลงไปไดอกในภายหลง
Page 85
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
ชดค าสง Effect แบงออกเปน 2 กลมคอ กลมค าสง Illustrator Effect และ กลมค าสง Photoshop Effect สองกลมนสามารถใชงานไดกบวตถทงทเปนบดแมป หรอเวกเตอรได ใชไดทงโหมดส RGB CMYK ชดค าสงนจะบรรจอยใน Effect บนแถบเมน การใส Effect ใหวตถท าไดดงนคอ
1. เลอกวตถทตองการใสEffect 2. คลกเมน Effect > เลอกค าสงทตองการ และท าการปรบแตงคา จะไดดงรป
2. ท าการปรบแตงคา แลวคลก OK จะไดผลลพธ ดงรป
ภาพตนฉบบ ภาพทใส Effect
Page 86
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การแกไขค าสง Effect ทใสใหกบวตถ เราสามารถแกไขคณลกษณะเฉพาะอยางของวตถไดโดยทไมสงผลกระทบกบคณลกษณะอนๆ ของวตถ เชน การใส Effect ใหกบสพนเพยงอยางเดยว ไมใหมผลกระทบกบเสนขอบ หรอก าหนดความโปรงใสใหกบเสนขอบเพยง อยางเดยวโดยทสพนยงคงทบแสงอย การแกไขดงกลาวน จะท าขนทพาเลท Appearance โดยมวธแกไขดงน
1. เลอกวตถทตองการแกไข Effect
2. เปดพาเลท Appearance Palatte ดงรป 3. เลอกเครองมอ Direct Serection Tool เลอกวตถสวนทตองการแกไข ดงรป
4.ท าการแกไข โดยเปลยนสและเพมขนาดของเสน ไดดงรป
5. สามารถท าการแกไข ไดดงรป
6.ในกรณทตองการแกไขปรบเปลยน Effect สามารถท าไดโดย เลอกวตถทตองการแกไข Effect และ
ให
Page 87
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
เปดพาเลท Appearance Palatte ดบเบลคลกท Effect ของภาพ โดยจะดไดจากสญลกษณ fx ทายชอ Effect ดงรป
7.จะปรากฏหนาตางของ Effect ท าการเลอก Effect ตามทตองการ ดงรป
8.จะไดผลลพธ ดงรป
การสรางดอกไมเครองมอ Ellipse Tool
1. คลกเครองมอ เพอสรางรปวงกลม 2. คลกเลอกวตถทตองการ หลงจากนนคลกเมน Object> Distort&Transform>Pucker&Bloat
ท าการปรบคาตามความตองการดงภาพ
Page 88
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ท าการคดลอกภาพ น ามาวางซอนทบกนจดใหไดสดสวนตามทตองการ ดงรป
4.ใหท าการคดลอก แลวเปลยนสของดอกไมแลวน ามาวางซอนทบกน โดยยอขนาดใหไดสดสวน ดง
รป
Page 89
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
5.น ามาวางเปนสวนประกอบของรปภาพ ดงน
การสรางการตน 1. คลกเครองมอ เพอสรางรปวงกลม เพอใชเปนรปหนา ท าการปรบสและเงาเพอใหการตนม
ความ สวยงามยงขน
2. ใชเครองมอ คลกวาดใบห หลงจากนนคดลอกใบหสงใหใบหทคดลอกมาไมมเสน เปลยนส
ใหออนลง น ามาวางซอนใบห เมอจดวางเรยบรอยแลว ใหคดลอกใบหมาวางอกดานดงรป
Page 90
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ท าสรางตา แลวจดรปแบบตามตองการ เมอสรางตาได หนงขางแลวใหท าการคดลอกมาวางอกขาง
หนง ดงรป
4.ใหท าสรางปาก หลงจากนนสรางปกของการตนโดยใชเครองมอ หลงจากนน ใชเครองมอ
ดานลางของวงกลมขนมาหาสวนของหว ดดใหไดรป แลวท าการตกแตงปก ดงรป
Page 91
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
5.สรางวงกลมแลวใสสน ามาวางซอนเปนสวนของล าตว ดงรป
การสรางโลโก
1. คลกเครองมอ เพอสรางรปวงร หลงจากนนท าการดดใหไดดงรป
2. คดลอกแลวหมนจดวางใหไดดงภาพ หลงจากนนวาดรปดาวมาวางพรอมเปลยนส ดงรป
Page 92
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. ท าสรางตา ดงรป
4.คลกทรปตาหลงจากนนไปทพาเลท Graphic Styles เลอกรปแบบ Type Effect ใหเลอกรปแบบตาม
ตามทลกศรช
5.จะไดดวงตาดงรป
6.น ารปตามาวางซอนรปทท าไวโดยสงใหอยดานหลงสด โดยการใชค าสงดงรป
Page 93
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
7. ท าการคดลอกรปดวงตาแลวยอจดไวดงรป
8. พมพตวอกษร โดยจดรปแบบตวอกษรตามตองการดงรป
Page 94
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การสรางวอลเปเปอร
1. สรางกระดาษขนาด 1024 x 768 แลวคลกเครองมอ เพอสรางเสน 2 เสนตดกนใหไดดงรป
2. ใชเครองมอ คลกทเสน ทง 2 เสน ดงรป
3. ใชเครองมอ คลกเพอดดเสนและปรบแตงรปแบบตามตองการ ดงรป
Page 95
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
4.ไปทเมน Object >Blend>Blend Option ปรบคาดงภาพ
5.สรางรปสเหลยมโดยสงไวหลงสด โดยคลกเมาสขวา แลวเลอกค าสงดงรป
Page 96
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
6.หลงจากนนเลอกพาเลท Graphic Style เลอก Buttons and Rollovers หลงจากนนคลกรปแบบ
ท าการตกแตงไดตามความตองการ ดงรป
Page 97
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
การออกแบบนามบตร 1. สรางกระดาษขนาด 9x5.5 ซม.แลวคลกเครองมอ สรางรปสเหลยมเพอใชเปนกรอบของ
นามบตร ดงรป
2.ก าหนดรปแบบของขอบนามบตรโดย เลอกพาเลท Brushes เลอก Border และเลอกรปแบบตามภาพ
Page 98
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
3. จะไดขอบของนามบตร ดงรป
4.ท าการตกแตงภาพโดยการแดรกเมาส เลอกรปแบบตามภาพ เมอไดภาพแลวท าการแยกกลมโดยคลกเมาส ขาวเลอกค าสง Ungroup
5.ท าการคดลอก ยอและขยายเพอน ามาตกแตงขอบดงภาพ
Page 99
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
6.เปดรปภาพขนมา แลววาดรปวงกลมบงสวนทตองการ หลงจากนนเลอกวตถทงภาพและวงกลม คลกเเมาส ขวา เลอกค าสง ดงรป
6.น าภาพทไดมาวางประกอบในนามบตร ท าการใสขนาดเสนและสเสน โดยใชเครองมอ คลก บนขอบภาพ ดงภาพ
Page 100
เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก
โดย นางทฤฒมน อมรไตรภพ
6.น าภาพมาประกอบ ตกแตง และใสอกษร ไดดงภาพ