SlideShare uma empresa Scribd logo
1 de 64
GIMP : Graphics Design for Web บุญเลิศ อรุณพิบูลย์ นักวิชาการ  1 ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ  ( สวทช .) ‏ [email_address] http://www.stks.or.th
GIMP ,[object Object],[object Object],[object Object],[object Object],[object Object]
ติดตั้งโปรแกรม ,[object Object],[object Object],[object Object]
หน้าต่างโปรแกรม ,[object Object],Image Windows Toolbar Options Dialog
เปิดไฟล์ภาพ ,[object Object]
ภาพสำหรับเว็บ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
RGB model ,[object Object],[object Object],Red Green Blue
CMYK model ,[object Object],[object Object]
GIF / JPEG
GIF or JPEG?
ภาพสำหรับเว็บ ,[object Object],[object Object],[object Object],[object Object]
มาตรฐานรูปแบบการนำเสนอภาพ    100    100 pixels    300    250 pixels Size 72 dpi 72 dpi Resolution PNG PNG /  JPEG / GIF / TIF Format Preview Website
72/300 dpi ,[object Object],[object Object]
Progressive & Interlaced Effect รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ  Interlaced การแสดงผลภาพ แบบ  Progressive
GIF ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Bit Depth 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
Bit depth 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
Transparent GIFs ,[object Object]
Animation GIF
JPEG ,[object Object],[object Object],[object Object],[object Object],[object Object]
JPEG File Format JPEG - 19K Low Quality JPEG - 60K Max Quality
PNG ,[object Object],[object Object],[object Object],[object Object]
TIFF ,[object Object],[object Object],[object Object],[object Object],[object Object]
โหมดภาพ และขนาดภาพ 640 x 480 ขนาดของภาพ โหมดภาพ  RGB
เปลี่ยนโหมดภาพ ,[object Object]
ปรับขนาดภาพ  (Image Size) ‏ ,[object Object],ปรับค่า  Width  หรือ  Height โดยให้ระวังหน่วย ควรเป็น  pixels คลิกที่รูปโซ่ เพื่อยกเลิกความสัมพันธ์ ของค่าความกว้างและ ความสูงของภาพ
บันทึกภาพ  JPEG ,[object Object],เลือกไดร์ฟ / โฟลเดอร์ เลือกประเภทของไฟล์ภาพ
บันทึกภาพ  JPEG ,[object Object],[object Object]
ตัดภาพ  (Crop) ‏ ,[object Object],[object Object],[object Object],[object Object],[object Object]
กำหนดเส้นควบคุมการตัดภาพ ,[object Object],นำเมาส์ไปชี้ใน ไม้บรรทัด  (Ruler) ‏ แล้วลากเส้นออกมา สามารถปรับตำแหน่ง  หรือดึงกลับไปเก็บได้ ยกเลิกเส้น  Guide เลือก  Image, Guides, Remove All Guides
หมุนภาพ พลิกภาพ ,[object Object]
ตัึดสีพื้นภาพ
ตัึดสีพื้นภาพ ,[object Object],[object Object],[object Object]
ตัึดสีพื้นภาพ ,[object Object],[object Object],[object Object],Foreground Color Background Color
ยกเลิกขั้นตอนการทำงาน ,[object Object],[object Object],[object Object]
ภาพ  Transparent ,[object Object],[object Object],[object Object],[object Object]
ภาพ  Transparent
ภาพ  Transparent
บันทึกภาพ  GIF Transparent ,[object Object],[object Object],[object Object],[object Object],[object Object]
บันทึกภาพ  GIF Transparent ,[object Object],[object Object]
บันทึกภาพ  GIF Transparent ,[object Object],[object Object]
ภาพขอบมน
ภาพขอบมน ,[object Object],[object Object],[object Object],[object Object],[object Object]
ภาพขอบมน ,[object Object],[object Object],[object Object],[object Object],ยกเลิก  Selection ด้วยปุ่ม <Ctrl><Shift><A>
ปรับแต่งภาพ ,[object Object]
สร้างไฟล์ใหม่ ,[object Object],[object Object],[object Object],[object Object]
ตัวอักษรเงา ,[object Object],[object Object],[object Object],[object Object]
ตัวอักษรเงา ,[object Object],[object Object]
ตัวอักษรเงา ,[object Object],[object Object]
ตัวอักษรเงา ,[object Object],[object Object],[object Object]
Background  ลายน้ำ ,[object Object],[object Object],[object Object],[object Object]
Layer ,[object Object],[object Object]
ออกแบบ  Pattern ,[object Object],[object Object],[object Object],[object Object]
ออกแบบ  Pattern ,[object Object],[object Object],[object Object]
ใช้งาน  Pattern ,[object Object],[object Object],[object Object],[object Object]
Path ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ยกเลิกการสร้าง  Path ใช้  <Ctrl><Z>
Path -  เส้นโค้ง ,[object Object],[object Object],[object Object],[object Object]
Path -  เส้นโค้ง ,[object Object],[object Object],[object Object],[object Object],[object Object]
Path ,[object Object]
Close Path ,[object Object],[object Object]
Close Path ,[object Object],[object Object],[object Object],[object Object],[object Object]
Path ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Path ,[object Object],[object Object],[object Object],[object Object]
การประยุกต์ใช้งาน  Close Path

Mais conteúdo relacionado

Mais procurados

คู่มือ Photoshop cs3
คู่มือ Photoshop cs3คู่มือ Photoshop cs3
คู่มือ Photoshop cs3charuwarin
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6Khon Kaen University
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csไกรลาศ จิบจันทร์
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015วิชา อาคม
 
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555เบญญาภา ตนกลาย
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปNimanong Nim
 
Photoshop cs
Photoshop csPhotoshop cs
Photoshop csnoismart
 
แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7chaiwat vichianchai
 
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopObob Kukkong
 
โหมดสี
โหมดสีโหมดสี
โหมดสีpaween
 

Mais procurados (19)

Acd see 6.0
Acd see 6.0Acd see 6.0
Acd see 6.0
 
Animation flash
Animation flashAnimation flash
Animation flash
 
Chapter1
Chapter1Chapter1
Chapter1
 
Photoshop ict
Photoshop ictPhotoshop ict
Photoshop ict
 
คู่มือ Photoshop cs3
คู่มือ Photoshop cs3คู่มือ Photoshop cs3
คู่มือ Photoshop cs3
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
 
การออกแบบทำไวนิล
การออกแบบทำไวนิลการออกแบบทำไวนิล
การออกแบบทำไวนิล
 
สอบก่อนเรียน
สอบก่อนเรียนสอบก่อนเรียน
สอบก่อนเรียน
 
Adobe Indesign
Adobe IndesignAdobe Indesign
Adobe Indesign
 
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555
แนวข้อสอบคอมพิวเตอร์กราฟิก ปี 2555
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
 
Photoshop cs
Photoshop csPhotoshop cs
Photoshop cs
 
Lesson 6
Lesson 6Lesson 6
Lesson 6
 
แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7
 
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshop
 
โหมดสี
โหมดสีโหมดสี
โหมดสี
 

Semelhante a GIMP

Photoshop cs2
Photoshop  cs2Photoshop  cs2
Photoshop cs2krujew
 
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้น
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้นคู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้น
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้นBeerza Kub
 
วิธีการทำ Photoshop cs3 2
วิธีการทำ Photoshop cs3 2วิธีการทำ Photoshop cs3 2
วิธีการทำ Photoshop cs3 2suphinya44
 
Graphic
GraphicGraphic
Graphicyeeow
 
Adobe indesign
Adobe indesignAdobe indesign
Adobe indesignkrujew
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพNimanong Nim
 
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่ม
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่มใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่ม
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่มWilasineejib
 
ความรู้เกี่ยวกับการจัดการรูปภาพ
ความรู้เกี่ยวกับการจัดการรูปภาพความรู้เกี่ยวกับการจัดการรูปภาพ
ความรู้เกี่ยวกับการจัดการรูปภาพKosamphee Wittaya School
 
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพNimanong Nim
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003karnpitcha jeerasiri
 

Semelhante a GIMP (20)

Photoshop cs2
Photoshop  cs2Photoshop  cs2
Photoshop cs2
 
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้น
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้นคู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้น
คู่มือการใช้งาน Adobe Photoshop cs3 เบื้องต้น
 
วิธีการทำ Photoshop cs3 2
วิธีการทำ Photoshop cs3 2วิธีการทำ Photoshop cs3 2
วิธีการทำ Photoshop cs3 2
 
Graphic
GraphicGraphic
Graphic
 
Adobe indesign
Adobe indesignAdobe indesign
Adobe indesign
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
 
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่ม
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่มใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่ม
ใบความรู้ที่ 7 การแก้ไขภาพเป็นกลุ่ม
 
ความรู้เกี่ยวกับการจัดการรูปภาพ
ความรู้เกี่ยวกับการจัดการรูปภาพความรู้เกี่ยวกับการจัดการรูปภาพ
ความรู้เกี่ยวกับการจัดการรูปภาพ
 
วิชากราฟิก
วิชากราฟิกวิชากราฟิก
วิชากราฟิก
 
คู่มือFlashcs3
คู่มือFlashcs3คู่มือFlashcs3
คู่มือFlashcs3
 
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
 
20080306 Web Graphics
20080306 Web Graphics20080306 Web Graphics
20080306 Web Graphics
 
Digital Media
Digital MediaDigital Media
Digital Media
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ใบความรู้
ใบความรู้ใบความรู้
ใบความรู้
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
 

Mais de Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 

GIMP