กราฟิก

58 รปู ที่ 6 ใช้คาสั่งดึงภาพให้เป็นเสน้ โค้ง 11. เลือกแบบเส้นเป็นแบบ รูปท่ี 7 เลอื กแบบเสน้ Divider 12. นามาวางทับวงรีทงั้ สองข้าง ตามภาพ รปู ที่ 8 ใชค้ าส่ังกาหนดเส้นขอบให้เป็นเส้นประ สรา้ งข้อความบนรูปทรงวงรีตราแบรนสนิ ค้า หลังจากสรา้ งรูปทรงวงรีตราแบรนสนิ คา้ เรียบร้อยแลว้ ขนั้ ตอนตอ่ มาคือการสร้างขอ้ ความโดยมขี ้นั ตอนดังน้ี 6. พิมพข์ ้อความด้วยเคร่ืองมือ Type Tool 7. เลอื กข้อความทงั้ หมด

59 8. คลิกที่ Paragraph บนพาเนล Option รูปที่ 9 เลือกแบบอักษรตามต้องการ

60 รูปท่ี 10 พิมข้อความตามต้องการ แทรกรปู ภาพมาใส่ในแบรนสินค้า หลงั จากทส่ี ร้างข้อความแล้ว ขั้นตอนต่อมาคอื การตกแตง่ ข้อความ โดยมขี ้นั ตอนดังน้ี 13. คลิกเลอื กคาสงั่ file -> Place 14. คลิกเลอื กรปู ภาพทีเ่ ตรียมไว้ 15. คลกิ ปุ่ม OK รูปท่ี 10 นาภาพมาใสใ่ นแบรนสินค้า 16. สามารถนาภาพในพาเนล symbols มาตกแตง่ แบรนสนิ ค้าได้

61 รปู ท่ี 11 ตัวอยา่ งนาภาพจาก symbols มาใสใ่ นแบรนสนิ ค้า 17. คลกิ เลือกวัตถุทงั้ หมด 18. เปิดขวา เลือกคาสงั่ group 19. วตั ถุจะกลายเปน็ ชิน้ เดยี วกนั

62 แบบฝกึ หดั ทา้ ยบท บทท่ี 3 การใช้งานโปรแกรม Adobe Illustrator เบื้องต้น คาชแ้ี จง ให้นักเรยี นตอบคาถามต่อไปนี้ 1. อธบิ ายประเภทของขอ้ ความมีกแี่ บบ อะไรบ้าง …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. 2. บอกขนั้ ตอนการสรา้ งข้อความแบบตา่ ง ๆ มาสัก 2 แบบ …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. 3. บอกการใช้คาส่ังการจดั เรยี งข้อความในย่อหน้า …………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………..

63 4. อธบิ ายข้ันตอนการแบ่งคอลัมนข์ ้อความพร้อมยกตัวอยา่ งมาพอสงั เขป …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. 5. บอกข้นั ตอนการพลิกกลับแนวตวั อักษรพร้อมยกตวั อยา่ งมาพอสังเขป …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. 6. บอกวิธีการสรา้ งข้อความตามเส้นรปู ทรงหรอื เส้น Path ตามความเขา้ ใจ …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. 7. อธบิ ายข้ันตอนการเขา้ ข้อความจากโปรแกรมอน่ื …………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………….. แบบทดสอบหลังเรยี น บทท่ี 3 การใช้งานโปรแกรม Adobe Illustrator เบื้องต้น คาสั่ง จงเลอื กคาตอบทถี่ ูกทส่ี ุดเพยี งข้อเดียว 1. ประเภทของข้อความมี 3 แบบคอื อะไรบ้าง ก. Point Type, Area Type, Type on a Path ข. Point Type, Area Type, Vertical Type ค. Area Type, Type on a Path, Vertical Type

64 ง. Area Type, Type on a Path, Font Type 2. ข้อใดเป็นข้อความซึ่งเหมาะสาหรบั เนอ้ื หาที่มีความยาวมาก ๆ ก. Font Type ข. Area Type ค. Point Type ง. Type on a Path 3. ข้อใดเป็นข้อความที่เหมาะสมสาหรบั ใชเ้ พ่ือตกแตง่ ตัวอักษร ก. Area Type ข. Font Type ค. Type on a Path ง. Vertical Type 4. การสร้างข้อความแนวต้งั คอื คาสั่งในขอ้ ใด ก. Type ข. Selection ค. Vertical Type ง. Shift Enter 5. การสร้างข้อความแนวตั้งตามเสน้ รปู ทรง หรือ เส้น Path ขอ้ ความจะเรม่ี ตน้ ดา้ นใดก่อนเสมอ ก. ด้านขวา ข. ดา้ นซา้ ย ค. ด้านขวาบน ง. ด้านซา้ ยบน 6. การสรา้ งข้อความตามแนวเส้น Path มีลักษณะเด่นคือ ก. สร้างขอ้ ความรปู ทรงอิสระได้

65 ข. สร้างข้อความแนวนนอนไดอ้ ย่างเดยี ว ค. สร้างข้อความแนวต้ังได้ ง. สร้างขอ้ ความแนวนอนและแนวตง้ั ได้ 7. คาสง่ั ในการจดั รูปแบบย่อหน้าใหก้ บั ข้อความคอื ขอ้ ใด ก. Window ->Type ->Character ข. Window ->Type ->Character ค. Window -> Type ->Paragraph ง. Window -> Type ->Paragraph 8. คาส่งั ในการแบง่ คอลมั น์ให้กับขอ้ ความคือข้อใด ก. Type -> Font ข. Type -> Find font ค. Type -> Area Type Options ง. Type -> Recent Fonts 9. คาส่งั การพลกิ กลับแนวตัวอักษรคือขอ้ ใด ก. Type Orientation ข. Type Vertical ค. Type Horizontal ง. Type Options 10. ข้อดีของการนาข้อความจากโปรแกรมอน่ื ๆ ก. อานวยความสะดวก ข. แก้ไขข้อความไดง้ า่ ย ค. นาข้อความท่ียาว ๆ เอามาใช้งานได้ทันที ง. ปรับแต่งข้อความได้

66 เฉลยแบบทดสอบหลังเรียน บทท่ี 3 การใชง้ านโปรแกรม Adobe Illustrator เบ้ืองต้น 1. ประเภทของข้อความมี 3 แบบคืออะไรบา้ ง ก. Point Type, Area Type, Type on a Path ข. Point Type, Area Type, Vertical Type ค. Area Type, Type on a Path, Vertical Type ง. Area Type, Type on a Path, Font Type 2. ขอ้ ใดเปน็ ข้อความซ่ึงเหมาะสาหรับเนือ้ หาท่มี ีความยาวมาก ๆ ก. Font Type ข. Area Type ค. Point Type ง. Type on a Path 3. ขอ้ ใดเปน็ ข้อความท่ีเหมาะสมสาหรับใชเ้ พ่ือตกแต่งตวั อกั ษร ก. Area Type ข. Font Type ค. Type on a Path ง. Vertical Type 4. การสร้างข้อความแนวตัง้ คอื คาสง่ั ในข้อใด ก. Type ข. Selection ค. Vertical Type ง. Shift Enter 5. การสร้างข้อความแนวตงั้ ตามเสน้ รูปทรง หรอื เสน้ Path ข้อความจะเรมี่ ตน้ ดา้ นใดก่อนเสมอ ก. ด้านขวา ข. ดา้ นซา้ ย

67 ค. ด้านขวาบน ง. ด้านซา้ ยบน 6. การสรา้ งข้อความตามแนวเส้น Path มีลักษณะเดน่ คือ ก. สร้างขอ้ ความรปู ทรงอสิ ระได้ ข. สร้างขอ้ ความแนวนนอนได้อยา่ งเดยี ว ค. สรา้ งขอ้ ความแนวตงั้ ได้ ง. สรา้ งขอ้ ความแนวนอนและแนวตง้ั ได้ 7. คาสง่ั ในการจดั รูปแบบย่อหน้าให้กับข้อความคือขอ้ ใด ก. Window ->Type ->Character ข. Window ->Type ->Character ค. Window -> Type ->Paragraph ง. Window -> Type ->Paragraph 8. คาส่งั ในการแบ่งคอลมั น์ให้กบั ข้อความคือข้อใด ก. Type -> Font ข. Type -> Find font ค. Type -> Area Type Options ง. Type -> Recent Fonts 9. คาสง่ั การพลิกกลับแนวตัวอักษรคือข้อใด ก. Type Orientation ข. Type Vertical ค. Type Horizontal ง. Type Options 10. ขอ้ ดีของการนาข้อความจากโปรแกรมอืน่ ๆ

68 ก. อานวยความสะดวก ข. แก้ไขข้อความได้ง่าย ค. นาขอ้ ความที่ยาว ๆ เอามาใช้งานได้ทันที ง. ปรบั แตง่ ข้อความได้ แบบประเมนิ ใบงาน คาช้ีแจง ให้ผปู้ ระเมินทาเครือ่ งหมาย ✓ ลงในชอ่ งระดบั คะแนน โดยพิจารณาจากการปฏิบัติงานตามใบงานของ ผูเ้ รยี น ซ่ึงมเี กณฑก์ ารพจิ ารณา ดังน้ี ระดับคะแนน 2 หมายถึง ปฏิบัติงานตามรายการประเมนิ ได้ถูกต้องสมบูรณ์ ระดับคะแนน 1 หมายถึง ปฏิบตั งิ านตามรายการประเมินไดแ้ ต่ไมถ่ ูกต้องสมบูรณ์ ระดับคะแนน 0 หมายถึง ปฏบิ ตั ิงานตามรายการประเมินไม่ได้ ขอ้ ที่ รายการประเมนิ เกณฑ์การประเมนิ ดี พอใช้ ปรบั ปรงุ หมายเหตุ 1 ปฏบิ ัติตามข้ันตอนได้ถกู ต้อง (2) (1) (0) 2 ใช้เครอื่ งมือในการปฏบิ ัติถูกต้อง 3 ช้นิ งานโดยรวมทีป่ ฏิบตั ถิ กู ต้อง สมบูรณ์ ครบถ้วน 4 งานเสร็จตามเวลาท่ีกาหนด 5 มีความคิดสร้างสรรค์ 6 ศกึ ษาค้นควา้ ด้วยตนเอง

69 7 มคี วามประพฤตทิ ่ีดี ไมท่ าผดิ กฎระเบยี บ 8 มีความซ่ือสตั ย์ในการทางาน 9 มคี วามรับผดิ ชอบ 10 ดแู ลความสะอาดห้องเรยี น รวม รวมคะแนนทง้ั ส้นิ ประเมินโดย ผเู้ รียน ผูส้ อน รวมคะแนนทไี่ ด้ .............................. คะแนนเฉล่ยี .......................................... ลงชือ่ .......................................ผู้ประเมนิ (.................................................)

1 บทที่ 4 การจัดการกับรปู ภาพและวัตถุ หัวข้อเร่ือง 1. การนาเข้าไฟล์รปู ภาพตา่ ง ๆ 2. การย้ายและคดั ลอกรปู ภาพ 3. การปรับเปล่ียนขนาดของรูปภาพ 4. การเลือกใช้งานวตั ถุ 5. การใช้งานเลเยอร์ 6. การส่งั พิมพง์ าน 7. การเอ็กพอรต์ ไฟล์อารต์ เวิรก์ (Export) 8. การสร้างหนงั สือดว้ ยไฟล์ PDF สาระสาคัญ การนารปู ภาพตา่ ง ๆ เขา้ มาใช้ในงานสอื่ สงิ่ พิมพต์ ้องคานงึ ถึงรปู แบบไฟลข์ องภาพนัน้ ๆ วา่ จะมีสามารถ นามาใชง้ านไดอ้ ยา่ งมปี ระสิทธิภาพหรือไม่ นอกจากน้ยี ังสามารถหาภาพของผู้อื่นท่ีทาไว้แล้วและนามาแปลงไฟล์ภาพใน เป็นภาพบติ แมพเป็นภาพเวกเตอร์ ซ่ึงเปน็ ภาพทมี่ ีความคมชัดมีความละเอียดสงู สมรรถนะทีพ่ งึ ประสงค์ อธบิ ายข้ันตอนการนาเข้าไฟล์รปู ภาพต่าง ๆ เขา้ มาใชง้ าน สามารถย้าย คัดลอก ปรับเปล่ียนขนาดของรปู ภาพ ได้ สามารถใชง้ านวตั ถุ จัดการกบั วัตถุ การใชง้ านเลเยอร์ การสั่งพมิ พ์งาน การเอก็ พอร์ตไฟลอ์ าร์ตเวริ ์ก (Export) เพื่อ นามาใช้ใหเ้ กิดประโยชนก์ บั งานสือ่ สง่ิ พมิ พ์ และการสร้างหนงั สอื เพ่ือเปน็ แนวทางให้ผเู้ รยี นเกิดทักษะ และนาไปใช้ได้ ในอนาคต

2 จุดประสงคก์ ารเรียนรู้ เมอ่ื ศกึ ษาบทที่ 4 จบแล้ว นกั เรียนสามารถ 1. อธิบายขนั้ ตอนการนาเขา้ ไฟล์รปู ภาพต่าง ๆ ไดถ้ ูกตอ้ ง 2. บอกวธิ ีการยา้ ยและคัดลอกรูปภาพได้ถูกต้อง 3. บอกวิธีการปรบั เปล่ียนขนาดของรปู ภาพได้ถูกต้อง 4. อธบิ ายวิธีการเลอื กใชง้ านวตั ถุได้ถูกตอ้ ง 5. อธิบายวิธีการใชง้ านเลเยอร์ได้ถูกต้อง 6. บอกขนั้ ตอนการส่งั พิมพ์งานไดถ้ ูกต้อง 7. อธบิ ายวิธกี ารเอก็ พอรต์ ไฟลอ์ ารต์ เวิร์ก (Export)ไดถ้ ูกต้อง 8. อธิบายข้ันตอนการสรา้ งหนงั สอื ด้วยไฟล์ PDF ได้ถูกต้อง 9. บอกความหมายของคาศัพท์คอมพิวเตอร์ จานวน 10 คา 10. นักเรียนมคี วามใฝ่รู้ ใฝเ่ รียน ขยัน รบั ผดิ ชอบ อดทน และมีความคิดรเิ ริ่มสร้างสรรค์

3 แบบทดสอบก่อนเรยี น บทที่ 4 การจดั การกบั รูปภาพและวตั ถุ คาสั่ง จงทาเครื่องหมาย (X ) ลงหนา้ ขอ้ ท่ีถกู ต้องทส่ี ดุ เพยี งขอ้ เดียว เวลา 15 นาที 1. คาสง่ั การนาภาพเขา้ มาใชง้ านในโปรแกรคือข้อใด ก. File -> New ข. File -> Open ค. File -> Browse ง. File -> Place 2. ข้อดีของการนาภาพบิตแมพ มาใชง้ านคือข้อใด ก. มีขนาดเลก็ ภาพคมชัด ข. มีขนาดใหญ่คมชัด ค. มขี นาดปานกลางคมชัด ง. ไฟล์มีขนาดไม่ใหญ่เกนิ ไป 3. คาสั่งจดั การกบั ไฟล์ภาพบิตแมพ คือข้อใด ก. Window -> Links ข. Window -> Control ค. Window -> Tools ง. Window -> Image Trace 4. ฝงั ไฟล์ให้ตดิ กบั ช้นิ งาน คือ คาส่ังใด ก. Select Image ข. Embed Image ค. Move Image ง. Direct Image 5. คาส่ังเคลือ่ นย้ายวตั ถุย่อยคือข้อใด ก. Select tool ข. Direct Selection tool ค. Move tool ง. Copy tool

4 6. คาส่ัง การเคล่ือนยา้ ยวตั ถุ โดยระบพุ ิกัดตาแหน่ง คือข้อใด ก. Move ข. แกน X ค. แกน Y ง. Transform 7. คาส่งั Align Objects คอื คาส่งั ใชท้ าอะไร ก. จดั เรียงวตั ถุแนวนอน ข. จัดเรยี งวตั ถุแนวตั้ง ค. จดั เรยี งวัตถุในแนวเสน้ ตรงเดียวกัน ง. จัดเรยี งวตั ถจุ ัดระยะห่างวตั ถใุ หเ้ ทา่ กนั 8. คาสั่ง Distribute Objects ก. จัดเรียงวตั ถแุ นวนอน ข. จัดเรียงวตั ถุแนวต้งั ค. จัดเรียงวตั ถุในแนวเส้นตรงเดียวกัน ง. จัดเรียงวัตถจุ ดั ระยะห่างวตั ถุให้เทา่ กนั 9. ต้องการจัดลาดบั วตั ถใุ หเ้ ลื่อนวัตถุไปไวด้ ้านหลงั คือข้อใด ก. Bring to front ข. Bring forward ค. Send Backward ง. Send to Back 10. ตอ้ งการจัดลาดบั วัตถโุ ดยให้เล่อื นวตั ถไุ ปไว้ด้านหนา้ สุด ก. Bring to front ข. Bring forward ค. Send Backward ง. Send to Back

5 เฉลยแบบทดสอบกอ่ นเรยี น บทที่ 4 การจัดการกบั รูปภาพและวตั ถุ 1. คาส่งั การนาภาพเข้ามาใช้งานในโปรแกรคือข้อใด ก. File -> New ข. File -> Open ค. File -> Browse ง. File -> Place 2. ข้อดีของการนาภาพบติ แมพ มาใชง้ านคือข้อใด ก. มีขนาดเล็กภาพคมชดั ข. มขี นาดใหญ่คมชดั ค. มขี นาดปานกลางคมชัด ง. ไฟลม์ ขี นาดไม่ใหญ่เกนิ ไป 3. คาส่งั จดั การกับไฟลภ์ าพบติ แมพ คือข้อใด ก. Window -> Links ข. Window -> Control ค. Window -> Tools ง. Window -> Image Trace 4. ฝงั ไฟล์ใหต้ ิดกบั ชิ้นงาน คือ คาสั่งใด ก. Select Image ข. Embed Image ค. Move Image ง. Direct Image 5. คาสัง่ เคล่อื นย้ายวัตถุยอ่ ยคอื ข้อใด ก. Select tool

6 ข. Direct Selection tool ค. Move tool ง. Copy tool 6. คาส่งั การเคลื่อนยา้ ยวตั ถุ โดยระบพุ ิกดั ตาแหน่ง คอื ข้อใด ก. Move ข. แกน X ค. แกน Y ง. Transform 7. คาสง่ั Align Objects คือ คาส่ังใชท้ าอะไร ก. จัดเรียงวตั ถแุ นวนอน ข. จัดเรียงวัตถแุ นวตง้ั ค. จดั เรียงวตั ถใุ นแนวเสน้ ตรงเดยี วกนั ง. จัดเรียงวัตถุจดั ระยะห่างวัตถใุ ห้เท่ากนั 8. คาสัง่ Distribute Objects ก. จดั เรยี งวตั ถุแนวนอน ข. จดั เรียงวตั ถแุ นวตั้ง ค. จัดเรียงวัตถใุ นแนวเสน้ ตรงเดียวกนั ง. จัดเรยี งวตั ถุจัดระยะหา่ งวัตถุให้เท่ากนั 9. ต้องการจัดลาดบั วตั ถใุ ห้เลื่อนวตั ถุไปไวด้ ้านหลงั คือข้อใด ก. Bring to front ข. Bring forward ค. Send Backward ง. Send to Back 10. ต้องการจดั ลาดับวตั ถุโดยใหเ้ ลอื่ นวัตถไุ ปไวด้ า้ นหนา้ สุด

7 ก. Bring to front ข. Bring forward ค. Send Backward ง. Send to Back 1.การนาเขา้ ไฟลร์ ูปภาพตา่ ง ๆ 1.1 การนาภาพบติ แมพเขา้ มาใช้งาน ถึงแม้ว่าโปรแกรม IIIustrator จะเป็นโปรแกรมที่ใช้สาหรับสร้างภาพเวกเตอร์ เรายังสามารถนาเข้าไฟล์ภาพ แบบบติ แมพมาใช้งานร่วมกับภาพเวกเตอร์ เพ่ือตกแตง่ ชน้ิ งาน หรอื นามาดดั แปลงต่อไปได้ ดงั นี้ 1.เลอื กเมนคู าสัง่ File ->Place 2.เลอื กตาแหน่งท่ีเกบ็ ไฟล์ 3.คลกิ เลือกไฟล์ 4.คลิกปุม่ Place

8 ภาพที่ 4.1 แสดงการเลือกคาสั่งการนาไฟล์รูปภาพตา่ ง ๆ

9 ภาพที่ 4.2 แสดงการเลือกไฟล์รูปภาพต่าง ๆ 1.2 การจัดการไฟลภ์ าพบติ แมพ เม่ือเรานาเข้าไฟล์ภาพบิตแมพ ปกติแล้วจะใช้วธิ ีการลงิ ค์ไฟล์ภาพน้ันไว้กับไฟล์ช้นิ งาน ซึ่งมีข้อดี คือ ทาให้ไฟล์ ช้ินงานน้ันไม่ใหญ่เกินไป แต่มีข้อเสียคือหากเราย้ายตาแหน่งไฟล์ช้ินงานเพื่อนาไปใช้ท่ีอ่ืน เราต้องคัดลอกไฟล์ภาพบิต แมพนนั้ ตดิ ตามไปด้วย เราสามารถจัดการกับไฟล์ภาพบิตแมพท่ีลิงก์อยู่ได้ โดยเลือกคาสั่ง Window -> Links เพื่อเรียกใช้งานพาเนล Links ภาพที่ 4.3 แสดงการเลือกไฟลร์ ูปภาพต่าง ๆ 1.3 ฝงั ไฟล์ใหต้ ิดไปกับชน้ิ งาน เพ่ือแก้ปัญหาในการนาไฟล์ช้ินงานไปเปิดอ่ืน โดยที่ไม่ต้องคัดลอกไฟล์ภาพตามไปด้วย เราสามารถฝังไฟล์ภาพ ตดิ ไปกับช้นิ งานได้ โดยเลือกคาสัง่ Embed Image 2. การย้ายและคัดลอกรปู ภาพ เราสามารถเคล่ือนย้ายตาแหน่งวัตถไุ ด้หลายวธิ ี ดังน้ี - เคลอื่ นยา้ ยวัตถุดว้ ย Select Tool

10 - เคล่อื นย้ายวัตถุดว้ ย Direct Selection Tool - เคลื่อนย้ายดว้ ยคาส่ัง Move - เคล่อื นย้ายวตั ถุดว้ ยพาเนล Transform 2.1 เคลื่อนย้ายวัตถดุ ้วย Select Tool การใช้ Select Tool จะใช้กรณที ตี่ ้องการยา้ ยวัตถุ หรือกลมุ่ วัตถุท้งั ชิ้น โดยมีข้นั ตอนดงั ตอ่ ไปน้ี 1.คลิกเลือก Selection Tool 2.คลิกเล่อื นตาแหนง่ ของวตั ถุ ภาพที่ 4.4 แสดงการใช้คาสัง่ เคล่อื นย้ายวตั ถุ Select Tool 2.2 เคลอื่ นยา้ ยวัตถุดว้ ย Direct Selection Tool การใช้ Direct Selection Tool จะใช้ในกรณที ่ีตอ้ งการย้ายวัตถุย่อยออกจากกลุ่มวัตถุ โดยมีข้นั ตอนดงั ตอ่ ไปนี้ 1.คลกิ เลอื ก Direct Selection Tool 2.คลกิ เลื่อนตาแหน่ง

11 ภาพท่ี 4.5 แสดงการใชค้ าส่งั เคลื่อนยา้ ยวตั ถุ Direct Select Tool 2.3 เคล่ือนยา้ ยวัตถุด้วยคาส่ัง Move เป็นคาส่ังในการย้ายตาแหนง่ ภาพ โดยระบุตาแหน่งใหม่จากตาแหน่งเดิม ทั้งระยะและทิศทาง โดยเลือกวตั ถทุ ่ี ต้องการเคล่ือนย้าย และเลือกเมนูคาสั่ง Object -> Transform -> Move ….จะปรากฏหน้าต่าง Move เพื่อกาหนด ระยะทางในการยา้ ยตาแหน่ง ดังน้ี - Horizontal กาหนดระยะห่างในแนวนอน - Vertical กาหนดระยะหา่ งในแนวต้งั - Distance กาหนดระยะหา่ งจากตาแหนง่ เดิมไปยังตาแหน่งใหม่ - Angle กาหนดมมุ ในการย้ายวัตถุ จากนั้นคลิกปมุ่ OK เพื่อตกลง ภาพท่ี 4.6 แสดงการคลิกเลือกวตั ถุ

12 ภาพที่ 4.7 แสดงการเรียกใช้เมนูคาส่งั Object -> Transform -> Move ภาพท่ี 4.8 แสดงการกาหนดคา่ ตา่ ง ๆ ในออบชนั่ 2.4 เคลือ่ นย้ายวัตถุด้วยพาเนล Transform เป็นการย้ายตาแหน่งของวัตถุอย่างแม่นยา โดยระบุพิกัดตาแหน่งของวัตถุในแนวแกน X(แนวนอน) และ แนวแกน Y (แนวต้ัง) เราสามารถเรียกใช้งานพาเนล Transform ได้โดยเลือกเมนูคาส่ัง Window -> Transform

13 จากน้ันให้คลิกเลือกวัตถุ คลิกเลือกจุดอ้างอิงของวัตถุ เพ่ือใช้อ้างอิงในการย้ายตาแหน่ง และกาหนดพิกัดตาแหน่งของ วตั ถุในแกน X และ Y ภาพท่ี 4.9 แสดงการเลือกวัตถุ

14 ภาพที่ 4.10 แสดงการเลอื กเมนคู าส่ัง Window -> Transform ภาพท่ี 4.10 แสดงการเลือกกาหนดคา่ แกน X แกน Y 2.5 การคดั ลอกรปู ภาพ การคัดลอกด้วยการคลิกลาก

15 เป็นการคัดลอกโดยใช้เครื่องมือต่าง ๆ (Selection Tool, Direct Selection Tool และ Group Select Tool) โดยเริ่มด้วยการกดคีย์ <Alt> ค้าง แล้วคลิกลากวัตถุ จะเกิดการคัดลอกเป็นวัตถุใหม่ให้อยู่ในไฟล์ และเลเยอร์ เดียวกับวัตถตุ น้ แบบ ภาพที่ 4.11 แสดงการกดคีย์ <Alt> คา้ งไว้ และคลกิ ลากวัตถุ การคดั ลอกดว้ ยการใช้เมนคู าส่ัง เป็นการคัดลอกวัตถุจากเลเยอร์หน่ึงไปไว้อีกเลเยอร์หน่ึง หรือจากไฟล์หน่ึงไปไว้อีกไฟล์หนึ่งได้ โดยคลิกเลือก วัตถุท่ีไฟล์ หรือเลเยอร์ต้นทาง และเลือกเมนูคาสั่ง Edit -> Copy หรือกดคีย์ <Ctrl + C> จากนั้นไปยังไฟล์ หรือ เลเยอร์ปลายทาง และเลอื กเมนคู าส่งั Edit -> Paste หรอื กดคีย์ <Ctrl + V> เพอื่ สาเนาวัตถุ

16 ภาพท่ี 4.12 แสดงการเรยี กใชเ้ มนคู าสัง่ copy 3.การปรับเปลี่ยนขนาดของรปู ภาพ เราสามารถยอ่ หรอื ขยายวตั ถุ (Scaling) ในช้นิ งานให้มขี นาดตามทเี่ ราต้องการไดห้ ลายวธิ ี ดังน้ี - ปรับขนาดด้วย Bounding Box - ปรบั ขนาดด้วย Free Transform Tool - ปรับขนาดด้วย Scale Tool - ปรบั ขนาดดว้ ยพาเนล Transform - ปรบั ขนาดด้วยคาสง่ั Scale . 3.1 ปรบั ขนาดด้วย Bounding Box เป็นวิธีพื้นฐานที่ใช้ปรับขนาดวัตถุ โดยใช้ Selection Tool คลิกเลือกวัตถุ และเลื่อนเมาส์มาท่ีมุมของกรอบ Bounding Box ใหต้ ัวชเี้ มาสเ์ ปลย่ี นเปน็ รูปลูกศร จากนัน้ คลกิ ยอ่ หรอื ขยายวัตถุ

17 ภาพที่ 4.13 แสดงการเรียกใช้ Select Tool และเลือกเมาสไ์ ปคลิกที่มมุ ของรปู ภาพ 3.2 ปรบั ขนาดดว้ ย Free Transform Tool เป็นการปรับขนาดอีกวิธีหน่ึง ซ่ึงมีการใช้งานเหมือนกับการใช้ Bounding Box โดยคลิกเลือก Free Transform Tool จากนั้นคลิกเลือกวัตถุ และเลื่อนเมาส์มาท่ีมุมของ Bounding Box ให้ตัวช้ีเมาส์เปล่ียนเป็นรูปลูกศร เพอื่ คลิกยอ่ หรือขยายรูปภาพ 1. คลิกเลอื ก Free Transform Tool

18 ภาพที่ 4.13 แสดงการเรยี กใช้ Free Transform Tool 2. คลกิ เลอื กวัตถเุ พ่ือยอ่ หรอื ขยาย ภาพท่ี 4.14 แสดงการเลอื กวัตถเุ พื่อย่อหรือขยาย 3.3 ปรับขนาดด้วย Scale Tool เปน็ การปรบั ขนาด โดยใชจ้ ดุ ศนู ยก์ ลางเปน็ ตัวกาหนดใหค้ ลิกเลือก Scale Tool และคลิกดงึ วตั ถยุ อ่ หรอื ขยาย 1. คลิกเลอื ก Scale Tool

19 ภาพที่ 4.15 แสดงการเลือกเคร่ืองมือ Scale Tool 2. เครอื่ งมอื Scale Tool คลิกดงึ วัตถยุ อ่ หรือขยาย ภาพท่ี 4.16 แสดงการเลอื กคลิกดงึ วตั ถุขยาย 3.4 ปรับขนาดด้วยพาเนล Transform เป็นการปรับขนาดท่ีมีความแม่นยา สามารถกาหนดขนาดความกว้าง และความสูงได้อย่างเจาะจง ผ่านการใช้ งานพาเนล Transform (เลอื กเมนูคาสัง่ Window -> Transform เพือ่ เปดิ พาเนล Transform) 1. คลิกเลอื กภาพ

20 ภาพที่ 4.17 แสดงการเลอื กภาพ 2. กาหนดความกวา้ งและความสงู ภาพที่ 4.18 แสดงการเลือกกาหนดความกวา้ งและความสูง 3.5 ปรบั ขนาดดว้ ยคาสงั่ Scale เป็นการปรบั ขนาดของวตั ถุ โดยคดิ อตั ราย่อ /ขยายเป็นคา่ เปอรเ์ ซ็นต์ ถ้ากาหนดคา่ นอ้ ยกว่า 100% จะเปน็ การ ย่อขนาดและถ้ากาหนดค่ามากกว่า 100 % จะเป็นการขยายขนาด โดยคลิกเลือกวัตถุ เลือกเมนูคาสั่ง Object -> Transform -> Scale.. จะปรากกฎหนา้ ต่าง Scale กาหนดค่าตา่ ง ๆดังนี้ - Uniform เป็นการยอ่ หรอื ขยายภาพโดยรกั ษาสัดส่วนเดมิ - Non-Uniform เปน็ การย่อ หรอื ขยายวัตถุ โดยไม่คงสดั สว่ นเดมิ

21 - Horizontal กาหนดความกว้างของวัตถุ - Vertical กาหนดความสูงของวัตถุ - Option กาหนดคณุ สมบตั อิ นื่ ๆ เพม่ิ เตมิ - Scale Strokes & Effects เลอื กเพอ่ื ปรบั ขนาดเสน้ ขอบ พรอ้ มกับ Effects ในคราวเดียว - Objects เลอื กเพอื่ ปรบั ขนาดวัตถุ - Patterns เลือกเพ่ือปรบั ขนาดลวดลาย เมือ่ มีการใส่ลวดลายเปน็ พนื้ วัตถุ

22 ภาพที่ 4.19 แสดงการเลอื กกาหนดคา่ ปรบั ขนาดดว้ ยคาสั่ง Scale 4.การเลอื กใช้งานวตั ถุ ก่อนที่เราจะทาการกับวัตถุใด ๆ เราจะต้องเลือกวัตถุนั้นก่อน โดยการเลือกวัตถุน้ันแบ่งออกเป็นหลายรูปแบบ ตามความเหมาะสมในการใช้งาน ดงั น้ี 4.1 เลือกวตั ถุดว้ ย Selection Tool เปน็ การใชเ้ ครือ่ งมือในการเลือกวตั ถุ และหากวตั ถุถกู รวมกล่มุ กันอยู่ (Group) เคร่ืองมือนี้กจ็ ะเลือกวตั ถุท้ังกลุ่ม โดยคลิกเลือก Selection Tool ที่กล่องเครื่องมือ และคลิกเลือกวัตถุซึ่งจะแสดงกรอบภาพ(Bounding Box) เพ่ือให้ สามารถคลิกยา้ ยตาแหนง่ ของวัตถไุ ด้ ภาพท่ี 4.20 แสดงการคลิกเลอื ก Selection Tool

23 ภาพที่ 4.21 แสดงการคลกิ เลอื กภาพ ภาพท่ี 4.22 แสดงการคลิกเลือกตาแหน่งภาพ 4.2 เลอื กวัตถุดว้ ย Direct Selection Tool

24 เป็นเคร่ืองมือท่ีใช้เลือกจุดยึด(Anchor point) หรือเส้นพาธ(Path) ของวัตถุ ทาให้เราสามารถท่ีจะแก้ไขหรือ ปรับปรุงแต่งภาพในส่วนของเส้นพาธตรงจุดนั้นได้เลย โดยคลิกเลือก Direct Selection Tool ที่กล่องเคร่ืองมือ และ คลกิ เลอื กเฉพาะเสน้ พาธ หรอื จดุ ยดึ ทตี่ ้องการ ภาพที่ 4.23 แสดงการคคลิกเลอื ก Direct Tool ภาพท่ี 4.24 แสดงการคลิกเลอื ก Direct Tool

25 4.3 เลอื กวตั ถุดว้ ย Group Selection Tool เป็นเคร่ืองมือท่ีใช้เลือกพาธ หรือกลุ่มพาธ (เลือกจุดยึดไม่ได้) โดยคลิกเลือก Group Selection Tool ที่กล่อง เครือ่ งมือ จากนัน้ คลกิ เพ่อื เลอื กพาธ หรอื ดบั เบลิ คลกิ เพอ่ื เลอื กกลมุ่ พาธ ภาพที่ 4.25 แสดงการคลิกเลือก Group Selection

26 ภาพที่ 4.25 แสดงการคลิกเลือกเฉพาะพาธที่ต้องการ 4.4 เลือกวัตถดุ ้วย Marquee Selection เป็นการเลอื กวตั ถโุ ดยการสร้างพ้นื ทร่ี อบวัตถุท้งั หมดที่ต้องการ ในกรณีทต่ี อ้ งการเลือกวตั ถทุ ่ีมจี านวนมาก และ อยู่ในบริเวณพื้นท่ีเดียวกัน ซ่ึงวิธีน้ีทาได้ โดยคลิกเลือกเคร่ืองมือสาหรับเลือกวัตถุ(Selection Tool ,Direct Selection Tool และ Group Selection Tool) และลากเมาส์เป็นรปู สีเ่ หลยี่ มใหค้ รอบ หรอื โดนวัตถทุ ่ตี ้องการเลือก ภาพท่ี 4.26 แสดงการคลกิ เลือกเฉพาะพาธท่ีต้องการ .

27 ภาพท่ี 4.27 แสดงการคลกิ กาหนดพืน้ ทีร่ ปู สเ่ี หล่ยี มครอบคลุมวตั ถุที่ตอ้ งการเลือก 4.5 เลอื กวัตถุด้วย Lasso Tool เป็นเครื่องมือทใ่ี ชเ้ ลอื กวัตถุ หรือเสน้ พาธ และจดุ ยดึ ซ่งึ จะมีการใช้งานที่คล้ายกับ Direct Selection Tool แต่ สามารถท่ีจะเลอื กวตั ถุได้งา่ ยกว่า โดยคลกิ เลอื ก Lasso Tool และลากเมาสล์ ้อมรอบส่วนของพาธ และจดุ ยึดของวัตถุท่ี ตอ้ งการเลือก ภาพท่ี 4.28 แสดงการคลิกเลือก Lasso Tool

28 ภาพที่ 4.29 แสดงการคลิกลากเมาสผ์ ่านจดุ ทตี่ ้องการ 4.6 เลือกวตั ถดุ ว้ ย Magic Wand Tool เป็นเคร่ืองมือที่ใช้เลือกวัตถุที่มีสีคล้ายกัน โดยอ้างอิงจากสีของต้นฉบับ ดังตัวอย่างจะเลือกส่วนของครีบปลา บริเวณหาง ซึ่งมีสีแดง จะได้การเลือกพาธในส่วนอ่ืน ๆ ท่ีมีสีเขียวด้วย โดยคลิกเลือก Magic Wand Tool และคลิก เลอื กพาธ หรือวตั ถทุ ่ีต้องการ ภาพที่ 4.30 แสดงการคลิกคลิกเลือก Magic Wand Tool

29 ภาพที่ 4.31 แสดงการคลิกเลือกพาธ หรือวัตถุท่ีต้องการTool เราสามารถกาหนดคุณสมบัติของ Magic Wand ได้โดยดับเบิลคลิกท่ีไอคอน Magic Wand เพ่ือเรียกใช้งาน พาเนล Magic Wand ให้เรากาหนดค่าตา่ ง ๆ ดงั น้ี • Fill Color กาหนดความแตกต่างของค่าสีพื้น ซึ่งเปรียบเทียบจากสีของวัตถุที่เลือก สามารถใส่ค่าได้ ตง้ั แต่ 0 ถึง 255 พกิ เซล ในช่อง Tolerance ซ่ึงถา้ เราต้งั ค่าน้อยช่วงสีที่ถกู เลือกก็จะต่างจากสีต้นฉบับ ค่อนข้างน้อย แต่ถา้ ตัง้ ค่ามากช่วงสีท่ถี กู เลือกก็จะต่างจากสีต้นฉบับค่อนข้างมาก • Stroke Color กาหนดความแตกตา่ งของสีเส้นขอบ • Stroke Weight กาหนดความแตกตา่ งของขนาดเสน้ ขอบ • Opacity กาหนดความแตกตา่ งของความโปร่งแสง • Blending Mode กาหนดให้เลือกวัตถทุ ี่ใช้ Blending Mode แบบเดยี วกบั วตั ถตุ น้ ฉบบั (Blending คอื การผสมวัตถุ 2 ช้นิ เพอ่ื กลืนใหเ้ ปน็ เน้อื เดียวกนั )

30 ภาพที่ 4.32 แสดงการกาหนดคณุ สมบตั ิของ Magic Wand 4.7 เลือกวัตถุจากเมนูคาส่งั นอกจากการใช้เคร่ืองมือเลือกวัตถุต่าง ๆ เรายังสามารถใช้เมนูคาสั่งเลือกวัตถุได้ โดยตัวอย่างจะเลือกวัตถุ สี่เหล่ยี มไว้ก่อนทจ่ี ะเลือกคาสง่ั ต่าง ๆ ซึ่งจะไดผ้ ลลพั ธ์แตกต่างกันออกไป ดงั น้ี

31 ภาพท่ี 4.33 แสดงการเลือกวัตถุจากเมนูคาสงั่ Select 5. การจดั เรียงวัตถุ ในการจัดวางวัตถุนอกจากใช้ Selection Tool เรียงวัตถุเองแล้ว เรายังสามารถทาได้แบบอัตโนมัติ โดยเลือก เมนูคาสั่ง Window -> Align หรือ กดคีย์ <Shift+F7> เพื่อเรียกใช้งานพาเนล Align มาช่วยในการจัดเรียงตาแหน่ง ของวัตถใุ ห้รวดเรว็ ขึ้นได้ โดยคลกิ เลือกวตั ถทุ ้งั หมดท่ตี ้องการจดั เรียง และคลกิ เลือกป่มุ คาส่งั ในการจัดเรยี งดงั นี้ ลกั ษณะการจัดเรยี งวตั ถดุ ว้ ย Align จะแบ่งเปน็ 3 แบบ คือ ➢ จัดเรียงวตั ถุใหอ้ ยู่ในแนวเส้นตรงเดียวกนั (Align Objects) ➢ จดั เรยี งระยะหา่ งวตั ถใุ หเ้ ท่ากนั (Distribute Objects) ➢ จดั เรยี งวัตถใุ หม้ รี ะยะหา่ งตามทกี่ าหนด (Distribute Spacing)

32 ภาพท่ี 4.34 ลกั ษณะการจัดเรยี งวัตถดุ ว้ ย Align จะแบง่ เป็น 3 แบบ คอื 5.1 จดั เรยี งวัตถุใหอ้ ยใู่ นแนวเส้นตรงเดยี วกนั (Align Objects) Horizontal Align Left ให้ขอบซา้ ยของวัตถุเสมอกัน Horizontal Align Center ใหก้ ่ึงกลางในแนวนอนของวัตถุเสมอกนั Horizontal Align Right ให้ขอบขวาของวัตถเุ สมอกนั Vertical Align Top ให้ขอบบนของวัตถุเสมอกนั Vertical Align Center ให้กึ่งกลางในแนวต้งั ของวัตถุเสมอกนั Vertical Align Bottom ให้ขอบลา่ งของวัตถุเสมอกนั 5.2 จัดระยะห่างวัตถใุ หเ้ ท่ากนั (Distribute Objects) Vertical Distribute Top ใช้วัตถหุ า่ งเทา่ กันเทียบกับขอบบนของวตั ถุ Vertical Distribute Center ใช้วตั ถหุ า่ งเทา่ กันเทยี บกบั กึง่ กลางแนวตั้งของวตั ถุ Vertical Distribute Bottom ใช้วัตถหุ า่ งเทา่ กนั เทียบกบั ขอบล่างของวัตถุ Horizontal Distribute Left ใชว้ ัตถุห่างเทา่ กันเทยี บกบั ขอบซ้ายของวัตถุ Horizontal Distribute Center ใช้วตั ถหุ า่ งเทา่ กันเทียบกบั ก่งึ กลางแนวนอนของวัตถุ

33 Horizontal Distribute Right ใช้วัตถุห่างเท่ากนั เทียบกับขอบขวาของวตั ถุ 5.3 จดั เรียงวตั ถุให้มรี ะยะหา่ งตามทีก่ าหนด (Distribute Spacing) หากทีพ่ าเนล Align ไม่ปรากฏตัวเลอื กน้ี สามารถเลอื กให้แสดงตวั เลอื กได้ โดยคลิก เลือกคาส่งั Show Options ซง่ึ มีขั้นตอนในการจดั เรียงวตั ถแุ ตกตา่ งจากคาสง่ั ในกลมุ่ อน่ื ดังน้ี 1. คลกิ เลือกวัตถุทง้ั หมด ภาพท่ี 4.35 การคลิกเลอื กวตั ถทุ ้งั หมด 2. เลือกลักษณะการจดั เรยี ง และกาหนดระยะห่าง

34 ภาพที่ 4.36 การเลือกลักษณะการจัดเรยี ง 3. การจดั เรยี งวตั ถุตามเลือกคาสงั่ ภาพท่ี 4.37 การจัดเรยี งวตั ถุตามเลือกคาส่ังท่ีเลือก

35 ตวั อย่างการใชค้ าส่ัง Vertical Distribute Space 1. เลือกวัตถทุ ั้งหมดที่ตอ้ งการจัดเรยี ง 2. กาหนดระยะหา่ งวัตถทุ ่ี 2pt ตามภาพ 3. ใช้ Selection Tool คลิกเลือกวัตถุช้ินที่จะใช้เป็นวัตถุหลัก ซึ่งวัตถุชิ้นที่เลือกจะมีตาแหน่งคงท่ี ส่วนวตั ถุอืน่ ๆ ท่ีเหลือจะถกู ย้ายตามระยะห่างท่ีเรากาหนดไว้ 4. คลิก Vertical Distribute Space หรือ Horizontal Distribute Space เพื่อกาหนด ลกั ษณะการจัดเรยี งวัตถุ ภาพที่ 4.38 การกาหนดระยะห่างระหวา่ งวัตถุในแนวนอน

36 . ภาพที่ 4.39 การกาหนดระยะหา่ งระหวา่ งวตั ถุในแนวต้งั ในส่วน Align To เป็นการกาหนดพื้นท่ีในการจัดเรยี ง ซง่ึ จะใช้รว่ มกับทกุ ๆ คาสงั่ การจัดเรยี งที่กลา่ วผา่ นมา - Align To Selection ใชพ้ ื้นทที่ เี่ ราเลือกจดั เรียงวัตถุ - Align To Artboard ใช้พ้นื ทเ่ี ตม็ อารต์ บอรด์ จัดเรยี งวัตถุ - Align To Key Object ใชพ้ ้ืนที่เต็มอารต์ บอร์ดจัดเรียงวัตถุ ภาพที่ 4.40 การกาหนดการจดั เรยี งด้วยคาสั่ง Align to

37 6.การจดั ลาดบั วตั ถุ นอกจากการจัดเรียงตาแหน่งวัตถุแล้ว เรายงั ต้องจัดลาดับก่อนหลังของวัตถุที่วางซ้อนกัน เพื่อให้ภาพที่ออกมา นัน้ ถูกต้องและสวยงาม โดยเลือกเมนูคาสัง่ Object -> Arrange ->คาสงั่ ทีต่ ้องการดงั นี้ ➢ Bring to Front (หรอื กดคีย์ <Shift+Ctrl+]>) เล่อื นวตั ถุไปไว้ดา้ นหนา้ สุด ➢ Bring Forward (หรือกดคยี ์ <Ctrl+]>) เลื่อนวตั ถไุ ปไว้ดา้ นหน้า 1 ลาดับ ➢ Send Backward (หรอื กดคีย์ <Ctrl+]>) เลือ่ นวัตถุไปไวด้ ้านหลงั 1 ลาดับ ➢ Send to Back (หรือกดคีย์ <Ctrl+]>) เลื่อนวตั ถไุ ปไวด้ ้านหลงั สดุ ➢ ภาพท่ี 4.41 การคลกิ เลอื กวัตถุ

38 ภาพท่ี 4.42 การเลือกเมนูคาส่งั Object->Arrange->คาสง่ั ทต่ี ้องการ ภาพท่ี 4.43 หลังใชค้ าสัง่ ย้ายไปหลงั สดุ เราสามารถจัดการวัตถุได้อย่างรวดเร็วโดยการคลิกเมาส์ขวาที่วัตถุ และเลือกคาสั่งจัดการ เช่น การย้อนกลับ การทางาน(Undo..),ปรับรปู รา่ ง(Transform)และจดั ลาดบั (Arrange) เป็นตน้ 7.การหมนุ วตั ถุ เราสามารถปรับหมุน (Rotate) วตั ถุ เพือ่ ให้ได้หมุนมุมองศาท่เี ราต้องการไดห้ ลายวิธี ดงั นี้ ➢ หมุนวตั ถดุ ้วย Bounding Box ➢ หมนุ วตั ถดุ ้วย Free Transform Tool ➢ หมุนวตั ถดุ ว้ ย Rotate Tool