กำรใช้งำนโปรแกรม Adobe Illustrator CC 2015
-
Upload
khangminh22 -
Category
Documents
-
view
1 -
download
0
Transcript of กำรใช้งำนโปรแกรม Adobe Illustrator CC 2015
1 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรใชงำนโปรแกรม Adobe Illustrator CC 2015 รจกกบโปรแกรม Adobe Illustrator CC Adobe Illustrator CC เปนโปรแกรมหนงในชด Creative Cloud ของ Adobe มลกษณะการท างานเกยวกบการวาดภาพลายเสนในรปแบบเวกเตอร ใชออกแบบงานกราฟก 2 มต เชน โลโกสนคา ภาพประกอบ สตกเกอรไลน หรอการจดเลยเอาทสงพมพ เปนตน ชนดของภำพทนยมใชใน Adobe Illustrator
ประเภทของไฟล ลกษณะของไฟล Illustrator (.ai) เปนไฟลมาตรฐานของ Adobe Illustrator สามารถบนทกและเปด
เพอแกไขไดตลอดเวลา โดยยงรกษาคณสมบตตางๆ เชน ส เอฟเฟกต เลเยอร เอาไว
Bitmap (.bmp) เปนไฟลมาตรฐานของระบบปฏบตการ Windows มขนาดใหญ JPEG (.jpg) เปนไฟลทถกบบอดขอมลใหมขนาดเลก แตยงคงความคมชด นยม
ใชสรางเวบไซต PNG (.png) เปนไฟลทถกบบอดขอมลใหมขนาดเลก แตสญเสยรายละเอยดของ
ภาพนอยมาก และสามารถท าภาพโปรงใสไดดวย นยมใชบนเวบไซต
GIF (.gif) เปนไฟลภาพทถกบบอดขอมลใหมขนาดเลกมาก แตจ ากดสเพยง 256 สเทานน สามารถท าภาพโปรงใสและภาพเคลอนไหวได
TIFF (.tiff) เปนไฟลทไมบบอดขอมล มความคมชดสงมาก มขนาดไฟลทใหญ เหมาะกบงานสอสงพมพ
2 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรเปดโปรแกรม Adobe Ilustrator CC 2015 1. คลก Start 2. คลก Adobe Ilustrator CC 2015 3. จะปรากฏหนาตาง Splash ใหรอสกคร จะปรากฏหนาตางของ Adobe Ilustrator
สวนประกอบของโปรแกรม Adobe Illustrator CC 2015
3 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Menu Bar แถบเมนทเกบค าสงทกค าสงของโปรแกรม
Option Bar แถมก าหนดคณสมบตใหกบเครองมอทเลอก
Tool Bar แถบเครองมอทใชในการออกแบบสรางชนงาน
Stage พนทการท างาน
Workspace รปแบบการจดพาเนลใหเหมาะกบการท างาน
Panel Group พาเนลทรวบรวมคณสมบตการท างานของเครองมอตางๆ แถบเครองมอ (Tool Bar) แถบเครองมอใน Adobe Illustrator จะถ กแบ ง ออก เ ป น กล ม ย อ ยๆ โด ย จะมป มสามเหลยมเลกๆ อยเพอแสดงวามเครองมอยอยทซอนอย ใหคลกเมาสซายคางไว จะปรากฏเครองมอยอยออกมา
กลมเครองมอ Selection ใชเลอกวตถ Selection ใชเลอกวตถทงชน
Direct Selection ใชเลอกเฉพาะจดแองเคอรในวตถ
Magic Wand ใชเลอกวตถทมสเดยวกน
Lasso ใชเลอกในสวนทตองการโดยการคลกเมาสลาก
กลมเครองมอสรางวตถ เชน เสน รปทรง ขอความ Pen สรางเสนพาธ (Path)
Curvature สรางเสนพาธโคง
Type ใชพมพตวอกษรหรอขอความลงบนภาพ
Line Segment ใชลากเสนตรง มเครองมอยอยใชวาดขดกนหอย Grid ตารางหมากรก Grid ใยแมงมม
Shape ใชวาดรปทรงพนฐาน และมเครองมอยอย Flare ส าหรบสรางเอฟเฟกตเลนสแฟลร
4 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Paintbrush แปรงทใชสรางเสนพาธ โดยการลากมาสอสระ
Pencil คลายๆ Paintbrush แตจะมเครองมอยอยใหเรยกใชในการแกไขเสน
Eraser ใชตดภาพออกเปนสวนๆ
Scissors ใชตดภาพทเลอกออกเปน 2 สวน โดยไมมการสรางเสนปดให
Knife ใชตดภาพทเลอกออกเปน 2 สวน และสรางเสนปดให
กลมเครองมอส าหรบการปรบแตงรปรางของวตถ Rotate ใชในการหมนวตถ กดคย Alt เพอก าหนดองศา
Reflect ใชในการกลบดานของวตถ กดคย Alt เพอก าหนดการกลบดาน
Scale ใชยอขยายวตถ
Shear ใชเอยงวตถ (กดคย Alt)
Reshape ใชเพมจด และดงยดวตถ
Width ใชเพมหรอลดขนาดของเสนพาธทคลก
Warp ใชปรบรปรางตามการลากเมาส
Twirl ใชหมนรปรางโดยการคลกเมาสคางทวตถ
Pucker ใชดดรปรางไปตรงบรเวณทคลกเมาสคางไว
Bloat ใชปรบรปรางใหบวมออกจากบรเวณทคลกเมาสคางไว
Scallop ใชปรบรปรางใหเปนหยกในบรเวณทคลกเมาสคางไว
Crystallize ใชสรางเสนแหลมใหกระจายออกจากรปรางโดยคลกเมาสคางไว
Wrinkle ใชสรางรอยยนใหรปรางโดยการคลกเมาสคางไว
Free Transform ใชยอหรอขยายวตถโดยการลากเมาส
Shape Builder ใชเพอรวม หรอตดสวนของภาพตงแตสองภาพขนไป
Live Paint Bucket ใชลงสใหวตถทวางซอนกน โดยสจะกนขอบเขตเฉพาะสวนทเสนตดกนเทานน
Live Paint Selection เปนเครองมอส าหรบเลอกชองของวตถทจะใสส โดยการสรางวตถข นมาวางซอนกน
Perspective Grid ใชสรางตารางมมมองเพอการสรางวตถ 3 มต
Perspective Selection ใชเลอกวตถใหเปนไปตามมมมอง 3 มต
5 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กลมเครองมอทใชจดการส Mesh ใชลงสใหรปรางอยางละเอยด โดยใชตาขายเปนจดอางองในการลงส
Gradient ใชลงสแบบไลโทนส
Eyedropper ใชดดสจากภาพ
Measure ใชวดขนาด
Blend ใชไลระดบการเปลยนรปรางและส สามารถควบคมได 3 ระดบ
กลมเครองมอทใชในการจดการ Symbol และ Graph Symbol ใชท างานเกยวกบ Symbol ซ งเ ปนกราฟกในพาเนล Symbol มเครองมอยอยในการท าซ า จดระยะ หรอปรบแตงส
Graph ใชสรางกราฟรปแบบตางๆ สามารถน าขอมลจาก Excel มาใชไดดวย
กลมเครองมอทใชจดการมมมอง Artboard ใชก าหนดขนาดและจดการคณสมบตของพนทของชนงาน Slice ใชหนรปรางออกเปนชนเพอไปใชงานตอในการออกแบบเวบไซต Slice Selection ใชเลอกชนทถกหนจากเครองมอ Slice Hand ใชเลอนดพนทการท างานในหนาจอ Print Tiling ใชคลกลงไปในพนทการท างานเพอแสดงพนทส าหรบการพมพ Zoom ใชยอหรอขยายการแสดงผลของพนทการท างาน
Option Bar แถบตวเลอกก าหนดคาใหกบเครองมอทเราใชงานอย ซงจะเปลยนไปตามเครองมอทใชงาน และการปรบคากจะแตกตางกนออกไปตามเครองมอทใชงาน
Panel Group กลมพาเนลทรวบรวมค าสงตางๆ ใหสามารถใชงานไดสะดวก โดยหลกๆ ทใชกนบอยไดแก
Color / Swatches ใชเลอกส Color Guide ใชเลอกชดโทนส
6 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Brushes พาเนลการท างานเกยวกบแปรง และมหวแปรงส าเรจรปใหเลอกใช
Symbols วตถส าเรจรป Stroke ใ ชก าหนดคณสมบตต างๆ เชน
ขนาดของเสน รปแบบของรอยตอหรอปลายเสน
Gradient ใชก าหนดคาการไลโทนสใหวตถ Transparency ใชก าหนดคาความโปรงแสงของวตถ Appearance ใชก าหนดการลงสและเสนขอบของ
วตถ Graphic Style สไตลอตโนมตทโปรแกรมเตรยมไว
ให หรอสรางวตถข นมาแลวตกแตงจากน นน ามาเกบไวเ ปนกรา ฟกส าเรจรปได
Layers ใชจดการวตถทซอนกนเปนชน Artboards พนทการท างาน สามารถสรางได
มากกวา 1 พนทในไฟลเดยวกน กำรสรำงไฟลใหม 1. ไปท File New 2. ก าหนดรายละเอยดตามตองการ
Name ตงชอไฟลงาน
Profile ก าหนดรปแบบการท างาน
Number of Artboards ก าหนดจ านวนอารตบอรด และแนวการจดวางอารตบอรด
Spacing ก าหนดระยะหางระหวางแตละพนทการท างาน
Size ก าหนดขนาดของอารตบอรด โดยเลอกจากขนาดทโปรแกรมเตรยมไว หากตองการขนาดอนๆ ใหพมพขนาดอารตบอรดตามตองการ
Units ก าหนดหนวยวด
Orientation ก าหนดอารตบอรดเปนแนวตงหรอแนวนอน
Bleed ก าหนดพนทระยะตดตก
7 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Color Mode โหมดส
Raster Effects ก าหนดความละเอยดของภาพ 3. คลก OK
กำรเปดไฟลดวยค ำสง Open หากเรามรปภาพทตองการน ามาตกแตงเพมเตม เราสามารถเลอกเปดไฟลรปขนมาเพอท างานไดทนท หรอจะเปดไฟล Ai ทเคยท าไวมาท างานตอไดทนท โดยมข นตอนดงน 1. คลก File Open 2. เลอกรปภาพทตองการ 3. คลก Open
8 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
4. จะปรากฏไฟลงานใน Adobe Illustrator
กำรบนทกไฟลภำพ หากตองการบนทกเปนครงแรกหรอบนทกเปนไฟลใหมจะใชค าสง Save As หากตองการแกไขแลวบนทกทบใชค า สง Save โดยมข นตอนดงน 1. ไปท File Save As 2. เลอกทเกบไฟล 3. ตงชอไฟล 4. เลอกรปแบบไฟล 5. คลก Save กำรใชงำนไมบรรทดและเสนไกด ไมบรรทดจะแสดงอยรอบพนทการท างาน ซงจะอ านวยความสะดวกในเรองการวดความยาวและความสง และสามารถลากเสนไกดออกมาจากไมบรรทด เพออ านวยความสะดวกในการจดการกบวตถ โดยมข นตอนดงน
9 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
1. ไปท View Rulers Show Rulers 2. ลากเสนไกดออกมาจากไมบรรทด หากตองการยายต าแหนงใหใช Selection Tool
วำดภำพดวยเครองมอพนฐำน กำรใชงำนเครองมอกลมวำดเสน เครองมอในกลมวาดเสนจะไดเสนพาธ (Path) เปนแบบเสนเปด หมายถงจดปลายเสนพาธทง 2 ดานไมสมผสกน โดยมเครองมอดงน
Line Tool วาดเสนตรง
Arc Tool วาดเสนโคง
Spiral Tool สรางเสนรปกนหอยทมลกษณะหมนวนจากตรงกลาง
Rectangular Tool วาดตารางสเหลยม
Polar Tool วาดตารางวงกลม 1. คลกทเครองมอวาดเสนตามตองการ 2. ก าหนดสของเสน ขนาดของเสน และรปแบบของเสนตามตองการ 3. ลากเมาสบนพนทการท างานจนเกดเสน และปลอยเมาสเมอไดเสนตามตองการ
10 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรก ำหนดคำเพมเตมใหกบกำรวำดเสน หลงจากทเลอกเครองมอวาดเสนทตองการแลว หากลากเมาสบนพนทการท างานแลวไมพอใจ เราสามารถก าหนดคาเพมเตมไดโดยเลอกเครองมอวาดเสนทตองการ แลวคลกเมาสบนพนทการท างาน 1 ครง เสนแตละรปแบบจะมการก าหนดคาเพมเตมทแตกตางกนออกไป
กำรใชงำนกลมเครองมอวำดรปรำง เครองมอในกลมวาดรปราง ใชวาดรปเรขาคณต เมอวาดเสรจจะปรากฏวตถท เปนเสนปด โดยมเครองมอดงน
Rectangle Tool วาดรปสเหลยม
Rounded Rectangle Tool วาดรปสเหลยมมมมน
Ellipse Tool วาดรปวงร วงกลม
Polygon Tool วาดรปหลายเหลยม
Star Tool วาดรปดวงดาว
Flare Tool วาดแสงแฟลร
11 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
1. คลกทเครองมอวาดรปรางตามตองการ 2. ก าหนดการลงส สของเสน ขนาดของเสน และรปแบบของเสนตามตองการ 3. ลากเมาสบนพนทการท างานจนเกดเสน และปลอยเมาสเมอไดเสนตามตองการ
กำรก ำหนดคำเพมเตมใหกบกำรวำดรปรำง หลงจากทเลอกเครองมอวาดรปรางทตองการแลว หากลากเมาสบนพนทการท างานแลวไมพอใจ เราสามารถก าหนดคาเพมเตมไดโดยเลอกเครองมอวาดรปรางทตองการ แลวคลกเมาสบนพนทการท างาน 1 ครง แตละรปรางจะมการก าหนดคาเพมเตมทแตกตางกนออกไป
12 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรใชงำนกลมเครองมอดนสอวำดภำพ เครองมอในกลมวาดรปดวยดนสอ จะเปนการใชเมาสลากไดอสระจนเกด เปนภาพเหมอนการวาดภาพลงในกระดาษ แตผใชงานตองมความช านาญพอสมควร โดยเครองมอทเกยวของกบการวาดภาพดวยดนสอมดงน
Pencil Tool ดนสอส าหรบวาดภาพ
Smooth Tool ปรบเสนใหเรยบขน
Path Eraser Tool ลบเสนพาธบางสวนของเสน
Join Tool ท าใหจดแองเคอรสองจดเชอมตอกนเปนจดเดยว 1. คลกท Pencil Tool 2. ก าหนดคาสและเสนท Option Bar 3. คลกเมาสซายคางไวพรอมลากจนเกด
รปภาพทตองการ ปรบเสนใหเรยบขน หลงจาดวาดรปภาพดวย Pencil Tool จะไดเสนทมรอบหบกจ านวนมาก เราสามารถใช
Smooth Tool ท าใหเสนเรยบขน โดยมข นตอนดงน 1. คลกท Smooth Tool 2. กดป ม <Ctrl> แลวคลกบน
เสนทตองการปรบแตง 3. ลากเมาสบนเสนในทศทาง
ทตองการ 4. จะไดเสนทมความเรยบ
ยงข น เราสามารถก าหนดคณสมบตของ Smooth Tool ไดดยดบเบลคลกทเครองมอ แลวก าหนดคาความเรยบ จากนนคลก OK
13 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ตดเสนพำธทง นอกจากการวาดภาพดวยดนสอและปรบเสนใหเรยบแลว บางครงอาจตองลบบางสวนของเสนพาธออกโดยใช Path Eraser Tool โดยมข นตอนดงน 1. คลกท Path Eraser
Tool 2. กดป ม <Ctrl> แลวคลกบน
เสนพาธทตองการ 3. ลากเมาสบนเสนพาธใน
บรเวณทตองการลบ 4. เสนในบรเวณทลากเมาส
จะหายไป เชอมเสนพำธ การวาดรปดวยดนสอใหเปนวตถปดนนไมสามารถท าได หากตองการใหเปนวตถปดจะตองใชเชอมเสนพาธดวย
Join Tool โดยลากเมาสจากจดหนงไปยงจดหนง วำดภำพและสรำงงำนกรำฟกแบบมอโปร ในหวขอนจะใชงานเครองมอทเปนหวใจส าคญของงานกราฟก นนกคอ Pen Tool เนองจากสามารถน าไปใชงานไดหลากหลายและยดหยนมาก โดยมเครองมอดงน
Pen Tool ใชสรางเสนพาธ
Add Anchor Point Tool ใชเพมจดแองเคอร
Delete Anchor Point Tool ใชลบจดแองเคอร
Anchor Point Tool ใชแกไขแองเคอรใหมความโคงหรอมมทสวยงามมากขน
14 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ท ำควำมรจกกบเสนพำธ
Direction Line คอ เสนทใชควบคมป รม าณความโคงของเสนพาธ ถาเสนยงยาว เสนพาธจะโคงมากขน
จดแองเคอรทถกเลอกจะแสดงสทบ
Direction Point เปนจดแสดงทศทาง ใชควบคมทศทางของเสนพาธ
เสนแสดงรปรางของเสนพาธ
จดแองเคอรปกตทไมถกเลอกจะแสดงเปนสเหลยมสขาว
วำดเสนตรงดวย Pen Tool การวาดเสนตรงดวย Pen Tool สามารถท าไดโดยการคลกไปบนอารตบอรด กจะไดเสนตรงทนท โดยมข นตอนดงน 1. คลกท Pen Tool 2. คลกเพอก าหนดจดเรมตน หลงจากนนใหคลกจดตอไป
เรอยๆ จะเหนวามเสนพาธเปนเสนตรง 3. คลกไปเรอยๆ จนกลบมาจดเรมตน Pen Tool จะแสดงสญลกษณ 4. คลกบรเวณทจดเรมตนแลวเปนพาธแบบปด
ขณะทวาดเสนตรง สามารถกดป ม <Shift> เพอควบคมองศาของเสนตรง เชน เมอคลกสรางเสนตรงในแนวนอนจะไดเสนแนวราบ 180O คลกแนวตงจะได 90O หรอคลกในแนวเฉยงจะได 45O
15 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
วำดเสนโคงดวย Pen Tool การวาดเสนโคงดวย Pen Tool จะตองลากเมาสเพอดงจด Direction ออกมาจากจดทคลกเพอก าหนดทศทางของเสนโคงและปรมาณความโคง แขน Direction ทมความยาวมาก ความโคงของเสนจะมากตามไปดวย การวาดเสนโคงรปตวย (U) จะใชวธการลากเมาสสราง Direct Point ไปทศทางตรงกนขามกน โดยมข นตอนดงน 1. คลกแลวลากเมาสเฉยงลงดานลาง เพอสรางแขน
Direction 2. คลกแลวลากเมาสเฉยงขนดานบน เพอสรางแขน
Direction จะเหนวาเสนพาธเปนรปตว U การวาดเสนโคงรปตวเอส (S) จะใชว ธลากเมาสสรางแขน Direction ไปทศทางเดยวกน โดยมข นตอนดงน 1. คลกแลวลากเมาสเฉยงลงดานลาง เพอสรางแขน
Direction 2. คลกแลวลากเมาสเฉยงลงดานลางอกครง จะเหน
วาเสนพาธเปนรปตว S การวาดเสนตรงรวมกบเสนโคง มกจะใชในการวาดรปมากทสด เนองจากการดราฟตภาพมกมสวนประกอบทงเสนตรงและเสนโคง โดยมข นตอนดงน 1. คลกเมาส 1 ครงเพอเปนจดเรมตน 2. คลกเมาส 1 ครงเพอเปนจดทสอง จะเกดเปน
เสนตรง 3. คลกแลวลากเมาสไปในทศทางทตองการ จะเกด
เปนเสนโคง
16 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ลดจ ำนวนจดแองเคอรบนเสนพำธ การมจดแองเคอรมากเกนไปจะท าใหเสนพาธดหยก เราอาจจะตองใช Delete Anchor Point Tool ลบจดแองเคอรออกบาง เพอท าใหเสนพาธดเรยบขน โดยมข นตอนดงน 1. ใ ช Delete Anchor Point
Tool คลกไปบนจดแองเคอรทตองการลบ
2. จดแองเคอรจะถกลบ และเสนพาธจะเชอมกนระหวางจดแองเคอรโดยอตโนมต
เพมจ ำนวนจดแองเคอรบนเสนพำธ การมจดแองเคอรนอยเกนไปจะท าใหไมสามารถดดเสนพาธทซบซอนได เราอาจจะตองใช Add Anchor Point Tool เพมจดแองเคอร โดยมข นตอนดงน 1. ใ ช Add Anchor Point
Tool คลกบนเสนพาธ 2. ใ ช Direct Selection Tool
คลกทจดแองเคอร แลวลากเมาสปรบความโคงของเสนพาธ
เปลยนเสนโคงใหกลำยเปนมม เราสามารถเปลยนเสนโคงใหกลายเปนมมได โดยใชเครองมอ Anchor Point Tool ตด Direction Point ออกจากเสนพาธ โดยมข นตอนดงน 1. ใ ช Anchor Point Tool
คลกบนจดแองเคอรทตองการ 2. บรเวณโคงจะเปลยนเปนมม
17 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
เปลยนมมใหเปนเสนโคงและปรบมมใหโคงขน ในกรณทเสนพาธเปนมมแลวตองการใหเปลยนเปนเสนโคง หรอตองการปรบเสนโคงใหโคงขนใหใช Anchor Point Tool โดยมข นตอนดงน
1. ใ ช Anchor Point Tool คลกบนจดแองเคอรแลวลากเมาสจนเกดแขน Direction ออกมา
2. มมจะเปลยนเปนเสน โค ง หากลากแขน Direction ยาวจะโคงมากขน
เปลยนต ำแหนงของเสนพำธ เมอตองการยายต าแหนงเสนพาธทงเสน ใหใช Selection Tool คลกบนเสนพาธ แลวลากเมาสเพอยายต าแหนง หรอหมน หรอปรบขนาดได แตจะไมสามารถ แกไ ขเฉพาะจดได ปรบแตงควำมโคงของเสนพำธเฉพำะจด หลงจากทวาดเสนพาธจนไดรปรางทตองการแลว เราสามารถใช Direct Selection Tool คลกลงไปทจดแองเคอรทตองการปรบเสนพาธ โดยมข นตอนดงน 1. ใ ช Direct Selection Tool
คลกบนจดแองเคอร จะปรากฏแขน Direction Point ขนมาทนท
2. คลกทแขน แลวลากเมาสเพอปรบแขนใหยาวขนหรอสนลงตามความตองการ
3. รปรางจะเปลยนไปตามทป รบแขน หากแขนยาวมากจะโคงมาก
18 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
เปลยนต ำแหนงจดแองเคอร เมอตองการเปลยนต าแหนงเฉพาะจดใหใช Direct Selection Tool คลกลงไปบนจดแองเคอร เราสามารถเลอกไดมากกวา 1 จดแองเคอรโดยการกด <Shift> จากนนใชเมาสลากหรอกดป มลกศรซายขวาบนลาง เพอเปลยนต าแหนงได ลบจดแองเคอรทง 1. ใ ช Direct Selection Tool
คลกลงไปบน จดแองเ ค อ รทตองการลบ
2. กดป ม <Delete> เ พ อ จ ด แอ งเคอรทงไป เสนพาธในบรเวณทลบจดแองเคอรจะหายไป
กำรเชอมตอเสนพำธ 1. ใช Direct Selection Tool คลกลงไปบนจดแองเคอรของเสนพาธเปดทงสองดาน 2. คลกขวาแลวเลอกค าสง Join เพอเชอมตอเสนพาธ 3. จะเหนวาเสนพาธถกเชอมตอเปนเสนพาธปดแลว
19 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
แปลงภำพถำยเปนภำพวำด กำรใชค ำสง Image Trace เราสามารถแปลงภาพถายใหเปนภาพวาดโดยใชค าสง Image Trace โดยโปรแกรมจ าค านวณคาจากจดสบนภาพมาสรางเปนเสนพาธ ซงเราสามารถจดการกบเสนพาธและจดแองเคอรไดในภายหลง โดยมข นตอนดงน 1. ไปท File Place 2. ไปทเกบไฟลแลวเลอกภาพถายทตองการ 3. คลก Place
4. ใช Selection Tool เลอกรปภาพ 5. คลกค าสง Image Trace แลวเลอกรปแบบทตองการ 6. ภาพถายจะเปลยนเปนภาพวาดตามรปแบบทเลอก
20 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ปรบแตงภำพจำก Image Trace หลงจากทแปลงภาพถายเปนภาพวาดแลว เราสามารถปรบแตงใหสวยงามขนได โดยมข นตอนดงน 1. คลก Image Trace Panel ท Option Bar 2. จะปรากฏหนาตาง Image Trace ใหก าหนดคาของค าสงตางๆ ตามตองการ 3. คลก Expand ท Option Bar หากตองการแยกชนสวน 4. จะปรากฏแตละชนสวนทแยกกนซงถกจดกลมอตโนมต ใหดบเบลคลกทภาพ แลวคลกเลอก
สวนทตองการลบ จากนนกด <Delete> เพอลบสวนทไมตองการออก
5. สวนทลบจะหายไป และสามารถแกไขจดแองเคอรกบเสนพาธไดตามตองการ โดยใช
Direct Selection Tool
21 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรใชงำนสใน Adobe Illustrator CC 2015 กำรเลอกใชสจำก Color Picker เราสามารถควบคมสและก าหนดรปแบบการลงสไดจาก Tool Bar โดยมสวนประกอบดงน
ดบเบลคลกเพอลงสพน (Fill)
ดบเบลคลกเพอลงสเสน (Stroke)
ใชสลบคาสพนและสเสน
ใชกลบไปใชสเรมตนคอพนสขาวและเสนสด า
เลอกลงสแบบทบ
เลอกลงสแบบไลโทนส
ไมตองการลงส Color Picker เปนหนาตางส าหรบเลอกส สามารถเรยกใชงานโดยดบเบลคลกท Fill ท Tool Bar จากนนก าหนดโหมดสทตองการใชโทนส และความเขาของสไดเอง โดยสวนประกอบของหนาตาง Color Picker มดงน
เลอกโทนส
เลอกความเขมของส
สใหมทเลอก
สเดมกอนเลอกสใหม
เลอกการผสมสตามโหมด HSB, RGB, CMYK หรอพมพโคดของคาส
เลอกใชสจากพาเนล Swatches
คลก เ พ อ แ สด งสท ใ ช ใ น การออกแบบเวบเทานน
22 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรเลอกสจำกพำเนล Color การลงสโดยใชพาเนล Color สามารถเลอกลงไดทงสพน (Fill) และเสน (Stroke) ไดในพาเนลเดยว โดยไมตองก าหนดจากสวนอนๆ แตจะตองมความแมนย าเรองส เนองจากตองผสมสข นมาใชเอง โดยสวนประกอบของพาเนล Color มดงน
สพน
สเสน
สวนของการผสมส
สวนของคาสเรมตน
เลอกสจากสเปกตรมส
ตวเลอกเพมเตม Hide Option เลอกใหพาเนลไมแสดงออปชน
Grayscale / RGB / CMYK / Web Safe RGB เลอกโหมส
Invert ใชเลอกสตรงกนขามกบสทเลอกอย
Complement ใชเลอกสใกลเคยงกบสทใชอย
Create New Swatch น าสทเลอกไปใชงานในพาเนล Swatches กำรเลอกสจำกพำเนล Swatches พ า เ น ล Swatches เ ป นพ า เ น ลส า ห รบ กา ร เ ล อก ใ ช ส ทโปรแกรมเตรยมไวใหใชงาน โดยคลกเลอกสทตองการกจะใชงานไดทนท หากผสมสข นเองกสามารถน าสมาไวในพาเนล Swatches เพอใหเรยกใชสไดสะดวกมากขน โดยมสวนประกอบดงน
สพน
สเสน
แสดงผลมมมองของส
กลมสทโปรแกรมมอย
23 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ค าสงทใชในการจดการพาเนล Swatches Swatch Libraries Menu เลอกโทนสเพมเตมทมในโปรแกรม
Open Color Theme Panel เปดพาเนล Color Theme
Libraries Panel เปดพาเนลสทเกบไวใน Creative Cloud
Show Swatch Kinds menu เลอกรปแบบการแสดงผลของส
Swatch Options ก าหนดการผสมสตามโหมดสตางๆ
New Color Group สรางกลมสใหม
New Swatch สรางสใหม
Delete Swatch ลบสทไมตองการออกจากพาเนล Swatch
จดการชดส เชน สรางชดสใหม และลบชดสออกจากพาเนล Swatches
Select All Unused เลอกสทงหมดทไมไดใชในโปรเจค
Add Used Colors เพมสทใชในโปรเจคทงหมดลงในพาเนล Swatches
เรยงตามล าดบชอ ประเภท หรอปดหนาตางเพอคนหาส
ก าหนดมมมองการแสดงสในพาเนล Swatches
ก าหนดสพเศษ
เปดการใชงานสอนๆ หรอบนทกสเกบไวใชกบโปรเจคอน กำรเลอกใชสแบบ Spot สแบบ Spot คอ สส าหรบงานพมพแบบมออาชพ หากเราตองการใหพมพออกมาเปนสทไมใชเกดจากการผสมระหวาง CMYK จงตองใชสพเศษ เชน สเงน สทอง สสะทอนแสง เปนตน โดยมข นตอนดงน 1. ทพาเนล Swatches ใหคลก Options แลวเลอกค าสง New
Swatch 2. ก าหนด Color Type เปน Spot Color 3. ก าหนดโหมดสและปรบคาตามตองการ
24 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
4. คลก OK 5. จะปรากฏสพเศษใหเลอกใชใน
พาเนล Swatches สงเกตวาจะมสญลกษณเปน Spot ขนมาทมมขวาลางของส
เตมลวดลำยใหภำพแบบแพทเทรน นอกจากจะใสสพนใหภาพแลว เราสามารถใสลวดลาย หรอ Pattern ใหกบภาพไดดวย ส าหรบ Pattern จะถกเกบไวในพาเนล Swatches ซงสามารถเรยกใชได โดยมข นตอนดงน 1. คลกเลอกวตถทตองการลงสแบบ Pattern 2. ทพาเนล Swatches คลก Swatch Libraries Menu 3. เลอกค าสง Patterns แลวเลอกชด Pattern ยอยตามตองการ
4. จะปรากฏพาเนลของ Pattern ยอย ใหคลก
เลอกลวดลายทตองการ 5. วตถทเลอกจะมลวดลายตามตองการ
25 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
สรำง Pattern ไวใชเอง ถงแมวาโปรแกรมจะม Pattern ใหเลอกใชมากมาย แตถาเราตองการสราง Pattern ไวใชงานเอง สามารถท าไดโดยการสรางลวดลายลงบนพนทสเหลยมจตรส หลงจากนนกน าไปสรางเปน Pattern โดยมข นตอนดงน 1. สรางลวดลายบนพนทส เหลยมจตรส 2. คลกเลอกลวดลายทสรางขนแลวลากไป
ปลอยในพาเนล Swatches 3. คลกเลอกวตถทตองการลงส 4. คลกเลอก Pattern ทสรางไวจากพาเนล
Swatches 5. จะไดลวดลายใหมดงภาพ กำรปรบแตงภำพดวยพำเนล Transparency การสรางงานทมวตถซอนทบกน จ าเปนตองก าหนดความโปรงใสของวตถ เพอท าใหเกดความสวยงามเพมมากขน โดยมข นตอนดงน วาดรปรางตามตองการ 1. วาดรปรางอก 1 ชน และน ามาวางซอน
กน จากน นคลกเลอกวตถทซอนอยดานบน
2. ไปทพาเนล Transparency แลงปรบคา Opacity ตามความตองการ
3. วตถทอยดานบนจะโปรงใสจนเหนวตถทอยดานลาง
ลงสแบบไลโทนสกบพำเนล Gradient การลงสแบบไลโทนสเปนวธการใสสใหวตถโดยใชสตงแต 2 สข นไป โดยก าหนดการไลโทนสทพาเนล Gradient และใช Gradient Tool เปนตวก าหนดความกวางและทศทางของส ในพาเนล Gradient มสวนประกอบดงน
26 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ตวอยางส
ก าหนดรปแบบการไลส Liner แบบแนวตรง
Radial แบบวงกลม
ก าหนดองศาการไลส และความสงหรอต าของการไลโทนสแบบวงกลม
คลกเพอสลบส
ก าหนดสส าหรบไลโทนส
ลบจดสทเลอก
ก าหนดความโปรงใสและต าแหนงของจดส กำรลงสแบบไลโทนส 1. ใช Selection Tool เลอกวตถทตองการไลโทนส 2. ไปทพาเนล Gradient แลวเลอก Type เพอก าหนดรปแบบการไลส 3. ก าหนดทศทางการไลส 4. คลกเลอกจดสทตองการเปลยนส 5. วตถทเลอกจะมสแบบไลโทนส
เพมสสนในกำรไลโทนสใหหลำกหลำย เมอตองการเพมสสนของการไลโทนสใหมสท หลากหลายมากขน สามารถเพมจดสลงไปในพาเนล Gradient โดยมข นตอนดงน 1. ใช Selection Tool เลอกวตถทตองการไลโทนส 2. ไปทพาเนล Gradient แลวเลอก Type เพอก าหนดรปแบบการไลส 3. ก าหนดทศทางการไลส 4. คลกทดานลางของแถบสเพอเพมจดสใหม
27 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
5. ก าหนดสทจดสทกจดสตามตองการ 6. ก าหนด Opacity และ Location ของจดสตามตองการ 7. วตถทเลอกจะมสแบบไลโทนสตามจดสทเพมในแถบส
เปลยนทศทำงกำรไลโทนสแบบยดหยน เราสามารถปรบทศทางการไลโทนส การกระจายตวของโทนส และต าแหนงการไลโทนสแบบตางๆ ได โดยใช Gradient Tool ท าใหการไลโทนสยดหยนมากขน โดยมข นตอนดงน 1. ใชพาเนล Gradient ก าหนดการไลโทนส 2. คลกท Gradient Tool เพอใชในการปรบแตง
การไลโทนสและการกระจายตวของโทนส 3. คลกลากเมาสเพอเปลยนทศทาง เปลยนจดการ
ไลโทนส ปรบต าแหนงของหลอดส และปรบการกระจายตวของส
บนทกแถบสไวใชงำนในภำยหลง 1. สรางแถบสทตองการในพาเนล Gradient 2. คลกทสท ปรากฏแลวลากไปปลอยในพาเนล Swatches 3. แถบสทสรางไวจะปรากฏในพาเนล Swatches และสามารถน าไปใชงานไดทนท
28 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ลงสดวย Mesh Mesh เปนการลงสทม ความละเอยดซบซอน แตผลลพธทไดจะมความสมจรง โดยลกษณะการลงสจะใชตาขายเปนตวระบต าแหนงของส ยงตารางมความถมาก การลงสกจะละเอยดขน โดยการสรางตาขาย Mesh มขนตอนดงน 1. คลกท Mesh Tool 2. คลกบนรปรางทสรา งขน เ พ อ
สรางตาขาย โดยจดตดทปรากฏจะเปนจดทใชลงส
3. คลกบนรปรางบนบรเวณอนเพอสรางตาขายตอไป
หากเราไมตองการเสนตาขายบางเสน กสามารถลบไดโดยใช Mesh Tool แลวกดป ม <Alt> คางไว จากนนคลกบนจดตด
การสรางตาขาวดวยค าสง Create Gradient Mesh จะไดตาขายทม ขนาดชองเทาๆ กน และสามารถท าไดรวดเรว แตอาจจะไม เหมาะกบภาพท ไ ม ใ ชรปรา งมาตรฐาน เชน วงกลม สเหลยม โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการ 2. ไปท Object Create Gradient Mesh 3. ก าหนดออปชนของตาขาย โดยระบจ านวนแถวและ
คอลมนตามตองการ 4. ก าหนดรปแบบการไลโทนส Flat จะไดแคตาขาย / To
Center ไลโทนสใหตรงกลางสวาง / To Edge ไลโทนสจากขางนอกสวาง
5. ระบคาความสวางของส 6. คลก OK
29 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
เตมสใหวตถดวย Mesh
หลงจากสรางตาขายเรยบรอยแลว เราสามารถเลอกพนทในการลงสดวย Lasso Tool และลงสเฉพาะจดดวย Mesh Tool โดยมข นตอนดงน 1. คลกท Lasso Tool เพอเลอกพนทการท างาน 2. ลากเมาสก าหนดขอบเขตการลงสวตถ จดสทถกเลอกจะแสดงเปนจดทบ 3. คลกเลอกสจากพาเนล Swatches หรอ Color 4. บรเวณทเลอกจะเปลยนเปนสตามสทเลอก
5. คลก Mesh Tool 6. คลกทจดบนตาขายเพอลงส 7. คลกเลอกสจากพาเนล Swatches หรอ Color 8. บรเวณจดสบนตาขายจะเปลยนเปนสทเลอก
ลงสใหวตถดวย Live Paint Bucket Tool ในกรณทเราตองการลงสทบมากกวา 1 สในวตถทเราวาดขน โดยเราจะใช Pen Tool แบงพนท แลวใช
Live Paint Bucket Tool ลงสไดทนทโดยทไมตองแบงชนสวนของภาพวาดเปนชนๆ โดยมข นตอนดงน 1. วาดรปรางขนมาตามปกต แลวใช Pen Tool แบง
พนทการลงส 2. ใช Selection Tool เลอกคลมวตถทสรางขน
30 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
3. คลก Live Paint Bucket Tool 4. ก าหนดสพนหรอลวดลายในการลงส 5. คลกในบรเวณทตองการเทสในวตถทสรางขน
6. จะปรากฏสทเทลงไปและวตถทเลอกจะขนมาอยบนสดอตโนมต 7. จดล าดบวตถโดยการคลกทวตถทเลอก แลวคลกขวาเลอกค าสง Arrange Send to Back 8. จะปรากฏสทเทลงไปโดยทไมจ าเปนตองสรางวตถใหมมาวางทบ
แกไขพำธทใชในกำรแบงพนทกำรลงส หากเราลงสภาพดวย Live Paint Bucket Tool แลวยงไมพอใจกบผลลพธ และตองการแกไขการแบงพนทการลงสใหม กสามารถใช Direct Selection Tool ปรบแกเสนพาธไดทนท หรอหากไมตองการแบงพนทการลงส กเพยงลบเสนพาธออกไป
31 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ปรบแตงสของภำพวำดทลงสดวย Live Paint Bucket Tool หากเราลงสภาพดวย Live Paint Bucket Tool แลวตองการเปลยนส เราสามารถใช Live Paint Selection Tool ปรบแตงสได โดยมข นตอนดงน 1. คลก Live Paint Selection Tool 2. คลกเลอกสวนทตองการเปลยนส 3. เลอกสใหมจากพาเนล Swatches ตาม
ตองการ 4. บรเวณทเลอกจะเปลยนสไปตามสท
เลอกจากพาเนล Swatches ตกแตงเสนขอบ ก ำหนดสเสนและขนำดเสน ในสวนแรกจะเปนการก าหนดสและขนาดของเสน โดยสทเทลงเสนขอบจะเปนสทบ โดยมข นตอนดงน 1. ใ ช Selection Tool เ ล อ ก ว ต ถ ท
ตองการ 2. ไปทพาเนล Swatches หรอ Color แลว
คลกเลอก Stroke เพอเลอกการลงสเสน 3. คลกเลอกสทตองการ (หากใชพาเนล
Color ใหก าหนดคาสตามตองการ) 4. ไปทพาเนล Stroke แลวปรบขนาดของ
เสนตามตองการ 5. จะไดสและขนาดของเสนขอบตามท
ก าหนด
32 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ในสวนทสองหากเราตองการลงสเสนขอบใหมการไลโทนสกสามารถท าได โดยมข นตอนดงน 1. ใช Selection Tool เลอกวตถทตองการ 2. ไปทพาเนล Gradient แลวคลกเลอก Stroke เพอเลอกการลงสเสน 3. คลกเลอกรปแบบการไลโทนส 4. เลอกสทตองการบยแถบส 5. ไปทพาเนล Stroke แลวปรบขนาดของเสนตามตองการ 6. จะไดสและขนาดของเสนขอบตามทก าหนด
ก ำหนดคณสมบตของเสนขอบในพำเนล Stroke นอกจากความหนาของเสนแลว เราสามารถก าหนดคณสมบตอนๆ ได เชน หวเสน มมเสน การจดต าแหนงเสนบนแกนพาธ ก าหนดเสนประ โดยแตละค าสงมรายละเอยดดงน
Weight ความหนาของเสน
Cap ลกษณะหวเสน ม 3 แบบ ไดแก หวตด หวโคงมน และหวตดทมความยาวมากกวาแกนพาธ
Corner มมเสน ม 3 แบบ ไดแก มมเหลยม มมมน และมมแบบตด
Dashed Line ท าใหเปนเสนประ โดย dash คอความยาวเสนประ และ gap คอระยะหางของเสนประ
Arrowheads สวนของหวลกศร สามารถปรบขนาดและต าแหนงของหวลกศรได
Profile รปแบบเสน
33 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรปรบรปแบบเสนดวยพำเนล Brushes ปกตเรามกจะสรางเสนขนจาก Pen Tool หรอสรางรปรางจากเครองมอกลม Shape Tool แลวลงสเสนหรอลวดลายทวไป แตเราสามารถใชพาเนล Brushes ปรบแตงเสนขอบใหมรปแบบทสวยงามมากขน โดยสวนประกอบของพาเนล Brush มดงน
เลอกหวแปรงแบบตางๆ
เลอกหวแปรงจาก Libraries
เลอกหวแปรงจาก Libraries บนคลาวด
ยกเลกการหวแปรง
ก าหนดออปชนเพมเตมของหวแปรงทเลอก
สรางหวแปรงใหม
ลบหวแปรงออกจากพาเนล การใชหวแปรงในการปรบแตงเสนขอบมข นตอนดงน 1. สรางวตถข นมาจาก Pen Tool หรอ Shape 2. ไปทพาเนล Brushes แลวคลก Brush Libraries Menu 3. เลอกชดหวแปรงทตองการ 4. จะปรากฏพาเนลหวแปรงทเลอกใหคลกเลอกหวแปรงตามตองการ 5. เสนขอบจะเปลยนไปตามหวแปรงทเลอก
34 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
วำดภำพดวย Paintbrush Tool เมอเรารจกกบ Brush แลวจะเหนวามรปแบบใหเลอกใชมากมาย โดยมข นตอนดงน 1. คลกท Paintbrush Tool 2. คลกเลอก Brush จาก Option Bar ตาม
ตองการ 3. ลากเมาสวาดภาพตามตองการ แปลง Brush เปน Outline เมอเราวาดภาพขนมาแลวมการใส Stroke ปรากฏวาเมอมการยอขยายรปภาพ Brush ไมปรบขนาดตามรปราง ท าใหขนาดผดเพยนไป หากตองการให Stroke เปลยนขนาดไปตามขนาดรปราง ใหท าตามขนตอนดงน 1. ใช Selection Tool เลอกวตถทตองการ 2. ไปท Object Expand Appearance 3. Stroke จะกลายเปน Fill ทนท ท าใหสามารถยอขยายไดตามขนาดของรปราง
กำร Selection และจดกำรวตถ รจกกบพำเนล Layers เลเยอร (Layer) คอ ชนของวตถทเราสรางขนใน Illustrator โดยวตถแตละชนจะวางซอนกนตามล าดบ ซงเลเยอรใน Illustrator ตางจาก Photoshop เลกนอยคอ Photoshop 1 เลเยอรตอ 1 วตถ แตใน Illustrator 1 เลเยอรจะมกวตถกได โดยวตถทสรางใหมจะอยดานบนเสมอ โดยสวนประกอบของพาเนลเลเยอรมดงน
35 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ซอนหรอแสดงผลวตถ
ลอควตถเพอปองกนการปรบแตงวตถในเลเยอร
สวนของเลเยอร สามารถดบเบลคลกเพอเปลยนชอเลเยอร และลากเมาสข นลงเพอจดล าดบเลเยอร
ค าสงทใชจดการเลเยอร Locate Object คนหาเลเยอรทท างานกบวตถทก าลงเลอก
Make / Release Clipping Mask คลกเพอสรางหรอยกเลกมาสก
Create New Sublayer สรางเลเยอรยอย
Create New Layer สรางเลเยอรใหม
Delete Selection ลบเลเยอรทเลอก กำรจดล ำดบวตถดวยค ำสง Arrange การจดล าดบวตถดวยค าสง Arrange จะท าไดรวดเรวกวาจดล าดบเลเยอรยอยโดยการลากเมาส โดยคลกขวาทวตถแลวเลอกค าสง Arrange จากนนเลอกการจดล าดบตามตองการดงน
Bring to Front น าวตถทเลอกไวบนสด
Bring to Forward น าวตถทเลอกมาไวดานบนทละชน
Send to Backward น าวตถทเลอกมาไวดานลางทละชน
Send to Back น าวตถทเลอกไวลางสด เลอกท ำงำนกบวตถดวย Selection Tool
Selection Tool เปนเครองมอพนฐานทใชบอยทสด ใชส าหรบเลอกวตถ หากวตถถกจดกลมอยจะเลอกวตถทงกลมโดยอตโนมต สามารถลากเมาสเพอเลอกวตถมากกวา 1 ชนพรอมกน นอกจากนยงใชเคลอนยาย ยอขยาย หมน หรอเอยงวตถไดอยางงายดาย
36 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
เลอกท ำงำนเฉพำะจดดวย Direct Selection Tool Direct Selection Tool เปนเครองมอทใชปรบแตงรปรางทวาดขนเฉพาะจด เราสามารถเลอกชนสวนใดของภาพกไดแมวาจะถกจดกลมอยกตาม และสามารถเคลอนยาย ปรบแขน บดรปราง ไดอยางงายดาย ท ำงำนกบรปรำงทรวมกลมดวย Group Selection Tool
หากเราใช Selection Tool จะไมสามารถเลอกวตถบางชนในกลมได เราจงใช Group Selection Tool เพอเลอกวตถบางชนทอยในกลมได และสามารถใชเคลอนยายต าแหนงของวตถชนทเลอกไดทนท เลอกจดแองเคอรดวย Lasso Tool
Lasso Tool ใชเลอกจดแองเคอรหลายๆ จดพรอมกน โดยการลากเมาสคลมจดแองเคอรทตองการเลอก หลงจากน นใช Direct Selection Tool จดการกบจดแองเคอร เลอกวตถทมสเดยวกนดวย Magic Wand Tool Magic Wand Tool ใชเลอกรปรางโดยการคลกเลอกวตถไดทนท โดยจะได Selection บนวตถทมการปรบแตงเหมอนกน เชน มสพนเดยวกน มสเสนขอบเหมอนกน ซงจะชวยลดเวลาในการท างานในกรณทตองการปรบแตงรปแบบใหวตถพรอมๆ กน กำรจดกลมวตถ การท างานในโปรแกรม Illustrator จะตองวาดรปรางหลายๆ ชนสวนมาประกอบกนเพอใหไดรปวาดทตองการ จงท าการจดกลมวตถหลายๆ ชนเขาดวยกน เพอใหงายตอการเคลอนยาย สามารถท าได
โดยใช Selection Tool ลากคลมวตถทตองการแลวคลกขวาเลอกค าสง Group
37 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรหมนวตถดวย Rotate Tool Rotate Tool ใชส าหรบหมนวตถ โดยเราสามารถก าหนดจดกงกลางในการกมนได โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการหมน 2. คลกท Rotate Tool 3. คลกบนรปรางเพอก าหนดจดกงกลางของการหมน ถาไมเลอกจดกงกลางจะอยกลางภาพ 4. ลากเมาสเพอหมนภาพไปในทศทางทตองการ
กำรกลบดำนวตถดวย Reflect Tool
Reflect Tool ใชกลบดานวตถโดยการลากเมาส ลกษณะการใชงานจะคลายกบ Selection Tool แตสามารถชวยคงสดสวนเดมของวตถได โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการกลบดาน 2. คลกท Reflect Tool 3. คลกบรเวณทเปนจดอางองในการกลบดาน ถาไมคลกจะถกก าหนดไวทจดกงกลางวตถ 4. กดป ม <Shift> คางไวแลวลากเมาสกลบดานวตถไปยงทศทางตรงกนขาม 5. จะปรากฏวตถทกลบดาน
เราสามารถพลกกบดานวตถโดยการระบองศาดวยค าสง Object Transform Reflect แลวก าหนดแกนหรอองศาทตองการกลบดานวตถได
38 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ยอ-ขยำยวตถดวย Scale Tool Scale Tool ใชยอ-ขยายวตถเทานน มขอดคอสามารถเบอกจดอางองเพอก าหนดจดกงกลางในการยอ-ขยายวตถได โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการยอ-ขยาย 2. คลกท Scale Tool 3. คลกบรเวณทเปนจดอางองในการกลบดาน ถาไมคลกจะถกก าหนดไวทจดกงกลางวตถ 4. ลากเมาสปรบขนาดตามตองการ
ยอ-ขยำยวตถดวย Free Transform Tool Free Transform Tool ใชในการยอ-ขยายหรอหมนวตถแบบอสระ โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการปรบแตง 2. คลกท Free Transform Tool 3. เลอกรปแบบทตองการปรบแตง
Constrain ลอคอตราสวน
Free Transform ปรบยอ-ขยาย หรอหมนวตถแบบอสระ
Perspective Distort บดมมมองวตถ
Free Distort บดวตถแบบอสระ 4. ลากเมาสปรบแตงวตถตามตองการ เอยงวตถดวย Shear Tool Shear Tool ใชปรบมมของวตถใหเอยงขนานกบแนวตงหรอแนวนอน มกใชกบงานทตองการมมมองแบบสมจรงหรอมมตใกลไกล โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการปรบแตง
39 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
2. คลก Shear Tool 3. คลกบรเวณทเปนจดอางองในการเอยงวตถ ถาไมคลกจะถกก าหนดไวทจดกงกลางวตถ 4. ลากเมาสเอยงวตถตามตองการ 5. จะปรากฏผลลพธ
กำรบดวตถดวยเครองมอในกลม Liquify เครองมอในกลม Liquify ใชบดวตถแบบลนไหลเฉพาะสวน เหมาะกบงานทตองการความพลวไหว โดยมทงหมด 8 แบบ ดงน
Width Tool ใชปรบความหนาของ Stroke ในจดทตองการ
Warp Tool ใชปรบทศทางของวตถ โดยการคลกแลวลากเมาส
Twirl Tool ใชปรบรปรางใหวนรอบจดศนยกลาง โดยการคลกเมาสคางไว
Pucker Tool ใชบบรปรางเขาหาจดศนยกลาง โดยการคลกเมาสคางไว
Bloat Tool ใชปรบรปรางใหบวมออก โดยการคลกเมาสคางไว
Scallop Tool ใชบบเสนพาธหรอรปรางใหเปนจบ โดยการคลกเมาสคางไว
40 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
วธการใชงานเครองมอกลม Liquify 1. คลกทเครองมอในกลม Liquify 2. คลกเมาสคางไวหรอลากเมาสตามการใชงานแต
ละเครองมอ หากเราต องการปรบแต งออปชนของเครองมอในกลม Liquify ใหมรปแบบตรงกบการใชงาน สามารถท าไดโดยดบเบลคลกทแตละเครองมอบน Tool Bar แลวปรบคาตามตองการ โดยการปรบคาแตละเครองมอจะใกลเคยงกน รวมแลวตดรปรำงดวย Pathfinder Pathfinder คอพาเนลส าหรบจดการรปรางทวางทบซอนกนอยใหสามารถรวมเปนขนเดยวกน หรอตดสวนททบซอนกนออกไป ใชในกรณตองการสรางงานทมความซบซอน หรอตองการก าหนดพนทของวตถอยางชดเจน ซงเราสามารถเรยกใชพาเนล Pathfinder ไดจากเมน Window Pathfinder ในสวนแรกจะกลาวถงการรวมและตดรปรางทซอนกนออกดวย Shape Modes โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถ 2. ไปทพาเนล Pathfinder แลวคลกค าสงในกลม
Shape Modes เพอรวมหรอตดรปราง 3. ลกษณะของผลลพธทได
Crystallize Tool ใชบบเสนพาธหรอรปรางใหกระจายเปนแฉกๆ
Wrinkle Tool ใชบบเสนพาธหรอรปรางใหเปนหยกๆ ในแนวตง
41 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ส าหรบค าสงตางๆ ในกลม Shape Modes มทงหมด 4 ค าสงดงน Unite ใ ช ร ว มวตถทซอนกนอยเปนวตถชนเดยวกน โดยจะดงสพนและสเ สนของ วต ถ ด า นบนสดมาใช Minus Front ใชตดวตถทอยดานล า ง สดดวยรปรางของวตถทอยดานบน โดยสพนและสเสนของวตถทอยดานลางยงคงเดม Intersect ใชตดพ นทว ตถทอย ด านนอกออก เหลอสวนทซอนทบกน ไว เพยง 2 วตถ โดยเลอกใชสพนและสเสนจากวตถดานบนสด Exclude ใชตดพนทวตถสวนทซอนทบกนออกไป เหลอพนทสวนทอยดานนอกไว โดยจะดงสพนและสเ สนของ วต ถ ด า นบนสดมาใช
42 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
ในสวนสดทายจะกลาวถงการตด เจาะ แยกรปราง โดยใชค าสงในกลม Pathfinders เสนพาธจะเปนตวก าหนดขอบเขตพนทแตละสวน หลงจากใชค าสงดงกลาววตถจะถกจดกลมไว เราสามารยกเลกการจดกลมเพอแยกวตถออกจากกนไดอยางอสระ โดยแตละค าสงจะไดผลลพธทแตกตางกนดงน Divide ใชตดแบงพนทวตถดวยเสนพาธของวตถทซอนทบกนทงหมด โดยสพนและสพนและสเสนของวตถแตละชนยงคงเดม เราสามารถยกเลกการจดกลมเพอแยกชนสวนออกจากกนได
Trim ใชตดเจาะวตถทอยดานลางดวยรปรางของวตถทอยดานบน ผลลพธทไดจะเปนรปรางเดมทมแตสพนแตไมมสเสน และสามารถแยกชนสวนออกจากกนได
Merge เปนการท างาน 2 ลกษณะพรอมกน คอ เจาะวตถทมสพนตางกน แตจะรวมวตถทมสเดยวกนเขาดวยกน หลงจากนนเสนขอบจะหายไป เราสามารถยกเลกการจดกลมเพอแยกชนสวนออกจากกนได
43 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Crop ใชตดวตถทอยดานลางใหมรปรางเหมอนวตถดานบน ซงจะไดวตถชนลางและไมมเสนขอบ
Outline ใชแบงเสนพาธของวตถทซอนกนออกเปนทอนๆ ตามจดตดทกจด พรอมทงน าสพนของวตถนนๆ มาเปนสเสน และยกเลกสพนเดม โดยขนาดของเสนจะถกเปลยนเปน 0 เมอใชค าสงแลวจงตองมาปรบขนาดของเสนใหม เราสามารถยกเลกการจดกลมเพอแยกชนสวนตามจดตดออกจากกนได Minus Back ใชตดเจาะวตถทอยดานบนดวยรปรางของวตถทอยข นลาง และลบวตถทอยดานลางทง
หนรปรำงดวย Scissors Tool Scissors Tool ใชตดรปรางโดยการคลกบนเสนพาธเพอแบงเสนออกเปน 2 สวน โดยมข นตอนการท าดงน
1. ใช Selection Tool เลอกวตถทตองการตด 2. คลก Scissors Tool 3. คลกบนจดแองเคอรจดแรกบนเสนพาธเพอก าหนดเปนจดตด
44 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
4. คลกบนจดแองเคอรอกจดเพอก าหนดเปนจดตดส าหรบแยกรปรางออกเปน 2 สวน
5. ใช Selection Tool คลกแยกวตถออกจากกนตามตองการ
ตดรปรำงแบบอสระดวย Knife Tool Knife Tool ใชตดรปรางออกเปน 2 สวน โดยใชว ธคลกแลวลากเมาสทบไปบนรปรางทเลอก เมอตดเสรจแลวจะไดรปรางแบบปดทมเสนพาธเกดขนมาดวย โดยมข นตอนดงน
1. ใช Selection Tool เลอกวตถทตองการตด 2. คลก Knife Tool 3. คลกแลวลากเมาสผานวตถตามทศทางอสระ
4. จะปรากฏเสนพาธคลมรปรางทตดเรยบรอยแลว สามารถใช Selection Tool คลกแยกวตถออกจากกนตามตองการ
ลบวตถดวย Eraser Tool Eraser Tool เปนเครองมอส าหรบลบวตถไดงายทสด และสามารถลบวตถไดทกรปแบบ ไมวาวตถนนจะลงสแบบใดหรอใสเอฟเฟกตใดกตาม โดยมข นตอนดงน 1. คลกท Eraser Tool 2. คลกแลวลากเมาสผานวตถทตองการ จะเหนวาสวน
ทเมาสลากผานจะหายไป และพนทแบงออกเปน 2 สวนซงเปนพนทปด
45 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรใชงำนรปภำพส ำเรจรป Symbol สวนประกอบของพำเนล Symbols Symbol เปนรปภาพส าเรจรปทนยมมาใชตกแตงชนงาน มใหเลอกใชมากมายจากพาเนล Symbols โดยสวนประกอบของพาเนล Symbol มดงน
Symbol ทสามารถเลอกใชงานได
ค าสงในพาเนล Symbol มดงน Libraries เลอก Symbol ชดอนๆ ตามตองการ
Place Symbol Instance คลกเพอวาง Symbol ลงอารตบอรด
Break Link to Symbol ยกเลกคณสมบตจาก Symbol เปนรปรางทวไป
Symbol Options ก าหนดคณสมบต Symbol ส าหรบงานท Export ไปใชกบโปรแกรมอน
New Symbol สราง Symbol ใหม
Delete Symbol ลบ Symbol ทเลอกใชงานอย กำรใชงำน Symbol การใชงาน Symbol นนสามารถท าไดโดยการคลกแลวลากเมาส Symbol มาวางไวในอารตบอรด หลงจากลากมาปลอยทอารตบอรดแลวตองการแกไข Symbol สามารถท าไดโดยการดบเบลคลกท Symbol แลวสามารถเปลยนสและคณสมบตตางๆ ไดทนท หากตองการสราง Symbol ใหม กเพยงลากวตถทสรางขนเขาไปในพาเนล Symbols โดยการใชงาน Symbol ใหท าตามขนตอนดงน 1. ไปทพาเนล Symbols แลวคลก Libraries 2. เลอกชด Symbol ทตองการ 3. จะปรากฏพาเนลชด Symbol ทเลอก 4. เลอก Symbol ทตองการแลวลากไปวางบนอารตบอรด 5. จะได Symbol ทพรอมใชงาน
46 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
สรำงกรำฟดวยกลมเครองมอ Graph ในโปรแกรม Adobe Illustrator สามารถสรางกราฟเปนภาพประกอบงานกราฟก เพอเปรยบเทยบขอมล โดยสามารถสรางกราฟไดถง 10 แบบ แตละแบบจะแตกตางกนในเรองรปแบบการแสดงขอมล แตวธการสรางและการปรบแตงคลายคลงกน โดยมข นตอนดงน 1. คลกทเครองมอในกลม Graph Tool ทตองการ 2. คลกแลวลากเมาสบนอารตบอรดเพอก าหนดขนาดของกราฟ 3. ใสชอแถวและชอคอลมนใหกราฟ 4. ใสขอมลของกราฟตามตองการ 5. คลก Apply 6. จะไดกราฟตามขอมลทก าหนดไว 7. ใช Direct Selection Tool คลกแกไขสสนเฉพาะสวนทตองการ
กำรแกไขขอมลในกรำฟ หลงจากทสรางกราฟเสรจแลวพบวาขอมลมความผดพลาด เราสามารถแกไขไดโดยการใช Selection Tool คลกขวาบนกราฟ แลวเลอกค าสง Data จากนนแกไขขอมลตามตองการ
47 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
เปลยนประเภทกรำฟ หากเราตองการเปลยนรปแบบการแสดงผลขอมลเปนกราฟรปแบบอน สามารถท าไดโดยมข นตอนดงน 1. ใช Selection Tool คลกขวาบนกราฟ แลวเลอกค าสง Type 2. จะปรากฏหนาตาง Graph Type คลกเลอกรปแบบกราฟตามตองการ 3. คลก OK 4. กราฟจะเปลยนประเภทตามทเลอก
ปรบแตงออปชนของกรำฟ เราสามารถปรบแตงใหกราฟแสดงขอมลใหละเอยดยงข นโดยการปรบคาตางๆ ในหนาตาง Graph Type โดยมคาตางๆ ดงน
Graph Options ก าหนดออปชนใหกราฟ
Type ก าหนดรปแบบกราฟ
Value Axis ก าหนดดานทใชแสดงคาบนสเกล
Add Drop Shadow ใสเงาใหกราฟ
48 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
Add Legend Across Top ยายค าอธบายไวดานบนของกราฟ
First Row in Front / First Column in Front ก าหนดต าแหนงของแถวหรอคอลมนในกรณทซอนกน
Value Axis ก าหนดคาส าหรบแกน Y
Override Calculated Values ก าหนดคาแกน Y
Min / Max ก าหนดคาต าสดและสงสดของกราฟ
Division ก าหนดสเกลการแบงคาบนแกน Y
Tick Marks ก าหนดรปแบบการแสดงเสนแบงสเกลบนแกน Y
Add Labels ก า หนด ข อคว า มด า นห น า ห รอดานหลงของคาบนแกน Y
Category Axis ก าหนดคาสหรบแกน X
Tick Marks ก าหนดรปแบบการแสดงเสนแบงสเกลบนแกน X
กำรใชงำนตวอกษร (Type) กำรสรำงขอควำมศลป ขอความศลป คอ ขอความสนๆ ทใชประกอบภาพกราฟก โดยเปนขอความทตองการความโดดเดน โดยมข นตอนดงน 1. คลก Type Tool 2. ก าหนด Character ท Option Bar 3. คลกบนอารตบอรดแลวพมพ
ขอความตามตองการ 4. เมอพมพขอความเสรจแลวใหกดป ม <Ctrl + Enter>
49 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
กำรสรำงขอควำมยอหนำ ขอความยอหนามกใชงานในการออกแบบโปสเตอรหรอโบชวรทม ขอความอธบายมากๆ โดยมข นตอนดงน 1. คลก Type Tool 2. ก าหนด Character ท Option Bar 3. คลกลากเมาสเพอก าหนดขอบเขต 4. เมอพมพขอความเสรจแลวใหกดป ม <Ctrl + Enter> 5. จดระเบยบขอความยอหนาดวยค าสง Paragraph ใน Option Bar
เชอมโยงขอควำมไปยงกรอบใหม ในกรณทคดลอกขอความมาวางจนมความยาวลนขอบเขตขอความทก าหนดไว ท าใหขอความทเกนออกไปถกซอนไว และมสญลกษณ ทมมลางขวา เราสามารถขยายขอบเขตขอความใหใหญขน หรอจะเชอมโยงไปกรอบขอความใหม โดยมข นตอนดงน 1. ใช Selection Tool คลกบน
กรอบขอความทสญลกษณ ทมมลางขวา
2. คลกแลวลากเมาสเพอสรางขอบเขตขอความใหม
50 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
3. ขอความทงหมดจะแสดงขนมาพรอมกบเสน Threaded Text แสดงการเชอมโยงระหวางกรอบขอความ
แบงขอควำมเปนคอลมน การท าสอสงพมพ การแบงขอความออกเปนคอลมนจะท าใหขอความทมจ านวนมากนาอานมากขน เนองจากมความเปนระเบยบ โดยมข นตอนดงน 1. ใช Selection Tool คลกเลอกขอความยอหนา 2. ไปท Type Area Type Options 3. ก าหนดจ านวนคอลมนทตองการ 4. ก าหนดระยะหางระหวางคอลมน 5. ก าหนดทศทางของขอความเมอมการแบงออกเปนหลายแถวและหลายคอลมน 6. คลก OK
51 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
7. จะไดผลลพธตามทก าหนดคา
พมพขอควำมบนเสนพำธ การตกแตงตวอกษรทนาสนใจอกวธหนงคอสรางขอความบนเสนพาธ โดยมข นตอนดงน 1. ใช Pen Tool หรอกลม Shape
Tool วาดเสนพาธหรอรปราง 2. คลก Type on a Path Tool 3. น าเมาสไปชทเสนพาธจะปรากฏ
เคอรเซอร ใหคลกบนเสนพาธ แลวพมพขอความตามตองการ
แปลงตวอกษรเปนรปรำงดวยกำร Create Outlines การปรบแตงรปรางของตวอกษรใหเปนไปตามทเราตองการมากขน เราจะตองท าการแปลงตวอกษรเปนรปรางกอน โดยมข นตอนดงน 1. ใช Selection Tool คลกเลอกขอความ 2. ไปท Type Create Outlines 3. ขอความจะเปลยนเปนรปรางและถกจดกลมใหอตโนมต
52 กฤษณพงศ เลศบ ำรงชย | กำรใชงำน Adobe Illustrator CC 2015
4. ดบเบลคลกทขอความท Create Outlines แลว จากนนใช Direct Selection Tool คลกเลอกจดแองเคอรแลวแกไขตวอกษรตามตองการ
กำรพมพและกำร Export ไฟลงำน การพมพและการ Export ภาพเปนขนตอนสดทายของการท างาน อาจจะพมพภาพออกทางเครองพมพหรอ Export เปน PDF กำรพมพงำน 1. ไปท File Print 2. จะปรากฏหนาตาง Print ใหเลอกเครองพมพทตองการ 3. ไปทค าสง Marks and Bleed ในกรณทงานมตดตก 4. ก าหนด Marks ส าหรบก าหนดสญลกษณทางการพมพ