หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp
description
Transcript of หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp
![Page 1: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/1.jpg)
หนวยท 3 รถองแทโปรแกรม Gimp
![Page 2: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/2.jpg)
• Open Source Software ทชวยในงานออกแบบ
• ลกษณะเดยวกบโปรแกรม Adobe PhotoShop
• ท างานไดกบแฟมเอกสาร .psd
• สนบสนนการสรางสรรคงานกราฟกทหลากหลาย โดยเฉพาะงานกราฟกส าหรบเวบ
• The Gimp (ยอมาจาก GNU Image Manipulating Program ชอตองม The น าหนาเสมอดวย) โปรแกรมวาดรปสดเกงของลนกซ
GIMP
![Page 3: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/3.jpg)
องคประกอบ
Elements of the program
![Page 4: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/4.jpg)
• หนาตางแบบลอย (Floating Window)
4
Toolbar
Tool Options
Dialog
Image Windows
![Page 5: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/5.jpg)
Tools Icon
![Page 6: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/6.jpg)
Tools Icon
![Page 7: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/7.jpg)
เปดไฟลภาพ • เลอกค าสง File, Open...
7
![Page 8: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/8.jpg)
ภาพส าหรบเวบ
• JPG
– ภาพสมาก
– โหมด RGB
– Resolution 72 dpi
– Quality 60 - 90
– Progressive Effect
• GIF
– ภาพสนอย
– โหมด Indexed Color
– Resolution 72 dpi
– Interlaced Effect
8
![Page 9: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/9.jpg)
RGB model • ชดสบนจอภาพคอมพวเตอร
• Red (แดง), Green (เขยว), Blue (น าเงน)
9
Red
Green
Blue
![Page 10: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/10.jpg)
CMYK model • ชดสส าหรบเอกสารงานพมพ, เครองพมพ
• Cyan (ฟา), Magenta (บานเยน), Yellow (เหลอง), blacK (ด า)
10
![Page 11: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/11.jpg)
GIF / JPEG
11
![Page 12: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/12.jpg)
GIF or JPEG?
12
![Page 13: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/13.jpg)
ภาพส าหรบเวบ
• PNG
–ฟอรแมตภาพใหม ทน า
ความสามารถของ GIF
และ JPG มาผสมรวมกน
• TIF
– ฟอรแมตภาพเฉพาะส าหรบ
การท าหองสมดดจทล
13
![Page 14: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/14.jpg)
มาตรฐานรปแบบการน าเสนอภาพ
14
100 100 pixels 300 250 pixels Size
72 dpi 72 dpi Resolution
PNG PNG / JPEG / GIF / TIF Format
Preview Website
![Page 15: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/15.jpg)
72/300 dpi • 72 dpi = 72 pixels high x 72 pixels wide = 5184 pixels in a square inch
• 300 dpi = 300 pixels high x 300 pixels wide = 90,000 pixels in a square inch
15
![Page 16: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/16.jpg)
Progressive & Interlaced Effect
16
รปภาพทแสดงในโหมดปกต
การแสดงผลภาพแบบ Interlaced การแสดงผลภาพ แบบ Progressive
![Page 17: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/17.jpg)
GIF • Graphics Interlace File
– จ านวนสและความละเอยดของภาพไมสงมากนก
– ตองการพนแบบโปรงใส
– ตองการแสดงผลแบบโครงรางกอน แลวคอยแสดงผลแบบละเอยด (Interlaced)
– ควบคมจ านวนสทตองการได (Bit Depth)
– ตองการน าเสนอภาพแบบภาพเคลอนไหว
– สวนขยายคอ .gif
17
![Page 18: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/18.jpg)
Bit Depth
18
256 colors
16 colors
2 colors 1-bit 4 colors 2-bit 8 colors 3-bit 16 colors 4-bit 32 colors 5-bit 64 colors 6-bit 128 colors 7-bit 256 colors 8-bit 32.8 thousand colors 15-bit 65.5 thousand colors 16-bit 16.7 million colors 24-bit 16.7 million colors + 8 bit grayscale mask 32-bit
![Page 19: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/19.jpg)
Bit depth
19
24 bit color
16 million colors
1.55 MB
8 bit color
256 colors
518k
8 bit gray scale
256 shades of gray
518k
1 bit dithered
image
64k
![Page 20: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/20.jpg)
Transparent GIFs • การท าใหพนของภาพ เปนพนโปรงใส
20
![Page 21: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/21.jpg)
Animation GIF
21
![Page 22: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/22.jpg)
JPEG • Joint Photographer's Experts Group
– เหมาะสมกบการน าเสนอทงระบบสอมลตมเดย และเวบไซต
– สามารถก าหนดขนาดของไฟลไดตามความเหมาะสม (File Compression)
– สามารถก าหนดคณสมบตการแสดงผลแบบหยาบ แลวคอยๆ ละเอยดเมอเวลาผานไป ทเรยกวาคณสมบต Progressive
– สวนขยายของไฟลรปแบบนคอ .jpg หรอ .jpeg
22
![Page 23: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/23.jpg)
JPEG File Format
23
JPEG - 19K Low Quality
JPEG - 60K Max Quality
![Page 24: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/24.jpg)
PNG
24
Portable Network Graphics รปแบบลาสดในการน าเสนอภาพผานเครอขายอนเทอรเนต
สามารถแสดงผลไดในระบบสเตมพกด (True Color), มขนาดไฟลเลก และควบคมคณภาพไดตามทตองการ มการก าหนดใหพนภาพเปนพนโปรงใสได (Transparent) รวมทงการแสดงผลแบบหยาบสละเอยด (Interlaced)
สวนขยายของไฟลรปแบบนคอ .png
![Page 25: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/25.jpg)
TIFF
25
Tagged-Image File Format รปแบบทใชเกบภาพพรอมรายละเอยดตางๆ เชน เลเยอร (Layer),
Annotation, โหมดภาพทงระบบ CMYK, RGB, Lab Color ตลอดจนขอมลประกอบอนๆ ตามตนฉบบเดมของภาพ
เหมาะสมตอการเกบบนทกภาพตนฉบบ และภาพส าหรบใชประกอบ การสรางสอสงพมพ
ปจจบนน าฟอรแมตนมาใชกบเอกสารเวบดวย
สวนขยายของไฟลรปแบบนคอ .tif
![Page 26: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/26.jpg)
การตดตงโปรแกรม
Setup GIMP
![Page 27: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/27.jpg)
![Page 28: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/28.jpg)
![Page 29: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/29.jpg)
![Page 30: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/30.jpg)
![Page 31: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/31.jpg)
![Page 32: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/32.jpg)
![Page 33: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/33.jpg)
![Page 34: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/34.jpg)
![Page 35: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/35.jpg)
![Page 36: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/36.jpg)
![Page 37: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/37.jpg)
การใชงานGIMP
![Page 38: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/38.jpg)
ปรบขนาดภาพ (Image Size)
• เลอกค าสง Image, Scale Image...
38
ปรบคา Width หรอ Height
โดยใหระวงหนวย ควรเปน pixels
คลกทรปโซ
เพอยกเลกความสมพนธ ของคาความกวางและ
ความสงของภาพ
![Page 39: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/39.jpg)
บนทกภาพ JPEG • เลอกค าสง File, Save As...
39
เลอกไดรฟ/โฟลเดอร
เลอกประเภทของไฟลภาพ
![Page 40: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/40.jpg)
บนทกภาพ JPEG
• เลอกคณภาพ (Quality)
• เลอก Progessive
40
![Page 41: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/41.jpg)
ตดภาพ (Crop) • เลอกเครองมอ Crop
• ก าหนดขอบเขตส าหรบภาพทตองการ – สามารถยอ/ขยาย หรอยายต าแหนงพนทได
• เมอไดพนทแลวใหคลกเมาส 1 ครง โปรแกรมจะตดภาพใหอตโนมตตามขนาดพนททำก าหนด – ยกเลกการตดภาพไดดวยปมคยลด <Ctrl><Z>
41
![Page 42: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/42.jpg)
ก าหนดเสนควบคมการตดภาพ • เสนควบคมในการตดภาพ หรอท างานกบภาพ เรยกวา Guide
42
น าเมาสไปชใน ไมบรรทด (Ruler) แลวลากเสนออกมา
สามารถปรบต าแหนง หรอดงกลบไปเกบได ยกเลกเสน Guide
เลอก Image, Guides, Remove All Guides
![Page 43: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/43.jpg)
หมนภาพ พลกภาพ
• เลอกค าสง Image, Transform, ...
43
![Page 44: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/44.jpg)
ตดสพนภาพ
44
![Page 45: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/45.jpg)
ตดสพนภาพ • เปดไฟลภาพทตองการตดส
• คลกเลอกเครองมอ Select regions by Color
• เลอกโหมดการเลอกเปน Add จาก Option Tab
45
![Page 46: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/46.jpg)
ตดสพนภาพ
• น าเมาสไปคลกต าแหนงสของพนภาพทตองการเลอก
• สามารถคลกไดหลายครง เพอเลอกเฉดสอนๆ ทตองการ
• ลบพนภาพไดโดยการกดปม <Delete>จะปรากฏ สใหมของพนภาพตามคาส Background
46
Foreground Color
Background Color
![Page 47: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/47.jpg)
ยกเลกขนตอนการท างาน • การท างานทท าผานไปแลว จะบนทกไว Undo History Dialog
• สามารถยกเลกการท างานกอนๆ ไดโดยเปด Undo History Dialog ดวยค าสง Edit, Undo History...
• คลกเลอกขนตอนทตองการยกเลก โดยขนตอนครงลาสดจะอยดานลาง
47
![Page 48: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/48.jpg)
ภาพ Transparent
• ภาพ Transparent คอภาพทไมมพนภาพ (พนโปรงใส)
• ขนตอนการท าภาพพนโปรงใส จากภาพสใชขนตอนเดยวกบการตดสพนภาพ แตกอนกดปม <Delete> เพอลบพนภาพเดม
– กดปมขวาของเมาสทภาพ
– เลอกค าสง Layer, Transparency, Add Alpha Channel
48
![Page 49: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/49.jpg)
ภาพ Transparent
49
![Page 50: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/50.jpg)
ภาพ Transparent
50
![Page 51: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/51.jpg)
บนทกภาพ GIF Transparent
• ภาพทมพนโปรงใส จะตองบนทกในฟอรแมต GIF ดงน
• เลอกค าสง File, Save As...
• เลอกฟอรแมตภาพเปน GIF
• เลอกไดรฟ/โฟลเดอร
• ก าหนดชอไฟลภาพ แลวคลกปม Save
51
![Page 52: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/52.jpg)
บนทกภาพ GIF Transparent
• โปรแกรมจะแสดงใหทราบวาจะมการเปลยนโหมดเปน Indexed Color
• คลกปม Export เพอแปลงโหมดสของภาพ
52
![Page 53: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/53.jpg)
บนทกภาพ GIF Transparent • กรณทภาพมขนาดโต ใหคลกเลอกรายการ Interlace เพอแสดงภาพแบบ
โครงรางกอน
• คลกปม Save เพอบนทกภาพ
53
![Page 54: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/54.jpg)
ภาพขอบมน
54
![Page 55: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/55.jpg)
ภาพขอบมน • เปดไฟลภาพ
• ปรบขนาดภาพตามเหมาะสม
• คลกเลอกเครองมอ Select rectangle regions
• สรางขอบเขตส าหรบภาพ
• เลอกค าสง Select, Rounded Rectangle...
55
![Page 56: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/56.jpg)
ภาพขอบมน • ก าหนดคาตวเลขความมน
• คลกปม OK
• เลอก Selection ดานนอก ดวยค าสง Select, Invert
• กดปม <Delete> เพอ ลบพนทขอบนอก
56
ยกเลก Selection ดวยปม
<Ctrl><Shift><A>
![Page 57: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/57.jpg)
ปรบแตงภาพ • การปรบแตงความคมชด ส หรอความสวางของภาพ จะใชเมนค าสง Color, ...
57
![Page 58: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/58.jpg)
สรางไฟลใหม
• เลอกค าสง File, New...
• ระบความกวาง (Width) และความสง (Height) หนวยควรเปน pixels
• คลก Advanced Options
• เลอก Color space เปน RGB color
58
![Page 59: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/59.jpg)
ตวอกษรเงา
• สรางไฟลใหม
• เลอกเครองมอ Text
• คลกเมาส ณ ต าแหนงทตองการ พมพขอความ
• พมพขอความใน GIMP Text Editor
59
![Page 60: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/60.jpg)
ตวอกษรเงา • ก าหนดลกษณะตวอกษรจาก Text Option
• ยายต าแหนงขอความ โดยเปลยนไปเลอก เครองมอ Move
60
![Page 61: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/61.jpg)
ตวอกษรเงา • เปดใชงาน Layer Dialog จะพบวามชนเลเยอร 2 ชน
• คลกปมขวาของเมาสทเลเยอรขอความ เลอกค าสง Duplicate Layer
61
![Page 62: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/62.jpg)
ตวอกษรเงา • คลกเลอกเลเยอรตวอกษร เลเยอรลาง
• เลอกค าสง Filter, Blur, Gaussian Blur... ปรบคาความเบลอ เพอใหไดตวอกษรทมลกษณะเปนเงา
• เลอกเครองมอ Move ยายขอความในเลเยอรลางตามตองการ
62
![Page 63: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/63.jpg)
Background ลายน า • สรางไฟลใหม
• เลอกค าสง Filter, Render, Lava
• เลอก Gradient เปน Horizon 2
• คลกปม OK
63
![Page 64: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/64.jpg)
Layer • การท างานของ GIMP ใหยดหลก 1 วตถตอ 1 เลเยอร
• เลเยอรพนฐานคอ Background ไมควรวาดในเลเยอรน
64
![Page 65: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/65.jpg)
ออกแบบ Pattern
• สรางไฟลใหมขนาด 10 x 10 pxs
• ขยายจอภาพระดบ 1600% (View, Zoom, ...)
• เลอก Pencil ขนาด 1 x 1
• วาด Pattern ตามตองการ
65
![Page 66: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/66.jpg)
ออกแบบ Pattern
• บนทก Pattern ดวยค าสง File, Save As
• เลอกโฟลเดอรเปน
• เลอกฟอรแมตเปน GIMP Pattern (.pat)
66
![Page 67: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/67.jpg)
ใชงาน Pattern
• สรางไฟลใหม
• เปด Pattern Dialog (Dialog, Pattern)
• คลกปม Refresh patterns
• เลอกค าสง Edit, Fill with Pattern
67
![Page 68: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/68.jpg)
Path • เครองมอวาดรปทรงอสระ
• วาดเสนโคง
68
สรางไฟลใหม
สรางเลเยอรใหม แบบ Transparent
คลกเลอกเครองมอ Path
คลกเมาส 3 ครงดงน
ยกเลกการสราง Path
ใช <Ctrl><Z>
![Page 69: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/69.jpg)
Path - เสนโคง
• เลอนเมาสมาชทจด Handle ต าแหนงกงกลาง
• กดปม <Ctrl> คางไวแลวเลอนเมาส เพอปรบใหเปนเสนโคง โดยจะมแกนยดออกมา 1 เสน
• เลอนเมาสไปคลกทปลายของแกน (ต าแหนงสเหลยม) เพอปรบความโคงไดอสระ
• กดปม <Ctrl> คางไว พรอมกบลากเมาสออกจากต าแหนงจดกงกลาง โดยลากไปอกดาน จะปรากฏแกนควบคมอก 1 แกน ปรบไดำอสระ เชน
69
![Page 70: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/70.jpg)
Path - เสนโคง
• ปรบใหเปนเสนโคงตามตองการ
• เตมสใหกบเสนโดย – คลกปม Stroke path จาก Path
Options
– ปรบคาของเสน
• คลกเครองมออน เพอปด Path
70
![Page 71: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/71.jpg)
Path
• Path ทสรางไวจะปรากฏอยใน Path Dialog ซงมลกษณะการท างานคลายกบ Layer Dialog
71
![Page 72: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/72.jpg)
Close Path • การสราง Path ทมลกษณะปด
• เทคนคการออกแบบเสนกรอบ หรอขอบ หรอรปทรงลกษณะตางๆ
72
![Page 73: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/73.jpg)
Close Path • สราง Path ตามลกษณะปกต แตต าแหนงสดทายจะตองมาคลกท
ต าแหนงเรมตน พรอมๆ กบการกดปม <Ctrl> คางไว
• เตมสภายใน Path ไดโดย
– คลกปม Create Selection from Path จาก Path Option
– เลอกสหรอลวดลาย
– เตมสดวยค าสง Edit, Fill..
73
![Page 74: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/74.jpg)
Path • Begin a new path Click
• Begin a new component path Shift + Click
• Add a new anchor path Click
• Add a new anchor between ... Ctrl + Click
• Close path Ctrl + Click
• Delete an anchor path Ctrl + Shift + Click
74
![Page 75: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/75.jpg)
Path
• Move single anchor Drag & Drop
• Move entire path Alt + Drag
• Move one handle Ctrl + Drag
• Move both handles Shift + Drag
75
![Page 76: หน่วยที่ 3 รู้ถ่องแท่โปรแกรม Gimp](https://reader034.fdocument.pub/reader034/viewer/2022052207/5590bb0c1a28abd1308b4618/html5/thumbnails/76.jpg)
การประยกตใชงาน Close Path
76