48
ปัจจุบันนี ้นับเป็ นยุคแห่งข ้อมูลและข่าวสารที่เรียกกันสั ้นๆว่า ยุคโลกาภิวัฒน์ ความก้าวหน้าทาง เทคโนโลยีเป็นส่วนสาคัญในชีวิตประจาวันของมนุษย์มากขึ ้น คอมพิวเตอร์ (COMPUTER) นับว่า เป็นเทคโนโลยีประเภทหนึ ่งที่ก้าวเข้ามามีบทบาทต่อการดารงชีวิตของมนุษย์เป็นอย่างมาก การ เรียนวิชาคอมพิวเตอร์จึงเป็นสิ่งที่จาเป็นสาหรับเยาวชนในปัจจุบัน ดังนั ้นสถานศึกษาต่างๆ จึงจัด ให้วิชาคอมพิวเตอร์เป็นส่วนหนึ ่งของการเรียนการสอน ในระดับชั ้นอนุบาล ประถมศึกษา มัธยมศึกษา และ อาชีวศึกษา บริษัท 168 เอ็ดดูเคชั่น จากัด ได้เล็งเห็นความสาคัญในการพัฒนาการเรียนการสอนคอมพิวเตอร์ใน สถานศึกษา จึงได้จัดทาแผนการจัดการเรียนรู้วิชาคอมพิวเตอร์โดยเรียบเรียงจากเอกสาร และซอฟแวร์ต่างๆ ให้กับแต่ละสถาบัน และสอดคล้องกับสาระการเรียนรู้ตามหลักสูตรแกนกลางการศึกษาขั ้นพื้นฐาน พ.ศ. ๒๕๕๑ ของกระทรวงศึกษาธิการ เพื่อเป็ นงานวิชาการสาหรับการเรียนสอนนักเรียนในโปรแกรม วิชาการใช้โปรแกรม SketchUp 2016 ซึ ่งมีเนื ้อหาเกี่ยวกับการออกแบบที่มีความนิยมสูงในปัจจุบัน โดยการ ออกแบบรูปทรงเรขาคณิตต่างๆ ไม่ว่าจะเป็นการออกแบบเพื ่อติดตั ้งโมเดลบนแผนที่จริงในโลกผ่าน Google Earth หรือจะเป็นการสร้างโมเดล 3 มิติได้เหมือนจริง เพื่อให้สามารถนาไปประยุกต์ใช้งาน ร่วมกับโปรแกรมอื่น ๆ ได้ และใช้คอมพิวเตอร์ระบบมัลติมีเดียในโปรแกรมต่างๆ ได้ คณะผู้จัดทาได้เรียบเรียงการใช้โปรแกรม SketchUp 2016 เล่มนี ้ขึ ้นมา เพื่อเป็นประโยชน์ต่อการ เรียนการสอนสาหรับสถานศึกษาต่างๆ และเป็นการเตรียมความพร้อมให้แก่ผู้เรียนในการนาไปประยุกต์กับ การทางานในยุคปัจจุบัน มิได้มีจุดมุ่งหมายเพื่อจาหน่าย บริษัท 168 เอ็ดดูเคชั่น จากัด พ.ศ. 2560 คานา คานา

ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

ปจจบนนนบเปนยคแหงขอมลและขาวสารทเรยกกนสนๆวา “ยคโลกาภวฒน” ความกาวหนาทางเทคโนโลยเปนสวนส าคญในชวตประจ าว นของมนษยมากข น “คอมพวเตอร” (COMPUTER) นบวาเปนเทคโนโลยประเภทหนงทก าวเข ามามบทบาทตอการด ารงชวตของมนษย เปนอยางมาก การเรยนวชาคอมพวเตอรจงเปนสงทจ าเปนส าหรบเยาวชนในปจจบ น ดงน นสถานศกษาตางๆ จงจ ดให ว ช าคอมพวเตอรเปนสวนหนงของการเรยนการสอน ในระดบชนอนบาล ประถมศ กษา มธยมศกษา และ อาชวศกษา

บรษท 168 เอดดเคชน จ ากด ไดเลงเหนความส าคญในการพฒนาการเรยนการสอนคอมพวเตอรในสถานศกษา จงไดจดท าแผนการจดการเรยนรวชาคอมพวเตอรโดยเรยบเรยงจากเอกสาร และซอฟแวรตาง ๆ ใหกบแตละสถาบน และสอดคลองกบสาระการเรยนรตามหลกสตรแกนกลางการศกษาขนพนฐาน พ.ศ. ๒๕๕๑ ของกระทรวงศกษาธการ เพอเปนงานวชาการส าหรบการเรยนสอนนกเรยนในโปรแกรมวชาการใชโปรแกรม SketchUp 2016 ซงมเนอหาเกยวกบการออกแบบทมความนยมสงในปจจบน โดยการออกแบบรปทรงเรขาคณตตางๆ ไมวาจะเปนการออกแบบเพอตดตงโมเดลบนแผนทจรงในโลกผาน Google Earth หรอจะเปนการสรางโมเดล 3 มตไดเหมอนจรง เพอใหสามารถน าไปประยกตใชงานรวมกบโปรแกรมอน ๆ ได และใชคอมพวเตอรระบบมลตมเดยในโปรแกรมตางๆ ได

คณะผจดท าไดเรยบเรยงการใชโปรแกรม SketchUp 2016 เลมนขนมา เพอเปนประโยชนตอการเรยนการสอนส าหรบสถานศกษาตางๆ และเปนการเตรยมความพรอมใหแกผเรยนในการน าไปประยกตกบการท างานในยคปจจบน มไดมจดมงหมายเพอจ าหนาย

บรษท 168 เอดดเคชน จ ากด พ.ศ. 2560

ค าน าค าน า

Page 2: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

สารบญ

เรอง หนา

การเรยกใชโปรแกรม SketchUp 2016 1

หนาตางของโปรแกรม SketchUp 2016 4

ชดเครองมอ Drawing 21

วตถ 3 มต 33

เครองมอสรางขอความ Text 45

Page 3: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

1

การเรยกใชโปรแกรม SketchUp 2016 หลงจากตดตงโปรแกรม SketchUp สามารถเรยกใชโปรแกรมโดยมขนตอนดงน

1. คลกเขาสโปรแกรม SketchUp 2016 > SketchUp หรอ ดบเบลคลกไอคอน SketchUp 2016 ทหนาจอ (Desktop)

2. เมอเปดโปรแกรมจะปรากฏไดอะลอคบรอกซ “Welcome to SketchUp” ซงเปนการตงคาการท างานเบองตนของการท างาน หากเขาสโปแกรมเลอก Start using SketchUp

ในขนตอนนผใชสามารถกรอกชอผใชและรหสทไดจากตวแทนจ าหนายเมอสงซอโปรแกรม โดยการคลก

ไปท Add License กรอกขอมลทะเบยนผใช หากไมกรอกทะเบยนผใช จะยงคงใชโปรแกรมในรนทดลองใช ซงจะม

บางค าสงถกลดทอนลง

ลงทะเบยน

เลอก Template หนวยวดและการแสดงภาพ

สถานการณลงทะเบยน เลอก Template หนวยวดและการแสดงภาพ

เขาสการแสดง

Page 4: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

2

เมอเลอก Start using SketchUp จะเขาสหนาจอท างานของโปรแกรม (หมายเหต: สของฉากหลงเปลยนไปตามการตงคาหนวยวดซงสามารถตงคาไดอกครง)

นอกจากนนยงสามารถตงคาหนวยวดทใชในการสรางโมเดลวาจะใชรปแบบใด เชน เมตร ฟต นว โดยการเลอกท Template จากนนเลอกหนวยวด

เมอเลอก Start using SketchUp จะเขาสหนาจอท างานของโปรแกรม (หมายเหต: สของฉากหลงเปลยนไปตามการตงคาหนวยวดซงสามารถตงคาไดอกครง)

Page 5: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

3

3. เมอเขาสการท างานของโปรแกรม สามารถเรยกเครองมอ (Tools) เพอสรางชนงาน โดยไปท View > Toolbar > Large Tool Set เครองมอส าหรบการสรางชนงาน จะปรากฏในหนาตางการท างาน นอกจากการเรยกชดคาสงส าหรบชนงาน แลวยงสามารถเรยกเครองมออน ๆ เพอใหการท างานมความรวดเรวมากยงขน

Page 6: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

4

หนาตางของโปรแกรม SketchUp 2016

กอนทจะเรมท างานกบ SketchUp 2016 เรามาท าความรจกกบสวนประกอบของโปรแกรม ซง SketchUp ม

สวนประกอบทเรยบงาย ดไมซบซอน

หนาจอหลก (Main Screen)

ไตเตลบาร (Title bar) : แสดงชอไฟลทกาลงใชงานอย เมนบาร (Manu bar) : แถบรวมค าสงทงหมด ทลบาร (Toolbar) : แสดงเครองมอหลกในการวาดและปรบแตงโมเดล พนทการท างาน (Drawn area) : เนอทท างาน แสดงผลเปน 3 มต จด Origin และแกนวาด : จดเรมตนและแกนวาด 3 แกน ไดแก แกนสแดง, เขยว และน าเงน สวนแสดงขอมลโมเดล : แสดงขอมลโมเดล วธใชเครองมอตาง ๆ Measurement bar : ใชแสดงขนาด ระยะทาง และใชส าหรบพมพก าหนดคา ซงหนวยวดจะเปลยนแปลงไปตาม

เครองมอทใชอย

ไดอะลอกบอกซ (Dialog Box) : เครองมอปรบแตงแกไขรายละเอยดการท างานเพอเพมความสามารถในหลาย

Page 7: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

5

ดาน เชน การตงคาแสงสวาง (Shadow Setting) การเลอกวตถสาเรจรป (Component) การใสสและพนผว (Paint Bucket) เปนตน

เสนแกน (Axes) การท างานกบโมเดล 3 มต นอกจากมมมอง ในการดต าแหนงตาง ๆ แลว แกนกถอวาเปนเรอง ทจ าเปนตอง

ใช เพราะเปนตวชวยในการวางต าแหนง และก าหนดทศทางตาง ๆ ขณะวาด ในการสรางโมเดลอาคารสถานท แตละแกนจะแสดง

ทศทางตางๆ กน ดงน

แกน x เสนทบสแดง จะโยงไปทางทศตะวนออก แกน x เสนปะสแดง จะโยงไปทางทศตะวนตก

แกน Y เสนทบสเขยว จะโยงไปทางทศเหนอ

แกน Y เสนปะสเขยว จะโยงไปทางทศใต

แกน Z เสนทบสน าเงน จะโยงไปขนไปบนทองฟา

แกน Z เสนปะสน าเงน จะโยงลงไปใตระดบพนดน

จะเหนวาเสนแกนจะมสวนทเปนเสนทบและเสนปะ และมสวนทตดกนจะเรยก จดนนวาจดฐานรปทรงอางอง (Shape Inference) ของแกน หรอ จด Origin ซงเปนจดเรมตน ในการวาดชนงาน

ต าแหนงอางองบนโมเดล ขณะทใชเครองมอวาดรปทรงตาง ๆ นน จะเหนขอความแสดงต าแหนงของสวนตาง ๆ ภายในโมเดล

เรยกวา ต ำแหนงอำงอง เมอเลอนเมาสไปบนต าแหนงตาง ๆ เมาสจะแสดงสญลกษณ ทแตกตางกน และม ทลทป

(Tooltips) บอกต าแหนงใหดวย ต าแหนงอางองในโมเดลนนแบงออก เปน 3 ประเภท ไดแก จดอางอง (Point

Inference), เสนแนวอางอง (Linear Inference) และรปทรงอางอง (Shape Inference)

จดอางอง (Point Inference)

เมอเลอนเมาสไปบนโมเดล จะเหนจดอางองแสดงในต าแหนงตาง ๆ ดงน

Page 8: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

6

Endpoint : เคอรเซอรอยในต าแหนงปลายเสนหรอปลายเสนขอบของวตถ

Midpoint : เคอรเซอรอยในต าแหนงกงกลางเสน หรอกงกลางเสนขอบของวตถ

Intersection : เคอรเซอรอยในต าแหนงทมการตดกนของเสน

On Face : เคอรเซอรอยในต าแหนงพนผวของวตถ

On Edge : เคอรเซอรอยในต าแหนงบนเสนขอบของวตถ

เสนแนวอางอง (Linear Inference)

On Axis : เสนมสแตกตางกน 3 ส สแดง วางตวในแนวแกน X สเขยว วางตวในแนวแกน Y สนาเงน วางตวในแนวแกน Z Parallel to Edge : วาดเสนโดยขนานไปกบ วตถทอยใกล Perpendicular to Edge : ขณะวาดเสนตงฉากกบเสนขอบทเราเรมตนวาด Form Point : ขณะทวาดเสนต าแหนงเคอรเซอร ไปอางองกบต าแหนงของเสนอน ๆ จะเกดเปนเสนปะ

Page 9: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

7

การบนทกไฟลงาน

ถาตองการเกบไฟลไวหลงจากสรางงานแลว สามารถบนทกไฟลเกบไวเรยกใชภายหลงได โดยไฟลทไดจะม น ำมสกล .skp มขนตอนดงน

Page 10: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

8

การท างานกบวตถ 3 มตนน จะมมมมองทรอบดานแตกตางจากวตถ 2 มต ดงนนเครองมอเกยวกบมมมองชนมากตองมหลายอยาง เพอความเหมาะสมกบการดชนมาแตละมม โปรแกรม SketchUp มเครองมอมมกลอง ซง

จ าลองมมมองเหมอนอยในสภาพแวดลอมของชนงานจรง เชน การมองดหรอการเดนผานชนงานทเปนสถานท

มมมองมาตรฐาน Standard View

ในพนท 3 มตจะมมมมองมาตรฐานในการมองชนงานอย 7 มม ไดแก Top : ดานบน

Bottom : ดานลาง (ขางใต)

Front : ดานหนา

Back : ดานหลง

Left : ดานซาย

Right : ดานขวา

ISO : Isometric หรอมมมองแนวเอยงทท าใหเหนรปทรงโดยรวมของชนงานได

การเลอกมมมองมาตรฐานอยางรวดเรว

ในการมองชนงานมมตาง ๆ นนเราสามารถใชเครองมอหมนมมมอง เพอมองรอบชนงานไดอสระ แต

มมมองมาตรฐานมประโยชนส าหรบการตรวจสอบชนมาในแตละดานอยางเทยงตรง และ ใชในการน าเสนองาน เชน การออกแบบสนคา หรอสถานทตาง ๆ การเลอกมมมองมาตรฐาน ท าไดดงน

Page 11: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

9

1. เลอกเมน Camera จากแถบเมนหลก และเลอกมมมองจากเมนยอย Standard Views

2. พนทท างานจะเปลยนเปนมมมองทเลอกไวตามภาพตวอยาง

Page 12: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

10

การเคลอนมมมองรอบวตถ Orbit

เครองมอ Orbit มไวส าหรบการหมนมมมองรอบชนงานในลกษณะการโคจรรอบ ๆ นบวา เปนเครองมอท

จ าเปนตองใชตลอดเวลาในการสรางโมเดล 3 มต และเครองมอ Orbit นมกใชควบคกบเครองมอ Pan ซงจะแนะน าในหวขอตอไป

การมองรอบ ๆ ชนงานดวย Orbit การเรยกใชเครองมอ Orbit นนทาใดจากการเรยกใชเมน และการใชเมาสเพอความรวดเรว ดงน

1. คลกเลอกเครองมอ Orbit บน Toolbar

2. ใชเครองมอ Orbit คลกเพอหมนมมมองชนงานไดรอบ 360 องศา สงทหมนคอมมมองของเรา แตไมใชวตถทถกหมน

Page 13: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

11

การเลอนมมมองแนวราบ Pan

เครองมอ Pan ใชส าหรบการเลอนมมมองแนวราบโดยไมหมนมมมอง จะเหนไดวาหนาทของ Pan และ Orbit นนเปนการจดการมมมองชนงานทตางแนวกน แตตองใชคกนเสมออยางหลกเลยงไมได ดงนน 2 เครองมอนจงเปนเครองมอทเราเรยกใชไดทกเวลาโดยไมจ าเปนตองคลกเลอกเครองมอจาก Toolbar กอนทกครง เรามาดวธใชงาน Pan Tool ทงจากการคลกท Toolbar และการใชงานดวยเมาส

1. จากตวอยางชนงานจะอยเรยงกนในแนวหนากระดาน

2. คลกเลอกเครองมอ Pan บน Toolbar

3. ใชเครองมอ Pan คลกและเลอนมมมองในแนวราบเพอท างานกบชนงานแตละชนได การเลอนนเปนการ

เลอนมมมอง แตวตถไมมการเคลอนยายแตอยางใด

Page 14: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

12

การขยายมมมอง Zoom เครองมอ Zoom นบวาเปนเครองมอจดการมมมองทมหนาทสาคญ คอการยอและขยายมมมอง เพอท างาน

กบชนงานในระดบภาพรวมหรอในรายละเอยดยอย ๆ ได เครองมอ Zoom ไมเพยงแตใชในการยอขยายมมมองเทานน แตยงใชเปลยนมมกลองไดอกดวย

การเรยกใชเครองมอ Zoom การเรยกใชเครองมอ Zoom จาก Toolbar มดงน

คลกเลอนไปทางดานบนเปนการขยายมมมองชนงานจะดใกลและใหญขน

คลกและเลอนไปทางดานลางเปนการยอมมมอง ชนงานจะดไกลออกไปและเลกลง

หากดบเบลคลกเครองมอ Zoom ไปทวตถใด วตถนนจะถกจดใหอยตรงกลาง

Page 15: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

13

Zoom Window Zoom Window เปนเครองมอทอยใกลเคยงเครองมอ Zoom และใชงานใกลเคยงกนดวย เพยงแตเครองมอ Zoom

Window จะใหลากพนททตองการจะขยายมมมองโดยเฉพาะ วธใชและตวอยางผลลพธมดงน

ลากพนททตองการขยายมมมอง ผลลพธ คอมมมองจะถกขยายในบรเวณทลากพนทจนเตมหนาจอการท างาน

Zoom Extents Zoom Extents มหนาทขยายมมมองเพอใหเหนชนงานทงหมดบนพนทท างาน โดยมมมมองทใหญทสดเทาทจะ

ครอบคลมชนงานทงหมดนน

ชนงานทงหมดจะถกขยายจนเตมพนทการท างาน

การเลอกสวนประกอบโมเดล สามารถเลอกดวยการใชเครองมอ Select โดยท าไดหลายวธขนอยกบลกษณะ

งาน ดงนนจงจ าเปนตองรจกเทคนคในการใชเมาส และคยบอรด เพอเลอกสวนประกอบทตองการ

การเลอกดวยการคลกเมาสหลายครง

ดวยการคลกเมาสอยางเดยว เราสามารถเลอกสวนตางๆ ของวตถได แตเราควรทราบกอนวาวตถชนหนง

ประกอบดวยอะไรบาง

Page 16: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

14

เมอทราบองคประกอบของวตถแลว การเลอกสวนตางๆ ของวตถดวยเมาส มดงน

การคลก 1 ครง บนดานใดดานหนง จะเปนการเลอกเฉพาะพนผวของดานนน

และจะปรากฏไฮไลทพนผวทเลอก

การคลก 2 ครง หรอดบเบลคลก จะเปนการเลอกพนผวและเสนขอบพนผวนน

จะมไฮไลทปรากฏทงพนผว และเสนขอบ

การคลก 3 ครง หรอทรปเปลคลก จะ เปนการเลอกวตถทงชน หรอมความหมายวา เลอกพนผวและเสนขอบทกดานทเชอมตอกน ของวตถชนนน จะมไฮไลทปรากฏทงชนวตถ

Page 17: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

15

การเลอกวตถหลายชนดวยการลากพนทเมาส

การลากพนทเมาสเพอเลกวตถหลายชนนนมวธทสะดวกรวดเรว เพยงเราเขาใจในหวขอน เรากเลอกวตถได

อยางงาย

การลากพนทดวยเมาสจากซายไปขวา จะปรากฏกรอบสเหลยมเสนทบซงจะเปนการเลอกวตถทอยภายในกรอบการลากพนทเทานน วตถใด ทไมอยในกรอบเตมชนกจะไมถกเลอก

การลากพนทดวยเมาสจากขวาไปซาย จะปรากฏกรอบสเหลยมเสนปะ ซงจะเปนการเลอกวตถทกรอบเสนปะนนพาดโดน แมไมไดครอบวตถทงชน แตถากรอบเสนปะไปถง วตถนนกจะถกเลอกดวย

Page 18: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

16

การเลอกวตถทงหมดและการยกเลกการเลอก เราสามารถเลอกวตถทงหมดในไฟลโครงการทเปดอยขณะนนได และยกเลก การเลอกทงหมดได เชนเดยวกน การเลอกทงหมด กดป ม <Ctrl> + A บนคยบอรด หรอเลอกเมน Edit >Select All

เครองมอลบวตถ Eraser

เครองมอ Eraser ใชลบเสน, ชนสวน, กรป หรอคอมโพเนนต นอกจากนยงใชซอนเสนทไมตองการ หรอทาพนผวใหเรยบขนได แตไมสามารถลบพนผวได

การลบองคประกอบของวตถ

ใชเครองมอลบคลกทสวนใดสวนหนงของวตถ เชน เสนขอบ และปลอย เพอลบสวนนน

Page 19: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

17

ใชเครองมอลบคลกคาง และลากผานไปยงสวนตาง ๆ ทจะลบ กอนปลอยเมาสเพอลบสวนทเลอกไว

การลบขอบวตถ โดยทวไปวตถจะมาพรอมกบเสนขอบเพอใหพนผวเปนสวนทปด แตพนผวกสามารถอยไดโดยไมมเสน

ขอบ ซงจะท าใหพนผวดเรยบขน เราสามารถลบขอบออกโดยไมท าใหพนผววตถหายไปได

เลอกเครองมอลบ และกดป ม คาง ขณะคลกเลอกเสนขอบทตองการลบ ซงเลอก ไดครงละหลายเสน

การท าใหพนผวมเสนขอบกลบมาเหมอนเดม ใหใชเครองมอยางลบเชนเดม และกดป ม + ขณะลากเมาสผานพนผว และปลอย

Page 20: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

18

เครองมอเทสพนผววตถ Paint Bucket

โปรแกรม SketchUp ก าหนดพนผววตถใหมสและคณสมบตตาง ๆ ได เชน โปรงใส เปนตน ซงจะใชเครองมอชอ Paint Bucket ในการท างาน

1. คลกเลอกเครองมอ Paint Bucket

2. หนาตาง Materials จะปรากฏขนมา ซงเปนทรวมสและพนผวเพอเลอกใช

3. เลอกสทตองการใช ในตวอยางจะเลอกสแดง

Page 21: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

19

4. คลกเลอกพนผวสวนทตองการ เพอเปลยนสวตถชนหนง อาจจะมพนผวหลายสวนทไมไดเชอมตอกน ท าใหตองคลก เทสในแตละสวนเอง

การใสสพนผวใหกบวตถ การใสคณสมบตพนผวนน ท าโดยวธเดยวกบการเลอกสแลวเทบนพนผว เพยงแตเลอก ในหมวดพนผวเทานน ใน

ตวอยางนจะท าการก าหนดใหกระจกรถยนตมสโปรงใส

Page 22: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

20

3. คลกเทสบนพนผวทตองการ ไดแก กระจกรอบคนรถ 4. หมนวตถดวยเครองมอ Orbit หรอ

คลกเมาสป มกลางแลวหมน

5. เทสกบกระจกอกดานจนรอบคน

2. เลอกตวเลอกทมชอวา Glassซงพนผววตถไว ม

สตาง ๆ เลอกใชตามทชอบได กบวตถซงหมวดของพนผวโปรงใสจะมชอวา Translucent

1.ในหนางตาง Materials จะมการแบง

หมวดหม ในรายการ Drop down list

Page 23: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

21

ชดเครองมอ Drawing

ชดเครองมอ Drawing จะแสดงรวมอยบนแถบเครองมอ Large Tool Set หากตองการ แสดงชดเครองมอ Drawing ขนมาตางหาก ใหคลกเมน View > Toolbar > Drawing ซงจะมเครองมอสาหรบวาดภาพในแนวระนาบ

ดงน

เครองมอวาดเสนตรง Line

เสนเปนองคประกอบพนฐานของวตถตาง ๆ เราสามารถวาดเสนบนพนผววตถ หรอบนพนทวางกได

Page 24: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

22

การวาดเสนทตอเนองกนไปเรอย ๆ จนสนสดทจดเรมตนจะเปนการสรางพนทปด ซงสามารถใชเปนวตถ

เพอสรางงานตอไปได

Page 25: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

23

เครองมอวาดเสนอสระ Freehand

เครองมอวาดเสนอสระมไวใชวาดเสนดวยมอ (เมาส) ของเราเอง โดยทไมจาเปนตองเปนรปทรงเรขาคณต และไมตองค านงถงปจจยใด ๆ เครองมอวาดเสนอสระมชอวา Freehand

การแกไขรปทรงอสระ เมอวาดรปทรงอสระขนมาแลว รปทรงนนจะมโครงสรางเปนเสนยอย ๆ หลายสวนทตอกนจนไดรปทรงท

เราวาด โดยปกตเมอเลอกสวนใดสวนหนงของรปทรงอสระ จะเปนการเลอก วตถทงชน หากตองการแกรปทรง

บางสวน จะตองท าการแยกสวนเสนตาง ๆ หรอเรยกวา การระเบด (Explode Curve)

เครองมอวาดรปทรงสเหลยม Rectangle

สเหลยมมมฉากทสรางบนโปรแกรม SketchUp จะประกอบไปดวย พนผวทเกดจาก เสนตรง 4 เสนเชอมตอกน ซงการสรางสเหลยมดวยเครองมอ Rectangle

Page 26: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

24

การวาดรปทรงสเหลยมดวยการก าหนดขนาดทแนนอน หากตองการสรางสเหลยมทมขนาดดานกวางและยาวทตองการ เราสามารถก าหนดคาเหลานนไดอยางแมนย าขณะ

สรางไดดงน

ขณะลากพนทพมพคาความกวางและความยาวตามตองการ เชน 5m, 5m คอ ก าหนดความกวาง 5 เมตร ยาว

5 เมตร

การวาดรปทรงสเหลยมหมนระนาบ Rotated Rectangle เปนเครองมอใหมในเวอรชน 2015 สามารถสรางรปทรงสเหลยมในลกษณะหมนระนาบไดดงน

1. คลกเพอก าหนดมมแรกของสเหลยม

2. เลอนเคอรเซอรของไมโปรแทรกเตอร เพอก าหนดทศทางของมม

Page 27: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

25

3. คลกเพอตงคามมทสอง เลอนเคอรเซอรเพอก าหนดความยาวของมม และคลกเพอตงคามมทสาม เปนมมสดทาย

4. เสรจสนการสรางรปทรงสเหลยมหมนระนาบ

Page 28: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

26

เครองมอวาดรปวงกลม

วงกลมทสรางขนบนโปรแกรม SketchUp เกดจากการเรยงตอกนของเสนตรงลอมรอบ เปนรปวงกลม ซง

สามารถก าหนดจ านวนเสนทเรยงตอกน และความยาวรศมของวงกลมได เราจะใชเครองมอ Circle สรางวงกลมและพนผวบนระนาบ ซงท าได 2 วธ คอ การสรางพนผววงกลมดวยการลากเมาส และการก าหนดขนาดทแนนอน

การวาดวงกลมดวยการก าหนดขนาดทแนนอน เนองจากวงกลมใน SketchUp เกดจากการเรยงตอกนของเสนตรงลอมกนเปนวงกลม ดงนนขณะทสรางวงกลมก

สามารถก าหนดจ านวนเสนตรงทประกอบขนเปนวงกลมได โดยคาเรมตนก าหนดไวท 24 เสน และก าหนดความยาว

รศมของวงกลมตามตองการ โดยการก าหนดขนาดตาง ๆ ของวงกลม ไดดงขนตอนตอไปน

1. คลกเลอกเครองมอสรางวงกลม และคลกเพอสรางบนพนท แตยงไมตองคลกเพอปดการสราง

2. พมพคารศม เชน 5m คอ 5 เมตร ซงคาจะแสดงดานลางขวาของหนาจอ และกด <Enter>

3. พมพคาจ านวน Sides หรอจ านวนสวนยอยของเสนขอบรวบวง ตามดวย s และกด <Enter>

4. เมอก าหนดเสรจจะไดวงกลมทมรศมและจ านวน Sides ของเสนรอบวงตามตองการ

Page 29: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

27

เครองมอวาดรปทรงหลายเหลยม Polygon

รปทรงหลายเหลยม คอรปทรงทนอกเหนอจากสเหลยม ซงเราก าหนดจ านวนเหลยม หรอดานเองได ตงแต 3

เหลยมไปจนถงจ านวนเหลยมมากกวา 10 ดาน กสามารถท าได เครองมอวาดรปทรงหลายเหลยม คอ Polygon

การวาดรปทรงหลายเหลยม

เครองมอ Polygon โดยมวธสรางดงน

Page 30: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

28

การแกไขรปทรงดวยหนาตาง Entity Info เราสามารถแกไขรปทรงทไดสรางไปแลว ดวยการเรยกหนาตางคณสมบตของรปทรง หรอ Entity Info ตามขนตอน

ตอไปน

Page 31: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

29

เครองมอวาดเสนโคง Arc

การวาดเสนโคงจะใชเครองมอ คลายกบการวาดเสนตรง แตสามารถปรบเสนโคงขนานกบแนวเสนตรงทวาดไว

เปนเสนฐานในตอนแรก โดยความโคงมากนอยนนขนอยกบระยะหางระหวาง โคงกบเสนตรงทวาด หรออาจจะวาด

เปนเสนโคงทตอเนองกนเปนรปทรงทมพนผวกไดเชนกน เครองมอวาดเสนโคงมอย 4 เครองมอ ไดแก

การวาดเสนโคงดวยเครองมอ Arc

เครองมอ Arc เปนเครองมอใชสาหรบสรางเสนโคงแบบก าหนดมมได มขนตอนดงน

Page 32: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

30

การวาดเสนโคงดวยเครองมอ 2 Point Arc เครองมอ 2 Point Arc เปนชอเรยกใหม ซงชอเดมกอนเวอรชนนคอ Arc เครองมอ 2 Point Arc มหลกการ

ท างานคอ ก าหนดเสนฐาน 2 จด และขนรปเสนโคง มขนตอนการสรางดงน

การวาดเสนโคงดวยเครองมอ 3 Point Arc

เครองมอ 3 Point Arc เปนเครองมอใหมในเวอรชน 2015 หลกการท างานคอ ก าหนดจด 3 จดทอยบนสวน

โคงเดยวกน หากจดเรมตนและจดปลายเปนจดเดยวกนแลว จะไดรปวงกลม การวาดสวนโคงแบบก าหนด 3 จด ม

ขนตอนการสรางดงน

Page 33: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

31

การวาดเสนโคงดวยเครองมอ Pie เครองมอ Pie มการใชงานเหมอนกบเครองมอ Arc ทกอยาง เพยงแตผลทไดคอสวนของวงกลมทเปนพนทปด

Page 34: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

32

วตถ 3 มต ( 3D Model )

วตถ 3 มต หรอ 3D Model คอ วตถทถกสรางโดยโปรแกรมคอมพวเตอรเพอแสดงผล ใหเหนบนพนผวท 3มต คอมมตในแนวนอน แนวตง และแนวลก ซงแตกตางจากภาพ 2 มต ทแสดงผลเพยง 2 แนวเทานน วตถ 3 มต จงมมมมองทมากกวา คอสามารถมองเหนไดรอบดาน 360 องศา และสามารถปรบแตงแกไขรปทรงในลกษณะเหมอนกบงานปนได ซงเรยกวา 3D Modeling หรอการปนวตถ 3 มต

สวนประกอบ 3D Model วตถ 3 มต แบบ Polygonal มสวนประกอบ ดงน 1.Face : คอ พนผวแตละดานของวตถ

2.Edge : คอ เสนขอบแตละดานของวตถ

3.Vertice หรอ Vertex : คอ จดเชอมตอของเสนและพนผว

เครองมอเคลอนยายวตถ Move

เครองมอเคลอนยายวตถมชอวา Move สามารถใชงานไดมากกวาการเคลอนยายวตถชนใดชนหนงเทานน

เครองมอนยงประยกตใชในการท าส าเนาวตถไดอยางมประสทธภาพ และใชแกไขรปทรงวตถไดดวยนบเปน

เครองมอพนฐานและสารพดประโยชนในการสรางโมเดลชนงาน

การเคลอนยายทวไป

ตวอยางนจะเปนการใชเครองมอเพอยายต าแหนงวตถ ซงเปนการใชงานทวไปของเครองมอน คลกทเครองมอ Move จากนนคลกเลอกวตถทตองการยาย ยายวตถ ไปยงต าแหนงใหม

Page 35: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

33

การเคลอนยายและท าส าเนา ตวอยางนจะเปนการใชเครองมอยายเพอท าส าเนาวตถ และก าหนดระยะหางทแนนอนจากวตถตนฉบบ หรอเรยกวา

การท า Liner Arrays

Page 36: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

34

เครองมอหมนวตถ Rotate

เครองมอ Rotate ใชสาหรบหมนชนสวนตามแกนทก าหนด หากเราหมนชนสวนเดยว กใชเครองมอ

Rotate หมนโดยตรง แตถาจะหมนหลายชนสวนกตองใชเครองมอ Select คลกเลอกชนสวนทตองการกอน แลวจงใชเครองมอ Rotate

เครองมอ Rotate ยงประยกตใชในการท าส าเนาวตถแนวโคงไดอกดวย ซงเรยกวา Radial Arrays

Page 37: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

35

การใช Rotate หมนวตถ ตวอยางนจะเปนการใช Rotate หมนวตถ โดยมจดหมนคอตววตถเอง

Page 38: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

36

การใช Rotate Tool ท าส าเนาวตถแนวโคง ดวยวธการเดยวกนกบการยายวตถแนวโคงน หากเรากดป ม <Ctrl> คางขณะ กจะเปน การท าส าเนาวตถไปดวย

เครองมอปรบขนาดวตถ Scale

เครองมอปรบขนาดวตถมชอวา Scale มหนาทเปลยนขนาดหรอสเกลจากวตถตนฉบบใหยอหรอขยายใหญขน ซงการเปลยนสเกลนจะเปนการเปลยนแปลงขนาดของวตถจรง ไมใชการซมขยายหรอยอมมมอง การก าหนดสเกลทจะยอหรอขยายนน เราสามารถใชเมาสกะขนาดคราว ๆ หรอก าหนดคาทแนนอนในการปรบได และสามารถเปลยนสเกลในทางตรงกนขาม หรอเรยกวา Mirroring ผลทไดคอวตถจะอยในทศทางกลบดาน หรอกลบหวกลบหาง

การใช Scale Tool ปรบขนาดโดยรกษาอตราสวน ตวอยางนจะเปนการปรบขนาดวตถโดยรกษาอตราสวนของรปทรงไมใหผดไปจากเดม

Page 39: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

37

Page 40: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

38

เครองมอผลกและดงวตถ Push/Pull

เครองมอผลกและดงพนผววตถมชอวา Push/Pull เปนเครองมอทใชปรบแตงรปทรงวตถ ใหมปรมาตรเพมขนหรอลดลง มกใชในการขนรปวตถจากรปทรง 2 มต เชน รปสเหลยม ใหกลาย เปนรปทรง 3 มต คอกลองสเหลยม เปนตน

เครองมอ Push/Pull สามารถประยกตใชไดมากมาย และนบวาเปนเครองมอทโดดเดน ของ SketchUp ทท าใหการขนรปโมเดลนนรวดเรวมาก และไมยงยากเหมอนโปรแกรมสรางงาน 3 มตอนๆ

การใช Push/Pull กบพนผวทวไป เครองมอ Push/Pull สามารถใชกบพนผวปดทวไปได ไมวาจะรปทรงเปนสเหลยมหรอโคง กตาม

การใช Push/Pull เพมความซบซอนใหพนผว ระหวางการสรางปรมาตรเราสามารถเพมความซบซอนใหกบปรมาตรไดโดยการแบง Segments ของวตถ

เพอการปรบแตงรปทรงทซบซอนมากขน

Page 41: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

39

การใช Push/Pull Tool เจาะวตถ นอกจากจะใชในการเพมปรมาตรแลว Push/Pull ยงสามารถใชเจาะวตถไดอกดวย ดวยเงอนไขวา วตถทจะ

เจาะนนตองมพนผวทขนาดกน ตวอยางงาย ๆ คอการเจาะก าแพง เพอเปนชองประต

Page 42: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

40

Page 43: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

41

เครองมอสรางขอบขนาน Offset

เครองมอสรางขอบขนานมชอวา Offset มไวเพอสรางเสนหรอพนผวทมลกษณะ ขนานกบเสนหรอพนผวท

อางอง ซงประยกตในการสรางชนงานได เชน การสรางขอบประต หรอหนาตาง เปนตน

การใช Offset Tool กบเสนและพนผวทวไป ตวอยางนจะเปนการสรางขอบขนานจากเสนและพนผวดวยเครองมอ Offset การใช Offset Tool กบเสน Offset Tool สามารถใชกบเสนทตอเนองในระนาบเดยวกนได ขนตอนมดงน

Page 44: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

42

การใช Offset Tool กบพนผว Offset Tool สามารถใชกบพนผวปดใด ๆ ได ขนตอนมดงน

เครองมอสรางวตถตามเสนทาง Follow Me

เครองมอ Follow Me เปนเครองมอทมเอกลกษณในการใชงาน คอจะสรางรปทรงตาง ๆ ไปตามเสนทางท

ก าหนด นยมนาไปใชสรางโมเดล เชน ราวระเบยง บวเชงเสน รางน าฝน ซงตวอยางตาง ๆ จะท าใหเขาใจการใชงานมากขน

Page 45: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

43

การใช Follow Me แตงของวตถ ตวอยางแรกจะเปนการแตงขอบวตถใหเปนไปตามเสนทเราวาด

Page 46: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

44

การใช Follow Me สรางรปทรงดวยการวนรอบ ตวอยางนจะเปนการสรางรปทรงไดดวยการวนรอบของเครองมอ Follow Me

Page 47: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

45

เครองมอสรางขอความ Text

เครองมอ Text เปนเครองมอทใชสรางขอความกากบสวนตาง ๆ ของชนงาน ซงมประโยชนมาก เมอชนงาน

มรายละเอยดทตองการบงช ซงขอความตางๆ ไดแก ชอชนงาน, ขนาด, พนท หรอขอความอนๆ

การสรางและแกไขขอความ ตวอยางนจะเปนเครองมอ Text ในการสรางขอความพรอมเสนชไปยงสวนของชนงาน ซงมขนตอนดงน

หนาตางจดการวตถส าเรจรป Components

Component คอวตถส าเรจรปทไดจากการวาดของเราเองและบนทกไว หรอเปนวตถ ทดาวนโหลดเพมเตม

จาก 3D Warehouse คณสมบตของ Component คอสามารถเรยกใชและ วางบนพนทท างานไดทนท โดยไมตองวาดใหมทกครง เปนเหมอนการเรยกใชส าเนาของวตถนนนนเอง

Components เปนหนาตางทรวบรวม Component ตาง ๆ ไวเพอดขอมล และใชใน การเลอกแกไขคณสมบตของ Component ดวย ในหวขอนจะศกษาการจดการ Component ดวยหนาตาง Components

Page 48: ค าน า168training.com/training/document/sketchup2016.pdf · 2017-03-21 · ทูลบาร์(Toolbar) : แสดงเครื่องมือหลกัในการวาดและปรับแต่งโมเดล

46

สวนประกอบของ Components สวนประกอบของหนาตาง Components (เรยกใชจากเมน Window เลอก Components) จะมสวนประกอบ

ตาง ๆ ดงน

การเรยกใช Components การเรยกใช Component จากหนาตาง Components มขนตอนดงน