ทุกคนชอบมุมขวาในภาพ แต่ยังคงมีบางครั้งที่ต้องปัดเศษมุมเดียวกันเหล่านี้ จากนั้นโปรแกรม Photoshop จะมาช่วยคุณอีกครั้ง ในบทความนี้เราจะดูหนึ่งในหลายวิธีที่สามารถทำได้ โปรดทราบว่าวิธีการของฉันยังเกี่ยวข้องกับการตัดภาพที่ขอบออกเล็กน้อย นี่เป็นการเสียสละในนามของมุมโค้งมน

สำหรับผู้ที่ชอบความชัดเจนมากขึ้น ฉันได้บันทึกวิดีโอบทช่วยสอนที่สามารถดูได้ในตอนท้ายของบทเรียนนี้ เรามาเริ่มปัดเศษมุมของภาพกันดีกว่า:

ขั้นตอนที่ 1

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

หากต้องการปลดล็อกเลเยอร์ดังกล่าว คุณต้องดับเบิลคลิกเลเยอร์นั้น กล่องโต้ตอบเลเยอร์ใหม่จะปรากฏขึ้น ไม่ต้องเปลี่ยนแปลงอะไร เพียงคลิกตกลง ตอนนี้ล็อคควรจะหายไป

ขั้นตอนที่ 5

ในแผงเลเยอร์ ให้คลิกที่เลเยอร์แรกสุดที่มีรูปภาพต้นฉบับของเรา แล้วกดคีย์ผสม Ctrl+Shift+I ด้วยเหตุนี้เราจึงควรเลือกพื้นที่ทั้งหมดที่อยู่นอกขอบเขตของจัตุรัสของเรา มันเรียกว่า. มาดูสิ่งที่เปลี่ยนแปลงให้ละเอียดยิ่งขึ้น:

ขั้นตอนที่ 6

ตอนนี้กดคีย์ผสม Ctrl + X (แก้ไข-ตัด.) เพื่อลบพื้นที่ที่เลือก การเลือกควรหายไปและพื้นหลังกระดานหมากรุก (โปร่งใส) จะปรากฏขึ้นในตำแหน่งที่รูปภาพเคยเป็น

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

รันคำสั่ง ภาพ -เพื่อให้ Photoshop ลบพื้นที่ส่วนเกินรอบๆ รูปภาพทั้งหมด ด้วยเหตุนี้ โหมดโปร่งใสจึงควรมองเห็นได้เฉพาะที่มุมเท่านั้น

ในอนาคตหากต้องการใช้รูปภาพดังกล่าวจะต้องบันทึกในรูปแบบ PNG! ในกรณีนี้ มุมต่างๆ จะยังคงโปร่งใส มิฉะนั้น หากคุณบันทึก เช่น ใน รูปแบบ JPGมุมต่างๆ จะกลายเป็นพื้นหลังสีขาวโดยอัตโนมัติ

ดังนั้นทุกอย่างพร้อมแล้ว รูปภาพที่มีมุมโค้งมนจะมีลักษณะดังนี้:

จะทำมุมโค้งมนเพียงมุมเดียวได้อย่างไร?

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

ฉันหวังว่าคำแนะนำจะช่วยคุณได้และคุณสามารถทำอะไรเจ๋งๆ ได้! ขอให้โชคดี.

หากคุณสังเกตเห็นข้อผิดพลาดในข้อความ ให้เลือกแล้วกด Ctrl + Enter ขอบคุณ!

ค่าเบลอจะขึ้นอยู่กับขนาดเส้นตรงของรูปภาพและขนาดของรัศมีเนื้อที่คุณต้องการ ฉันเลือกค่าเป็น 4 พิกเซล:

ในกรณีที่ฉันสร้างสำเนาของเลเยอร์ที่มีรูปร่างเบลอโดยกด Ctrl+J

กดปุ่ม Ctrl ค้างไว้แล้วคลิกไอคอนเลเยอร์ในแผงเลเยอร์เพื่อสร้างการเลือกรอบๆ รูปร่าง ไปที่แท็บเมนูหลัก เลือก --> Refine Edge เลือกโหมดการดู (ที่ด้านบนของกล่องโต้ตอบ) “เป็นสีดำ”:

พารามิเตอร์ "เรียบ" รับผิดชอบรัศมีมุมดังนั้นคุณสามารถเลือกได้ตามรสนิยมของคุณ แต่ต้องตั้งค่า "ขนนก" และ "คอนทราสต์" เป็น 0 พิกเซล และ 100% ตามลำดับ
คลิกตกลง กล่องโต้ตอบ "ปรับแต่งขอบ" จะปิดลง และ "มดวิ่ง" จะปรากฏขึ้นในเอกสารอีกครั้ง สิ่งที่เราต้องทำคือคลิกที่ไอคอนสร้างเลเยอร์มาสก์ที่ด้านล่างของแผงเลเยอร์ จากนั้นเราจะสร้างเลเยอร์มาสก์จากพื้นที่ที่เลือก
ผลลัพธ์:

แผงเลเยอร์มีลักษณะดังนี้:

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

ส่วนที่เลือกจะปรากฏขึ้นรอบๆ รูปร่าง แล้ว จำเป็นคลิกที่ไอคอนเลเยอร์ เลือกสีที่ต้องการในจานสี แล้วกด Ctrl+Delete เพื่อเติมส่วนที่เลือก ฉันใช้สีเดิมของรูปร่าง เสร็จแล้ว:

ต่อไปนี้เป็นวิธีปัดเศษมุมในข้อความโดยใช้วิธีที่อธิบายไว้ข้างต้น:

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

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

ในบทเรียนนี้ โฟโต้ชอปเราจะมาดูกันว่าการปัดเศษมุมของรูปภาพโดยใช้ตัวอย่างอวตารนั้นทำได้ง่ายเพียงใด โดยไม่ถูกจำกัดด้วยความหนาของ 1px:

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

ปัดเศษทุกมุมของภาพวาดโดยใช้รูปร่างของ Photoshop

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

1. เปิดโฟโต้ชอป บทช่วยสอนนี้ใช้เวอร์ชันที่ฉันชอบ อะโดบี โฟโต้ช็อปซีเอส3แต่เวอร์ชันอื่นที่ติดตั้งบนคอมพิวเตอร์ของคุณจะทำงานได้

2. เปิดภาพวาดต้นฉบับซึ่งเราจะปัดเศษขอบออก หากภาพวาดมีขนาดและรูปร่างแตกต่างจากที่เราต้องการ จำเป็นและ/หรือใน Photoshop ก่อนที่จะเริ่มปัดเศษมุม

3. กดบนแป้นพิมพ์ Ctrl+Aเพื่อเลือกรูปภาพทั้งหมด จากนั้นคลิก Ctrl+Cเพื่อคัดลอกมัน เปิดหน้าต่างใหม่ใน Photoshop ( Ctrl+N) และวางภาพที่คัดลอกไว้ลงไป ( Ctrl+V- ในกรณีนี้ พื้นหลังในหน้าต่างใหม่ควรเป็น หรือสีที่ควรล้อมรอบรูปภาพด้วยขอบโค้งมนบนไซต์

4. เราสร้าง เลเยอร์ใหม่ (Ctrl+Shift+N- และในเลเยอร์ใหม่นี้โดยใช้เครื่องมือ เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน (U)วาดรูปสี่เหลี่ยมหรือสี่เหลี่ยมตามขนาดที่ต้องการ:

5. สีพื้นหลังของสี่เหลี่ยมที่วาดนั้นไม่สำคัญ พารามิเตอร์ รัศมีซึ่งแสดงถึงระดับความกลมของมุมสำหรับบทเรียนนี้มีค่าเท่ากับ 8 แต่คุณสามารถเปลี่ยนได้ตามต้องการ:

6. รูปร่างที่วาดในเลเยอร์ใหม่สามารถย้ายได้โดยใช้ปุ่มลูกศรบนแป้นพิมพ์ รูปร่างของมันสามารถเปลี่ยนได้โดยการกดบนคีย์บอร์ด Ctrl+Tแล้วยืดรูปร่างด้วยเมาส์ หากคุณลากไปรอบ ๆ มุมในขณะที่กดปุ่มค้างไว้ กะขนาดของร่างจะเปลี่ยนตามสัดส่วน จากการกระทำทั้งหมดนี้ เราจะตรวจสอบให้แน่ใจว่ารูปร่างที่มีขอบโค้งมนจะมีขนาดและรูปร่างที่เราต้องการ:

7. ขณะที่กดปุ่มค้างไว้ Ctrlคลิกที่ตัวอย่างเลเยอร์ในแผงเลเยอร์ เลเยอร์(สำหรับเรานี่คือสี่เหลี่ยมสีแดง) ซึ่งจะช่วยให้เราสามารถเลือกสี่เหลี่ยมสีแดงที่มีมุมโค้งมนได้ โดยเห็นได้จากเส้นประที่ปรากฏตามขอบ:

8. ในแผงเลเยอร์ เลเยอร์ไปที่เลเยอร์ด้านล่างด้วยรูปภาพหลักแล้วกดชุดค่าผสม Ctrl+Shift+I(หรือ เลือก -> ผกผันในหลัก เมนูโฟโต้ชอป- เพื่อเน้นพื้นที่ที่อยู่นอกจัตุรัสโค้งมนสีแดง

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

10. การวาดภาพที่ไม่มีมุมแหลมพร้อมแล้ว คุณยังสามารถใช้เป็นอวตารหรือภาพประกอบบนเว็บไซต์ได้

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

หากคุณต้องการปัดเศษการออกแบบเพียงมุมเดียว ในขณะที่ส่วนที่เหลือควรมีความคม คำแนะนำข้างต้นก็เหมาะสำหรับการใช้งานเช่นกัน ในการทำเช่นนี้เพียงใช้ชุดค่าผสม Ctrl+Tสี่เหลี่ยมสีแดงมีขนาดใหญ่กว่าภาพที่คุณกำลังแก้ไข ในกรณีนี้ขอบของสี่เหลี่ยมสีแดงจะสิ้นสุดนอกผืนผ้าใบและสามารถวางสี่เหลี่ยมดังกล่าวบนภาพวาดเพื่อให้มีเพียงมุมเดียวเท่านั้นที่ทับซ้อนพื้นที่ที่มองเห็นของภาพวาดและส่วนที่เหลือยังคงอยู่ด้านนอก โดยการกลับด้านและลบส่วนที่เลือกของรูปภาพ เราจะปัดเศษมุมที่ต้องการของรูปภาพเพียงมุมเดียว และมุมที่เหลือจะยังคงคมชัด ในทำนองเดียวกัน คุณสามารถปัดเศษมุมของรูปภาพได้อย่างรวดเร็วและง่ายดาย

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

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

25.07.2016 27.01.2018

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีทำให้มุมที่คมชัดใน Photoshop เรียบเนียนขึ้น

ขั้นแรก เรามาสร้างรูปร่างกันก่อน คุณสามารถทำได้โดยเลือก Custom Shape Tool จากแถบเครื่องมือ ปุ่มลัดเรียกเมนูย่อยของเครื่องมือสำหรับการสร้าง รูปร่างเวกเตอร์- คุณ

มีสองวิธีในการทำให้เครื่องมือนี้ใช้งานได้:

1. มีที่หนีบ ปุ่ม Shiftคลิกที่กลุ่มเครื่องมือ จากนั้นเมนูย่อยจะเปิดขึ้นเพื่อเลือกเครื่องมือที่ต้องการ

2. การคลิกปุ่มซ้ายของเมาส์ค้างไว้บนกลุ่มเครื่องมือจะเป็นการเปิดเมนูย่อยด้วย

โหลดรูปร่างที่มีอยู่ทั้งหมดลงใน Photoshop (คลิกที่รูปขนาดย่อของรูปร่างในแผงด้านบน และคลิกที่ “เฟือง” ทางด้านขวาเพื่อเปิดการตั้งค่าเพิ่มเติม):

จากรายการแบบเลื่อนลง ให้เลือกรูปร่างที่มีมุมแหลม เช่น ดาวที่มี 10 มุม:

เมื่อสร้างฟิกเกอร์อย่าลืมกดค้างไว้ สำคัญกะ- ซึ่งจะช่วยรักษาสัดส่วน

ตอนนี้คุณต้องแรสเตอร์รูปภาพ - คลิกขวาที่เลเยอร์ที่มีรูปร่าง - Rasterize Layer

ฉันเลือกรัศมีตามขนาดของผืนผ้าใบและฉันเลือกผลลัพธ์ที่ต้องการ 6 พิกเซล

ตอนนี้เราต้องโหลดการเลือกเลเยอร์ด้วยรูปร่างโดยกดค้างไว้ สำคัญCtrlคลิกที่ภาพขนาดย่อของเลเยอร์มีฟิกเกอร์อยู่ แผงเลเยอร์

เมื่อการเลือกทำงานอยู่ ให้กดปุ่ม "ปรับแต่งขอบ" (ปรับแต่งขอบ):

เมนูการตั้งค่าจะเปิดขึ้นโดยเราต้องการพารามิเตอร์ ขนนกทิ้งไว้ 0 และพารามิเตอร์ ตัดกันเพิ่มขึ้นสูงสุด 100%. พารามิเตอร์ เรียบปรับแต่งตามรสนิยมของคุณซึ่งจะช่วยปัดเศษมุมของรูป ในกรณีของดาว 10 เหลี่ยม ฉันตั้งค่าไว้ที่สูงสุด แต่คุณอาจมีการตั้งค่าที่แตกต่างไปจากเดิมอย่างสิ้นเชิง

ในพารามิเตอร์ ส่งออกไปยัง...ออกจากการตั้งค่าเริ่มต้น - การจัดสรร.

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

แค่นั้นแหละ. ในบทช่วยสอนนี้ เราได้เรียนรู้วิธีการปัดเศษมุมของรูปร่างใน Photoshop ฉันหวังว่าบทเรียนจะเป็นประโยชน์กับคุณ

สวัสดีตอนเช้า บ่าย เย็น หรือดึกทุกๆ คน Dmitry Kostin อยู่กับคุณครั้งแล้วครั้งเล่า ฉันก็มองผ่าน รูปภาพที่แตกต่างกันแล้วฉันก็ชอบบางอัน และพวกเขาชอบพวกมันเพราะมีขอบมน มันดูน่าสนใจมากขึ้นทันที คุณไม่คิดอย่างนั้นเหรอ? และนั่นคือสาเหตุที่ในบทเรียนวันนี้ ฉันอยากจะบอกคุณถึงวิธีการปัดเศษมุมใน Photoshop เพื่อทำให้รูปภาพดูน่าสนใจยิ่งขึ้น

สิ่งที่ฉันชอบเกี่ยวกับ Photoshop ก็คือในหลายกรณี สิ่งเดียวกันนี้สามารถทำได้หลายวิธี ดังนั้นมันอยู่ที่นี่ มาเริ่มกันที่ Photoshop ของเรากันดีกว่า

เกลี่ยง่าย

ปรับให้เรียบโดยใช้เส้นขอบ

วิธีนี้คล้ายกับวิธีก่อนหน้า แต่ก็ยังแตกต่างกันมาก เราจะทำทุกอย่างด้วยภาพเดียวกัน

โดยการสร้างรูปทรง

วิธีที่สามแตกต่างอย่างสิ้นเชิงจากสองวิธีก่อนหน้า ดังนั้นหยุดพักสักสองสามวินาทีแล้วเดินหน้าต่อไป ฉันจะไม่เปลี่ยนภาพและจะโหลดรถคันนี้ลงใน Photoshop อีกครั้ง

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

พยายามทำทุกอย่างด้วยตัวเองและในขณะเดียวกันก็บอกฉันว่าวิธีใดที่นำเสนอนั้นเหมาะกับคุณมากกว่า

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

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

ขอแสดงความนับถือ มิทรี คอสติน