การสร้างกราฟิกด้วย Gimp — บทช่วยสอน วันอังคาร

เผยแพร่แล้ว: 2021-10-08

ยินดีต้อนรับสู่การสอนวันอังคารอื่น! วันนี้ผมจะแสดงวิธีการสร้างภาพบล็อกโดยใช้ Gimp

Gimp เป็นโปรแกรมออกแบบที่คล้ายกับ PhotoShop แต่ใช้งานง่ายน้อยกว่าและฟรีมากกว่า

ยินดีต้อนรับสู่การสอนวันอังคารอื่น! วันนี้ผมจะแสดงให้คุณวิธีที่จะทำให้ภาพของบล็อกโดยใช้ Gimp

Gimp เป็นโปรแกรมออกแบบที่คล้ายกับ PhotoShop แต่ใช้งานง่ายน้อยกว่าและฟรีมากกว่า Gimp นั้นใช้งานง่ายกว่าเล็กน้อยเมื่อเทียบกับตัวเลือกอย่าง Canva เพราะมันมีฟังก์ชันมากมายสำหรับการออกแบบกราฟิกเกือบทุกประเภท ต้องใช้ความรู้มากกว่าโปรแกรม freemium บางโปรแกรมเล็กน้อย

หากคุณทุ่มเททำงานเพื่อเรียนรู้ Gimp คุณจะสามารถควบคุมรูปภาพที่คุณสร้างได้มากขึ้น

คุณสามารถดาวน์โหลดสำเนา Gimp ได้ที่นี่: http://www.gimp.org/downloads/

หมายเหตุโดยย่อ ไม่มีการบันทึกอัตโนมัติใน Gimp ดังนั้นให้บันทึกรูปภาพของคุณผ่านแถบเครื่องมือหรือ "ctrl+s" บ่อยๆ หากมีไฟกระชากหรือบางอย่างและคุณต้องทำงานใหม่ทั้งหมด คุณจะเสียใจมาก

มาเริ่มกันเลย!

สอนแบนเนอร์วันอังคาร

ขั้นตอนที่ 1: เปิด Gimp

เมื่อคุณเปิด Gimp ควรมีลักษณะดังนี้:

ภาพหน้าจอป้ายกำกับ

โปรดทราบว่าคุณมีสามหน้าต่างที่นี่:

  1. กล่องเครื่องมือ -- นี่คือที่ที่สามารถเข้าถึงเครื่องมือที่ใช้บ่อยที่สุดได้อย่างง่ายดาย หน้าต่างนี้เป็นเพื่อนของคุณ
  2. แคนวาส -- นี่คือตำแหน่งที่รูปภาพของคุณจะเปิดขึ้น งานทั้งหมดที่คุณทำจริงจะเสร็จสิ้นในหน้าต่างนี้
  3. เลเยอร์ -- นี่คือที่ที่คุณสามารถติดตามว่าองค์ประกอบและเลเยอร์ใดที่คุณเปิดใช้งานบนผืนผ้าใบของคุณ เราจะไม่ใช้หน้าต่างนี้มากนักสำหรับบทช่วยสอนนี้ แต่มีประโยชน์มากสำหรับโครงการที่ซับซ้อนมากขึ้น

ขั้นตอนที่ 2: เปิดเลเยอร์พื้นหลังของคุณ

ก่อนอื่นคุณต้องมีภาพพื้นหลังของคุณ วิธีที่ง่ายที่สุดในการบันทึกภาพลงในคอมพิวเตอร์ของคุณ เพื่อให้คุณสามารถเปิดได้โดยเลือก "ไฟล์" ในแถบเครื่องมือ จากนั้นเลือก "เปิด":

ภาพหน้าจอของบทช่วยสอน

จากที่นี่ คุณจะสามารถเลือกรูปภาพได้จากทุกที่ที่คุณบันทึกไว้แล้วกด "เปิด" ฉันตั้งชื่อรูปของฉันว่า "นก" เพราะนก:

ภาพหน้าจอของบทช่วยสอน

ภาพพื้นหลังของคุณควรเปิดบนผ้าใบของตัวเอง พอดีกับขนาด:

ภาพหน้าจอของบทช่วยสอน

ขั้นตอนที่ 3: เพิ่มข้อความ

หากต้องการเพิ่มข้อความ คุณจะต้องเข้าถึง "เครื่องมือข้อความ" คุณสามารถค้นหาเครื่องมือข้อความในหน้าต่างกล่องเครื่องมือของคุณ:

ภาพหน้าจอของบทช่วยสอน

เลือกจากหน้าต่าง Toolbox ของคุณดังนี้:

ภาพหน้าจอบทช่วยสอน - ตัวเลือกเครื่องมือ

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

คุณยังดูไม่ถูกต้อง แต่ฉันเลือกคำพูดของ Han Solo สำหรับบทช่วยสอนนี้เพราะฉันถูกทิ้งไว้โดยไม่มีใครดูแลเป็นเวลานาน:

ภาพหน้าจอของบทช่วยสอน

หมายเหตุ: คุณอาจสังเกตเห็นแถบเครื่องมือแบบลอยที่เป็นประโยชน์ซึ่งปรากฏเหนือกล่องข้อความของคุณ ณ จุดนี้:

ภาพหน้าจอของบทช่วยสอน

มันจะดูดราม่าเกินไปถ้าจะบอกว่า มันเป็นกับดัก และไม่มีประโยชน์เลย แต่ฉันจะบอกว่าอย่างดีที่สุดแล้ว ฉันประสบความสำเร็จหลายอย่างกับการเปลี่ยนแปลงที่ทำในแถบเครื่องมือนี้ซึ่งมีผลกับผืนผ้าใบอย่างสม่ำเสมอ

ด้วยเหตุนี้ ฉันขอแนะนำให้ใช้หน้าต่าง Toolbox แทน เหมือนที่เคยทำในบทช่วยสอนนี้ หรือลองดูแล้วบอกฉันว่าฉันทำอะไรผิด คุณทำคุณ


การสร้างภาพที่ยอดเยี่ยมเป็นเพียงครึ่งหนึ่งของสมการการตลาดเนื้อหา คุณต้องโปรโมตเนื้อหานั้นด้วยเพื่อให้แน่ใจว่าเนื้อหานั้นปรากฏในการค้นหา ดาวน์โหลดรายการตรวจสอบฟรีของเราเพื่อเรียนรู้วิธี!

รายการตรวจสอบของนักการตลาดดิจิทัล


ขั้นตอนที่ 4: ปรับข้อความ

ดูที่หน้าต่าง Toolbox ของคุณอีกครั้ง เนื่องจากชั้นข้อความของคุณถูกเลือกอยู่ กล่องเครื่องมือของคุณจะมีตัวเลือกสำหรับเครื่องมือข้อความของคุณภายใต้ส่วน "ตัวเลือกเครื่องมือ" นี่คือที่ที่คุณสามารถปรับเปลี่ยนข้อความของคุณได้:

ปรับภาพหน้าจอตัวอย่างข้อความ

มีเพียงสามการปรับเปลี่ยนที่เราจะทำในตอนนี้สำหรับข้อความของคุณ

ขนาด:

ปรับภาพหน้าจอตัวอย่างข้อความ

สี:

ปรับภาพหน้าจอตัวอย่างข้อความ

แบบอักษร:

ปรับภาพหน้าจอตัวอย่างข้อความ

ขั้นตอนที่ 4a: ปรับขนาดข้อความ

ไปยุ่งกับขนาดตัวอักษรของคุณก่อน (เพื่อให้เราเห็นสิ่งที่แดง) ในกล่องเครื่องมือของคุณ ให้ดับเบิลคลิกที่ช่องข้าง "ขนาด" เพื่อให้สามารถป้อนค่าขนาดใหม่ได้:

ปรับภาพหน้าจอตัวอย่างข้อความ

ป้อนค่าและกด Enter เพื่อดูข้อความของคุณในที่สุด ฉันถ่ายภาพในที่มืดและใส่ค่า 200 ซึ่งดูเรียบร้อยดี แต่คุณอาจต้องเล่นซอเล็กน้อยเพื่อให้ได้ขนาดตัวอักษรที่ต้องการ

ภาพหน้าจอของบทช่วยสอน

ขั้นตอนที่ 4b: ปรับสีข้อความ

เมื่อข้อความของคุณมีขนาดพอเหมาะ คุณสามารถเปลี่ยนความสนใจไปที่สีของมันได้ อีกครั้งในหน้าต่าง Toolbox ของคุณ ให้คลิกที่ช่องข้าง "Color":

ปรับภาพหน้าจอตัวอย่างสีข้อความ

หน้าต่างขนาดเล็กใหม่จะปรากฏขึ้นพร้อมกับสิ่งต่าง ๆ ให้เล่น:

ปรับภาพหน้าจอตัวอย่างสีข้อความ

คุณสามารถปรับแต่งได้จนกว่าคุณจะพบสีที่คุณชอบ หรือค้นหาหมายเลขสัญลักษณ์ HTML สำหรับเฉดสีเฉพาะที่คุณต้องการแล้วป้อนลงใน:

ปรับภาพหน้าจอตัวอย่างสีข้อความ

ฉันเลือกสีขาวหรือสัญลักษณ์ HTML #FFFFFF สำหรับเด็กที่เท่ห์ เมื่อคุณพอใจกับสีของคุณแล้ว ให้กด "ตกลง"

ขั้นตอนที่ 4c: ปรับแบบอักษรข้อความ

สุดท้าย เลือกแบบอักษรของคุณ ในหน้าต่าง Toolbox ของคุณ คุณจะพบกล่องข้อความที่มีชื่อของข้อความเริ่มต้น ซึ่งในกรณีนี้คือ “Sans” หากคุณทราบชื่อแบบอักษรที่ต้องการ คุณสามารถพิมพ์ลงในกล่องข้อความนั้นได้:

ปรับภาพหน้าจอตัวอย่างแบบอักษรของข้อความ

หากคุณต้องการเล่นฟอนต์เล็กน้อย ให้คลิกที่กราฟิก “Aa” แล้วเลื่อนดูรายการแบบหล่นลงของประเภทฟอนต์:

ปรับภาพหน้าจอตัวอย่างแบบอักษรของข้อความ

โปรดทราบว่า Gimp ไม่ได้โหลดข้อความทั้งหมดในโลกไว้ล่วงหน้า มีวิธีอัปโหลดแบบอักษรไปยัง Gimp แต่ฉันแน่ใจว่าไม่ได้ครอบคลุมกระบวนการนั้นที่นี่ ลองใช้วิดีโอแนะนำนี้: https://www.youtube.com/watch?v=MHlCn9vYZXU

ฉันเลือกแบบอักษร “Segoe Script Bold” เพราะมันทำให้ฉันนึกถึงโปสเตอร์ที่สร้างแรงบันดาลใจ:

ปรับตัวอย่างแบบอักษรข้อความ

ขั้นตอนที่ 5: ย้ายเลเยอร์ข้อความ

หากต้องการให้ข้อความอยู่ในตำแหน่งที่ต้องการ ให้เลือก "ย้ายเครื่องมือ" จากหน้าต่างกล่องเครื่องมือ ดูเหมือนระนาบพิกัดคาร์ทีเซียนเล็กน้อย:

ปรับภาพหน้าจอตัวอย่างแบบอักษรของข้อความ

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

ปรับตัวอย่างแบบอักษรข้อความ

หากคุณกำลังประสบปัญหานี้ คุณสามารถเลือกเลเยอร์กล่องข้อความของคุณในหน้าต่างเลเยอร์ก่อนที่จะคลิกบนผืนผ้าใบของคุณ:

ปรับภาพหน้าจอตัวอย่างแบบอักษรของข้อความ

บางครั้งก็ช่วยได้

ขั้นตอนที่ 6: เพิ่มรูปภาพ

ตอนนี้ มาพูดถึงถ้าคุณต้องการเพิ่มกราฟิก พูดโลโก้ของ Linkarati อีกครั้งจะง่ายที่สุดหากคุณบันทึกกราฟิกที่ต้องการลงในคอมพิวเตอร์ของคุณ

หากต้องการเปิดบนผ้าใบ ให้ไปที่แถบเครื่องมือและเลือก "ไฟล์" จากนั้นเลือก "เปิดเป็นเลเยอร์":

ปรับภาพหน้าจอตัวอย่างข้อความ

เช่นเดียวกับเมื่อคุณเปิดพื้นหลัง เลือกรูปภาพจากตำแหน่งที่คุณบันทึกไว้ในคอมพิวเตอร์แล้วกด "เปิด":

ปรับภาพหน้าจอตัวอย่างข้อความ

และเช่นเดียวกับกล่องข้อความของคุณเมื่อคุณสร้างมันขึ้นมาครั้งแรก รูปภาพของคุณอาจจะเปิดออกน้อยมากจริงๆ:

ปรับภาพหน้าจอตัวอย่างแบบอักษร

ขั้นตอนที่ 7: ปรับภาพ

ในการทำให้คนที่ตัวใหญ่กว่า Tom Thumb มองเห็นภาพนี้ได้ ให้เลือก “Scale Tool” จากหน้าต่าง Toolbox ของคุณ:

ปรับภาพหน้าจอตัวอย่างตัวเลือกแบบอักษร

จากนั้นคลิกที่รูปภาพเล็กๆ ของคุณ ซึ่งจะมีหน้าต่างป๊อปอัปปรากฏขึ้น:

ปรับภาพหน้าจอตัวอย่างแบบอักษร

ก่อนที่คุณจะไปยุ่งกับมิติ อย่าลืมคลิก สิ่งนี้amabob ที่นี่...

...เพื่อให้มีลักษณะดังนี้:

ปรับภาพหน้าจอตัวอย่างแบบอักษร

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

หากต้องการปรับขนาด ให้เลื่อนเคอร์เซอร์ไปที่มุมหนึ่งของรูปภาพแล้วดึงจนได้ขนาดที่ต้องการ จากนั้นคลิก "สเกล":

ปรับภาพหน้าจอตัวอย่างแบบอักษร

หากต้องการย้ายรูปภาพ ให้เลือก Move Tool อีกครั้งแล้วลากไปรอบๆ เช่นเดียวกับที่คุณทำกับเลเยอร์กล่องข้อความ

ขั้นตอนที่ 10: "ส่งออกเป็น" - บันทึกรูปภาพเป็น .jpg

Gimp ใช้ไฟล์ประเภทแปลก ๆ โดยค่าเริ่มต้น .cxf หากต้องการบันทึกภาพของคุณเป็นเรื่องปกติ ให้ไปที่แถบเครื่องมือและเลือก "ส่งออกเป็น":

ปรับภาพหน้าจอการส่งออกแบบอักษร

หน้าต่างนี้จะแจ้งให้คุณเปลี่ยนชื่อไฟล์และเลือกตำแหน่งที่จะบันทึก สิ่งสำคัญที่สุดคือมันจะช่วยให้คุณเลือกได้ว่าต้องการบันทึกไฟล์ประเภทใด

เมื่อต้องการทำสิ่งนี้ ให้คลิก “+” เล็กๆ ข้าง “Select File Type”...

ปรับภาพหน้าจอแบบอักษร

...ซึ่งจะเลื่อนลงมาในรายการตัวเลือก:

แน่นอนว่าตัวเลือกที่พบบ่อยที่สุดคือ .jpg ซึ่งเป็นสิ่งที่ฉันเลือก

เมื่อคุณคลิก "ส่งออก" จะมีหน้าต่างแจ้งให้คุณทราบเกี่ยวกับคุณภาพของภาพเพิ่มเติม:

ส่งออกภาพหน้าจอ

รูปภาพคุณภาพสูงกว่าจะเป็นไฟล์ที่ใหญ่กว่าและใช้พื้นที่บนคอมพิวเตอร์ของคุณมากขึ้น แต่ฉันแนะนำให้เพิ่มตัวเลื่อนคุณภาพนั้นไปที่ "100" ก่อนที่จะกด "ส่งออก" อีกครั้ง:

ส่งออกภาพหน้าจอ

ตอนนี้คุณควรมีสำเนาของภาพที่สวยงามของคุณบนคอมพิวเตอร์ของคุณ ทุกที่ที่คุณบันทึกไว้ ของฉันปรากฏขึ้นบนเดสก์ท็อปของฉันดังนี้:

ภาพหน้าจอเดสก์ท็อป

และเปิดเป็นภาพ .jpg ที่สวยงามและจัดการได้เมื่อคุณคลิก:

ส่งออกภาพหน้าจอ

บทสรุป

ไปเลย! คุณควรมีภาพที่น่ารักที่จะดึงความสนใจทางภาพอย่างจริงจังให้กับโพสต์บนบล็อกของคุณ - หรือในโพสต์โซเชียลของคุณ หรือเป็นภาพส่งเสริมการขาย หรือเป็นวอลล์เปเปอร์คอมพิวเตอร์ (และก่อนที่คุณจะถาม ใช่ แน่นอน คุณสามารถใช้ ภาพ Han Solo สำหรับคอมพิวเตอร์ของคุณ)

อีกครั้ง Gimp อาจไม่เป็นมิตรกับผู้ใช้เท่าคู่หูบนเว็บอย่าง Canva และ Pablo แต่มันมีแรงม้ามากกว่า หากคุณพยายามเรียนรู้ที่จะควบคุมแรงม้านั้น Gimp จะพาคุณไปไกลกว่านั้น คุณจะสามารถสร้างภาพที่มีความทะเยอทะยานมากขึ้นด้วยสิ่งของแฟนซีทุกประเภท เช่น ข้อความที่ตัดแล้วและกราฟิกที่ปรับแต่งเอง มันเป็นงาน DIY มากกว่าและต้องใช้ความรอบคอบและทักษะที่มากกว่า แต่ลองสำรวจดูและดูว่าคุณสามารถทำอะไรได้บ้าง

บทช่วยสอนวันอังคารนี้เป็นเพียงส่วนเล็กๆ ของภูเขาน้ำแข็ง

มีความสุขในการออกแบบ!