스케치-호 모양?


14

주어진 시작 및 스윕 각도로 호 모양을 생성 할 수 있습니까? (bohemian.coding에서 Sketch 3.0 사용)

약 180도 아크

답변:


4

레이어> 벡터> 회전 사본을 사용하여 위조 할 수 있습니다. 사각형 모양을 선택한 다음 원하는 수의 사본을 만듭니다. 사본을 많이 만들수록 호는 더 매끄러 워집니다.

두 개의 원을 만들어 빼고 사각형을 반으로 뺄 수도 있습니다. 스케치에서 호 모양

마지막으로 펜 도구를 사용하여 그릴 수 있습니다 (프로세스에서 정확도가 떨어지더라도).

불행히도 각도 또는 스윕을 조정할 수 없습니다. 그러나 셰이프 위에서 셰이프를 조작하고 패스 파인더 또는 변형 도구를 사용하면 원하는 효과를 얻을 수 있습니다.


1
이 방법을 이해하고 사용하는 한, 90, 180 또는 270이 아닌 각도에 대해 매우 많이 고안되었습니다.
carignan.boy

10

답변 주셔서 감사합니다. 귀하의 솔루션은 내가 알아 낸 것의 상당한 대안입니다. (빼기> 가위> 회전)

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오

(참고 : rect로 원을 반으로 가리면 180도 원을 만들 수도 있습니다.)


5
내가 시작하는 방법에 대해 혼란스러워하는 사람은 다음과 같습니다. CodeMound의 스크린 샷과 같이 원과 겹치는 사각형을 그립니다. 두 도형을 모두 선택하십시오. 빼기를 클릭하십시오. "트위스트"가있는 원이 나타납니다. 이제 가위 도구로 이동하여 "트위스트"를 구성하는 직선을 클릭하여 제거하십시오.
스톤

이해가 안 돼요 오른쪽 위 사분면에 사각형이없는 원이 나타납니다. dropbox.com/s/pv0u8lmg6z94ubh/…
chovy

@ chovy 나는 같은 문제가 있었다. 사각형을 빼면 가위를 가져 와서 제거 된 사각형의 나머지 모서리를 제거한 다음 결과 모양에 테두리를 추가하면 결과가 위의 답이됩니다.
Lucas Lazaro

6

방금 업데이트 : 새로운 Segmented Circle 2.0 Sketch plugin .

다이어그램, 계측 및 분석을위한 정확한 세그먼트 원형 그래픽을 자동으로 생성합니다. 대규모 업데이트는 다중 값 원형 차트 스타일, 눈금 표시 원 및 완벽하게 점선 호를 추가합니다.

미리보기 이미지



1

더 나은 해결책이 있습니다 :-) 먼저 원을 그린 다음 경로를 선택하고 관리자에서 열린 경로를 클릭하십시오.

오른쪽 상단에 열린 경로 여기에 이미지 설명을 입력하십시오


다른 답변보다 그다지 좋지는 않으며 90º / 180º / 270º 이외의 각도에서는 잘 작동하지 않습니다.
Luciano

경로에 새 점을 추가 한 다음 외부 점을 삭제하여 180, 270 등을 얻을 수 있습니다. 윤곽선의 중심 위치를 사용하는 한, 일이 잘 작동합니다.
Andrew Zimmer

1

또 다른 방법은 원을 그리고 두 번 클릭하여 편집하고 (원 위에 균등하게 4 개의 작은 점이 있음) 모양을 끝내고 싶은 곳을 클릭하여 다른 작은 점이 나타나도록하는 것입니다. 가위를 사용하여 원하지 않는 부분을 제거하십시오. 마우스를 놓으면 제거 할 부분의 모양이 변경됩니다. 당신은 둥근과 같은 다른 끝으로 호 모양을 마무리 할 수 ​​있습니다, 이것은 테두리 섹션에서 이루어집니다.이 섹션을 표시하려면 관련 COG를 클릭하십시오.


0

Sketch에서 호를 위조 할 수 있지만 svg 표준에 설명 된대로 실제 "호"를 만드는 것은 불가능합니다. https://developer.mozilla.org/en-US/docs/Web/SVG/ 튜토리얼 / 경로

벡터 툴이 베 지어 곡선 ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves)을 독점적으로 사용하기 때문입니다 ) 또는 벡터의 양쪽에서 직선 입니다.

실제로 아크를 만들 필요가 있다고 생각되면 svg 코드를 직접 작성하는 것이 가장 좋습니다. 나는 몇 번 이상 그것을해야했습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.