GIMP: สร้าง Pulse Meter จาก Scratch

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

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

การสร้างรูปร่างพื้นฐานด้วย GIMP

ขั้นตอนแรกหลังจากเปิดไฟล์ โปรแกรมจัดการรูปภาพ GNU (GIMP สำหรับตัวย่อในภาษาอังกฤษ) คือการสร้างภาพใหม่

ไปที่เมนูกันเลย เก็บ » Nuevo หรือถ้าเราชอบคีย์ผสมก็ใช้ CTRL + N. เราเลือกขนาดที่ต้องการ แต่เพื่อแสดงให้เห็นเราจะใช้ 640 × 400 พิกเซลที่ไม่ใหญ่หรือเล็ก

เราเลือกสีที่เราต้องการโดยคลิกที่ช่องสีแล้วเลือกสีที่เราต้องการจากนั้นลากสีจากกล่องไปที่หน้าต่างรูปภาพ เมื่อเสร็จแล้วเราจะสร้างเลเยอร์ใหม่ด้วยความโปร่งใส (แนะนำให้ทำงานกับเลเยอร์เพื่อเร่งกระบวนการแก้ไขที่เป็นไปได้โดยไม่สูญเสียงานทั้งหมด) ในการสร้างเลเยอร์ใหม่เราคลิกที่เลเยอร์ที่ฝังไว้ซึ่งมีเครื่องหมายเพิ่มเติมหรือกด SHIFT + CTRL + N เพื่อให้เราได้สิ่งนี้:

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

การสร้างทีม

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

เมื่อเลือกรูปร่างพื้นฐานแล้วเรากลับไปที่เลเยอร์ใหม่ที่เราสร้างขึ้น แต่ก่อนที่จะเติมด้วยสีเราไปที่เมนู เลือก และเราใช้ตัวเลือกของ หด o หด ด้วยมูลค่า 1 พิกเซล เราเลือกสีที่เราต้องการสำหรับเลเยอร์ใหม่และเติม

จนถึงตอนนี้เรามีรูปร่างพื้นฐานเป็นสีเข้มและอีกชั้นหนึ่งมีร่างกายของทีมเป็นสีอื่น (ควรใช้สีที่ตัดกับพื้นหลัง) เราอยู่ในเลเยอร์ของรูปร่างพื้นฐานและเราจะไป กรอง » เบลอ » Gaussian เบลอ ด้วยค่า 5 พิกเซลและเรามีเอฟเฟกต์เงาอยู่แล้วผลลัพธ์ควรจะมากหรือน้อยกว่านี้:

การสร้างภายในของทีม

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

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

เราเติมสีและสร้างสิ่งที่จะเป็นขนาดของอุปกรณ์ที่ใน "ภาษา GIMP" ไม่เกินเส้นตาราง เราสร้างเลเยอร์ใหม่และเราจะ Filtros » การกระทำ » รูปแบบ » ชั้นวาง เลือกสี (ควรเป็นสีเขียว) ที่ตัดกับพื้นหลังของอุปกรณ์และใช้เอฟเฟกต์

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

ในการตัดกริดเรากลับมาพร้อมกับ อัลฟ่าถึงการเลือก ใช้เป็นฐานชั้นของพื้นหลังของอุปกรณ์ (อันที่เราใส่เป็นสีเขียว) จากนั้นเราจะไป เลือก » สลับการเลือก หรือถ้าเรากด CTRL + I เมื่อเสร็จแล้วให้กดปุ่ม ลบ และ voila ... ตารางพอดีกับหน้าจอที่เราคาดไว้

เพื่อปรับปรุงการปรับตัวเราเปลี่ยนโหมดเลเยอร์ของกริดจาก ปกติ a ความกล้าหาญ และเราลดความทึบลงเหลือ 40% เพื่อลบ "แรง" เล็กน้อย

หน้าจอของทีมงานของเรา

ในทีมของเราเราจะวัดชีพจรโดยการจำลองภาพยนตร์ที่พวกเขาแสดงตำแหน่งของผู้ป่วยโดยใช้เส้นดังนั้นเราจะสร้างสายการวัดของเราที่มีผลกระทบที่สอดคล้องกัน ในการสร้างเส้นเราจะใช้เครื่องมือ เส้นทาง จากนั้นเราจะสร้างเส้นจากเส้นทางที่เราสร้างขึ้น

ก่อนอื่นให้เลือกสีที่เราต้องการสำหรับเส้นทาง เราเลือกเครื่องมือ เส้นทาง และเราติดตามรูปร่างที่เราต้องการให้มัน

เมื่อได้รูปร่างที่เราต้องการจะให้ เส้นทาง จากนั้นเราจะใช้ตัวเลือกเครื่องมือเพื่อสร้างเส้นผ่านเส้นทางทั้งหมดที่เรากำหนด

อะไรจะมากหรือน้อยเช่นนี้:

เมื่อวาดเส้นทางแล้วเราจะทำซ้ำเลเยอร์ของเส้น (ซึ่งเราควรใช้กับสีที่โดดเด่นบนหน้าจอของเรา) ไปยังเลเยอร์ด้านล่างที่เราสร้าง กรอง » เบลอ » Gaussian เบลอ และเราจะไปทำงานในเลเยอร์บรรทัดด้านบน

ในการสร้างเอฟเฟกต์ทึบแสงให้กับ Pulse เราสร้างเลเยอร์มาสก์ (คลิกขวาที่เลเยอร์» เพิ่มเลเยอร์มาสก์) และเลือกค่าสีเริ่มต้น (D) จะมีกล่องสีขาวติดกับเลเยอร์ของเรา

ต่อมาเราเปลี่ยนสี Foreground (สีขาว) และพื้นหลัง (สีดำ) คลิกขวาที่เลเยอร์ใหม่และเลือก แสดงเลเยอร์มาสก์. สิ่งนี้จะทำให้เราว่างเปล่า แต่ไม่ต้องกังวล เราเลือก เครื่องมือไล่ระดับสี (เราต้องมีตัวเลือก ไล่ระดับสี Bilinear) และเราลากเส้นและใช้มันจากกึ่งกลางของเลเยอร์ในแนวนอนออกจากเลเยอร์

เรายกเลิกการเลือกตัวเลือก แสดงเลเยอร์มาสก์. หากเราดูกล่องโต้ตอบเลเยอร์เราจะเห็นสิ่งนี้:

การทำเช่นนั้นเราจะเห็นว่าบรรทัดบนสุดของเราปรากฏขึ้นอีกครั้งและผลลัพธ์ก็ค่อนข้างดี

สังเกตว่าตอนนี้ขอบของเส้นมีการไล่ระดับสีราวกับว่ามันจางลง หลักสูตรนี้จะดีกว่ามาก

ฝาอะคริลิคของชุด

ดังที่เราได้กล่าวไว้ในตอนต้นเราจะสร้างภาพลวงตาว่ามันมีชั้นอะคริลิกโปร่งใสซึ่งให้ความคิดเรื่องปริมาตรแก่ทีมดังนั้นเราจะต้องมีชั้นเงาเพื่อจำลองอะคริลิกและเงาด้านในตามลำดับ

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

เมื่อการเลือกลดลงเราเติมด้วยสีดำ ต่อมาในชั้นเดียวกันของสีดำเราทำตามขั้นตอน อัลฟ่าถึงการเลือก และเรากลับไปที่เลือก»ลดขนาดครั้งนี้ด้วยค่า 2 พิกเซล คุณจะเห็นว่าเรามีวงกลมสีดำด้านซ้ายเราใช้ a กรอง » เบลอ » Gaussian เบลอ ด้วยค่า 5 ซึ่งเราได้รับสิ่งนี้:

ถึงคราวของการสร้างฝาอะคริลิกที่เราสร้างเลเยอร์ใหม่และทำขั้นตอนเดียวกัน อัลฟ่าสู่การเลือก โดยใช้เลเยอร์พื้นหลังหน้าจอเป็นฐาน

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

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

จนถึงตอนนี้แบบฝึกหัดที่เรียบง่ายของเราเราหวังว่าคุณจะตื่นเต้นและพยายามทำมัน