42
บบบบบ 5 บบบบบบ บบบบบบบบบบบบบ

หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

Embed Size (px)

Citation preview

Page 1: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

บทท�� 5 จั�ดการและปร�บแต่�งร�ปทรง

Page 2: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

การเล�อกออบเจั�คก�อนท��จัะการหร�อท�าการปร�บแต่�งใดๆ ค�ณจัะต่ อง

เล�อกออบเจั�คหร�อบร!เวณท��ต่ องการเสี�ยก�อน โดยใช้ เคร��องมื�อหร�อเทคน!คต่�างๆท��กล�าวต่�อไป ซึ่*�งออบเจั�คท��ถู�กเล�อกอย��จัะมื�การแสีดงผลแต่กต่�างจัากออบเจั�คปกต่!

ออบเจั�คแบบ Merge Drawingสี�าหร�บออบเจั�คแบบ Merge Drawing

ค�ณสีามืารถูแยกเล�อกเฉพาะเสี น สี�พ�/น หร�อเพ�ยงบางสี�วนของเสี นและสี�พ�/นก�ได ซึ่*�งพ�/นท��ท��ถู�กเล�อกจัะแสีดงด วยจั�ดเล�กๆ

Page 3: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ออบเจั�คแบบ Object Drawing และ Group

สี�าหร�บออบเจั�คแบบ Object Drawing หร�อ ออบเจั�คท��ถู�กรวมืกล��มืไว (Group) การเล�อกจัะต่ องเล�อกท�เด�ยวท�/งช้!/นเสีมือ โดยออบเจั�คท��ถู�กเล�อกจัะแสีดงเสี นขอบสี��เหล��ยมืข*/นมืา (หากต่ องการเล�อกพ�/นท��บางสี�วนของ) Object Drawing ให ด�บเบ!/ลคล!กบนออบเจั�คแล วจัะสีามืารถูเล�อกแบบ Merge Drawing ได

Page 4: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ออบเจั�คแบบ Primitiveเฉพาะออบเจั�คท��วาดด วยเคร��องมื�อ

Rectangle Primitive หร�อ Oval Primitive เมื��อถู�กเล�อกแล วจัะแสีดงเสี นขอบสี��เหล��ยมืและจั�ดควบค�มืท��ใช้ สี�าหร�บด�ดแปลงร�ปทรงข*/นมืาด วย

ภาพบ!ทแมืพภาพบ!ทแมืพท��ถู�กเล�อกจัะแสีดงเสี นสี�

เทาลายจั�ดเล�กๆ เป2นขอบสี��เหล��ยมืรอบร�ปภาพเล�อกออบเจั�คด วยเคร��องมื�อ Selectionเคร��องมื�อ Selection .ใช้ สี�าหร�บเล�อกออบเจั�ค

ซึ่*�งท�าได หลายแบบไมื�ว�าจัะเป2นการเล�อกท�/งช้!/นงาน หลายช้!/น หร�อเล�อกเพ�ยงบางสี�วนก�ต่ามื ว!ธี�ใช้ ให คล!กเคร��องมื�อ Selection (ค�ย4ล�ด V) แล วคล!ก, ด�บเบ!ลคล!กหร�อคล!กลากเมืาสี4 ซึ่*�งแบ�งเป2นหลายกรณ� ด�งน�/

Page 5: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกออบเจั�คแบบ Merge Drawing เล�อกเฉพาะเสี น

ให คล!กบนสี�วนของเสี นท��ต่ องการ หากด�บเบ!ลคล!กบนเสี นจัะเป2นการเล�อกเสี นท�/งหมืดท��เช้��อมืก�น เล�อกเฉพาะพ�/น

ให คล!กบนสี�พ�/นท��ต่ องการหากพ�/นมื�หลายสี�โปรแกรมืจัะเล�อกเฉพาะในขอบเขต่สี�ท��คล!กเท�าน�/น เล�อกท�/งพ�/นและเสี น

ให ด�บเบ!ลคล!กบนสี�พ�/นออบเจั�คจัะถู�กเล�อกต่ามืขอบเขต่ของเสี นรอบร�ปทรงน�/นเป2นหล�ก

Page 6: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกออบเจั�คท�/งช้!/นหร�อหลายช้!/นให คล!กลากเมืาสี4จัากพ�/นท��ว�างบนสีเต่จัหร�อ

Pasteboard โดยให ครอบคล�มืออบเจั�คท�/งช้!/น

เล�อกบางสี�วนของออบเจั�คให คล!กลากเมืาสี4จัากพ�/นท��ว�างบนสีเต่จัหร�อ Pasteboard โดยให ครอบคล�มืเฉพาะพ�/นท��ท��ต่ องการ

เล�อกออบเจั�คแบบ Object Drawing, Group และ Primitive

ให คล!กบนเสี นหร�อสี�พ�/นของออบเจั�คก�ได จัะปรากฏเสี นขอบล อมืรอบร�ปทรง

Page 7: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกออบเจั�คท�/งหมืด/ยกเล!กการเล�อก- การเล�อกออบเจั�คท�/งหมืด ท�/งท��อย��บนสีเต่จั

และ Pasteboard ให ใช้ ค�าสี��ง Edit > Select All หร�อกดค�ย4 Ctrl + A

- การยกเล!กการเล�อกออบเจั�ค ให ใช้ ค�าสี��ง Edit > Deselect All หร�อกดค�ย4 Esc หร�อถู าก�าล�งเล�อกเคร��องมื�อ Selection อย�� ก�คล!กบนท��ว�างของสีเต่จัเล�อกออบเจั�คด วยเคร��องมื�อ Lasso

Lasso เป2นเคร��องมื�อท��เหมืาะสีมืสี�าหร�บใช้ เล�อกพ�/นท��บางสี�วนของร�ปทรงแบบ Merge Drawing โดยว!ธี�ลากอย�างอ!สีระ (freehand) หร�อลากแบบเสี นต่รง (Straight-edge) ก�ได

Page 8: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกพ�/นท��แบบอ!สีระเป2นการเล�อกพ�/นท��อย�างอ!สีระด วยว!ธี�คล!กลาก

เมืาสี4ไปรอบๆบร!เวณท��ต่ องการ โดยถู าจั�ดท��ปล�อยเมืาสี4อย��ห�างจัากจั�ดเร!�มืต่ น โปรแกรมืจัะป6ดพ�/นท��การเล�อกให เองด วยเสี นต่รงจัากจั�ดสี�ดท ายไปย�งจั�ดเร!�มืต่ น

Page 9: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกพ�/นท��แบบลากเสี นต่รงด วย Polygon Modeเป2นการต่�กรอบรอบบร!เวณท��ต่ องการเล�อกด วยเสี นต่รง

Page 10: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เล�อกสี�บนภาพบ!ทแมืพเมื��อมื�การเต่!มืสี�พ�/นของออบเจั�คแบบ Merge

Drawing ด วยภาพบ!ทแมืพ ค�ณก�สีามืารถูเล�อกสี�บนภาพน�/นได โดยใช้ ออปช้��น Magic Wand ของเคร��องมื�อ Lasso ซึ่*�งสี�ท��ถู�กเล�อกก�ค�อสี�ของจั�ดท��คล!กรวมืท�/งพ�/นท��ท��ต่�อเน��องและมื�สี�ใกล เค�ยงก�น

ออปช้��นการท�างานของ Magic Wandค�ณสีามืารถูปร�บแต่�งการท�างานของ

Magic Wand เพ��อก�าหนดความืแต่กต่�างสี�ของบร!เวณท��ถู�กเล�อก และปร�บล�กษณะขอบของบร!เวณด�งกล�าวได โดยใช้ ออปช้��นบนไดอะล�อกบ�อกซึ่4 Magic Wand Settings ด�งน�/

Page 11: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

- Threshold ก�าหนดระด�บความืแต่กต่�างของสี�ท��จัะท�าให พ!กเซึ่ลท��อย��ใกล เค�ยงถู�กเล�อกไปพร อมืก�น ซึ่*�งใช้ ค�าได ต่�/งแต่� 0-200 โดยค�าท��สี�งข*/นจัะท�าให พ!กเซึ่ลท��ถู�กเล�อกมื�สี�แต่กต่�างก�นมืากต่ามืไปด วย

- Smoothing ก�าหนดความืเร�ยบของขอบบร!เวณท��ถู�กเล�อก โดยมื�ต่�วเล�อกต่�/งแต่�หยาบไปจันถู*งเร�ยบท��สี�ดให 4 แบบค�อ Pixels, Rough, Normal และ Smooth เคล��อนย าย ก8อปป9/ และลบออบเจั�ค

หล�งจัากเล�อกออบเจั�คแล ว ค�ณก�สีามืารถูด�าเน!นการใดๆก�บออบเจั�คน�/นได ไมื�ว�าจัะเป2นการเคล��อนย าย ก8อปป9/ หร�อลบออบเจั�ค

Page 12: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เคล��อนย ายออบเจั�คเมื��อเล�อกออบเจั�คแล ว ค�ณสีามืารถูเคล��อนย าย

ออบเจั�คน�/นไปย�งต่�าแหน�งต่�างๆได ด�งน�/- ใช้ เคร��องมื�อ Selection คล!กลากออบเจั�ค

ไปย�งต่�าแหน�งใหมื� ถู าต่ องการบ�งค�บให ออบเจั�คย ายต่�าแหน�งไปในแนวต่�/ง แนวนอน หร�อเป2นมื�มื 45 องศาก�ให กดค�ย4 Shift ร�วมืด วย

- กดค�ย4ล�กศร ข*/น ลง ซึ่ าย ขวา ต่ามืท!ศทางท��ต่ องการ ออบเจั�คจัะเล��อนไปคร�/งละ 1 พ!กเซึ่ลของจัอภาพขณะน�/น (การซึ่�มืภาพมื�ผลต่�อระยะการเคล��อนท��) แต่�ถู าหากก�าหนดการ Snapping ไว (View > Snapping > Snap to Pixels) ออบเจั�คจัะเล��อนไปคร�/งละ 1 พ!กเซึ่ลต่ามืขนาดจัร!งของสีเต่จั นอกจัากน�/ถู ากดค�ย4 Shift ร�วมืด วยก�จัะเล��อนไปคร�/งละ 10 พ!กเซึ่ล

Page 13: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เคล��อนย ายออบเจั�คด วยว!ธี�ก�าหนดต่�าแหน�งโดยระบ�ต่�าแหน�งใหมื�ของออบเจั�คในแนวนอน

(X) และแนวต่�/ง (Y) บนพาเนล Info ซึ่*�งหน�วยจัะเหมื�อนก�บบนไมื บรรท�ด (ต่ามืปกต่!ค�อพ!กเซึ่ล)ก8อปป9/ ออบเจั�ค

ก8อปป9/ ภายในเลเยอร4และซึ่�นเด�ยวก�นการก8อปป9/ ออบเจั�คเพ��อใช้ ภายในเลเยอร4

และซึ่�นเด�ยวก�นของไฟล4ท��ท�างานอย�� เมื��อคล!กเล�อกออบเจั�คท��ต่ องการแล วจัะท�าได โดย

ก8อปป9/ ด วยค�าสี��ง Duplicateคล!กค�าสี��ง Edit > Duplicate หร�อ

กดค�ย4 Ctrl + D จัะได ออบเจั�คใหมื�ท��เหมื�อนก�บออบเจั�คต่ นฉบ�บวางซึ่ อนอย��ด านบนไปเร��อยๆต่ามืจั�านวนคร�/งของการกดค�ย4

Page 14: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ก�อปป9/ และย ายต่�าแหน�งพร อมืก�นกดค�ย4 Ctrl หร�อ Alt ค างไว แล วใช้ เคร��องมื�อ

Selection คล!กลากออบเจั�คไปวางย�งต่�าแหน�งใหมื�

ก8อปป9/ ออบเจั�คระหว�างเลเยอร4 ซึ่�น หร�อไฟล4เมื��อต่ องการจัะก8อปป9/ ออบเจั�คจัาก

เลเยอร4หน*�งไปย�งอ�กเลเยอร4หน*�ง, ซึ่�นหน*�งไปย�งอ�กซึ่�นหน*�ง หร�อไฟล4หน*�งไปย�งอ�กไฟล4หน*�งก�ต่ามื จัะท�าได ด�งน�/

Page 15: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ก8อปป9/ ออบเจั�คระหว�างเลเยอร4 ซึ่�น หร�อไฟล4 (ต่�อ)1. เป6ดไฟล4ต่ นฉบ�บ2. เล�อกออบเจั�ค3. คล!กค�าสี��ง Edit > Copy > (ค�ย4ล�ด Ctrl

+ C)4. เป6ดไฟล4ปลายทางหร�อเล�อกเลเยอร4ปลาย

ทางหร�อเล�อกซึ่�นปลายทาง5. คล!กค�าสี��ง Edit > Paste in Center

(ค�ย4ล�ด Ctrl + V ภาพจัะถู�กวางอย��ต่รงกลางว!นโดว4)การวางออบเจั�คด วยค�าสี��งอ��นๆ

นอกจัากค�าสี��ง Paste in Center แล วค�ณสีามืารถูวางออบเจั�คด วยค�าสี��งอ��นๆอ�กด�งน�/ - Edit > Paste in Place (ค�ย4ล�ด Ctrl + Shift + V) ออบเจั�คจัะถู�กวางในต่�าแหน�ง เด�ยวก�บต่ นฉบ�บ - Edit > Paste Special จัะปรากฏไดอะล�อกบ�อกซึ่4 แล วคล!กป�<มื OK

Page 16: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ลบออบเจั�คการลบออบเจั�คจัะท�าให ออบเจั�คน�/นหายไปจัาก

ไฟล4 แต่�ในกรณ�ลบออบเจั�คท��เป2นอ!นสีแต่นซึ่4จัะไมื�มื�ผลต่�อซึ่!มืโบลท��อย��ในไลบราร� (เน��องจัากอ!นสีแต่นซึ่4เป2นสี�าเนาของซึ่!มืโบลน�/นเอง) ว!ธี�ลบให ค�ณเล�อกออบเจั�คท��ต่ องการ แล วใช้ ว!ธี�ใดว!ธี�หน*�งด�งน�/

- คล!กค�าสี��ง Edit > Clear- กดค�ย4 BkSp (Backspace) หร�อค�ย4

Delete- ด�บเบ!ลคล!กท��เคร��องมื�อ Eraser จัะเป2นการ

ลบออบเจั�คท�/งหมืดบนสีเต่จั

Page 17: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ล�อคออบเจั�คการล�อคออบเจั�คจัะช้�วยป=องก�นไมื�ให ออบเจั�

คน�/นถู�กเล�อก, แก ไขปร�บแต่�งหร�อเปล��ยนต่�าแหน�งได และจัะช้�วยให ค�ณเปล��ยนต่�าแหน�งได และจัะช้�วยให ค�ณเล�อกออบเจั�คท��อย��ใกล เค�ยงได ง�ายข*/น ออบเจั�คท��สีามืารถูล�อคได น�/นจัะต่ องเป2นอ!นสีแต่นซึ่4, ออบเจั�คแบบ Object Drawingหร�อออบเจั�คท��ถู�กรวมืกล��มื (group) ไว

ว!ธี�ปลดล�อคออบเจั�ค ให คล!กค�าสี��ง Modify > Arrange

> Unlock All (ค�ย4ล�ด Ctrl + Alt + Shift + L) จัะเป2นการปลดล�อคออบเจั�คท�/งหมืดท��ถู�กล�อคไว

Page 18: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

รวมืกล��มืออบเจั�ค (Grouping Objects)การจั�ดการออบเจั�คท��มื�องค4ประกอบย�อยหลายๆ

ช้!/น เช้�น การเล�อกหร�อเคล��อนย ายจัะมื�ความืย��งยากมืากข*/น ด�งน�/นค�ณจั*งควรรวมืกล��มื (Group) องค4ประกอบย�อยเหล�าน�/นให เป2นออบเจั�คเพ�ยงช้!/นเด�ยว ซึ่*�งจัะท�าให สีามืารถูเล�อกหร�อเคล��อนย ายออบเคน�/นได อย�างสีะดวก โดยออบเจั�คท��น�ามืารวมืจัะเป2นออบเจั�คแบบใดก�ได เช้�น Merge Drawing, Object Drawing, ข อความื หร�อออบเจั�คท��รวมืกล��มืไว แล วก�ได

แก ไขออบเจั�คภายในกล��มื แมื ว�าออบเจั�คจัะถู�กรวมืกล��มืไว ค�ณก�ย�ง

สีามืารถูแก ไขออบเจั�คย�อยภายในกล��มืได โดยไมื�จั�าเป2นต่ องใช้ ค�าสี��งแยกกล��มืออกมืาก�อน

แยกกล��มืออบเจั�ค (Ungroup) การแยกกล��มืจัะท�าให ออบเจั�คต่�างๆในกล��มื

น�/นย อนกล�บไปมื�สีภาพเหมื�อนก�บก�อนท��จัะท�าการรวมืกล��มื โดยซึ่*�งท�าได โดยค�าสี��ง Ungroup

Page 19: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

แยกสี�วนประกอบของออบเจั�ค (Break Apart)การแยกสี�วนประกอบของออบเจั�ค เช้�น

ข อความื ภาพบ!ทแมืพ อ!รสีแต่นซึ่4ของซึ่!มืโบล ล�ออบเจั�คแบบ Object Drawing ออกเป2นสี�วนย�อยๆน�/น จัะใช้ ในกรณ�ท��ต่ องการแก ไขและปร�บแต่�งรายละเอ�ยดของออบเจั�คย�อยเหล�าน�/น เช้�น ปร�บบ!ดต่�วอ�กษร ลบภาพบ!ทแมืพบางสี�วนออก หร�อแก ไขสี�ของอ!นสีแต่นซึ่4 เป2นต่ น

ว!ธี�การแยกสี�วนท�าได โดยคล!กเล�อกออบเจั�คท��ต่ องการ แล วคล!กค�าสี��ง Modify >Break Apart ซึ่*�งค�าสีสี��งน�/จัะมื�ผลต่�อออบเจั�คแต่�ละประเภทต่�างก�น

อ!นสีแต่นซึ่4 จัะต่�ดความืสี�มืพ�นธี4ของอ!นสีแต่นซึ่4ออก

จัากซึ่!มืโบลต่ นแบบ เพ��อให สีามืารถูแก ไขอ!นสีแต่นซึ่4ได อย�างอ!สีระจัากซึ่!มืโบลต่ นแบบ

Page 20: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ออบเจั�คแบบ Object Drawingจัะกลายเป2นออบเจั�คแบบ Merge

Drawingข อความื

จัะท�าให ข อความืถู�กแยกออกเป2นต่�วอ�กษรแต่�ละต่�ว โดยมื�กรอบ text block ท��แยกก�น ท�าให สีามืารถูสีร างเอฟเฟ2คให ต่�วอ�กษรแต่�ละต่�วได (ต่�วอ�กษรเหล�าน�/ย�งสีามืารถูแก ไขได ด วยการพ!มืพ4)

ต่�วอ�กษรเมื��อมื�การแยกสี�วนต่�วอ�กษรเด��ยวๆ จัะ

ถู�กแปลงเป2นร�ปทรงแบบ Merge Drawing ท��วไป ซึ่*�งไมื�สีามืารถูแก ไขได ด วยการพ!มืพ4อ�กต่�อไป

ภาพบ!ทแมืพจัะเปล��ยนภาพบ!ทแมืพไปเป2นร�ปทรง

สี��เหล��ยมืแบบ Merge Drawing ท��มื�สี�พ�/น (fill) เป2นภาพบ!ทแมืพ เพ��อให ค�ณสีามืารถูแก ไขหร�อปร�บแต่�งเพ!�มืเต่!มืได เหมื�อนก�บร�ปทรงแบบเวคเต่อร4ท��วไป

Page 21: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

จั�ดล�าด�บช้�/นการซึ่ อนก�นของออบเจั�คออบเจั�คท��วาดข*/นหร�อน�ามืาวางบนสีเต่จัจัะมื�

การเร�ยงซึ่ อนก�นต่ามืล�าด�บ โดยออบเจั�คท��สีร างหล�งสี�ดจัะอย��เหน�อออบเจั�คอ��นๆท�/งหมืด ซึ่*�งล�าด�บช้�/นเหล�าน�/จัะมื�ผลต่�อการมืองเห�นของผ� ช้มื เพราะออบเจั�คท��อย��ช้�/นบนจัะบ�งออบเจั�คช้�/นล�างๆ ลงมืา ค�ณสีามืารถูจั�ดล�าด�บช้�/นของออบเจั�คต่�างๆ ได ต่ามืต่ องการ ยกเว นร�ปทรงแบบ Merge Drawing ซึ่*�งจัะอย��ล�างสี�ดเสีมือ หากต่ องการจั�ดล�าด�บช้�/นออบเจั�คประเภทน�/ จัะต่ องรวบรวมืกล��มืหร�อแปลงเป2นซึ่!มืโบลก�อน

ว!ธี�จั�ดล�าด�บช้�/น ว!ธี�จั�ดล�าด�บช้�/นของออบเจั�ค มื�ข�/นต่อนด�งน�/

1. เล�อกออบเจั�ค2. คล!กค�าสี��ง Modify > Arrange

> เล�อกค�าสี��ง

Page 22: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ค�าสี��งจั�ดล�าด�บช้�/น มื�ท�/งหมืด 4 ค�าสี��งด�งน�/ - Bring to Front (ค�ย4ล�ด Ctrl + Shift + ล�กศรข*/น) เพ��อเล��อนออบเจั�คข*/นมืาอย��ช้�/นบนสี�ด - Bring Forward (ค�ย4ล�ด Ctrl + ล�กศรข*/น) เพ��อเล��อนออบเจั�คข*/นมืา 1 ช้�/น - Send Backward (ค�ย4ล�ด Ctrl + ล�กศรลง) เพ��อเล��อนออบเจั�คลงไป 1 ช้�/น - Send to Back (ค�ย4ล�ด Ctrl + Shift + ล�กศรลง) เพ��อเล��อนออบเจั�คลงไปช้�/นล�างสี�ดจั�ดเร�ยงออบเจั�ค

ก�อนอ��นให ค�ณแสีดงพาเนล Align โดยคล!กค�าสี��ง Window > Align (ค�ย4ล�ด Ctrl + K) แล วท�าข�/นต่อนการวางออบเจั�คหลายๆ ช้!/นให เร�ยงเป2นระเบ�ยบสีวยงามืน�/น ถู าใช้ ว!ธี�คล!กลากไปวางแบบกะระยะเองท�ละช้!/นจัะท�าให เสี�ยเวลา

Page 23: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

และต่�าแหน�งอาจัไมื�ต่รงก�น ว!ธี�ท��ด�ท��สี�ดค�อใช้ ค�าสี��งจัากพาเนล Align ซึ่*�งจัะช้�วยให ค�ณจั�ดเร�ยงออบเจั�คให เป2นระเบ�ยบ มื�ระยะห�าง ขนาด และต่รงแนวต่ามืท��ต่ องการ ด�งต่�อไปน�/

ค�าสี��งจั�ดเร�ยงออบเจั�ค ค�าสี��งบนพาเนล Align แบ�งออกเป2น 5 กล��มืด�งน�/ - Align จั�ดเร�ยงออบเจั�คต่ามืแนวต่�/งและแนวนอน

จั�ดช้!ดขอบด านซึ่ ายให ต่รงก�นจั�ดก*�งกลางให ต่รงก�นต่ามืแนวต่�/งจั�ดช้!ดขอบด านขวาให ต่รงก�นจั�ดช้!ดด านบนจั�ดก*�งกลางให ต่รงก�นต่ามืแนวนอนจั�ดช้!ดด านล�าง

Page 24: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

- Distribute จั�ดเร�ยงออบเจั�ค (ต่ องเล�อกออบเจั�คไว ต่�/งแต่� 3 ช้!/นข*/นไป) ให มื�ระยะห�างท��เท�าก�นต่ามืแนวต่�/งหร�อแนวนอน

จั�ดระยะห�างจัากขอบบน ของแต่�ละออบเจั�คให เท�าก�น

จั�ดระยะห�างจัากจั�ดก*�งกลาง ของแต่�ละออบเจั�คให เท�าก�นต่ามืแนวต่�/ง

จั�ดระยะห�างจัากขอบล�าง ของแต่�ละออบเจั�คให เท�าก�น

จั�ดระยะห�างจัากขอบซึ่ าย ของแต่�ละออบเจั�คให เท�าก�น

จั�ดระยะห�างจัากจั�ดก*�งกลาง ของแต่�ละออบเจั�คให เท�าก�นต่ามืแนวนอน

จั�ดระยะห�างจัากขอบขวา ของแต่�ละออบเจั�คให เท�าก�น

- Match size ปร�บขนาดออบเจั�คให เท�าก�นต่ามืความืกว างหร�อความืสี�ง

ปร�บความืกว างให เท�าก�บออบเจั�คท��กว างท��สี�ดปร�บความืสี�งให เท�าก�บออบเจั�คท��สี�งท��สี�ดปร�บความืกว างและความืสี�งให เท�าก�บออบเจั�คท��

มื�ขนาดใหญ่�ท��สี�ด

Page 25: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

- Space จั�ดเร�ยงออบเจั�ค (ต่�/งแต่� 3 ช้!/นข*/นไป) โดยให มื�ช้�องว�างระหว�างขอบออบเจั�คท��เท�าก�นในแนวต่�/งหร�อแนวนอน

จั�ดช้�องว�างระหว�างขอบออบเจั�คเท�าๆก�นต่ามืแนวต่�/ง

จั�ดช้�องว�างระหว�างขอบออบเจั�คเท�าๆก�นต่ามืแนวนอน

- To stage เป2นต่�วเล�อกเพ��อก�าหนดให ค�าสี��งท�/งหมืดในพาเนลน�/ ท�าการจั�ดเร�ยงโดยย*ดพ�/นท��ของสีเต่จัเป2นหล�ก ซึ่*�งหากไมื�เล�อกจัะเป2นการเปร�ยบเท�ยบก�นระหว�างออบเจั�คในช้�ด

นอกจัากการใช้ ค�าสี��งบนพาเนล Align แล ว ค�ณย�งสีามืารถูจั�ดเร�ยงออบเจั�คได โดยใช้ ค�าสี��ง Modify > Align > เล�อกค�าสี��ง ซึ่*�งจัะมื�ค�าสี��งต่�างๆ เหมื�อนก�นก�บบนพาเนล Align ท��ได อธี!บายไว ข างต่ น

Page 26: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บเปล��ยนเสี นขอบร�ปทรงออบเจั�คหล�งจัากวาดร�ปด วยเคร��องมื�อวาดพ�/นฐาน

ต่�างๆ ด�งท��กล�าวมืาแล วในบทท�� 3 ค�ณย�งสีามืารถูปร�บแต่�งแนวเสี น และแนวขอบของร�ปทรงเพ!�มืเต่!มืได อ�ก โดยใช้ เคร��องมื�อ Selection และค�าสี��งอ��นๆจัากเมืน� ไมื�ว�าจัะเป2นการด*งเสี นหร�อขอบให ล�กษณะของร�ปทรงเปล��ยนไป ต่ลอดจันการปร�บแนวเสี นและแนวขอบให เร�ยบหร�อต่รงมืากข*/น แต่�ค�าสี��งเหล�าน�/จัะไมื�สีามืารถูใช้ ก�บออบเจั�คท��รวมืกล��มืแล ว และออบเจั�คแบบ Primitive

ปร�บเปล��ยนเสี นขอบร�ปทรงด วยเคร��องมื�อ Selection

เคร��องมื�อน�/มื�ค�ณสีมืบ�ต่!หลายอย�าง แต่�ในท��น�/จัะมืาด�ก�นถู*งค�ณสีมืบ�ต่!ในการปร�บแต่�งแนวเสี นและแนวขอบของร�ปทรง เพ��อให ได ร�ปทรงต่รงต่ามืล�กษณะท��ต่ องการใช้ งาน โดยมื�ข�/นต่อนด�งต่�อไปด�งน�/

Page 27: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บเปล��ยนเสี นขอบร�ปทรงด วยเคร��องมื�อ Selection (ต่�อ)

1.คล!กเคร��องมื�อ Selection (ค�ย4ล�ด V)2.คล!กพ�/นท��ว�างของสีเต่จั (หากออบเจั�คถู�ก

เล�อกอย��)3.ช้�/เมืาสี4ต่ามืสี�วนต่�างๆท��เป2นแนวเสี นหร�อแนว

ขอบของร�ปทรง (สี�งเกต่ร�ปเมืาสี4ท��เปล��ยนไป)4.คล!กลากปร�บร�ปทรงต่ามืต่ องการโดยแยก

เป2นกรณ�ต่�างๆ ด�งห�วข อต่�อไปในท��น�/ แนวเสี น หมืายถู*งเสี น (stroke) รอบ

ร�ปทรงท��มื�สี�เสี น สี�วน แนวขอบ หมืายถู*งขอบของร�ปทรงท��มื�แต่�สี�พ�/น (fill) โดยไมื�มื�เสี น ซึ่*�งท�/ง 2 อย�างน�/สีามืารถูปร�บได เช้�นเด�ยวก�นปร�บสี�วนโค ง

การปร�บเสี นหร�อขอบร�ปทรงให โค งมืากข*/นหร�อลดลง ท�าได โดยช้�/ท��เสี นหร�อขอบเสี นหร�อขอบแล วใช้ เมืาสี4ร�ปโค งคล!กลากปร�บความืโค ง ซึ่*�งแมื ว�าเด!มืเสี นน�/นจัะเป2นเสี นต่รงมื�นก�จัะถู�กปร�บให เป2นเสี นโค งได

Page 28: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

เพ!�มืจั�ดมื�มืถู าต่ องการสีร างมื�มืใหมื�ให ก�บร�ปทรง ให

กดค�ย4 Ctrl ค างไว แล วใช้ เมืาสี4ร�ปโค ง คล!กลาก (จัากน�/นเมืาสี4จัะเปล��ยนเป2นร�ป สี��เหล��ยมื) ท�/งน�/ล�กษณะของมื�มืท��ได จัะข*/นก�บช้น!ดของจั�ดแองเคอร4ข างค�ยง

ย ายจั�ดปลายเสี นหร�อจั�ดมื�มืการย ายปลายเสี น (กรณ�ร�ปทรงปลาย

เป6ด) หร�อมื�มืของร�ปทรง ให เล��อนเมืาสี4ไปช้� (เมืาสี4จัะเป2นร�ป สี��เหล��ยมื) แล วคล!กลากย ายต่ามืต่ องการ

ลดรอยหย�กของร�ปทรงด วยค�าสี��ง Smoothแนวเสี นหร�อแนวขอบของร�ปทรงท��วาดไว

ไมื�เร�ยบ เช้�น ภาพท��วาดด วยเคร��องมื�อ Pencil หร�อ@ Brush ค�ณสีามืารถูปร�บลดจั�านวนจั�ดแองเคอร4และสี�วนโค งย�อยๆ ซึ่*�งจัะมื�ผลท�าให รอยหย�กลดลง และได แนวเสี นท��เร�ยบข*/น ท�าให ปร�บแต่�งด วยเคร��องมื�อ Selection ด�งกล�าวในห�วข อท��ผ�านมืาได ง�ายข*/น

Page 29: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บสี�วนโค งให เป2นเสี นต่รงด วยค�าสี��ง Straighten

เป2นการปร�บแนวเสี นหร�อแนวขอบของร�ปทรงท��วาดไว ไมื�เร�ยบหร�อเป2นสี�วนโค ง ให กลายเป2นเสี นต่รงโดยสี�วนท��ต่รงอย��แล วจัะไมื�ได ร�บผลกระทบใดๆ นอกจัากน�/หากร�ปทรงด�งกล�าวมื�ล�กษณะใกล เค�ยงก�บร�ปทรงเรขาคณ!ต่ เช้�น วงร� วงกลมื หร�อสี��เหล��ยมื ก�จัะถู�กปร�บให เป2นร�ปทรงเรขาคณ!ต่ท��สีมืบ�รณ4โดยอ�ต่โนมื�ต่!

ลดทอนสี�วนโค ง (Optimize)เป2นการปร�บแนวเสี นหร�อแนวขอบของ

ร�ปทรงโดยลดทอน (optimize) จั�านวนช้�ดแองเคอร4และสี�วนโค งย�อยๆท��ประกอบก�นเป2นร�ปทรงอ�กว!ธี�หน*�ง ซึ่*�งนอกจัากจัะท�าให ได แนวเสี นท��เร�ยบข*/นแล ว ย�งสี�งผลให ไฟล4เอกสีาร Flash (.fla) และไฟล4มื�ฟว�� (.swf) มื�ขนาดเล�กลงด วย

Page 30: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ออปช้��นของค�าสี��ง Optimize- Smoothing เล��อนสีไลเดอร4เพ��อก�าหนด

ระด�บความืเร�ยบ โดยหากเล��อนไปทางขวา (Maximum) จั�านวนจั�ดแองเคอร4และสี�วนโค งจัะย!�งลดลงแต่�ก�จัะท�าให ร�ปทรงเปล��ยนแปลงมืากข*/นต่ามืไปด วย

- Use multiple passes ให ท�าการปร�บซึ่�/าไปเร��อยๆ จันกว�าจัะไมื�เก!ดผลใดๆ อ�ก (ให ผลเหมื�อนการใช้ ค�าสี��งน�/ซึ่�/าหลายๆคร�/ง)

- Show totals message ให แสีดงข อมื�ลสีร�ปผลเมื��อท�างานเสีร�จัสี!/นปร�บขนาดออบเจั�ค (Scale)

การปร�บขนาดเพ��อให ออบเจั�คมื�ขนาดใหญ่�ข*/นหร�อเล�กลงน�/น สีามืารถูท�าได หลายว!ธี�ไมื�ว�าจัะเป2นการปร�บจัาก Property inspector ปร�บจัากพาเนล Transform หร�อ ปร�ด วยเคร��องมื�อ Free Transform ก�ได เช้�นก�น โดยแต่�ละว!ธี�มื�รายละเอ�ยดด�งน�/

Page 31: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บขนาดจัาก Property inspector หร�อพาเนล Info

การปร�บจัากพาเนลท�/งสีองน�/ท�าได โดยก�าหนดค�าความืกว าง (W) และสี�ง (H) ใหมื�ลงไป ซึ่*�งจัะมื�หน�วยต่ามืท��ก�าหนดบนไมื บรรท�ด (ต่ามืปกต่!ค�อ พ!กเซึ่ล) โดยหล�งจัากเล�อกออบเจั�คแล วให ก�าหนดค�าในพาเนลด�งน�/

Page 32: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บขนาดจัากพาเนล Transform เป2นการปร�บแบบเท�ยบสี�ดสี�วนของออบเจั�คเด!มื โดยขนาดเด!มืถู�อเป2น 100 เปอร4เซึ่�นต่4 ด�งน�/นถู าใช้ ค�าน อยกว�าเด!มืจัะลดขนาด แต่�ถู าใช้ ค�ามืากกว�าเด!มืจัะขยายขนาด

หากต่ องการปร�บความืกว างและความืสี�งด วยเปอร4เซึ่�นต่4ท��ต่�างก�น ให คล!กยกเล!กต่�วเล�อก Constrain ออกก�อนจั*งป=อนต่�วเลขเปอร4เซึ่�นต่4

Page 33: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บขนาดด วยเคร��องมื�อ Free Transform หร�อค�าสี��ง Scale

เป2นการปร�บด วยว!ธี�คล!กเมืาสี4 ซึ่*�งในการท�างานน�/นค�ณอาจัใช้ เคร��องมื�อ Free Transform ในท�ลพาเนล หร�อใช้ ค�าสี��ง Scale จัากเมืน�ก�ได เช้�นก�น

เทคน!คการปร�บเมื��อใช้ เคร��องมื�อ Free Transform

เล�อกออบเจั�ค (ช้!/นเด�ยวหร�อหลายช้!/นก�ได ) จัะปรากฏรอบภาพ (bounding box) รอยร�ปทรง ให ค�ณช้�/เมืาสี4ท��ป�<มืสี��เหล��ยมืป�<มืใดป�<มืหน*�ง (เมืาสี4จัะเปล��ยนเป2รร�ป ล�กศรซึ่ ายขวา) แล วคล!กลากออกด านนอกร�ปทรงเพ��อขยาย หร�อ คล!กลากเข าด านในเพ��อย�อ สี�าหร�บป�<มืต่�างๆจัะสี�มืพ�นธี4ก�บการปร�บขนาดแต่�ละด านด�งภาพ

Page 34: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

การปร�บหมื�นออบเจั�คสีามืารถูท�าได โดยก�าหนดค�าในพาเนล Transform หร�อใช้ เคร��องมื�อ Free Transform ลากหมื�นรอบ bounding box ก�ได หมื�นจัากพาเนล Transform

เป2นการหมื�นแบบระบ�ค�าองศาท��แน�นอน ท�/งน�/ออบเจั�คจัะหมื�นโดยย*ดจั�ดศ�นย4กลางเป2นหล�ก

ท!ศทางการหมื�น ในการก�าหนดองศาการหมื�นบนพาเน

ล Transform น�/น ค�ณสีามืารถูใช้ ค�าได ต่�/งแต่� 0 องศา – 360 องศา โดยมื�ท!ศทางการหมื�นแบบต่ามืเข�มืนาฬิ!กา (clockwise)

นอกจัากน�/ค�ณย�งสีามืารถูใช้ ค�าองศาเป2นลบได โดยมื�ท!ศทางการหมื�นแบบทวนเข�มืนาฬิ!กา (counterclockwise)

ปร�บหมื�นออบเจั�ค (Rotate)

Page 35: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

หมื�นด วยเคร��องมื�อ Free Transform หร�อค�าสี��ง Rotate and Skew

เป2นการปร�บหมื�นด วยว!ธี�คล!กลากเมืาสี4 โดยใช้ เคร��องมื�อ Free Transform หร�อใช้ ค�าสี��ง Rotate and Skew ก�ได เช้�นก�น ซึ่*�งการหมื�นด วยว!ธี�น�/มื�ข อด�แต่กต่�างจัากการหมื�นด วยพาเนล Transform ค�อ ค�ณสีามืารถูเปล��ยนต่�าแหน�งจั�ดย*ดในการหมื�นได

เป2นการบ!ดออบเจั�คให เอนเอ�ยงไปในแนวเด�ยวก�บเสี นกรอบแนวนอนหร�อแนวต่�/ง ซึ่*�งสีามืารถูท�าได 2 ว!ธี�ค�อ บ!ดเอนแบบก�าหนดค�าในพาเนล Transform หร�อคล!กลากโดยใช้ เคร��องมื�อ Free Transform

บ!ดเอนจัากพาเนล Transformค�ณจัะต่ องป=อนค�าองศาการบ!ดเอนใน

ช้�อง Skew

ปร�บบ!ดเอนออบเจั�ค (Skew)

Page 36: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

บ!ดเอนด วยเคร��องมื�อ Free Transform หร�อค�าสี��ง Rotate and Skew

นอกจัากการปร�บขนาดและการหมื�นแล ว เคร��องมื�อ Free Transform ย�งสีามืารถูปร�บบ!ดเอนได ด วยซึ่*�งจัะเป2นการบ!ดแบบคร�าวๆต่ามืการคล!กลากยกเล!กการปร�บขนาด, หมื�น และบ!ดเอน

ออบเจั�คท��ถู�กปร�บขนาด หมื�น หร�อบ!ดเอน (skew) แล ว ค�ณสีามืารถูปร�บร�ปทรงให ค�นสี��สีภาพเด!มืได ด วยการคล!กป�<มื สี��เหล��ยมืจั�ต่�ร�สี บนพาเนล Transform หร�อเล�อกค�าสี��ง Modify > Tranform > Remove Transform

Page 37: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บบ!ดเอนแบบอ!สีระ (Distort)ค�ณสีามืารถูบ!ดแต่�ละมื�มืหร�อด านของร�ปทรงได

อย�างอ!สีระ ไมื�มื�ข อจั�าก�ดว�าต่ องบ!ดไปในแนวเด�ยวก�บเสี นกรอบออบเจั�คด านใดด านหน*�ง โดยออบเจั�คท��สีามืารถูบ!ดเอนได น�/นจัะต่ องเป2นแบบ Merge Drawing หร�อ Object Drawing เท�าน�/น สี�วนออบเจั�คท��มื�การรวมืกล��มื,ออบเจั�คแบบ Primitive, ภาพบ!ทแมืพ หร�อซึ่!มืโบลจัะไมื�สีามืารถูใช้ ว!ธี�การน�/ได ปร�บบ!ดร�ปทรงอ!สีระ (Envelope)

จัะเป2นการปร�บบ!ดเสี นกรอบให มื�ความืโค งเว าได อย�างอ!สีระ ไมื�จั�าก�ดอย��แค�ร�ปทรงสี��เหล��ยมื ซึ่*�งหล�งจัากปร�บเสี นกรอบแล วร�ปทรงท��ได ก�จัะถู�กบ!ดสี�มืพ�นธี4ก�นต่ามืไปด วย ท�/งน�/ออบเจั�คท��สีามืารถูปร�บบ!ดร�ปทรงแบบน�/ได จัะต่ องเป2น Merge Drawing หร�อ Object Drawing เช้�นเด�ยวก�บค�าสี��ง Distort

Page 38: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ยกเล!กการปร�บบ!ดด วยค�าสี��ง Distort และ Envelopeเฉพาะออบเจั�คแบบ Object Drawing ท��ถู�ก

ปร�บบ!ดเอนอ!สีระ (Distort) หร�อปร�บบ!ดร�ปทรงอ!สีระ (Envelope) ค�ณสีามืารถูยกเล!กการปร�บเพ��อให ร�ปทรงกล�บค�นสี��สีภาพเด!มืได โดยใช้ ค�าสี��ง Modify > Combine Objects > Delete Envelopeพล!กกล�บด าน (Flip)

เป2นการพล!กกล�บด านออบเจั�คในล�กษณะเหมื�อนเงาสีะท อน ซึ่*�งจัะช้�วยให สีะดวกในการวาดร�ปทรงท��มื�ล�กษณะเหมื�อนก�นท�/งสีองด าน เช้�น มื�อหร�อเท าท��มื�ท�/งด านซึ่ ายและด านขวา เป2นต่ น โดยสีามืารถูพล!กกล�บต่ามืแนวนอน (Flip Horizontal) หร�อต่ามืแนวต่�/ง (Flip Vertical)

Page 39: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ด�ดแปลงร�ปทรงค�ณสีามืารถูด�ดแปลงร�ปทรงท��วาดไว แล วได

หลายล�กษณะ ไมื�ว�าจัะเป2นการแปลงเสี นให เป2นสี�พ�/น, การปร�บขอบเขต่สี�พ�/น และการปร�บขอบสี�พ�/นให ด�น��มืนวล

แปลงเสี นให เป2นสี�พ�/น การแปลงเสี น (stroke) ให เป2นสี�พ�/น

(fill) มื�ประโยช้น4ในการสีร างเอฟเฟ2คต่4พ!เศษหร�อการต่กแต่�งร�ปทรงของเสี นใหมื� แต่�ท�/งน�/การแปลงจัะมื�ผลให ขนาดไฟล4ใหญ่�ข*/น

ปร�บขอบเขต่สี�พ�/นเป2นการปร�บลดหร�อขยายขอบเขต่สี�พ�/น

ของร�ปทรง ออกไปโดยรอบท�กท!ศทางต่ามืระยะท��ก�าหนด โดยปกต่!แล วค�าสี��งน�/จัะใช้ ก�บร�ปทรงท��มื�เฉพาะพ�/นภาพโดยไมื�มื�เสี นขอบ และมื�สี�พ�/นเป2นเน�/อเด�ยวก�น แต่�หากร�ปทรงมื�เสี น หล�งจัากปร�บแล วเสี นจัะถู�กลบออกไป

Page 40: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ปร�บขอบสี�พ�/นให ด�น��มืนวลเป2นการปร�บให ขอบสี�พ�/นของร�ปทรงค�อยๆ

จัางหายไปก�บพ�/นหล�ง คล ายการสีร างภาพเบลอในโปรแกรมื Photoshop หากร�ปทรงมื�เสี นด วย หล�งจัากใช้ ค�าสี��งเสี นน�/นจัะถู�กลบออกไป

ต่�ด เจัาะ และรวมืช้!/น Object Drawingเป2นค�าสี��งท��ใช้ เฉพาะก�บออบเจั�คแบบ Object

Drawing ท��เร�ยงซึ่ อนก�นอย��ต่�/งแต่� 2 ช้!/นข*/นไป เพ��อต่�ด เจัาะ หร�อรวมืร�ปทรงเข าด วยก�น โดยมื�ท�/งหมืด 4 ค�าสี��งด�งน�/

- Union (รวมืช้!/น) เป2นการรวมืออบเจั�คท�/งหมืดเข าด วยก�นเป2นช้!/นเด�ยว หร�อใช้ ในกรณ�ท��ต่ องการแปลงออบเจั�คแบบ Merge Drawing ให เป2น Object Drawing

Page 41: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

ต่�ด เจัาะ และรวมืช้!/น Object Drawing (ต่�อ)- Intersect (ต่�ด) เป2นการต่�ดออบเจั�คช้!/นบนสี�ด

โดยเอามืาเฉพาะพ�/นท��ท��ออบเจั�คท�กช้!/นซึ่ อนท�บก�นเท�าน�/น (สี�วนพ�/นท��ด านนอกจัะถู�กต่�ดท!/ง)

- Punch (เจัาะ) เป2นการเจัาะออบเจั�คท�กช้!/นด านล�าง ด วยร�ปทรงของออบเจั�คช้!/บนสี�ด- Crop (ต่�ดขอบ) เป2นค�าสี��งท��ต่รงก�นข ามืก�บ Punch ค�อ จัะต่�ดขอบออบเจั�คท�กช้!/นด านล�างออกโดยใช้ ร�ปทรงของออบเจั�คช้!/นบนสี�ด

Page 42: หน่วยที่ 5 จัดการและปรับแต่งรูปทรง

จับบทท�� 5 ค�ะ