스케치에서 정사각형 이미지를 원형으로 변경하려면 어떻게해야합니까?


15

Sketch에서 직사각형 이미지를 가져 와서 원 / 반지름 스타일을 원합니다.

예를 들면 다음과 같습니다.

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


2
그래서 ... 당신은 둥근 구멍에 사각형 못을 넣고 싶습니까?
Lauren-Reinstate-Monica-Ipsum

당신이 시도한 것을 우리에게 알려주시겠습니까?
DᴀʀᴛʜVᴀᴅᴇʀ

@ale은 내가 사용했던 것입니다. 잘 작동했습니다!
다니엘 피셔

답변:


22

실제로는 매우 쉽습니다. 이를 수행하는 두 가지 방법이 있습니다.

1. 마스크 사용

IMHO는 최상의 유연성 / 편집 옵션을 제공하므로 가장 좋은 방법입니다.

  1. 이미지를 가져옵니다.

    수입

  2. 이미지를 가리는 원을 그립니다.

    마스크

  3. 툴바 아이콘을 사용하여 원을 비트 맵 뒤로 이동하십시오 Backward.

    뒤

  4. 원을 사용하여 비트 맵을 선택 Layer › Use as Mask하고 메뉴에서 선택하여 비트 맵을 마스킹하십시오 .

    마스크

  5. 타다!

    끝난

  6. 추가 단계로 비트 맵과 원 마스크를 그룹화하여 원이 다른 모양을 가리지 않도록 할 수 있습니다.

    그룹

  7. 테두리를 추가하려면 마스크 된 이미지 위에 다른 원 모양을 추가합니다.


2. 패턴 채우기 사용

  1. 이미지를 표시 할 원을 그립니다.

    원

  2. Select Fill › Pattern Fill 인스펙터에서 :

    무늬

  3. Choose Image…비트 맵을 클릭 하고 선택하십시오.

    비트 맵

  4. Fill드롭 다운에서 채우기 옵션을 로 설정하십시오 .

    가득 따르다

  5. 평소처럼 원에 테두리를 추가합니다.

  6. 타다!

그것이 도움이되기를 바랍니다!


2

Photoshop을 통해 마스킹 방법을 사용할 수 있습니다.

다음 단계는 샘플 직사각형 이미지를 사용하는 것입니다.

1 * 사각형 이미지를 Photoshop에 추가하고 새 문서 안에 넣으면 이미지에 대한 새 레이어가 만들어집니다.

당신이 볼 수 있듯이 별이 빛나는 하늘의 직사각형 이미지, 그 아래에 흰색 배경 레이어가 있습니다.

2 * 원 도구를 사용하여 원하는 크기로 원 모양을 만듭니다. 그러면 개체의 레이어가 만들어지고 레이어가 사각형 그림 위에 배치됩니다.

직사각형 이미지 레이어 위에 원 개체

3 * 이제 원의 레이어를 사각형 이미지 레이어 아래에 놓습니다. 그런 다음 사각형 이미지의 레이어를 클릭하고 마우스 오른쪽 버튼을 클릭하고 클리핑 마스크 만들기를 선택하십시오.

직사각형 이미지의 레이어를 마우스 오른쪽 버튼으로 클릭하고 클리핑 마스크 만들기를 선택합니다.  레이어가 원 오브젝트 위에 있는지 확인하십시오

4 *이 시점에서 사각형 이미지 레이어를 드래그하여 원에 맞출 수 있습니다. 원이 사각형 이미지의 어느 부분을 캡처해야하는지 조정할 수 있습니다. 사각형 이미지 레이어를 드래그하여 원에 맞 춥니 다.

5 * 원에서 이미지의 위치에 만족하면 두 레이어를 모두 선택하고 함께 병합하여 원형 이미지를 만들 수 있습니다. 당신도 두 레이어를 선택한 후 마우스 오른쪽 버튼으로 클릭하고 병합 레이어를 선택하거나 단축키 사용할 수 있습니다 Cmd+ E맥 또는 Ctrl+를 EWindows를 사용하는 경우.

두 레이어를 선택하고 함께 병합

병합 한 후에는 새 원형 이미지 만 포함 된 레이어가 다음과 같아야합니다.

6 * 마지막으로 레이어 패널 아래쪽에있는 효과 버튼을 사용하여 획 또는 그림자와 같은 효과를 추가 할 수 있습니다. 그 fx위에 기호가 있어야합니다 . 획을 선택하면 원하는 색상의 획을 새 원형 이미지에 추가 할 수 있습니다.

레이어 패널 아래쪽에있는 효과 단추를 사용하여 획 또는 그림자와 같은 효과를 만듭니다.

원하는 스트로크 크기 조정

최종 결과는 다음과 같습니다. 배경색 레이어가 흰색이기 때문에 녹색 선을 사용하여 선이 어떻게 보일지 보여줍니다.

이게 도움이 되길 바란다.


3
OP가 Sketch에서 솔루션을 요구한다고 생각합니다.
benteh

이것은 Photoshop의 누군가에게 도움이 될 수 있지만 OP가 Sketch에서 요청했기 때문에 귀하의 답변이 다운 투표 될 수 있음을 이해하십시오.
DᴀʀᴛʜVᴀᴅᴇʀ

1

이것은 문제에 다르게 접근하는 방법에 대한 아이디어입니다. 클립하거나 마스크하지 말고 원형 공간에 맞게 이미지를 변환하십시오. 직사각형에서 극좌표로 변환하는 플러그인이 필요합니다.

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

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