หนังสือกราฟิกเบื้องต้น

18 9. การกำหนดรายละเอยี ดในสว่ นของ Banner มีส่วนประกอบย่อยอะไรบ้าง ก. กำหนดชอ่ื แกลเลอรี ข. ใส่ชอ่ื เจ้าของภาพ ค. กำหนดรายละเอียดการตดิ ต่อ ง. กำหนดวนั ท่ีท่ีลงรปู ภาพ จ. ถูกทุกข้อ 10. คำสงั่ ท่ีมักจะใช้ในตอนทสี่ แกนภาพเขา้ มาในเคร่ืองแลว้ ต้องการตดั สว่ นเกินออกไปจากภาพคือข้อใด ก. Photomerge ข. Contact Sheet ค. Picture Package ง. Web Photo Gallery จ. Crop and Straighten

19 หน่วยที่ 4 การสร้าง ภาพกราฟฟิ ก สาระการเรียนรู้ การทาความรู้จกั กบั การใชเ้ ครื่องมือ ชนิด ๆ บนกล่องเคร่ืองมือ มีความ จาเป็นอยา่ งย่ิงท่ีผใู้ ชโ้ ปรแกรม ต่อการทางาน เพราะจะทาให้ใชค้ าส่ังไดอ้ ย่างรวดเร็วและงา่ ย สาระการเรียนรู้ การใชง้ าน การสร้าง การสร้าง ดว้ ยคาสัง่ การใช้ แยกภาพออกจากพ้ืนหลงั การตดั รูปภาพ จดุ ประสงค์เชิงพฤตกิ รรม สามารถใชเ้ คร่ืองมือ เลือกและจดั การภาพได้ สามารถใชเ้ ครื่องมือ ตดั แบ่งภาพได้ สามารถใชก้ ลมุ่ เคร่ืองมือลบริ้วรอย แกไ้ ขสีได้ สามารถใชก้ ลุ่มเครื่องมือวาดภาพได้ สามารถใชก้ ลมุ่ เครื่องมือคดั ลอกภาพและพ้ืนผิวเพื่อการตกกแต่ง ได้ ได้ สามารถใชก้ ลุ่มเครื่องมือแกไ้ ขภาพและเพ่ิมเอฟเฟกตต์ ่าง ๆ สามารถใชก้ ลุ่มเครื่องมือลบรูปภาพ ได้

20 หนว่ ยที่ 4 การสร้าง Selection ภาพกราฟฟิก การสร้าง Selection หรือการเลือกพื้นที่การทำงานของภาพกราฟิก เป็นสิ่งสำคัญสำหรับการแก้ไขหรือ ปรับเปลี่ยนรูปภาพในส่วนที่ต้องการ ซึ่งโปรแกรม Adobe PhotoShop 7.0 ได้เตรียมเครื่องมือเพื่อให้เลือกใช้ สำหรับ Selection ภาพในส่วนต่าง ๆ ไว้เป็นจำนวนมาก เช่น การใช้เครื่องมือRectangular Marquee ในการ Selection รปู ภาพท่ีมลี กั ษณะสี่เหล่ียมการใช้ Elliptical Marquee เพื่อ Selection รปู ภาพทตี่ อ้ งการให้เป็นแบบ วงกลม หรือจะใช้ Extracting แยกภาพออกจากพื้นหลัง ซึ่งภาพที่ได้สามารถตัดทิ้งหรือคัดลอกเพื่อทำสำเนาและ ยงั สามารถปรับรปู ทรงของภาพไดต้ ามต้องการด้วยเครื่องมือ Transform เป็นต้น การจดั การเก่ยี วกบั รปู ภาพไม่ว่าจะเปน็ การ Retouching Image ภาพเกา่ ให้เป็นภาพตามจินตนาการ การ ตัดต่อภาพ การปรับแต่งหรือแก้ไขรูปภาพ จำเป็นอย่างยิ่งที่จะต้องมีทักษะในการ Selection รูปภาพหรือการ เลือกพื้นท่กี ารทำงานเพือ่ ทำการแกไ้ ขหรือปรับเปล่ียนให้ได้รูปภาพตามต้องการ ซงึ่ โปรแกรม AdobePhotoShop 7.0ได้เตรียมเครื่องมือในการสร้าง Selection รูปภาพไว้มากง่ายต่อการใช้งานการใช้งาน Layer เป็นสิ่งสำคัอย่าง ยิ่งในการทำงานกับภาพกราฟิกเพราะ Layer จะใช้สำหรับลำดับขั้นตอนการทำงาน ซึ่งถ้าเปรียบ Layer เหมือน การวางหนังสือซอ้ นกันหลาย ๆ เลม่ โดยถ้าวางหนงั สือเลม่ เล็กอยู่ดา้ นลา่ งแล้วหนังสอื เลม่ ใหญอ่ ยู่ดา้ นบนก็จะทำให้ ไม่สามารถมองเห็นหนังสือเล่มที่อยู่ด้านล่าง ในทางกลับกันถ้าวางหนังสือเล่มใหญ่ไว้ด้านล่างแล้วว างเล่มเล็กไว้ ดา้ นบน จะทำใหม้ องเหน็ หนงั สือท้งั หมดที่วางซอ้ นกัน ดงั ภาพ การวางหนงั สอื เล่มเล็กอยูด่ ้านล่าง การวางหนงั สอื เมเล็กอยดู่ ้านบนตวั อย่างการใช้ Layer 1.คลกิ ที่เมนู Window -> Layer จะปรากฏพาเลต็ Layer ซง่ึ มีส่วนประกอบตา่ ง ๆ ดังภาพ

21 2. จะสงั เกตว่าในพาเล็ต Layer ยงั ไม่มีขัน้ ตอนการทำงานใด ๆ ใหเ้ ปิดไฟล์รปู ภาพมา 1 รปู จะสงั เกตว่า Layer ได้ เกบ็ รูปท่เี ปดิ ไวเ้ ปน็ Layer แรกและตัง้ ช่ือ Layer เปน็ Background 3. เปลี่ยนชอ่ื Layer จาก Background เป็น Layer 0 โดยดบั เบิลคลิกที่คำว่า Background จะปรากฏหน้าต่างดัง รปู 4. คลิกทีป่ ่มุ OK ช่อื เลเยอร์จะเปลย่ี นเป็น Layer 0 5. จากน้นั สรา้ ง Layer เพ่ิมโดยคลกิ ที่เครื่องมอื Create a New Layer จะได้ Layer 1 เพ่มิ ขน้ึ บน Layer 0 ซง่ึ สังเกตวา่ Layer 1 ยังเป็น Layer วา่ งไม่มกี ารทำงานใด ๆ 6. คลิกที่ Layer 1 จากน้นั คลิกทเ่ี ครื่องมือ Paint Bucket Tool แลว้ คลิกตรงพ้นื ท่ีการทำงานเพ่ือเทสลี งบนภาพ

22 จะสงั เกตวา่ ภาพด้านล่างโดนบงั ด้วยสที ี่เทลงไป 7. คลิกที่ Layer 1 จากน้นั คลกิ ท่ลี ูกศรสามเหล่ียมในตวั เลือก Opacity จะ ปรากฏแถบปรบั ความโปรง่ แสงให้เลื่อน ปรับความโปร่งแสงที่ 22% จะสังเกตว่าการ ทำงานจะกระทำเฉพาะ Layer 1 เมื่อปรับความโปร่งแสงจะทำให้ สามารถมองเห็น ภาพท่ีอยู่ใน Layer ดา้ นล่าง ดังภาพ 8. การสลับตำแหน่งของ Layer เพื่อวางลำดับภาพใหม่สามารถทำได้โดย คลิกที่ Layer 1 จากนั้นคลิกเมาส์ ดา้ นซ้ายคา้ งไวแ้ ลว้ ลากมาวางด้านล่าง Layer 0 จะได้ผลลพั ธด์ งั รปู การสรา้ ง Selection การสร้าง Selection หรอื การเลอื กพน้ื ทภี่ าพคือ การใชเ้ คร่อื งมือเลอื กสว่ นท่ตี อ้ งการปฏิบัตกิ าร ซ่ึง โปรแกรม Adobe PhotoShop 7.0 มเี ครื่องมอื ที่ใช้สำหรับเลอื กพน้ื ทไี่ วเ้ ป็นจำนวนมาก สามารถเลือกใช้ให้เหมา

23 กบั ชน้ิ งานไดเ้ ปน็ อยา่ งดีการสรา้ ง Selection ดว้ ยกล่องเคร่ืองมอื (Tools Box) ในกลุ่ม Rectangular Marquee เครื่องมือในกลมุ่ Rectangular Marquee ประกอบด้วย Rectangular Marquee, Elliptical Marquee, Single Row Marquee และ Column Marquee ซ่ึงมีลกั ษณะการใชง้ านเหมือนกัน กลมุ่ เครอื่ งมือ Rectangular Marquee การใช้ RectangularMarquee 1.คลกิ เลอื กเครื่องมือ Rectangular Marquee 2. กำหนดออปชันของเครอ่ื งมือท่ีออฟชันบาร์ ซง่ึ มสี ว่ นประกอบ ดงั น้ี การเลือกพื้นที่ ประกอบด้วยNew Selection เป็นการเลือกพื้นที่ใหม่ Add to Selection เป็นการเลือกพื้นที่เพมิ่ จากที่เลือกไว้เดิม Subtract from Selection เป็นการเลือกพื้นที่แบบตัดส่วนท่ีทับกันออก Intersect with Selection เป็นการเลือกพ้ืนทแ่ี บบเอาเฉพาะส่วนที่ทบั กนั ไว้ ตวั อย่างการใช้ New Selection

24 ตวั อยา่ งการใช้ Add to Selection ตัวอย่างการใช้ Subtract from Selection ตวั อยา่ งการใช้ Interesct with Selection การปรับความฟุ้งเบลอที่กรอบนอกของพื้นที่ที่เลือก ในกรณีที่ต้องการให้เกิดความฟุ้งเบลอให้ใส่ตัวเลขตั้งแต่ 1 ขน้ึ ไปท่ชี ่องของ Feather ซง่ึ ถา้ ตัวเลขมากกจ็ ะเกิดความฟงุ้ เบลอมาก และตอ้ งใส่ตวั เลขความฟงุ้ เบลอก่อนจากนั้น จึงปฏบิ ตั ิการเลือกพน้ื ท่ี

25 รูปแบบการเลือกพ้นื ที่ การเลือกพน้ื ท่มี ี 3 รูปแบบ คือ -Normal เป็นการเลือกแบบท่ัวไป -Constrained Aspect Ration เป็นการเลือกแบบกำหนดอัตราความกว้าง Width และความสูง Height -Fixed Size เปน็ การกำหนดขนาดของพ้นื ทีเ่ ลือกไว้แนน่ อน คลิกเมาส์ด้านซ้ายคา้ งไว้แล้วลากไปในตำแหนง่ พืน้ ที่ที่ตอ้ งการเลือก จะปรากฏเส้นกรอบล้อมรอบสว่ นท่ี เลอื ก ถ้าต้องการยกเลิกการเลือกให้กดปุ่ม Ctrl + D ที่คีย์บอร์ด การสร้าง Selection ดว้ ยกลอ่ งเคร่ืองมือ (Tools Box) ในกลุ่ม Lasso Tool กลุ่มเครื่องมือ Lasso Tool ประกอบด้วย Lasso,Polygonal Lasso และ Magnetic Lasso ซึ่งเครื่องมือแต่ละแบบจะเหมาะกับงานที่แตกต่างกันขึ้นอยู่กับลักษณะของรูปภาพที่ต้องการปรับเปลี่ยน หรือแก้ไข และออปชนั จะเหมือนกบั เคร่ืองมือกลุ่ม Rectangular Marquee การใช้ Lasso Tool การใช้เครื่องมือ Lasso Tool จะใช้สำหรับเลือกพื้นที่รูปภาพแบบอิสระ ซึ่งมีขั้นตอนดังนี้ คลิกที่เครื่องมือ Lasso Tool จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้แล้วลากไปยังตำแหน่งต่าง ๆ ที่ต้องการ เมื่อถึง จุดส้ินสดุ จงึ ปลอ่ ยเมาส์ ดังภาพ การใช้ Polygonal Lasso การเลือกพื้นที่โดยใช้เครื่องมือ Polygonal Lasso จะมีการทำงานคล้ายกับ Lasso Tool แตกต่างท่ี Polygonal Lasso จะสามารถหยุดการเลือกภาพได้เป็นจุด ๆ โดยคลิกเมาส์ด้านซ้ายตรงจุดที่ต้องการหยุดเมื่อ สิ้นสดุ การเลือกให้ดบั เบลิ คลกิ ตรงจดุ สน้ิ สดุ ดังภาพ

26 การใช้ Magnetic Lasso การเลือกพื้นที่โดยใช้เครื่องมือ Magnetic Lasso จะเหมาะกับภาพที่มีความแตกต่างระหว่างภาพที่ ต้องการกับภาพพื้นหลงั เนื่องจาก Magnetic Lasso จะทำงานคล้ายกบั แมเ่ หล็กโดยการคลิกเมาสท์ ีจ่ ดุ เริ่มต้นแลว้ ลากเมาสผ์ า่ นจุดที่ตอ้ งการเคร่ืองมือจะทำการเลอื กพน้ื ท่ีให้โดยอตั โนมัติและเมื่อลากเสรจ็ ใหด้ ับเบลิ คลิกที่จุดสิ้นสุด ดงั ภาพ การสร้าง Selection ด้วยกล่องเครื่องมือ (Tools Box) โดยใช้ Magic Wand การสร้าง Selection ภาพ ดว้ ย Magic Wand เปน็ การสรา้ งตามคา่ ของสีท่ีคลิกโดยถา้ ตำแหนง่ ของสีท่ีคลกิ มีสีเหมือนกันหรือใกล้เคียงกันก็จะ สร้างเปน็ Selection ซ่งึ มีขั้นตอนดงั นี้ 1.คลกิ ที่เครอ่ื งมือ Magic Wand 2. ปรับเปลีย่ นออปชันทอี่ อฟชันบาร์ ซ่งึ มรี ายละเอียดดังน้ี

27 3. คลกิ เลือกตำแหน่งของรูปภาพทีต่ อ้ งการ Selection ดังรูป การสรา้ ง Selection ด้วยคำสั่ง Color Range เปน็ การสร้าง Selection ท่ีมีคา่ สเี หมือนกันหรอื ใกลเ้ คยี งกนั และสามารถเลือกซำ้ ๆ ได้ เพ่ือเก็บ รายละเอยี ดของภาพทีเ่ ลือก ซ่ึงมีข้ันตอนดังน้ี 1.คลิกทเ่ี มนู Select -> Color Range 2. จะปรากฏหนา้ ต่าง Color Range ซ่ึงมีส่วนประกอบดงั ภาพ

28 3. คลิกเลอื กตำแหน่งของรูปภาพที่ต้องการจะสงั เกตเหน็ ส่วนที่เลือกจะเปลยี่ นเปน็ สขี าวหรอื สีเทาขึ้นอยกู่ บั สี ดงั รปู 4.จากนั้นคลกิ ท่ีปุ่ม OK จะปรากฏหน้าต่างแสดงพ้ืนที่ทเ่ี ลอื กดังรูป

29 การใช้ Extract แยกภาพออกจากพนื้ หลงั เปน็ คำสง่ั ทใี่ ชล้ บฉากหลงั ออกจากภาพทต่ี ้องการ ซงึ่ สามารถปรับความเหลื่อมกนั ของสีในรปู ภาพได้ ดกี ว่าการลบแบบธรรมดา ซ่ึงมีขั้นตอนดังน้ี 1.คลกิ ท่ีเมนู Filter -> Extract 2. จะปรากฏหนา้ ต่างการทำงานของ Extract ดังรูป ส่วนประกอบของ Extractกล่องเครื่องมือ Edge Highlighter ใช้สำหรับสร้างกรอบของรูปภาพที่ต้องการ Fill ให้สำหรับเติมสีหลังสร้างกรอบรูปภาพเสร็จด้วยเครื่องมือEdge HighlighterEraser ใช้สำหรับลบกรอบของ รูปภาพที่สร้างด้วยเครื่องมือ EdgeHighlighter หรือลบสีที่ใช้เครื่องมือ Fill เทสี Eyedropper ใช้สำหรับเลือก สี Cleanup ใช้สำหรับเกลี่ยขอบให้เรียบหลัง Preview Edge Touchup ใช้สำหรับตกแต่งให้เส้นขอบคมชัดขึ้น หลงั Preview Zoom ใชส้ ำหรับย่อขยายภาพHand ใชส้ ำหรบั เล่ือนดูภาพ 3. ก ำ ห น ด ข น า ด ข อ ง ห ั ว แ ป ร ง ท ี ่ Brush Size ก ำ ห น ด ต ั ว เ ล ข ม า ก ข น า ด ห ั ว แ ป ร ง จ ะ ใ ห ญ่ ข้ึ น 4. คลิกที่เครื่องมือ Edge Highlighter จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้ลากเลือกรูปที่ต้องการโดยสามารถหยุด พกั ได้จากนัน้ ลากเสน้ ต่อจากรอยเดิม ดังรปู 5. คลิกท่ีเคร่ืองมือ Fill จากน้นั เทสีลงบนตำแหนง่ ที่เลือก ดังรูป

30 6. คลกิ ท่ีปุ่ม Preview เพื่อแก้ไขรายละเอียดของภาพ จากนน้ั คลิกทปี่ มุ่ OK จะได้รปู ภาพทไี่ มม่ พี ้นื หลงั ดังรูป การตัดรปู ภาพ เป็นการประยุกตใ์ ช้ Selection ร่วมกบั คำสัง่ Cut เพ่อื นำภาพที่ตัดออกไปจดั การตามต้องการ ซึ่งมี ข้นั ตอนดังน้ี 1.เปดิ ไฟล์รปู ภาพท่ตี ้องการ 2. คลกิ ทเ่ี คร่ืองมือ Rectangular Marquee หรอื จะ Selection ภาพแบบอ่ืนตามต้องการ จากนน้ั คลิกที่เมนู Edit -> Cut หรอื คลิกท่เี ครื่อมือ Move Tool แล้วลากไปยังตำแหน่งท่ตี อ้ งการดังรปู

31 การคดั ลอกรูปภาพ การคัดลอกรูปภาพ คือ การสร้างสำเนาของรูปภาพขน้ึ มาหลาย ๆ รูป โดยรปู ทท่ี ำสำเนาอาจจะวาง ไว้ในไฟล์เดียวกันหรือจะสร้างเป็นไฟล์ใหมก่ ็ได้ ซ่งึ มีข้นั ตอนดังนี้ วิธีที่ 1 1.เปดิ ไฟล์รูปภาพทต่ี อ้ งการ 2. คลิกที่เครื่องมือ Elliptical Marquee หรือจะ Selection ภาพแบบอื่นตามต้องการ กดปุ่ม Alt ที่ คียบ์ อรด์ ค้างไว้ แล้วคลกิ ท่ีเครื่องมือ Move Tool ลากไปตำแหน่งท่ีต้องการจากน้นั ปลอ่ ยเมาสจ์ ะได้สำเนารูปภาพ ดังรูป วิธีที่ 2 1.เปิดไฟลร์ ูปภาพที่ตอ้ งการ 2. คลิกที่เครื่องมือ Rectangular Marquee จากนั้นปรับ Feather เป็น 20 Px หรือจะSelection ภาพ แบบอ่ืนตามตอ้ งการ จากน้ันคลิกท่ีเมนู Edit -> Copy เพือ่ คดั ลอกรปู ภาพ 3. จากนน้ั สร้างไฟลร์ ูปภาพขึน้ ใหม่โดยคลิกที่เมนู File -> New จะปรากฏหนา้ ต่างดงั ภาr 4. คลิกทป่ี ุ่ม OK เนอ่ื งจากไฟล์รปู ภาพทสี่ ร้างข้ึนไดก้ ำหนดขนาดพืน้ ทกี่ ารทำงานเท่ากบั ขนาดรูปภาพท่ีคดั ลอกไว้

32 5. คลกิ ท่ีเมนู Edit -> Paste เพือ่ วางรูปภาพที่คัดลอกไว้ ดังรปู การยอ่ – ขยายภาพด้วยคำสั่ง Free Transform 1.เปิดไฟล์รูปภาพทต่ี อ้ งการ 2. คลิกที่เมนู Select -> All หรอื กดปุ่ม Ctrl + A เพอ่ื Selection ภาพทัง้ หมด 3. คลิกที่เมนู Edit -> Free Transform หรือกดปุ่ม Ctrl + t ที่คีย์บอร์ด จะปรากฏรูปสี่เหลีย่ ม 8 จุดล้อมรอภาพ 4. เลื่อนเมาส์ไปวางในตำแหน่งจุดสี่เหลี่ยมใด ๆ จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้แล้วย่อ – ขยาย รูปภาพตาม ตอ้ งการ รายละเอยี ดดงั รูป 5. จากนั้นกดปุ่ม Enter ที่คีย์บอร์ด เพื่อยกเลิกเครื่องมือ Free Transform การปรับรูปทรงภาพด้วยคำส่ัง Transform การปรบั รูปทรงของรูปภาพมหี ลายรปู แบบ ซ่ึงมขี ้นั ตอนดังนี้ 1.เปดิ ไฟลร์ ูปภาพทตี่ ้องการ 2. คลกิ ที่เมนู Select -> All หรอื กดปมุ่ Ctrl + A เพ่ือ Selection ภาพทั้งหมด 3. คลกิ ทีเ่ มนู Edit -> Transform จะปรากฏคำสงั่ ดังน้ี

33 Again เรม่ิ ทำใหม่ก่อนหน้าน้ี 1 คร้ัง Scale การปรบั รปู ทรงภาพแบบแนวตัง้ แนวนอน หรอื แนวทแยง Rotate การหมนุ ภาพ Skew การปรบั รปู ทรงภาพในลกั ษณะปิดเอน Distort การปรับรปู ทรงภาพในลกั ษณะบิดเบอื น Perspective การปรบั รูปทรงภาพในลกั ษณะมีมิตคิ ง รปู เหมอื นจริง Rotate 1800 การหมนุ แบบ 180 องศา Rotate 900 CW การหมนุ แบบ 90 องศาตามเขม็ นาฬิกา Rotate 900 CCW การหมุนแบบ 90 องศาทวนเขม็ นาฬกิ า Rotate 1800 CCW การหมุนแบบ 180 องศาทวนเขม็ นาฬกิ า Filp Horizontal การกลบั ด้านภาพจากซ้ายไปขวาหรือจาก ขวาไปซ้าย Flip Vertical การกลบั ดา้ นภาพจากบนลงลา่ งหรอื จาก ล่างขึ้นบน

34 การใชค้ ำสั่ง Scale 1.เปดิ ไฟลร์ ปู ภาพ 2. คลิกที่เครอ่ื งมือ Elliptical Marquee หรือ จะ Selection ภาพแบบอื่นตามต้องการ 3. คลกิ ที่เมนู Edit -> Transform -> Scale 4. ปรบั รปู ทรงของรูปภาพตามตอ้ งการ การใช้คำสัง่ Rotate 1.เปดิ ไฟลร์ ูปภาพ 2. คลิกทเ่ี คร่อื งมือ Elliptical Marquee หรอื จะ Selection ภาพแบบอน่ื ตามต้องการ 3. คลิกทเี่ มนู Edit -> Transform -> Rotate 4. หมุนรูปภาพตามต้องการ การใชค้ ำส่ัง Skew 1.เปิดไฟลร์ ูปภาพ 2. คลิกทเ่ี ครอื่ งมอื Elliptical Marquee หรือจะ Selection ภาพแบบอนื่ ตามต้องการ 3. คลิกท่ีเมนู Edit -> Transform -> Skew 4. ปรับรูปทรงของรูปภาพตามตอ้ งการ

35 การใช้คำสงั่ Distort 1.เปดิ ไฟลร์ ูปภาพ 2. คลิกทเ่ี คร่ืองมอื Elliptical Marquee หรอื จะ Selection ภาพแบบอน่ื ตามต้องการ 3. คลกิ ทเ่ี มนู Edit -> Transform -> Distort 4.ปรบั รปู ทรงของรปู ภาพตามต้องการ การใช้คำส่ัง Perspective 1.เปดิ ไฟลร์ ปู ภาพ 2. คลกิ ทีเ่ ครอื่ งมอื Elliptical Marquee หรอื จะ Selection ภาพแบบอ่ืนตามต้องการ 3. คลกิ ทเ่ี มนู Edit -> Transform -> Perspective 4. ปรับรูปทรงของรูปภาพตามตอ้ งการ

36 การใชค้ ำส่งั Rotate 1800 1.เปิดไฟล์รูปภาพ 2. คลิกท่ีเครื่องมอื Elliptical Marquee หรือจะ Selection ภาพแบบอนื่ ตามตอ้ งการ 3. คลกิ ทเ่ี มนู Edit -> Transform -> Rotate 1800 การใช้คำสง่ั Rotate 900 CCW 1.เปดิ ไฟลร์ ปู ภาพ 2. คลิกที่เครอื่ งมอื Elliptical Marquee หรือ จะ Selection ภาพแบบอนื่ ตามตอ้ งการ 3. คลิกทีเ่ มนู Edit -> Transform -> Rotate 900 CCW

37 การใชค้ ำสง่ั Flip Horizontal 1.เปดิ ไฟล์รูปภาพ 2. คลกิ ที่เคร่อื งมอื Elliptical Marquee หรอื จะ Selection ภาพแบบอ่ืนตามต้องการ 3. คลกิ ที่เมนู Edit -> Transform -> Flip Horizontal การใชค้ ำสง่ั Flip Vertical 1.เปดิ ไฟลร์ ูปภาพ 2. คลกิ ทีเ่ ครื่องมอื Elliptical Marquee หรอื จะ Selection ภาพแบบอื่นตามต้องการ 3. คลกิ ที่เมนู Edit -> Transform -> Flip Vertical 4. หมุนรูปภาพตามต้องการ

38 คำชี้แจง 1. ข้อสอบเป็นแบบปรนัยมีท้ังหมด 10 ขอ้ 10 คะแนน 2. ห้ามขดี เขยี นข้อความใดๆ ลงในขอ้ สอบโดยเด็ดขาด 3. จงเลอื กคำตอบทถ่ี ูกตอ้ งทส่ี ดุ เพยี งคำตอบเดยี ว คำสง่ั ให้นักเรยี นเลือกกากบาท ( ✘ ) ทบั ข้อทเ่ี ห็นว่าถกู ท่ีสดุ เพียงข้อเดยี ว ลงในกระดาษคำตอบลงในกระดาษา 1. โปรแกรม Photoshop CS6 เป็นของบริษัทใด ก. Sun Microsystem ข. Adobe System Incorporated ค. Adobe Incorporation ง. Adobe System Microsystem จ. Adobe Development System Incorporation 2. โปรแกรม Photoshop พัฒนาขนึ้ มาแล้วจนถึงรุ่นปัจจุบันเป็นเวลากี่ปี ก. 13 ปี ข. 14 ปี ค. 15 ปี ง. 16 ปี จ. 17 ปี 3. ถา้ ต้องการให้คณุ ภาพความละเอยี ดของภาพเพอ่ื ใช้สำหรบั พิมพ์ปกนิตยสารควรบันทึกภาพเป็นไฟล์ นามสกุลใด ก. .JPEG ข. .PSD ค. .GIF ง. .TIFF จ. .JPI 4. ถ้าต้องการเก็บภาพไวเ้ พื่อการแก้ไขตกแตง่ ควรบันทกึ ภาพเป็นไฟลน์ ามสกุลใด ก. .JPEG ข. .PSD ค. .GIF ง. .TIFF จ. .REG

39 5. ถา้ ตอ้ งการนำภาพเคลื่อนไหวเพ่อื ไปใช้งานในเวบ็ เพจควรบันทกึ ภาพเป็นไฟล์นามสกุลใด ก. .JPEG ข. .PSD ค. .GIF ง. .TIFF จ. .WAN 6. กลุ่มของหน้าต่างทีช่ ่วยควบคุมรายละเอียดปลกี ย่อยของการทำงานคือข้อใด ก. Menu Bar ง. Toolbox ข. Option Bar จ. Magic Wand Tool ค. Palettes 7. ชดุ เครื่องมอื ใดต่อไปน้ที ีไ่ ม่ใชช่ ุดเคร่ืองมือท่ีเพ่ิมที่เพิ่มขน้ึ มาจาก Photoshop CS6 ก. Warp Transform ง. Spot Healing Brush ข. Vanishing Point จ. Nation Color ค. Patch Tool 8. ถ้าต้องการให้มชี ่องเกบ็ พาเลทสำรองเพอื่ เรยี กใชง้ านได้อย่างรวดเร็วโดยไมต่ ้องปดิ ลงไปให้เสียเวลา จะตอ้ งต้งั ค่าความละเอยี ดของหน้าจอเทา่ ใด ก. 640 x 450 ง. 1070 X 720 ข. 800X600 จ. ถกู ทั้ง ค. 1024 X 768 9. ถ้าตอ้ งการใหห้ นา้ ตา่ งการทำงานขยายเต็มหนา้ ตา่ งทำงานและมีเมนูคำสงั่ ติดมาด้วยใหแ้ สดงโหมดภาพ แบบใด ก. Full Screen With Menu Bar Mode ข. Standard With Menu Bar Mode ค. Full Screen Mode 1. Standard Mode ง. Standard Bar Mode จ. ถูกทงั้ ข้อ ก.และขอ้ ข. 10. ถ้าต้องการดภู าพเพ่ือขยายภาพและกระดานวาดภาพให้พอดีกับหนา้ จอควรใชเ้ คร่อื งมอื ใด ก. Pan Tool ง. Handle Tool ข. Zoom Tool จ. ถกู ท้ังขอ้ ก. และข. ค. Navigator

68 หน่วยท่ี 5 การสรา้ งตวั อกั ษรและขอ้ ความ โปรแกรม Photoshop นอกจากจะสามารถทำงานกบั รูปภาพในรูปแบบต่างๆยังสามารถท่จี ะ ใส่ข้อความทั้งภาษาอังกฤษ และภาษาไทยในโปรแกรมได้ และสามารถทำข้อความเป็นรูปภาพเพื่อ นำไปใช้ในงานรูปแบบต่างๆ ซึ่งจะไม่มีปัญหาว่าเครื่องคอมพิวเตอร์ที่ไม่มีซอฟต์แวร์ภาษาไทยจะไม่ สามารถถูกเปิดอ่านได้เพราะข้อความได้ถูกแปลงเป็นรูปภาพรูปหนึ่ง ทำให้การสร้างข้อความจาก โปรแกรม Photoshop เปน็ ทน่ี ยิ มอกี วิธีหนึ่งท่จี ะสร้างข้อความใหท้ กุ เครอื่ งสามารถอ่านได้ สาระการเรยี นรู้ 1. การใชเ้ คร่ืองมือ PENCIL,ERASER และ BRUSHH 2. การใช้เคร่ืองมือในกลุ่ม Shape Tool 3. การใชเ้ คร่ืองมือ Rectangle 4. การใชเ้ ครือ่ งมอื Custom Shape 5. การเคลอ่ื นยา้ ยเส้น Path ดว้ ย Path Selection Tool 6. การเตมิ สีด้วยเครอ่ื งมือ Gradient จุดประสงค์เชิงพฤตกิ รรม 1. สร้างขอ้ ความสนั้ ๆได้ 2. ตกแต่งแกไ้ ขตัวอักษรได้ 3. สร้างขอ้ ความเป็นประโยคยาวๆได้ 4. เพ่มิ ลกุ เลน่ ใหก้ บั ตัวอักษร 5. ตกแตง่ ตัวอักษร 6. ตกแตง่ ตวั อกั ษรดว้ ยสำเรจ็ รูปได้

69 หนว่ ยที่ 5 การสรา้ งตวั อกั ษรและข้อความ การใช้เคร่อื งมอื Text สร้างตวั อกั ษร กลุม่ ของเครอื่ งมือ Text ประกอบดว้ ย Horizontal Type, Vertical Type, Horizontal Type Mask และ Vertical Type Mask ดังรปู การใช้ Horizontal Type Tool การสร้างตัวอักษรโดยใช้ Horizontal Type Tool จะเป็นการสร้างตัวอักษรแบบธรรมดาทั่วไป ซงึ่ มขี ้ันตอน ดังนี้ 1.สร้างไฟล์รูปภาพใหม่โดยคลิกที่เมนู File -> New เลือกขนาดของพื้นที่การทำงานตามต้องการ จากนั้นคลิกท่ี ปมุ่ OK 2. คลกิ ทีเ่ คร่ืองมือ Horizontal Type Tool จากน้นั นำไปคลิกบนพ้ืนที่การทำงานแล้วพิมพ์ข้อความลงไป เช่น คำ วา่ “กราฟิก” 3. ปรบั เปล่ียนรปู แบบขอ้ ความทอ่ี อปชันบาร์ ซึ่งมีรายละเอยี ดดงั นี้ พาเลต็ Character

70 การใช้ Vertical Type Tool การสรา้ งตวั อักษรโดยใช้ Vertical Type Tool จะเป็นการสร้างตัวอกั ษรแบบแนวตั้งซง่ึ มขี น้ั ตอนดงั นี้ 1.สรา้ งไฟล์รปู ภาพใหม่โดยคลิกที่เมนู File -> New เลอื กขนาดของพืน้ ท่ีการทำงานตามต้องการจากน้ันคลิกท่ีปุ่ม OK 2. คลิกที่เครื่องมือ Vertical Type Tool จากนั้นนำไปคลิกบนพื้นที่การทำงานแล้วพิมพ์ข้อความลงไป เช่น คำวา่ “Vertical” 3. ปรบั เปลย่ี นออปชันตามตอ้ งการ การใช้ Horizontal Type Mask Tool การสร้างตัวอักษรโดยใช้ Horizontal Type Mask Tool จะเป็นการสร้างตัวอักษรแบบแนวนอนแต่จะ เปน็ ลกั ษณะการ Selection ขอ้ ความท่ีพิมพไ์ วเ้ พ่อื ใหส้ ามารถเลือกพื้นที่หรอื สีของข้อความได้ ซง่ึ มขี น้ั ตอน ดงั น้ี 1. เปดิ ไฟล์ภาพทีต่ อ้ งการสรา้ งเปน็ ขอ้ ความ 2. คลิกที่เครื่องมือ Horizontal Type Mask Tool จากนั้นนำไปคลิกบนพื้นที่การทำงานแล้วพิมพ์ข้อความ เชน่ คำวา่ “GRAPHIC” สังเกตภาพจะจางลง

71 3. กดป่มุ Alt ที่คยี ์บอรด์ แล้วคลิกที่เครื่องมอื Move Tool เพ่ือคัดลอกขอ้ ความ จากนั้นคลกิ เมาส์ดา้ นซ้ายค้างไว้ ทข่ี ้อความแลว้ ลากไปวางบนตำแหน่งที่ตอ้ งการ 4. คลกิ ทีเ่ มนู Edit -> Copy แลว้ คลิกตำแหน่งทตี่ อ้ งการ จากน้นั คลกิ ทเ่ี มนู Edit ->Paste 5. ตกแตง่ ข้อความให้ดูเด่นขึ้นโดยใสส่ ีเส้นให้กับข้อความโดยคลกิ ท่ีเมนู Edit ->Stroke จะปรากฏหนา้ ต่าง ดัง รปู

72 6. คลิกทปี่ มุ่ OK จากนน้ั กดปมุ่ Ctrl + D เพอื่ ยกเลกิ การ Selection ข้อความ จะได้ผลลัพธด์ ังรูป การใช้ Vertical Type Mask Tool การสร้างตัวอักษรโดยใช้ Vertical Type Mask Tool จะคล้ายกับแบบ Horizontal Type Mask Tool แตกตา่ งทต่ี วั อกั ษรเปน็ แบบแนวต้ัง ซึ่งมขี ้ันตอน ดังนี้ 1.สร้างไฟล์รูปภาพใหม่โดยคลิกที่เมนู File -> New เลือกขนาดพื้นที่การทำงานตามต้องการ จากนั้นคลิกที่ปุ่ม OK 2. คลิกที่เครื่องมือ Vertical Type Mask Tool จากนั้นคลิกเมาส์บนพื้นที่การทำงานแล้วพิมพ์ข้อความเช่น คำ วา่ “GRAPHIC”

73 DropShadow การสร้างเงาแบบตกลงพืน้ InnerShadow การสรา้ งเงาบรเิ วณพืน้ ที่ภายใน OuterGlow การสรา้ งขอบแบบฟงุ้ กระจาย Inner Glow การสรา้ งความฟงุ้ กระจายดา้ นในของวตั ถุ Bevel and Emboss การทำใหว้ ัตถุนนู ขน้ึ ดว้ ยแสงและเงา ประกอบด้วย Contour เป็นตัวปรบั แตง่ รูปแบบการนนู ของวตั ถุ Texture เปน็ ตัวเตมิ ลวดลายใหก้ ับวัตถุ Satin การสรา้ งพืน้ ผิวด้านในของวตั ถุมีสเี หลือ่ มเป็นเงา Color Overlay การเติมสใี หว้ ัตถุ Gradient Overlay การเตมิ สแี บบไลเ่ ฉดสีให้กับวตั ถุ Pattern Overlay การเตมิ ลวดลายใหก้ บั วตั ถุ Stroke การใสส่ เี ส้นใหก้ ับวัตถุ 3. ปรบั แต่งสไตลข์ องข้อความตามตอ้ งการ จากน้ันคลิกทีป่ มุ่ OK จะไดผ้ ลลพั ธต์ ามทีเ่ ลือกไว้ การสร้างข้อความแบบหลายบรรทดั และการจดั การขอ้ ความ การสร้างข้อความแบบหลายบรรทัด จำเป็นต้องกำหนดขอบเขตให้กับข้อความก่อนเพื่ออำนวยความ สะดวกให้ขณะพมิ พ์ คอื เม่ือพิมพจ์ บบรรทดั แล้วจะข้นึ บรรทัดใหม่ให้อัตโนมตั ิ และจดั การกบั ขอ้ ความให้ได้รูปแบบ ตามตอ้ งการ ซง่ึ มขี ั้นตอนดังน้ี 1. สร้างไฟลใ์ หม่เพื่อใชส้ รา้ งขอ้ ความแบบหลายบรรทดั

74 2. คลิกที่เครื่องมือ Horizontal Type Tool จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้ที่มุมบนซ้ายของพื้นที่การ ทำงาน จากนั้นลากเฉียงมาด้านขวาในตำแหน่งจุดสิ้นสุดของพื้นที่การทำงาน เพื่อกำหนดพื้นที่ของ ขอ้ ความ 3. คลกิ เมาสใ์ นตำแหนง่ ทต่ี ้องการพมิ พ์ จากน้ันพิมพข์ ้อความทต่ี อ้ งการ 4. คลิกที่เครื่องมือ Paint Bucket Tool จากนั้นเทสีลงที่ข้อความโดยการคลิกเมาส์ด้านซ้าย 1 ครั้งท่ี ขอ้ ความ 5. กดปุ่ม Ctrl + D เพื่อยกเลิกการ Selection จะสังเกตได้ว่าข้อความที่สร้างขึ้นจะมีสีเฉพาะเส้นขอบ เนื่องจากการ Selection เพอื่ สร้างขอ้ ความจะ Selection ในลกั ษณะเส้นขอบเท่าน้ัน การตกแตง่ ขอ้ ความแบบ Type Layer การตกแตง่ ข้อความให้สวยงามนา่ สนใจน้ัน สามารถทำได้หลายวธิ ี โดยประยุกต์จากคำส่ังตา่ ง ๆดังตัวอยา่ ง ต่อไปนี้ 1.เปิดไฟลร์ ปู ภาพทีต่ อ้ งการสรา้ งเป็นฉากหลงั ตัวอักษร

75 2. คลิกที่เครื่องมือ Horizontal Type Tool จากนั้นนำไปคลิกบนพื้นที่การทำงาน แล้วพิมพ์ข้อความลงไป เช่น คำวา่ “COMPUTER” 3. คลิกที่ Layer COMPUTER จากนั้นเลือกโมเดลที่ต้องการ ในพาเล็ต Leyer เช่น เลือกโมเดล Color Burn ตัวอักษรจะเปล่ยี นเป็นรูปแบบอืน่ การตกแตง่ ด้วย Blending Options จากตัวอย่างการตกแต่งด้วยโมเดล ต่อไปจะตกแต่งด้วย Blending Options โดยจะใช้ข้อความเดิม ซึ่งมี ขัน้ ตอนดังนี้ 1.คลกิ ทีป่ มุ่ Add a Layer Style ในพาเลต็ Layer จะปรากฏคำสั่งต่าง ๆ ใหค้ ลกิ ท่ีคำสัง่ Blending Options

76 2. คลิกเมาส์ในตำแหนง่ ทต่ี อ้ งการพิมพ์ จากนนั้ พิมพข์ อ้ ความที่ตอ้ งการ 3.คลกิ ทพ่ี าเล็ต Paragraph ปรบั เปล่ียนรปู แบบตามตอ้ งการ ซ่งึ มีราย ละเอยี ดดงั น้ี 4. คลกิ ที่เครือ่ งมือ Move Tool เพอ่ื จบการทำงาน

77 แบบทดสอบหลังเรียน หนว่ ยที่ 5 คำช้ีแจง 1. ข้อสอบเปน็ แบบปรนยั มที ้ังหมด 10 ขอ้ 10 คะแนน 2. ห้ามขีดเขียนข้อความใดๆ ลงในขอ้ สอบโดยเด็ดขาด 3. จงเลือกคำตอบท่ีถูกต้องที่สดุ เพยี งคำตอบเดยี ว คำสงั่ ใหน้ ักเรยี นเลือกกากบาท ( ✘ ) ทบั ข้อทีเ่ ห็นว่าถูกที่สุดเพียงขอ้ เดยี ว ลงในกระดาษคำตอบลงในกระดาษา 1. ตวั อักษรทีส่ รา้ งมาจาก Photoshop จะมอี ยู่กี่แบบ ก. 2 แบบ ง. 5 แบบ ข. 3 แบบ จ. 6 แบบ ค. 4 แบบ 2. ขอ้ ใดคอื เคร่อื งมือในชุด Text Tool ก. Horizontal Type Tool ข. Vertical Type Tool ค. Horizontal Type Mask Tool ง. Vertical Type Mask Tool จ. ถูกทุกข้อ 3. ตัวอักษรท่ีเปน็ ข้อความสัน่ ๆ และตัวอักษรที่เปน็ ประโยคยาว ๆ เกดิ จากการสรา้ งโดยเคร่อื งมือในข้อใด ก. Vertical Type ข. Horizontal Tool ค. Vertical Type Tool ง. Vertical Type Mask Tool จ. Horizontal Type Mask Tool 4. ข้อใดเป็นรายละเอยี ดการกำหนคคา่ ของตวั อักษร ก. เลอื กแบบตวั อักษร ข. กำหนดขนาดของตวั อักษร ค. กำหนดสีท่ีต้องการ ง. เลอื กรปู แบบ เชน่ ตวั เอียง จ. ถกู ทุกข้อ 5. ถ้าต้องการขึน้ บรรทดั ใหม่ต่อจากข้อความเดิมสามารถทำไดโ้ ดย ก. กดปุ่ม <Shift> ค. กดปุม่ <Ctrl> ข. กดปุม่ <Alt> ง. กดป่มุ <Enter> บนคีย์บอยบ์ อร์ด

69 จ. กดปมุ่ <Enter> บน Numeric Keyboard 6. ถ้าต้องการสรา้ งตัวอักษรในแนวตงั้ ใหท้ ำงานเหมือนการสรา้ งตวั อักษรตามปกติ ให้คลิกปุ่มใดใน Options Bar ก. Toggle ง. Horizontal Type Tool ข. Notepad จ. Character & Paragraph ค. Paragraph 7. กรณที ีต่ ้องการแก้ไขตัวอกั ษรกำหนดรายละเอยี ดตวั อักษรเพมิ่ เติม ใหเ้ ขา้ ไปทำงานในสว่ นใดของ Options Bar ก. Toggle ข. Notepad ค. Paragraph ง. Horizontal Type Tool จ. Character & Paragraph 8. ขอ้ ใดไม่ใช่รายละเอียดการกำหนดคา่ ตา่ ง ๆ ในพาเลท Paragraph ก. จัดเรียงตำแหนง่ ข้อความ ข. กำหนดละยะการย่อหน้าในแตล่ ะส่วนของข้อความ ค. กำหนดระยะห่างของข้อความแต่ละส่วน ง. กำหนดขนาดของตวั อักษร จ. ไมม่ ีข้อถูก 9. ขอ้ ใดเปน็ เคร่ืองมือทใ่ี ชด้ ัดตวั อักษรทส่ี รา้ งใหโ้ คง้ ไปโค้งมา ก. Style ง. Type Tool ข. Options จ. Warp Text ค. Paragraph 10. ข้อใดไม่ใช่ส่วนของการปรบั ค่าการดดั โค้งใน Warp Text ก. Style ง. Vertical Distortion ข. Bend จ. Horizontal Distortion ค. Horizontal / Vertical

69 ในการเลือกใชร้ ปู แบบสีต่างๆ นอกจากการปรับแต่งโทนความสวา่ ง และสีสนั แล้ว สามารถใช้งานเครื่องมือ อื่นๆ เช่น สำหรับระบายสี และสร้างพื้นผิวเครื่องมือเหล่านี้มีประโยชน์กับการปรับแต่งรูปภาพ และนำความรู้ม ประยุกตใ์ นการออกแบบเวบ็ เพจ สาระการเรยี นรู้ 1. วาดภาพกราฟิก 2. ตัดภาพสว่ นเกนิ จากการแสกนแบบคลกิ เดียวด้วย Crop and Straighten 3. เรียงภาพกอ่ นพิมพแ์ บบอตั โนมตั ิ 4. สรา้ ง Web Photo Gallery 1. สามารถอธบิ ายคุณลักษณะและคุณสมบัติของวาดภาพกราฟิก 2. สามารถตดั ภาพสว่ นเกนิ จากการแสกนแบบคลกิ เดียวด้วย Crop and Straighten ได้ 3. สามารถสร้าง Web Photo Gallery ได้

70 หนว่ ยที่ 6 การระบายสแี ละภาพกราฟกิ สำหรับเวบ็ เพจ การเลือกใช้รูปแบบสีต่างๆ นอกจากการปรับแต่งโทนความสว่าง และสีสันแล้ว สามารถใช้งานเครื่องมืออื่นๆ เช่น สำหรับระบายสี และสร้างพ้ืนผวิ เครือ่ งมือเหลา่ น้ีมีประโยชน์กับการปรับแต่งรูปภาพ และนำความรู้มประยุกต์ ในการออกแบบเวบ็ เพจ 6.1 เคร่อื งมอื การระบายสี เครื่องมือที่ใช้ระบายสีมีอยู่มากมาย ซึ่งแต่ละแบบมีความสามารถในการใช้งานที่แตกต่างกันขึ้นอยู่กบั ภาพที่สร้าง และควรเลือกเครื่องมือชนิดใดเพือ่ ให้เหมาะกบั ชิ้นงานนั้นๆ โดยแบ่งเครื่องมอื ระบายสีได้ 4 กลุ่มดังน้ี 6.1.1 กลุ่มเครอ่ื งมอื การไล่โทนสีและเทสกี ล่มุ เครื่องมือสำหรบั การไลส่ แี ละเทสีพ้นื ต่างๆในรปู ดงั น้ี 1. กราเดี้ยน ทูล ( Gradient Tool ) คือ การไล่โทนสีให้ภาพนำไปสรา้ ง พ้นื หลงั ใหร้ ูปภาพต่างๆ หรือสร้างเอฟ เฟ็กตใ์ นการออกแบบภาพการลงสีแบบไลโ่ ทนสีดว้ ยเคร่ืองมือ Gradient Tool คอื การเติมสีแบบไลโ่ ทนสี สามารถ กำหนดสแี ละทศิ ทางของแถบสีอยา่ งอสิ ระ รูปแบบวิธีการปรับแต่ง Option Bar ดังรูป 6.1.2 เพนท บัคเค็ท (Paint Bucket Tool) คือ การเทสีลงไปในขอบเขตที่กำหนดไว้และรูปแบบการเทสีพื้นผิว แบบ แพทเทิน (Pattern) สำเร็จในโปรแกรม การเติมสีแบบ เพนท บัคเค็ท (Paint Bucket) คือ การเติมสีด้วย โดยใช้สโี ฟกราว (Foreground) หรอื สแี บบแพทเทิล (Pattern) มขี ้นั ตอนดงั น้ี 1. คลิกเครื่องมอื Paint Bucket Tool 2. ปรบั เปลย่ี น Option Ba

71 3. คลกิ บรเิ วณท่ตี อ้ งการแล้วเทสีลงไป กลุ่มวาดภาพและระบายสี คือ กลุ่มเครื่องมือสำหรับการวาดและระบายสีด้วยการใช้เมาส์คลิก เพอ่ื วาดรูปตา่ งๆหรอื เลือกรูปแบบพูก่ นั สำเรจ็ ท่ีโปรแกรมกำหนดให้ โดยการระบายสแี บง่ เคร่ืองมือ ออกเป็น 4 ตัว ซง่ึ มคี วามสามารถในการใชง้ านแตกต่างกนั ไปดงั นี้ 6.1.2.1 บรัช ทูล (Brush Tool) คือ เครื่องมือสำหรับการระบายสี โดยสามารถกำหนด รูปแบบของเส้นได้ มากมาย มีความยืดหยุ่นในการใช้งานกับภาพสูงสดุ 6.1.2.2 เพนซิล ทลู (Pencil Tool) คือ เครอ่ื งมอื สำหรบั การระบายสเี ปน็ รปู ภาพ ผลของการใชง้ านจะไดเ้ ส้น ทเี่ ปน็ เสน้ แขง็ และหยาบซง่ึ เหมาะกบั ภาพบางประเภทเทา่ น้ัน 6.1.2.3 คัลเลอร์ รีเพลซเม้น ทูล (Color Replacement Tool) คือ เครื่องมือสำหรับการ ระบายสีทับลงไป บนพ้นื ผวิ เพอื่ เปล่ยี นสีของจุดทีเ่ ลือก 6.1.2.4 มิกเซอ บรัช ทูล (Mixer Brush Tool) คือ เครื่องระบายสี โดยสามารถเลือกกำหนดรูปแบบได้ มากมาย และได้เส้นที่มีสีอ่อนหรือนุ่มนวลกว่าโดยยกตัวอย่างการใช้เครื่องมือวาดภาพและระบายสี คือ Brush Tool และ Pencil Tool 6.1.2.1 เครือ่ งมอื บรชั ทูล (Brush Tool) คือ เคร่ืองมือท่โี ดดเดน่ ที่สุดในกลุ่มเน่ืองจากมีความสามารถในการ ทำงาน และประยุกต์ใชก้ ับการวาดภาพร่วมกับการปรบั แต่งภาพถา่ ย การระบายสมี ีขน้ั ตอนดังน้ี 1. เลือกเครื่องมือ ออปชัน การปรับความเข้ม Brush Tool บรัช ทูล มีวิธีการปรับรูปแบบความเข้มการ ระบายสี เชน่ 2. Opacity คือ การกำหนดความเข้มสูงสุดของเครื่องมือในการแดรกเมาส์ระบายสีหนึ่งครั้ง เมื่อปล่อยเมาส์ แล้วระบายสีซ้ำทีจ่ ดุ เดมิ อกี กจ็ ะเขม้ ขึน้ 3. Airbrush ผู้ใช้สามารถคลิกเลือกปุ่มนี้ เพือ่ กำหนดความเข้มของสที ่ีระบายลงไปจากการคลิกเมาส์ค้างไว้ที่ จุดเดมิ ซึ่งมีหลกั การเหมือนกับการพ่นสีดว้ ย Airbrush 6.1.3 กลุ่มเครื่องมือการระบายสีพิเศษ คือ กลุ่มเครื่องมือระบายสีพิเศษสามารถเลือกใช้งานได้ 2 แบบ ที่ แตกต่างกันดังนี้

72 1. เคร่ืองมือ ฮสิ สะตอรี บรัช ทลู (History Brush Tool) คือ เคร่อื งมือเรียกคืนภาพกอ่ นหน้าการปรบั แต่งคืน มา ซึ่งมีลักษณะเหมอื นกบั การใช้คำส่งั Undo แตส่ ามารถเรียกใช้การทำงานเฉพราะจุดได้ 2. เครื่องมือ อาท ฮิสสะตอรี บรัช ทูล (Art History Brush Tool) คือ เครื่องที่ใช้สำหรับการเปลี่ยนแปลง ภาพถา่ ยธรรมดาใหม้ ีรูปแบบเหมือนกบั งานศลิ ปะ 6.2 กลมุ่ เคร่อื งมือการลบ รปู ภาพที่สร้างข้นึ สามารถลบบางส่วน โดยการกำหนดขอบเขตพ้ืนท่กี ารลบหรือลบโดยไม่กำหนดขอบเขตพ้ืนที่ แลว้ กดปุ่ม Delete ท่ีแปน้ พมิ พแ์ ตเ่ คร่ืองมือในกลุ่มของการลบยังมรี ูปแบบการลบทน่ี ่าสนใจท่จี ะช่วยให้การทำงาน สะดวกมีขน้ั ตอนการเรยี กใช้เครื่องมือดังนี้ 1. อริ าสเซอร์ ทลู (Eraser Tool) คอื การลบภาพในเลเยอร์ปกตภิ าพที่แดรกเมาสผ์ า่ นจะหายไป 2. แบรกกราว อิราส เซอร์ ทูล (Background Eraser Tool) คือ เครื่องมือสำหรับลบภาพในเลเยอร์พื้นหลัง ภาพทใี่ ช้งานเครื่องมือน้แี ล้วเลเยอร์พืน้ หลงั จะถูกลบไป และถกู ปล่ียนเปน็ เลเยอร์ปกตจิ ุดทถี่ ูกลบทิ้งจะเป็นพ้ืนหลัง แบบโปร่งใส (Transparent) ทนั ที 3. เมจิก อิราสเซอร์ ทูล (Magic Eraser Tool) คือ เครื่องมือที่คลิกช่วงสีที่ ต้องการลบภาพก่อน แล้วกดปุ่ม Delete เพื่อลบทิ้ง (แต่มีข้อจำกัด คือ ตัวเลือกนี้จะใช้งานไม่ได้ถ้าหากภาพมีการย่อหรือขยายด้วยคำสั่ง Image Size ขณะท่ีปรบั แต่งรูปภาพ) 6.2.1 การลบภาพดว้ ยเครอื่ งมือ อีราสเซอร์ ทลู (Eraser Tool) - กำหนดขนาดเครือ่ งมือ Tool - เลือกรปู แบบของหัวเครอ่ื งมือแบบ หัวแปรง ดินสอ หรือสเ่ี หลีย่ ม - กำหนดเปอรเ์ ซ็นต์ความหนกั เครือ่ งมอื ในการแดรกเมาส์ - คลกิ เลือกเมือ่ ตอ้ งการเรยี กภาพเดิมกลับเม่ือแดรกเมาสผ์ ่าน - ความโปร่งใสของเคร่อื งมอื - อริ าสเซอร์ ทลู ใช้ลบรปู ภาพออกจากพ้ืนหลัง - คลิกเมาส์ซา้ ยค้างไว้ ลบบรเิ วณท่ตี อ้ งการลบ

73 6.2.2 การลบภาพด้วยเครื่องมือแบลกกราว อีราสเซอร์ ทูล (Background Eraser Tool) คือเครื่องมือ สำหรับคลิกชว่ งสที ี่ตอ้ งการลบ แล้วกดปมุ่ Delete เพือ่ ลบทิง้ โดยการปรบั ค่าออปชนั ต่างๆ มดี ังน้ี - กำหนดขนาดเคร่อื งมอื Tool - คลิกเลือกรูปแบบความต่อเนือ่ ง - ของสที ต่ี อ้ งการลบทงิ้ - กำหนดเปอรเ์ ซ็นต์ความต่อเนอ่ื งของสี - คลิกเลือกออปชันนี้เพอื่ ป้องกนั ไมใ่ ห้ - ลบสีทก่ี ำหนดไว้บน Foreground - คลกิ เลอื กวิธีการกำหนดสตี น้ แบบสำหรับการลบท้ิง 6.2.3 การลบภาพดว้ ยเคร่ืองมือ เมจกิ อรี าสเซอร์ ทลู (Magic Eraser Too) คอื เครื่องมือลบภาพที่ต้อง คลกิ ชว่ งสีที่ต้องการลบ แลว้ กดปุม่ Delete เพือ่ ลบทิ้งเคร่อื งมือนี้จะใช้งานไม่ไดถ้ า้ หากรูปภาพดังกลา่ วน้ันมีการย่อ หรอื ขยายด้วยคำส่ังอมิ เมท ไซน์ ( Image Size ) ขณะทป่ี รบั แต่ง โดยการปรบั ค่าออปชันตา่ งๆ มีดังนี้ 6.3 การเตมิ สแี ละแพทเทิล (Pattern) ใหภ้ าพดว้ ยคำส่ัง ฟวิ ส์ ( Fill) การเติมสีให้ภาพ ดว้ ยคำส่ังฟวิ ส์ ( Fill ) สามารถเทสีลงในภาพ ก่อนเทสีลงต้องเลือกขอบเขตพื้นที่ก่อนมีการเทสี ซึ่งมีขั้นตอนดังน้ี 1. กำหนดสดี ้านบน โฟกราว คัลเลอร์ (Foreground Color) 2. สรา้ งขอบเขตพน้ื ทีภ่ าพ (Selection) ให้ภาพ ณ จดุ ที่ตอ้ งการ 3. คลกิ เมนู Edit--> Fill หรอื Shift + F5 โดยการปรบั ค่าต่างๆ มีดัง

74 6.4 การออกแบบ Web Page การสร้าง Web Page ให้ความสวยงานต้องใช้โปรแกรมสำหรับการสร้างภาพกราฟิก เช่นการ ออกแบบภาพ นำภาพถ่ายตกแต่ง แก้ไขความบกพร่องสวนต่างๆ ของภาพ และการฝช้ Effects ต่างๆ เช่น สร้าง ตวั อักษรให้เหมาะสมสำหรบั Web Page การเลอื กภาพการกำหนดภาพมีรายละเอยี ดดังน้ี 6.4.1 การเลือกใช้สีสำกรับออกแบบ Web Page คือการออกแบบภาพสำหรับ Web Page ต้องควบคุมโทน สีของภาพให้เหมาะสมและการเลือกโทนสีแต่ละสีจะให้อารมณภ์ าพที่แตกต่างกันออกไปที่สำคญั ควรใช้สีท่ีดสู บาย ตา ไม่ฉูดฉาด รุนแรง สีแต่ละสีควรมีความหมายและเหมาะสมกับเน้ือหาที่แตกต่างกัน เช่น สีแดงให้ความรู้สกึ เร่า ร้อน เซ็กซี่และก้าวร้าว สีเหลืองให้ความรู้สึกถึงความเป็นมิตรและความอบอุ่น สีน้ำเงินและสีเขียวให้ความรู้สึก สบายตา เปน็ ต้น 6.4.2ขนาดของภาพ คือ ภาพที่มีผลโดยตรงต่อผู้เข้ามาใช้งานเว็ปไซต์ ถ้ามีขนาดใหญ่จะทำให้การโหลดภาพ นานเกินไปทำให้ผู้เข้าชมเว็ปไซต์รอนาน ซึ่งอาจปิดเว็บไซต์นั้นๆทั้งๆ ยังไม่ได้เข้าชม ดังนั้นจึงจำเป็นต้องตัดภาพ ออกเป็นภาพเลก็ ๆ เรียงลำดับกอ่ นหลัง แล้วนำไปฝช้งานจริงในโปรแกรมสำหรับสร้าง Web Page เช่น โปรแกรม Adobe Dreamweaver ตัวอยา่ งการตัดภาพเลก็ ๆชว่ ยในการโหลดภาพเรว็ ขึ้น ดงั รปู 6.4.3 ความละเอียดของภาพ การกำหนดความละเอียดของภาพจะมีผลต่อขนาดของภาพถ้ามีการกำหนด ความละเอียดของภาพมาก จะทำให้การแสดงผลภาพบนเวป็ ไซต์ชา้ กวา่ ภาพท่มี คี วามละเอียดต่ำ 1.การบนั ทึกไฟล์ คอื การบันทกึ ไฟล์เพื่อปรับเปลยี่ นความละเอียดของภาพ มีขัน้ ตอนดงั น้ี (1) คลิกเมนู File Save for web มหี นา้ ตา่ งดงั รูป (2) ลกั ษณะภาพทไี่ ด้ (3) คลกิ ป่มุ Save เพ่อื บนั ทกึ ภาพ

75 (4) เลอื ก Folder เกบ็ ภาพและกำหนดการบนั ทึกภาพเฉพาะภาพเท่านัน้ โดยเลอื กรปู แบบ Image Only จากช่อง Format และคลกิ ปมุ่ Save 6.4.4 ส่วนประกอบสำคัญของ Web Page คือการกำหนดรูปแบบของ Web Page ให้มีส่วนต่างๆ แยก ออกจากกนั อยา่ งชดั เจนเพอ่ื ลดความซับซ้อนในการเรยี กใชง้ าน โดยโครงสร้างหลักทนี่ ิยมใชม้ ีสว่ นประกอบ ดงั รปู นี้ 6.4.5 การใช้เครื่องมิือสำหรับการออกแบบ Web Page โดยขั้นตอนการออกแบบ Web Page มีเครื่องมือที่ เกี่ยวข้อง 2 ตัวคือ Slice Tool และ Select Slice Tool ซึ่งเป็นขั้นตอนสุดท้ายที่สำคัญหลักจากออกแบกราฟิก ดังนี้ 1. การใชเ้ คร่อื งมอื Slice Tool คือตดั ภาพเป็นภาพเล็กๆ มีขน้ั ตอนดงั นี้ (1) เปดิ ภาพทน่ี ำไปใช้งานบน Web Page (2) คลิกเลอ่ื งเคร่ืองมือ Slice Tool แลส้ วแดรกเมาส์คลุมภาพให้ได้ขนาดที่ต้องดการตัดภาพเป็น ส่วนๆ จะปรากฎรอบๆ ภาพทถ่ี ูกตดั (3) แดรกเมาสบ์ นภาพทเี่ หลอื่ โดยเส้นกรอบที่แดรกเมาส์ผา่ นเกดิ เป็นเส้นติดกันพอดี (ถ้ามี ชอ่ งวา่ งเล็กๆ จะนบั เป็นไฟลล์ ำดบั ถัดมา) 6.4.6 การออกแบบปมุ่ ลิงค์ คอื การออกแบบปมุ่ ลิงค์เพ่ือความสวยงามของ Web Page โดยการอาศัยรูปแบบ สำเรจ็ รูปท่กี ำหนดจากพาเลต Style มีขัน้ ตอนดงั นี้ 1. สรา้ งไฟลใ์ หม่ แลว้ เลอื กเครือ่ งมอื วาดรปู สี่เหลย่ี มมมุ มน 2. เปิดพาเลต Style แลว้ เลือกชดุ สไตล์แบบ Web Page 3. คลกิ เลือกรปู แบบป่มุ ทตี่ อ้ งการ ลักษณะป่มุ ท่ไี ด้ 4. พิมข้อแความ \"การออกแบบกราฟกิ \" บนปมุ่ แล้วบันทึกไฟล์

76 คำชแ้ี จง 1. ข้อสอบเปน็ แบบปรนัยมที ้ังหมด 10 ขอ้ 10 คะแนน 2. หา้ มขดี เขียนข้อความใดๆ ลงในข้อสอบโดยเด็ดขาด 3. จงเลอื กคำตอบทีถ่ กู ต้องทสี่ ุดเพยี งคำตอบเดยี ว คำสงั่ ใหน้ ักเรียนเลอื กกากบาท ( ✘ ) ทับข้อที่เหน็ ว่าถกู ทสี่ ดุ เพียงข้อเดยี ว ลงในกระดาษคำตอบลงในกระดาษา 1. นามสกุลทใ่ี ชจ้ ดั เก็บไฟล์ Windows Bitmap คือข้อใด ก. REL ข. JPG ค. BMP ง. DOCX จ. ถูกทุกข้อ 2. นามสกุลทีใ่ ชจ้ ัดเก็บไฟล์ GIF มชี ื่อเตม็ ว่าอย่างไร ก. Graphic Interchange Format ข. Graphic Interchart Format ค. Graphic Internet Format ง. Graphic Interface Format จ. ถกู ทุกข้อ 3. รปู แบบ GIF ถกู ออกแบบโดยขอ้ ใด ก. Computer ข. CompuServe ค. Compuserver ง. ComServer จ. ถกู ทุกข้อ 4. นามสกลุ ท่ใี ชจ้ ัดเก็บไฟล์ JPG มชี ื่อเต็มวา่ อยา่ งไร ก. Joint Photographic Experts Group ข. Joint Photographic Graphic ค. Joint Photographic Group ง. Joint Photographic General จ. ถกู ทุกข้อ

77 5. โปรแกรมข้อใดใชส้ ร้างและเปิดไฟล์ JPG ง. 3D MAX ก. PhotoShop จ. ถกู ทุกข้อ ข. CoreIDraw ค. ACDSee ง. ใชก้ บั สภาพไม่ใช่ภาพสแกน จ. ถูกทุกข้อ 6. Mac Paint เปน็ โปรแกรมรูปแบบใด ก. ออกแบบมาเพ่ือฮาร์ดแวร์ใด ๆ ข. ลดขนาดของภาพกราฟิก ค. แกไ้ ขภาพบติ แมปบนแมคอินทอช ง. เพิม่ ขนาดของภาพกราฟิก จ. ไมม่ ีข้อถกู 7. Photo CD มาจากบริษทั โกดัก ใชส้ ำหรบั เก็บภาพชนดิ ใด ก. ภาพถ่ายบนแผน่ ซีดี ข. ภาพถา่ ยบิตแมป ค. ภาพถา่ ยจากกล้องดจิ ิตอล ง. ภาพถ่ายเฉพาะเวกเตอร์ จ. ถกู ทุกข้อ 8. ไฟล์ข้อใดที่จดั เก็บแบบบติ แมปและเวกเตอร์ ก. ESP ข. CGM ค. TIF ง. RSM จ. ไม่มีขอ้ ถูก 9. ไฟล์รปู แบบ PCX เหมาะกับการใช้งานข้อใด ก. ใชก้ ับไฟลบ์ นพซี ี ข. ทำงานสี 16 หรอื 32 สี ค. ใช้กับภาพไม่ใชภ้ าพสแกน 10. Windows Metefile ไฟล์นามสกลุ ทใี่ ชจ้ ดั เก็บคือขอ้ ใด ก. GDI ข. WMD ค. PDF ง. WMF จ. GIFF

69 หน่วยท่ี 7 การวาดภาพ (DRAWING) การวาดภาพกราฟิกด้วย Path เป็นเส้นแบบ Vector ที่เกิดจากการวาดภาพด้วยเครื่องมือ Pen Tool โดยเส้น Path ที่ได้จะมีคุณสมบตั เิ ด่นแตกต่างจากเส้นแบบอืน่ ๆ ตรงที่สามารถแกไ้ ขดัดโค้ง ได้ตลอดเวลา และด้วยคุณสมบัตินนี้เองการวาดเส้น Path จึงมักจะถูกเลือกใช้งานในกรณีที่ผู้วาด ต้องการวาดเส้นที่สามารถกำหนดความโค้งได้อย่างแม่นยำ ด้วยคุณสมบัติที่เป็นแบบ Vector เส้น Path จึงสามารถขยายให้มากขึ้นเทา่ ไหร่ก็ได้ โดยที่หลังจากไปใชง้ านแล้วเส้นจะไม่เสียรายละเอยี ดไป แม้แต่น้อยแถมประโยชน์ของเส้น ก็ยังมีอยู่มากมายหลายรูปแบบเช่น การวาดเส้น Path เพื่อสร้าง Selection ไปตามรูปทรงที่มีความโค้งมาก ๆ หรือการวาดเส้น Path สำเร็จรูปวาดลวดลายประกอบ ภาพแบบง่าย ๆ และการวาดเส้น Path เพอ่ื เขียนลวดลายที่มคี วามซับซอ้ นสูง ๆ เป็นตน้ สาระการเรยี นรู้ 1. วาดภาพกราฟกิ 2. ตดั ภาพสว่ นเกนิ จากการแสกนแบบคลกิ เดยี วดว้ ย Crop and Straighten 3. เรยี งภาพกอ่ นพิมพแ์ บบอตั โนมัติ 4. สร้าง Web Photo Gallery จุดประสงคเ์ ชิงพฤตกิ รรม 1. สามารถอธิบายคณุ ลกั ษณะและคุณสมบตั ขิ องวาดภาพกราฟิก 2. สามารถตัดภาพส่วนเกนิ จากการแสกนแบบคลกิ เดียวด้วย Crop and Straighten ได้ 3. สามารถสรา้ ง Web Photo Gallery ได้

70 หนว่ ยที่ 7 การวาดภาพ (DRAWING) การใชเ้ คร่อื งมอื PENCIL,ERASER และ BRUSHH เครื่องมือ PENCIL, ERASER และ BRUSH จะมีการทำงานที่คล้ายกัน เช่น รูปแบบเครื่องมือ รวมไปถึงการ ปรับขนาดของเคร่ืองมือท่ีเลือกใช้ ซ่ึงมขี นั้ ตอนดังน้ี 1.คลิกเลอื กเครือ่ งมือทตี่ ้องการ 2. ปรบั ขนาดของเครื่องมือที่ออปชันบาร์ ซ่ึงมรี ายละเอียดดงั น้ี 3. ทดสอบวาดภาพโดยคลิกเมาส์ด้านซ้ายค้างไว้แล้วลากบนพื้นที่การทำงานการใช้เครื่องมือ Pencil 1.คลิกท่เี ครอ่ื งมอื Pencil 2. ปรบั รูปแบบการทำงานที่ออปชนั บาร์ ซง่ึ มรี ายละเอียดดังน้ี 3. วาดภาพที่ต้องการโดยการคลิกเมาส์ด้านซ้ายค้างไว้แล้วลากเป็นรูปต่าง ๆ เช่นวาดเป็นรูปห มีดังรูปการใช้ เครื่องมอื Eraserเปน็ เคร่อื งมือที่ใช้ลบส่วนทไี่ ม่ต้องการออก ซึ่งมรี ายละเอยี ดดังน้ี 1.คลิกทเ่ี ครอ่ื งมอื Eraser 2. คลกิ เมาส์ดา้ นซ้ายค้างไว้ จากน้ันลากไปยังส่วนทตี่ ้องการลบ การใชเ้ ครอ่ื งมือ Brush เป็นเครื่องมือสำหรับวาดภาพอีกแบบหนึ่ง ซึ่งจะมีการทำงานคล้ายกับพู่กันที่ใช้วาดรูปทั่วไป สามารถ กำหนดลกั ษณะ น้ำหนกั ของเสน้ ท่วี าดได้ โดยมวี ธิ กี ารใช้ดังน้ี 1. คลิกทเี่ ครอ่ื งมือ Brush 2. ปรบั รูปแบบของเครอ่ื งมือทอี่ อปชันบาร์ ดงั นี้ 3. คลิกเลือกรปู แบบท่ีตวั เลือก Brush ตามตอ้ งการ เช่น คลิกเลือกรูปแบบต้นหญ้า จากนั้นคลกิ เมาสด์ ้านซา้ ยค้าง ไวแ้ ลว้ ลากบนพน้ื ทก่ี ารทำงานเพอ่ื วาดรปู ตามต้องการ ตวั อย่าง การใช้เครือ่ งมือ Brush ในการแต่งหนา้ 1. เปดิ ไฟล์รปู ภาพท่ีตอ้ งการ 2. คลิกทเ่ี ครือ่ งมอื Create a New Layer ทพ่ี าเล็ต Layer เพอื่ เพ่มิ Layer 1

71 3. คลกิ ทเ่ี ครอ่ื งมือ Brush จากน้นั เปล่ียน Opacity ทีอ่ อปชันบารใ์ ห้เป็น 20% 4. คลิกเลือกสีที่ต้องการที่พาเล็ต Swatches จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้แล้วระบายสีปากตาม ต้องการ 5. คลิกท่ีเครื่องมือ Create a New Layer ทพี่ าเล็ต Layer เพอ่ื เพม่ิ Layer 2 6. คลกิ ท่เี ครอ่ื งมือ Brush จากนนั้ เปล่ยี น Opacity ทอี่ อปชันบาร์ใหเ้ ปน็ 10% 7. คลิกเลือกสีที่ต้องการที่พาเล็ต Swatches จากนั้นคลิกเมาส์ด้านซ้ายค้างไว้แลว้ ระบายสีแก้มและสีเปลือก ตาตามต้องการ 8 . ถ้าต้องการปรับสีผิวควรเลือกสีจากภาพที่ต้องการเพื่อให้ผิวเป็นธรรมชาติ โดยใช้เครื่องมือ Eyedropper คลิกเลือกสีผิวบริเวณที่ต้องการ จากนั้นคลิกที่เครื่องมือ Brush หรับ Opacity ประมาณ 15% จากนั้นคลิกเมาส์ ด้านซา้ ยค้างไวแ้ ล้วลากไปบริเวณที่ตอ้ งการปรับเปล่ยี นสีผิว

72 การสรา้ งหวั พกู่ นั การสร้างหัวพู่กันเพิ่มจากที่โปรแกรมเตรียมไว้ให้ เพื่อตอบสนองความต้องการของการทำงาน ซ่ึง สามารถทำได้ดังน้ี การสร้างหัวพกู่ นั จากรปู ภาพ 1.เปิดไฟล์รูปภาพทต่ี อ้ งการสร้างเป็นหวั พู่กัน จากน้ัน Selection รูปภาพนัน้ 2. คลกิ ท่เี มนู Edit -> Define Brush จะปรากฏหน้าตา่ งใหต้ ั้งชื่อหวั พู่กนั ท่สี รา้ งขึ้น 3. ใสช่ ือ่ ท่ีต้องการจากน้ันคลิกที่ปมุ่ OK 4. ทดสอบหวั พกู่ ันทีส่ ร้างข้ึน

73 การใชเ้ ครื่องมอื ในกลุ่ม Shape Tool เครื่องมือในกลุ่ม Shape Tool ประกอบด้วย Rectangle, Rounded Rectangle, Ellipse, Polygon, Line และ Custom Shape ซึ่งเรียกใช้โดยคลิกเมาส์ด้านขวาที่เครื่องมือ Custom Shape จะปรากฏเครื่องมือใน กลมุ่ Shape Tool ดงั รูป การใชเ้ ครื่องมอื Rectangle 1.คลกิ ทีเ่ ครื่องมอื Rectangle 2. กำหนดลกั ษณะการทำงานของเครื่องมือ ซ่ึงมรี ายละเอยี ดดังนี้

74 Unconstrained วาดรปู ทรงสเ่ี หลยี่ มแบบอิสระตามท่สี รา้ ง Square วาดรูปทรงสี่เหล่ยี มจตั ุรสั Fixed Size กำหนดขนาดสเี่ หล่ยี มแบบแน่นอนโดยกำหนดท่ีช่องW (ความกว้าง) และ H (ความสงู ) Proportional กำหนดสัดส่วนที่แน่นอนโดยกำหนดที่ช่องW(ความ กวา้ ง ) และ H (ความสูง) From Center วาดรูปส่ีเหล่ยี มโดยมีการขยายขนาดจากจดุ กงึ่ กลาง Snap to Pixels กำหนดให้ขอบของรูปส่เี หลย่ี มอยู่ตรงแนว พิกเซล 3. คลิกเมาส์ด้านซ้ายค้างไว้แล้วลากบนพื้นที่การทำงานเพื่อวาดรูปสี่เหลี่ยมการใช้เครื่องมือ Rounded Rectangle 4. คลกิ ทีเ่ ครื่องมือ Rounded Rectangle 5. กำหนดลกั ษณะการทำงานของเครื่องมือ ซึง่ มีรายละเอียดเหมือนกบั Rectangle แตจ่ ะเพม่ิ ช่องของ Radius ท่ี ออปชันบาร์ เพ่ือกำหนดความโค้งมนของมมุ ของรูป 6. คลิกเมาส์ด้านซา้ ยค้างไวแ้ ล้วลากบนพ้นื ทก่ี ารทำงานเพอ่ื วาดรูป 7. การใช้เครอื่ งมอื Ellipse 8. คลิกทเ่ี ครื่องมอื Ellipse 9. กำหนดลักษณะการทำงานของเครื่องมือ ซึ่งมีรายละเอียดเหมือนกับ Rectangleแต่จะเพิ่ม Circle (draw diameter or radius) เพอื่ กำหนดให้แต่ละด้านของวงกลมเทา่ กนั 10.คลิกเมาส์ด้านซา้ ยคา้ งไวแ้ ลว้ ลากบนพน้ื ทก่ี ารทำงานเพือ่ วาดรูป การใชเ้ คร่อื งมอื Polygon 1.คลิกทเี่ ครอ่ื งมอื Polygon 2. กำหนดลกั ษณะการทำงานของเครือ่ งมอื ซ่งึ มีรายละเอียดดงั นี้

75 Sides กำหนดจำนวนมุมใหก้ บั รูปทรง Radius กำหนดรปู ทรงให้มขี นาดแนน่ อนโดยกำหนดเสน้ รศั มี Smooth Corners กำหนดใหม้ ุมมีความโค้งมน Star สร้างรปู ดาว Indent Sides By กำหนดระยะการเว้าโดยคิดเป็นเปอร์เซน็ ต์ Smooth Indents กำหนดใหม้ ุมทเ่ี วา้ มคี วามโคง้ มน 3. คลิกเมาส์ด้านซา้ ยค้างไวแ้ ลว้ ลากบนพืน้ ทีก่ ารทำงานเพื่อวาดรูปทรงตามต้องการ การใช้เคร่อื งมอื Lin 1.คลกิ ทเ่ี ครือ่ งมอื Line 2. กำหนดลกั ษณะการทำงานของเครื่องมือ ซึ่งมีรายละเอียดดงั น้ี Weight กำหนดขนาดของเส้น Arrowheads กำหนดหวั ลกู ศร Start สรา้ งหัวลกู ศรทส่ี ว่ นหวั ของเสน้ End สร้างหวั ลกู ศรที่สว่ นปลายของเส้น Width กำหนดความกว้างของหัวลกู ศร Length กำหนดความยาวของหัวลูกศร Concavity กำหนดความเวา้ ของฐานลกู ศร 3.คลิกเมาส์ด้านซา้ ยคา้ งไว้แล้วลากบนพ้นื ที่การทำงานเพื่อวาดรูปทรงเส้นตามต้องการ

76 การใชเ้ ครือ่ งมือ Custom Shape 1.คลกิ ท่เี ครอ่ื งมอื Line 2. กำหนดลกั ษณะการทำงานของเครอ่ื งมอื ซึ่งมีรายละเอียดเหมอื นกบั Rectangle แต่จะเพิ่มเครื่องมือ บางสว่ น ดังนี้ Shape เลอื กรปู ทรงของวตั ถุ Defined Proportions กำหนดเพ่ือใชส้ ัดส่วนเดิม Defined Size กำหนดเพ่ือใช้ขนาดเดมิ 3. คลกิ เลือกรปู ทรงที่ต้องการที่ช่อง Shape จากนั้นคลกิ เมาสด์ ้านซา้ ยค้างไว้แล้วลากบนพื้นที่การทำงานเพ่ือวาด รปู ทรงตามต้องการ การใชเ้ ครอ่ื งมือสร้างเสน้ Path เป็นเครือ่ งมือท่ีใช้สร้างเส้น Path หรือรูปทรงตา่ ง ๆ ซึ่งส่วนประกอบของเส้นจะมจี ุดแองเคอร์ (จุดย่อยที่อยูต่ าม แนวเส้น) การเรียกเครือ่ งมอื Pen คลิกเมาสด์ ้านขวาทเี่ ครื่องมอื Pen จะปรากฏเครือ่ งมอื ตา่ ง ๆ ดงั รปู