inkscape manual by_wk_r8

หนงสอ e-book : คมอ Inkscape

ผเขยน : วสนต คณดลกเศวต, [email protected], www.facebook.com/wasankds

พมพครงท 1 : 5 กมภาพนธ 2012

จดทำาและเผยแพรโดย : ชมรมสวรรคบนดน, www.poeclub.org

จดทำาโดยใชซอฟตแวร : Ubuntu, LibreOffice, Inkscape, Gimp, Shutter

หนงสอ e-book “คมอ Inkscape” อนญาตใหแจกจาย ทำาสำาเนา โดยไมคดมลคา แตหามจำาหนาย ดดแปลง หรอแกไขสวนหนงสวนใด นอกจากจะไดรบอนญาตเปนลายลกษณอกษร

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

หนงสอ e-book น ถกออกแบบใหพมพนกระดาษ A4 ทงดานหนาและดานหลง

“ลดใชกระดาษ ลดโลกรอน”

คำำนำำจำกผเขยนInkscape เปนซอฟตแวรวาดภาพแบบ Vector ทมลกษณะการใชงานเหมอนกบ Adobe Illustrator หรอ Corel Draw ซ ง เ ปนท ร จ กกน เ ปนอยา งด แต Inkscape เ ปนซอฟตแวรโอเพนซอรสทเปนของฟร สามารถดาวนโหลดมาใชไดฟรๆ ถกกฎหมาย 100% ตามทศนะของผเขยน Inkscape เปนซอฟตแวรวาดภาพแบบ Vector ทดทสด ในตระกลโอเพนซอรส ตอบโจทยงานดาน Graphic ไดอยางลงตว ไมแพซอฟตแวรเชงพาณชยชอดงทงหลาย

ซอฟตแวรโอเพนซอรส เปนกลมซอฟตแวรทเปดเผย Source code ซงอนญาตใหนำาไปใช ทำาสำาเนา แจกจาย และแกไขปรบปรงได โดยจะมคาใชจายหรอไมมกได แตประเดนสำาคญกคอ ตองเปดเผย Source code ท ถอเปนหวใจสำา คญดานการพฒนาซอฟตแวรตวนนๆ ซอฟตแวรโอเพนซอรสสวนใหญเปนของฟร ตวทใชงานกนอยางกวางขวางทเปนของฟร กเชน Ubuntu เทยบเท ากบ MS Windows, LibreOffice เทยบเท ากบ MS Office, Gimp เทยบเท ากบ Photoshop เปนตน

ทำำไมเรำตองใหควำมสนใจกบซอฟตแวรโอเพนซอรส? ประเดนสำาคญกคอ เพราะราคาซอฟตแวรเชงพาณชย มราคาสงถงสงมาก ผคนจำานวนมาก จงหนไปใชซอฟตแวรเถอน ซอแผนกอป ดาวนโหลดของผดกฎหมายมาใช หรอกคอ เลอกทจะใชซอฟตแวรละเมดลขสทธ ตวเลขการละเมดลขสทธทวโลกทผเขยนทราบมา มบางอยางสะกดใจใหตองคด อเมรกำ ซงเราทราบกนดวา เปนผนำาดานการพฒนาซอรฟแวรหมายเลข 1 ของโลก ทนมอตราการละเมดลขสทธ 20% ตำาทสดในโลก ญปน 21% โซนยโรปอยท 25-50% ประเทศไทย 73% โซนแอฟรกาเกน 75% แปลกทตวเลขเหลาน สมพนธกบความเจรญของประเทศดวย ประเทศใดทตวเลขการละเมดลขสทธตำา เกอบจะฟนธงไดเลยวา เปนผนำาดานความคดดวย ตวเลขบงบอกลำาดบไลตามกนมาเลยทเดยว สวนประเทศใดทตวเลขสง คลายกบวา ตองรอใหประเทศอนคดกอน แลวคอยทำาตาม

ปญหาการละเมดลขสทธ รากมนฝงลกมาก มองเผนๆ เหมอนเราไดประโยชน ไดใชของฟร ประหยดเงน แตจรงๆหากมองในภาพรวม เราเสยเอกราชทางความคดไปแลว ผเขยนเชอวาหลายๆคน ตงแตเกดมากอยกบมนเลย(รวมทงผเขยนดวย) ถกปลกนสย ถกบมเพาะ ถกสอนใหใชของเถอนมาตงแตเดก จนไมมจตสำำนกวำ กำรใชของเถอนนนผดอกแลว จรงๆแลว นเปนโครงสรางททำาใหประเทศไมมความคดใหมๆ ตองรอใหตางชาตคดกอนแลวเราคอยทำาตาม “ ใครจะไปคด ในเมอมคนคดให มคนทำำใหใชฟรๆ ” หรอ “ใครจะไปคด คดไป ขำยไป กสของเถอนไมได”

แทจรงแลว องคกรหรอใครกตามทใชซอฟตแวรละเมดลขสทธ ทานเพยงรอวนพพากษาเทานน หากทานยงเปนองคกรเลก ทานกเปนเพยงปลาเลกปลานอย แตวนใดททานเตบโตเปนปลาใหญ ทานมโอกาสสงทจะถกจบไปขาย หรอมโอกาสสงทจะถกจบละเมดลขสทธ ทำนจะไปรไดอยำงไรวำ พนกงำนในองคกรไมพอใจทำนอยำงไร? ทำนทำำใหใครไมพอใจไวหรอเปลำ? เขำรอนเงนอยหรอเปลำ? หากเมอใดมการแจงละเมดลขสทธไปยงองคกรทตรวจจบโดยเฉพาะ ผแจงมสทธไดรบรางวลสงสด 250,000 แตสำาหรบองคกรของทาน ตองเสยเงนเปนจำานวนมาก ตองวากนเปนหลกลานหลกสบลานเลยทเดยว กรรมการองคกรทกทาน ตองถกดำาเนนคด เตรยมทนายไวไดเลย

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

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

เพอเปนสวนหนงในการรณรงคสงเสรมการใชงานซอฟตแวรโอเพนซอรส ผเขยนจงเขยนคมอการใชงานซอฟตแวรโอเพนซอรสบางตวเพอแจกฟร ทงนหากมขอตชมประการใดกรณาสงมาความคดเหนมาท [email protected]

วสนต คณดลกเศวต ผเขยนและวทยำกรอบรมกำรใชงำน LibreOffice, Inkscape และ Gimp

หมำยเหต : เนองจำกไมมผชวยพสจนอกษร หำกพบขอผดพลำดประกำรใด ขออภยไว ณ ทน

สำรบญบทท 1 : แนะนำำ Inkscape 1

1.1 : รจกกบ Inkscape............................................................................................1-11.2 : พนฐานการสรางภาพแบบ Vector..................................................................1-2

บทท 2 : มมมองในกำรทำำงำน 12.1 : หนาจอ Inkscape (Interface)........................................................................2-12.2 : การยายตำาแหนง Toolbars.............................................................................2-32.3 : การเลอนหนาจอ (Pan)....................................................................................2-32.4 : เครองมอใน Toolbox.....................................................................................2-42.5 : การ Zoom พนททำางาน..................................................................................2-52.6 : Display mode...............................................................................................2-62.7 : Guides, Grids และ Snapping.......................................................................2-6 ก. Guildes.................................................................................................................. 2-6 ข. Grids....................................................................................................................... 2-7 ค. Snapping............................................................................................................... 2-9

บทท 3 : กำรทำำงำนกบไฟล 13.1 : การสราง การเปด และการบนทกไฟล.............................................................3-13.2 : การ Import ภาพ Bitmap..............................................................................3-23.3 : เปลยนจาก Embed เปน Link หรอจาก Link เปน Embed..........................3-43.4 : การ Export เปนภาพ Bitmap ......................................................................3-53.5 : การ Slice ภาพ................................................................................................3-63.6 : การ Import จาก Open Clip Art Library.....................................................3-7

บทท 4 : วำดรปรำงเรขำคณต 14.1 : สเหลยมผนผา(Rectangles)และสเหลยมจตรส(Squares)..............................4-14.2 : วงร(Ellipses), วงกลม(Circles) และสวนของเสนโคง(Arcs)............................4-24.3 : รปหลายเหลยม(Polygons)และรปดาว(Stars)................................................4-34.4 : วาดรปกนหอย(Spirals)...................................................................................4-44.5 : แปลงโครงสรางรปรางเรขาคณต (Object to path).......................................4-64.6 : ตงคาเรมตนใหกบการวาดรปรางเรขาคณต......................................................4-6

บทท 5 : กำรทำำงำนกบรปรำงเบองตน 15.1 : Undo และ Redo...........................................................................................5-15.2 : Copy, Cut, Paste, Duplicate และ Clone..................................................5-1 ก. การ Cut, Copy, Paste และ Duplicate............................................................... 5-1 ข. การ Clone............................................................................................................. 5-2 ค. Copy และ Paste โดยการลากรปราง..................................................................... 5-2 5.3 : การเลอกรปราง (Selecting objects).............................................................5-2 ก. การเลอกรปรางโดยใช Mouse................................................................................ 5-2 ข. การเลอกรปรางโดยใช Keyboard.......................................................................... 5-4 5.4 : Groups และ Ungroups ...............................................................................5-45.5 : Z-order (ลำาดบชนของรปราง)........................................................................5-55.6 : Layers (ลำาดบชนของภาพ).............................................................................5-65.7 : การลอค(Lock)และการซอน(Hide) รปรางทละตว..........................................5-9

บทท 6 : กำรตกแตงพนและเสนขอบ 16.1 : Color palette................................................................................................6-1 ก. การใสสโดยใช Color palette................................................................................ 6-1 ข. การเปลยนชดสใน Color palette.......................................................................... 6-1 6.2 : ขอสงเกต : ขนาดเสนขอบและขนาดพนท.......................................................6-26.3 : หนาตาง Fill and Stroke...............................................................................6-26.4 : ตวบอกสถานะการใสส (Style Indicator).......................................................6-36.5 : การใสสแบบ Flat color(สเดยว) โดยใชหนาตาง Fill and Stroke................6-46.6 : ระบบส (RGB, HSL, CMYK, Wheel)..............................................................6-46.7 : Dropper Tool................................................................................................6-66.8 : รปแบบเสนขอบ(Stroke style).......................................................................6-76.9 : การเปลยนส Markers ใหเปนสเดยวกบเสน....................................................6-8

6.10 : การสราง Markers ใชเอง..............................................................................6-96.11 : การใส Gradients..........................................................................................6-96.12 : การปรบแตง Gradients.............................................................................6-106.13 : Gradient editor........................................................................................6-116.14 : Option สำาหรบการ Tranform รปรางทใสGradient ...............................6-136.15 : การปรบแนวของ Gradient........................................................................6-136.16 : Pattern.......................................................................................................6-156.17 : Option สำาหรบการ Tranform รปรางทใส Pattern.................................6-176.18 : Fill rule (Even-odd VS Non-zero).........................................................6-17

บทท 7 : กำรแปรรปรำง (Tranformation)17.1 : สงทตองรกอนทำา Tranformation..................................................................7-17.2 : การเคลอนยายรปราง (Moving)......................................................................7-27.3 : การยอหรอขยายรปราง (Scaling)...................................................................7-47.4 : การหมนรปราง (Rotating)..............................................................................7-67.5 : การเฉอนรปราง (Skewing).............................................................................7-87.6 : การกลบดานรปราง (Flipping)........................................................................7-8

บทท 8 : พำธ (Paths) 18.1 : พาธ( Paths) คออะไร?....................................................................................8-18.2 : Bezier curves พนฐานสำาคญของพาธ............................................................8-18.3 : Pencil tool.....................................................................................................8-28.4 : ลดจำานวน Node ดวย Simplify.....................................................................8-38.5 : Bezier tool (หรอ Pen tool).........................................................................8-48.6 : Calligraphy tool............................................................................................8-68.7 : การใช Calligraphy tool วาดเสนขนาน......................................................8-108.8 : การสรางพาธ โดยใช Object to Path และ Stroke to Path......................8-10

บทท 9 : กำรปรบแตงพำธ 19.1 : การใช Node tool ปรบแตงพาธ....................................................................9-19.2 : การจดเรยง Nodes โดยใชหนาตาง Align and Distribute...........................9-79.3 : การปรบแตง Nodes จำานวนมาก ดวยเทคนค Sculting nodes....................9-79.4 : การสราง Offset path....................................................................................9-89.5 : การกลบทศทางเสนพาธ (Reverse path).......................................................9-9

บทท 10 : กำรผสมพำธ 110.1 : Combine และ Break Apart.....................................................................10-110.2 : Union.........................................................................................................10-210.3 : Difference.................................................................................................10-210.4 : Intersection...............................................................................................10-310.5 : Exclusion...................................................................................................10-310.6 : Division......................................................................................................10-410.7 : Cut Path....................................................................................................10-410.8 : Clipping and Masking.............................................................................10-5

บทท 11 : Live Path Effects (LPEs) 111.1 : Live Path Effects คออะไร?......................................................................11-111.2 : Bend...........................................................................................................11-311.3 : Construct Grid..........................................................................................11-311.4 : Envelope Deformation..........................................................................11-411.5 : Gear............................................................................................................11-411.6 : Hatches (Rough)......................................................................................11-511.7 : Interpolate Sub-Paths ...........................................................................11-711.8 : Knot ..........................................................................................................11-811.9 : Pattern Along Path.................................................................................11-811.10 : Ruler .......................................................................................................11-911.11 : Sketch ..................................................................................................11-1011.12 : Spiro Spline ........................................................................................11-1011.13 : Stitch Sub-Paths ................................................................................11-1111.14 : VonKoch................................................................................................11-13

บทท 12 : ขอควำม (Text) 112.1 : การสรางขอความดวย Text tool...............................................................12-112.2 : การพมพอกขระพเศษโดยใชหนาตาง Glyphs ...........................................12-212.3 : การเลอกขอความ........................................................................................12-212.4 : การจดรปแบบขอความ...............................................................................12-312.5 : การวางขอความบนพาธ...............................................................................12-712.6 : การวางขอความในรปราง............................................................................12-9

บทท 13 : กำรเรยงและกำรกระจำย 113.1 : Align and Distribute................................................................................13-113.2 : Rows and Columns.................................................................................13-2

บทท 14 : กำรสรำงตว Clones แบบเรยงรำย 114.1 : หนาตาง Create Tiled Clones.................................................................14-1 ก. Symmetry tab.................................................................................................... 14-3 ข. Shift tab.............................................................................................................. 14-6 ค. Scale tab............................................................................................................ 14-8 ง. Rotation tab....................................................................................................... 14-9 จ. Blur & opacity tab.......................................................................................... 14-10 ฉ. Color tab.......................................................................................................... 14-11 ช. Trace tab.......................................................................................................... 14-12

บทท 15 : Tool อนๆ 115.1 : Tweak tool................................................................................................15-1 ก. Tweaking Objects.............................................................................................. 15-2 ข. Tweaking Paths ................................................................................................ 15-3 ค. Tweaking Colors................................................................................................ 15-4 15.2 : Bucket fill tool.........................................................................................15-515.3 : 3D Box tool.............................................................................................15-815.4 : Spray tool...............................................................................................15-1315.5 : Eraser tool..............................................................................................15-15

บทท 16 : กำรแปลงภำพ Bitmap เปนภำพ Vector 116.1 : การทำา Trace bitmap................................................................................16-1 ก. Single scan........................................................................................................ 16-2 ข. Multiple scans.................................................................................................. 16-3 ค. TAB Options...................................................................................................... 16-7

บทท 1 : แนะนำำ Inkscape1.1 รจกกบ Inkscape

ภาพ Digital หรอภาพทสรางดวยโปรแกรมบนคอมพวเตอร แบงเปน 2 กลมใหญๆ กคอ 1.Raster(หรอ Bitmap) และ 2.Vector

Inkscape เปนโปรแกรมวาดภาพแบบ Vector เปนโปรแกรมในตระกลเดยวกบ Adobe Illustrator หรอ Corel Draw ทเรารจกกนเปนอยางด แต Inkscape เปน Open source ทสามารถนำามาใชงานไดฟร

Raster (หรอ Bitmap) เปนภาพทประกอบดวยจดเลกๆ เรยงตวกน ซงเรามกเรยกจดเหลานวา Pixels ภาพแบบ Raster เชน JPG, BMP,GIF หรอ PNG เปนตน คณภาพของภาพถกกำาหนดโดยจำานวน Resolution หรอ ความละเอยดของจำานวน Pixels ตอตารางนว มหนวยเปน PPI เชน 72 PPI, 90 PPI (สำาหรบใชงานบน Web ,จอคอมพวเตอร, TV) หรอ 300 PPI, 600 PPI (สำาหรบงานสงพมพ)

Vector เปนภาพทสรางดวยการคำานวณทางคณตศาสตร ขอดกคอ สามารถขยายภาพมากเทาไรกได โดยทภาพไมแตก ภาพแบบ Vector เชน SVG, EPS, PS, AI, หรอ CDR เปนตน

ไฟลมาตราฐานของ Inkscape กคอ SVG (Scaleble Vector Graphics) SVG เกบขอมลในรปแบบของ XML และเปนมาตราฐานทกำา หนดโดย W3C ( Wolrd Wide Web Consortium ) ดงนน SVG จงเปนมาตราฐานเปดและเปนมาตราฐานสากลดวย

ภำพแบบ Vector สำมำรถขยำยไดไมจำำกด โดยภำพไมแตก

ภำพแบบ Raster ยงขยำย ภำพยงแตก

บทท 1: แนะนำำ Inkscape [1-1]

1.2 พนฐำนกำรสรำงภำพแบบ Vector

พนฐานการวาดภาพแบบ Vector คอ การสรางเสน หรอ สรางวงปด แลวนำามาประกอบกนเปนภาพ เชน วางเปนชนๆ เปนตน โดยแตละหนวยจะถกเรยกวา “รปราง” บาง “Object” บาง

[1-2] [email protected], www.poeclub.org

บทท 2 : มมมองในกำรทำำงำน2.1 หนำจอ Inkscape (Interface)

1. Menu Bar เมนรวมคำาสงตางๆทใชในโปรแกรม

2. Commands Bar แถบปมคำาสงทใชบอยๆ เชน ปมสรางเอกสารใหม, ปมบนทกไฟล เปนตน

3. Snap Controls Bar แถมปมคำาสงควบคมการปด/เปด Snap(แรงดงดด) แบบตางๆ

4. Rulers ไมบรรทด มทงแนวตงและแนวนอน สามารถเปลยนหนวยทแสดงบนไมบรรทดไดท File > Document Properties (Shift+CTRL+D) > (TAB) Page เลอก Default units ทตองการ

CTRL+R = ซอน/แสดงไมบรรทด (View > Show/Hide > Rulers)

บทท 2: มมมองในกำรทำำงำน [2-1]

5. Toolbox แถบปมเครองมอ ทใชในการวาด ตกแตง หรอแกไขรปราง

6. Tool Controls Bar (หรอ Controls Bar) แถบน เปลยนไปตามเครองมอบน Tool Box ทกำาลงถกใชงาน Controls Bar จะแสดงรายละเอยดตางๆของเครองมอ เพอใชในการปรบแตงการใชงาน

7. Canvas พนททำางาน เราสามารถทำางานหรอวาดภาพไวตรงไหนกไดบน Canvas

8. Page Page เปนสวนหนงของ Canvas เมอสงพมพจะพมพเฉพาะสวนทอยใน Page เทานน นอกจากน การอางองตำาแหนงตางๆ จดเรมตนของ Page จะเปนจดหลกในการอางอง

พกดจดเรมตน(0,0) ของ Page อยทมมซายลาง

กำาหนดขนาดของ Page ไดท File > Documents Properties... (Shift+Ctrl+D) > ท (TAB) Page


9. Scrollbars ม Scrollbars อย 2 อน ทดานขวาและดานลาง ใชสำาหรบเลอนพนทการทำางานขนหรอลง CTRL+B = ซอน/แสดง Scroll Bars (View > Show/Hide > Scrollbars)

10. Color Palette จานสสำาหรบใสสใหกบรปรางตางๆไดอยางรวดเรว จานสมใหเลอกใชหลายชดส คาปกตจะเปน Inkscape default การเปลยนจานสClick ทสำมเหลยม ทปลำยของ Color Palette > เลอกชดจำนสทตองกำร

การใชงานจานสClick สทตองการบนจานส → ใสสพน (Fill color)Shift + Click สทตองการบนจานส → ใสสขอบ (Stroke color)

11. Statusbar แถบแสดงสถานะการทำางาน มรายละเอยดดงน (จากซายไปขวา)

• สของรปราง (Fill และ Stroke)• Opacity (คาความโปรงใส 0 ถง 100%)• Layer ( รปตา : ซอน/แสดง, รปกญแจ : ลอค Layer )• ขอความชวยเหลอ• พกด X,Y ของ Mouse Cursor• % การ Zoom

2.2 กำรยำยตำำแหนง Toolbars

การยายตำาแหนงของ Toolbars ใน Inkscape ทำา ไดคอนขางยาก แตทงน Inkscape ม Layout ตำาแหนง Toolbars มาใหแลว 3 รปแบบ กคอ Default, Custom และ Wide

สามารถเลอกไดท View > Default, View > Custom, View > Wide

2.3 กำรเลอนหนำจอ (Pan)

การเลอนหนาจอ หรอการ Pan คอ การเลอนหนาจอไปทางซายหรอขวา บนหรอลาง

วธท 1 : Middle click คำงไว > ลำก Mouseวธท 2 : เลอนลกกลง Mouse ขนหรอลงวธท 3 : กด Ctrl + Arrow keysวธท 4 : ใช Scroll bar (กด CTRL + B เพอ ซอน/แสดง Scroll bar)


2.4 เครองมอใน Toolbox

Shortcut ชอ Tool

F1 หรอ Spacebar Select tool

กรณใขงาน Tool อนอย กด Spacebar จะสลบมาท Select tool ชวคราว

n หรอ F2 Node tool

w หรอ Shift+F2 Tweak tool

F3 Zoom tool

r หรอ F4 Rectangular tool

x หรอ Shift+F4 3D box tool

e หรอ F5 Ellipse tool

* หรอ Shift+F9 Star tool

i หรอ F9 Spiral tool

p หรอ F6 Pencil tool

b หรอ Shift+F6 Bezier tool (Pen tool)

c หรอ Ctrl+F6 Calligraphy tool

t หรอ F8 Text tool

a หรอ Shift+F3 Spray tool

Shift+E Eraser tool

Shift+F7 Bucket fill tool

g หรอ Ctrl+F1 Gradient tool

d หรอ F7 Dropper tool

o หรอ Ctrl+F2 Connector tool


2.5 กำร Zoom พนททำำงำน

การ Zoom พนททำางาน กคอ การขยายการมองพนททำางานเขาหรอออก Zoom เขา (ภาพใหญขน) Zoom ออก (ภาพเลกลง)

การ Zoom โดยใช Keyboard

+ , - : Zoom เขาหรอออก ตามลำาดบCtrl + เลอนลกกลงเขาหรอออก : Zoom เขาหรอออกตามลำาดบCtrl + Right click : Zoom เขา 1 StepCtrl + Click : Zoom ออก 1 StepShift + Middle click คาง > ลากเปนกรอบสเหลยม : Zoom บรเวณกรอบสเหลยม

การ Zoom โดยใช Zoom tool เลอก Zoom tool (F3) ท Toolbox

Click : Zoom เขา 1 StepShift + Click : Zoom ออก 1 StepClick คาง > ลากเปนกรอบสเหลยม : Zoom ตามกรอบสเหลยม

Tool controls ของ Zoom tool เมอเลอกท Zoom tool จะปรากฎตวเลอกตางๆ ของ Zoom tool อยท Tool Controls Bar โดยมรายละเอยดดงน

Zoom เขา

Zoom ออก

(1) Zoom แบบ 1:1 หรอ Zoom 100% (ขนำด Drawing pixel=Screen pixel)

(2) Zoom แบบ 1:2 หรอ Zoom 50%

Zoom แบบ 2:1 หรอ Zoom 200%

(3) Zoom พอดกรอบทใช Mouse เลอก

(4) Zoom ดทกรปรางทอยในพนททำางาน

(5) Zoom เตมหนากระดาษ(Page) ทงขอบบนลางและซายขวา

(6) Zoom เตมความกวางของหนากระดาษ

ยอนกลบไปการ Zoom กอนหนาน

ไปทการ Zoom ถดไป (กรณมการยอนการ Zoom)


2.6 Display mode

Display mode ใชกำาหนดการแสดงภาพบนหนาจอ เพอความสะดวกในการทำางาน เชน เพมความเรว หรอดโครงสรางของรปราง เปนตน

การเลอก Display mode ใหไปท View > Display Mode > (เลอก Mode ทตองกำร)ม 3 Mode ใหเลอก กคอ1. Normal : เปน Mode ปกต วาดอะไรไป สรางอะไรไป กแสดงออกมาแบบนน2. No filters : หากภาพมการใช Filters จะไมแสดง Filters3. Outline : แสดงเฉพาะโครงรางของรปราง

Normal mode ภำพทใช Filter( ถำเปน No filers mode จะแสดงภำพเหมอนกบ Normal mode ตด Effect ของ Filters ออกไป เพอเพมควำมเรวในกำรแสดงผล )

Outline mode

2.7 Guides, Grids และ Snapping

ก. Guildes

Guildes คอ เสนทใชชวยในการจดหนากระดาษ หรอชวยวางตำาแหนงของรปราง เมอสงพมพ เสน Guides จะไมตดไปดวย

การสรางเสน Guides Click คำง ทไมบรรทด > ลำกเสน Guilde มำวำงยงตำำแหนงทตองกำร

การปรบแตงเสน Guides Double click ทเสน Guilde จากนนจะปรากฎหนาตาง Guildline ใหปรบแตง เชน ยายตำาแหนง, ลบเสน Guilde, หมนเสน Guilde เปนตน


หนำตำง Guidelineใชปรบแตงเสน Guides

ตวอยำงเสน Guides

การซอน / แสดงเสน Guides ใหไปท View > Guides ( “|” - Pipe key) หรอ Shift + \ )

การลบเสน Guide ลากเสน Guide กลบไปยงไมบรรทด เสน Guide จะหายไป

ข. GridsGrids คอ เสนตาราง ทใชชวยในการจดหนากระดาษ หรอชวยวางตำาแหนงของรปราง เมอสงพมพ เสน Grids จะไมตดไปดวย

Grids มอย 2 แบบกคอ Rectangular grid (ตารางสเหลยม) และ Axonometric grid (ตารางสามเหลยม)

การสรางเสน Grid 1. เปดหนาตาง Document Properties (Shift+Ctrl+D)2. ท (TAB) Grid > กรอบ Creation

เลอกประเภท Grid ทตองการสราง (ตำมภำพ กคอ Rectangular grid)3. กดปม New จะปรากฎแถบ Grid ทพงสรางไป (ตำมภำพ กคอ grid3011)4. กำาหนดรายละเอยดของ Grid (ใหสรำงขนมำกอน แลวกำำหนดทหลง)


ตวอยำง Rectangular grid หนำตำงสำำหรบสรำงและกำำหนดรำยละเอยดใหกบ Grid

การซอน / แสดง Grids ไปท View > Grid ( “#”-Sharp key หรอ Shift+3 )

การลบ Grid 1. เปดหนาตาง Document Properties (Shift+Ctrl+D)2. ทกรอบ Defined Grids เลอก Grid ทจะลบ > กดปม Remove


ค. Snapping

Snapping คอ คณสมบตในการเปนแมเหลกของวตถตางๆ เชน Guildes, Grid หรอ รปราง เมอเคลอนวตถ อยางเชน เคลอนรปราง เขาไปใกลวตถทมคณสมบตเปน Snap รปรางกจะกระโดดเขาหาวตถนนโดยอตโนมต

เมอยำยวงกลมเขำหำ จดตดของเสน Guidesจดศนยกลำงของวงกลม จะกระโดดเขำหำจดตดโดยอตโนมต

การปด / เปด Snapping วธท 1 : Click ทปม ท Snap Controls Barวธท 2 : ไปท View > Snap ( กด “%” - Percent key หรอ Shift + 5 )

Snap Controls Bar

เปด/ปด Snapping

เปด/ปด Snap bounding box Snap ขอบของ bounding box

Snap มมของ bounding box Snap จดกงกลางของขอบ bounding box

Snap จดศนยกลางของ bounding box *** Bounding box คอ กรอบสเหลยมเสนประเมอเลอก รปรำง

เปด/ปด Snap Nodes หรอ Handles Snap พาธ

Snap จดตดของพาธ Snap cusp nodes

Snap smooth nodes Snap จดกงกลางของพาธ Segment

Snap จดกงกลางของรปราง Snap จดหมน*** ดเพมเตมเรองพำธ

Snap ขอบของ Page ปด/ปด Snap to Grid

ปด/ปด Snap to Guide


การตงแรงดงดดของ Snap 1. เปดหนาตาง Document Properties (Shift+CTRL+D)2. ท (TAB) Snap กำาหนดคาตามตองการ (ใชงำนโดยทวไป จะไมเขำมำปรบกำร Snap ทหนำตำงน เพรำะตงไวดอยแลว)


บทท 3 : กำรทำำงำนกบไฟล3.1 กำรสรำง กำรเปด และกำรบนทกไฟล

การสรางไฟลใหมวธท 1 : ไปท File > New > Default (สรำงเอกสำรจำกคำเรมตน) (Ctrl+N)วธท 2 : กดปม New Document บน Commands bar

การเปดไฟลวธท 1 : ไปท File > Open... ( Ctrl+O) > เลอกไฟลทตองกำรเปด (.SVG)วธท 2 : กดปม Open Document บน Commands bar > เลอกไฟลทตองกำรเปด

การบนทกไฟลSave บนทกไฟลทกำาลงทำางานอย

วธท 1 : ไปท File > Save ( Ctrl+S )วธท 2 : กดปม Save Document บน Commands bar

Save as... บนทกเปนไฟลใหม จากไฟลทกำาลงทำางานอย วธท 1 : ไปท File > Save as... (Shift+Ctrl+S) > ตงชอไฟลวธท 2 : กดปม Save as บน Commands bar > ตงชอไฟล

Inkscape สามารถบนทกเปนไฟลไดหลายประเภท ไฟลมาตราฐานของ Inkscape เปนไฟล SVG (นามสกล .SVG) แต SVG ทมใหเลอกบนทก กมอยหลายประเภท

หนำตำง Save file to....

Inkscape SVG เปนไฟลมาตราฐานของ Inkscape เหมาะสำาหรบสรางและแกไขไฟลใน Inkscape

Plain SVGเปนไฟล SVG ทเหมาะกบการนำาไปใชภายนอก Inkscape เพราะจะสนบสนนมาตราฐาน W3C เตมรปแบบ รปรางบางประเภทจะถกแปลงเปนพาธ

.SVGZ(Compressed) เปนไฟล SVG ทถกบบอดทำาใหไฟลมขนาดเลกลงเหมาะสำาหรบนำาไปใชบน Web

บทท 3: กำรทำำงำนกบไฟล [3-1]

3.2 กำร Import ภำพ Bitmap

Inkscape รองรบการทำางานกบไฟลหลายประเภท ทงทเปนไฟล Vector และ Bitmap

ไฟล Vector ทรองรบเชน .CDR (Corel Draw), .AI (Adobe Illustrator), .DXF (AutuCAD) เปนตน เหลานสามารถ Import เขาส Inkscape ได

ไฟล Bitmap ทรองรบ เชน .BMP, .GIF, .JPG, .PNG, .TIFF, .TGA, .ICO, .PCX เปนตน

(รองรบไฟลอะไรบำง ใหเลอกดประเภทไฟล ทหนำตำง Select file to import )

การ Import ไฟล Bitmap 5. ไปท File > Import... (Ctrl+I) จะปรากฎ หนาตาง Select file to import จากนนให

เลอกไฟลทตองการจะ Import เขามาหรออกวธหนง ให Click คำงทไฟลภำพ Bitmap (ในหนำตำง File browser) > ลำกมำวำงใน Inkscape

6. กอนทภาพ จะถก Import เขามา จะปรากฎหนาตางมาถามวา “จะ Import ภำพเขำมำในลกษณใด?” Embed? หรอ Link?

Embed ภาพจะฝงตดไปกบไฟล SVG สะดวกแกการจดการ แตไฟล SVG จะโตตามขนาดไฟลภาพไปดวย การปรบแตงภาพทภายนอกจะไมมผลตอภาพทอยใน Inkscape

LInk ภาพจะเชอมโยงกบไฟล SVG เทานน จงไมมผลตอขนาดไฟล SVG แตจะบรหารจดการยาก เพราะหากโยกยายหรอเปลยนชอไฟลภาพ Link จะเสย ทำาใหภาพไมแสดง เพราะขอมลท Link กนอยมการเปลยนแปลง ขอดอกประการ กคอ การปรบแตงภาพทภายนอกมผลตอภาพทอยใน Inkscape ภาพภายนอกเปลยนอยางไร ภาพใน Inkscape กเปนอยางนน

หำก Link มกำรเปลยนแปลง เชน ยำยไฟล เปลยนชอไฟล ภำพจะไมปรำกฎแตจะขนวำ “Linked image not found”


วธแก Link เสย 1. เลอกภาพท Link เสย2. เปดหนาตาง XML Editor โดยไปท Edit > XML Editor... (Shift+Ctrl+X)

3. เมอเปดหนาตาง XML ขนมาแลว แถบสจะขนอยบนขอมลของภาพท Link เสยใหเลย (เพราะไดเลอกทภาพในตอนตน)

4. ทกรอบขวาบน(Attribute และ Value) แสดงคาตางๆของภาพ Bitmap ท SVG เกบขอมลไว จากตวอยาง สาหตท Link เสยกเพราะ ไดมการแกชอไฟลจาก boy_02.jpg ไปเปน boy_03.jpg

5. ใหเลอกทบรรทดชอและ Path ของไฟล Bitmap จากนนจะปรากฎขอมลทกรอบขวาลาง ซงสามารถเปลยนแปลงแกไขได ใหแกจาก boy_02.jpg ไปเปน boy_03.jpg (แกใหเหมอนชอใหม) จากนน กดปม Set ภาพกจะกลบมา

การตกแตงภาพทถก Link ภาพท Import แบบ Link เมอตกแตงภาพทอยภายนอก Inkscape เชน ปรบขนาด, ปรบส, ปรบแสง, ตกแตงรายละเอยดเพมเตม เปนตน จะมผลตอภาพทอยใน Inkscape ดวย

ในกรณท ตองการเปดโปรแกรมตกแตงภาพจาก Inkscape ให Click ขวำทภำพ > Edit Externally... โปรแกรมตกแตงภาพกจะถกเปดขนมา พรอมเปดไฟลภาพนนดวย โปรแกรมทจะเปดขนมาน ถกกำาหนด ไวท Inkscape Preferences (Shift+Ctrl+P)

โปรแกรมตกแตงภำพทตงใหเปดเพอตกแตงภำพ Bitmap กคอ Gimp สำมำรถเลอกเปนตวอนได


3.3 เปลยนจำก Embed เปน Link หรอจำก Link เปน Embed

ตอจากขอ 3.2 ในภายหลง หลงจาก Import ภาพเขามาแลว หากตองการแกไขการ Import จาก Link ไฟล ไปเปน Embed หรอจาก Embed ไปเปน Link กสามารถทำาได

เปลยนจาก Link เปน Embed 1. เลอกภาพ (Link) 2. ไปท Extensions > Images > Embed Images... จากนนจะปรากฎหนาตาง Embed

Images

(Option) Embed only selected images ใชสำาหรบ Embed เฉพาะภาพทเลอกเทานน

3. กด Apply เพอ Embed ภาพ

เปลยนจาก Embed เปน Link (Extract) 1. เลอกภาพ (Embed) 2. ไปท Extensions > Images > Extract Image... จากนนจะปรากฎหนาตาง Extract

Image (กำร Extract ภำพ เปนกำรแยกภำพท Embed อยกบไฟล SVG ออกไปเปนไฟลภำพอน)

3. พมพชอไฟลลงในชอง Path to save image : .... หากไมใส Path ลงไป ภาพจะถกบนทกไวท Home folder ไมตองใสนามสกลของภาพ เพราะจะขนใหอตโนมต

4. กด Apply เพอ Extract ภาพ จากนนจะปรากฎหนาตางเพอแจงขอมลเพมเตม

ภำพทถก Extract อยท /home/wasankds/none.jpg(ใชระบบปฎบตกำร Ubuntu)


3.4 กำร Export เปนภำพ Bitmap

การ Export ภาพท ส ร า ง ใน Inkscape ไป เ ปนภาพ Bitmap Inkscape กำา หนดใ ห Export เปนไฟล PNG ไดเพยงตวเดยวเทานน ถงอยางไรกด PNG เปนภาพทใชกนอยางกวางขวาง บน Website กด บนโปรแกรม Graphic อนๆกด

การ Export เปนภาพ Bitmap ใหไปท File > Export Bitmap... (Shift+Ctrl+E) จากนนจะปรากฎหนาตาง Export Bitmap

Export Area (พนททตองการจะ Export)

Page Export รปรางทอยในพนทหนากระดาษเทานน

Drawing Export รปรางทงหมดทอยใน Canvas แมจะอยภายนอกหนากระดาษกตาม

Selection Export รปรางทถกเลอกเทานน

Custom Export รปรางในพนททกำาหนดเอง ในกรอบ Width และ Height

xo, x1, y0, y1, Width และ Height คอขนาดและพกดของพนทส เหลยมทจะทำา การ Export


Bitmap size คอ ขนาดภาพเมอ Export โดยโปรแกรมจะคำานวณใหอยางอตโนมต ตามพนททตองการจะ Export และ Resolution ถงอยางไรกด สามารถเปลยนแปลงได

สามารถตงคา Resolution เรมตนไดทหนาตาง Inkscape Preferences (Shift+Ctrl+P) > Import/Export คาเรมตนทโปรแกรมตงไวใหกคอ 90 dpi (จากภาพ ไดแกเปน 150 dpi)

Filename เปนชองสำาหรบใสตำาแหนง(Path)และชอไฟลทตองการบนทกหลงจาก Export แตไมวาจะใสนามสกลอะไร Inkscape จะบนทกเปน PNG อยางเดยว (Option) Batch export all selected objects ใชในกรณเลอกรปรางมากกวา 1 จะเปนการ Export แบบ 1 รปราง 1 ไฟล หลายรปรางกหลายไฟล (Option) Hide all except selected ใชซอนรปรางอนๆทไมไดถกเลอก ระหวางการ Export

3.5 กำร Slice ภำพ

ในกรณทตองการ Slice ภาพออกเปนชนๆ ตองใชตวชวย

ใหสรางสเหลยมไวบนรปรางตามแนวทตองการจะ Slice โดยสเหลยมกลมน จะไมใสสเสนขอบหรอใสสพน ฉะนนจงมองไมเหนสเหลยมกลมน ตองสราง Layer ขนมาชนหนง สำาหรบเกบสเหลยมกลมนโดยเฉพาะ (ดเพมเตมเรอง Layer)

สเหลยม 3 ภำพ (ยงไมไดซอนเสนขอบและสพน) สรำงไวบน รปรำงทตองกำรจะ Slice

หำกตองกำรใหสเหลยมชนกนทขอบพอดใหใชกำรกรอกตวเลขขนำดหรอใชเสน Guides ชวย


เมอจะ Export ใหเลอก Layer ทเกบสเหลยมไว จากนนกด Ctrl+A เพอเลอกรปรางทงหมด รวมทงทซอนอยดวย

จากนนให Export แบบ Batch export (เลอก Batch export all selected objects )

<<< ผล ภำพท 1



3.6 กำร Import จำก Open Clip Art Library

Inkscape สามารถเชอมตอกบ Open Clip Art Library บน Website เพอคนหาภาพ Clip Art แลวแทรกลงสพนททำางานได

ใหไปท File > Import From Open Clip Art Library จะปรากฎหนาตางตามภาพดานลาง ซงใชคนหาภาพ Clip art จาก Website

เมอพบภาพทตองการแลว ใหกด Open จะปรากฎภาพดงกลาวบนพนททำางาน


บทท 4 : วำดรปรำงเรขำคณต4.1 สเหลยมผนผำ(Rectangles)และสเหลยมจตรส(Squares)

การวาดสเหลยมผนผาหรอสเหลยมจตรส จะวาดดวย Rectangular tool

การวาด5. เลอก Rectangular tool (F4 หรอ r) 6. Click คำงบนพนททำำงำน > ลำก Mouse > ปลอย Mouse (Click-Drag-Drop)

Shift+ลาก วาดสเหลยมรอบจดทเรมตน ClickCtrl+ลาก วาดสเหลยมจตรส

การปรบแตงโดยใช Handles ใหสงเกตสเหลยมทสรางเสรจแลว จะม Handles(ทจบ) รป สเหลยม และ วงกลม อยตามมม Handles เหลานมไวสำาหรบการปรบแตงรปราง

การปรบแตง Handles ใหใช Node tool (F2) หรอ ใช Rectrangular Tool จบท Handles แลวเลอน

Handles สเหลยม ใชปรบขนำดHandles วงกลมใชใสควำมโคงทมม

Ry=5, Rx=0 Ry=5, Rx=16

Ctrl+ ลาก Handle วงกลม ทำาใหมมโคงเทากนทงแกน X และ Y

Shift+Click ท Handle วงกลม เอามมโคงออก

บทท 4: วำดรปรำงเรขำคณต [4-1]

Tool Controls ของ Rectangular tool ในกรณทตองการความแมนยำาในการปรบแตง สามารถทำาไดโดยใช Tool Controls เพราะสามารถกรอกตวเลขเพอกำาหนดคาตางๆลงไปได

Click ทรปรำงสเหลยม และ Click ท Rectangular tool จะปรำกฎ Tool Controls ของ Rectangular tool

W ความกวาง H ความสง

Rx รศมมมโคงในแนวแกน X Ry รศมมมโคงในแนวแกน Y

ปมเลอกหนวยวด เอามมโคงออก

4.2 วงร(Ellipses), วงกลม(Circles) และสวนของเสนโคง(Arcs)

การวาดวงร, วงกลม หรอสวนของเสนโคง(Arc) จะวาดดวย Ellipse tool

การวาด1. เลอก Ellipse tool (F5 หรอ e) 2. Click คำงบนพนททำำงำน > ลำก Mouse > ปลอย Mouse (Click-Drag-Drop)

Shift+ลาก วาดวงกลมรอบจดทเรมตน Click(จดศนยกลางอยทจดทเรมตน Click)

Ctrl+ลาก วาดวงกลม

การปรบแตงโดยใช Handles วงกลมหรอวงรทสรางเสรจแลว จะม Handles(ทจบ) รป สเหลยม และ วงกลม อยทดานบนและดานขาง ใหจบ Handles ดงกลาวเลอนไปมาเพอปรบรปราง

Handles สเหลยม ใชปรบขนำด Handles วงกลมใชสรำงสวนของเสนโคงหรอสรำง Segment(รป Pie)

Start =0, End=220 Arc

Shift+Click ท Handles วงกลม ทำาใหกลบเปนวงกลมเตมใบ

Ctrl+ ลาก Handles วงกลม Snap to angle (15 องศา)


Tool Controls ของ Ellipse tool

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

Click ทรปรำงวงร วงกลม หรอสวนของเสนโคง และ Click ท Ellipse tool จะปรำกฎ Tool Controls ของ Ellipse tool

Start มมของ Hadle วงกลมจดแรก End มมของ Hadle วงกลมจดท 2

สลบเปนรป Segment (รปพาย) สลบเปนรป Arc

ทำาใหกลบเปนวงกลม

4.3 รปหลำยเหลยม(Polygons)และรปดำว(Stars)

การวาดรปหลายเหลยม เชน 3 เหลยม, 4 เหลยม ไปจนถงเปนรอยๆ เหลยม และ การวาดรปดาวตงแต 3 แฉก 4 แฉก ไปจนถงเปนรอยๆแฉก จะวาดดวย Star tool

การวาด1. เลอก Star tool (Shift+F9 หรอ *) 2. Click คำงบนพนททำำงำน > ลำก Mouse > ปลอย Mouse (Click-Drag-Drop)

Ctrl+ลาก Snap to angle (15 องศา)

การปรบแตงโดยใช Handles วงกลมหรอวงรทสรางเสรจแลว จะม Handles(ทจบ) รป สเหลยมขำวหลำมตด อย 2 จด ทดานในกบดานนอก ใหจบ Handles ดงกลาวเลอนไปมาเพอปรบรปราง

Handle สเหลยมขำวหลำมตดดำนใน ใชปรบรศมวงในHandle สเหลยมขำวหลำมตดดำนนอก ใชปรบรศมวงนอก

Spoke ratio = 0.13 Spoke ratio = 0.84

Ctrl+ลาก Handleขยบ Handle แบบลอคแกน (ม 2 แกน กคอ จากจดศนยกลาง ถง Handles ทง 2 จด)


Rounded=0.5 Rounded=1.5

Shift+ลาก Handle ใสมมโคงใหกบทกมมShift+Click ท Handle เอามมโคงออก

Rounded=0Rounded=0.3

Rounded=0.5Randomized=0.2

Alt+ลาก Handle Randomized จดมม

Tool Controls ของ Star tool

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

Click ท ร ปด ำวหร อ ร ปหลำย เหล ย ม และ Click ท Star tool จ ะปรำกฎ Tool Controls ของ Star tool

สลบเปนรปหลายเหลยม (ม Handle 1 จด) สลบเปนรปดาว (ม Handles 2 จด)

Corners จำานวนดาน/จำานวนแฉก Spoke ratio (Active เฉพำะรปดำว มคำ 0.01-1)สดสวนความยาวของแกน ระหวาง ระยะจากจดศนยกลางถง Handles ทงสองจด ถาเปน 0.01 แฉกจะเปนเสน ถาเปน 1 จะไมมแฉก แตกลายเปนรปหลายเหลยม

Rounded ( -10 ถง 10 ) รศมทมม Randomized ( -10 ถง 10) สมการวาดมม

Reset (กลบเปนเหมอนตอนวาดครงแรก)

4.4 วำดรปกนหอย(Spirals)

การวาดรปกนหอยหรอ Spiral จะวาดดวย Spiral tool

การวาด1. เลอก Spiral tool (F9 หรอ i) 2. Click คำงบนพนททำำงำน > ลำก Mouse > ปลอย Mouse (Click-Drag-Drop)


Ctrl+ลาก Snap to angle (15 องศา)

การปรบแตงโดยใช Handles กนหอยทสรางเสรจแลว จะม Handles(ทจบ) รป สเหลยมขาวหลามตด อย 2 จด ทดานในและดานนอก ใหจบ Handles ดงกลาวเลอนไปมาเพอปรบรปราง

Handle สเหลยมขำวหลำมตดดำนใน ใชปรบควำมยำวดำนในHandle สเหลยมขำวหลำมตดดำนนอก ใชปรบควำมยำวดำนนอก

Inner radious = 0 Turns=1.9

Inner radious = 0.6 Turns=3

Ctrl+ลาก Handle (หมนตามสวนโคง) Snap to angle (15 องศา)

Turns=12Divergence=1

Turns=12Divergence=0.6

Alt+ลาก Handle ดานนอก(หมนตามโคง)

เพมเกลยวโดยรศมของกนหอยยงเทาเดม

Alt+ลาก Handle ดานใน(เขา/ออก) กระจายระยะหางระหวางเกลยว

Tool Controls ของ Spiral tool ในกรณทตองการความแมนยำาในการปรบแตง สามารถทำาไดโดยใช Tool Controls เพราะสามารถกรอกตวเลขเพอกำาหนดคาตางๆลงไปได

Click ทรปกนหอย และ Click ท Spiral tool จะปรำกฎ Tool Controls ของ Spiral tool

Turn จำานวนรอบของเกลยว Reset

Divergence (0 ถง 1) สดสวนการกระจายระยะหางระหวางเกลยว ปกตมคาเปน 1 (กระจายเทากนทกเกลยว) ถาเปน 0 จะไมมเกลยว แตเปนวงกลม

Inner radius (0 ถง 0.999) สดสวนความยาวระหวาง จดศนยกลางถง Handle ดานในทหายไป ตอ จดศนยกลางถง Handle ดานนอก ปกตมคาเปน 0 (Handle ดานในอยทศนยกลาง) ถาเปน 0.999 เสนเกลยวจะหายไป


4.5 แปลงโครงสรำงรปรำงเรขำคณต (Object to path)

รปรางเรขาคณต เชน วงกลม, สเหลยม, ดาว หรอ กนหอย มโครงสรางเฉพาะ การปรบแตงจงตองอยภายใตขอจำากดทกำากบโครงสรางของรปรางนนๆ

หากจะปรบแตงใหไดอยางอสระ ตองทำาการแปลงโครงสรางของรปรางเสยกอน

การแปลงโครงสรางรปรางเรขาคณตไปเปนโครงสรางแบบ Path 1. เลอกรปรางเรขาคณต2. Path > Object to path (Shift+Ctrl+C)*** เมอแปลงแลว จะไมสำมำรถแปลงกลบได

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

โครงสรางแบบพาธ เปนโครงสรางทสามารถปรบแตงไดอยางอสระ (ดวธกำรปรบแตงรปรำงไดทเรองของพำธ )

วงกลม ทสรำงดวย Ellipse tool

วงกลม ทแปลงโครงสรำงไปเปนแบบพำธ

( Handles เปลยนไป )

วงกลม ทมโครงสรำงแบบพำธทถกปรบแตงโดยใช Node tool

รปรางเรขาคณต ถอเปนจดเรมตนทด ทจะใชขนรปเพอปรบแตงไปเปนรปรางทซบซอนตอไป

4.6 ตงคำเรมตนใหกบกำรวำดรปรำงเรขำคณต

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

การตงคาเรมตนใหกบการวาดสเหลยม ( ตวอนมวธเหมอนกน ) 1. เปดหนาตาง Inkscape Preferences

File > Inkscape Preferences... (Shift+Ctrl+P)


2. ทหนาตาง Inkscape Preferences เลอก Tool > Shapes > Ractangle (ตามภาพดานลาง)

3. เลอกรปรางตนแบบบนพนททำางาน จากนน เลอกท (Option) This tool's own style และกดปม Take from selection (ใชรปรางทเลอกเปนตนแบบ) จากนนท Fill และ Stroke จะปรากฎสพนและเสนขอบรปแบบเดยวกบตนแบบ

4. จากนนเมอวาดรปสเหลยมในครงตอๆไป กจะมรปแบบเรมตนตามทไดตงไว (ตำมภำพ - สพนสเหลอง เสนขอบสดำำขนำด 2.81)

5. *** หากเลอกท (Option) Last used style เมอวาดรปรางแลวกำาหนดสพนหรอเสนขอบไปเปนอยางอน หากวาดครงตอไป สพนหรอเสนขอบกจะเปนไปตามครงลาสดทไดปรบแตงไป


บทท 5 : กำรทำำงำนกบรปรำงเบองตน5.1 Undo และ Redo

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

เราสามารถยกเลกสงทไดทำาไปแลวยอนหลงได โดยการทำา Undo และเมอ ทำา Undo(หรอยกเลก) ไปแลว กยงสามารถเปลยนใจทำาคำาสงทไดยกเลกไปแลวกได โดยการทำา Redo

คำาสง Undo วธท 1 : กดท Icon ท Commands Barวธท 2 : ไปท Edit > Undo (Ctrl+Z หรอ Shift+Ctrl+Y)

คำาสง Redo วธท 1 : กดท Icon ท Commands Barวธท 2 : ไปท Edit > Redo (Ctrl+Y หรอ Shift+Ctrl+Z)

*** กดซำำๆ จะทำำกำร Undo หรอ Redo ไปเรอยๆ (แตมจำำนวนครงจำำกด)

5.2 Copy, Cut, Paste, Duplicate และ Clone

ก. การ Cut, Copy, Paste และ Duplicate

Edit > Cut (Ctrl+X) : ตดรปรางออกจากพนททำางานเกบไวใน Memory รอการวาง

Edit > Copy (Ctrl+C) : คดลอกรปรางเกบไวใน Memory รอการวาง

Edit > Paste (Ctrl+V) : วางรปรางทเกบไวใน Memory ลงบนพนททำางาน ตำาแหนงทวางอยทปลายของ Cursor

Edit > Paste Style (Ctrl+Shift+V): วางเฉพาะรปแบบเสนขอบและสพนใหกบรปรางตวอน ( การ Paste Style จะตองเลอกรปรางทจะรบการ Paste Style กอน จงใชคำาสง)

Edit > Duplicate (Ctrl+D) : คดลอกและวางรปราง(ลงทบตำาแหนงเดม) ในขนตอนเดยว

บทท 5: กำรทำำงำนกบรปรำงเบองตน [5-1]

ข. การ Cloneการ Clone คอการ Copy รปรางอกวธหนง โดยการ Clone จะสรางตว Copy ท Link กบตวตนแบบไว เรยกวา ตว Clone เมอตนแบบเปลยนแปลง ตว Clone กจะเปลยนแปลงดวย แตในทางตรงกนขาม หากตวโคลนเปลยนแปลง ตนแบบจะไมเปลยนแปลงตาม

การสรางตว Clone 6. เลอกรปรางตนแบบ7. Edit > Clone > Create Clone (Alt+D) 8. ตว Clone จะวางทบตำาแหนงเดมของรปรางตนแบบ

การยกเลกการ Link เมอไมตองการใหตว Clone link กบรปรางตนแบบอกแลว สามารถยกเลกการเปนตว Clone ได (การยกเลก Link ไมใชการลบ)1. เลอกทตวโคลน2. Edit > Clone > Unlink Clone (Shift+Alt+D)

ค. Copy และ Paste โดยการลากรปราง

การ Copy และ Paste โดยการลากรปราง 1. Click ทรปรางคางไว2. ลาก Mouse ไปยงตำาแหนงตางๆ ระหวางทลาก Mouse เมอกด Spacebar จะเปนการ

Copy และ Paste รปรางลงบนพนททำางานทนท 3. กด Spacebar ไปเรอยๆ กจะทำาการ Copy และ Paste ไปเรอยๆ ตามเสนทางทลาก

Mouse ผานไป

5.3 กำรเลอกรปรำง (Selecting objects)

การเลอกรปราง ถอเปนพนฐานทสำาคญทสด เพราะกอนทจะทำางานกบรปรางตางๆได รปราง จะตองถกเลอกกอน และโดยเฉพาะอยางยง จะสำาคญมากๆ หากงานม รปรางเปนจำานวนมาก

ก. การเลอกรปรางโดยใช Mouse

การเลอกรปรางโดยใช Mouse จะใช Select tool (F1 , s หรอ Spacebar)

การเลอกทละ 1 รปราง ใช Select tool Click ท รปรำง


การเลอกรปรางโดยการสรางกรอบ (Click-Drag-Drop) ในกรณทตองการเลอกรปรางจำานวนมากในขนตอนเดยวClick ทพนทวำง > ลำก Mouse ใหครอบคลมรปรำง > ปลอย Mouse

การเลอกรปรางเพมเตมหรอยกเลกการเลอกเลอกรปรางเพม Shift+Click ทรปราง ทตองการเลอกเพมเตมยกเลกการเลอกรปราง Shift+Click ทรปราง ทเลอกไวแลว

การเลอกรปรางทอยใตรปราง

ในกรณทรปรางอยซอนกน หากตองการเลอก รปรางทอยดานลางAlt+Click ทรปรางตำาแหนงทซอนทบกนอย Alt+Click ไปเรอยๆ จะเปนการวนเลอกรปราง ทเรยงซอนกนอย

การเลอกรปรางโดยการลาก Mouse ผาน (Touch selection) Alt+Click พนทวาง > ลาก Mouse ผานรปราง

(1) (2) Alt+Click > ลาก Mouseเสนทำงทลำกผำนจะเปนสแดง

(3) (4)


ข. การเลอกรปรางโดยใช Keyboard

Tab (Select next object) : เลอกรปรางตอไป (มผลเฉพำะใน Layer เดยวกนเทำนน) หากรปรางซอนทบกนอย จะเรมตนเลอกรปรางทอยลางสดกอน จากนนจะวนเลอกรปรางชนตอไป กอนจะกระโดดออกไปเลอกรปรางอนๆ ทไมไดอยในกลมทซอนทบกน

Shift+Tab (Select previous object) : เลอกรปรางกอนหนา (มผลเฉพำะใน Layer เดยวกนเทำนน)

Ctrl+A (Select All) : เลอกรปรางทงหมด (มผลเฉพำะใน Layer เดยวกนเทำนน)

Ctrl+Alt+A (Select All in All Layers) : เลอกรปรางในทกๆ Layer (ทไมไดถกซอนหรอถกลอค)

! (Invert Seletcion) : กลบการเลอก (มผลเฉพำะใน Layer เดยวกนเทำนน)

Alt+! (Invert seletcion in all visible and unlocked layers) : กลบการเลอก มผลตอทกๆ Layers (ทไมไดถกซอนหรอถกลอค)

Esc (Deselect) : ยกเลกการเลอกทงหมด

5.4 Groups และ Ungroups

รปรางตางๆสามารถนำามารวมกนและสรางเปนกลม เพอความสะดวกในการเลอก , เคลอนยาย, การยอ/ขยาย หรออนๆ พรอมๆกนทงกลม

การสราง Group 1. เลอกรปรางทงหมดทตองการสรางเปนกลม 2. ไปท รปรำง > Group (Ctrl+G) หรอ Click ท Icon บน Commands bar

การยกเลก Groups 1. เลอก Groups ทตองการยกเลก2. ไปท รปรำง >Ungroup (Ctrl+U) หรอ Click ท Icon บน Commands bar หรอ

Double Click ท Group


การแกไขสมาชกใน Group โดยไมตอง Ungroup โดยปกตเมอทำาการยาย ยอ/ขยาย หมน เตมสหรออนๆ ตอ Group จะมผลตอสมาชกทงหมดใน Group แตทงน เรากสามารถเลอกกระทำาดงกลาวตอสมาชกใน Group ตวใดตวหนงกได

Ctrl+Click สมาชกใน Group จากนน จะสามารถปรบแตงสมาชกตวนนไดตามตองการ

Ctrl+Alt+Click สมาชกใน Group เลอกรปรางใน Group ทอยดานลาง

Ctrl+Shift+Alt+Click สมาชกใน Group สลบการเลอกรปรางใน Group

5.5 Z-order (ลำำดบชนของรปรำง)

Z-order หรอ ลำาดบชนของรปรางเปนการอธบายถงการเรยงซอนกนของรปรางในแนวแกน Z หรอแนวตงฉากกบระนาบของพนททำางาน

การเปลยนลำาดบชนของรปราง

Object > Raise (PgUp) หรอ Click ท Icon : ยายรปรางขนไป 1 ขน

Object > Lower (PgDn) หรอ Click ท Icon : ยายรปรางลงไป 1 ขน

Object > Raise on Top (Home) หรอ Click ท Icon : ยายรปรางไปบนสด

Object > Raise to Bottom (End) หรอ Click ท Icon : ยายรปรางไปลางสด

( กรณใชกำร Click ท Icon ตองเลอก Select tool กอน แลว Icon จะปรำกฎบน Tool Controls Bar)

แกน z ตงฉำกกบระนำบของ Canvas (1) รปดำวอยบนสด

(2) รปดำวอยลกลงมำ 1 ชน (PgDn) (3) รปดำวอยดำนลำงสด (End)


5.6 Layers (ลำำดบชนของภำพ)

Layers มลกษณะคลายกบ Z-order กคอ ใชในการเรยงลำาดบชนของรปราง แต Layers นนมนำาหนกมากกวา Z-order เปนเพยงสวนหนงของ Layers เปนการเรยงลำาดบชน ของรปราง ภายใน Layer หนงๆเทานน ไมสามารถทำา Z-order ขาม Layers ได

เมอสรางรปรางโปรแกรมจะจดลำาดบชน Z-order ใหโดยอตโนมตอยแลว แต สำาหรบ Layers เมอเรมตนใชงาน โปรแกรมจะมมาใหเพยง Layer เดยว

รปรำงทเรยงซอนกนมกำรแบง Layers และเรยงลำำดบ Z-order

มมมองกำรเรยงลำำดบชนของรปรำงดวย Layers และ Z-order

Layers นอกจากน ยงสามารถกำาหนดคณสมบตการมองเหนและการลอค Layers ไดดวย

รปรางทมจำานวนไมมาก แคเพยง Z-order กเพยงพอตอการจดลำาดบชน แต.ถารปรางมเปนจำานวนมาก Layers จะเปนเครองมอทชวยบรหารจดการ รปรางไดเปนอยางด

หนาตาง Layers ( Shift+Ctrl+F ) หนาตาง Layers ใชในการบรหารจดการ Layers

เพม Layer ใหม (Ctrl+Shift+N)

ยาย Layer ทเลอกไปไวบนสด (Shift+Ctrl+Home)

ยาย Layer ทเลอกขนไป 1 ชน (Shift+Ctrl+PgUp)

ยาย Layer ทเลอกลงไป 1 ชน (Shift+Ctrl+PgDn)

ยาย Layer ทเลอกลงไปไวลางสด (Shift+Ctrl+End)ลบ Layer

Opacity (0-100%) ความโปรงใสของทง Layer

ซอน/แสดง Layer (ซอน= )

ลอค/ปลดลอค Layer (ลอค= )


การสราง Layer ใหม Layer > Add layer... (Ctrl+Shift+N) จะปรากฏหนาตาง Add Layer ใหตงชอของ Layer

หนำตำง Add Layer (Position) Below cerrent สรำง Layer ใหอยตำำกวำ

ชนททำำงำนอยขณะน

ทหนำตำง Layers ม Layer ใหมเพมเขำมำ

หนำตำง Add Layer(Position) As sublayer of current

สรำงเปน Sublayer(ชนยอย)ของ Layer ททำำงำนอยขณะน

*** Sublayer เปนกำรซอยยอย Layer ชนนนๆ ลงไปอก ซงจะชวยใหควบคม Layers ไดหลำยๆ Layers พรอมๆกน

การเลอกทำางานกบ Layer ใดๆ วธท 1: .ใช Status bar

เมอทำางานอยท Layer ใด ท Statusbar จะแสดงชอ Layer นนอย

สามารถสลบไปทำางานยง Layer อนๆ ได โดยใช Statusbar โดย Click ทชอ Layer จากนนจะมรายการใหเลอกวา จะยายไปทำางานกบ Layer ใด

วธท 2 : Click ทชอ Layer ในหนาตาง Layersวธท 3 : Ctrl+PgUp ยายไปทำางานกบ Layer ดานบนถดไป

Ctrl+PgUp ยายไปทำางานกบ Layer ดานลางถดไป


การยายลำาดบชนของ Layer ใหดทหนาตาง Layers Layers ทมชออยดานบน จะบง Layers ทมชออยดานลาง (รปรำงทอยใน Layers บน จะบง รปรำงทอยใน Layers ดำนลำง ) เราสามารถสงไดวา จะให Layers ใดอยบน Layers ใดอยลางLayer > Raise Layer (Shift+Ctrl+PgUp) :ยาย Layer ทเลอกขนไป 1 ชน

Layer > Lower Layer (Shift+Ctrl+PgDn) :ยาย Layer ทเลอกลงไป 1 ชน

Layer > Layer to Top (Shift+Ctrl+Home) :ยาย Layer ทเลอกไปไวบนสด

Layer > Layer to Buttom (Shift+Ctrl+End) :ยาย Layer ทเลอกลงไปไวลางสด

การยายรปรางไปยง Layer อน ( ใช Menu)

Layer > Move Selection to Layer Above (Shift+PgUp)ยาย รปรางทเลอกขนไป 1 ชน

Layer > Move Selection to Layer Below (Shift+PgDn)ยาย รปรางทเลอกลงไป 1 ชน

การยายรปรางไปยง Layer อนๆ โดยการ Cut และ Paste 1. Cut รปราง (Ctrl+X)2. เลอก Layer ปลายทาง (Layer ทตองการจะยายรปรางไปทน)3. Paste รปรา (Ctrl+V)

การซอนหรอลอค Layer

การซอนหรอแสดง Layer Click ท Icon บน หนาตาง Layers (ซอน= )

การลอคหรอปลดลอค Layer (มองเหน แตเลอกไมได จงปรบแตงอะไรไมไดเลย)Click ท Icon บน หนาตาง Layers (ลอค= )


Blend modeBlend mode คอ การผสมผสานระหวาง Layers ซงชวยสราง Effect การซอนทบระหวาง Layers ทแปลกๆใหมๆ

Layer 1 : Blend mode=MultiplyLayer 2 : Blend mode=Normal

Layer 1 : Blend mode=ScreenLayer 2 : Blend mode=Normal

5.7 กำรลอค(Lock)และกำรซอน(Hide) รปรำงทละตว

รปรางสามารถทำาการซอนหรอลอคไดทละตว เพอปองกนการแกไข

การซอนและการลอค1. เปดหนาตาง Object Properties (Ctrl+Shift+O)2. เลอกท (Checkbox) Hide เพอซอนรปราง

เลอกท (Checkbox) Lock เพอลอครปราง

การยกเลกการซอนและการลอคการยกเลกทละตวตองใช XML Editor ซงเปนเรองทยงยากมาก จงแนะนำาใหยกเลกทงหมดในครงเดยว เพราะคำาสงจะงายกวามากยกเลกการซอน → Object > Unhide Allยกเลกการลอค → Object > Unlock All

*** กำรลอคและกำรซอนดวยวธนเหมำะสำำหรบงำนทม รปรำงไมมำก หรอ ตองกำรซอนหรอลอคเพยงชวครำวเทำนน หำกตองกำรซอนหรอลอครปรำงจำำนวนมำกใหแบงรปรำง เปน Layers จะดทสด


บทท 6 : กำรตกแตงพนและเสนขอบ6.1 Color palette

ก. กำรใสสโดยใช Color palette

การใสสใหกบรปรางโดยใช Color palette (จานส) เปนวธทงาย รวดเรว และสะดวกทสด

การใสสโดยใช Color palette 3. เลอกรปราง ทตองการจะใสส4. Click เลอกสบน Color palette

Click สทตองกำร : ใสสพน (Fill) Shift+Click สทตองกำร : ใสสขอบ( Stroke paint)

5. หากไมตองการใสส(โปรงใส) ให Click หรอ Shift+Click ทกากบาท

ข. กำรเปลยนชดสใน Color paletteสตางๆบน Color palette เปนชดสทมการจดหมวดหมไวแลว เพอสะดวกแกการเลอกใช ไมตองผสมสใหม

Color palette มใหเลอกหลายชด

การเปลยนชดสบน Color palette ทปลายของ Color palette มสามเหลยมเลกๆ Click ทสำมเหลยม > เลอกชดสทตองกำร(ชดสปกตคอ Inkscape default)

บทท 6: กำรตกแตงพนและเสนขอบ [6-1]

6.2 ขอสงเกต : ขนำดเสนขอบและขนำดพนท

เมอใสเสนขอบและสพนใหกบรปรางใดๆ ขนาดของเสนขอบจะมความสมพนธกบขนาดของสพนตามภาพดานลาง

เสนขอบ(Stroke) จะลากทบทขอบของพนทรปราง

หากไมใสเสนขอบใหกบรปราง ขนาดของรปราง จะลดลงโดยหกขนาดของเสนขอบออกไปครงหนง (ใหสงเกตทภาพ)

6.3 หนำตำง Fill and Stroke

การเปดหนาตาง Fill and Stroke

Object > Fill and Stroke (Shift+Ctrl+F) หรอ Click ท Icon บน Commands Bar

*** Fill rule ใชในกรณ ใสสพนใหกบรปรำง ทมลกษณะเปนวงๆซอนกนภำยใน

None สโปรงใส

Flat color ใสสเดยวเรยบๆ

Linear gradient ใสสแบบไลเฉดเสนตรง

Radial gradient ใสสแบบไลเฉดวงกลม

Pattern ใสลวดลาย

Custom swatch สรางชดสของตนเอง

Unset paint ไมใสสใดๆ (ไมใชสใส)Blur เบลอรปราง

Opacity (0-100%) คาความโปรงใสของทง รปราง

Fill rule : Even-odd

Fill rule : Non-zero


หนาตาง Fill and Stroke เปนหนาตางหลก ทใชตกแตงเสนขอบและสพนใหกบรปราง ซงมลกเลนมากมาย แตทงน สามารถแบงออกเปน 6 กลมดวยกนFill

Stroke

6.4 ตวบอกสถำนะกำรใสส (Style Indicator)

ท Statusbar มตวบอกสถานะการใสสอย กคอ Style Indicator ซงมอย 3 สวน กคอ Fill, Stroke และ Opacity เชน

Fill: สพน(สแดง), Stroke: สขอบ(สนำาเงน) ขนาด 10 pixels, O: 100%(ทบ)

Fill: สพน Linear gradient, Stroke: สขอบ(สดำา) ขนาด 2.77 pixels, และ O: 100%(ทบ)

คำาอธบายคณลกษณะของ Style Indicator(ทแถบส) (รปรำง ไมใส Alpha) แสดงส RGB *** Alpha คออะไร ใหดเรอง “ระบบส”

(รปรำง ใส Alpha) ม 2 แถบ ดานซาย แสดงส RGBA, ดานขวาแสดงส RGB

N/A Not Applicable (ไมมรปรางทถกเลอก)

None ไมมส (ใส)

Unset ไมใสสใดๆ

L ใสสแบบ Linear gradient

R ใสสแบบ Radial gradient

Pattern ใส Pattern

Different (เลอกมำกกวำ 1 รปรำง) สแตกตางกน

m (เลอกมำกกวำ 1 รปรำง) สเดยวกน

a (เลอกมำกกวำ 1 รปรำง) สแตกตางกนแสดงสเฉลย(สทผสมกน) หรอแสดงขนาดเสนขอบเฉลย(กรณ Stroke)


6.5 กำรใสสแบบ Flat color(สเดยว) โดยใชหนำตำง Fill and Stroke

การใสสแบบ Flat color 1. เลอกรปราง2. เปดหนาตาง Fill and Stroke (Shift+Ctrl+F)3. หากตองการใสสพนใหเลอก (TAB) Fill หากตองการใสสขอบใหเลอก (TAB) Stroke

paint จากนนเลอกสทตองการโดยการ Click เลอกสบนแถบส

การใสสแบบ Flat color เปนเรองงาย แตทงน สมใหเลอกใชเปนลานส จงตองทำาความเขาใจกบระบบสใหด

6.6 ระบบส (RGB, HSL, CMYK, Wheel)

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

RGB (Red, Green, Blue) RGB เปนระบบส ทใชการผสมสระหวางสหลก 3 ส กคอ สแดง (Red), สเขยว (Green) และ สนำำเงน (Blue) ระบบ RGB เปนระบบการสรางสของจอคอมพวเตอร

แตละสสามารถเกบคาสได 256 ระดบ (0-255) เมออางถงคาสในระบบ RGB จะอางถงการผสมสทง 3 ส เชน RGB(255,0,0)=สแดง, RGB(0,255,0)=เขยว เปนตน ระบบ RGB สามารถผสมเปนสไดถง 16.7 ลานส (มาจาก 256x256x256)

แถบ A คอแถบ Alpha ใชกำาหนดความโปรงใสใหกบรปราง มคา 0-255 เชนเดยวกน

*** กำรกำำหนดควำมโปรงใสทคำ Alpha กบ Opacity นนตำงกน Alpha สำมำรถกำำหนดแยกใหกบสพนและเสนขอบแยกกนไดสวน Opacity เปนกำรกำำหนดใหกบทง รปรำง


HSL (Hue, Saturation, Lightness) เปนระบบสแบบการมองเหนของสายตามนษย ซงประกอบไปดวย 3 สวน Hue คอ สทเรามองเหน Saturation คอ ความสดของส และ Lightness คอ ความสวาง

การกำาหนดคาสในระบบ HSL ใหเรมจาก เลอกสทแถบ H (Hue) กอน เพอเลอกโทนสทตองการ จากนนจงปรบแถบ S (Saturation) เพอเลอกความสด และปรบแถบ L (Lightness) เพอเลอกความสวางของส

แถบ A คอแถบ Alpha ใชกำาหนดความโปรงใส

CMYK (Cyan, Magenta, Yellow, Black) CMYK เปนระบบท ใชการผสมสระหวาง สฟำ (Cyan), สมวง(Magenta), สเหลอง(Yellow) และ สดำำ(Black) เพอใหเกดสตางๆ โดยทวไปจะเรยกวาเปนระบบพมพ 4 ส

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

CMYK แตละส เกบคาสตงแต 0-100


CMYK สรางสจากแมสทงสไดนอยกวาแบบ RGB ฉะนน หากทำางานในจอคอมพวเตอร แตตองพมพดวยระบบ CMYK สจงมกจะเพยน เพราะ CMYK สรางสไมไดมากเทา RGB

วธลดปญหาดงกลาว บางโปรแกรมอยางเชน Photoshop หรอ Illustrator สามารถสงใหจอคอมพวเตอรแสดงสเฉพาะทระบบ CMYK รบได


WheelWheel เปนวธการเลอกสอกแบบหนงในระบบของ HSL เปนวธททำาใหการเลอกสงายขน

การเลอกส ใหเรมจากการ Click เลอกสทวงกลมดานนอก(Hue) กอน จากนนเลอกความสดและความสวางของส (Saturation และ Lightness) พรอมกนในครงเดยว ดวยการ Click บรเวณ ดานในของสามเหลยม


ทกระบบสจะม กรอบ RGBA (RGB+Alpha) เปนกรอบทแสดงสเปรยบเทยบในระบบของ RGBA ซงสามารถพมพคาส RGBA(เลขฐาน 16) ลงไปในกรอบนได

6.7 Dropper Tool

Dropper tool หรอ หลอดหยดส(ใชไดทงดดสและหยดส) ใชเตมสใหกบรปราง โดยดดสจาก รปรางอนๆในพนททำางาน

การใชงาน Dropper tool 1. เลอกรปราง ทตองการจะใสส2. เลอก Dropper tool (F7 หรอ D)3. ดดสมาใส โดย

Click ทรปรางอน : ดดสมาใสสพน

Shift + Click ทรปรางอน : ดดสมาใสเสนขอบ

Alt + Click ทรปรางอน : ดดสตรงขามมาใสเสนขอบ (ดดสดำำ ได สขำว)

Click คาง + ลาก Mouse(จะขนเปนวงกลม) : ดดส(ในวงกลม)แบบเฉลยมาใสสพน

>>

ผล (เหลอง+แดง=สม)


Tool Controls ของ Dropper tool ท Tool Controls ของ Dropper tool มตวเลอก Opacity ซงใชในกรณทตองการดดสจากรปรางทเปน Alpha (รปรางทมความโปรงใส)

ดดเนอส(RGB)และความโปรงใส(A)ดดทงคา RGB และคา A(Alpha) ไดทกอยางเหมอนตนฉบบ

ดดเฉพาะเนอสอยางเดยว(RGB)ดดมาเฉพาะคา RGB ไมเอาคา A(Alpha) มาดวย

ดดสทแสดงบนจอ สทไดเปน RGB คาใหม ไดสเหมอนทแสดงบนจอ แตเปนสทบ(Alpha=255)

6.8 รปแบบเสนขอบ(Stroke style)

เสนขอบ ไมไดมเพยงเสนทบๆเพยงอยางเดยว ยงสามารถกำาหนดรปแบบอนๆไดอกมากมาย สามารถกำาหนดรปแบบของเสนไดท หนาตาง Fill and Stroke > (TAB) Stroke style

Width : ความหนาของเสนขอบ

Join : รปแบบมมเสน (มมแหลม, มมมน, มมตด)

Miter limit : (กรณเปนมมแหลม) ควบคมความยาวของมมแหลม (ดคำำอธบำยตำมภำพถดไป)

Cap : รปแบบปลายเสน (แบน, มน, แบนตอปลาย)

Dashes : รปแบบเสน เชน เสนประแบบตางๆตวเลขทดำนหลง ควบคมระยะ Offset

Start Markers : ใสสญลกษณทปลายเสน(ดานหว)

Mid Markers : ใสสญลกษณภายในเสน(ทตำาแหนง Nodes)

End Markers : ใสสญลกษณทปลายเสน(ดานหาง)

Blur : เบลอ รปราง

Opacity : (0-100%) คาความโปรงใสของ รปราง


ตวอยาง Miter limit หากระยะ “m” มากกวาคาในชอง Miter limit มมของเสนจะกลายเปนมมตด(Bevel) เพอไมใหระยะทเสนตอกนยาวเกนไป (หาก m ไมเกน Miter limit จะเปนมมแหลม)

ตวอยาง Cap (แบน, มน, แบนตอปลำย ตำมลำำดบ)

ตวอยางการตกแตงเสน

6.9 กำรเปลยนส Markers ใหเปนสเดยวกบเสน

โดยปกตเมอใส Markers ใหกบเสน Markers จะมสดำาโดยอตโนมต และไมสามารถเปลยนสได โดยใชหนาตาง Fill and Stroke

ตวอยางตามภาพดานลาง

เสนสแดง เมอใส Markers Markers จะเปนสดำำ

การเปลยนส Markers ใหเปนสเดยวกบเสน 1. เลอกรปราง2. ไปท Extensions > Modify Path > Color Markers to Match Stroke

ผลทได Markers จะมสเดยวกบเสน

*** กำรเปลยนส Markers ใหเปนสเดยวกบเสน ตองใช Extension ชวย


6.10 กำรสรำง Markers ใชเอง

การสราง Markers ใชเอง 1. สรางรปรางทตองการจะนำามาใชเปน Marker2. เลอกรปรางดงกลาว3. ไปท Object > Object to Marker จากนนจะปรากฎภาพดงกลาวเปน Marker อยใน

รายการของ Markers

ตวอยาง

6.11 กำรใส Gradients

Gradients คอ สทไลเฉดจากสหนงไปอกสหนง

Gradients .ใชไดกบทงสพนและเสนขอบ

Gradients มอย 2 ประเภทใหญ กคอ 1. Liner gradient คอการไลเฉดสแบบเปนเสนตรง2. Raidial gradient คอการไลเฉดสแบบเปนวงมจดศนยกลาง

การใส Gradients วธท 1: ใชหนาตาง Fill and Stroke 1. เลอกรปราง2. เปดหนำตำง Fill and Stroke (Shift+Ctrl+F) > หำกตองกำรใสสพนเลอก (TAB) Fill,

หำกตองกำรใสสขอบเลอก (TAB) Stroke paint3. กดเลอก Icon ประเภทของ Gradients ( Linear Gradient, Radial Gradient)

จากนนรปรางกจะม Gradient โดยเรมตน จะไลเฉดจากสหนงไปยงสไสกอน


การใส Gradients วธท 2 : ใช Gradient tool 1. เลอกรปราง2. เลอก Gradient tool (Ctrl+F1 หรอ G) 3. Click คำงทรปรำง > ลำก Mouse (เพอกำำหนดจด Gradient stops) > ปลอย

Gradient stops มลกษณะเปน Handles เปนจดใสสใหกบ Gradient Handle สเหลยม = Gradient start Handle วงกลม = Gradient end เสนระหวาง Handle = Gradient path

Tool Controls ของ Gradient tool

สราง Linear gradient ใส Gradient ใหกบสพนสราง Radial gradient ใส Gradient ใหกบเสนขอบ

Change แสดง Gradient ของ รปราง Edit... เปดหนาตาง Gradient editor

6.12 กำรปรบแตง Gradients

การเปลยนสให Gradient stops ใช Node tool, Gradient tool หรอ Shape tool ตวใดกได เลอก Gradient stop จากนน Click เลอกสทตองการ

การเพมจด Gradient stops การเพม Gradient stops จะใช Gradient tool (Ctrl+F1 หรอ G) โดยเมอเพมแลวจะสามารถกำาหนดการไลเฉดสไดมากขน

Double click ท Gradient pathGradient stop จะปรากฎบนตำาแหนงท Double click เปนรปสเหลยมขาวหลามตด

เลอก Gradient stops 2 จดทอยตดกน จำกนน กดปม InsertGradient stop จะปรากฎทกงกลางระหวาง Gradient stops ทงสองจด

ใช Mouse click เลอกสท Color palette แลวลำกมำวำงบน Gradient pathGradient stop จะปรากฎบนตำาแหนงทปลอย Mouse พรอมใสสให Gradient stop

>>>


*** Gradient stops ทเพมเขำมำมลกษณะเปน สเหลยมขาวหลามตด(Diamond)

>>>

การ Copy และ Paste Gradient stop Gradient stop สามารถถก Copy คณสมบต แลวนำาไปใสใหกบ Gradient stop อนๆได1. ใช Gradient tool เลอก Gradient stop2. Copy Gradient stop โดยกด Ctrl+C3. ใช Gradient tool เลอก Gradient stop ทตองการจะรบคณสมบตท Copy มา4. Paste Gradient stop โดยกด Ctrl+V

การเลอก การยาย การลบ Graidient stops การเลอก การยาย การลบ Graidient stops มลกษะเดยวกบ การเลอก การลบ หรอการยาย รปราง โดยใช Select tool Shortcut ตางๆ กมลกษณะเดยวกน

6.13 Gradient editor

Graidient editor เปนอกเครองมอหนง ทเปนทางเลอกในการปรบแตง Gradient

การปรบแตงดวย Graidient editor มลกษณะไมตางจากการปรบแตงโดยใช Gradient tool เพยงแตใชการกดปมและใสคาตวเลขทหนาตาง Gradient editor

การเปดหนาตาง Gradient editor เ ล อกร ปร ำ งท ใ ส Gradient > เ ปดห น ำต ำ ง Fill and Stoke > ท (TAB)Fill หร อ (TAB)Stroke paint > กดปม Edit... หรอ ใช Gradient tool Double click ท Gradient stop ตวใดกได


หนาตาง Gradient editor จะแสดงรายละเอยดของ Gradient stop เพยงทละ 1 ตวเทานน หากตองการดตวอน(ในรปรางเดยวกน) ตองเปลยนทกรอบตวเลอก Gradient stop

กรอบตวเลอก Gradient stop

สเขยว Alpha=255(ทบ) สเหลอง Alpha=0 (ใส)

หนำตำงแสดงขอมลของ Gradient stop 21717 หนำตำงแสดงขอมลของ Gradient stop 21719

คำาอธบายหนาตาง Gradient editor กรอบตวเลอก Gradient stop

Add stop กดเพอเพม Gradient stop

Delete stop กดเพอลบ Gradient stop

Offset แสดงตำา แหนงของ Gradient stop (Gradient start Offset = 0.00 และ Gradient end Offset=1.00 ไมสำมำรถปรบแกคำ Offset ได)Gradient stops ทอยภายใน Start และ End สามารถเลอนระยะ Offsetได ซงกคอการเลอนตำาแหนงของ Gradient stops นนเอง


6.14 Option สำำหรบกำร Tranform รปรำงทใสGradient

การ Tranform รปรางทใส Gradient ม Option หนงบน Tool Controls Bar ทเกยวของกบรปรางทใส Gradient โดยตรง กคอท Icon (Move gradients (in fill or stroke) along with the object)

เมอปมน Active(ถกกด) เมอทำาการ Tranfrom รปรางทใส Gradient Gradient จะถก Tranform ดวย แตถาไม Active(ไมถกกด) การ Tranform จะไมมผลตอ Gradient

ตนฉบบ หมนโดย ไมถกกดGradient stop ไมเปลยนแปลง

ยอสวนโดย ไมถกกดGradient stop ไมเปลยนแปลง

6.15 กำรปรบแนวของ Gradient

การปรบแนวของ Gradient path เมอใส Gradient ใหกบรปราง เสนแนวของ Gradient path สามารถโยกยายได โดยใช Gradient tool ขยบท Gradient start และ end

การยายจดศนยกลางของ Radial gradient Radial gradient สามารถยายจดศนยกลางได โดย กด Shift + Click คางท Gradient start > ลากไปวางยงตำาแหนงทตองการ

>>>

*** จดศนยกลำงของ Gradient (ทยำยออกมำแลว) เปนรปตว x *** หำกตองกำรยำยตว x กลบไปท Gradient start ใหลำกไปวำงตำมปกต


การใส Gradient ใหกบหลายรปรางพรอมๆกน หากเลอกหลายรปราง จากนนใส Gradient ใหกบทงกอน รปรางแตละตว จะแชร Gradient รวมกน หรอม Gradient start และ end รวมกน (แตกสามารถปรบแตงแยกกนไดในภายหลง แคเรมตนม Gradient เหมอนกนเทานน)

Repeat optionsทกรอบ Fill and Stroke ม Repeat option ซงเปนตวกำาหนดการไลเฉดสของ Gradient ในกรณท พนทของ รปรางอยนอกเหนอระยะของ Gradient path

Repeat options มอย 3 options กคอ 1. None : ใสสเปนสเดยว โดยมสเดยวกบ Gradient start หรอ end2. Reflected : ใส Gradient แบบเงาสะทอน เหมอนสองกระจก

(Gradient start และ Gradient end คอกระจก)3. Direct : ใส Gradient แบบเรยงตอกนไป

Repeat : None Repeat : Reflected Repeat : Direct


6.16 Pattern

การสราง Pattern ใชเอง เราสามารถสรางรปราง แลวแปลงไปเปน Pattern จากนนนำาไปใสเปนลวดลายใหกบพนหรอเสนขอบของรปรางอนๆได 1. สรางรปรางทจะนำามาทำาเปน Pattern

2. เลอกรปรางทจะนำามาทำาเปน Pattern แลวไปท Object > Pattern > Object to Pattern (Alt+I)

3. จากนนจะปรากฎรายชอ Pattern ทพงสรางไป อยในกรอบ Pattern fill (pattern7838)

การใส Pattern 1. เลอกรปรางทตองการจะใส Pattern2. เปดหนำตำง Fill and Stroke > กรณตองกำรใส Pattern ใหพน เลอก (TAB) Fill กรณ

ตองกำรใส Pattern ใหเสนขอบ เลอก(TAB) Stroke > เลอก Icon Patern ( ) > เลอก Pattern ทกรอบ Pattern fill

>>>


การปรบแตง Pattern Pattern ทใสใหกบรปราง สามารถ เลอน หมน หรอยอขยายได1. ใช Node tool(F2) Click รปรางทใส Pattern2. จะปรากฎ Handles 3 ตว ตามภาพ (ตำำแหนงใกลๆกบ รปรำง) Handles เหลานใชปรบ

แตง Pattern

Translation handle (X) ใชเลอนลวดลำย PatternRotation handle (วงกลม) ใชหมนลวดลำย Pattern Scale handle (สเหลยม) ใชปรบขนำดของ Pattern

3. ใช Mouse จบท Handles เพอปรบแตงลวดลาย Pattern

ภำพเรมตน เมอใช Node tool click ทรปรำงจะปรำกฎ Handles ทง 3 ตว

เลอน Pattern (Translation)ใช Mouse จบ Handle ตว X เลอน

หมน Pattern ใช Mouse จบ Handle วงกลม หมน

ยอ(หรอขยำย) Pattern ใช Mouse จบ Handle สเหลยม เลอนเขำออก


6.17 Option สำำหรบกำร Tranform รปรำงทใส Pattern

การ Tranform รปรางทใส Pattern ม Option หนงบน Tool Controls Bar ทเกยวของโดยตรง กคอท Icon (Move patterns (in fill or stroke) along with the object)

เมอปมน Active(ถกกด) เมอทำาการ Tranfrom รปราง Pattern จะถก Tranform ดวย แตถาไม Active(ไมถกกด) การ Tranform จะไมมผลตอ Pattern

ตนฉบบ หมนโดย ไมถกกดPattern ไมเปลยนแปลง

ยอสวนโดย ไมถกกดPattern ไมเปลยนแปลง

6.18 Fill rule (Even-odd VS Non-zero)

Fill rule เปนตวเลอกทใชในกรณทรปรางมเสนวนซอนทบกนภายใน Fill rule เปนตวกำาหนดวาจะใหใสสหรอไม บรเวณทซอนกน

Even-odd

Non-zero

(ซำย) Even-odd (ขวำ) Non-zero


Even-odd ruleเรมตนจากภายนอกรปราง นบ 0 เมอลากผานขามเสนของรปราง จะนบเพมทละ 1 ในทกครงทลากผาน หากเปนเลขค(Even) จะไมใสส หากเปนเลขค(Odd) จะใสส

Non-zero rule

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

หากเปน 0 จะไมใสส หากไมใช 0 จะใสส

การนบ Non-zero rule จะดทศทางของเสนดวย(ใหลองใสหวลกศรด)


บทท 7 : กำรแปรรปรำง (Tranformation)7.1 สงทตองรกอนทำำ Tranformation

รปราง สามารถถกเคลอนยาย(Move), ยอขยาย(Scale), เฉอน(Skew), กลบดาน(Flip) หรอหมน(Rotate) ได ซงทงหมด ถกเรยกรวมๆกนวา Tranformation(การแปรรป)

มหลายวธทจะทำา Tranformation เชน การใช Mouse, ใช Tool Controls Bar, ใช Menu หรอใชหนาตาง Tranform ซงจะไดอธบายไว ณ ทน แตทงน ไมจำาเปนตองรทงหมด ใหเลอกใชวธทถนดทสดกพอ

สงทตองรกอนทำา Tranformation 4. ทกการทำา Tranformation ดวย Mouse จะใช Select tool (F1)5. ขนาดและตำาแหนงของรปราง จะอางองจาก Bounding box (กรอบเสนประเมอเลอก

รปรำง) ตำาแหนง จะอางองทมมซายลางของ Bounding box ขนาด จะอางองขนาดของ Bounding boxBounding box ใน Inkscape มอย 2 ระบบ กคอ Visual bounding box (คาปกต) ระบบนจะรวมความหนาของเสนขอบ(Stroke)ไวดวย อกระบบกคอ Geomatric bounding box ระบบนไมรวมความหนาของเสนขอบ

ระบบ Visual bounding box และ Geometric bounding box ตำมลำำดบ

เปลยนระบบของ Bounding box ไดทหนาตาง Inkscape Preferences (Shift+Ctrl+P)

บทท 7: กำรแปรรปรำง (Tranformation) [7-1]

6. Tranformation โดยใชคบอรดจะอางถงคำาๆหนง กคอ “Step” เชน “เคลอนไปตำมลกศร 1 Step” เปนตน ขนาดหรอปรมาณของ Step สามารถตงคาไดทหนาตาง Inscape Preferences File > Inkscape Preferences (Shif+Ctrl+P)

7. บางคำา สงในการทำา Tranformation จะใชหนวย SVG Pixels บางคำา สงจะใชหนวย Screen Pixels โดย SVG Pixels คอหนวยทใชในไฟล SVG เปนคาคงท โดยปกตจะตงไวท 90 dpi สวน Screen Pixels จะอางถงความละเอยดของจอคอมพวเตอร การ Zoom หนาจอมากหรอนอย มผลตอการทำา Tranformation ทใชหนวย Screen Pixels เชน การเคลอนยายรปราง หาก Zoom มากๆ เชน 1000% จะขยบไดทละนอยๆเมอเทยบกบ SVG pixels แตเมอ Zoom นอยๆ เชน 10% จะขยบไดทละมากๆเมอเทยบกบ SVG pixels) - ลองทำาดแลวจะเขาใจไดเอง

7.2 กำรเคลอนยำยรปรำง (Moving)

การเคลอนยายรปรางโดยใช Mouse

Click ทรปรำง (Handles จะเปลยนไปเปนตามรปดานลาง) > ลำกรปรำง ไปยงตำำแหนงทตองกำร > ปลอย Mouse

Ctrl+ลาก รปราง : เคลอนรปราง โดยลอคแกน X หรอแกน Y ไว (ขนอยกบวาจะยายไปทาง ซาย-ขวา-บน-ลาง)

Shift+ลาก รปราง : ยกเลกการ Snap ชวคราว


การเคลอนยาย รปราง โดย ใช คยบอรด

Arrow : เคลอนไปตามลกศร 1 Step (คาปกตคอ 2 Pixels)

Shift + Arrow : เคลอนไปตามลกศร 10 Steps

Alt + Arrow : เคลอนไปตามลกศร 1 Screen pixel

Shift + Alt + Arrow : เคลอนไปตามลกศร 10 Screen pixels

การเคลอนยายโดยใชหนาตาง Transform (Shift+Ctrl+M)

หาก (Option) Relative move ไมถกตก คาในชอง Horizontal และ Vertical จะเปนพกดของหนากระดาษ

เลอกทรปรำง > ใสพกดลงในชอง Horizontal และ Vertical > กด Apply รปรางจะยายไปยงพกดดงกลาว มมซายลางของรปราง จะอยทพกดดงกลาว

ยำยวงรไปยงพกด x=20, y=35

หาก (Option) Relative move ถกตก คาในชอง Horizontal และ Vertical จะหมายถงระยะทตองการจะยายไปจากตำาแหนงเดม

(Option) Apply to each object seperately ใชในกรณเคลอนยายรปราง จำานวนหลาย รปราง หาก (Option) Apply to each object seperately ไมถกตก รปรางจะเคลอนไปทงกลมเทากน เสมอนยายรปรางเพยงรปรางเดยว หาก (Checkbox) Apply to each object seperately ถกตก รปรางจะเคลอนไปแบบกระจายระยะหางระหวางกน


กอนยำย

(Option) Apply to each object seperately ไมถกตก(Option) Relative move ไมถกตก

(Option) Apply to each object seperately ถกตก(Option) Relative move ถกตก

7.3 กำรยอหรอขยำยรปรำง (Scaling)

การยอหรอขยายรปรางโดยใช Mouse

Click ทรปรำง (Handles จะเปลยนไปเปนตามรปดานลาง) > ใช Mouse จบ Handle เพอยอหรอขยำย > ปลอย Mouse

Ctrl+ลาก Handle : คงอตราสวนความกวางตอความสง

Shift+ลาก Handle : ปรบขนาดรอบจดศนยกลาง ( จดศนยกลำงคอ เครองหมำย+ ใหดเรองกำรหมนรปรำง )

Alt+ลาก Handle : ขยายขนาดแบบลงตวท 2,3,4... เทา หรอยอขนาดแบบลงตว 1/2, 1/3, 1/4, … เทา

การยอหรอขยายรปรางโดยใช คยบอรด

. หรอ > : ขยายขนาดขน 1 Step (คาปกตคอ 2 Pixels)

, หรอ < : ยอขนาดลง 1 Step (คาปกตคอ 2 Pixels)

Ctrl+. หรอ Ctrl+> : ขยายขนาดไปท 200%

Ctrl+, หรอ Ctrl+< : ยอขนาดไปท 50%

Alt+. หรอ Alt+> : ขยายขนาดขน 1 Screen pixel

Alt+, หรอ Alt+< : ยอขนาดลง 1 Screen pixel


ตวเลอกเพมเตมสงเกตท Tool Controls Bar มปมอย 4 ปม ใชสำาหรบกำาหนดรายละเอยดเพมเตมในการยอหรอขยายรปราง

เมอยอหรอขยาย เสนขอบจะยอหรอขยายตาม

เมอยอหรอขยายสเหลยม สวนโคงทมมจะยอหรอขยายตาม

เมอยอหรอขยาย Graidient จะยอหรอขยายตามดวย

เมอยอหรอขยาย Pattern จะยอหรอขยายตามดวย

ตวอยาง

เสนขอบเทำเดม เสนขอบเลกลงตำมสดสวน

ตนฉบบ ยอขนำดโดย ปด ยอขนำดโดย เปด

รศมทมมเทำเดม รศมทมมเลกลงตำมสดสวน

ตนฉบบ(โคงทมม) ยอขนำดโดย ปด ยอขนำดโดย เปด

ระยะ Gradient เทำเดม ระยะ Gradient ยอลงตำมสดสวน

ตนฉบบ(ใส Gradient) ยอขนำดโดย ปด ยอขนำดโดย เปด

ขนำด Pattern เทำเดม ขนำด Pattern ยอลงตำมสดสวน

ตนฉบบ(ใส Pattern) ยอขนำดโดย ปด ยอขนำดโดย เปด


การยอหรอขยายรปราง โดยใชหนาตาง Transform (Shift+Ctrl+M) (Option) Scale proportionally เปนการบงคบใหคาในชอง Width และ Height เทากน กคอ จะขยายโดยสดสวนความกวางและความสงเทากน(Option) Apply to each object seperately ยอหรอขยายโดยมผลตอ รปราง แตละตวแยกกน (จดศนยกลางการยอขยายของใครของมน)

ตนฉบบ

(Option) Apply to each object seperately ไมถกตก(Option) Relative move ไมถกตก

รปรำง ขยำยออกจำกศนยกลำงของทงกอน

(Option) Apply to each object seperately ถกตก (Option) Relative move ถกตก

รปรำง ขยำยออกจำกศนยกลำงของใครของมน จนรปรำงอยซอนกน

7.4 กำรหมนรปรำง (Rotating)

การหมนรปรางโดยใช Mouse

Click ทรปรำง 2 ครง (ไมใช Double click ) Handles จะเปลยนไปเปนตามรปดานลาง > ใช Mouse จบ Handle ทมมเพอหมน > ปลอย Mouse

Ctrl+หมน Handle : Snap to angle (15 องศาโดยปกต)

Shift+ห ม น Handle : ห ม น ร อ บ ม ม ซ า ย ล า ง ข อ ง Bounding box

จดศนยกลางการหมน อยทเครองหมายบวก(+) สามารถยายไดโดยใช Mouse จบเลอน


ยำยจดหมนมำทดำนลำง จดศนยกลำงกำรหมนอยทเครองหมำยบวก

การหมนรปรางโดยใช คยบอรด

[ : หมนทวนเขมนาฬกา โดย Snap to angle (คาปกตคอ 15 องศา)

] : หมนตามเขมนาฬกา โดย Snap to angle (คาปกตคอ 15 องศา)

Ctrl+[ : หมนทวนเขมนาฬกา 90 องศา

Ctrl+] : หมนตามเขมนาฬกา 90 องศา

Alt+[ : หมนทวนเขมนาฬกา 1 Screen pixel

Alt+] : หมนตามเขมนาฬกา 1 Screen pixel

การหมนโดยใชหนาตาง Transform (Shift+Ctrl+M)

(Option) Apply to each Object seperately หมนโดยมผลตอรปรางแตละตว (จดศนยกลางการหมนของใครของมน)

ตนฉบบ

(Checkbox) Apply to each รปรำง seperately ไมถกตกหมนรปรำง ทงกอนพรอมกน

(Checkbox) Apply to each รปรำง seperately ถกตกหมนรปรำง แยกกน จดศนยกลำงของใครของมน


7.5 กำรเฉอนรปรำง (Skewing)

การเฉอนรปรางโดยใช Mouse

Click ทรปรำง 2 ครง (ไมใช Double click ) Handles จะเปลยนไปเปนตามรปดานลาง > ใช Mouse จบ Handle เพอเฉอน > ปลอย Mouse

Ctrl+ลาก Handle :Snap to angle (15 องศาโดยปกต)

Shift+ ลาก Handle : เฉอนรอบมมซายลางของ Bounding box (กรอบสเหลยมเสนประเมอเลอก รปรำง )

จดศนยกลางการเฉอน อยทเครองหมายบวก(+) เชนเดยวกบจดศนยกลางการหมน ซงสามารถยายได โดยใช Mouse จบเลอน

ยำยจดเฉอนมำทดำนลำง จดศนยกลำงกำรเฉอนอยทเครองหมำยบวก

7.6 กำรกลบดำนรปรำง (Flipping)

การกลบดานรปรางโดยใช Mouse

Click ทรปรำง (Handles จะเปลยนไปเปนตามรปถดไป) > ใช Mouse จบ Handle > ลำกกลบไปอกดำนหนง > ปลอย Mouse

การกลบดานโดยใช Mouse คลายกบการยอหรอขยาย แตจะตางกนท หากลาก Handle กลบมาอกดานหนงจะเปนการกลบดานรปราง


>>>

(1) (2)

Shift+ลาก Handle : กลบดานรอบศนยกลาง ( เครองหมำย + )Alt+ลาก Handle : กลบดานแบบลงตวท 2,3,4... เทา หรอ

กลบดานแบบลงตว 1/2, 1/3, 1/4, … เทา

การกลบดาน รปราง โดยใช คยบอรด

H : กลบในแนวแกน X (แนวราบ)

V : กลบในแนวแกน Y (แนวดง)


บทท 8 : พำธ (Paths)8.1 พำธ( Paths) คออะไร?

พาธ คอเสนอสระหรอรปรางอสระ

พาธ เปนไดทงเสนเปด, วงปด, และ รปรางผสม

เสนเปด วงปด พำธผสมมกเสนกไดแตเปน 1 รปรำงเทำนน

แตละเสนจะเรยกวำพำธยอย (Sub-paths)

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

8.2 Bezier curves พนฐำนสำำคญของพำธ

การทำางานกบพาธ จะมประโยชนมากมาย หากเขาใจความหมายและคณสมบตของ Bezier curves เพราะ Bezier curves ถอเปนพนฐานทสำาคญของพาธ ซง Bezier curves เองกถกใชในโปรแกรมดาน Graphics หลายๆตว

Bezier curvesBezier curves คอ เสน(Segment) ทประกอบไปดวย End points 2 จด (บอยครงจะเรยกว า Nodes) โดยแต ละ End point(หร อ Node) จะม Control point (หร อ Handle) กำากบอย

Control points ใชควบคมเสน Segment โดยเสนจาก End point ถง Control point จะสมผสแบบขนานกบเสน Segment เสมอ

บทท 8: พำธ (Paths) [8-1]

Bezier curves ตงแต 2 เสนตอกน ในกรณทเสน Bezier curves ตงแต 2 เสนตอกน จดทเสนตอกน สามารถทจะตอแบบ โคงเรยบ(Smooth)-แทนดวย Node รปสเหลยม หรอ โคงเรยบอตโนมต(Auto-smooth) -แทนดวย Node รปวงกลม

หรอ ตอแบบเปนมม ซงเรยกวา Cusp node(Node ปลายแหลม)-แทนดวย Node รปสเหลยมขำวหลำมตด(Diamond)

นอกจากน เสนระหวาง Node จะเปนเสนโคง หรอเปนเสนตรงกได หากเปนเสนตรงจะไมม Control points

8.3 Pencil tool

Pencil tool เปนเครองมอทใชวาดเสนพาธแบบงายๆ โดยใชการลาก Mouse แบบอสระ

การใชงาน Pencil tool 8. เลอกเครองมอ Pencil tool (F6 หรอ P) 9. (วาดเสนโคง) Click คำงบนพนททำำงำน > ลำก Mouse เพอวำดเสน > ปลอย Mouse

(วาดเสนตรง) Click(ตนเสน) > เลอน Mouse> Click(ปลำยเสน) 10. หากตองการตอเสน Click ท Node ปลำยเสน > วำดเสนตอเนอง

คยรวม (กรณวาดเสนโคง)ระหวางลาก Mouse เพอวาดเสน มคยทใชรวมดวยดงตอไปน

Shift + ลาก Mouse : ยกเลกการ Snap ชวคราว

Alt + ลาก Mouse : เขาส Sketch mode จะวาดกเสนกได จะปลอย Mouse ระหวางวาดกได (แตยงกด Alt คำงไว) สดทาย เมอปลอยปม Alt เสนทออกมาจะเปนเสนทเกดจากการเฉลย


Ctrl + Click : วาดจด (ขนาดของจดตงไดท Inkscape preference (Shift+Ctrl+P) > Tool > Pencil > ดทกรอบ Ctrl+Click dot size: …... )

Ctrl + Shift + Click : วาดจดขนาดใหญเปน 2 เทา

Ctrl + Alt + Click : วาดจดแบบสมขนาด

Tool Controls ของ Pencil tool

สรางเสน Bezier curve ปกต สรางเสน Spiro path (เปนเสนอกระบบหนง ปกตไมคอยไดใช)

Smoothing ความโคงของเสน (มคำ 1-100 คำมำก โคงมำก คำนอย เสนจะขรขระ) มผลตอจำานวนของ Node ทกำากบเสน

คำ Smoothing 5, 20 และ 50 ตำมลำำดบ

Shape รปแบบของเสน คาปกต(None) จะเปนเสนเรยบๆ ขนาดเดยว(ใหดเรอง Bezier tool )

8.4 ลดจำำนวน Node ดวย Simplify

(ตอจากเครองมอ Pencil tool ในขอ 8.3 )

เมอวาดเสนดวย Pencil tool มกจะพบวา ม Node เปนจำานวนมาก เราสามารถลดจำานวน Node ลงไดโดย 1. เลอก พาธ2. ไปท Path > Simplify (Ctrl+L) กดซำาๆ จะทำาการลดจำานวน Node ไปเรอยๆ


8.5 Bezier tool (หรอ Pen tool)

เมอวาดเสน ดวย Pencil tool โปรแกรมจะสราง Node ใหอยางอตโนมต ซงบางครงกมากไป บางครงกนอยไป แตเทานยงไมเทาไร เพราะเราสามารถลดจำานวน Node ลงได ทสำาคญกคอ ตำาแหนงของ Node และชนดของ Segment ทโปรแกรมสรางให ซงเราไมสามารถกำาหนดไดเองขณะวาด ฉะนน เมอวาดเสรจ กตองกลบมาปรบแตง Node เยอะมากๆ

Bezier tool มขอดทสามารถกำา หนดตำา แหนงของ Node ได รวมทงกำาหนดชนดของ Segment ขณะวาดไดดวย

การวาดเสน พาธ ดวย Bezier tool

1. เลอก Bezier tool (Shift+F6 หรอ b)2. Click คำง + ลำก Mouse บนพนททำำงำน เพอสราง Node แรก (เรมตน) จากนน ปลอย

Mouse โดยจดทปลอย Mouse จะเปน Control point ของ Node แรก

3. เลอน Mouse ไปยงตำำแหนงตอไป ขณะทเลอน Mouse จะปรากฎเสน Bezier curve สแดง

4. Click คำง + ลำก Mouse อกครง เพอกำาหนด Node(ท 2) จากนน ปลอย Mouse โดยจดทปลอย Mouse จะเปน Control point ของ Node(ท 2) น


5. เลอน Mouse ไปยงตำำแหนงตอไป เพอสราง Node ตอไป ทำาอยางนวนไปเรอยๆ

6. เมอวาดเสรจ ใหกด Enter หรอ Click ขวา เพอจบการสรางเสน

กรณวาดเสนตรงให Click (แลวปลอย Mouse ทนท) เพอกำาหนด Node แรก จากนน เลอน Mouse ไปยงตำาแหนงทตองการ แลว Click อกครง เพอกำาหนด Node ท 2 ทำาวนไปเรอยๆ

เสนตรงไมม Control point

การตอเสนหากตองการตอเสนให Click ท Node ปลำยเสน > วำดเสนตอเนอง

การวาดวงปดขณะวาดและสราง Node ไปเรอยๆให วกกลบมำ Click ท Node แรก จะเปนการสรางวงปด

คยรวมขณะวาด

Arrow keys : ขยบ Node ลาสดตามทศทางของลกศร

Shift+Arrow keys : ขยบ Node ลาสดตามทศทางของลกศรสบเทาของคาปกต

Alt+Arrow keys : ขยบ Node ลาสดตามทศทางของลกศร ทละ 1 Screen pixel

กด Shift ขณะปลอย Mouse สราง Control point : บงคบให Control points 2 อนกบ Node แยกจากกน(ทำาใหเปน Cusp Node) วาดปกตจะอยในแนวเดยวกน

กด Ctrl(ขณะวาด) : Snap to angle


Delete หรอ Backspace : ลบ Node ลาสด

Esc หรอ Ctrl+Z : ลบเสนพาธทยงวาดไมเสรจ (พาธสแดง)

Shift + L : เปลยน Segment เสนโคงทยงวาดไมเสรจ(สแดง) ใหเปนเสนตรง

Shift + U : เปลยน Segment เสนตรงทยงวาดไมเสรจ(สแดง) ใหเปนเสนโคง

Option ของ Bezier tool

สรางเสน Bezier curve ปกต สรางเสน Spiro path (เปนเสนอกระบบหนง ปกตไมคอยไดใช)

สรางเสนตรง สรางเสนตรงในแนวแกน X-Y เทานน

Shape รปแบบของเสน มอย 5 แบบ

เสนแบบ None, Triangle in, Triangle out, Ellipse, From Clipboard ตำมลำำดบโดย Form Clipboard กอนวำดเสน ได Copy รปดำวหกแฉก(ทอยดำนขำง)ไวกอน

8.6 Calligraphy tool

Calligraphy tool เปนเครองมอวาดพาธทมลกษณะเหมอนปากกาหวตว

ผลทไดจากการวาดดวย Calligraphy tool จะตางจาก Pencil tool หรอ Bezier tool เพราะจะไดพาธทเปนวงปดตามรปรางทวาด มสพนและเสนขอบ


การวาดพาธ ดวย Calligraphy tool 1. เลอก Calligraphy tool (Ctrl+F6 หรอ c)2. Click คำงบนพนททำำงำน > ลำก Mouse เพอวำด > ปลอย Mouse

Tool Controls ของ Calligraphy tool

Preset รายการปากกาหวตดทไดตงคาไวแลว

Width (1-100) ความกวางของเสน ระหวางวาดเสน(Click Mouse คาง) สามารถใช Arrow keys ซาย หรอ ขวา เพอลดหรอเพมความกวางของเสนไดตามลำาดบ

เรมวำดจำก Width=1 ไลไปถง 100 แลววกกลมำท 1 อกครง

Thinning (-100 ถง 100) คา Thinning ใชกำาหนดความสมำา เสมอของความหนาเสน นอกจากคาตวเลข Thinning ความเรวในการลากเสนกเปนตวควบคมความความสมำาเสมอของเสนดวย หากลากเสนเรวๆเสนจะยงบางตรงกลาง (คา+) ยงลากชาๆเสนจะยงหนาตรงกลาง(คา -)

Thinning =0 (หนำเทำกนหมด)

Thinning =30 Thinning = -30

Thinning = 100 Thinning = -100


Angle (-90 ถง 90)มมเอยงของปากกาหวตดในการวาดเสนระหวางวาดเสน(Click Mouse คาง) สามารถใช Arrow keys บน หรอ ลาง เพอปรบมมเอยงของปากกาไดดวย

ตวอยำงกำรปรบมมปำกกำแบบตำงๆ

Fixation (0-100) ใชกำาหนดความสมำาเสมอมมเอยงของปากกา หาก Fixation=100 มมของปากกาจะคงทตลอด หาก Fixation ลดลงมาเรอยๆ เชน 80,60... มมของปากกาจะบดไปบดมามากขนเรอยๆ จนกระทง Fixation=0 มมของปากกาจะตงฉากกบทศทางการลากปากกาเสมอ

Angle=30Fixation=100

Angle=30Fixation=50

Angle=30Fixation=0

Cap (0-5) คาความโคงของปลายเสน 0 คอแบน 5 เปนวงร(เรยวมาก)

Cap=0 และ 1 ตำมลำำดบ


Tremor (0-100) ใชกำาหนดการเขยาปากกาขนลง เพอสรางเสนทเปนฟนเรอย คา Themor ยงมาก ปากกายงเขยามาก นอกจากน จำานวนฟนเรอย ความถฟนเรอย ยงขนอยกบความเรวในการลากปากกาดวย

Tremor=0

Tremor=25 ลำกชำและเรว ตำมลำำดบ

Tremor=50 ลำกชำและเรว ตำมลำำดบ

Tremor=75ลำกชำและเรว ตำมลำำดบ

Tremor=100ลำกชำและเรว ตำมลำำดบ

Wiggle (0-100) ควบคมการแกวงปากกา เหมอนกบลากปากกาบนกระดาษยบๆ

Wiggle=0, 50 และ 100 ตำมลำำดบ

Mass (0-100) ความหนดของปากกา คายงมากปากกายงหนด ลาก Mouse ไปไกลแลว เสนยงไปไมถงไหน

ควบคมความหนาของเสน โดยการลากผานรปรางอนๆ หากรปรางทถกลากผานยงดำา เสนยงหนา

ควบคมแรงกด (ตองใขรวมกบอปกรณ Tablet)

ควบคมมมของปากกา (ตองใขรวมกบอปกรณ Tablet)


8.7 กำรใช Calligraphy tool วำดเสนขนำน

หากมเสนพาธอย เราสามารถลากเสนขนานเสนพาธ นนไดโดยใช Calligraphy tool

การวาดเสนขนานเสน พาธ โดยใช Calligraphy tool 1. เลอกเสน พาธ2. เลอก Calligraphy tool3. กด Ctrl คางไว จะปรากฏวงกลมสมผสกบ พาธ จากนน Click Mouse คำง > ลำก

Mouse ไปตำมควำมโคงของเสนพำธ > ปลอย Mouse จะไดเสนขนำน

4. ทำาซำาขอ 3 ไปเรอยๆ จะไดเสนขนานหลายๆเสน

*** เสนทไดจะเปนวงปด เพยงแตบำงมำก จนมองเหนเปนเสน

8.8 กำรสรำงพำธ โดยใช Object to Path และ Stroke to Path

Object to Path ใชในการแปลงโครงสรางเสนรปรางเรขาคณต ใหเปนโครงสรางแบบ พาธ เพอทจะสามารถปรบแตงโครงสรางไดอยางอสระ

คำาสง Object to Path ไปท Path > Object to Path (Shift+Ctrl+C)

Stroke to Path ใชในการแปลงรปรางใหเปนวงปด เสมอนการวาดเสนพาธรอบๆรปรางอกทหนง (ม Node รอบๆรปราง) รปรางยงดเหมอนเดม เพยงแตโครงสรางเสนเปลยนไป

เสนพำธ เสนทแปลงโดยใชคำำสง Stroke to Path แลว

คำาสง Stroke to Path ไปท Path > Stroke to Path (Ctrl+Alt+C)


บทท 9 : กำรปรบแตงพำธ9.1 กำรใช Node tool ปรบแตงพำธ

พาธ เปนรปรางทสามารถทำาการ Tranform ไดเหมอนกบรปรางเรขาคณต เชน การยาย, การยอหรอขยาย, การเฉอน หรอ การหมน ซงเหลานมผลตอทงรปรางในภาพรวม

การปรบแตงพาธในบทน จะหมายถงการปรบแตง Nodes ซงเปนตวกำากบโครงสรางของพาธ เปนการปรบแตงในระดบของรายละเอยด

การปรบแตงพาธ จะใช Node tool (F2 หรอ n)

การเลอก Nodes หรอ Segment Nodes หรอ Segment จะตองถกเลอกกอน กอนทจะทำาการปรบแตง

Click ท Node : เลอก Node ( เมอนำา Mouse ไปชท Node เฉยๆ Node จะเปนสแดง , แต Node ทถกเลอกจะเปลยนเปนสเทาเขมและม Control points ปรากฏ รวมทง Node ใกลเคยงกจะม Control points ปรากฎดวย )

Click ท Segment ( Segment คอ สวนของเสนพำธทอยระหวำง 2 Nodes ทอยตดกน ) : Nodes ดานขางของ Segment ทง 2 Nodes จะถกเลอก (สามารถ Click+ลาก Segment นเพอขยบปรบแตงไดเลย )

Click + ลาก Mouse ครอบคลม Node : เลอก Nodes ทงหมดทอยในกรอบ

Shift + เลอก Nodes : เพม Nodes เขาสรายการทถกเลอกไวแลว หรอ ยกเลกการเลอก (กรณ Nodes นนถกเลอกไวแลว)

นำา Mouse ไปชท Node + เลอนลกกลง Mouse ขนหรอลง : เลอก Nodes ทอยตดกนขยายออกไปเรอยๆ(จาก Node ท Mouse ชอย) หรอยกเลกการเลอก ตามลำาดบ

TAB : เลอก Node ถดไป

Shift + TAB : เลอก Node ทอยกอนหนา

บทท 9: กำรปรบแตงพำธ [9-1]

Ctrl+A : เลอกทก Nodes

! : สลบการเลอก กรณ พาธประกอบไปดวยหลายเสนแยกจากกน (เปนพาธแบบผสม) จะมผลเฉพาะในพาธยอย(Sub-path)เทานน

พำธ ทประกอบไปยอย 2 พำธยอย ดเผนๆ เหมอนเปน 2 รปรำง แตจรงๆเปน รปรำงเดยวเมอใช Mouse Click ทเสนใดเสนหนง ทงหมดจะถกเลอกพรอมกน

Alt + ! : สลบการเลอก (มผลตอทกๆ พาธยอย)

Shift + Click ทพาธอนๆ : เพมทงพาธเขาสการเลอก (เลอกหลายๆรปราง)

การเพมหรอลบ Nodes

Click เลอก Segment > กด Insert หรอ Shift + I : เพม Node ทกลาง Segment

Double click ท Segment : เพม Node ณ ตำาแหนงท Double click

เลอก Nodes > กด Delete หรอ Backspace : ลบ Nodes

Ctrl + Alt + Click ท Node : ลบ Node

เลอก Nodes > Ctrl+ Delete : ลบ Nodes โดย Control points ของ Nodes ทอยตดกนไมเปลยนแปลง (หากลบปกต โดยกด Delete หรอ Backspace Inkscape จะพยายามรกษารปรางไว จงทำาให Control points ของ Nodes ทอยตดกนยายตำาแหนงตาม )

การยาย Nodes โดยใช Mouse หลงจากเลอก Nodes แลว เราสามารถปรบแตง Nodes ไดดงน

Click คาง > ลาก Mouse : ยายตำาแหนง Nodes

Ctrl+Click คาง > ลาก Mouse :ยายตำาแหนง Nodes โดยลอคแกน X หรอ Y

Ctrl+Alt+Click คาง > ลาก Mouse : ยายตำาแหนง Node ตามแนวของเสน(สฟา) ทเชอมระหวาง Control point ถง Node

Shift+Click คาง > ลาก Mouse : ยกเลกการ Snap ชวคราว


การปรบแตง Control points( หรอ Handles) โดยใช Mouse

Click คาง > ลาก Mouse : ยายตำาแหนง Control point (ดดเสนพาธ)

Shift+Click คาง > ลาก Mouse : หมน Control points ทงสองจดทกำากบ Node พรอมกน (ใชบอยๆ กบ Cusp nodes)

Ctrl+Click คาง > ลาก Mouse : Snap to angle

Alt+Click คาง > ลาก Mouse : ลอคความยาวของเสน(สฟา) ทเชอมระหวาง Node ถง Control points ทงสองจด

การยาย Nodes โดยใช Keyboard

Arrow : ยาย Nodes 1 Step (ปกตคอ 2 Pixels สามารถตงคา Steps ไดท File > Inkscape Preferences... (Shift+Ctrl+P) เลอก Steps )

Shift + Arrow : ยาย Nodes 10 เทาของ Step

Alt + Arrow : ยาย Nodes 1 Screen pixel

Alt + Shift + Arrow : ยาย Nodes 10 Screen pixels

การยอหรอขยายเสนเชอมระหวาง Node ถง Control points ( เสน Control points) โดย ใช Keyboard คำาสงตอไปนมผลเฉพาะการเลอกเพยง 1 Node เทานน

. หรอ > : ขยายเสน Control points ทง 2 เสนทเชอม Node พรอมๆกน 1 Step

, หรอ < : ยอเสน Control points ทง 2 เสนทเชอม Node พรอมๆกน 1 Step

Left-Ctrl + . หรอ > : ขยายเสน Control point ดานซายของ Node 1 Step

Left-Ctrl + , หรอ < : ยอเสน Control point ดานซายของ Node 1 Step

Right-Ctrl + . หรอ > : ขยายเสน Control point ดานขวาของ Node 1 Step

Right-Ctrl + , หรอ < : ยอเสน Control point ดานขวาของ Node 1 Step

Left-Alt + . หรอ > : ขยายเสน Control point ดานซายของ Node 1 Screen pixel

Left-Alt + , หรอ < : ยอเสน Control point ดานซายของ Node 1 Screen pixel

Right-Alt + . หรอ > : ขยายเสน Control point ดานขวาของ Node 1 Screen pixel

Right-Alt + , หรอ < : ยอเสน Control point ดานขวาของ Node 1 Screen pixel


การหมนเสนเชอมระหวาง Node ถง Control points ( เสน Control points) โดยใช Keyboard

[ : หมนเสน Control points ทวนเขมนาฬกา พรอมกนทง 2 เสน โดย Snap to angle

] : หมนเสน Control points ตามเขมนาฬกา พรอมกนทง 2 เสน โดย Snap to angle

Left-Ctrl + [ : หมนเสน Control points ดานซายทวนเขมนาฬกา โดย Snap to angle

Left-Ctrl + ] : หมนเสน Control points ดานซายตามเขมนาฬกา โดย Snap to angle

Right-Ctrl + [ : หมนเสน Control points ดานขวาทวนเขมนาฬกา โดย Snap to angle

Right-Ctrl + ] : หมนเสน Control points ดานขวาตามเขมนาฬกา โดย Snap to angle

Left-Alt + [ : หมนเสน Control points ดานซายทวนเขมนาฬกา ทละ 1 Screen pixel

Left-Al + ] : หมนเสน Control points ดานซายตามเขมนาฬกา ทละ 1 Screen pixel

Right-Al + [ : หมนเสน Control points ดานขวาทวนเขมนาฬกา ทละ 1 Screen pixel

Right-Al + ] : หมนเสน Control points ดานขวาตามเขมนาฬกา ทละ 1 Screen pixel

Tool Controls ของ Node tool

เพม Node โดยตองเลอก Segment กอน หรอเลอก Nodes ตงแต 2 Nodes ขนไป โดย Node ใหมทเพมเขามาจะอยทกลาง Segment

ลบ Node(s) ทถกเลอก--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

(Shift+J) รวม Nodes ทแยกกน ใหเปน Node เดยว

(ซำย) 2 Nodes ตรงกลำงถกเลอก (ขวำ) 2 Nodes ตรงกลำงถกรวมเปน Node เดยว

(Shift+B) แยก Node เปน 2 Nodes

(ซำย) Node ตรงกลำงถกเลอก (ขวำ) แยก Node ตรงกลำง (แตซอนทบกนอย)


--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

สราง Segment ระหวาง End nodes

(ซำย) 2 End Nodes ถกเลอก (ขวำ) มเสน Segment เชอมระหวำง 2 Nodes

ลบ Segment ทอยระหวาง Nodes

(ซำย) Segment ตรงกลำงถกเลอก (ขวำ) Segment ตรงกลำงถกลบ --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

(Shift+C) ทำาใหเปน Cusp node (หรออกชอหนงคอ Corner node) Handles 2 อน ท Node จะเปนอสระตอกน

(Shift+S) ทำาให Node โคงเรยบ(Smooth) Handles 2 อนท Node จะอยในแนวเดยวกนเสมอ

(Shift+Y) ทำาให Node โคงเรยบ(Smooth)และสมมาตร Handles 2 อนท Node จะอยในแนวเดยวกน และ มความยาวเทากนเสมอ

(Shift+A) ทำาให Node เปนแบบ Auto-smooth

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

ทำาให Segment ทถกเลอกเปนเสนตรง

ทำาให Segment ทถกเลอกเปนเสนโคง--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

(Shift+Ctrl+C) แปลงโครงสรางเสนใหเปนพาธ ( Path > Object to Path)

(Ctrl+Allt+C) แปลงเสนใหเปนเสนขนานวงปด โดยรปรางไมเปลยนแปลง คลายการวาดเสนพาธ ตามแนวของเสนขอบทงวงในและวงนอก ( Path > Stroke to Path)


--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

X พกด X ของ Node ทถกเลอก (หากเลอกหลาย Nodes จะเปนคา X เฉลย)

Y พกด Y ของ Node ทถกเลอก (หากเลอกหลาย Nodes จะเปนคา Y เฉลย)

mm หนวยของพกด X และ Y (สามารถเปลยนได โดย Click แลวเลอกหนวยทอยในรายการ)--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

สลบ เปด/ปด Clip พาธ (ดเรอง Clipping and Mask)

สลบ เปด/ปด Mask พาธ (ดเรอง Clipping and Mask)

สลบการแสดงผล LPE (ดเรอง LPEs)--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

สลบการแสดง Tranformation handles (Handle ทใชในการ Tranform รปราง)กรณเลอกหลาย Nodes แลวเปดใหแสดง Tranformation handles Nodes จะสามารถทำาการ Tranform ไดเหมอนการ Tranform รปราง

3 Nodes ทถกเลอก และ มกำรกดเปดปมแสดง Tranformation handles

ยอ Tranformation handles

หมน Tranformation handles(กด Shift+H เพอสลบ Mode ของ Tranformation handles เปนแบบหมนหรอแบบยอขยำย)

สลบ เปด/ปด การแสดง Handles (หรอ Control points)

แสดงโครงรางของพาธ ในกรณท Path ใส Effect (ดเรอง LPEs)


9.2 กำรจดเรยง Nodes โดยใชหนำตำง Align and Distribute

หนาตาง Align and Distribute (จดเรยงและกระจาย) เปนเครองมอทใชจดเรยงรปราง ทมจำานวนมากไดอยางมประสทธภาพ นอกจากนยงสามารถจดเรยง Nodes ทอยในรปราง ไดดวย

การเปดหนาตาง Align and Distribute ไปท Object > Align and Distribute... ( Shift+ Ctrl + A) หรอ Click ท Icon บน Commands Bar

เรยง Nodes ใหอยในแนวนอน แนวเดยวกน

เรยง Nodes ใหอยในแนวตง แนวเดยวกน

กระจายระยะหางของ Nodes ใหเทากน ในแนวนอน

กระจายระยะหางของ Nodes ใหเทากน ในแนวตง

หนำตำง Align and Distribute เมอ Node tool ถกเลอก *****

ตวอยำงกำรจดแรยงและกระจำย Nodes ตวอยำงกำรจดแรยงและกระจำย Nodes ทใส Markers

9.3 กำรปรบแตง Nodes จำำนวนมำก ดวยเทคนค Sculting nodes

เทคนค Sculting nodes (แกะสลก) จะชวยปรบแตงรปรางทม Nodes จำานวนมากๆ ไดอยางรวดเรว เปนระเบยบ และสวยงาม ไมตองมาเลอกทละ Node หรอปรบแตงหลายๆครง

เทคนค Sculting มหลกการงายๆ กคอ ใหเลอก Nodes ไวจำานวนหนง จากนนใช Mouse จบท Node ใด Node หนงเลอน พรอม กด Alt คางไว Nodes อนๆ กจะขยบตามแบบกระจายตวอยางเปนระเบยบ (หำกไมกด Alt ไว Nodes อนๆจะขยบตำมเทำกนทก Nodes)

เลอก Nodes ทงหมดทอยภำยใน และขยบ Node กลำงขน โดยไมกด Alt

เลอก Nodes ทงหมดทอยภำยใน และขยบ Node กลำงขน โดยกด Alt


9.4 กำรสรำง Offset path

การสราง Offset path คอ การยอหรอขยายพาธ ใหขนานกบแนวเสนเดม ตางจากการยอหรอขยายรปรางทวไป เพราะยอแลวหรอขยายแลว เสนอาจไมขนานกบแนวเดมเสมอไป

Inset path : Path > Inset ( Ctrl+( ) : ยอพาธใหขนานกบแนวเสนเดม 1 Step

Outset path : Path >Outset ( Ctrl+) ) : ขยายพาธใหขนานกบแนวเสนเดม 1 Step

Dynamic offset path : Path > Dynamic Offset ( Ctrl+J ) : เมอใชคำา สงแลว จะปรากฏ Offset handle ซงสามารถขยบ(เขาหรอออก) เพอแปลงเปน Inset หรอ Outset พาธเมอไรกได แตไมสามารถแกไขโครงสรางเสนได ตองใชคำาสง Object to Path จงจะสามารถแกไขได

Linked offset path : Path > Linked Offset ( Ctrl+Alt+J ) : เมอใชคำาสงแลว จะ Copy เปน Offest พาธ ขนมา ซงจะม Handle ทสามารถขยบเพอแปรรปรางเปน Inset หรอ Outset พาธเมอไรกได (เหมอน Dynamic offset พาธ) แตทง น ตนฉบบจะไมเปลยนแปลง และยงสามารถแกไขได โดยเมอแกไขแลวจะมผลตอ Offset พาธดวย นอกจากน จะสราง Linked offset path จากตนฉบบเดยวกนกเสนกได (คำำสงนเปลอง Memory มำก)


9.5 กำรกลบทศทำงเสนพำธ (Reverse path)

พาธ มทศทาง ใหลองใส Markers หวลกศร กจะเหนทศทางของพาธ ตรงไหนเปนหว ตรงไหนเปนหาง

ทศทางของพาธ มผลตอการใชคำาสงบางอยางเชน การเลอก Node ถดไป (TAB), Fill-rule เปนตน

การกลบทศทางเสนพาธ5. เลอก พาธ6. ใชคำาสง Path > Reverse (Shift+R, Shortcut จะใชไดกตอเมอ Node tool ถกเลอก)

การตงคาใหแสดงทศทางของเสนพาธ

เมอกด (Option ของ Node tool) กจะแสดงโครงรางทศทางของพาธ

ทศทำงของพำธจะเปนรปกำงปลำสแดง


บทท 10 : กำรผสมพำธ

10.1 Combine และ Break Apart

Combine เปนการรวมพาธตงแต 2 พาธ เขาไวดวยกนใหเปนพาธเดยว เปนพาธทเรยกวา พาธผสม รปรางลกษณะยงเหมอนเดม เสนยงแยกจากกน เพยงแตเมอถก Click พาธยอย(Sub-พาธ) ทอยในพาธผสม จะถกเลอกพรอมๆกนทงหมด

การ Combine พาธ 7. เลอกพาธ (ตงแต 2 เสนขนไป)8. ใชคำาสง Combine : Path > Combine (Ctrl+K)

2 พำธ ทยงไมได Combineเปนอสระตอกน เปนคนละ รปรำง

2 พำธ ท Combine เปนพำธผสมทงหมดถกมองเปนพำธเดยว แมเสนจะแยกจำกกน(แตละอนจะถกเรยกวำ Sub-path หรอ พาธยอย)

จำกนสำมำรถใชคำำสงเชอม Nodes ใหเปนเสนเดยวกนได

Break Apart เปนการแยก พาธยอยออกจากพาธผสม เปนคำาสงตรงขามกบ Combine เมอแยกออกมาแลวจะไดเปน พาธใหม ทไมขนกบพาธผสมอกแลว

การแยกพาธ1. เลอกพาธผสม2. ใชคำาสง Break Apart : Path > Break Apart (Shift+Ctrl+K) พาธยอยทงหมด

จะแยกเปนพาธ

บทท 10: กำรผสมพำธ [10-1]

10.2 Union

Union เปนการรวมพาธ ตงแต 2 พาธ ขนไป เพอสรางเปนพาธใหมขนมา โดยพาธใหมน จะรวมเอาขอบเขตของพาธทงหมดเขาไวดวยกน

Union พาธ 1. เลอกพาธ ตงแต 2 พาธ ขนไป2. ใชคำาสง Union : Path > Union (Ctrl + +)

>>>

*** เมอ Union แลวจะไมสำมำรถแยกพำธ ได

10.3 Difference

Difference เปนการรวมพาธ 2 พาธ โดยตดพนทพาธทอยดานบนทง (คลายกบการใชพาธ บนเปนใบมด ตดพาธดานลาง)

Differrence พาธ 1. เลอกพาธ 2 พาธ2. ใชคำาสง Difference : Path > Difference (Ctrl + -)

>>>


10.4 Intersection

Intersection เปนการรวมพาธ ตงแต 2 พาธขนไป โดยจะสรางพาธใหมขนมาจากบรเวณพนททซอนทบกน

Intersection พาธ 1. เลอกพาธ ตงแต 2 พาธ ขนไป2. ใชคำาสง Intersection : Path > Intersection (Ctrl + *)

>>>

10.5 Exclusion

Exclusion เปนการรวมพาธตงแต 2 พาธ ขนไป โดยพาธใหมทเกดขนมา จะเปนพาธผสม โดยพาธเดมทงหมดจะกลายเปนพาธยอย การเตมสพนจะเปนไปตามกฎของ Fill-rule (ใหดเรอง Fill-rule ในบทท 6 กำรตกแตงสพนและเสนขอบ)

Exclusion พาธ 1. เลอกพาธ ตงแต 2 พาธ ขนไป2. ใชคำาสง Exclusion : Path > Exclusion (Ctrl + ^)

>>>


10.6 Division

Division เปนการรวมพาธ 2 พาธ โดยตดพนทพาธทอยลาง กบสวนทอยซอนทบกนแยกออกมา วธนสรางเปนพาธใหมไดตงแต 2 พาธขนไป (คลายกบการใชพาธบนเปนใบมดตด พาธดานลาง แตไมไดทงสวนทถกตดออกไป)

Division พาธ 1. เลอก พาธ 2 พาธ2. ใชคำาสง Division : Path > Division (Ctrl + /)

>>> >>>

Division พำธ แยกออกมำใหเหนชดๆ(ม 2 พำธ แยกกน)

10.7 Cut Path

Cut Path เปนการรวมพาธ 2 พาธ โดยตดเสนขอบของพาธทอยลางแยกออกจากกน (คลายกบการใช พาธบนเปนใบมด ตดพาธดานลาง แตตดเฉพาะเสนขอบ)

Cut Path1. เลอกพาธ 2 พาธ2. ใชคำาสง Cut Path : Path > Cut Path (Ctrl + Alt + /)

>>> >>>

Cut path แยกออกมำใหเหนชดๆ(ม 2 พำธ แยกกน)


10.8 Clipping and Masking

Clipping และ Masking เปนวธทใชกำาหนดการแสดงบางสวนของรปราง โดยใชรปรางอนๆเปนตวชวยในการกำาหนด

Clipping คลายกบการ Crop ภาพ แตจะเรยกวาการ Clip ภาพ(คลปหรอตดออก) โดย Clipping นนจะใช รปรำงหนง(Clipping object) ชวยในการ Clip พนทการมองเหนของรปราง อนๆ

สวน Masking จะใช รปรำงหนง(Masking object) ชวยในการกำาหนดคา Opacity ของอก รปรางอนๆ

Clipping และ Masking ใชไดกบรปรางทเปนพาธ เปนรปรางเรขาคณต หรอเปนขอความ โดยไมตองแปลงโครงสรางเปนพาธ กอน

การทำา Clipping 1. นำา Clipping object มาวางบนรปราง ทตองการจะ Clip โดย Clipping object จะตอง

อยบนสด

รปรำง ทตองกำรจะ Clip Clipping object นำำมำวำงซอนกนโดยใหClipping object อยบนสด

2. เลอกรปรางทงหมด ทง Clipping object และ รปรางทตองการจะ Clip 3. ไปท Object > Clip > Set

รปรำง ทถก Clipสวนอนๆทอยนอกกรอบของ

Clipping object(วงกลม) จะไมแสดง

เมอลองจบแตละรปรำงขยบ รปรำงยงคงถก Clip อย

*** รปรำง ทถก Clip ยงสำมำรถปรบแตงได


การยกเลก Clipping 1. เลอกรปรางทถก Clip2. ไปท Object > Clip > Release

เลอกรปรำงทถก Clip Object >Clip >Releaseจะปรำกฎ Clipping object และ รปรำงกอนทจะถก Clip

เมอลองจบ Clipping object และ รปรำง กอนทจะถก Clip แยกออกมำ

Clipping สามารถใชกบภาพ Bitmap ท Import เขามาไดดวย

Bitmap กอน Clip

Bitmap หลง Clip


การทำา Masking 1. นำา Masking object มาวางบนรปราง ทตองการจะทำา Mask โดย Masking object จะ

ตองอยบนสด

รปรำง ทตองกำรจะทำำ Mask Masking objectใส Linear gradient

จำก ดำำ ขำว→

นำำมำวำงซอนกนโดยใหMasking object อยบนสด

2. เลอกรปรางทงหมด ทง Masking object และ รปรางทตองการจะทำา Mask3. ไปท Object > Mask > Set

ควำมสวำง(Lightness) และ ควำมใสหรอทบ(Opacity) จะเปนตวกำำหนด Opacity ของรปรำงทถก Mask โดย

สวนของ รปรำง ทสวำงนอยสด (เชน สดำำ) จะใสสวนของ รปรำง ทมคำ Alpha ตำำสด จะใสสวนของ รปรำง ทอยนอกขอบเขต Masking รปรำง จะใส

*** รปรำง ทถก Mask ยงสำมำรถปรบแตงได

การยกเลก Masking 1. เลอกรปรางทถก Mask2. ไปท Object > Mask > Release

เลอกรปรำงทถก Mask

Object>Mask>Releaseจะปรำกฎ Masking object

และรปรำงกอนทจะถก Mask

เมอลองจบ Masking objectและ รปรำง กอนทจะถก Mask

แยกออกมำ


บทท 11 : Live Path Effects (LPEs)11.1 Live Path Effects คออะไร?

Live Path Effects หรอ LPEs คอระบบการใส Effects ใหกบพาธโดยทพาธตนฉบบยงสามารถแกไขเปลยนแปลงได และเมอพาธตนฉบบมการเปลยนแปลงผลของ Effects ทใสไวในตอนตนกจะเปลยนแปลงตามไปดวย

การใชงาน LPEs จะใช หนาตาง Path Effect Editor การเปดหนาตางใหไปท Path > Path Effect Editor... (Shift+Ctrl+7)

วธการใส LPEs ใหเลอก Effect ทตองการ จากรายการ Effect ในกรอบ Apply new effect จากนน กด Add จะปรากฏชอ Effect ทกรอบ Effect list (ใส Effect แลว)

Effect แตละตว มคณลกษณะพเศษของตนเองในการปรบแตง ใหดทกรอบ Current effect วาสามารถปรบแตงอะไรไดบาง

สามารถใส Effect ไดหลายตวซอนกน และสามารถปด/เปด การแสดงผล Effect ตวไหนกได โดย Click ทรปตำ ทหนาชอของ Effect

หากตองการถอด Effect ออก ใหเลอกทชอ Effect ในกรอบ Effect list จากนน กด Icon เครองหมำยลบ (-)

เมอใส Effect แลว Effect หลายๆตวจะม Control path ซงเอาไวใชปรบแตง Effect

ใหกดท Icon (กดเลข 7) ขณะทรปรางถกเลอกอย จะเหน Control path เปนเสนสเขยว และม Nodes กำากบ Control path สามารถปรบแตงไดเหมอนกบพาธทวไป

บทท 11: Live Path Effects (LPEs) [11-1]

ขณะท Node tool ถกเลอก สามารถเปด/ปดการมองเหน โครงรางของพาธตนฉบบ (พาธกอนใส Effect) โดยกดท Icon (Show path outline) ซงเปน Tool Control ของ Node tool โครงรางของพาธตนฉบบจะเปนเสนสแดง ซงสามารถปรบแตงได

Control path สามารถ Copy และ Paste ใหกบพาธอนๆทใส LPEs ได โดยเลอก Control path จากนนกดท Icon (Copy path) จากนนเลอกพาธอนๆทใส LPEs ไว แลวกด Icon (Paste path)

นอกจากน พาธทวๆไป ยงสามารถนำามาทำาเปน Control path ใหกบพาธอนๆทใส LPEs ได โดยทำาการ Link ไปทพาธนน

การ Link พาธมาใชเปน Control path 3. เลอกพาธทจะนำามาทำาเปน Control path จากนน Copy Edit > Copy... (Ctrl+C)

พำธทจะนำำมำทำำเปน Control path

4. เลอกพาธอนๆทใส LPEs ไวแลว จากนนกด Icon (Link to Path)

พำธอนๆทใส LPEs ไวแลว

หลงทำำ Link พำธมำใชเปน Control path(เมอปรบแตงพำธท Link อยจะมผลตอพำธทใส LPEs ดวย)

สามารถ Copy LPEs จากพาธหนงไปยงอกพาธหนงได

การ Copy LPEs จากพาธอน 1. เลอกพาธทใส LPEs ไว จากนน Copy (Ctrl+C) 2. เลอกพาธอน (ทจะรบ LPEs)3. ไปท Path > Paste Path Effect (Ctrl+7)

*** กำรใชงำน LPEs มกจะม Bug โดยเฉพำะกำรใช LPEs หลำยชนและกำรถอด LPEs ออก ทำงหนงทพอชวยไดกคอ ใหใสคำำสง File > Vacuum Defs เพอถอดถอนตวแปรทกำำหนด LPEs ทไมไดใชออก นอกจำกนกให Save งำนบอยๆ


11.2 Bend

Bend (ดด) เปน Effect ทใชดดพาธ โดยการทใสแกน หรอกคอ เสน Control path เขาไปตรงกลาง เมอทำาการดดเสน Control path พาธตนฉบบกจะถกดดไปตามเสน Control path ดวย

พำธตนฉบบ

พำธทพงใส Effect Bend (ยงไมไดดดเสน) มเสนแกนหรอเสน Control path สเขยวอยตรงกลำง

หลงใช (กดเลข 7) ดดเสน Control path พำธตนฉบบจะเปลยนรปรำงไปตำม Control path คลำยถกดด

11.3 Construct Grid

Construct Grid เปน Effect ทใชสรางเสนตาราง ซงควบคมโดย 3 Nodes Node กลำง ใชกำาหนดตำาแหนง Node ซำยและขวำ ใชกำาหนดแนวของตาราง หากพาธเรมตน มมากกวา 3 Nodes Nodes อนๆจะไมมผลตอการปรบแตง


พำธทพงใส Effect Construct Grid (ยงไมไดปรบแตง Nodes) จำำนวนชองของตำรำงสำมำรถเพมหรอลดไดทกรอบ Current effect

หลงปรบแตง Nodes


11.4 Envelope Deformation

Envelope Deformation เปน Effect ทปรบแตงรปรางพาธ โดยใสเสน Control path ไวทกรอบทง 4 ดานของพาธ (หอหมดวยเสน Control path 4 เสน) เวลาปรบแตงจะปรบแตงทละดาน

พำธตนฉบบ ทกรอบ Current Effect จะเหนวำมเครองมอสำำหรบกำรปรบแตง Control path อย 4 ชด

ใชสำำหรบ 4 ดำนของพำธ

ปรบแตง Control path ดำนซำย (Left bend path)

ปรบแตง Control path ครบ 4 ดำน

11.5 Gear

Gear เปน Effect ทใชวาดฟนเฟองแบบตอเนองกน Effect Gear จะใช Nodes ของพาธ เปนตวควบคมการวาดเฟอง

3 Nodes แรกจะใชเพอวาดเฟองตวแรก Nodes ตอๆไปจะเปนจดศนยกลางของเฟองตวท 2 ,3,4... ตามลำาดบ แตบางครง บาง Nodes จะไมมเฟอง หากเฟองหนาแนนเกนไป



พำธทพงใส Effect Gear (ยงไมไดปรบแตง พำธ) เฟองบำงตวอำจไมสวยงำม

ปรบแตงจำำนวนฟนของเฟองตวแรกไดทกรอบ Current effect จำำนวนฟนและขนำดของเฟองตวอนๆ จะถกคำำนวณอยำงอตโนมตจำกระยะหำงระหวำง Nodes

ภำพฟนเฟองทปรบแตงแลวกำรปรบแตงใหใช Node tool ขยบ Nodes ของพำธตนฉบบ(เสนสแดง) หำก พำธ ตนฉบบไมแสดง ใหกดท Icon (Show path outline) บน Tool Controls Bar เสนสแดงกจะปรำกฎ

11.6 Hatches (Rough)

Hatches (ระบายดวยเสน) เปน Effect ทใชระบายพนทดานในของพาธดวยเสน คลายการใชปากกาวาดเสนขนๆลงๆแบบ Freehand

การควบคม Effect โดยหลกๆ จะใช 4 Nodes ทอยดานใน โดย Nodes วงกลม 2 อน (References Nodes) ใชอางองตำาแหนงของเสน Hatches Node สเหลยมขาวหลามตดอนหนง(Scale/Direction Node) ใชกำา หนดทศทางและระยะหางของเสน อกอนหนง(Bend node)ใชกำาหนดการดดเสน


พำธตนฉบบ พำธทพงใส Effect Hatches (ยงไมไดปรบแตง Nodes)

หลงปรบแตง Nodes หลงปรบแตง Nodes

ทกรอบ Current effect มลกเลนใหปรบแตงเสน Hatches อกมำกมำย

ตวอยำงกำรปรบแตงคำในกรอบ Current effect


11.7 Interpolate Sub-Paths

Interpolate Sub-Paths เปน Effect ทใชแทรกเสนลงไประหวางพาธยอย(Sub-paths) 2 เสน การควบคม Effect จะใชเสน Control path เสนเดยว


พำธทพงใส Effect Interpolate Sub-paths (ยงไมไดปรบแตง Control path) จำำ นวนเสนทแทรกเขำไป ปรบไดทชอง Steps ในกรอบ Curret effect

ตวอยำงกำรปรบแตงระยะหำงของแตละเสนเทำกน

ตวอยำงกำรปรบแตง ระยะหำงของแตละเสนไมเทำกน


11.8 Knot

Knot (ปม, ผกเงอน) เปน Effect ทพยายามทำาใหพาธทมลกษณะเปนวงซอนกน มมตคลายการผกเชอกเปนปม โดยเวนบางสวนในบรเวณทซอนกน

พำธตนฉบบสรำงโดย Extension Parametric Curves

(Extension > Render > Parametric Curves...)

พำธทใส Effect Knot

พำธตนฉบบ พำธทใส Effect Knot

11.9 Pattern Along Path

Pattern Along Path เปน Effect ทใชวางพาธ อนหนงเรยงตวซำาๆกน(Pattern) บนพาธ อกอนหนง(แกน)

การใชงาน Pattern Along Path 1. เลอกพาธทจะนำามาทำาเปน Pattern 2. Copy ไปท Clipboard (Edit > Copy หรอกด Ctrl+C)3. ใส Effect Pattern Along Path ใหกบพาธทจะใชทำาเปนแกน4. วาง Pattern ลงบนแกน โดยกด Icon Paste (ทหนาตาง Path Effect Editor...)

พำธ ทจะนำำมำทำำเปน Pattern (ประแจ) และ พำธ ทจะใชทำำแกน(หำกจะนำำรปรำงเรขำคณตมำใชทำำ Pattern ตองแปลงโครงสรำงเปนพำธกอน)

ผลทกรอบ Current effect ตงPattern copies เปน Single, Stretched

ผลทกรอบ Current effect ตงPattern copies เปน Single


ผลทกรอบ Current effect ตงPattern copies เปน Repeated, Stretched

ผลทกรอบ Current effect ตงPattern copies เปน Repeated

ผลทกรอบ Current effeic เลอกท(Option) Pattern is vertical

ผล เมอปรบแตง Nodes โดยกำรขยำยเสน

ผล เมอคำ Spacing ตงเปน 40

11.10 Ruler

Ruler เปน Effect ทใชสรางไมบรรทด

เลอกพาธจากนนใส Effect จะปรากฎเสนขดตามแนวของพาธ

ตวอยำงพำธทใส Effect Ruler ระยะขดเลก คอ 1 ซม. ระยะขดใหญทก 5 Steps

ควำมยำวขดเลก 0.2 ควำมยำวขดใหญ 0.5และใหมขดเฉพำะทดำนซำย


11.11 Sketch

Sketch เปน Effect ทใชวาดเสน คลายการ Sketch ดวยมอไปตามแนวของเสนพาธ

เสน Sketch ประกอบไปดวย 2 กลมใหญๆ กคอ เสนโคงและเสนตรง ซงกำาหนดโดย Stroke และ Construction lines ตามลำาดบ Stroke คอ คาเฉลยจำานวนเสนทลากผาน Node (ไมนบเสนทซอนกน) Construction lines จำานวนเสนตรงทจะวาด


พำธทพงใส Effect Sketch (ยงไมไดปรบแตง Nodes ) Strokes=5, Construction lines=5

ทกรอบ Current effect ตง Strokes=1, Construction lines=0

ทกรอบ Current effect ตง Strokes=0, Construction lines=5

ทกรอบ Current effect ตง Strokes=0 (ไมมเสนโคง), Construction lines=20(วำดเสนตรง 20 เสน), Max.lenght=200 (ควำมยำวของเสนตรง ทงนขนอยกบ Scale ดวย), Scale=50 คำ Placement randomness และ Variation length ตงเปน 0 ใหหมด (คำในกลมนใชสมกำรวำดเสน ทำำใหเสนยำวไมเทำกนบำง เสนเปไปเปมำบำง)

11.12 Spiro Spline

Spiro Spline เปน Effect ทใชแปลงเสนใหมลกษณะเปนเสน Spiro ซงมลกษณะโคงมนและตอกนอยางราบเรยบ เหมอนนำาวงกลมรศมตางๆ มาตอกน นอกจากนกยงสามารถวาดเสนตรงผสมเขาไปไดดวย

วธอนๆในการวาด Spiro path กคอ ใช Pencil tool หรอ Bezier tool แลวเลอก Icon (Creat spiro path) ท Tool Controls Bar

จดเดนของ Spiro path กคอ ขอตอหรอเดอย(Spline) ทเชอมเสนเขาดวยกน ไดอยางโคงนมนวล


Spiro Spline ม Nodes อย 3 ประเภท

Smooth node (Shift +S) : เชอมเสนโคง 2 เสนเขาดวยกน โดยเสนโคงตอกนอยางราบลน

Corner node (Shift +C) : เชอมเสนโคง 2 เสนเขาดวยกน โดยตอกนเปนมม ไมไดตอกนอยางราบลน

Tangent node (Shift +L) : เชอมเสนตรงเขากบเสนโคง โดยตอกยอยางราบลน

เสนสแดง คอพำธตนฉบบ เสนสดำำ คอพำธทใส Effect Spiro Spline แลว

11.13 Stitch Sub-Paths

Stitch Sub-Paths เปน Effect ทใชวาดเสนเชอมตอระหวางพาธยอย(Sub-paths) ซงจะใชพาธยอยกเสนกได

Effect น ใชบอยในการระบายพนดวยเสน หรอใชวาดเสนผม

วธการใชงาน1. วาดพาธ 2 เสน จากนน Combine เขาดวยกน (Path > Combine หรอ กด Ctrl+K)

แตละเสนจะกลายเปนพาธยอย ทงนกอน Combine พาธทวาดควรมทศทางเดยวกน หากเปนคนละทศใหกลบทศทางไปทางเดยวกน โดยใชคำาสง Path > Reverse (Shift +R)

2. ใส Effect Stitch Sub-Paths

พำธผสมตนฉบบ ประกอบไปดวย 2 พำธยอย

พำธ ทพงใส Effect Stitch Sub-Paths(ยงไมไดปรบแตง )


ทกรอบ Current effectเพมจำำนวนเสนไดท ชอง Number of pathsกดท Icon เพอปรบแตง Control path

ตวอยำงกำรปรบแตง Control path

ตวอยำงกำรประยกตใช Stitch(นำำ Stitch 2 เสนมำไขวกนเปนเงำ)

ตวอยำงกำรประยกตใช Stitch ในกำรทำำเสนผม


11.14 VonKoch

VonKoch เปน Effect ทใชสราง Fractal (ชอทางคณตศาสตร) หรอสรางตว Copy เปนรนๆตอกนไป โดยแตละรนจะลดหรอเพม Scale ไปเรอยๆ

เมอใส Effect VonKoch ใหกบพาธ จะม Control paths 3 เสน ทใชควบคม Effect อนแรก กคอ Reference segment อนทสองและสาม กคอ Generating paths 2 เสน

พำธ ตนฉบบ พำธ ทพงใส Effect VonKoch (ยงไมไดปรบแตง )

Reference segment(เสนบน)Generating paths

(เสนลำง 2 เสน)

พำธ ตนฉบบ พำธ ทพงใส Effect VonKoch (ยงไมไดปรบแตง )

Nb of generation=1

Nb of generation=3

ยำย Generating pathไวยงตำำแหนงตำมภำพNb of generation=1

Nb of generation=7 >>>

เมอใส Effect VonKoch ใหกบพาธ Reference segment จะอยทพาธตนฉบบ เปนเสนอางองตำาแหนงสำาหรบตว Copy รนตอๆไป สวน Generating path 2 เสนจะอยทตว Copy รนท 1 (Nb of generation=1) ซงม 2 ตว เมอปรบแตง Generating path เชน ยายแกนหรอยอขยาย จะมผลตอตว Copy รนตอๆไปทงหมด


บทท 12 : ขอควำม (Text)12.1 กำรสรำงขอควำมดวย Text tool

การสรางขอความหรอการพมพขอความจะใช Text tool (F8 หรอ t)

การสรางขอความดวย Text tool มอย 2 วธ

การสรางขอความดวย Text tool วธท 1 : สราง Regular text ใชText tool Click บนพนททำำงำน จะปรากฎ Cursor สำาหรบพมพขอความ จากนนสามารถพมพขอความลงไปไดเลย ใน 1 บรรทดขอความจะยาวเทาไรกได การขนบรรทดใหมตองกำาหนดเอง โดยการกด Enter

การสรางขอความดวย Text tool วธท 2 : สราง Flowed text ใช Text tool Click คำงบนพนททำำงำน > ลำก Mouse ทำำกรอบสเหลยม กรอบนเปนขอบเขตของขอความ ขอความทพมพลงไปจะอยแตในกรอบ เมอพมพขอความในแตละบรรทดจนสด ขอความจะถกตดขนบรรทดใหมโดยอตโนมต หากพมพจนลนกรอบทดานลาง ขอความทลน จะไมแสดงและกรอบขอความจะเปนสแดง

Handle รปสเหลยมขำวหลำมตดทมมขวำมลำง มไวสำำหรบ

ปรบขนำดของกรอบ(ไมมผลตอขนำดของ Font)

หำกมขอควำมลนกรอบขอควำมทลนกรอบจะไมแสดง

และกรอบจะเปนสแดง

ปรบกรอบใหแสดงขอควำมทงหมด กรอบกลบมำเปนสนำำเงนอกครง

เมอเลอกขอความ ขอความจะมสเหลยมเลกๆ ทซายมอของอกษรตวแรก สเหลยมนคอ Base line anchor เปนตวอางองตำาแหนงของขอความ (ใชในการ Snap และ จดเรยง)

ตวอยำงกำรยำยขอควำมไป Snap กบเสน Guides สงเกตวำ Base line anchor จะอยทจดตดของ เสน Guides พอด

บทท 12: ขอควำม (Text) [12-1]

12.2 กำรพมพอกขระพเศษโดยใชหนำตำง Glyphs

อกขระพเศษ กคอ ตวอกษรทไมมบนคยบอรด ไมสามารถใชการพมพแบบทวๆไปได

การพมพอกขระพเศษโดยใชหนาตาง Glyphs 3. เปดหนาตาง Gyphs Text > Glyphs4. ทหนาตาง Glyphs เลอก Font family เพอจะคนหาอกขระพเศษ (แตละ Font family

มอกขระพเศษไมเหมอนกน )5. อกขระพเศษจะอยทกรอบดานลางสด หากพบตวทตองการแลว ให Double click ท

อกขระ นนเพอแทรกลงในกรอบขอความ หรอ กดปม Append กได ( การแทรกตองแทรกลงในกรอบขอความ ฉะนนตองใช Text tool เลอกทกรอบขอความ และใหม Cursor พรอมสำาหรบพมพตวอกษร )

12.3 กำรเลอกขอควำม

การแกไขหรอปรบแตงขอความ ขอความตองถกเลอกกอน วธการเลอกตอไปน ตองใช Text tool เสมอ

การยาย Cursor

Click ทขอความ : วาง Cursor(สำาหรบพมพขอความ) ณ ตำาแหนงท Click

Arrow : เลอน Cursor ไปตามทศทางของลกศร 1 ตวอกษร หรอ 1 บรรทด

Ctrl+Arrow : เลอน Cursor ไปตามทศทางของลกศร 1 คำา หรอ 1 บรรทด

Home : ไปทบรรทดแรก

End : ไปทบรรทดสดทาย


Ctrl+Up Arrow : ขนไป 1 ยอหนา

Ctrl+Down Arrow : ลงไป 1 ยอหนา

Ctrl+Up Home : ไปทอกษรตวแรก

Ctrl+Down End : ไปทอกษรตวสดทาย

Page Up : ขนไป 1 หนาจอ (กรณมขอความเปนจำานวนมาก 1 หนาจอแสดงไมหมด)

Page Down : ลงไป 1 หนาจอ (กรณมขอความเปนจำานวนมาก 1 หนาจอแสดงไมหมด)

การเลอกขอความ

ใช Mouse ทำาแถบสขอความ (Click คาง > ลาก) : เลอกขอความททำาแถบส

Double click : เลอกขอความทถก Double click 1 คำา

Triple click : เลอกขอความทถก Triple click 1 บรรทด

Shift+Arrow : เพมการเลอกขอความ ตามทศทางของลกศร

Shift+Ctrl+Left/Right Arrow : เพมการเลอกขอความ 1 คำาตามทศทางของลกศร

Shift+Ctrl+Up/Down Arrow : เพมการเลอกขอความ 1 บรรทดตามทศทางของลกศร

Ctrl+A : เลอกขอความทงหมด

12.4 กำรจดรปแบบขอควำม

มอย 3 วธทเปนทางเลอกในการจดรปแบบขอความ

วธท 1 : ใช Text tool (F8 หรอ t) และ Tool Controls

วธท 2 : ใช Keyboard shortcut

วธท 3 : ใชหนาตาง Text and Font ( Text > Text and Font... , Shift+Ctrl+T หรอ Click ท Icon บน Commands Bar )

เมอเปลยนคณสมบตของขอความ เฉพาะขอความทถกเลอกเทานนทเปลยนแปลง แตถาเลอกทงกรอบขอความ จะมผลตอทกตวอกษร


Tool Control ของ Text tool และ Shortcut keys

Tool Controls สวนท 1 (ดานซาย)

ชองเลอก Font family (Alt+X ยาย Cursor ไปทกรอบน)

ชองเลอกขนาด Font

ตวอกษรทบ (Ctrl+B)

ตวอกษรเอยง (Ctrl+I)-----------------------------------------------------------------------------------------------------------------------------------------------------------------

จดขอความชดซาย ของกรอบ

จดขอความไวตรงกลาง ของกรอบ

จดขอความชดขวา ของกรอบ

จดขอความชดซายและขวา ของกรอบ-----------------------------------------------------------------------------------------------------------------------------------------------------------------

ตวยก

หวหอย

Tool Controls สวนท 2 (ดานขวา)

ระยะหางระหวางบรรทด(ระยะหำงระหวำง Baselines) เปนจำานวนเทาของขนาด FontCtrl+Alt+> : เพมระยะหางระหวางบรรทด 1 Screen PixelCtrl+Alt+< : ลดระยะหางระหวางบรรทด 1 Screen PixelShift+Ctrl+Alt+> : เพมระยะหางระหวางบรรทด 10 Screen PixelsShift+Ctrl+Alt+< : ลดระยะหางระหวางบรรทด 10 Screen Pixels

ระยะหำงระหวำงบรรทด 1.25, 1.00 และ 1.50 เทำของขนำด Font ตำมลำำดบ


ระยะหางระหวางตวอกษรAlt+> : เพมระยะหางระหวางตวอกษร 1 Screen PixelAlt+< : ลดระยะหางระหวางตวอกษร 1 Screen PixelShift+Alt+> : เพมระยะหางระหวางตวอกษร 10 Screen PixelsShift+Alt+< : ลดระยะหางระหวางตวอกษร 10 Screen Pixels

ตวอยำงระยะหำงระหวำงตวอกษร

ระยะหางระหวางคำา (คำาทไมไดพมพตอกน)

คำำทไมไดพมพตดกนเทำนนทจะมผล

Horizontal Kerning Kerning คอกระบวนการในการปรบแตงระยะหางระหวางตวอกษรอกประเภทหนง ยกตวอยางเชน ตว A กบ v ในคำาวา “Aviary” ถาตกรอบสเหลยมรอบๆตว A และ v กรอบจะเกยกนเลกนอย ถาไมปรบ Kerning กจะเปน A viry (A กบ v หำงกนมำกกวำตวอนๆ)Alt+Left/Right Arrow> : เพมหรอลดระยะ Kerning 1 Screen pixel ตามทศทางของลกศรSHift+Alt+ Left/Right Arrow > : เพมหรอลดระยะ Kerning 10 Screen pixels ตามทศทางของลกศร

ตวอยำง เลอกอกษรทละตวแลวทำำ Kerning อกษรจะซอนกนบำงหำงกนบำง

Vertical Shift คลายกบ Kerning แตจะเปนในแนวตงAlt+Up/Down Arrow > : ยกหรอหอยตวอกษร 1 Screen pixel ตามทศทางของลกศรSHift+Alt+Up/Down Arrow > : ยกหรอหอยตวอกษร 10 Screen pixels ตามทศทางของลกศร

ตวอยำง เลอกอกษรทละตวแลวทำำ Shifting อกษรจะถกยกขนบำง ถกหอยลงบำง


หมนขอความAlt+[, Alt+] : หมนตวอกษรตามเขมหรอทวนเขมนาฬกา 1 Screen pixelCtrl+[, Ctrl+] : หมนตวอกษรตามเขมหรอทวนเขมนาฬกา 90 องศา

ตวอยำง เลอกอกษรทละตวแลวหมน

Horizontal text เปนการจดแนวขอความโดยปกตทใชกนทวไป

Vertical text เปนการจดแนวขอความโดยพมพจากบนลงลาง และจากขวาไปซาย

Horizontal text

Vertical text >>>

หมนทงกอน

หนาตาง Text and Font การเปดหนาตาง Text and Font ใหไปท Text > Text and Font... (Shift+Ctrl+T) หรอ Click ท Icon บน Commands Bar

การปรบแตงดวยหนาตาง Text and Font การกำาหนดคณสมบตตางๆ ของขอความ มลกษณะไมตางจากการปรบแตงโดยใช Text tool และ Tool Controls


12.5 กำรวำงขอควำมบนพำธ

ขอความ นอกจากจะพมพเรยงเปนเสนตรงไดแลว ยงสามารถจดแนวไดอยางอสระ ตามเสน พาธดวย

การวางขอความบน พาธ 1. พมพขอความ (ตองเปน Regular text เทานน)2. สรางพาธ3. เลอกทงขอความและพาธ4. ไปท Text > Put on Path จากนนขอความกจะกระโดดขนไปวางอยตามแนวของพาธ

ขอควำมและพำธทสรำงเตรยมไว

หลงใชคำำสง Text > Put on Path

หลงจากวางขอความบนเสนพาธ ทงขอความและพาธยงสามารถแกหรอปรบแตงได

ตวอยำงกำรปรบแตงเสนพำธ

หากตองการซอนเสนพาธ ใหใสสเสนขอบ(Stroke) เปน None (ไมใสส) หากตองการเลอกเสนพาธทไมใสส(มองไมเหน) ใหใช Mouse เลอกใหครอบคลมพาธแลวใสส เพอใหมองเหน พอปรบแตแลว คอยซอนอกทหนง

หรอ ใหสรางตว Clone ของขอความ (Edit > Clone > Create Clone หรอ Alt+D) ตว Clone จะไมมเสนพาธ แตเมอปรบเสนพาธ หรอปรบขอความตนฉบบ จะมผลตอตว Clone

ซอน Path โดยกำรไมใสสใหกบเสนขอบของพำธ

สรำงตว Clone จำกขอควำมทวำงบนพำธ เมอปรบแตงพำธ จะมผลตอตว Clone ดวย(หำกไมทรำบวำตไหน เปนตว Clone ตวไหนเปนตวตนฉบบ ให กด Shift+D จะโดดไปเลอกทตวตนฉบบ)


หากตองการเลอนขอความใหไหลไปตามเสนพาธ ใหวาง Cursor ไวกอนอกษรตวแรก แลวปรบ Kerning (Alt+Left/Right Arrow)

ตวอยำงกำรเลอนขอควำมไปตำมเสนพำธ

คาเรมตนเมอวางขอความบนพาธ ขอความจะอยดานซายของพาธ (อำงองจำกทศทำงของ พำธ) ฉะนน เมอกลบทศทางของพาธ ขอความกจะกลบดานดวย (การกลบทศของพาธ ใหเลอกพาธ แลวไปท Path > Reverse )

ตวอยำงกำรกลบทศทำงของพำธ จะมผลตอทศทำงของขอควำมดวย

กำรวำงขอควำมใหอยกลำงเสนพำธ บำงครงไมจำำเปนตองใช Kerning เพยงแต กอนวำงใหจด

ขอควำมใหอยกลำงกรอบกอน ( )

การขยบขอความและเสนพาธ กรณขยบแตเสนพาธ ขอความจะตามไปดวย แตถาขยบเฉพาะขอความ พาธจะไมตามไปดวย

หากตองการยกเลกการวางขอความบนเสนพาธ ไปท Text > Remove from Path


12.6 กำรวำงขอควำมในรปรำง

ขอความ สามารถวางอยในรปรางใดๆ กได

การวางขอความในรปราง1. พมพขอความ (ตองเปน Flowed text เทานน )2. สรางรปราง (พาธหรอรปรางเรขคณต กได)3. เลอกทง ขอความ และ รปราง(ใชรปรางมากกวา 1 กได)4. ไปท Text > Flow into Frame (Alt+W) จากนนขอความกจะโดดเขาไปอยในกรอบของ

รปราง

ขอควำมและรปรำงทสรำงเตรยมไว

หลงใชคำำสง Text > Flow to Frame

หลงจากวางขอความลงในกรอบของรปรางแลว ทงขอความและรปรางยงสามารถแกหรอปรบแตงได

การซอนเสน เหมอนกบขอ 12.5 การวางขอความบนพาธ

Flowed text ทอยในกรอบของรปราง สามารถแปลงไปเปนขอความแบบ Regular text ได โดยใหไปท Text > Unflow (Shift+Alt+W) ผลทไดคอขอความบรรทดเดยว

คำาสง Text > Convert to Text ใชแปลงขอความทอยในรปราง (ทเปลยนไปเปลยนมำ ตำมกรอบของรปรำง) ใหมาเปนขอความธรรมดาทไมขนกบรปรางอกแลว แตจะคงรปรางเหมอนยงอยในรปรางไว


บทท 13 : กำรเรยงและกำรกระจำย13.1 Align and Distribute

หนาตาง Align and Distribute ใชจดเรยงหรอจดวางรปรางใหอยในแนวเดยวกน หรอใชกระจายระยะหางใหเทาๆกน

การเปดหนาตาง Align and Distribute ใหไปท Object > Align and Distribute... (Shift+Ctrl+A) หรอกดท Icon บน Commans bar

กรอบ Align ใชในการจดเรยงกรอบ Distrubute ใชในการกระจายระยะหาง

การจดเรยงและการกระจายจะใช Bounding box เปนตวอางอง สวนขอความจะใช Baseline anchor เปนตวอางองตำาแหนง

AlignRelative to (สมพนธกบ...) การจดเรยงนนจะตองมแกนทใชอางอง จะใหเรยงโดยยดอะไรเปน

หลก? จะตองเลอกแกนอางองกอน โดยสามารถเลอกไดจากกรอบ Relative to เชน Page กจะใชหนากระดาษเปนตวอางอง, Selection จะใชรปรางทถกเลอกเปนตวอางอง เชน เมอสงใหทกรปรางจดชดขวา รปรางทอยขวาสดจะถกใชเปนตวอางอง

เรยงใหดานขวาของรปราง อยในแนวเดยวกบดานซายของตวทถกอางอง

เรยงใหดานซายของรปราง อยในแนวเดยวกบดานซายของตวทถกอางอง

เรยงใหศนยกลางของรปราง อยในแนวเดยวกบศนยกลางของตวทถกอางองในแนวดง

เรยงใหดานขวาของรปราง อยในแนวเดยวกบดานขวาของตวทถกอางอง

เรยงใหดานซายของรปราง อยในแนวเดยวกบดานขวาของตวทถกอางอง

เรยงขอความ ให Baseline anchor อยในแนวเดยวกบตวทถกอางองในแนวดง

บทท 13: กำรเรยงและกำรกระจำย [13-1]

เรยงใหดานบนของรปราง อยในแนวเดยวกบดานลางของตวทถกอางอง

เรยงใหดานบนของรปราง อยในแนวเดยวกบดานบนของตวทถกอางอง

เรยงใหศนยกลางของรปราง อยในแนวเดยวกบศนยกลางของตวทถกอางองในแนวราบ

เรยงใหดานลางของรปราง อยในแนวเดยวกบดานลางของตวทถกอางอง

เรยงใหดานลางของรปราง อยในแนวเดยวกบดานบนของตวทถกอางอง

เรยงขอความให Baseline anchor อยในแนวเดยวกบตวทถกอางอง ในแนวราบ

Distributeกระจายระยะหาง ใหดานซายถงดานซาย หางเทากน

กระจายระยะหาง ใหศนยกลางถงศนยกลาง หางเทากนในแนวราบ

กระจายระยะหาง ใหดานขวาถงดานขวา หางเทากน

กระจายระยะหาง ใหชองวางหางเทากน ในแนวราบ

กระจายระยะหางของขอความ ให Baseline ถง Baseline หางเทากน ในแนวราบ

กระจายระยะหาง ใหดานลางถงดานลาง หางเทากน

กระจายระยะหาง ใหศนยกลางถงศนยกลาง หางเทากนในแนวดง

กระจายระยะหาง ใหดานบนถงดานบน หางเทากน

กระจายระยะหาง ใหหางเทากน ในแนวดง

กระจายระยะหางของขอความ ให Baseline ถง Baseline หางเทากน ในแนวดง

ยายรปราง โดยสมตำาแหนงใหม

ยายรปราง โดยพยายามทำาใหระยะหางของทกๆรปราง หางเทาๆกน (วดจากขอบถงขอบ)(กดหลายๆครง รปราง จะคอยๆ ขยบใหมระยะหางเทาๆกน)

Remove overlaps ใชในกรณทจดเรยงหรอกระจายแลว รปราง อย เกยกน หากกดท Icon จะเปนการขยบรปราง นดๆหนอยๆ เพอปรบใหรปรางเกยกนไดตามระยะทกำาหนดไวในชอง H:(แนวราบ) และ ดง(แนวดง) H:0 V:0 หมายถงไมใหเกยกน

13.2 Rows and Columns


หนาตาง Rows and Columns ใชจดเรยงรปรางใหอยในแนวตาราง 2 มต (แถว x คอลมภ)

การใชงาน ใหเลอกรปราง ทตองการจะจดเรยงกอน จากนนเปดหนาตาง Rows annd Colums ขนมา

การเปดหนาตาง Align and Distribute ใหไปท Object > Rows and Colums...

เมอกำาหนดคาตางๆ เรยบรอยแลว ให Click ทปม Arrange เพอทำาการจดเรยง

กอนจดเรยง หลงจดเรยง Rows=3 Coulumns=4

(Option) Equal height ไมถกตกSet spacing แนวรำบ=5, แนวดง=5

(Option) Equal height ถกตกSet spacing แนวรำบ=5, แนวดง=5

การวางตำาแหนงของรปราง ตารางจะถกแบงเปนชองๆ(Cells) เพอเตรยมไวสำาหรบวาง รปรางแตละตว ชองแรกจะถกคำานวณกอน จากนนชองตอๆไปจะมขนาดเทากบชองแรก หาก (Option) Equal height ถกตก ขนาดของรปรางทใหญทสดจะถกนำามาคำานวณเปนขนาดใหชองแรกและชองตอๆไป หาก (Option) Equal height ไมถกตก รปรางจะเรยงตวโดยรกษาระยะหาง ใหเทากบระยะในชอง Set spacing เทานน

บทท 13: กำรเรยงและกำรกระจำย [13-3]

(Option) Fit in to selection box ถกตก (Option) Set spacing: ถกตก

(Option) Fit in to selection box เปนการใช Bounding box ทเกดจากการเลอกทกๆ รปรางเปนตวอางองการจดเรยง โดยจะกระจายระยะหางใหทกๆรปราง ชดทดานซาย ขวา ลาง บน ของ Bounding box กอน จากนนจงกระจายระยะหางภายใน

กำาหนดระยะหางระหวางรปราง ใหหางเทาๆกนตามคาทกำาหนด


บทท 14 : กำรสรำงตว Clones แบบเรยงรำย

14.1 หนำตำง Create Tiled Clones

การสรางตว Clones เปนการสรางตว Copy จากรปรางตนแบบ โดยท หากรปรางตนแบบมการเปลยนแปลงตว Clones กจะเปลยนแปลงไปดวย

การสรางตว Clones นอกจากจะสรางทละตว โดยการกด Alt+D ไดแลว ยงสามารถสรางตว Clones ไดทละมากๆในครงเดยว โดยใหมการจดเรยง หรอใสเทคนคตางๆไดอยางมากมาย ไดดวย

วธการสรางตว Clones ดงกลาว จะเรยกวา การสราง Tile Clones (ตวโคลนแบบเรยงราย) โดยจะใช หนาตาง Create Tiled Clones เปนตวจดการ

การเปดหนาตาง Create Tiled Clones ใหไปท Edit > Clone > Create Tiled Clones...

บทท 14: กำรสรำงตว Clones แบบเรยงรำย [14-1]

การสราง Tile Clones แบบงาย 5. เลอกรปรางทตองการจะสราง Tile Clones6. เปดหนาตาง Create Tiled Clones ( Edit > Clone > Create Tiled Clones...)7. ท (TAB) Symmetry ตงคาตางๆทตองการ จากนน กด Create

ตวตนแบบ แบบท 1 → ใสคา Rows,columns : 5x5( P1 : simple translation )

แบบท 2 → ใส Width, height : 100x100 px จำำนวน Tile Clones ทออกมำ จะถกคำำนวณ ใหอยภำยในกรอบ Width และ Height เทำนน( P1 : simple translation )

8. เมอสราง Tile Clones เสรจแลว หากเลอกทตวตนแบบ ปม Remove และ Unclump จะ Active สามารถ Click ได Remove คอ ลบตว Clones ทงหมดออก Unclump คอ สมการกระจายตำาแหนงตว Clones ใหหางจากแนวเดมเลกนอย กดไดหลายครง ตำาแหนงกจะเปลยนไปเรอยๆ ( *** หำกไมทรำบวำตวไหนเปนตวตนแบบ ใหเลอกตว Clone ตวใดกได จำกนน กด Shift+D จะกระโดดไปเลอกทตวตนแบบ)

เลอกทตวตนฉบบจำกนนกดปม Unclump 2 ครง


ก. Symmetry tab

Symmetry tab ถอเปนจดสำาคญทสดในการสราง Tile Clones เปนตวกำาหนดรปแบบในการเรยงรายตว Clones

การจดเรยง Tile Clones มอย 17 รปแบบดวยกน ซงเปนรปแบบมาตราฐานในการสรางลวดลายแบบซำาๆ หาก Click ดรายการท Symmetry tab กจะเหนทงหมด (ตำมภำพดำนลำง)

( ดรำยละเอยดเพมเตม เกยวกบ 17 รปแบบดงกลำวไดท http://en.wikipedia.org/wiki/Wallpaper_group )

17 รปแบบดงกลาว แบงเปน 3 กลมดวยกน กคอ กำรเรยงรำยแบบสำมเหลยม, สเหลยม และ หกเหลยม ซงเปนรปแบบทจดเรยงแลว ไมมชองวางหรอเกดการซอนกนของตว Clones


http://en.wikipedia.org/wiki/Wallpaper_group

กลมการเรยงรายแบบสเหลยม

P1: simple translation (3x3) P2: 180o rotation (3x3) PM: reflection (3x3)

PG: glide reflection (3x3)

CM: reflection+glide reflection (3x3)

PMM: reflection+reflection (3x3)

PMG: reflection+180o rotation (3x3)

PGG: glide reflection+180o rotation (3x3)

CMM: reflection+reflection+180o rotation (3x3)

P4: 90o rotation (4x4)

P4M: 90o rotation+45o reflection (4x8) *** ตนฉบบเปนสำมเหลยม

P4G:90o rotation+90o reflection (2x8)


กลมการเรยงรายแบบสามเหลยม


P31M: reflection+120o rotation, dense (3x24)

P31M: reflection+120o rotation, sparse (4x12)


กลมการเรยงรายแบบหกเหลยม


P6M: reflection+60o rotation (3x48)

ข. Shift tab

Shift tab ใชเลอนตำาแหนงตว Clones


Shift X : เลอนแถวถดๆไป (Per row) เวนระยะหางระหวางคอลมภ (Per column)สามารถใสการสมระยะได ทชอง Randomize

Shift Y : เลอนคอลมภถดไป (Per row) เวนระยะหางระหวางแถว (Per column)สามารถใสการสมระยะได ทชอง Randomize

Exponent : เวนระยะหางระหวางแถว (Per row) หรอคอลมภ (Per column) เพมขนหรอลดลงเปนสดสวนแบบ Exponential (เพมแบบทบตน) สมไดเชนเดยวกน

Alternate : ใสคาสลบแบบ + และ - เชน หากในชอง Per row เปน 5% กจะเปนการใส +5% สลบกน-5%

Cumulate : สะสมระยะไปเรอยๆ เชน หากชอง Per row เปน 5% แถวแรกจะเลอนไป 5% แถวตอไปจะเลอน 10% แถวตอไปอกจะเลอน 15% เปนอยางนไปเรอยๆ

Exclude tile : ความสงและความกวางของรปรางตนแบบ ไมถกนำามาใชในการเลอน

ตวอยาง

เวนระยะหำงระหวำงแถวและคอลมภ 10% เวนระยะหำงระหวำงแถวและคอลมภ 10% และ เลอนแถวและคอลมภตอๆไป 10%


เลอนแถวและคอลมภตอๆไป 30% แบบ Exclude tile

(ไมนำำขนำดของตวตนฉบบมำคำำนวณ)

เวนระยะหำงระหวำแถวและคอลมภ แบบ Exponential ทงแนวนอนและแนวตง

ค. Scale tab

Scale tab ใชยอหรอขยายตว Clones

Scale X : ยอหรอขยายรปรางในแนวนอน แถวถดๆไป (Per row) หรอคอลมภถดๆไป(Per column) สามารถใสการสมการยอหรอขยายไดทชอง Randomize

Scale Y : ยอหรอขยายรปรางในแนวตง แถวถดๆไป (Per row) หรอคอลมภถดๆไป(Per column) สามารถใสการสมการยอหรอขยายไดทชอง Randomize

Exponent : ยอหรอขยาย เปนสดสวนแบบ Exponential

Base : ใชกบการสรางการเรยงตวแบบกนหอย ใชคกบ Rotation tab

Alternate : สลบระหวางการยอและขยาย

Cumulate : สะสมการยอหรอขยายไปเรอยๆ


ตวอยาง

.ใช Shift รวมกบ Scale

ง. Rotation tab

Rotation tab ใชหมนตว Clones

Angle : หมน แถวถดๆไป (Per row) หรอคอลมภถดๆไป(Per column) สามารถใสการสมการหมนไดทชอง Randomize

Alternate : สลบระหวางมม + และ มม - ในการหมน

Cumulate : สะสมการหมนไปเรอยๆ


ตวอยาง

จ. Blur & opacity tab

Blur & opacity tab ใชปรบความเบลอหรอปรบความทบแสงของตว Clones

Blur : เบลอ แถวถดๆไป (Per row) หรอคอลมภถดๆไป(Per column) สามารถใสการสมการเบลอไดทชอง Randomize

Fadeout : ปรบความทบแสง แถวถดๆไป (Per row) หรอคอลมภถดๆไป(Per column) สามารถใสการสมการทบแสงไดทชอง Randomize

ตวอยาง


ฉ. Color tab

Color tab ใชใสสใหกบตว Clones ในระบบ HSL

Tile clones แบบน จะใชไดกตอเมอ รปรางตนแบบใสสแบบ Unset ( Unset คอ ไมใสสอะไรเลย ไมใชกำรใสสใสดวย)

Initial color : สทใชเปนสเรมตน

ตวอยาง


ช. Trace tab

Trace tab ใชใสส ปรบขนาด และปรบความทบแสง ใหกบตว Clones โดยใชรปรางหรอภาพ Bitmap เปนตวกำาหนด โดยรปรางหรอภาพ Bitmap จะตองวางอยดานลางของ Tile Clones

Trace tab มอย 3 กรอบดวยกน โดยจะตอง ตกท (Option) Trace the drawing under the tiles กอน ทง 3 กรอบจงจะสามารถเลอกคาตางๆ ได

กรอบท 1 : เปนกรอบสำาหรบกำาหนดคณสมตของรปรางหรอภาพ Bitmap ทอยดานลาง ทจะนำามาใชเปน Input ใหกบ Tile clones จะนำาอะไรจากรปรางหรอภาพ Bitmap ทอยดานลาง มาใชเปน Input ใหกบ Tile clones กำาหนดทน

กรอบท 2 : ใชปรบแตงคณสมบตของ Input เพมเตมในเรองของการแกไขสและการสม

กรอบท 3 : ใชเลอกสวนของตว Clones ทจะมผลกบ Input (กรอบนจะเรยกวำ Output) ตวเลอกทมกคอ Presence, Color, Size และ Opacity โดยในสวนของ Color จะเปลยนแปลงได กตอเมอรปรางตนแบบใสสแบบ Unset

ตวอยาง

รปรำงตนแบบ(วงกลมสเหลอง) วำงอยนภำพ Bitmap


Input : Color, Output : Presence Input : Color, Output : Color และนำำภำพ Bitmap ออก

รปรำงตนแบบ ใสสแบบ Unset

Input : Color, Output : Size Input : Color, Output : Opacity

Input : Color และ Inverted, Output : Color

รปรำงตนแบบเปนสเหลยมInput : Color, Output : Color

และสมกำรหมนจำกนนนำำภำพ Bitmap ออก


บทท 15 : Tool อนๆ15.1 Tweak tool

Tweak tool (บด,ดง) เปนเครองมอทใชบดหรอดงรปราง เพยงบางสวนเลกๆ หรอสวนใหญๆกได สามารถกำาหนดขนาดได เพอใหเกดการเปลยนแปลงรปราง, เปลยนแปลงส หรอเปลยนแปลงการเบลอ ขนอยกบ Mode ทเลอกใชงาน

Tweak tool เปนเครองมอทมลกเลนมากมาย ใชงานไดหลากหลาย ใหผลลพยทนาตนเตน

การใชงาน Tweak tool 9. เลอกรปราง10. เลอกเครองมอ Tweak tool (w หรอ Shift+F2)

(กด Spacebar เพอสลบไปมาระหวาง Tweak tool และ Select tool)11. ใช Tweak tool ถทรปราง (Click คำง > ลำก Mouse ไปมำ)

การทำางานของ Tweak tool คลายกบการทำางานของแปรงทาส สามารถเลอกขนาดและเลอกแรงกดได ซงกำากบโดยคา Width และ Force บน Tool Controls Bar

Width (1-100) ขนาดหวแปรง เมอเลอก Tweak tool จะเหนเปนวงกลมสสมลอมรอบ Cursor ขนาดของวงกลมคอขนาดของหวแปรง เปนบรเวณทจะมผลตอทรปราง ขนาดของหวแปรงมหนวยเปน Screen pixels การ Zoom ไมมผลตอขนาดหวแปลง

Shortcut keysLeft Arrow = ลดขนาดหวแปรงRightArrow = เพมขนาดหวแปรงHome = ตงขนาดหวแปรงเปน 1End = ตงขนาดหวแปรงเปน 100

Force (1-100) แรงกดของหวแปรง มผลตอการเปลยนแปลงทละมากๆหรอนอยๆShortcut keysUp Arrow = เพมแรงกดDown Arrow = ลดแรงกด

บทท 15: Tool อนๆ [15-1]

การใชงาน Tweak tool แบงเปน 3 กลมใหญๆ กคอ 1. Tweaking objects เปน Modes ทมผลตอทงรปราง2. Tweaking paths เปน Modes สำาหรบปรบแตงพาธ3. Tweaking colors เปน Modes สำาหรบปรบแตงส*** กำรเลอกใชงำนแตละ Modes ใหเลอกใชท Tool Controls Bar

ก. Tweaking Objects

Tweaking objects โดยปกต จะใชคกบการปรบแตงรปราง ทเกดจากการ Clones โดยมการ Clones เปนจำานวนมาก (ใช Edit > Clone > Create tiled Clone...) Tweak tool ใชปรบแตงตว Clones ไดอยางสะดวกและมลกเลนทหลากหลาย

Move : (Shift+M) เคลอนยายรปรางไปตามทศทางการลาก Mouse

Pull/Push : (Shift+I) ดดรปรางเขาหาจดศนยกลางการลาก Mouse (กด Shift+ลาก Mouse=ดนออก)

ลำก Mouse จำกตรงกลำงไปดำนขวำ กด Shift+ลำก Mouse จำกบนลงลำง

Move Jitter : (Shift+Z) เคลอนยายรปรางแบบสมทศทางและสมระยะ

Scale : (Shift+< หรอ Shift+>) ยอรปรางทอยในรศมความกวางของแปรง (กด Shift+ลาก Mouse=ขยายขนาด)

ลำก Mouse จำกบนลงลำง ลำก Mouse จำกบนลงลำง และกด Shift+ลำก Mouse จำกซำยไปขวำนดหนอย กด Shift+ลำก Mouse จำกขวำมำซำยนดหนอย


Rotate : (Shift+[ หรอ Shift+]) หมนรปรางทอยในรศมความกวางของแปรง ตามเขมนาฬกา (กด Shift+ลาก Mouse=หมนทวนเขมนาฬกา)

Blur : (Shift+B) เบลอรปรางทอยในรศมความกวางของแปรง (กด Shift+ลาก Mouse=ลดการเบลอ)

ลำก Mouse จำกบนลงลำง ลำก Mouse จำกบนมำถงตรงกลำง

Duplicate/Delete : (Shift+D) Copy และ Paste รปรางทอยในรศมความกวางของแปรงแบบสม เมอทำาการ Duplicate แลว จะมองไมเหนการเปลยนแปลง เพราะรปรางใหมจะวางทบอยตำาแหนงเดม ใหกด Spacebar เพอสลบไปท Select tool แลวจบรปรางเลอนด (กด Shift+ลาก Mouse=ลบรปรางแบบสม)

ลำก Mouse จำกบนลงลำง(ดเผนๆ จะไมมกำรเปลยนแปลง)

กด Shift+ลำก Mouse จำกบนลงลำงทำำกำรลบรปรำงแบบสม

ข. Tweaking Paths

Tweaking paths เปน Modes ทใชปรบแตงพาธ

ทกการปรบแตงใน Modes น จะใช Fidelity รวมกน ( ) ซงมคาตงแต 1-100 ตวเลขนอยๆ การเปลยนแปลงจะนมนวลนอย ตวเลขมากๆ การเปลยนแปลงจะนมนวลมากไปดวย แตจำานวน Nodes กมากตาม นอกจากน การเปลยนแปลงยงขนอยกบจำานวน Nodes ดวย Nodes นอยๆ การเปลยนแปลงจะดเปนเหลยมๆ หรอไมนมนวลเทาพาธทม Nodes มากกวา แตกตองแลกดวยการทำางานทชาลง


Push : (Shift+P) ดนพาธไปตามทศทางการลาก Mouse

Shrink/Grow : (Shift+S) บบระยะหางระหวางพาธใหแคบลง (กด Shift+ลาก Mouse=กระจายระยะหาง)

ลำก Mouse จำกบนลงลำง(ระหวำง E กบ X) ลำก Mouse จำกบนลงลำง ผำนตว E

Attract/Repel : (Shift+A) ดดพาธเขาหา Cursor(กด Shift+ลาก Mouse=ผลกออกจาก Cursor)

Roughen : (Shift+R) ทำาใหพาธขรขระ(สราง Nodes จำานวนมากบรเวณทปรบแตง)

Click Mouse ระหวำง E กบ X หลำยๆครง ลำก Mouse ผำนตว T ไปมำ

ค. Tweaking Colors

Tweaking Colors ใชปรบแตงสใหกบรปรางเปนกลมๆ โดยใหมสไลเรยกนอยางสวยงามPaint : (Shift+C) ระบายสพนพรอมเสนขอบโดยใชสทปรากฎอยบน Tool Controls ในชอง Current Style( ) การเลอกสขณะใช Tweak tool จะไมมผลตอการเปลยนสของรปรางแตจะเปนการเลอกใหกบ Current style เทานน

Jitter : (Shift+J) ระบายสแบบสม สในชอง Current style จะไมมผล

ใน Color mode ม Options 4 ตวกคอ H,S,L,O เปน Option ในการทำางานกบสในระบบของ HSL สามารถเปดหรอปดตวใดกได เพอเลอกให H,S,L หรอ O มผลตอรปรางหรอไม


15.2 Bucket fill tool

Bucket fill tool(ถงส) ใชเทสในวงปด เพอสรางรปรางใหมขนมา โดยรปรางทสรางใหมนจะมรปรางตามขอบเขตของวงปด วงปดในทน จะเปนภายในรปรางเดยว หรอวงปดทเกดจากการซอนกนของรปรางกตวกได

การใชงาน Bucket fill tool 1. สรางวงปด

วงปด 2 วงซอนกน โดยไมใสสพนทงค(ใส)

2. เลอก Bucket fill tool (Shift+F7)3. Click บรเวณพนทของวงปด จากนนจะปรากฎรปรางใหมอยภายใน โดยมรปรางตาม

ขอบเขตของวงปด

ใช Bucket fill tool Click บรเวณทรปรำงทง 2 ซอนกน

เมอใช Mouse ลำกรปรำงทถกสรำงโดย Bucket fill tool ออกมำ

Tool Controls ของ Bucket fill tool

Threshold ในกรณท รปรางใสสพนแบบ Gradient คา Threshold เปนตวกำาหนดความกวางขอบเขตส ทใชสรางรปรางใหม

วงรเปน รปรำงทใสสพนแบบ Gradient พนทสนำำเงนถกสรำงโดยใช Bucket fill tool โดยใช Threshold=5 และ Threshold=30 ตำมลำำดบ


Fill by ใชเลอกสทเปนตวกำาหนดขอบเขตการเทสเพอสรางรปรางใหม ตวใดทไมถกเลอก จะขามสนนไป

วงรถกสรำง โดยใส Gradient จำกสเขยวไปสแดง จำกนนใช Bucket fill tool เทสเทำลงตรงกลำงวงรทงสองวง พนท สเทำบนวงรวงแรก ใช Fill by : Visible (Threshold=10) พนท สเทำบนวงรวงทสอง ใช Fill by : Blue (Threshold=10) สแดงและสเขยวจะไมถกใชในกำรคำำนวณขอบเขต ฉะนนจงมสเทำเตมวงรวงทสอง รวมทงเตมเสนขอบดวย

Grow/shrink by ใชกำาหนดการเทสเพอสรางรปรางใหโตกวาขอบเขตวงปด(Grows คา +) หรอ หดเขามาอก(Shrink คา - )

Grow/shrink by : -5

Grow/shrink by : 10

Close gap ใชในกรณทวงปด มรอยรว โดยสามารถเลอกอดรอยรวได 3 ระดบ ตามขนาดของรอยรว กคอ Small, Medium, Large (กำร Zoom มผลตอขนำดรอยรว ) None= ไมอดรอยรว

Close gaps : Small

Close gaps : Largeหำกเลอกเปน Small พนทสเขยวจะลนมำถงตรงกลำง เพรำะ Small ไมเพยงพอทจะอดรรวขนำดใหญ


กรณไมใชวงปดกรณไมใชวงปด หรอ Click บนหนาจอวางๆรปรางใหมทสรางขน จะมรปรางตามขอบเขตของหนาจอ ซงเปนสเหลยมผนผา โดยจะเวนเปนรไว หากมรปรางอนๆอยบนหนาจอดวย

Click บนพนทวำง

Zoom ออก และ ยำยรปรำงทสรำงใหมออกมำดจะพบวำรปรำงทสรำงใหม(สเทำ) เปนสเหลยมมขนำดใกลกบขอบเขตของหนำจอ ณ ขณะนน

การใช Bucket fill tool กบการ Zoom ขนาดการ Zoom มผลตอคณภาพหรอความละเอยดของรปรางทถกสรางโดยใช Bucket fill tool

พนทสเขยวถกสรำงโดยใช Bucket fill tool ขณะ Zoom 20%

รปรำงไมคอยเขำรปกบขอบเขต

พนทสเขยวถกสรำงโดยใช Bucket fill tool ขณะ Zoom 200%

รปรำงเขำรปกบขอบเขตอยำงสนท


สราง รปราง จากวงปดหลายวง กรณมวงปดหลายวงตดกน เราสามารถสรางรปรางใหมจากพนทวงปดทตดกนดงกลาว โดย กด Alt+ ลาก Mouse ผานวงปด

กด Alt+ลำกผำนวงปด(หำกไมกด Alt จะเปนกำรเทสทเสนขอบดวย)

ผล

เมอลำกรปรำงทสรำงใหมออกมำด

15.3 3D Box tool

3D box tool เปนเครองมอทใชสรางกลอง 3 มต

การสราง 3D box 1. เลอก 3D box tool (x หรอ Shift+F4)2. Click บนพนททำำงำน > ลำก Mouse > ปลอย

*** ระหวาง ลาก Mouse หาก กด Shift คางไว จะเปนการลอคขนาดระนาบดานหนง (XY) จากนนเมอลาก Mouse ตอ จะเปนการกำาหนดความลก(แกน Z) ของกลอง


สวนประกอบของ 3D box 3D box เปนภาพ Perspective (มสดสวนตามทสายตามองเหน) ทประกอบไปดวย

3D box มมเงย – มองตกสง ม VP 2 จด

3D box มมกม – มองลงมำจำกทสง ม VP 3 จด

1. ระนาบ 3 ระนาบทมองเหน กคอ ระนาบ XY, YZ และ XZ บางครงจะแสดงเพยง 2 ระนาบ

2. สเหลยม 6 รปมาตอกน โดยสเหลยมทง 6 จะ Group กนอย แตทงน จะมองเหนเพยง 2-3 ดานเทานน ทเหลอถกบงอย หากทำาการ Ungroup (Ctrl+U) สเหลยมทง 6 จะแยกออกจากกน สามารถเคลอนยายแตละดานแยกออกจากกนได

3. เสนขนาบขางระนาบ ดานละ 2 เสน สแดง(X), เหลอง(Z), สนำาเงน(Y)4. Vanishing point (VP) หรอ จดสดสายตา เปนจดทเสนขนาบขางระนาบทง 2 เสนตด

กน เปนจดหลกในการกำาหนดแนวของระนาบ VP มได 3 จด แตคาเรมตนของโปรแกรม ม VP ให 2 จด ทดานซาย (X) และดานขวา (Z) โดยดานบนไมม VP หรอกคอ เสนขนาบขางระนาบเปนเสนขนาน (บางครงจะเรยกวา จด VP อยไกลมากๆจนมองเปนเสนขนาน)

5. Handles สเหลยมขาวหลามตด 8 จด อยทมมของกลองทง 8 มม แมบางมมจะถกบง แต Handles จะมองเหน Handles ทง 8 ใชในการปรบขนาดและความลกของ 3D box


การสราง 3D boxes ตวอนๆ เมอสราง 3D boxes ตวใหม จะใชจด VP รวมกบ 3D boxes กอนหนา จงสะดวกในการทจะสราง 3D boxes หลายๆ กลอง โดยใหอยในมตเดยวกน

หากขยบ VP ของ 3D box ตวใดตวหนง จะเปนการขยบ VP ของ 3D boxes ตวอนๆ ดวย ฉะนน ในกรณทตองการขยบ VP เพอไมใชจด VP รวมกบตวอนแลว ให กด Shift > ยาย VP (เปลยนมตของ 3D boxes ใหตางจากตวอนๆไปเลย)

การยาย 3D box ใหอยในมตเดม หาก Click+ลำก 3D box จะเปนการยาย 3D box โดยยาย VP ยายทกอยางไปดวย แตหากตองการยายตำาแหนง โดยอยในมตเดม(จด VP ยดอยตำาแหนงเดม) ซงรปทรงกจะเปลยนไปบาง ให Click คำงทตว x บน 3D box > ลำกไปวำงยงตำำแหนงทตองกำร จะเปนการยายตำาแหนง โดยอยในมตเดม


การเปลยนสใหกบ 3D box ทง 6 ดานของ 3D box (ปกตจะมองเหนเพยง 2-3 ดาน) สามารถใสสอะไรกไดตามตองการ โดยเลอกทแตละดานของ 3D box จากนนกใสสลงไป

Ungroup 3D box3D box ประกอบไปดวย สเหลยม 6 รปมาตอกน เมอใชคำาสง Ungroup (Ctrl+U) แลวยายแตละดานออกมา จะเหนสวนประกอบทงหมด

การเลอกดานของ 3D box ใช Node tool (F2) > Click : เลอกดานทมองเหน ใช Node tool (F2) > Alt + Click : เลอกดานทมองไมเหน(อยดานหลง)เลอก 3D box > กด Ctrl + Enter : เขาไปปรบแตงแตละดานโดยไมตอง Ungroup (เขาส Mode ปรบแตงแตละรปรางใน Group)ใช Select tool > Ctrl + Click : เลอกดาน โดยไมตองไมตอง Ungroupใช Select tool > Ctrl + Alt + Click : เลอกดานทมองไมเหน(อยดานหลง) โดยไมตอง Ungroup

Tool Controls ของ 3D box tool

Option ของ 3D box tool ใชกำาหนดการวาดกลอง 3 มต ทม VP 1 จด 2 จด หรอ 3 จด ซงเปนการวาดกลอง 3 มต ในมมมอง Perspective แบบตางๆ

การม VP 1 จดหรอ 2 จด หมายถง เสนขนาบขางระนาบอนๆ เปนเสนขนาน ใหกดทปม เพอทำาใหแกนนนๆ เปนเสนขนาน หรอ ไมมจด VP


3D box กลองใหญทสด ม VP 1 จด บนทศทำงแกน Z ซงไดถกยำยมำ ตรงกลำงของกลอง (X และ Y เปนเสนขนำน)

กลองตำมภำพ จรงๆ ควรเหนเพยงดำนเดยว แตไดใสสใสใหกบดำนหนำกลอง จงมองทะลเหน 5 ดำนภำยใน

VP ม 2 จดคอแกน X และ Z (Y เปนเสนขนำน)

VP ม 3 จด


15.4 Spray tool

Spray tool ใช คดลอกรปรางและวางแบบกระจาย โดยการวางมลกษณะคลายการพนส สเปรย เพยงแตระอองทออกมา คอรปรางทเลอกไว

การใชงาน Spray tool 1. เลอกรปราง2. เลอก Spray tool (a หรอ Shift+F3)3. Click คำงบนพนททำำงำน > ลำก Mouse > ปลอย จากนน จะปรากฎรปรางทไดเลอกไว

ในตอนตน กระจายอยตามทศทางทลาก Mouse

Tool Controls ของ Spray tool

Copy mode : รปรางใหมทสรางขนจะเปนตวของตวเอง คลายการ Copy และ Paste ธรรมดา

Clone mode : รปรางใหมทเกดขนจะเปนตว Clones

Single Path mode : หากรปรางทสรางใหมซอนทบกน จะทำาการเชอมเปนรปรางเดยว(Union) โดยอตโนมต

Width : (1-100) ขนาดของพนททจะสเปรย (ขนำดของวงกลมสสมเมอเลอก Spray

tool) รปรางทสเปรยออกไป จะอยภายในขอบเขตนหรออยททบขอบนเทานน( Left Arrow = ลดขนาดพนท Right Arrow = เพมขนาดพนท )

เมอเลอก Spray tool จะปรำกฎวงกลมสสม คอขนำดของพนททจะสเปรย


Amount : (1-100) จำานวนรปรางทจะพนออกมา คานอย ออกมาทละนอย คามาก ออกมาทละมากๆ ( Down Arrow = ลดจำานวน Right Arrow = เพมจำานวน )

Amount=10 ลำก Mouse แบบเปนเสนตรง

Amount=100 ลำก Mouse แบบเปนเสนตรง

Rotation : (0-100) หมนรปรางทสรางใหมแบบสม ( 0=ไมหมน, 100=หมนไดสงสด 180O )

Rotation=100 ลำก Mouse แบบเปนเสนตรง

Scale : (0-100) ยอขยายรปรางทสรางใหมแบบสม ( 0=ขนำดเทำกนหมด, 100=ขนำดสงสดคอ 2 เทำ )

Scale=100 ลำก Mouse แบบเปนเสนตรง

Scatter : (1-100) อตราการกระจายของรปรางทสรางใหมแบบสม( 0=อยทตำำแหนง Cursor, 100=กระจำยระยะหำงไดเตมพนททสเปรย )

Scatter=100 ลำก Mouse แบบเปนเสนตรง รปรำงกระจำยจนทวพนทสเปรย

Focus : (0-100) ระยะการกระจายของรปรางทสรางใหม( 0=อยทตำำแหนง Cursor, 100=อยทขอบของพนททจะสเปรย )

Focus=100 Click ยำำๆทเดม รปรำงใหมจะปรำกฎอยบรเวณขอบของพนททสเปรยเทำนน


15.5 Eraser tool

Eraser tool (ยางลบ) ใชลบรปรางหรอบางสวนของรปราง

การใชงาน Eraser tool 1. เลอก Eraser tool (Shift+E)2. Click คำงบนพนทวำง > ลำก Mouse ผำนรปรำง

Tool Controls ของ Eraser tool

Width : (1-100) ความกวางของหวยางลบ (มผลเฉพาะ Cut-Out mode เทานน)

Touch mode : เมอลาก Mouse จะปรากฎเปนเสนสแดง หากเสนสแดงลากผานรปรางใด รปรางนนจะถกลบ

ผล

Cut-Out mode : เมอลาก Mouse จะปรากฎเปนแถบสแดง(ควำมกวำงของแถบขนอยกบคำ Width) หากแถบสแดง ลากผานสวนใดของรปราง สวนนนจะถกลบออกไป

ผล


บทท 16 : กำรแปลงภำพ Bitmap เปนภำพ Vector16.1 กำรทำำ Trace bitmap

Inkscape สามารถแปลงจากภาพ Bitmap ไปเปนภาพแบบ Vector ได

การแปลงจากภาพ Vector ทสรางใน Inkscape ไปเปนภาพ Bitmap เปนเรองงาย โดยใชการ Export แตในทางกลบกน การแปลงจากภาพ Bitmap ไปเปนภาพ Vector เปนเรองทคอนขางยงยาก

เนองจากพนฐานการสรางภาพแบบ Vector เปนการสรางเสนหรอวงปด แลวใสสลงไป การแปลงจาก Bitmap ไปเปน Vector จงตองใชการ Scan สของภาพ แลวสรางเปนพาธทมลกษณะเปนเสนหรอเปนวงปดขนมา

โดยสวนใหญ ภาพทเกดจากการทำา Trace bitmap จะม Nodes เปนจำานวนมาก ทงน จะมาก จะนอย จะมลกษณะอยางไร ขนอยกบการตงคาการ Scans ส ดวยเหตน พาธทได จงมกจะถกลดจำานวน Nodes ลง โดยใชคำาสง Path > Simplify (Ctrl+L)

หนาตาง Trace Bitmap การเปดหนาตาง Trace Bitmap ใหไปท Path > Trace Bitmap... (Shift+Alt+B)

ท (Tab) Mode แบงออกเปน 2 กรอบ กคอ Single scan และ Multiple scan Single scan ใชสรางพาธเสนเดยว สวน Multiple scans ใชสรางพาธหลายเสน

บทท 16: กำรแปลงภำพ Bitmap เปนภำพ Vector [16-1]

ก. Single scan

Brightness Cutoff ใชความสวางของ Pixels บนภาพ Btimap เปนตวสรางพาธ โดยคา Threshold (0-1.00) เปนตวแบงวา สวางแคไหนจะเปนสขาว? สวางแคไหนจะเปนสดำา? Threshold นอยๆ สขาวจะมาก Threshold มากๆ สดำาจะมาก

ภำพ Bitmap ตนฉบบ Threshold = 0.2(หำกเปน 0 ภำพจะขำวไปเลย)

Threshold = 0.7(หำกเปน 1 ภำพจะดำำไปเลย)

Edge Detectionวธน จะสรางพาธ จากความแตกตางระหวางความสวางของ Pixels ทอยตดกน โดยคา Threshold (0-1.00) เปนตวแบงวา “Pixels ทอยตดกน สวำงแตกตำงกนแคไหนจงจะตเปนขอบเขตของพำธ” Threshold นอยๆ พาธจะเปนเมดๆ Threshold มากๆ พาธจะตอเนอง และดโลง

ภำพ Bitmap ตนฉบบ Threshold = 0.1ภำพเปนเมดๆ จำำนวนมำก

Threshold = 0.7พำธตอเนองและดโลงตำ


Color Quantizationวธนจะสรางพาธ ตามความแตกตางระหวางสของ Pixels ทอยตดกน โดยคา Color (2-64) เปนตวแบงวา “Pixels ทอยตดกน สแตกตำงกนแคไหน จงจะตเปนขอบเขตของพำธ?” Color นอยๆ พาธจะเรยบ Color มากๆ พาธจะหยกมาก

ภำพ Bitmap ตนฉบบ Color= 3พำธคอนขำงเรยบ

Color= 20พำธหยกมำก

พนของตนฉบบมสขำว พอทำำ Trace bitmap สพนจะกลำยเปนสวนหนงของพำธดวย

ข. Multiple scans

Multiple scans จะ Scans สของภาพหลายครง แตละครงท Scans จะสรางพาธ 1 พาธ ทงนจะ Scans กครง ขนอยกบคาทชอง Scans : …. แต Inkscape มกจะ Scans เกนจำานวนครงทระบ 1 ครงเสมอ

Multiple scans มอย 3 ตวดวยกน กคอ Brightness steps, Colors และ Gray หลกการมลกษณะคลายกบ Single scan ทไดอธบายไปในขอ ก.


Brightness stepsสรางพาธโดยการ Scans ตามความสวาง ผลทได แตละพาธจะเรยงจากสวางนอยไปหามาก แมคา Threshold จะไมม แตการ Scans จะเรมทคาตำาสดท Threshold 0.2 และมากทสดท 0.9 ระหวางนนจะเปนสดสวนตามจำานวนครงการ Scans

ภำพ Bitmap ตนฉบบ Brightness steps Scans= 2

เหนเปน 3 สอยำงชดเจน

Brightness steps Scans=10

ใหพจารณา ภาพดานบนภาพกลาง (Scans=2) ภาพประกอบไปดวยพาธ 3 พาธ Group กนอย หาก Ungroup แลวยายภาพออกมาวางเรยงกน จะเหนเปนพาธ 3 ส เรยงจากสสวางกวา ไปหา สทมดกวา

Scans=2 และ เลอก Option เปน Smooth และ Stack scans


Colorsสรางพาธโดยการ Scans สของภาพ ผลทได จะเปนพาธทมการใสสไลเรยงกน ใกลเคยงกบภาพตนฉบบ

ภำพ Bitmap ตนฉบบ Colors scanScans= 2

เหนเปน 3 สอยำงชดเจน

Colors scanScans=10

เหนเปนวงๆของสตำงๆ

Graysคลายกบ Colors เพยงแต เปนการ Scans เฉดสเทา ผลทไดกจะเปนพาธของเฉดสเทา

ภำพ Bitmap ตนฉบบ Grays scanScans= 2

เหนเปน 3 สอยำงชดเจน(เฉดสเทำ)

Grays scanScans=10

เหนเปนวงๆของสเทำสตำงๆ


Options ของ Multiple scans มอย 3 ตว กคอ3. Smooth หากเลอก Option น จะเปนการใส Gaussian Blur กอนทภาพจะถก Trace

bitmap หลงทำา Trace bitmap แลว พาธจะดราบเรยบขน 4. Stack scans เปน Option ทใช Scans ภาพเปนชนๆ หากไมเลอก Option น จะ

Scans เปนกลมส พาธจะไมซอนกน แตจะอยเปนวงแยกกน

Scans=2 และ เปด Option : Stack scans พำธเรยงเปนชนซอนกน เมอจบแยกออกมำด จะมลกษณะตำมภำพดำนบน

Scans=2 และ ปด Option : Stack scans พำธไมซอนกน แตอยเปนวงแยกกน เมอจบแยกออกมำด จะมลกษณะตำมภำพดำนบน

5. Remove background เปน Option ทใชตดพาธชนลางสดออก ปกตพาธลางสดมกจะเปน Background หรอ เปนชนทมพนทมากทสด


ค. TAB Options

TAB Options ของหนาตาง Trace bitmap ใชกำาหนดรายละเอยดเพมเตมในการทำา Trace bitmap

Suppress speckles ไมตองสนใจหรอยกเลกการสรางพาธบรเวณทมขนาดเลกเกนกวาคาทกำาหนด

Smooth corners ทำา ใ หพาธ เ ปนม ม โค ง ค า Threshold นอยๆ ม ม จะ โค ง น อย (Threshold=0 จะเปนมมแหลม) คา Threshold มากๆ มมจะโคงมาก

Optimize paths ควบคมจำานวนของ Nodes คา Tolerance นอยๆ Nodes จะมาก Tolerance มากๆ Nodes จะนอย


www.poeclub.org