ฉันจะเปลี่ยนรูปสี่เหลี่ยมจัตุรัสเป็นวงกลมใน Sketch ได้อย่างไร


15

ฉันต้องการถ่ายภาพสี่เหลี่ยมใน Sketch และให้รูปแบบวงกลม / รัศมี

ตัวอย่างเช่น:

ป้อนคำอธิบายรูปภาพที่นี่


2
ดังนั้น ... คุณต้องการวางหมุดสี่เหลี่ยมในรูกลม?
Lauren-Reinstate-Monica-Ipsum

คุณช่วยบอกให้เรารู้ว่าคุณได้ลองทำอะไรบ้าง?
DᴀʀᴛʜVᴀᴅᴇʀ

@ale เป็นสิ่งที่ฉันใช้ ทำงานได้ดี!
Daniel Fischer

คำตอบ:


22

ที่จริงแล้วค่อนข้างง่าย มีสองวิธีในการทำ:

1. ใช้หน้ากาก

วิธีที่ดีที่สุด IMHO เนื่องจากให้ความยืดหยุ่น / ตัวเลือกการแก้ไขเพิ่มเติม

  1. นำเข้าภาพของคุณ:

    นำเข้า

  2. วาดวงกลมที่จะปกปิดรูปภาพของคุณ:

    หน้ากาก

  3. ย้ายวงกลมด้านหลังบิตแมปโดยใช้Backwardไอคอนแถบเครื่องมือ:

    กลับ

  4. ใช้วงกลมเพื่อปิดบังบิตแมปโดยเลือกและเลือกLayer › Use as Maskจากเมนู:

    หน้ากาก

  5. Ta-da!

    เสร็จสิ้น

  6. เป็นขั้นตอนพิเศษคุณสามารถจัดกลุ่มบิตแมปและรูปแบบวงกลมเพื่อหยุดวงกลมจากการปิดบังรูปร่างอื่น ๆ :

    กลุ่ม

  7. ในการเพิ่มเส้นขอบให้เพิ่มรูปร่างวงกลมอื่นที่อยู่เหนือภาพที่ถูกสวมหน้ากาก


2. ใช้การเติมลวดลาย

  1. วาดวงกลมที่คุณต้องการให้รูปภาพปรากฏ:

    วงกลม

  2. Select Fill › Pattern Fill ในสารวัตร:

    แบบแผน

  3. คลิกChoose Image…และเลือกบิตแมปของคุณ:

    บิตแมป

  4. ตั้งค่าตัวเลือกการเติมFillเป็นแบบเลื่อนลง:

    เติม

  5. เพิ่มเส้นขอบให้กับวงกลมตามปกติ

  6. Ta-da!

หวังว่ามันจะช่วย!


2

คุณสามารถใช้วิธีการปิดบังผ่าน Photoshop

นี่คือขั้นตอนฉันจะใช้ภาพสี่เหลี่ยมตัวอย่าง

1 * เพิ่มรูปภาพสี่เหลี่ยมของคุณใน Photoshop วางไว้ในเอกสารใหม่และมันจะสร้างเลเยอร์ใหม่สำหรับภาพ

ภาพสี่เหลี่ยมของท้องฟ้าเต็มไปด้วยดวงดาวอย่างที่คุณเห็นมีชั้นพื้นหลังสีขาวอยู่ด้านล่าง

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

วัตถุวงกลมด้านบนของเลเยอร์ภาพสี่เหลี่ยม

3 * ตอนนี้วางเลเยอร์ของวงกลมที่อยู่ใต้เลเยอร์ภาพสี่เหลี่ยม จากนั้นคลิกเลเยอร์ของรูปภาพสี่เหลี่ยมคลิกขวาและเลือกสร้างรูปแบบการคลิป

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

4 * ณ จุดนี้คุณสามารถลากไปรอบ ๆ เลเยอร์ภาพสี่เหลี่ยมเพื่อให้พอดีกับวงกลม คุณสามารถปรับส่วนใดของภาพสี่เหลี่ยมที่วงกลมควรจับ ลากรอบเลเยอร์ภาพสี่เหลี่ยมเพื่อให้พอดีกับวงกลม

5 * เมื่อคุณพอใจกับตำแหน่งของภาพในวงกลมคุณสามารถเลือกทั้งสองเลเยอร์และผสานเข้าด้วยกันเพื่อสร้างภาพวงกลม คุณสามารถคลิกขวาหลังจากเลือกเลเยอร์ทั้งสองแล้วเลือกผสานเลเยอร์หรือใช้ทางลัดCmd+ Eบน Mac หรือCtrl+ Eหากคุณใช้ Windows

เลือกทั้งเลเยอร์และรวมเข้าด้วยกัน

หลังจากที่คุณรวมแล้วเลเยอร์ควรมีลักษณะเช่นนี้มีเพียงภาพวงกลมใหม่เท่านั้น

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

ใช้ปุ่มเอฟเฟกต์ที่ด้านล่างของแผงเลเยอร์เพื่อสร้างเอฟเฟกต์ใด ๆ เช่นสโตรกหรือเงาตก

ปรับขนาดจังหวะที่คุณต้องการ

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

ฉันหวังว่านี่จะช่วยได้.


3
ฉันคิดว่า OP ขอวิธีแก้ปัญหาใน Sketch
benteh

ในขณะนี้อาจช่วยให้ใครบางคนใน Photoshop โปรดเข้าใจว่าคำตอบของคุณอาจถูกลดระดับลงเนื่องจาก OP ขอให้เป็นแบบร่าง
DᴀʀᴛʜVᴀᴅᴇʀ

1

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

ป้อนคำอธิบายรูปภาพที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.