44
บบบบบ 1 บบบบบบ The Gimp ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใ ใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใ The GIMP The Gimp (ใใใใใใใใ GNU Image Manipulating Program ใใใใใใใใใใ The ใใใใใใใใใใใใใใใ) ใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใ The Gimp ใใใใใใใใใใใใใใใใใใใใใใ Photoshop ใใใใใใใใใใ ใใใ ใใใใใใใใใใใใใใใ Layer, Channel ใใใใ Filter The Gimp ใใใใใใใใใใใใใใใใใ 2.0 ใใใใใใใใใใใใใใใใ ใใใใใใใใใใใ ใใใใใใใ 5.3.2 ใใใใใใใใใใใ ใใใใใใใ 2 ใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใ Download ใใใใใใ Internet ใใใใใใใใใใใใใใใใใใ package ใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใ 4 ใใใใใใใใใใ ใใใใ THE GIMP - 1 -

บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

บทท 1

แนะนำ The Gimp

ในปจจบนนจะพบวากระแสเกยวกบการจบซอฟตแวรละเมดลขสทธ คอนขางรนแรง และทางเจาของลขสทธกคอนขางเอาจรงกบเรองน ทำาใหหนวยงานทงหลายกพากนตนตวจดซอซอฟตแวรทถกลขสทธกนมากขน แตเนองจากมลคาของคาลขสทธนนคอนขางสงทำาใหเกดผลกระทบตอหลายๆ หนวยงานในการทจะลงทนซอลขสทธ จงทำาใหเกดทางเลอกใหมๆ ขนมานนคอ การใชซอฟตแวรทเปนฟรแวร ซงปจจบนนฟรแวรมออกมามากมาย ซงสามารถหาดาวนโหลดไดฟรจากอนเทอรเนต และงานทางดานกราฟฟกสกเปนอกงานทจำาเปนจะตองใชซอฟตแวรทตองมลขสทธและมราคาคอนขางสง ดงนนสำาหรบการอบรมคร งน จงนำาเร องราวเกยวกบซอฟตแวรดานกราฟฟกสทเปนฟรแวรมาอบรม ซงซอฟตแวรตวดงกลาวมชอวา The GIMP

The Gimp (ย อ ม า จ า ก GNU Image Manipulating Program ชอตองม The นำาหนาเสมอดวย) โปรแกรมวาดรปสดเกงของลนกซ จดเดนของ The Gimp คอความสามารถเทยบเทา Photoshop เลยท เด ยว ไมว าจะเป นเร อง Layer, Channel หรอ Filter The Gimp ทใชนเปนรน 2.0 ซงตดตงมาใหแลวในบรพา ลนกซ 5.3.2 ซงหลงจากทดสอบมา 2 อาทตยแลว สามารถใชงานไดดมาก ซ งเปนโปรแกรมทสามารถหา Download ไดจาก Internet หรอบางตวจะมมาใน package เดยวกนกบ Linux เลย แต The GIMP เองไมใชฟรแวร แต เป น OSS (Open Source Software) ทถกควบคมด วย GPL License (Global Public License) The GIMP นเปนโปรแกรมดานกราฟฟกสอกตวหนงทมความสามารถคลายๆ กบโปรแกรม Photoshop, Corel Photopaint ซงคณสมบตเดนๆ ของ The GIMP มดงน

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 1 -

Page 2: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

คณสมบต ควมสมรถของ The GIMP- มเครองมอชวยการสรางภาพอยางครบครน- Transparency Support- Layers and channel- Undo-Redo not limited - Transformation tools- Support more file format- Plugin งายตอการตดตง- Video Editingเมอเรยกใชงาน The Gimp จากเมนกราฟฟก หลงจากดหนาจอ

Splash Screen สวยๆ ทจะเปลยนกนเกอบทกเวอรชนของ The Gimp กจะพบกบ The Gimp โฉมใหม ทเหลอแค 2 หนาตางเทานน โดยจะรวมหนาตางทลบาร กบตวเลอกของทลบารแตละชนดเขาดวยกน เปนหนาตางหลกของ The Gimp สวนอกหนาตางหนงจะเปนการรวมพวก Layer, Channel, Path และ History เขาดวยกนเปนหนาตางเดยว เรยกวา Dock ซงเราสามารถสลบหนาตาง 4 ชนดนไดดวย Tab (และสามารถเพมหนาตางอนๆ เขามาไดอกทหลง) ทำาใหหนาตาโดยรวมนนลดความซบซอนลงไปเยอะมาก บนทลบารจะเหนวามปมใหมๆ เพมมาบาง และไอคอนของทลบารกเปลยนใหมหมด สสนสดใสขนเยอะ

The Gimp 2.0 ตวใหมนในสวนของหนาตาง Open ม Preview รปใหดแลว (แตยงตองคลกเพอสงให Preview อย) ทำาใหสะดวกขนมากเวลาเลอกรปทจะเปดเยอะๆ ไมตองเปดโปรแกรมดภาพอยาง gThumb มาดรปกอน สวนการทำางานแกไขรปภาพทวๆ ไปนนกไมแตกตางอะไรกบ The Gimp ตวเกานก แตอนเทอรเฟซทพฒนาขน ทำาใหทำางานเดมๆ ไดสะดวกขนมาก ไมตองคอยสลบหนาตางไปมาวนวาย สรปวา The Gimp 2.0 ใชงานงายมาก

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 2 -

Page 3: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

บทท 2

เรมใชงน

2.1 เรยกใชงนโปรแกรม The Gimp 2.0เมอเขาสหนาจอ X-windows เรยบรอยแลว สามารถเรยกใชงาน

โปรแกรมโดย วธท 1 เรยกจาก Menubar คอ Application -> รปภาพ -> The Gimp ดงภาพ 2.1 วธท 2 เปด terminal พมพคำาสง The Gimp ดงภาพ 2.2

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 3 -

Page 4: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.1 การเปดโปรแกรม The Gimp โดยเรยกจาก Tool bar

รปท 2.2 การเปดโปรแกรม The Gimp โดยเรยกจาก Terminal2.2 หนจอโปรแกรม The Gimp

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 4 -

หนาตางหลกของ Gimp แบงเปน 3 สวน สวนบนสดคอทลบาร ถดมาคอจานส และ Texture ลางสดนนคอ Properties ของทลบารปมทกำาลงใชงานอย

2.2.1 หนจอหลกปมตงๆ เรยงจกบนลงลง ซยไปขว มดงน

- Rectangle Selection - เลอกแบบสเหลยม

- elliptic Selection - เลอกแบบวงกลม/ร

- hand-draw Selection - เลอกตามเมาสลาก

- contiguous Selection - ไมกายสทธ เลอกตามส

- color Selection - เลอกตามส คอ เลอกสแบบเดยวกนทงรป ไมตองตดกนกได

- Shape Selection - เลอกแบบจดตอจด

- Path -ใชสรางภาพ แบบตอจด- Pick Color ตวดดส โดยทวๆ ไป - Zoom - Most promising path tool - คอ

วาดเสนแบบเปน path นนเอง - Move - Crop ของ Gimp เปนรปใบมดมาตง

นานแลว - Rotate หมนรป พวกนเรมเขาสหมวด

Page 5: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

2.2.2 หนตง Layers Channels และ Paths

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

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 5 -

- Air Brush - Ink - Stamp หรอการ Copy ภาพไป

ตำาแหนงอน- Blur/Sharpen - Dodge/Burn - Smudge

Page 6: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

2.2.3 หนตง Brush Pattern and Gradients

เปนหนาตางเพมเตมทสามารถเพม ทเกยวกบการวาดภาพ การลงส และการทำาพน ดวยภาพตางๆ

รปท 2.3 การแทรกเครองมอในหนาตางหลก

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 6 -

Page 7: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

2.2.4 หนตง Buffers Image History

เปนหนาตางเพมเตมทสามารถเพม ทเกยวกบร ปภาพ การกระท ำาก บร ปภาพ หรอ History ทสามารถยอนกลบไปแกไขได และการเปลยนขนาดของภาพ

ซงในการแทรกหนาตาง ในหวขอ

2.3 กรสรงภพใหม

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 7 -

Page 8: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

สรางเอกสารใหมไดจาก เมน File -> New จะปรากฏหนาตางดงภาพ 2.4 การสรางเอกสารใหมซงสามารถกำาหนดเงอนไขตางๆคลายกบ Photoshop

รปท 2.4 การแทรกเครองมอในหนาตางหลก

กรกำหนดคณสมบตตงๆ- From Template เปนการเลอกขนาดเอกสารจากขอมลท

มอย เชน size A4 A3 - Image Size เปนการกำาหนดขนาดภาพตามทตองการ ซง

มขนาดใหเลอก- Image Type เปนการเลอกโมเดลส วาจะเลอก RGB

Color หรอ GrayScale- Fill Type เปนการเลอกลกษณะพนหลง- Image Comment Comment รปภาพ

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 8 -

Page 9: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.5 การกำาหนดคณสมบตตางๆ

2.4 เมนแฟม ( Menu File )ประกอบดวย

- New สรางเอกสารใหม

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 9 -

Page 10: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Open เปดขอมลรปภาพ- Save บนทกขอมล- Close ปดหนาตางภาพโปรแกรม- Quit ออกจากโปรแกรม

รปท 2.6 เครองมอในเมนแฟม

2.5 เมนแกไข ( Menu Edit )ประกอบดวย

- Undo ยกเลกการประทำาครงลาสด - Redo การเลอกทำาอกครง

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 10 -

Page 11: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Undo History ยกเลกการประทำาตามทเครองททำาประวตการทำางานไว

- Cut- Copy- Paste- Clear- Fill with FG Color เตมสทเปนส ดานหนา ในขณะ

นน- Fill with Bg Color เตมสทเปนส ดานหลง ในขณะ

นน- Fill with Pattarnเตมสพนตามรปแบบทมอย

รปท 2.7 เครองมอในเมนแกไข2.6 เมนตวเลอก ( Menu Select )

ประกอบดวย- All เปนการเลอกขอมลภาพทงหมด

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 11 -

Page 12: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- NONE ยกเลกการเลอก- Invert เปลยนไปเลอก ขอมลภาพทไมไดถกเลอก- By Color เลอกเฉพาะสทตองการ

รปท 2.8 เครองมอในเมนตวเลอก

2.7 เมนมมมอง ( Menu View )ประกอบดวย

- New view เปนการเปดอกหนงหนาตางเพอใชในการแสดงผล

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 12 -

Page 13: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Dot for Dot เปนการเลอก Mode การแสดงผล โดยจะบอกคาตำาแหนงเปนจด

ภาพ โดยดจาก Status bar เมอลากเมาไปตำาแหนงตางๆ บนภาพ ปรแกรมจะบอกคาตำาแหนงมหนวยเปนจด

- Zoom (100%) เลอกขนาดของการแสดงผล- Info Windows บอกรายละเอยดเกยวกบ ขนาดภาพ ส

การแสดงผล ฯลฯ- Nevigation Windows เปนการเปดหนาตาง

Nevigation หรอเลอกใหเมนหลกแสดงขอมลหนาตาง Nevigation

- Display Fillters เปนการเปดหนาตาง Fillters เพอใชในการทำางาน

- Show Selection แสดงขอมลในสวนทเลอก- Show Layer Boundary- Show Guides- Snap to Guides- Show Grid แสดงเสนตารางบรเวณรปภาพเพอจะ

ไดพกดทแนชดของภาพ- Snap to Grid- Show Menubars แสดง Menu Bar- Show Rulers แสดงไมบรรทด เพอวดขนาดของภาพ- Show Scrolbars แสดง Scrolbars- Show Statusbarแสดง Status Bars- Shrink Warp- Fullscreen

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 13 -

Page 14: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.8 เครองมอในเมนมมมอง

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 14 -

Page 15: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

2.8 เมนรปภพ ( Menu Image )ประกอบดวย

- Mode- Transform- Canvas Size- Scale Size- Crop Image- Duplicate

รปท 2.9 เครองมอในเมนรปภาพ

2.9 เมนเลเยอร ( Menu Layers )ประกอบดวย

- New Layer สราง Layer ใหม

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 15 -

Page 16: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Duplicate Layerรวม Layer- Delete Layer ลบ Layer

Stack เปนการเปลยนลำาดบของ Layer ใชเพอเลอนลำาดบของ Layer แตละ Layer เพอประโยชนในการแสดงผล โดย Layer ทอยดานบนจะทบ Layer ทอยดานลาง ดงนนจะตองลำาดบภาพใหด เพอจะไดงานทตองการ

รปท 2.10 เครองมอในเมนรปภาพ Stack

Colors ใชจดการเกยวกบส- Color Balance , Hue-Saturation Colorize

เปนลกษณะการปรบแตงสโดยเลอกโทนสทตองการ ซงแตละอยางจะม Tool ในการปรบแตงไมเหมอนกน

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 16 -

Page 17: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Brightness-Constrast การปรบแตงแสงสวางและความคมชดของภาพ

- Threshold เปนลกษณะททำาภาพสใหแสดงผลเปนภาพขาวดำา

- Levels เปนตวปรบขนาดของระดบสตางๆ ซงเปนลกษณะกราฟส

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

- Posterize เปนการลดความละเอยดของส- Desaturete เปนการเปลยนภาพเปนขาวดำา โดยจะไล

ระดบส ขาว—ดำา- Invert เปนการเปลยนสของรปภาพเปนสคตรงขาม

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 17 -

Page 18: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.11 เครองมอในเมนรปภาพ ColorsMask ใชจดการ

รปท 2.12 เครองมอในเมนรปภาพ Mask

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 18 -

Page 19: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

Transparency เปนเครองมอทเกยวกบ Selection โดยขณะทใช Selection Tools ถาตองการเลอกขอมลเพม ใหเลอกท Add to Selection เปนตน

รปท 2.13 เครองมอในเมนรปภาพ Transparency

Transform เปนเครองมอทใชสลบตำาแหนงของรปภาพ จากบนลาง ซายขวา หรอการเปลยนตำาแหนงเลกนอย เอยงซาย เอยงขวา

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 19 -

Page 20: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.14 เครองมอในเมนรปภาพ Transform

2.10 เมนเครองมอ ( Menu Tools )เปนเครองมอตางๆ ทสวนใหญจะปรากฏอยทหนาเมนหลกอยแลว

เพยงแตโปรแกรมมาแยกหมวดหมอกครง

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 20 -

Page 21: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.15 เครองมอในเมนเครองมอ

2.11 เมนไดอะรอก ( Menu Dialog )เปนเมนทจดการหนาตางของโปรแกรม เชน หนาตาง Layer ,

Path , Naviation ฯลฯ

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 21 -

Page 22: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.16 เครองมอในเมนไดอะรอก

2.12 เมนฟลเตอร ( Menu Filters )เปนสวนทใชงานบอย เปนลกษณะพเศษทโปรแกรม The Gimp

เตรยมใหเรยบรอยแลวประกอบดวย Blur

- Blur เปนการปรบแตงภาพใหเบลอ- Gaussion Blur แตงภาพใหเบลอโดยสามารถกำาหนด

ความเบลอได- Motion Blur แตงภาพใหเบลอโดยสามารถ

กำาหนดทศทางใหภาพได

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 22 -

Page 23: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- Pixeize แตงภาพใหเบลอโดยลกษณะเปนแบบภาพ พกเซล คอเปนรปส

เหลยมเลกๆ

รปท 2.17 เครองมอในเมนฟลเตอร

Colors , Noise , Edge-Detect Enhence , Generic เปนเครองมอทใชเกยวกบการผสมส ในลกษณะตาง ซงอาจมการเลอกโทนส ไลระดบสและอนๆ ซงเปนลกษณะทผใชสามารถเลอกไดตามทตองการ ซงจะไมกลาวในรายละเอยดมากนก แตเครองมอเหลานจะเกยวกบการปรบแตงรปภาพ โดยโปรแกรมจะมใหอยแลวสามารถใหจนตนาการ สรางสรรคได

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 23 -

Page 24: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 2.18 เครองมอในเมนฟลเตอร

บทท 3

กรออกแบบและสรงผลงน

3.1 กรสรงภพในตวอยางแรกเปนการใชเครองมองายๆ สำาหรบสรางงาน กอนอนทำาการสรางไฟลใหม โดยไปทเมน File -> new ( หรอกด Ctrl + n )

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 24 -

Page 25: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

- จากนนสรางภาพขนาด 400 x 200 Pixels- Ressolution ความละเอยดของภาพ 72 Pixels /

ตารางนว- อยใน Model ส RGB Color- ภาพเปนลกษณะ Transparent โปรงใส

รปท 3.1 รปแบบการสรางเอกสารใหม

จะไดลกษณะเอกสารใหมดงภาพ ซงจะเปนภาพโปรงใส ตอจากนนใหไปทเมนหลก เลอกเครองมอกระปองสเพอจะไดเตมสใหกบพนหลง

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 25 -

Page 26: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.2 รปแบบการสรางเอกสารใหม

รปท 3.3 เครองมอทใชในการเตมส

โดยใหเลอกการเตมสพนหลงแบบ Pattern จากนนใหเลอกรปแบบทตองการ เมอเลอกรปแบบเรยบรอยแลวใหเลอนเมาท ไปเทสบรเวณเอกสาร

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 26 -

เลอกเครองมอกระปองส

Opacity เปนลกษณะการแสดงผลแบบเตม 100% หรอโปรงแสงกำาหนดคณสมบตเตมสจาก ส Foreground Background หรอ Pattern

บนทกรปแบบ Bucket Fill

เรยกใชรปแบบ Bucket Fill

ลบรปแบบ Bucket Fill

Reset คาทตงไวใหเปนคา Default

การเลอกเตมส หรอ Pattern ทงเอกสาร หรอตำาแหนงทเลอกไว

Page 27: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.4 คณสมบตเพมเตมของเครองมอทใชในการเตมส

จากนนใหเลอกเครองมอในการแทรกขอความ และแทรกขอความลงไป

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 27 -

เลอก Fontเลอก ขนาดFontเลอก ส Font

จดตำาแหนงความกวางระหวางตวอกษร และ บรรทด

Page 28: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.5 แทรกขอความลงในในเอกสาร ตอไปใหเลอกเมน Layer แลวสราง Layer ใหม สามารถเลอก

จากทลบาร Layer -> New Layer หรออาจเพมเลเยอรจากหนาเมนหลก จากนนเลอก Tool Selection รปวงกลมเพอสรางวงกลมบน Layer อนใหม ขนมา

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 28 -

สราง Layer ใหม

เปลยนลำาดบการวาง Layer สำาเนา

Layer ลบ Layer

หนาตางหลกของ Layerการเลอกแสดงภาพ 100% หรอแบบโปรงแสงแสดง Layer ตางทมอย เครองหมายรปตาหมายถง Layer ทเปดใชงานและแถบสฟาจะบอกวา ขณะนกำาลงทำางานอยท Layer ใด

เลอก Selection Tool ทเปนรปวงกลม

Page 29: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.6 คณสมบตของเครองมอ Layer

รปท 3.7 การเพม Select รปวงกลม

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

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 29 -

Page 30: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.8 การเทสลงไปในวตถทเลอกไว

รปท 3.9 การเปลยนลำาดบของ Layer

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 30 -

Page 31: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

สามารถเพม Effect เพมเตมใหกบชนงาน เชน Shear ใหกบ

วตถวงกลม เปนการปรบมม การบด บบ และเปลยนตำาแหนงให

กบวตถ โดยจะปรากฏเสนตารางลอมรอบวตถ ผใชสามารถ

ปรบแตงไดโดยใชเมา เพอปรบ

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 31 -

Page 32: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.10 การใชเครองมอ shearจากนนใหทำาการบนทกขอมล โดยไปท File -> Save จากนนจะ

มหนาตางสำาหรบการบนทก โดยจะตองเลอกตำาแหนงทจะบนทก ชอไฟล และเลอก File type ทตองการ Save เชน

PngJpgXcfGifPsdTiff

รปท 3.11 อธบายการบนทกขอมล

3.2 กรสรง Icon ใหโปรงใส

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 32 -

สรางไดเรคทอรใหม

ลบขอมล เปลยนชอ

ตำาแหนงทบนทก

ตงชอ . นามสกลของไฟลภาพ

เลอกชนดไฟล

หนาตางสำาหรบแสดงภาพ

ขอมล

ออกจากตำาแหนง

Page 33: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

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

แตใน The Gimp เวอรชนนสามารถสรางภาพลกษณะโปรงใสไดแลว โดยถาเราตองการสรางภาพไอคอนแบบงายๆ เปนลกษณะรปสเหลยม 3 สวน โดยใหมขนาดจรง 10x10 pixels โดย

1. สรางพนกอนขนาดเทาใดกได 2. สรางสเหลยม 3 รปตามภาพ ลงสตามทคดเอาไว3. ตดสวนทไมจำาเปนออกไป4. ลดขนาดใหเทากบ 10x10 pixels ตามทตองการ

เปนการสรางเอกสารใหมขนาด 100 x 100 pixels , RGB Color , Transparent

รปท 3.12 สรางเอกสารใหม

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 33 -

Page 34: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

จะไดเอกสารใหมดงภาพ

รปท 3.13 เอกสารใหม

ใชเครองมอ Select รปสเหลยมสรางรปขนมา 3 ภาพ โดยมเทคนคเพอใหเปนสเหลยมจตรสโดยการกดปม Shift คางไว ขณะทสราง จากนนใหเลอกเครองมอกระปองสเพอเทสทตองการลงไปใน Selection ทเลอกไว

รปท 3.14 การเตมส

เลอกเครองมอ Crop มลกษณะคลายใบมด มหนาทสำาหรบตดภาพ จากนนเลอกภาพ

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 34 -

Page 35: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.15 การใชเครองมอ Crop

เมอตดสวนทไมตองการออกไปแลว image -> Scale Image เพอลดขนาดภาพตามทตองการ

รปท 3.16 การใชเครองมอ Scale Image

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 35 -

Page 36: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.17 การใชเครองมอ Scale Image

สวนทสำาคญทสดทสดใหภาพโปรงใสคอขนตอนการบนทก โดยจะตองเลอก File Type เปน PNG

รปท 3.18 ขนตอนการบนทก โดยเลอก File Tpye เปน PNG

จากนนใหเลอกคณสมบตของการ Save โดยจะตองไมเลอกในของมล Save Background Color

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 36 -

Page 37: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

รปท 3.19 ขนตอนการบนทก โดยกำาหนดคณสมบต File Tpye เปน PNG

บทท 4

บทสรป

การจดการกบภาพ จดวาเป นมต ส ำาค ญในการใชประโยชนจากคอมพวเตอร ผใชทวไปจำานวนหนงตองการทจะใชซอฟตแวรในระบบโอเพนซอรส แตยงตองใชงานซอฟตแวรในระบบปดตอไป เนองจากไมร จกซอฟตแวรในการจดการภาพทดในระบบโอเพนซอรส การเผยแพรวธการใช

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 37 -

Page 38: บทที่ 1 - Burapha Universityathitha/training/... · Web view2.3 การสร างภาพใหม สร างเอกสารใหม ได จาก เมน

งาน The Gimp นเพอแสดงใหเหนวามซอฟตแวรจดการภาพทดในระบบโอเพนซอรสเชนกน อกทงวธการใชงานกไมได ซบซอนแตกตางจากซอฟตแวรราคาแพงในระบบปดแตอยางใด อยางไรกตามโปรแกรม The Gimp นเปนโปรแกรมขนาดใหญ ม options ใหเลอกใชงานมากมาย ผเร มตนใชงานทไมคนเคยกบการใชงานโปรแกรมจดการภาพอาจตองการคำาแนะนำาในวธการใชงานกอน เอกสารฉบบนจดทำาขนเพอวตถประสงคดงกลาว โดยไดแนะนำาวธการเร มใชงานอยางละเอยดพรอมภาพประกอบไวอยางชดเจน ในขณะเดยวกนกไดแสดงขนตอนและวธการใชงานทสำาคญๆ ไว เชนการสรางภาพใหม วธการใชงานเมนตางๆ คำาศพทในการจดการภาพทจำาเปนจะตองรจก นอกจากนนในเอกสารยงมการอธบายในลกษณะของตวอยางในการออกแบบและสรางผลงาน ทงนไดมการจดทำาเปนขนตอนการทำางานไวอยางเปนระบบ

โครงการบรพาลนกซ ใหความสนใจกบการเผยแพรโปรแกรม The Gimp เนองจากพจารณาเหนวาจะเปนประตเปดใหผใชเชอมนในขดความสามารถของโอเพนซอรส โดยคาดหมายวาจะมการใชงานโปรแกรม The Gimp นกนอยางแพรหลายในอนาคตอนใกลน เอกสารฉบบททานใชงานอยนนาจะเปนประโยชนในระดบหนง อยางไรกตามดวยเวลาทจำากด อาจจะมสวนหนงสวนใดไมสมบรณ ทางโครงการ ขอนอมรบคำาตชมและกราบขออภยมา ณ ทน และจะพยายามปรบปรงเอกสารนใหดขนตอไป

Open up Open Source

โครงการวจยบรพาลนกซ ครงท 4 แตงภาพสวยดวย THE GIMP- 38 -