프로젝트에서 도형 또는 패스 그리기

  • 아티클

도형, 패스 및 컨트롤을 그려 응용 프로그램의 사용자 인터페이스를 디자인할 수 있습니다. 그린 항목은 사용 중인 응용 프로그램의 개체가 됩니다.

도형 그리기

  1. 도구 패널에서 사각형 Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(KO-KR,Expression.30).png 또는 타원 Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(KO-KR,Expression.30).png과 같은 도형 도구 중 하나를 선택합니다.

    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    모든 그리기 도구를 보려면 도구 패널에 표시된 도구를 마우스 오른쪽 단추로 클릭하십시오. 선 도구는 이 항목의 뒷부분에서 설명할 패스 개체를 만듭니다.

    Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(KO-KR,Expression.30).png

  2. 아트보드에서 마우스로 끌어 놓는 방식으로 도형을 그립니다.

    도형을 그리면 너비와 높이의 치수가 다음과 같이 나타납니다.

    Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(KO-KR,Expression.30).png

    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    Shift 키를 누른 상태로 끌어 놓으면 높이와 너비가 동일하게 유지됩니다. 이 경우 사각형을 그릴 때는 정사각형이, 타원을 그릴 때는 완벽한 원이 만들어집니다.
    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    Alt 키를 누른 상태로 끌어 놓으면, 도형의 왼쪽 맨 위가 사용자가 클릭한 첫 번째 점이 되는 대신 중심점이 사용자가 클릭한 첫 번째 점에 배치됩니다.

    마우스 단추를 놓으면 도형 개체에 대해 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 포인터가 다음과 같이 변경되어 사용자가 수행할 수 있는 작업을 나타냅니다.

    Dd185502.84261e83-3091-4490-ab58-4218b188439e(KO-KR,Expression.30).png

  3. 변경 내용을 저장합니다(Ctrl+S).

다음 단계

패스 그리기

  1. 도구 패널에서 펜 Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(KO-KR,Expression.30).png 또는 연필 Dd185502.509dc167-734f-46c9-b012-987ee63450cd(KO-KR,Expression.30).png과 같은 패스 도구 중 하나를 선택합니다.

    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    모든 패스 도구를 보려면 도구 패널에 표시된 도구를 마우스 오른쪽 단추로 클릭하십시오.

    Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(KO-KR,Expression.30).png

  2. 아트보드에서 다음 작업 중 하나를 수행하여 패스를 그립니다.

    • 연필 도구로 아트보드에서 끌어 놓아 포인터가 닿는 모든 위치에 픽셀을 생성합니다.

    • 펜 도구로 아트보드를 클릭하여 패스 개체를 구성할 점이나 꼭지점을 생성합니다. 각 점에 곡선이 생성되도록 끌어 놓을 수 있습니다(선택 사항). 패스를 닫으려면 첫 번째 점을 클릭하십시오. 패스를 닫지 않은 상태에서 펜 도구를 끝내려면 다른 도구를 선택하거나 개체 및 타임라인 패널에서 개체를 선택하십시오.

    패스 그리기를 마치면 패스 개체에 대해 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 포인터가 변경되어 선택 도구 Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(KO-KR,Expression.30).png를 사용하여 수행할 수 있는 작업을 나타냅니다.

    Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(KO-KR,Expression.30).png

    패스에서 개별 점을 수정하려면 직접 선택 Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(KO-KR,Expression.30).png을 클릭하십시오. 클릭하고 이동할 수 있는 직선 세그먼트와 개별 점이 패스 개체에 표시됩니다.

    패스를 수정하는 방법의 목록은 펜 도구 보조 키 및 직접 선택 도구 보조 키를 참조하십시오.

    Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(KO-KR,Expression.30).png

  3. 변경 내용을 저장합니다(Ctrl+S).

다음 단계

선 그리기

  1. 도구 패널에서 선 Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(KO-KR,Expression.30).png을 클릭합니다.

    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    선 도구가 보이지 않으면 도구 패널에서 도구 컨테이너를 마우스 오른쪽 단추로 클릭한 다음 선 도구를 선택하십시오.

    Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(KO-KR,Expression.30).png

  2. 아트보드에서 마우스로 끌어 놓는 방식으로 선을 그립니다.

    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    Shift 키를 누른 상태로 끌어 놓으면 선이 15도의 배수에 해당하는 각도로 제한됩니다.
    Dd185502.alert_tip(KO-KR,Expression.30).gif팁:

    Alt 키를 누른 상태로 끌어 놓으면, 중심점이 선 가운데가 되는 대신 사용자가 클릭한 첫 번째 점이 중심점이 됩니다.

    마우스 단추를 놓으면 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 포인터가 변경되어 선택 도구 Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(KO-KR,Expression.30).png를 사용하여 수행할 수 있는 작업을 나타냅니다.

    선의 시작점이나 끝점을 수정하려면 직접 선택 Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(KO-KR,Expression.30).png을 클릭하십시오. 클릭하고 이동할 수 있는 개별 점이 패스 개체인 선에 표시됩니다.

    패스를 수정하는 방법의 목록은 펜 도구 보조 키 및 직접 선택 도구 보조 키를 참조하십시오.

  3. 변경 내용을 저장합니다(Ctrl+S).

다음 단계

참조

작업

프로젝트에서 컨트롤 그리기