คู่มือครู หน่วยที่ 3

50 3. 4.1.1 การใช้เคร่ืองมือ Rectangle การวาดรูปทรงสี่เหล่ยี มแบบอสิ ระ หรือการกาหนดรูปแบบในการวาดรปู ทรงใน Option Bar เครื่องมือแต่ละตัว ดงั น้ี 1. คลกิ ทีเ่ ครื่องมือ 2. กาหนดลกั ษณะการทางานของเคร่ืองมือ และเลือกรปู แบบสี ดงั ภาพภาพที่ 3.41 คณุ ลักษณะการทางานเคร่ืองมอื Rectangle3. 4.1.2 การใช้เคร่ืองมอื Rounded Rectangle คือ เคร่ืองมือวาดรปู ทรงสี่เหล่ียมมุมโค้งมนกาหนดมุมไดจ้ ากคาสัง่ Radius ขั้นตอนดงั น้ี1. คลกิ เคร่ืองมือ2. กาหนดลักษณะการทางานเครื่องมือ ซึ่งมรี ายละเอียดเหมือนกบั เครื่องมือRectangleแต่เพิ่มช่อง Radius บน Option Bar กาหนดความโคง้ มนของมมุ ภาพ3. คลิกเมาสซ์ า้ ยค้างไว้แล้วลากเพื่อวาดภาพ ดังภาพภาพที่ 3.42 เคร่ืองมือ Rounded Rectangle ชดุ การสอนที่ 3 เร่อื ง การพมิ พ์ข้อความและการใช้เคร่อื งมือตา่ ง ๆ ออกแบบภาพ

51 3. 4.1.3 การใช้เครื่องมอื Ellipse คือ เคร่ืองมอื วาดรูปทรงวงกลมหรือทรงรีข้ันตอนดงั นี้ 1. คลกิ เคร่ืองมือ 2. กาหนดคณุ ลักษณะเหมอื นกบั เคร่ืองมอื Rectangle แต่จะเพิ่ม Circle บนแถบ Draw diameter or radius เพอื่ ให้แตล่ ะด้านของวงกลมเทา่ กนั 3. คลิกเมาสซ์ ้ายค้างไว้แลว้ ลากเพ่อื วาด ดงั ภาพภาพท่ี 3.43 เคร่ืองมอื Ellipse Options 3. 4.1.4 การใช้เคร่อื งมอื Polygon Tool คอื เครื่องมอื วาดรปู ทรงเหลย่ี มและสามารถกาหนดจานวนเหลย่ี มของภาพได้ ดงั นี้ 1. คลิกท่เี คร่อื งมือ กาหนดลกั ษณะการทางานของเคร่ืองมือรายละเอียด ดังน้ี Sides กาหนดจานวนมุมให้กับรูปทรง Radius กาหนดรูปทรงให้มีขนาดแน่นอนโดยกาหนดเส้นรศั มี Smooth Corners กาหนดใหม้ มุ มคี วามโคง้ มน Star สรา้ งรูปดาว Indent Sides By กาหนดระยะการเว้าโคง้ มน Smooth Indents กาหนดให้มุมทเี่ วา้ มคี วามโคง้ มน 2. คลิกเมาสซ์ า้ ยค้างไว้แลว้ ลากบนพื้นทีก่ ารทางานเพือ่ วาดรูปทรงSmooth Corners Starภาพท่ี 3.44 เครื่องมอื Polygon Options ชุดการสอนที่ 3 เรอ่ื ง การพมิ พ์ขอ้ ความและการใช้เคร่ืองมอื ต่าง ๆ ออกแบบภาพ

52 3. 4.1.5 การใช้เครือ่ งมือ Line Tool คือ เคร่ืองมือวาดเส้นตรงและสามารถกาหนดเปน็ ลกู ศรทศิ ทางตา่ งๆ ขั้นตอนดังนี้ 1. คลิกทเ่ี คร่ืองมือ 2. กาหนดคณุ ลักษณะการทางานของเคร่ืองมอื รายละเอียด ดังน้ี Weight กาหนดขนาดเสน้ Arrowheads กาหนดหัวลูกศร Start สรา้ งหัวลกู ศรทีส่ ว่ นหัวเส้น End สรา้ งหวั ลูกศรส่วนปลายเสน้ Width กาหนดความกวา้ งหัวลูกศร Length กาหนดความยาวหัวลูกศร Concavity กาหนดความเว้าของฐานลกู ศร 3. คลิกเมาสซ์ ้ายคา้ งไวแ้ ลว้ ลากบนพน้ื ท่กี ารทางานเพื่อวาดรูปทรง ดังภาพกาหนดคุณลักษณะการทางาน คลกิ ปุ่ม Start และ ปุ่ม Endของเครือ่ งมือ คลิกปมุ่ Endคลิกปุ่ม Startภาพท่ี 3.45 เคร่ืองมือ Line Toolชุดการสอนท่ี 3 เรอ่ื ง การพมิ พ์ข้อความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ

53 3. 4.1.6 การใชเ้ คร่ืองมือ Custom Shape คอื เคร่ืองมอื สร้างรปู ทรงสาเร็จรูปที่โปรแกรมกาหนด ขั้นตอนดงั นี้ 1. คลกิ เครือ่ งมือ 2. กาหนดลกั ษณะของเครอื่ งมือ รายละเอียดดังภาพ Custom Shape Options การวาดรูปทรงสาเร็จรปู รายละเอียดดังน้ี Unconstrained วาดรูปทรงอย่างอสิ ระโดยไม่กาหนดสัดสว่ น Defined Proportional วาดรูปทรงแบบกาหนดสัดส่วน Defined Size วาดรปู ทรงแบบกาหนดสดั สว่ นตายตวั มีขนาดเทา่ กนั Fixed Size กาหนดขนาดรปู ทรงโดยระบุค่าดว้ ยตนเอง From Center เลือก Option การวาดรูปทรง โดยให้ขยายขนาดจากจดุที่แดรกเมาส์ 3. คลกิ เลือกชดุ รูปทรงแลว้ คลิกลากเมาสเ์ พอ่ื วาดรปู ทรง ดงั นี้ รูปทรงสาเรจ็ รูป ชุดการสอนที่ 3 เรื่อง การพิมพ์ขอ้ ความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพ

54 การเพิม่ ชดุ รูปทรง คือ ชดุ รูปทรงสาเร็จรูปที่โปรแกรมเตรียมไวใ้ ห้เลอื กหลายชดุซ่งึ หากต้องการเพิม่ ชดุ รปู ทรงเข้ามาใหม่ โดยคลกิ แล้วคลิกเลอื กช่อื ชดุ รูปทรงทต่ี ้องการใช้งานได้ ดงั ภาพท่ี 3.461 เลือกลักษณะของภาพตัวอย่าง คลกิ Reset Shapes เม่ือต้องการกลับไปใชช้ ดุ เรม่ิ ต้น ชดุ รูปทรงสาเร็จรูปอนื่ ๆ ที่สามารถเรยี กใชไ้ ด้2แทนทชี่ ุดเดิม หรือ ตอ่ ทา้ ยชดุ เดิม 3ภาพท่ี 3.46 การใช้เครื่องมือ Custom Shapeชุดการสอนที่ 3 เร่ือง การพิมพ์ข้อความและการใชเ้ ครื่องมอื ต่าง ๆ ออกแบบภาพ

55 3.4.2 การวาดรูปทรงแบบรวม - ลดพ้ืนท่ี การวาดวาดรูปทรงในรูปแบบตา่ งๆ ขน้ึ มาใหม่ โดยการกาหนดคา่ บน Option Barสาหรบั การสรา้ งรูปทรงหลายๆ ภาพให้มลี ักษณะท่โี ดดเด่น โดยวิธกี ารซ้อนทับของเสน้ Pathได้รปู ทรงแบบใหมก่ ารกาหนดค่า Option Bar ดังภาพที่ 3.47 ภาพที่ 3.47 การวาดรูปทรงใหม่New layer การเลือกขอบเขตพ้ืนทีใ่ หม่Combine Shapes ขอบเขตพน้ื ท่ีการรวมพื้นท่ีซอ้ นกนั หลายชิ้นใหเ้ ป็นชิ้นเดยี วกันIntersect Shape Areas ขอบเขตพืน้ ทีต่ ัดสว่ นท่ซี ้อนทับกนั ออกExclude Overlapping Shapes ขอบเขตพื้นท่ีตัดรปู ทรงเกบ็ เฉพาะส่วนทีซ่ อ้ นทบั กัน3.4.2.1 เลอื กใชเ้ ฉพาะสว่ นของรปู ทรง คือ การสร้างรูปทรงด้วยเครอื่ งมือในกลุ่มShape Tool มีหลักการทางาน ขน้ั ตอนดงั น้ี1. คลกิ เลือกเครื่องมือ แล้วเลอื กวาดรปู ทรงแบบมีพน้ื หลังและเลอื กภาพทต่ี อ้ งการวาดรปู ทรง กาหนดรปู แบบเป็น Shape2. วาดรูปทรงแล้วคลกิ เลอื ก Option Bar กาหนดแบบ ExcludeOverlapping Shapes เลอื กรูปทรงแบบวงกลมแล้ววาดรูปทรงใหมท่ ับรปู ทรงเดมิรปู ทรงใหม่ทับรปู ทรงเดมิ เลอื ก และวาดรูปทรงใหมด่ งั ภาพ21 Shapes รปู ทรงใหม่ 3 ภาพท่ี 3.48 แสดงภาพลดพนื้ ที่ ชดุ การสอนที่ 3 เรอ่ื ง การพิมพ์ขอ้ ความและการใช้เคร่ืองมือต่าง ๆ ออกแบบภาพ

56 3.4.2.2 การรวมรปู ทรงเข้าด้วยกัน คือ การวาดรปู ทรงหลายๆ ส่วนให้เป็นรปู ทรงเดียวกันขนั้ ตอนดังนี้ 1. เลือกการวาดรปู ทรงแบบมพี ื้นหลัง 2. เลือกรูปทรงแล้วเลอื กสี 3. คลิกเลือก แล้ววาดรูปทรงแรก และวาดภาพต่อไปตามจานวนท่ีเหมาะสมวาดรปู ทรงแรก วาดรปู ทรงเพ่มิ นาภาพตกแต่งเพิม่ เติม เช่น การใส่ Style ตา่ งๆ ภาพที่ 3.49 การรวมรปู ทรงเขา้ ดว้ ยกนั 3.4.3 การใช้เครอื่ งมอื วาดเส้น Path เคร่ืองมือสรา้ งเสน้ Path หรือรูปทรงต่างๆ ซงึ่ ส่วนประกอบของเส้นมจี ุดแองเคอร์(จดุ ยอ่ ยที่อยู่ตามแนวเสน้ ) คอื กล่มุ เครื่องมอื Pen Tool สามารถสร้างเสน้ Path ดังภาพท่ี 3.50 ภาพที่ 3.50 แสดงภาพเครอ่ื งมอื ทีใ่ ช้สร้างเส้น PathPen สร้างเสน้ Path โดยการคลิกวางจุดแองเคอร์Freeform Pen สร้างเส้นPath แบบลากอสิ ระAdd Anchor Point เพม่ิ จุดแองเคอร์Delete Anchor Point ลดจุดแองเคอร์Convert Point แปลงรปู แบบของเส้นและมมุ ชุดการสอนท่ี 3 เรื่อง การพิมพ์ขอ้ ความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพ

57 ลกั ษณะของเสน้ Path สามารถแบง่ ออกเป็น 2 แบบ คอื 1. แบบ Shape คือ การวาดเส้น Path แบบ Layer ภาพโดยการเลือกสีของรปู ทรงเส้น Path น้ีได้ 2. แบบ Paths คือ การวาดเสน้ Path อยา่ งเดียว ทป่ี ระกอบด้วยจดุ และเสน้ โค้ง โดยยังไมม่ ีการกาหนดสีเส้นหรือสพี ืน้ และเส้น Path จะไม่ปรากฏในภาพผลลัพธ์ท่ีนาไปใช้งานแตส่ ามารถเติมสพี ้ืนหรือสีเส้นในภายหลงั ได้ 3.4.3.1 การสรา้ งเส้น Path คอื การวาดรูปทรงดว้ ยการคลิกเมาสว์ าดรปู ทรงตามจนิ ตนาการของผวู้ าด ซง่ึ สามารถวาดไดห้ ลายวิธี และแก้ไขรูปทรงในภายหลงั ได้ ดังนี้ 1) การสรา้ งเสน้ Path ด้วยเคร่อื งมือ Pen Tool คอื เครอื่ งมือสรา้ งเสน้ Path รปู ทรงต่างๆ แบบอิสระ ขน้ั ตอนดงั นี้ 1. คลกิ เครื่องมือ 2. คลิกเมาสซ์ า้ ยในตาแหน่งที่ตอ้ งการสร้างเป็นเส้น Path หรอื รปู ทรงท่ีตอ้ งการจุดทค่ี ลกิ เมาสจ์ ะปรากฏจดุ ส่เี หลี่ยมเลก็ ๆ ณ บริเวณดังกล่าว เรยี กว่า จุดแองเคอร์ ดังภาพ เสน้ Path จดุ แองเคอร์ภาพท่ี 3.51 เครื่องมอื Pen Tool2) การสรา้ งเส้น Path ด้วยเครือ่ งมือ Freeform Pen Tool คอืการวาดเสน้ Path แบบคร่าวๆ ก่อน ข้ันตอนดงั น้ี1. คลิกเครอ่ื งมือ2. คลิกเมาสซ์ ้ายคา้ งไว้แล้วลากไปในตาแหนง่ ที่ตอ้ งการสรา้ งเปน็ เสน้Path แล้วปลอ่ ยเมาส์เม่ือไดร้ ูปทรงท่ีต้องการภาพที่ 3.52 เคร่ืองมือ Freeform Pen Tool ชุดการสอนท่ี 3 เรอื่ ง การพิมพ์ขอ้ ความและการใช้เครอ่ื งมือตา่ ง ๆ ออกแบบภาพ

583) การเพิ่มจุดแองเคอรด์ ้วยเคร่ืองมือ Add Anchor Point Tool คือเคร่ืองมอื เพมิ่ จดุ แองเคอร์และแกไ้ ขจุดดังกล่าว ข้นั ตอนดังนี้1. คลิกทเ่ี ครื่องมือ2. คลกิ เมาสซ์ า้ ยในตาแหนง่ ที่ต้องการเพ่ิมจดุ แองเคอรแ์ ลว้ คลิกเมาส์ซา้ ยคา้ งไว้ ณ ตาแหน่งจุดแองเคอรแ์ ลว้ ดัดเส้นในตาแหนง่ ที่ต้องการเมือ่ ได้ความโค้งที่ตอ้ งการแล้วปล่อยเมาสเ์ พื่อเป็นการหยดุ การดัดเส้นใหม่ ดังภาพ คลกิ เมาส์แลว้ บดิ รปู ทรงภาพท่ี 3.53 แสดงภาพเคร่อื งมอื Add Anchor Point Tool 4) การลบจุดแองเคอร์ดว้ ยเครอื่ งมือ Delete Anchor Point Tool คือเครื่องมอื ลบจุดแองเคอร์ออกเพื่อแกไ้ ขภาพ ดังภาพคลกิ เพือ่ ลบจดุ แองเคอร์ ผลลัพธ์ภาพท่ี 3.54 การลบจดุ แองเคอร์ชดุ การสอนท่ี 3 เร่อื ง การพิมพ์ขอ้ ความและการใช้เครอื่ งมือตา่ ง ๆ ออกแบบภาพ

59 5) การแปลงรูปแบบของเส้นและมุมด้วยเคร่ืองมอื Convert Pointขนั้ ตอนดังนี้ 1. คลิกทีเ่ คร่อื งมือ 2. คลกิ เมาสซ์ ้ายในตาแหน่งที่ต้องการแปลงเสน้ รูปแบบใหม่ ดงั ภาพ คลิกเมาสแ์ ลว้ ดัดเสน้ ผลลัพธ์การดดั เสน้ ภาพท่ี 3.55 การแปลงรูปแบบของเส้นและมมุ 3.4.3.2 การเคล่อื นยา้ ยเสน้ Path การวาดรปู ทรงเสน้ Path นนั้ เมื่อรปู ทรงทไี่ ด้ยังไม่เหมาะสม และตอ้ งการแกไ้ ขทศิ ทางหรอื ตาแหนง่ ต่างๆ ในรปู ทรง ซง่ึ สามารถแก้ไขไดด้ ้วยเคร่ืองมือ Direct Select Toolคอื เครอื่ งมือสาหรับแกไ้ ขเส้น Path ดังนี้ ภาพท่ี 3.56 การเคล่ือนยา้ ยเส้น Path 1. Path Selection Tool คือ การเคล่ือนยา้ ยเสน้ Path ทั้งหมด 2. Direct selection Tool คอื การเคล่ือนยา้ ยเส้น Path เฉพาะจุดแองเคอร์ ชุดการสอนที่ 3 เรือ่ ง การพมิ พ์ข้อความและการใชเ้ คร่อื งมอื ตา่ ง ๆ ออกแบบภาพ

60 1) การเคล่อื นย้ายเสน้ Path ดว้ ยเครื่องมอื Path Selection Tool คือการเคลือ่ นย้ายวัตถทุ วี่ าดจากเสน้ Path ทัง้ หมดไปยังตาแหนง่ ต่างๆ คลกิ ทเี่ คร่ืองมอื คลกิ เมาส์ทภ่ี าพแลว้ สามารถเคล่อื นยา้ ยภาพไดท้ ง้ั หมด ดงั ภาพ คลกิ ภาพ ณ ตาแหนง่ ใดๆ เพ่อื เคลื่อนย้ายภาพ ภาพท่ี 3.57 การยา้ ยเส้น Path เคร่ืองมือ Path Selection Tool 2) การเคลอ่ื นยา้ ยเส้น Path ด้วยเครื่องมือ Direct selection Tool คอืการเคลือ่ นยา้ ยตาแหนง่ เส้น Path ณ จดุ แองเคอร์ทีค่ ลกิ เมาส์ คลกิ ท่ีเครือ่ งมือ คลิกเมาส์ ณ จุดแองเคอร์ค้างไว้แล้วลากไปในตาแหน่งทตี่ ้องการ ดังภาพ ภาพท่ี 3.58 การย้ายเส้น Path เครื่องมอื Direct selection Tool ชุดการสอนที่ 3 เรอื่ ง การพิมพ์ขอ้ ความและการใช้เครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

61 ตวั อย่างการปรับแต่งรูปทรง การปรับแต่งรูปทรงคลกิ เลอื กเครือ่ งมือ แลว้ คลกิ จุดแองเคอร์ที่ตอ้ งการปรับหรอื เคลอื่ นย้ายจะปรากฏแขนของจุดข้ึนมา เพ่ือปรับระยะ และกาหนดทศิ ทางของแขนแตล่ ะขา้ งของภาพ ดงั ภาพท่ี 3.5912 345 ผลลัพธข์ องภาพ ภาพท่ี 3.59 การปรับแตง่ รปู ทรงชุดการสอนที่ 3 เร่อื ง การพมิ พ์ขอ้ ความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ

62 3.4.3.3 สรา้ งขอ้ ความบนเส้น Path คอื การสร้างข้อความทอดโค้งไปตามแนวเสน้Pathใดๆ โดยการวาดเส้น Path ดว้ ยเคร่อื งมือ Pen Tool เพื่อใหไ้ ด้ลักษณะเสน้ ที่ต้องการแลว้ จงึ พมิ พ์ขอ้ ความลงไปในเส้น Path น้ัน ข้อความเหลา่ น้สี ามารถกาหนดทิศทางตามเสน้ Path ต่าง ๆ ดังน้ี 1) การพมิ พข์ อ้ ความ คือ ข้ันตอนการพมิ พ์ข้อความตามแนวเสน้ Pathขั้นตอนดังน้ี 1. คลกิ เครือ่ งมือ เลือกรปู แบบไม่มีสพี นื้ หลงั 2. วาดเสน้ Path เปน็ ตามแนวภาพ สร้างแนวเส้น Path คลกิ จุดเรมิ่ ต้นเสน้ Path 4. คลิกเครอื่ งมือ นาเมาสว์ างจะปรากฏสัญลกั ษณ์ คลกิ เมาสบ์ น 5. พิมพข์ ้อความ โดยข้อความจะไลไ่ ปตามแนวเสน้ Path ทส่ี ร้างไว้ 5 คลิกเมาส์แลว้ พิมพข์ อ้ ความต้องการ ภาพท่ี 3.60 สร้างขอ้ ความบนเสน้ Path ชุดการสอนที่ 3 เรอ่ื ง การพมิ พ์ข้อความและการใช้เครือ่ งมอื ตา่ ง ๆ ออกแบบภาพ

63 2) แกไ้ ขขอ้ ความบนเส้น Path คือ การแก้ไขข้อความที่อยู่บนแนวเสน้ Pathทาเหมอื นกบั การแกไ้ ขขอ้ ความปกติ โดยคลกิ เลอื กเคร่ืองมอื เพอ่ื แก้ไขข้อความน้ันหรอืปรับเปล่ียนตวั เลือก Option Bar เช่น การเปล่ียน Font เปลี่ยนสี หรอื ขนาดขอ้ ความใหม่ ดงั นี้ 1. ดับเบลิ คลิก Layer ขอ้ ความ 2. เลอื ก Option ข้อความท่ตี ้องการปรบั แต่ง ผลลพั ธก์ ารเปลยี่ นสขี อ้ ความ เลอื กข้อความทงั้ หมด ทัง้ หมด ภาพที่ 3.61 การแก้ไขข้อความบนเส้น Path 3) การปรบั ตาแหน่งขอ้ ความบน Path คอื การเลือ่ นตาแหน่งขอ้ ความท่ีพิมพ์ โดยการกาหนดจุดเร่มิ ตน้ และจดุ ส้ินสุดข้อความแล้วใช้เคร่ืองมือ Path Selection Toolหรอื Direct Selection Tool ปรับแต่งตาแหน่งข้อความ ดงั ภาพ คลิกเล่ือนขอ้ ความ เลือ่ นข้อความ เมื่อเลื่อนเมาสจ์ ากต้นขอ้ ความ สังเกตเมาสจ์ ะเป็นรปู เม่อื เล่ือนเมาส์จากท้ายขอ้ ความ สังเกตเมาส์จะเปน็ รูป ภาพที่ 3.62 การปรับตาแหนง่ ขอ้ ความบน Path ชดุ การสอนท่ี 3 เรอ่ื ง การพมิ พ์ขอ้ ความและการใชเ้ ครือ่ งมือตา่ ง ๆ ออกแบบภาพ

64 4) การปรบั เสน้ Path ขอ้ ความ คือ การแก้ไขเส้น Path ท่พี ิมพข์ ้อความเสร็จแลว้ ซง่ึ ในข้อความและเส้น Path จะรวมกนั เป็น Path ขอ้ ความ หากตอ้ งการแก้ไขเลือกเคร่ืองมอื แล้วคลกิ ลากจดุ แองเคอรห์ รือจุดปรบั เสน้ ได้ ข้นั ตอนดังน้ี 1. คลิกเลอื กเครื่องมือ 2. คลกิ ปรบั เสน้ Pathในจดุ ตา่ ง ๆ คลิกปรับเสน้ Path คลิกปรับเสน้ Path ภาพท่ี 3.63 การปรับเส้น Path ขอ้ ความ 5) การพลิกกลับดา้ นขอ้ ความ คือ การพิมพ์ข้อความจากซ้ายไปขวาขอ้ ความจะอยดู่ ้านบนของเสน้ Path การพลิกกลบั ข้อความไปอกี ด้านหนึง่ บนเส้น Path ข้ันตอนดังนี้ 1. นาเมาส์วางบนข้อความ สังเกตเมาส์จะเปน็ รูป หรือ 2. คลิกลากข้ามเส้น Path เพอื่ พลิกกลับขอ้ ความไปอกี ดา้ นหนึง่ ได้ ลากเมาส์พลิกกลับขอ้ ความ ภาพที่ 3.64 การพลิกกลบั ขอ้ ความ ชุดการสอนท่ี 3 เรอื่ ง การพิมพ์ขอ้ ความและการใช้เครื่องมอื ตา่ ง ๆ ออกแบบภาพ

65 แบบฝึกหดั หน่วยท่ี 3 เร่อื ง การพิมพ์ข้อความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพคาช้แี จง จงตอบคาถามต่อไปนใี้ ห้ไดใ้ จความสมบูรณ์ (ข้อละ 2 คะแนน)1. จงเขยี นอธบิ ายการปรับเปลี่ยนรูปแบบข้อความ กาหนดคุณสมบตั ิบน Optionts Bar ดงั ภาพ ชุดการสอนท่ี 3 เรือ่ ง การพมิ พ์ขอ้ ความและการใช้เครื่องมอื ต่าง ๆ ออกแบบภาพ

661 23 4 56 782. จงใหค้ วามหมายการกาหนดคา่ ต่าง ๆ บน Blending Options3. จงอธบิ ายขั้นตอนการสรา้ งข้อความรูปแบบภาพ4. จงอธิบายการกาหนดคา่ ในออปชันบาร์ก่อนการเติมสีแบบ Paint Bucket ดังภาพ 12 3 45 ชดุ การสอนท่ี 3 เร่อื ง การพิมพ์ขอ้ ความและการใชเ้ ครือ่ งมอื ตา่ ง ๆ ออกแบบภาพ

675. จงให้ความหมายการใชเ้ ครอื่ งมือวาดเส้น Path เฉลยแบบฝึกหัดหน่วยที่ 3 เร่อื ง การพมิ พข์ ้อความและการใช้เครอ่ื งมือตา่ ง ๆ ออกแบบภาพคาชแี้ จง จงตอบคาถามต่อไปนี้ให้ได้ใจความสมบรู ณ์ (ขอ้ ละ 2 คะแนน)1. จงเขยี นอธบิ ายการปรบั เปลย่ี นรปู แบบข้อความ กาหนดคุณสมบตั บิ น Optionts Bar ดังภาพ ชุดการสอนท่ี 3 เร่อื ง การพิมพ์ขอ้ ความและการใชเ้ คร่อื งมอื ต่าง ๆ ออกแบบภาพ

681 23 4 56 78ตอบ 1. สลับแนวของตัวอักษรเป็นแนวตัง้ หรือแนวนอน 2. กาหนดขนาดตวั อกั ษร 3. กาหนดความคมตวั อกั ษร 4. กาหนดสี 5. เลือกรปู แบบอักษร 6. เลือกอักษร ธรรมดา ตวั หนา 7. เลอื กแนวการจดั อกั ษร 8. ตัวอักษรวารป์ แท็ก Warp Text2. จงให้ความหมายการกาหนดค่าต่าง ๆ บน Blending Optionsตอบ Satin การสร้างพืน้ ผิวดา้ นในของวัตถมุ ีสี่เหลี่ยมเปน็ เงา Color Overlay การเติมสใี ห้วัตถุ Gradient Overlay การเตมิ สีแบบไล่เฉดสีให้กบั วัตถุ Patten Overlay การเติมลวดลายให้กบั วัตถุ Stroke การใส่สเี สน้ ให้กบั วตั ถุ ชดุ การสอนที่ 3 เรอ่ื ง การพมิ พ์ข้อความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพ

693. จงอธบิ ายข้นั ตอนการสรา้ งขอ้ ความรูปแบบภาพตอบ เทคนิคการสร้างข้อความแบบภาพทไ่ี ด้ผลลพั ธ์สวยงาม นารปู ภาพทต่ี ้องการมาวางซอ้ นไว้เหนือขอ้ ความแล้วคลิกขวาเลอื กคาส่งั Create Clipping Mask เพ่ือสรา้ งมาสก์ครอบภาพตามลกั ษณะตวั อกั ษรแตล่ ะตวั ขั้นตอนดงั น้ี 1. คลกิ เครอ่ื งมือ พิมพ์ข้อความ “ใบบวั ” 2. คดั ลอกภาพสาหรบั การทาลวดลายให้ Layer ภาพอยดู่ ้านบน Layer ขอ้ ความ 3. เลือก Layer ภาพแล้วคลกิ ขวา เลือก คาส่ัง Create Clipping Mask4. จงอธบิ ายการกาหนดค่าในออปชันบาร์ก่อนการเตมิ สีแบบ Paint Bucket ดังภาพ12 3 4 5ตอบ การกาหนดคา่ ในออปชันบารก์ ่อนการเตมิ สีแบบ Paint Bucket ดังน้ี 1. กาหนดการเติมสี 2. กาหนดค่าความโปรง่ ใส 3. กาหนดสไี หลไปตาม Pixels ทต่ี ่อเนื่องกัน 4. กาหนดการกระจายของสีต้ังแต่ 0 -255 5. การเทสีทุก Layer ทมี่ ีสตี ่อเน่ืองกนั5. จงใหค้ วามหมายการใชเ้ ครือ่ งมือวาดเสน้ Pathตอบ Pen สร้างเสน้ Path โดยการคลิกวางจุดแองเคอร์ Freeform Pen สร้างเสน้ Path แบบลากอิสระ Add Anchor Point เพ่ิมจุดแองเคอร์ Delete Anchor Point ลดจุดแองเคอร์ Convert Point แปลงรปู แบบของเส้นและมุมชุดการสอนที่ 3 เรอ่ื ง การพมิ พ์ขอ้ ความและการใชเ้ ครื่องมอื ต่าง ๆ ออกแบบภาพ

70 ใบงาน หน่วยที่ 3 ใบงานที่ 3.1 เรือ่ ง ความรู้เบ้อื งต้นเกี่ยวกับการใช้โปรแกรม Adobe Photoshop CS6จุดประสงคเ์ ชิงพฤตกิ รรม 1. สรา้ งตวั อักษร (Font) และขอ้ ความได้ 2. ตกแตง่ ข้อความได้ 3. ใช้เครอื่ งมือการระบายสีได้ 4. สร้างรูปทรงต่าง ๆได้เง่ือนไข 1. จงออกแบบปกหนงั สอื แลว้ บนั ทึกชื่อไฟล์ BP3_1.psd โดยชอ่ื ผู้จัดทา เปน็ ข้อมูลนักศึกษาส่อื การเรียน เคร่ืองมอื อปุ กรณ์ 1. ส่อื บนั ทกึ ขอ้ มูล (ฮารด์ ดสิ ก์) 2. ชุดการสอน 3. ส่อื Power Point 4. เคร่ืองคอมพวิ เตอร์ 5. เครื่องฉายโปรเจคเตอร์ลาดับขนั้ ตอนการดาเนนิ งาน 1.1 ออกแบบพ้นื หลังโดยการใช้เคร่ืองมือหลากหลาย การวาง Layer เปน็ กลุ่มเดยี วกนั 1.2 พมิ พ์ขอ้ ความแบบ Horizontal Type Mask Tool 1.3 ตกแต่งข้อความดว้ ยพาเลต Type Layer 1.4 กาหนดคุณสมบัติข้อความด้วยคาสั่ง Blending Options กาหนดแสงเงาและการไล่ ระดับสี 1.5 วางภาพแบบตามรูปแบบในแตล่ ะ Layer 1.6 สรา้ งขอ้ ความแบบรูปภาพ โดยใช้คาสั่ง Create Clipping Mask กาหนดสเี สน้ 1.7 ตกแต่งข้อความด้วยพาเลต Style ชุดการสอนท่ี 3 เร่ือง การพิมพ์ขอ้ ความและการใชเ้ ครอื่ งมือตา่ ง ๆ ออกแบบภาพ

71เกณฑ์การใหค้ ะแนน ใบงาน 3.1 ช่ือ สกุล รหัสประจาตวั กลุ่มลาดับที่ รายการ . 1 ออกแบบพ้นื หลังสวยงาม คะแนน หมายเหตุ 2 ขอ้ ความเหมาะสมสวยงาม 2 3 นาคาสง่ั Blending Options ออกแบงาน 2 4 นาคาส่ัง Create Clipping Mask ออกแบงาน 2 5 องคภ์ าพรวมสวยงาม 2 6 บนั ทึกชอ่ื ไฟล์ BP3_1.psd 1 1 รวม 10ลงชอื่ ……………………………….ผ้บู ันทกึ (………………………….……) …………/…………/………..ชุดการสอนที่ 3 เร่ือง การพมิ พ์ข้อความและการใชเ้ คร่อื งมอื ต่าง ๆ ออกแบบภาพ

72 แบบสงั เกตพฤติกรรมรายบุคคล ใบงานท่ี .................คาช้ีแจง ใหท้ าเคร่อื งหมาย  หากนักเรียนมพี ฤติกรรมนน้ั ลงในชอ่ งรายการ พฤติกรรม พฤตกิ รรมลาดบั ความสนใจ ความ การตอบ การรบั ฟัง ทางาน รวม ท่ี เข้าเรียนตรง กระตือรือร้น คาถาม ความคิดเห็น ตามทไ่ี ด้รบั ชื่อ-สกลุ มอบหมาย 20 เวลา 12341234123412341234เกณฑก์ ารวัดผล ให้คะแนนระดบั คุณภาพแต่ละพฤติกรรมดงั น้ี4 = ดีมาก สนใจฟัง ไมห่ ลับ ไม่พูดคุยในชั้นเรยี น มีคาถามที่ดี ตอบคาถามถกู ต้อง ทางานสง่ ตรงเวลา3 = ดี การแสดงออกอยูใ่ นเกณฑ์ประมาณ 70%2 = ปานกลาง การแสดงออกอยใู่ นเกณฑ์ประมาณ 50 %1 = ปรบั ปรุง เขา้ เรียน แต่การแสดงออกน้อยมาก สง่ งานไม่ครบ ไมต่ รงเวลา ลงช่ือ……………………………….ผสู้ งั เกต (………………………….……) …………/…………/……….. ชุดการสอนท่ี 3 เรื่อง การพมิ พ์ขอ้ ความและการใชเ้ ครือ่ งมอื ตา่ ง ๆ ออกแบบภาพ

73 แบบทดสอบวดั ผลสัมฤทธิ์ทางการเรียน หน่วยที่ 3 การพมิ พข์ ้อความและการใชเ้ ครื่องมอื ตา่ ง ๆ ออกแบบภาพคาชี้แจง จงเลอื กคาตอบทถี่ ูกต้อง แล้วกาเครื่องหมาย  ลงในกระดาษคาตอบ1. Vertical Type Tool คือการสร้างตัวอกั ษรแบบขอ้ ใด ก. การสร้างตัวอักษรปกติ ข. การสร้างตวั อักษรแนวตัง้ ปกติ ค. การสรา้ งตวั อักษรแนวนอนปกติ ง. การสรา้ งตัวอกั ษรแบบขอบเขตพ้ืนที่2. Horizontal Type Too คือ รูปแบบการสร้างตวั อักษรแบบขอ้ ใด ก. การสรา้ งตวั อกั ษรปกติ ข. การสร้างตวั อักษรแนวตัง้ ปกติ ค. การสร้างตวั อกั ษรแนวนอนปกติ ง. การสรา้ งตวั อกั ษรแบบขอบเขตพน้ื ท่ี3. เมอ่ื พิมพข์ อ้ ความแล้วต้องการจัดข้อความชิดซา้ ย เรียกใช้เคร่ืองมอื ข้อใด ก. ข. ค. ง.4. การปรบั Style เพือ่ ตกแต่งภาพหรือขอ้ ความด้วยคาส่งั Blending Option คลกิ เครื่องมอื ขอ้ ใด ก. ข. ค. ง.ขอ้ 5-6 ใชต้ วั เลือกต่อไปนี้ ก. Drop Shadow ข. Inner Shadow ค. Outer Glow ง. Inner Glow ชุดการสอนที่ 3 เรื่อง การพมิ พ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ

745. ข้อใดคอื การใส่ Style ตวั อกั ษรแบบสรา้ งบริเวณขอบวัตถุให้ฟุง้ กระจาย6. ข้อใดคอื การใส่ Style ตัวอกั ษรแบบสรา้ งเงาให้ตกลงพ้ืน7. ข้อใดคอื การใส่ Style ตัวอักษรแบบสร้างเงาบริเวณพ้ืนท่ีภายในของวัตถุ8. คาสั่งข้อใดสามารถพมิ พ์ข้อความต่าง ๆ แล้วตอ้ งการใส่สีเสน้ ใหข้ ้อความทขี่ อบเขตพ้นื ทีท่ ีเ่ ลือก ก. Edit  Stroke ข. File  Stroke ค. Edit  Line ง. File  Line9. ข้อใดคอื การพิมพข์ ้อความแล้วต้องการเปลย่ี นแปลงข้อความเป็นรปู แบบ Vector ก. Horizontal ข. Covert to Shape ค. Create Work Path ง. Select Similar Layers10. เคร่ืองมือข้อใด คลกิ เพือ่ แก้ไขข้อความในรูปทรงที่เกดิ จากการวาดภาพรูปทรงต่าง ๆ ก. และ ข. และ ค. และ ง. และ11. การระบายสแี บบขอ้ ใด คือ เคร่ืองมือ Paint Bucket Tool ก. เทสีในขอบเขตทีก่ าหนด ข. เทสีเฉพาะสีพนื้ หลังเทา่ นั้น ค. ไลโ่ ทนสีในขอบเขตทก่ี าหนด ง. ไล่โทนสเี ฉพาะสี Foreground เท่านัน้12. การระบายสีแบบข้อใด คือ เครอื่ งมือ Gradient Tool ก. เทสใี นขอบเขตทีก่ าหนด ข. เทสีเฉพาะสพี ื้นหลงั เท่าน้ัน ค. ไลโ่ ทนสีในขอบเขตท่ีกาหนด ง. ไล่โทนสีเฉพาะสี Foreground เท่านนั้ ชดุ การสอนที่ 3 เรือ่ ง การพมิ พ์ข้อความและการใช้เครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

7513. การกาหนดขนาดหวั พู่กัน คลิกตวั เลอื ก Option ขอ้ ใด ก. Size ข. Edit Size ค. Brush Size ง. Master Diameter14. ขอ้ ใดคือการกาหนดคา่ เพ่ือเพิ่มหรอื ลดความฟ้งุ ให้หัวแปรง ก. Opacity ข. Hardness ค. New Brush ง. Master Diameterขอ้ 15-16 ใชต้ วั เลอื กต่อไปน้ี ก. Eraser Tool ข. Background Tool ค. Magic Eraser Tool ง. Paint Bucket Tool15. การคลกิ เลอื กช่วงสที ต่ี ้องการลบแลว้ กดป่มุ Delete คือขอ้ ใด16. คลิกจดุ สแี ล้วลบภาพทิ้งจะเป็น Transparent ทนั ที คือขอ้ ใด17. คาสงั่ Fill ขอ้ ใด คอื วธิ ีการเติมสแี ละ Pattern ให้ภาพ ก. คลิกเมนู Edit  Fill หรือ Shift + F5 ข. คลิกเมนู File  Fill หรอื Shift + F5 ค. คลกิ เมนู Insert  Fill หรือ Shift + F5 ง. คลกิ เมนู Windows  Fill หรือ Shift + F518. ขอ้ ใดไมใ่ ช่กลุ่มเครื่องมือสรา้ งรปู ทรงสาเร็จรปู ก. Polygon Tool ข. Ellipse Tool ค. Rectangle Tool ง. Rounded Rectan Toolชดุ การสอนท่ี 3 เร่อื ง การพิมพ์ข้อความและการใชเ้ ครื่องมอื ต่าง ๆ ออกแบบภาพ

7619. ขอ้ ใดกล่าวไมถ่ ูกตอ้ ง ก. New layer การเลือกขอบเขตพ้ืนทีใ่ หม่ ข. Intersect Shape Areas ขอบเขตพ้ืนทตี่ ดั สว่ นที่ซ้อนทับกันออก ค. Combine Shapes สร้างขอบเขตพ้ืนท่ีแยกพ้นื ทซ่ี ้อนกันหลายชิน้ ให้ออกเปน็ สว่ น ง. Exclude Overlapping Shapes ขอบเขตพืน้ ท่ีตดั รปู ทรงเก็บเฉพาะสว่ นท่ีซ้อนทับกนั20. การสร้างเสน้ Path หรือรูปทรงต่าง ๆ สามารถแบ่งออกเปน็ 2 แบบ คือ ก. แบบ Paths และแบบ Shape ข. แบบ Paths และแบบ Mode ค. แบบ Paths และแบบ Pen Tool ง. แบบ Paths และแบบ Freeform Pen Tool ชุดการสอนที่ 3 เรือ่ ง การพมิ พ์ข้อความและการใชเ้ ครื่องมอื ต่าง ๆ ออกแบบภาพ

77 เฉลยแบบทดสอบวัดผลสัมฤทธิท์ างการเรยี นหนว่ ยท่ี 3 การพมิ พข์ ้อความและการใช้เครือ่ งมือต่าง ๆ ออกแบบภาพเฉลย 1. ค 2. ข 3. ก 4. ก 5. ค 6. ก 7. ข 8. ก 9. ข 10. ก 11. ก 12. ค 13. ก 14. ข 15. ข 16. ค 17. ก 18. ง 19. ค 20. ก ชุดการสอนท่ี 3 เรอ่ื ง การพิมพ์ข้อความและการใชเ้ คร่อื งมือตา่ ง ๆ ออกแบบภาพ