Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
682
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
13
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. โครงสรางหลกสตรหนวยการเรยนรการออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส (Graphic Design by GIMP & Inkscape)กล5มสาระการเรยนรการงานอาชพและเทคโนโลย หลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช 2551 ส9านกงานสงเสร:มอ5ตสาหกรรมซอฟตแวรแหงชาต: (องคการมหาชน) Software Industry Promotion Agency (Public Organization)
  • 2. ค9าน9า ส9านกงานสงเสร:มอ5ตสาหกรรมซอฟตแวรแหงชาต: (องคการมหาชน) มนโยบายสงเสร:มการลดการละเม:ดล:ขส:ทธ:J และสงเสร:มการใชงานซอฟตแวรโอเพนซอรส ใหกบหนวยงานภาครฐและสถานศPกษา จPงไดจดท9า หนวยการเรยนร การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส (Graphic Design by GIMP & Inkscape) ขPTนเพUVอเปWนแนวทางในการจดการศPกษาของสถานศPกษา ในการเรยนการสอนของว:ชา ในกล5มสาระการเรยนรการงานอาชพแลเทคโนโลย ส9าหรบชTนมธยมศPกษาตอนตน การจดท9าอางอ:งตามมาตรฐาน หลกสตรแกนกลางการศPกษาขTนพUTนฐานพ5ทธศกราช 2551 โครงสรางหลกสตรเลมนT จดท9าขPTนเพUVอเปWนแนวทางในการจดการเรยนการสอน อาจมสวนชวยครผสอนไดบางและถามสวนในผ:ดพลาดทางผจดขออภยมา ณ.ทVนT ทมผจดท9า
  • 3. สารบญคาอธ"บายราชว"ชา.............................................................................................................................4โครงสร(างรายว"ชา.............................................................................................................................5แผนการจดการเร-ยนร(ท-. 1.................................................................................................................7แผนการจดการเร-ยนร(ท-. 2...............................................................................................................11แผนการจดการเร-ยนร(ท-. 3...............................................................................................................15ภาคผนวก......................................................................................................................................19 ใบงานท 1..............................................................................................................................................................19 ใบงานท 2..............................................................................................................................................................19 ใบงานท 3..............................................................................................................................................................19 ใบงานท 4..............................................................................................................................................................22 ใบงานท 5..............................................................................................................................................................28 ใบงานท 6..............................................................................................................................................................32
  • 4. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 4 คาอธ"บายราชว"ชากล5มสาระการเรยนร การงานอาชพและเทคโนโลยชUVอรายว:ชา การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส (Graphic Design by GIMP & Inkscape)รหสว:ชา ง.232xx (xx อยระหวาง 41-59)ชTน มธยมศPกษาปcทV 3เวลาเรยน 40 ชVวโมงจ9านวน 1.0 หนวยก:ตค9าอธ:บายรายว:ชา ศกษาว"เคราะห4 ความหมาย คนควา สร5ปและอธ:บายการออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส ใชซอฟตแวร GIMP และ Inkscape ชวยในการออกแบบ และอธ:บายถPงค5ณลกษณะ และความเหมาะสมของซอฟตแวรโปรแกรม GIMP ทVใชในการตกแตงภาพ และ Inkscape ใชการจดวางรปแบบและขอความ ใชคอมพ:วเตอรชวยสรางงานออกแบบ ตามจ:นตนาการ ไมคดลอกผลงานผอUVน ใชค9าส5ภาพ และไมสรางความเสยหายตอผอUVน โดยใช(กระบวนการ สรางความร ความเขาใจ ในการท9าใชงานซอฟตแวร การค:ด ว:เคราะห ในการออกแบบ การฝfกทกษะปฏ:บต:งาน การแกปhญหา การท9างานกล5ม การน9าเสนอความค:ด จ:ตนาการ การเสร:มสรางเจตคต: และกระบวนเสร:มสรางค5ณลกษณะทVพPงประสงค เพ.อให(ผ(เร-ยนเก"ด ความตะหนกและเหjนค5ณคาของการใชซอฟตแวรถกล:ขส:ทธ:J มทกษะในการออกแบบงานกราฟก และใชซอฟตแวรชวยในการแกปhญหาการท9างาน และประกอบอาชพอยางมประส:ทธ:ภาพประส:ทธ:ผล มค5ณธรรมจร:ยธรรมในการใชซอฟตแวรโอเพนซอรส สรางสรรคผลงานในการด9ารงชว:ตดวยความรบผ:ดชอบรหสตวชTวด ง 3.1 ม.2/4, ง 3.1 ม.3/3, ง 3.1 ม.3/4 (รวม 3 ตวชTวด)กลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 5. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 5 โครงสร(างรายว"ชา การออกแบบงานกราฟ7กด(วยโปรแกรมโอเพนซอร4ส ชนมธยมศกษาป;ท-. 3 เวลา 40 ช.วโมงล9าดบ มาตฐานและ เวลา นT9าหนก ชUVอหนวยการเรยร สาระส9าคญ ทV ตวชTวด (ชVวโมง) คะแนน 1 พUTนฐานการ ง 3.1 ม.2/4 พUTนฐานการออกแบบ 6 ออกแบบ ง 3.1 ม.3/4 • องคประกอบของการ ออกแบบ • การจดองคประกอบ • เรUVองพUนฐานระบบงาน T คอมพ:วเตอร 2 GIMP กบงาน ง 3.1 ม.2/4 GIMP กบงานออกแบบกราฟก 17 ออกแบบกราฟก ง 3.1 ม.3/3 • ความตองการระบบของ GIMP ง 3.1 ม.3/4 • การต:ดตTงโปรแกรม GIMP หนาจอของโปรแกรม GIMP • • เครUVองมUอทาส • เครUVองมUอเลUอกพUTนทV • การสรางขอความตกแตงภาพ • การท9างานกบเลเยอร 3 Inkscape กบงาน ง 3.1 ม.2/4 Inkscape กบงานออกแบบกราฟก 17 ออกแบบกราฟก ง 3.1 ม.3/3 • การต:ดตTงโปรแกรม Inkscape ง 3.1 ม.3/4 • หนาจอโปรแกรม Inkscape • การใชงานค9าสVงพUTนฐานของ Inkscape • การสรางรปรางอ:สระหรUอกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 6. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 6ล9าดบ มาตฐานและ เวลา นT9าหนก ชUVอหนวยการเรยร สาระส9าคญ ทV ตวชTวด (ชVวโมง) คะแนน เสน Paths • การแกไขเสน Path • การท9างานของ Layout • เรUVองของตวอกษรกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 7. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 7 แผนการจดการเร-ยนร(ท-. 1กล5มสาระการเรยนร การงานอาชพและเทคโนโลย รายว:ชา การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส ชTน ม.3 ภาคเรยนทV ปcการศPกษาชUVอหนวยการเรยนร พUTนฐานการออกแบบ เวลา 6 . ชVวโมงมาตรฐานการเร-ยนร( สาระทV ๓ เทคโนโลยสารสนเทศและการสUVอสาร มาตรฐาน ง ๓.๑ เขาใจ เหjนค5ณคา และใชกระบวนการเทคโนโลยสารสนเทศในการ สUบคน ขอมลการเรยนร การสUVอสาร การแกปhญหา การท9างาน และอาชพอยาง มประส:ทธ:ภาพ ประส:ทธ:ผล และมค5ณธรรมตวช-วด ง.3.1 ม.2/4 ใช*ซอฟต"แวร"ในการทางาน • ซอฟตแวรระบบประกอบดวยระบบปฏ:บต:การ โปรแกรมแปลภาษาและ โปรแกรมอรรถประโยชน • ซอฟตแวรประย5กตประกอบดวยซอฟตแวร ประย5กตทVวไป และซอฟตแวร ประย5กตเฉพาะงาน • ใชซอฟตแวรระบบชวยในการท9างาน เชนบบอด ขยาย โอนยายขอมล ตรวจสอบ ไวรสคอมพ:วเตอร • ใชซอฟตแวรประย5กตชวยในการท9างาน เชน ใชโปรแกรมในการค9านวณ และ จดเรยงขอมล ใชโปรแกรมชวยคนหา ค9าศพทหรUอความหมาย ใช โปรแกรมเพUVอ ความบนเท:ง ง.3.1 ม.3/4 ใช*คอมพวเตอร"ชวยสร*างช-นงานจาก จนตนาการหร/องานททาในชวตประจาวนตาม หลกการทาโครงงานอยางมจตสาน4กและความรบผดชอบ • การใชคอมพ:วเตอรชวยสรางงานตาม หลกการท9าโครงงานโดยมการอางอ:ง แหลงขอมล ใชทรพยากรอยางค5มคา ไมคดลอกผลงานผอUVน ใชค9าส5ภาพ และไมสรางความเสยหายตอผอUVนสาระสาคญ ความร(ความเข(าใจคงทน ในการออกแบบกราฟก มพUT น ฐานสองประการ อยางแรกจะเปW น องคประกอบของการ ออกแบบ ความหมายและค5ณลกษณะของ จ5ด , เสน, รปรางและรปทรง, มวลและปร:มาตร, ลกษณะ พUTนผ:ว, ส และแบบตวอกษร สวนทVสองเปWนการจดองคประกอบ โดยใชหลกการและว:ธการตางๆ ใหเกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 8. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 8 ก: ด ม5มมอง และความลงตวของงานออกแบบ รวมถP ง ความหมายและค5 ณ ลกษณะของภาพแบบ Bitmap และ Vector คาความละเอยดของภาพ ทVใชงานบนระบบคอมพ:วเตอร ทกษะ/กระบวนการ การค:ด สงเกต และอธ:บายความหมายและองคประกอบของการออกแบบกราฟก เลUอกระบบ คอมพ:วเตอรมาชวยในการออกแบบ คณลกษณะ นกเรยนใฝvเรยนร มความซUVอสตยส5จร:ต มว:นย และจ:ตสาธารณะสาระการเร-ยนร( 1. องคประกอบพUTนฐานของการออกแบบกราฟก 2. การจดองคประกอบของการออกแบบกราฟก 3. พUTนฐานของระบบประเภทของรปภาพ และความละเอยด บนระบบคอมพ:วเตอรช"นงาน/ภาระงานท-.ผ(เร-ยนปฏ"บต" 1. เขยนอธ:บาย ถPงการสUVอความหมายขององคประกอบของการออกแบบบกราฟก 2. ใบงานทV 1 (วาดรปองคประกอบตางๆของการออกแบบกราฟก ลงบนกระดาษ A4 ดวย ด:นสอ) 3. ใบงานทV 2 (ออกแบบสUVอประชาสมพนธหรUอ หวขออ:สระ ลงบนกระดาษ A4 ดวยสไม)แนวการให(คะแนน ระดบค5ณภาพ เกณฑการประเม:น 4 3 2 1วาดรปองคประกอบ ค ร บ ท5 ก อ ง ค ค ร บ ท5 ก อ ง ค ค ร บ ท5 ก อ ง ค ไ ม ค ร บ ท5 ก อ ง คตางๆของการ ประกอบ ลายเสน ประกอบ ลายเสน ประกอบ ลายเสน ประกอบ ลายเสนออกแบบกราฟก นT9าหนกคงทV จดวาด นT9 า หนกไมคงทV จด นT9 า หนกไมคงทV จด นT9 า หนกไมคงทV จด เปWนระเบยบ วาดเปWนระเบยบ วาดไมเปWนระเบยบ วาดไมเปWนระเบยบอ อ ก แ บ บ สUV อ จดองคประกอบได จดองคประกอบได จดองคประกอบได จดองคประกอบไมประชาสมพนธหรUอ สมบรณ เลU อ กตว สมบรณ เลU อ กตว สมบรณ เลU อ กตว สมบรณ เลU อ กตวหวขออ:สระ อกษรเหมาะสม ใชส อกษรไมเหมาะสม อกษรไมเหมาะสม อกษรไมเหมาะสม เหมาะสมกบส:VงทVน9า ใชสเหมาะสมกบส:V ง ใชสไมเหมาะสมกบ ใชสไมเหมาะสมกบ เสนอ ทVน9าเสนอ ส:VงทVน9าเสนอ ส:VงทVน9าเสนอกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 9. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 9ส.อ อปกรณ4 และแหลAงการเร-ยนร( 1. กระดาษ A4 2. ด:นสอ 3. ด:นสอสไม 4. หนงสUอ “การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส” จดท9าโดย SIPAก"จกรรมการเร-ยนร( ก"จกรรมนาสAการเร-ยน ครผสอนแสดง งานดานการออกแบบกราฟก และรวมกบนกเรยนอภ:ปราย ถPงการออกแบบ ความรสPกจากส ตวอกษร รแบบการจดองคประกอบ ใหผเรยนบอกองคประกอบของการออกแบบ และการจดองคประกอบของการออกแบบ จากงานทVครผสอนแสดงใหด ก"จกรรมพฒนา 1. ครผสอน สร5ปองคประกอบของการออกแบบ จากทVรวมกนอภ:ปราย 2. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงความหมาย และการสUVอความหมายขององคประกอบ ของการออกแบบ 3. ใหนกเรยนฝfกฝนส:VงทVเรยนโดยให บอกองคประกอบของการออกแบบกราฟก และวาดรปองค ประกอบตางๆ ลงบนกระดาษ A4 4. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงความหมาย และการสUVอความหมายของรปแบบการ จดองคประกอบของการออกแบบ 5. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงความหมาย ความแตกตาง ความละเอยดของภาพ Bitmap และ Vector ในระบบคอมพ:วเตอร ก"จกรรมรวบยอด ครผสอนสร5ปองคประกอบ และการจดองคประกอบของการออกแบบกราฟก และใหนกเรยน ค:ดว:เคราะห และออกแบบ การน9าเสนอหรUอประชาสมพนธภม:ปhญหาในทองถ:Vน หรUอสถานทVส9าคญใน ทองถ:Vน ลงบนกระดาษ A4 ดวยด:นสอสไมกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 10. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 10การวดและประเม"นผลการเร-ยนร( เปzาหมาย หลกฐาน ว:ธวด เครUVองมUอวดความร •ใชซอฟตแวรในการท9า อธ:บายพUนฐานของระบบ T การเขยนสะทอนการ อตนย งาน รปภาพในระบบคอมพ:วเตอร เรยนร (เขยนบรรยาย) • ใชคอมพ:วเตอรชวย อธ:บายองคประกอบ และการ การเขยนสะทอนการ อตนย สรางช:Tนงานจาก จดองคประกอบของการ เรยนร (วาดภาพ) จ:นตนาการหรUองานทV ออกแบบกราฟก ท9าในชว:ตประจ9าวน ตามหลกการท9าโครง งานอยางมจ:ตส9านPก และความรบผ:ดชอบค5ณลกษณะ • ใฝvเรยนร จดท9าบนทPกการคนควา การเขยนสะทอนการ บนทPกตอเนUVอง เรยนร • ซUVอสตยส5จร:ต จดท9าบนทPกการปฏ:บต:ทVไดรบ การเขยนสะทอนการ บนทPกตอเนUVอง มอบหมาย เรยนรกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 11. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 11 แผนการจดการเร-ยนร(ท-. 2กล5มสาระการเรยนร การงานอาชพและเทคโนโลย รายว:ชา การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส ชTน ม.3 ภาคเรยนทV ปcการศPกษาชUVอหนวยการเรยนร GIMP กบงานออกแบบกราฟก เวลา 17 . ชVวโมงมาตรฐานการเร-ยนร( สาระทV ๓ เทคโนโลยสารสนเทศและการสUVอสาร มาตรฐาน ง ๓.๑ เขาใจ เหjนค5ณคา และใชกระบวนการเทคโนโลยสารสนเทศในการ สUบคน ขอมลการเรยนร การสUVอสาร การแกปhญหา การท9างาน และอาชพอยาง มประส:ทธ:ภาพ ประส:ทธ:ผล และมค5ณธรรมตวช-วด ง.3.1 ม.2/4 ใช*ซอฟต"แวร"ในการทางาน • ซอฟตแวรระบบประกอบดวยระบบปฏ:บต:การ โปรแกรมแปลภาษาและ โปรแกรมอรรถประโยชน • ซอฟตแวรประย5กตประกอบดวยซอฟตแวร ประย5กตทVวไป และซอฟตแวร ประย5กตเฉพาะงาน • ใชซอฟตแวรระบบชวยในการท9างาน เชนบบอด ขยาย โอนยายขอมล ตรวจสอบ ไวรสคอมพ:วเตอร • ใชซอฟตแวรประย5กตชวยในการท9างาน เชน ใชโปรแกรมในการค9านวณ และ จดเรยงขอมล ใชโปรแกรมชวยคนหา ค9าศพทหรUอความหมาย ใช โปรแกรมเพUVอ ความบนเท:ง ง.3.1 ม.3/3 ใช*เทคโนโลยสารสนเทศนาเสนองานในร8ปแบบทเหมาะสมกบลกษณะงาน • การเลUอกซอฟตแวรทVเหมาะสมกบลกษณะของงาน • การใชซอฟตแวรและอ5ปกรณด:จ:ทลมาชวยในการน9าเสนองาน ง.3.1 ม.3/4 ใช*คอมพวเตอร"ชวยสร*างช-นงานจาก จนตนาการหร/องานททาในชวตประจาวนตาม หลกการทาโครงงานอยางมจตสาน4กและความรบผดชอบ • การใชคอมพ:วเตอรชวยสรางงานตาม หลกการท9าโครงงานโดยมการอางอ:ง แหลงขอมล ใชทรพยากรอยางค5มคา ไมคดลอกผลงานผอUVน ใชค9าส5ภาพ และไมสรางความเสยหายตอผอUVนกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 12. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 12สาระสาคญ ความร(ความเข(าใจคงทน กอนทVจ ะท9า การตกแตงภาพเพUV อ การออกแบบกราฟก นกเรยนตองรจกการท9 า งานของ โปรแกรม GIMP ในสวนตางๆตTงแต การเลUอกค5ณลกษณะของเครUVองคอมพ:วเตอรทVเหมาะสมในการต:ด ตTงโปรแกรม GIMP และค9าสVงเบUTอนตน เครUVองมUอทาส เครUVองมUอเลUอกพUTนทV การสรางขอความตกแตง ภาพ ทกษะ/กระบวนการ การค:ด สงเกต และอธ:บายความหมายของโปรแกรม GIMP ใชในการตกแตงภาพ คณลกษณะ นกเรยนใฝvเรยนร มความซUVอสตยส5จร:ต มว:นย และจ:ตสาธารณะสาระการเร-ยนร( 1. ความหมาย และความสามารถของโปรแกรม GIMP 2. รปแบบและหนาจอของโปรแกรม GIMP 3. การใชงานกล5มเครUVองมUอทาส และกล5มเครUVองมUอเลUอกพUTนทV 4. การประย5กตใชงานเลเยอร และการสรางขอความตกแตงภาพช"นงาน/ภาระงานท-.ผ(เร-ยนปฏ"บต" 1. เขยนอธ:บาย สร5ปความหมาย และส:ทธ:การใชงานโปรแกรมโอเพนซอรส GIMP 2. ท9าใบงานทV 3 หลงจากจบการใชงานกล5มเครUองมUอทาส และกล5มเครUองมUอเลUอกพUTนทV V V 3. จดบนทPกการคนควา และการปฎ:บต:งานทVรบมอบหมาย และท9าใบงานทV 4แนวการให(คะแนน ระดบค5ณภาพ เกณฑการประเม:น 4 3 2 1ใบงานทV 3 ท9า ไดถกตอง และม ท9า ไดถกตอง และม ท9า ไดถกตอง และม ท9า ไดถกตอง และม การใชรปทรงหลาย การใชรปทรงหลาย การใชรปทรงหลาย การใชรปทรงเดยว รปแบบมการตด รปแบบไมมการตด รปแบบ สวนตรงกลาง สวนตรงกลางใบงานทV 4 จดองคประกอบได จดองคประกอบได จดองคประกอบได จดองคประกอบไม สมบรณ เลU อ กตว สมบรณ เลU อ กตว สมบรณ เลU อ กตว สมบรณ เลU อ กตว อกษรเหมาะสม ใชส อกษรไมเหมาะสม อกษรไมเหมาะสม อกษรไมเหมาะสมกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 13. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 13 ระดบค5ณภาพ เกณฑการประเม:น 4 3 2 1 เหมาะสมกบส:VงทVน9า ใชสเหมาะสมกบส:V ง ใชสไมเหมาะสมกบ ใชสไมเหมาะสมกบ เสนอ ทVน9าเสนอ ส:VงทVน9าเสนอ ส:VงทVน9าเสนอส.อ อปกรณ4 และแหลAงการเร-ยนร( 1. เครUVองคอมพ:วเตอร 2. โปรแกรม GIMP 3. ระบบอ:นเตอรเนjต 4. หนงสUอ “ การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส” จดท9าโดย SIPAก"จกรรมการเร-ยนร( ก"จกรรมนาสAการเร-ยน ครผสอนแสดง ภาพทVผานการตกแตงดวยว:ธตางๆ และรวมกบนกเรยนอภ:ปราย วาสวนใด ของภาพทVมการตกแตง และท9าการตกแตงดวยว:ธการอยางไรบาง ก"จกรรมพฒนา 1. ครผสอน สร5ปความหมายและค9าจ9ากดความของโปรแกรม GIMP 2. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงความหมาย และการท9างานของเครUองมUอตางๆของ V โปรแกรม GIMP 3. ใหนกเรยนฝfกฝนส:VงทVเรยนโดยการเร:Vมทดลองต:ดตTงโปรแกรม 4. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงการใชประโยชนของค9าสVงตางๆ 5. ใหนกเรยนฝfกฝน และจดบนทPกการใชงานเครUองมUอตางๆ และท9าใบงานทV 3 V ก"จกรรมรวบยอด ครผสอนสร5ปความหมายและการท9างานของเครUVองตางๆของโปรแกรม GIMP และอธ:บายใบ งานทV 4 แลวใหผเรยนท9าตามแนวค:ดของแตละคนกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 14. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 14การวดและประเม"นผลการเร-ยนร( เปzาหมาย หลกฐาน ว:ธวด เครUVองมUอวดความร •ใชซอฟตแวรในการท9า อธ:บายความหมาย และ การเขยนสะทอนการ อตนย งาน ค5ณลกษณะของโปรแกรม เรยนร (เขยนบรรยาย) GIMP • ใชเทคโนโลยสารสน อธ:บายและท9าการต:ดตTง การปฏ:บต:สะทอน อตนย เทศน9าเสนองานในรป โปรแกรม GIMP และท9าการ การเรยนร (ตกแตงภาพ) แบบทVเหมาะสมกบ ตกแตงภาพ ลกษณะงาน • ใชคอมพ:วเตอรชวย สรางช:Tนงานจาก อธ:บายและท9าการออกแบบ การปฏ:บต:สะทอน อตนย จ:นตนาการหรUองานทV การจดวางภาพตามจ:นตนาการ การเรยนร (ตกแตงภาพ) ท9าในชว:ตประจ9าวน ตามหลกการท9าโครง งานอยางมจ:ตส9านPก และความรบผ:ดชอบค5ณลกษณะ • ใฝvเรยนร จดท9าบนทPกการคนควา การเขยนสะทอนการ บนทPกตอเนUVอง เรยนร • ซUVอสตยส5จร:ต จดท9าบนทPกการปฏ:บต:ทVไดรบ การเขยนสะทอนการ บนทPกตอเนUVอง มอบหมาย เรยนรกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 15. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 15 แผนการจดการเร-ยนร(ท-. 3กล5มสาระการเรยนร การงานอาชพและเทคโนโลย รายว:ชา การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส ชTน ม.3 ภาคเรยนทV ปcการศPกษาชUVอหนวยการเรยนร Inkscape กบงานออกแบบกราฟก เวลา 16 . ชVวโมงมาตรฐานการเร-ยนร( สาระทV ๓ เทคโนโลยสารสนเทศและการสUVอสาร มาตรฐาน ง ๓.๑ เขาใจ เหjนค5ณคา และใชกระบวนการเทคโนโลยสารสนเทศในการ สUบคน ขอมลการเรยนร การสUVอสาร การแกปhญหา การท9างาน และอาชพอยาง มประส:ทธ:ภาพ ประส:ทธ:ผล และมค5ณธรรมตวช-วด ง.3.1 ม.2/4 ใช*ซอฟต"แวร"ในการทางาน • ซอฟตแวรระบบประกอบดวยระบบปฏ:บต:การ โปรแกรมแปลภาษาและ โปรแกรมอรรถประโยชน • ซอฟตแวรประย5กตประกอบดวยซอฟตแวร ประย5กตทVวไป และซอฟตแวร ประย5กตเฉพาะงาน • ใชซอฟตแวรระบบชวยในการท9างาน เชนบบอด ขยาย โอนยายขอมล ตรวจสอบ ไวรสคอมพ:วเตอร • ใชซอฟตแวรประย5กตชวยในการท9างาน เชน ใชโปรแกรมในการค9านวณ และ จดเรยงขอมล ใชโปรแกรมชวยคนหา ค9าศพทหรUอความหมาย ใช โปรแกรมเพUVอ ความบนเท:ง ง.3.1 ม.3/3 ใช*เทคโนโลยสารสนเทศนาเสนองานในร8ปแบบทเหมาะสมกบลกษณะงาน • การเลUอกซอฟตแวรทVเหมาะสมกบลกษณะของงาน • การใชซอฟตแวรและอ5ปกรณด:จ:ทลมาชวยในการน9าเสนองาน ง.3.1 ม.3/4 ใช*คอมพวเตอร"ชวยสร*างช-นงานจาก จนตนาการหร/องานททาในชวตประจาวนตาม หลกการทาโครงงานอยางมจตสาน4กและความรบผดชอบ • การใชคอมพ:วเตอรชวยสรางงานตาม หลกการท9าโครงงานโดยมการอางอ:ง แหลงขอมล ใชทรพยากรอยางค5มคา ไมคดลอกผลงานผอUVน ใชค9าส5ภาพ และไมสรางความเสยหายตอผอUVนกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 16. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 16สาระสาคญ ความร(ความเข(าใจคงทน ในสวนการจดวางองคประกอบของงานออกแบบกราฟกนTน ส:VงทVนกเรยนตองรวาโปรแกรมโอ เพนซอรส Inkscape มความสามารถในการจดการเลเยอร การวาดเสน การวาดรปทรงตางๆ การ ก9าหนดสใหกบรปรางรปทรง และการสรางตวอกษร การจดการกบตวอกษรในรปแบบตางๆ ทกษะ/กระบวนการ การค:ด สงเกต และอธ:บายความหมาย ความสามารถของโปรแกรมโอเพนซอรส Inkscape ในการสรางรปรางรปทรง เสน Path การจดการตวอกษร คณลกษณะ นกเรยนใฝvเรยนร มความซUVอสตยส5จร:ต มว:นย และจ:ตสาธารณะสาระการเร-ยนร( 1. การต:ดตTงโปรแกรม ความหมาย และความสามารถของโปรแกรม Inkscape 2. รปแบบและหนาจอของโปรแกรม Inkscape การใชงานค9าสVงพUนฐาน T 3. การใชงานกล5มเครUVองมUอสรางรปทรง และกล5มเครUVองมUอสรางเสน Path 4. การประย5กตใชงานเลเยอร และการสรางและจดการตวอกษรช"นงาน/ภาระงานท-.ผ(เร-ยนปฏ"บต" 1. เขยนอธ:บาย สร5ปความหมาย และส:ทธ:การใชงานโปรแกรมโอเพนซอรส Inkscape 2. ท9าใบงานทV 5 หลงจากจบการสรางรปรางอ:สระหรUอเสน Path 3. จดบนทPกการคนควา และการปฎ:บต:งานทVรบมอบหมาย และท9าใบงานทV 6 หลงจบหนวยการ เรยนรททV 3แนวการให(คะแนน ระดบค5ณภาพ เกณฑการประเม:น 4 3 2 1ใบงานทV 5 ก9 า หนดขนาดไดถก ก9 า หนดขนาดไดถก ก9 า หนดขนาดไดถก ก9 า หนดขนาดไมถก ตอง มรปดาวครบ ตอง มรปดาวครบ ตอง มรปดาวไมครบ ตอง มรปดาวไมครบ และต9าแหนงถกตอง แตต9 า แหนงไมถก แตต9 า แหนงไมถก แตต9 า แหนงไมถก ตอง ตอง ตองใบงานทV 6 รปทรงถกตองม รปทรงถกตองม รปทรงถกตองม รปทรงถกตองไมมกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 17. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 17 ระดบค5ณภาพ เกณฑการประเม:น 4 3 2 1 ขอความบางสวน ขอความบางสวน ขอความไมซอนและ ขอความไมซอนและ ซอนและมแสงเงา ซอนและไมมแสงเงา ไมมแสงเงา ไมมแสงเงา ครบส.อ อปกรณ4 และแหลAงการเร-ยนร( 1. เครUVองคอมพ:วเตอร 2. โปรแกรม Inkscape 3. ระบบอ:นเตอรเนjต 4. หนงสUอ “ การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส” จดท9าโดย SIPAก"จกรรมการเร-ยนร( ก"จกรรมนาสAการเร-ยน ครผสอนแสดง ภาพทVผานการตกแตงดวยว:ธตางๆ และรวมกบนกเรยนอภ:ปราย วาสวนใด ของภาพทVมการตกแตง และท9าการตกแตงดวยว:ธการอยางไรบาง ก"จกรรมพฒนา 1. ครผสอน สร5ปความหมายและค9าจ9ากดความของโปรแกรม Inkscape 2. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงความหมาย และการท9างานของเครUองมUอตางๆของ V โปรแกรม Inkscape 3. ใหนกเรยนฝfกฝนส:VงทVเรยนโดยการเร:Vมทดลองต:ดตTงโปรแกรม 4. ใหความรเช:งอภ:ปรายรวมกบนกเรยนถPงการใชประโยชนของค9าสVงตางๆ 5. ใหนกเรยนฝfกฝน และจดบนทPกการใชงานเครUองมUอตางๆ และท9าใบงานทV 5 V ก"จกรรมรวบยอด ครผสอนสร5ปความหมายและการท9างานของเครUVองตางๆของโปรแกรม Inkscape และอธ:บาย ใบงานทV 6 แลวใหผเรยนท9าตามแนวค:ดของแตละคนกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 18. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 18การวดและประเม"นผลการเร-ยนร( เปzาหมาย หลกฐาน ว:ธวด เครUVองมUอวดความร •ใชซอฟตแวรในการท9า อธ:บายความหมาย และ การเขยนสะทอนการ อตนย งาน ค5ณลกษณะของโปรแกรม เรยนร (เขยนบรรยาย) Inkscape • ใชเทคโนโลยสารสน อธ:บายและท9าการต:ดตTง การปฏ:บต:สะทอน อตนย เทศน9าเสนองานในรป โปรแกรม Inkscape และ การเรยนร (ตกแตงภาพ) แบบทVเหมาะสมกบ ท9าการตกแตงภาพ ลกษณะงาน • ใชคอมพ:วเตอรชวย สรางช:Tนงานจาก อธ:บายและท9าการออกแบบ การปฏ:บต:สะทอน อตนย จ:นตนาการหรUองานทV ปzายสต:กเกอรตามจ:นตนาการ การเรยนร (ตกแตงภาพ) ท9าในชว:ตประจ9าวน ตามหลกการท9าโครง งานอยางมจ:ตส9านPก และความรบผ:ดชอบค5ณลกษณะ • ใฝvเรยนร จดท9าบนทPกการคนควา การเขยนสะทอนการ บนทPกตอเนUVอง เรยนร • ซUVอสตยส5จร:ต จดท9าบนทPกการปฏ:บต:ทVไดรบ การเขยนสะทอนการ บนทPกตอเนUVอง มอบหมาย เรยนรกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 19. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 19 ภาคผนวกใบงานท 1 วาดองคประกอบของการออกแบบกราฟก ลงกระดาษ A4ใบงานท 2 ออกแบบการน9าเสนอผล:ตภณฑ หรUอสถานทVส9าคญในช5มชน ลงกระดาษ A4 ใชด:นสอสไมใบงานท 3 โปรแกรม GIMP เปWนทVใชส9าหรบตกแตงหรUอจดการภาพ ไมใชโปรแกรมวาดรปเปWนหลก จPงไมมเครUองVมUอในการวาดรปสVเหลVยม หรUอรปหลายเหลVยม หรUอรปทรงตางๆ แตโปรแกรม GIMP กjมค9าสVงทVสามารถสรางรปทรงได โดยการใชค9าสVงเกVยวกบการเลUอกพUนทV แลวเต:มเสนหรUอสใหกบพUTนทVทVเลUอก TขTนตอนทV 1 กอนทVจะตเสนหรUอระบายส ตองท9าการเลUอกขอบเขตหรUอรปแบบทVตองการโดยใชเครUVองมUอ ในกล5มเลUอกพUTน (Selection tools)กลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 20. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 20ขTนตอนทV 2 สรางขอบเขตหรUอรปรางตามตองการขTนตอนทV 3 ใหเลUอกลกษณะหวแปรง และสของ Foregroundกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 21. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 21ขTนตอนทV 4 เรยกใชค9าสVง Stork Selection จาก <Menu Bar> Edit -> Stroke Selection.ขTนตอนทV 5 เลUอกรปแบบการตเสน และปรบคาตางๆ เสรjจแลวคล:กเลUอก Strokeกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 22. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 22ใบงานท 4 เปWนการรวบรวมภาพตางๆ มาไวในภาพเดยว หรUอการสรางเลเยอร ภาพตางๆสามารถดาวนโหลดได จาก http://www.geekphilosopher.com 1. สรางงานใหมขนาด 500 x 500 พ:กเซล 2. เทสพUTนหลงเพUVอใหเหjนขอบเขตของภาพดวยค9าสVง Tools | Paint Tools | Bucket Fill 3. เปดรปใหมขPTน File > Open สามารถเปดไดมากกวาหนPVงไฟล เลUอกแลวคล:ก Openกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 23. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 23 4. ท9าการเลUอกสวนตางๆ ในภาพทVเปดใหมแลวน9ามาวางบนไฟลแรกทVเทสไวโดยใช Selection Tools 5. ท9าการ coppy ภาพไปวางทVไฟลรวมรวบ Edit > coppy และ Ecit > paste ภาพทVน9ามาอาจมขนาด ใหญกวาพUนทVของเราใหท9าการยอเลเยอร T 6. ภาพทVวางจะยอขนาดลงดงตวอยางกอนและหลงยอเลเยอร 7. เมUอวางดใหแนใจวาอยบนเลเยอร เมUVอเราใชค9าสVง Edit > Paste โปรแกรมจะท9ากาแปะภาพและ เลเยอรอยในสถานะ Floating Selection (Pasted Layer) ตองกด Enter ทVคยบอรสองครTง และ สามารถคล:กเปลVยนชUVอเลเยอรไดกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 24. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 24 8. ตวอยางการเลUอกแบบตางๆ 9. ตอไปเปWนตวอยางการไลคาสใหพUTนหลงดวยค9าสVง Gradient tool เร:Vมจากคล:กเลUอกเลเยอรของพUTน หลง แลวเลUอกค9าสVง Gradient tool ปรบคาตางกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 25. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 25 10. การเพ:Vมขอความ เลUอกค9าสVง Text Tool เลUอกแบบตวอกษร ส ขนาดกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 26. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 26 11. คล:กยงต9าแหนงทVตองการวางขอความ จะมหนาตางใหกรอกขอความ และสามารถปรบคาตวอกษรได 12. การวางภาพสามารถปรบความเขมของภาพไดจากคา Opacity ของเลเยอร 13. ในการแตงภาพสามารถเลUอกใชค9าสVง Filter เพUVอท9าใหภาพดแปลกออกไปได ท9าไดโดยคล:กเลUอก เลเยอรทVตองการ แลวเลUอกค9าสVง Filter เลUอกรปแบบทVตองการ มตวอยางค9าสVงดงรปกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 27. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 27 14. ส5ดทายท9าการบนทPกไฟล และตวอยางภาพส5ดทายกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 28. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 28ใบงานท 5 ทVมา http://tavmjong.free.fr/INKSCAPE/MANUAL/html/AShortExampleEU.html ธงสหภาพย5โรป ในการวาดรปธงจะมความซบซอนมากขPTนและครอบคล5มการใช Star Tool เพUVอวาดดาวและใช GuideLines เพUVอใหไดต9าแหนง, การท9าส9าเนาหรUอโคลนของวตถ5, และแมนย9าในการยายส9าเนาเหลานTนไปยงต9าแหนงทVถกตอง ธงของสหภาพย5โรปขTนตอนคUอ  ก9าหนดคาส9าหรบการวาดภาพขTนพUTนฐาน (ขนาดธง, ตาราง, สพUนหลง) T  เพ:Vม Guide Lines  วาดดาวหนPVงดวง  วาดดาวและต9าแหนงทVซT9ากนขนตอน การวาดธงสหภาพยโรป 1. ตงคAาการวาดภาพ เร:Vมตน Inkscape. ขนาดหนากระดาษจะตองมการก9าหนดใหมสดสวนทVถกตองส9าหรบธงสหภาพย5โรป ซPVงมอตราสวน 3 ตอ 2 ของความกวางตอความสง เราจะใช 270X180 พ:กเซล วาดรปสVเหลVยมส9าหรบพUTนหลงธงทVครอบคล5มทTงหนา ถดไปใช Fill and Stoke dialog (Object → Fill and Stroke... (Shift + Ctrl + F)) เพUVอตTงก9าหนดสของพUTนหลงเปWน RGB ส : 0, 51, 153 ตรวจสอบดวา Alpha มคา 255 และความทPบ Master opacity 100% 2. เพ".ม Guide Lines ส9าหรบการวางดาวจะงายทVส5ด ในการวาดดาวครTงแรกทVศนยของธง (ทV 135, 90) จากนTนจะสามารถ ใชการยายต9าแหนงยายดาวไปยงต9าแหนงส5ดทายทVก9าหนด เสน Guide จะเปWนเสนทVเหมUอนเสนตาราง จะไมไดเปWนสวนหนPVงของการวาดภาพทVเก:ดขPTนจร:งกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 29. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 29 Guide Line dialog Guide Line สามารถเปดและปดโดยใช Guide Line ( ไอคอน ) ใน Snap Bar หรUอภายใตแทjบ Guides ใ น ก า ร โ ต ต อ บ ค5 ณ ส ม บ ต: เ อ ก ส า ร Document Properties dialog (File → Document Properties ... (Shift + Ctrl + D) เพ:VมทTงแนวนอน Guide Line ทV y = 90 px และแนวตTง Guide Line ทV x = 135 px 3. วาดดาว ตองวาดดาวหาแฉก และคดลอกเปWน 12 ดวง เพUVอหลกเหลVยงการวาดดาวเปWนสเดยวกบพUTนหลงให ยกเล:กการเลUอกพUนหลงและเลUอกสใหมกอน T a. เลอก Star tool และตงคAาพาราม"เตอร4 ในการวาดดาวใหเลUอก Star tool (แปzนพ:มพลด *) ใน Tool Box The Star Tool-Tool Controlsกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 30. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 30 ใน Tool Controls ตTงคาม5ม(Corners) เปWน 5 เลUอกไอคอนสตาร ( ) เพUVอใชการวาดภาพ ของดาว Spoke Ratio คUออตราสวนของรศมของจ5ดดานในส5ดกบรศมของจ5ดนอกส5ดของดาว (R2/R1) ส9าหรบคาปกต:ดาวหาแฉกควรจะมคา 0.382 ขนาดสตาร b. วาดดาว รศมทVก9าหนด (R1) ของดาวบนธงสหภาพย5โรปเปW น 1 / 18 ของความสงของธง, หรUอ 10 พ:กเซลทVมขนาดธง เร:Vมตนดวยคล:กเมาสทVจดตดของ Guide Lines คล:กลากขPTน 10 พ:กเซล 5 ปรบสของดาวใหเปWนคา RGB เทากบ (255, 204, 0) ตรวจสอบใหแนใจ Alpha (A) คUอ 255 และความทPบ Master 100% After the first star has been drawn and the color adjustedกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 31. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 31 4. ทาซาและย(ายไปยงตาแหนAงท-.กาหนดทง 12 ดาว a. Clone ดาว คล:กทVไอคอนทTง ใน Command Bar หรUอใช Edit → Clone → Create Clone (Alt + D) เพUVอเปWนการคดลอกดาว b. วางตาแหนAงดาวท-.คดลอก เลU อ ก Move tab ใน Transform dialog หรU อ (Object → Transform... (Shift + Ctrl + M)) ในการยายต9าแหนงดาวทVโคลนไปยงต9าแหนง 12 นาฬ:กา ใหตTงคา Vertical (Y) เปWน 60 พ:กเซล The Transform dialog ตTงคาเพUVอยายดาวโคลนครTงแรกในสถานทV ท9าการเลUอกดาวทVโคลนไว แลวก9า หนดคา คราวนTยาย Clone 60 พ:กเซลลง (-60) ท9าซT9า ท:ศทางส9าหรบแนวนอน x) ( ส9าหรบดาวสวนทVเหลUอของใหใชแปดแบบเรยงสบเปลVยนของ x (Y) = ± 30 และ y (x) = ± 52 พ:กเซล กjจะไดต9าแหนงตามทVก9าหนดกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 32. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 32ใบงานท 6 สต:กเกอรกบขอบพบ เขยนโดย ryanlerch สามารถดตนฉบบไดทVhttp://ryanler.wordpress.com/2007/05/23/inkscape-sticker-with-folded-edge-tutorial/ขTนตอนทV 1 1. วาดวงกลมดวยเครUVองมUอ circle tool 2. การใชเครUVองมUอ Path tool, วาดรปทรงทVตดวงกลมส9าหรบ "ปzายสต:กเกอร" 3. เลUอกเสน Path และวงกลมและ Path > Division และตTงคาสของเสน Path ทTงสองตามรปขTนตอนทV 2 1. เลUอก"ปzายสต:กเกอร" (สวนทVเปWนสด9า) และกดพล:กแนวตTง (Flip Vertical) 2. จากนTนกดพล:กแนวนอน (Flip Horizontal)กลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 33. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 33ขTนตอนทV 3 1. เลUอกสวนหลกของสต:กเกอร (สวนทVเปWนสฟzา) Right Click > Duplicate แลวเปลVยนส (เปWนสชมพ) 2. ท9าอกครTงและเปลVยนสไปเปWนสอUVนทVแตกตางกนอกครTง (เลUอกเปWนสเขยว) 3. เลUอกสวนทVเปWนสเขยว และใชแปzนลกศรเพUVอขยบใหเลUVอมกนน:ดหนอย 4. จากนTนใหเลUอกทTงวตถ5สเขยวและชมพและเลUอกเสน Path > Difference 5. การเปลVยนสของเสนทางทVเหลUอเปWนสด9า 6. เปด Stroke/Fill dialog และปรบคาความโปรงใสและเบลอขTนตอนทV 4 1. Duplicate สวนสด9าวตถ5"แผนปzายสต:กเกอร" และเปลVยนส 2. เลUอกสวนสด9า (อยใตทVสรางใหม) และปรบคาความเบลอและความโปรงใส 3. Duplicate สวนหลก (สวนสฟzา) ของสต:กเกอรซT9าอกครTง 4. กด CTRL + A เพUVอเลUอกทTงหมดแลวเลUอก Object> Clip> Set 5. เพ:Vมขอความ เปWนขTนตอนส5ดทายกลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส
  • 34. สานกงานสงเสรมอตสาหกรรมซอฟต"แวร"แหงชาต (องค"การมหาชน) 34กลมสาระการเรยนร การงานอาชพและเทคโนโลย การออกแบบงานกราฟกดวยโปรแกรมโอเพนซอรส