ต้องขอบคุณ GIMP หรือโปรแกรมG NU I mage M anipulation P การสร้างภาพขนาดย่อที่ดูยิ่งใหญ่และ ^(P)โลโก้คุณภาพสูง^{(high-quality logos)}ไม่เคยง่ายอย่างนี้มาก่อนและราคาไม่แพงมาก GIMPเป็นคำตอบโอเพนซอร์ซที่ใช้งานได้ฟรีสำหรับโปรแกรมแก้ไขรูปภาพที่กำลังมองหาทางเลือก Adobe Photoshop ^{(Adobe Photoshop alternative)}นอกจากนี้ยังเป็นมิตรกับผู้เริ่มต้นใช้งานและมีชุมชนที่เจริญรุ่งเรืองเต็มไปด้วยเคล็ดลับและลูกเล่นที่จะช่วยผลิตการดัดแปลงและการแก้ไขที่ภาพของคุณต้องการ

GIMPมีเครื่องมือและทรัพยากรมากมายในการถ่ายภาพและเพิ่มสัมผัสแบบมืออาชีพของคุณเอง ผู้ที่อยู่ในการออกแบบเว็บ ศิลปินกราฟิก และช่างภาพสมัครเล่นจะพบว่าGIMPเป็นโปรแกรมที่ยอดเยี่ยมที่สามารถตอบสนองความต้องการในการปรับปรุงภาพได้อย่างง่ายดาย นอกจากนี้ยังสามารถพูดได้เช่นเดียวกันสำหรับผู้ที่เพิ่งเริ่มต้นในด้าน การ ปรับแต่งภาพ^{(image manipulation)}

สำหรับผู้เริ่มต้น โดยเฉพาะอย่างยิ่งเมื่อต้องจัดการกับอินเทอร์เฟซใหม่ การผจญภัยของคุณในการใช้GIMPอาจดูน่ากลัว เมื่อการแก้ไขที่คุณต้องการมีน้อย บางอย่างในแนวการครอบตัดหรือปรับขนาดภาพ^{(image shouldn)}ก็ไม่ควรทำให้คุณกระโดดข้ามห่วง การใช้เวลาเรียนรู้พื้นฐานและมองหาสิ่งใดเป็นพิเศษ จะใช้เวลาไม่นานในการทำความเข้าใจว่าทำไมGIMPจึงเป็นการลงทุนที่ยอดเยี่ยม

เมื่อเราดาวน์โหลดและติดตั้งโปรแกรม GIMP^{(GIMP program)}แล้ว เราจะพิจารณาถึงการแก้ไขเบื้องต้น ในขณะที่ช่วยนำทางไปยังอินเทอร์เฟซ และแนะนำวิธีสร้างภาพขนาดย่อแบบเดียวกับที่ใช้ในบทความนี้ นอกจากนี้ เราจะจัดเตรียมแหล่งข้อมูลบางส่วนที่คุณสามารถใช้เพื่อค้นหาความช่วยเหลือขั้นสูงสำหรับโครงการGIMP ในอนาคต^(GIMP)

ดาวน์โหลดและติดตั้ง GIMP^{(Download and Install GIMP)}

• ไปที่เว็บไซต์ของผู้พัฒนา^{(developer’s website)}และเลือกดาวน์โหลดของคุณ ไฟล์จะเริ่มดาวน์โหลด อนุญาตให้ผ่านไปสองสามวินาทีจนกว่าจะพยายามติดตั้ง
• เรียกใช้ไฟล์ที่ดาวน์โหลดล่าสุด เมื่อตัวติดตั้งเปิดขึ้น ให้คลิก ปุ่ม ติดตั้ง^{(Install )}เพื่อติดตั้ง gimp ลงในโฟลเดอร์เริ่ม^{(default folder)}ต้น
  • หากต้องการเปลี่ยนการตั้งค่าการติดตั้งและส่วนเสริม ให้คลิกกำหนดเอง^{(Customize )}แทน
• ปฏิบัติตามคำแนะนำในการติดตั้งทั้งหมดตามที่แสดง อาจใช้เวลาหลายนาทีในการติดตั้งGIMP โดยสมบูรณ์^(GIMP)
• หลังจากการติดตั้งเสร็จสมบูรณ์ คุณสามารถเริ่มใช้GIMPได้

ใช้ GIMP: เรียนรู้พื้นฐาน^{(Using GIMP: Learning The Basics)}

เริ่มขั้นตอนด้านล่างโดย เปิดใช้งาน GIMPและดึงขึ้นไปที่หน้าต่างผ้าใบ^{(canvas window)}เปล่า เราจะใช้ภาพเดียวกันตลอดทั้งแต่ละส่วน

Image Scaling/Resizing

• คลิก^(Click)แท็บ "ไฟล์" และนำเข้ารูปภาพของคุณโดยเลือกเปิด...^(Open…) (CTRL + O)

• หลังจากโหลดรูปภาพแล้ว ให้คลิกแท็บ "รูปภาพ" และเลือกScale Imageจากเมนูแบบเลื่อนลง

• กล่องโต้ตอบ^{(dialog box)}จะปรากฏขึ้นเพื่อเปิดใช้งานการแก้ไข

• ปรับขนาด/ปรับขนาดรูปภาพของคุณโดยใช้ตัวเลือกที่มีให้
  • ปรับภาพตามความกว้างและความสูง^{(width and height)}หรือความละเอียด X, Y^{(Y resolution)}
  • การแก้ไขสามารถทำได้ด้วยพิกเซล เปอร์เซ็นต์ เซนติเมตร ฯลฯ
  • ทำความเข้าใจว่าการทำให้รูปภาพใหญ่ขึ้นอาจทำให้ได้ภาพที่มีพิกเซลมากขึ้น
• เมื่อปรับพารามิเตอร์แล้ว ให้คลิกมาตราส่วน^{(Scale )}เพื่อดำเนินการต่อ

การลดขนาดไฟล์^{(File Size Reduction)}

• คลิกแท็บ "ไฟล์" และเลือกส่งออกเป็น...^{(Export As… )} (Shift + CTRL + E)

• เลือกชื่อและตำแหน่ง^{(name and location)}ที่คุณต้องการบันทึกไฟล์

• คลิก^(Click) '+' ข้างSelect File Type (ตามนามสกุล) เพื่อเปิดรายการประเภทไฟล์^{(file type)}ที่จะบันทึกเป็น ควรใช้ ไฟล์ประเภท^{(file type)}ที่สูญเสียเช่นjpg หรือ png^{(jpg or png)}

• จากนั้นคลิก ปุ่ม ส่งออก^{(Export )}เพื่อให้หน้าต่างป๊อปอัปตัวเลือกใหม่ปรากฏขึ้น

• ยิ่งบันทึกสิ่งต่าง ๆ น้อยลงไฟล์รูปภาพ^{(image file)} ก็จะยิ่งมีขนาดเล็ก ลง
  • ตรวจสอบให้แน่ใจว่าได้ตั้งค่าระดับการบีบอัด เป็น ' ^{(Compression level)}9 ' สำหรับขนาดที่เล็กที่สุด
• เมื่อคุณตัดสินใจได้แล้วว่าองค์ประกอบใดของรูปภาพที่คุณต้องการบันทึก ให้คลิกส่ง^(Export)ออก

การครอบตัดรูปภาพ^{(Image Cropping)}

• ไปที่แท็บ "เครื่องมือ" และเลือกTransform Tools > Crop (Shift + C)

• คุณยังสามารถเลือกCrop Toolได้โดยคลิกที่ไอคอนในTool Docใกล้กับด้านซ้ายบนของอินเทอร์เฟซ
  

• ถัดไป ให้กดปุ่มซ้ายของเมาส์ค้างไว้ ลากเคอร์เซอร์ผ่านพื้นที่ที่คุณต้องการสร้างเป็นภาพสุดท้าย
• เมื่อตัดสินแล้ว ทุกส่วนของภาพที่อยู่นอกส่วนที่คุณเลือกจะมืดลงในขณะที่ส่วนที่ตั้งค่าเป็นภาพสุดท้ายของคุณจะยังคงไม่เสียหาย

• คุณสามารถปรับพื้นที่โดยใช้มุมของกล่องโดยการย่อหรือขยายโดยการลากปุ่มเมาส์^{(mouse button)}ของ คุณ
• เมื่อคุณได้รูปภาพตามที่ต้องการแล้ว ให้คลิกซ้ายที่รูปภาพนั้น กดEnterหรือกดShift + Cพร้อมกันเพื่อครอบตัดส่วนที่เลือก

การหมุนภาพ^{(Image Rotation)}

สำหรับการปรับเปลี่ยนนี้ เราจะนำเข้ารูปภาพอื่นเพื่อวางทับรูปภาพปัจจุบันของเรา

• ในแท็บ "ไฟล์" เลือกเปิดเป็นเลเยอร์...^{(Open As Layers…)} (CTRL + ALT + O)

• เลือกเลเยอร์ที่คุณต้องการเพิ่มให้กับรูปภาพ ในกรณีนี้ เราจะใช้ลูกศร แล้วคลิกเปิด^(Open)
• คุณจะเห็นเลเยอร์ใหม่วางทับรูปภาพปัจจุบัน หากต้องการดูว่าเลเยอร์ซ้อนกันอย่างไรหน้าต่างเลเยอร์^{(layer window)}จะอยู่ทางด้านขวา

• เมื่อไฮไลต์เลเยอร์ใหม่แล้ว ให้กลับไปที่Transform Toolsแล้วเลือกRotate คุณยัง สามารถพบไอคอน Rotate Tool^{(Rotate Tool icon)}ในTool Doc

• สิ่งนี้จะดึงหน้าต่างป๊อปอัปใหม่ขึ้นมาในขณะที่ใช้พื้นผิวที่เหมือนเส้นเล็งกับรูปภาพของคุณ

• หากคุณทราบมุมการหมุนที่ต้องการใช้ คุณสามารถป้อนค่าลงในช่องที่ให้มา หากไม่ คุณสามารถเลือกใช้แถบเลื่อน^{(slide bar)}ด้านล่างกล่องที่มีข้อความ 'มุม' หรือหมุนภาพด้วยตนเองโดยใช้การคลิกซ้ายของเมาส์แล้วลาก
  • การใช้ค่าที่แน่นอนจะให้ผลลัพธ์ที่แม่นยำยิ่งขึ้น รวดเร็วยิ่งขึ้น
• เมื่อผลลัพธ์เป็นที่ต้องการ แล้วให้คลิกหมุน^(Rotate)

การออกแบบภาพขนาดย่อ^{(Designing a Thumbnail)}

ในส่วนนี้ เราจะแสดงให้คุณเห็นว่าเราสร้างภาพขนาดย่อสำหรับบทความนี้โดยใช้GIMPได้อย่างไร บางส่วนของบทช่วยสอนนี้จะใช้เครื่องมือบางอย่างที่ใช้ใน การ เรียน  รู้พื้นฐาน^{(Learning the Basics)}

ก่อนที่เราจะเริ่ม คุณควรรวบรวมรูปภาพที่คุณต้องการ เนื่องจากภาพขนาดย่อนั้นเรียบง่ายเลเยอร์รูปภาพ^{(image layer)} เดียวที่ มันจะต้องมีคือโลโก้ GIMP^{(GIMP logo)}ที่ได้มาจากWikipedia

เมื่อดาวน์โหลดและบันทึกลงในคอมพิวเตอร์ของคุณแล้ว เราสามารถเริ่มต้นได้

• เปิดแท็บ "ไฟล์" และเลือกใหม่…^(New…) (CTRL + N)
  • การดำเนินการนี้จะดึงหน้าต่าง " สร้าง^(Create)ภาพใหม่" ซึ่งคุณสามารถเลือกจากเทมเพลต^(Template) ที่สร้างไว้ล่วงหน้า หรือตัดสินใจเกี่ยวกับขนาดของภาพด้วยตนเอง

• ภาพขนาดย่อของเราไม่เคยมีความกว้างเกิน 680px ดังนั้นเราจะกำหนดขนาดภาพ^{(image size)} ของเรา เช่นนี้ ส่วนความสูงเราจะเก็บไว้ที่ 400px
• เมื่อกำหนดขนาดแล้ว ให้คลิกตกลง^(OK)
• ตอนนี้เราควรดูผ้าใบเปล่า (สีขาว) คุณสามารถเลือกสีพื้นหลังได้ตามต้องการโดยใช้Bucket Fill ToolในTool Docแต่สำหรับตอนนี้ เราจะปล่อยให้มันเป็นสีขาว
• สิ่งที่ดีที่สุดที่ควรทำคือเพิ่มเลเยอร์เพิ่มเติมของคุณตอนนี้ ด้วยวิธีนี้เมื่อเราเริ่มเพิ่มข้อความ เราจะสามารถปรับเลเยอร์เพื่อไม่ให้บล็อก^{(t block)}รูปภาพได้ เปิดแท็บ "ไฟล์" และคราวนี้เลือก^{(time select)} Open As Layers... เช่นเดียวกับ ที่เราทำกับลูกศรระหว่างImage Rotation เลือกโลโก้ GIMP^{(GIMP logo)} ที่คุณดาวน์โหลดมาก่อนหน้านี้ แล้วคลิกเปิด^(Open)
• ภาพเลเยอร์^{(layer image)}มีขนาด 1200 x 1200ซึ่งใหญ่เกินไปสำหรับภาพหลักของเราที่ 680 x 400 เราจะต้องย่อขนาดลง หากคุณทำตามคำแนะนำที่แสดงด้านบน ให้ปรับความกว้างและความสูงของรูปภาพ^{(image width and height)}เป็น 200px
• จากนั้นเราสามารถลากรูปภาพออกไปด้านข้างเพื่อให้ข้อความของเราไม่อยู่ในรูปแบบจนกว่าเราจะจำเป็นต้องจัดตำแหน่งใหม่

• ถัดมาเป็นข้อความ เราจะใช้คำสั่งลัด^{(shortcut command)}และกดปุ่ม ' T ' บนแป้นพิมพ์เพื่อเลือกเครื่องมือข้อความ ^{(Text Tool)}ตอนนี้ คลิกซ้ายในพื้นที่สีขาวที่สวยงามของรูปภาพ แล้วเริ่มพิมพ์ชื่อของคุณ

• เมื่อพิมพ์เสร็จแล้ว ให้ไฮไลต์ข้อความ ( CTRL + A ) และเลือกแบบอักษรที่คุณต้องการใช้ เราใช้ แบบอักษร Bauhaus 93ซึ่งไม่ใช่แบบอักษรมาตรฐาน GIMPจะนำแบบอักษรทั้งหมดที่อยู่ในโฟลเดอร์ Windows Font^{(Windows Font folder)}และเพิ่มลงในไลบรารีของตัวเลือก คุณสามารถเพิ่มแบบอักษรเพิ่มเติมได้โดยดาวน์โหลดจากไซต์ต่างๆ เช่นDaFontและGoogle Fontsแล้วย้ายไปยังโฟลเดอร์แบบอักษร^{(Windows Font folder)}ของ Windows
• ถัดไป ปรับขนาดของตัวอักษรเพื่อให้พอดีกับรูปภาพแต่ไม่ใช้พื้นที่มากเกินไป เราตัดสินบน 100px
• เมื่อทำการปรับเปลี่ยนข้อความแล้ว คุณสามารถย้ายกล่องข้อความ^{(text box)}ไปรอบๆ เพื่อให้พอดีกับตำแหน่งที่คุณต้องการโดยสลับไปที่เครื่องมือย้าย ^{(Move Tool)}คุณสามารถทำได้ง่ายๆ โดยคลิกที่พื้นที่ของรูปภาพที่ไม่ใช่ข้อความ แล้วคลิก ' ^{(text and clicking ‘)}M '

• เลือกเลเยอร์ข้อความ^{(text layer)}ในหน้าต่างทางด้านขวา คลิกขวา และเลือก^{(list select)} Alpha to Selectionจากรายการ สิ่งนี้จะเพิ่มเส้นขอบแบบเคลื่อนไหวให้กับข้อความในภาพ

• ต่อไป เราจะต้องเพิ่มเลเยอร์เพิ่มเติม ในการดำเนินการนี้ ในหน้าต่างด้าน^{(side window)} ขวาเดียวกัน ให้ค้นหาและคลิกปุ่มสร้างเลเยอร์^{(Create a New Layer)}ใหม่ ซึ่งจะเป็นการเปิดหน้าต่างเพื่อสร้างเลเยอร์ใหม่ อย่ากังวลกับสิ่งที่อยู่ในนี้ส่วนใหญ่ เพราะเป็นบทช่วยสอนขั้นสูง สำหรับตอนนี้ ตรวจสอบให้แน่ใจว่าส่วน "เติมด้วย: "^{(” section)}มีความโปร่งใส^{(Transparency )} ในเมนู แบบเลื่อนลง และคลิกตกลง^(OK)

• เลเยอร์ใหม่ที่จำลองข้อความที่คุณใช้อัลฟ่า^(Alpha)กับ ส่วนที่ เลือก^(Selection)จะถูกสร้างขึ้น ควรเป็นเลเยอร์ที่เลือกโดยค่าเริ่มต้น ตอนนี้เรากำลังจะเพิ่มเส้นขอบรอบข้อความ
• คลิกแท็ บ"เลือก" และเลือกเติบโต ^(Grow)ในกล่องการเลือก^{(selection box)}ที่ปรากฏขึ้น ให้ตั้งค่าเป็น ' 2 ' และคลิกตกลง^(OK)

• ณ จุดนี้ เพื่อให้ง่ายขึ้นสำหรับคุณ ให้คลิกไอคอนรูปตา ข้าง ^{(Eye icon)}เลเยอร์ข้อความ^{(text layer)}ดั้งเดิมในหน้าต่างเลเยอร์ ตาจะหายไปเมื่อคลิก และจะซ่อนการมองเห็นของข้อความขณะที่คุณเติมลงในกรอบ

• Click Shift + Bเพื่อเลือกBucket Fill Toolจากนั้นคลิกที่สี่เหลี่ยมสี^{(color square)} หลัก เพื่อเปิดตัวเลือกสี คุณสามารถเลือกจากตัวเลือกเริ่มต้นสองสามตัวหรือสร้างตัวเลือกของคุณเอง เราตัดสินด้วยโทนสีน้ำเงินด้วยสัญกรณ์ HTML^{(HTML notation)} ที่ 1b56ff

• หากคุณรู้เพียงเล็กน้อยเกี่ยวกับCSSคุณสามารถใช้รหัสสีในกล่องนั้นได้
• ลาก^(Drag)เคอร์เซอร์ของคุณไปไว้เหนือพื้นที่ข้อความที่มองไม่เห็นซึ่งมีเส้นขอบแบบเคลื่อนไหว แล้วคลิกซ้ายเพื่อเติมสี

• คลิก^(Click)บริเวณที่ เคยเป็น ไอคอนรูปตา^{(Eye icon)}เพื่อแสดงข้อความต้นฉบับอีกครั้ง จากนั้นลากข้อความต้นฉบับไปไว้เหนือเลเยอร์สีในหน้าต่างเลเยอร์^{(layer window)}
• คลิกขวาที่เลเยอร์บนสุดและเลือกMerge Down ^{(Merge Down)}รูปภาพควรมีลักษณะดังนี้:

• ตอนนี้เราจะเพิ่มเงาเล็กน้อยให้กับข้อความ คลิก^(Click)แท็บ "ตัวกรอง" เลือกLight and Shadow > Drop Shadow (Legacy)…
• ในหน้าต่างป๊อปอัป^{(pop-up window)}เลือก x,y การเข้าถึงเงา รัศมี และความทึบ

• สำหรับภาพขนาดย่อ เราเลือก ' 8 ' ทั้งใน X และ Y, ' 20 ' ในรัศมี^{(blur radius)}การเบลอ และปรับความทึบเป็น ' 100 '
  • คุณสามารถเปลี่ยนสีของเงาเพื่อให้มองเห็นได้ชัดเจนบนฉากหลัง เช่น หากพื้นหลังเป็นสีดำ ควรเลือกสีที่สว่าง^{(brighter color)}กว่า อย่างไรก็ตาม เนื่องจากพื้นหลังของเราเป็นสีขาว สีดำจึงสมบูรณ์แบบ
  • เพื่อหลีกเลี่ยงไม่ให้ภาพเปลี่ยนไป ให้ยกเลิกการเลือกช่องทำเครื่องหมายAllow Resize^{(Allow resizing)}ก่อนกดOK
• รวม^{(Merge Down)}เลเยอร์ Drop Shadow^{(Drop Shadow layer)}ที่ด้านบนของเลเยอร์ข้อความ^{(text layer)}ของ คุณ
• แท็บ "เลือก" > ไม่มี^(None) (Shift + CTRL + A)
• ไม่จำเป็น แต่เราตัดสินใจเพิ่มเงาให้กับโลโก้GIMP ^{(GIMP logo)}หากคุณเลือกที่จะทำเช่นนั้น ทิศทางจะเหมือนกัน นอกจากนั้น เลือก เลเยอร์ โลโก้ GIMP^{(GIMP logo)}และย้ายไปยังตำแหน่งที่คุณต้องการในภาพขนาดย่อ
• ในตอนท้าย หากคุณรู้สึกว่าพื้นหลังสีขาวไม่เพียงพอ คุณสามารถไฮไลต์เลเยอร์พื้นหลัง^{(Background layer)}เลือกเครื่องมือเติม^{(Bucket Fill Tool)} ที่เก็บข้อมูล และดำเนินการเพิ่มสีเล็กน้อย เราได้เลือกสีเทาที่ละเอียดอ่อนเพื่อไม่ให้เงามืดลง ผลิตภัณฑ์สำเร็จรูปควรมีลักษณะดังนี้:

• ตอนนี้ ทั้งหมดที่จำเป็นก็ แค่ ส่งออกเป็น^{(Export As)}และบันทึกไปยังตำแหน่งที่คุณต้องการ

ใช้ GIMP: ความช่วยเหลือเพิ่มเติม^{(Using GIMP: Additional Help)}

จะใช้เวลาไม่นานเมื่อคุณเริ่มใช้GIMPก่อนที่คุณจะรู้สึกว่าคุณเชี่ยวชาญพื้นฐานแล้ว และมองหาการแก้ไขสไตล์ที่ซับซ้อนและเป็นมืออาชีพมากขึ้น มีบทช่วยสอนนับไม่ถ้วนที่จะช่วยให้คุณเข้าใจมากขึ้น ซึ่งจะช่วยเพิ่มพูนความรู้ในการทำงานของคุณเกี่ยวกับซอฟต์แวร์GIMP^{(GIMP software)}

คุณสามารถเริ่มต้นได้ในส่วนบทช่วยสอน GIMP อย่างเป็นทางการ^{(official GIMP tutorials section)}แต่ฉันต้องการค้นหาสิ่งที่ฉันกำลังมองหาโดยใช้YouTube

GIMPยังมีชุมชนผู้ใช้^{(user community)} ขนาดใหญ่ที่ กระจายอยู่ทั่วอินเทอร์เน็ตซึ่งรวมถึงsubredditแพลตฟอร์มการสนทนาที่ไม่เป็นทางการเช่นGIMP ForumsและGIMP Chat คำถามที่ติดแท็ก^{(tagged questions)}ในส่วนการออกแบบกราฟิก^{(Graphic Design section)}ของStackExchangeและช่องทางโซเชียลมีเดียเช่นกลุ่ม ผู้ใช้ Google Plus GIMP^{(GIMP users)}

The Beginner’s Guide To Using GIMP

Thanks to GIMP, оr the GNU Image Manipulation Program, it’s never been easier and more affordable to create epic looking thumbnails and high-quality logos. GIMP is a free to use, open-source answer to image editors looking for an Adobe Photoshop alternative. It’s also quite beginner friendly and has a thriving community filled with tips and tricks to help produce the alterations and revisions that your image requires.

GIMP provides plenty of tools and resources to take any image and add your own professional touch. Those in web design, graphic artists, and amateur photographers will find that GIMP is a great program that can easily accommodate their image enhancing needs. The same can also be said for those just starting out in image manipulation fields.

For beginners, especially when it comes to dealing with new interfaces, your adventure into using GIMP can seem daunting. When the edits you want are minimal, something along the lines of cropping or resizing an image shouldn’t require that you jump through hoops. By taking the time to learn the foundations and where to look for specific things, it won’t take long to realize why GIMP is a great investment.

Once we’ve downloaded and installed the GIMP program, we’ll look into basic editing, while helping navigating the interface, and walk you through how to create a thumbnail like the one used for this article. We’ll also provide a few resources you can use to find advanced help for future GIMP projects.

Download and Install GIMP

• Navigate to the developer’s website and select your download. The file will begin downloading. Allow a few seconds to pass until attempting to install.
• Run the recently downloaded file. Once the installer opens, click the Install button to have gimp installed to the default folder.
  • To change installation settings and add-ons, click Customize instead.
• Follow all installation instructions as they’re presented. It may take several minutes for GIMP to be fully installed.
• After installation is complete, you can begin using GIMP.

Using GIMP: Learning The Basics

Begin the steps below by having GIMP launched and pulled up to a blank canvas window. We’ll use the same image throughout each section.

Image Scaling/Resizing

• Click the “File” tab and import your image by selecting Open… (CTRL + O)

• After the image loads in, click the “Image” tab and select Scale Image from the drop-down menu.

• A dialog box will appear to enable edits.

• Scale/Resize your image using the options provided.
  • Adjust the image by width and height or the X, Y resolution.
  • Modifications can be made by pixels, percent, centimeters, etc.
  • Understand that making the image larger can result in a more pixelated image.
• Once parameters have been adjusted, click Scale to proceed.

File Size Reduction

• Click the “File” tab and select Export As… (Shift + CTRL + E)

• Choose a name and location for where you’d like to save the file.

• Click the ‘+’ next to Select File Type (By Extension) to open a list of file types to save it as. A lossy file type such as jpg or png is preferred.

• Next, click the Export button to have a new window of options pop-up.

• The less things saved, the smaller the size of the image file.
  • Ensure that the Compression level is set to ‘9’ for the smallest size.
• Once you’ve decided which elements of the image you’d like saved, click Export.

Image Cropping

• Navigate to the “Tools” tab and select Transform Tools > Crop (Shift + C)

• You can also select the Crop Tool by clicking on its icon in the Tool Doc near the top-left of the interface.
  

• Next, holding down the left-mouse button, drag your cursor across the area you want to make as your final image.
• Once settled, all parts of the image outside of the part you selected, will darken while the part set as your final image will remain intact.

• You can adjust the area using the corners of the box by either shrinking or expanding them by dragging your mouse button.
• Once you have the image as you’d like it, either left-click it, press Enter, or press Shift + C simultaneously to crop to your selection.

Image Rotation

For this modification, we’re going to import another image to layer atop our current image.

• In the “File” tab, select Open As Layers… (CTRL + ALT + O)

• Select the layer you’d like to add to the image, in this case we’ll be using an arrow, and click Open.
• You’ll see the new layer placed on top of the current image. To see how the layers are stacked, the layer window is located on the right.

• With the new layer highlighted, head back into Transform Tools and choose Rotate. You can also find the Rotate Tool icon in the Tool Doc.

• This will pull up a new pop-up window while applying a reticle-like texture to your image.

• If you know the angle of rotation you want to apply, you can enter the values into the provided boxes. If not, you can choose to use the slide bar just below the box labeled ‘Angle’ or rotate the image yourself using your mouse’s left-click and drag.
  • Using the exact values provides more precise results, quicker.
• Once the results are to your liking, click Rotate.

Designing a Thumbnail

In this section, we’re going to show you how we created the thumbnail for this article using GIMP. Portions of this tutorial will use some of the tools used in Learning the Basics. 

Before we begin, it’s best to gather up any images you may need. Because the thumbnail has been kept simple, the only image layer it will require is the GIMP logo, acquired via Wikipedia.

Once downloaded and saved to your computer, we can get started.

• Open the “File” tab and select New… (CTRL + N)
  • This will pull up a “Create a New Image” window where you can select from a pre-created Template or decide on the size of the image manually.

• Our thumbnails are never any larger than 680px width, so we’ll set our image size as such. As for the height, we’ll keep it at 400px.
• Once the dimensions are set, click OK.
• We should now be looking at a blank (white) canvas. You can choose to color the background however you like using the Bucket Fill Tool in the Tool Doc, but for now, we’ll keep it white.
• The best thing to do is add your additional layer now, that way once we begin adding the text, we’ll be able to adjust it so that it doesn’t block out the image. So, open the “File” tab and this time select Open As Layers… just as we did for the arrow during Image Rotation. Select the GIMP logo you downloaded earlier and click Open.
• The layer image is a 1200 x 1200 which is much too large for our primary image at 680 x 400. We’ll need to scale it down. If you follow the instructions illustrated above, adjust the image width and height to 200px.
• We can then drag the image off to the side so that it’s out of the way for our text until we need to reposition it.

• Next comes the text. We’ll use the shortcut command and hit the ‘T’ key on your keyboard to have the Text Tool selected. Now, left-click in the nice white area of the image and begin typing your title.

• Once it’s all typed out, highlight the text (CTRL + A) and select the font you’d like to use. We used the Bauhaus 93 font, which isn’t a standard font. GIMP will take all fonts located in the Windows Font folder and add them to its library of choices. You can add additional fonts by downloading them from sites like DaFont and Google Fonts and moving them over to the Windows Font folder.
• Next, adjust the size of the lettering so that it fits well within the image but doesn’t take up too much room. We settled on 100px.
• Once the text adjustments have been made, you can move the text box around to fit where you need it by swapping to the Move Tool. You can do this easily by clicking on an area of the image that isn’t the text and clicking ‘M’.

• Select the text layer in the window to the right, right-click it, and from the list select Alpha to Selection. This will add an animated border to the text in the image.

• Next, we’re going to need to add an additional layer. To do this, in the same right side window, locate and click the Create a New Layer button. This will open up the window to create a new layer. Don’t worry about most of what is on here, that’s for a more advanced tutorial. For now, just ensure that the “Fill with:” section has Transparency in the drop-down and click OK.

• A new layer mirroring the text that you had applied Alpha to Selection is created. It should be the selected layer by default. We’re now going to add a border around the text.
• Click the “Select” tab and choose Grow. In the selection box that pops up, set the value to ‘2’ and click OK.

• At this point, to make it easier for you, click the Eye icon next to the original text layer in the layers window. The eye will disappear once clicked, and this will hide the text’s visibility while you bucket fill in the border.

• Click Shift + B to select the Bucket Fill Tool and then click on the main color square to open up color options. You can select from a few default options or create your own. We settled on a shade of blue with the HTML notation of 1b56ff.

• If you happen to know a little about CSS, you can use the color codes in that box.
• Drag your cursor over the invisible text area marked by the animated border, and left-click to fill it with color.

• Click the area where the Eye icon used to be to re-reveal the original text. Then, drag the original text above the colored layer in the layer window.
• Right-click the top most layer and select Merge Down. The image should now look like this:

• Now we’ll add a bit of shadow to the text. Click the “Filters” tab, select Light and Shadow > Drop Shadow (Legacy)…
• In the pop-up window, select the x,y access of the shadow, the radius, and the opacity.

• For the thumbnail we selected ‘8’ in both X and Y, ‘20’ in blur radius, and cranked the opacity to ‘100’.
  • You could change the color of the shadow to make it more visible on the backdrop, say for instance if your background was black it would be better to choose a brighter color. However, since our background is white, black is perfectly fine.
  • To avoid a shift in the image, uncheck the box marked Allow resizing before pressing OK.
• Merge Down the Drop Shadow layer on top of your text layer.
• “Select” tab > None (Shift + CTRL + A)
• It’s not necessary but we decided to add a shadow to the GIMP logo. If you choose to do so, the directions are the same. Other than that, select the GIMP logo layer and move it into the position you want in the thumbnail.
• At the end, should you feel the white background to not be adequate, you can highlight the Background layer, select the Bucket Fill Tool, and proceed to add a bit of color. We’ve chosen a subtle gray so as not to drown out the shadowing. The finished product should look like this:

• Now, all that’s needed is to Export As and save it to your preferred location.

Using GIMP: Additional Help

It won’t be long once you start using GIMP before you’ll feel like you’ve mastered the basics and look toward more complicated and professional style editing. There are countless tutorials out there to sink your teeth into that can help with expanding your working knowledge of GIMP software.

You can begin in the official GIMP tutorials section but I prefer to search exactly what I’m looking for using YouTube.

GIMP also has a large user community spread across the internet that includes a subreddit, unofficial discussion platforms like GIMP Forums and GIMP Chat, tagged questions in the Graphic Design section of StackExchange, and social media channels like the Google Plus GIMP users group.

Related posts

• คู่มือสำหรับผู้เริ่มต้นใช้งาน Paint.NET และแตกต่างจาก Photoshop อย่างไร

• วิธี Does WhatsApp ทำงานอย่างไร? (คู่มือการเริ่มต้นของ)

• ตรวจสอบโฟลเดอร์สำหรับการเปลี่ยนแปลงโดยใช้ Directory Monitor

• 5 แอพที่ผู้ปกครองสามารถใช้เพื่อสอดแนมการใช้อินเทอร์เน็ตของลูกได้

• คำแนะนำในการแปลงรูปภาพเป็นไอคอน Windows หรือ Mac

• คุณใช้ Instagram อย่างไร? คู่มือเริ่มต้นใช้งาน

• 6 Best Reddit Alternatives คุณสามารถใช้ฟรี

• 5 การจดจำเพลงที่ดีที่สุด Apps เพื่อค้นหาเพลงที่คล้ายกันโดย Tune

• 4 Best Apps ถึง Remotely View A Webcam บน iOS and Android

• Best Reddit Apps สำหรับ Windows and Mac

• วิธีใช้ MyFitnessPal ถึง Actually Lose Weight

• uBlock Origin: The Ultimate Review and Guide

• 6 Best Online Paraphrasing Tools เพื่อ Rewrite Text

• 3 การเดินป่าที่ดีที่สุด Apps ถึง Find Trails, Log Hikes และไม่หลงทาง

• 10 Best Apps เพื่อวัดผลการผลิตของคุณ

• 4 โปรแกรมดีที่สุดในการเปิดเครื่องคอมพิวเตอร์ของคุณให้เป็น Streaming Media Center

• 6 Reasons AllTrails Pro มีค่าสำหรับ Avid Hikers

• วิธีตั้งค่าและใช้งาน VPN: คู่มือสำหรับผู้เริ่มต้น

• The 11 Best IRC Clients สำหรับ Windows, Mac, และ Linux ในปี 2022

• สุดยอด ebook Reader Software สำหรับ Mobile, Laptop or PC