개체 이동 및 변형

Microsoft Expression Blend에서는 위치 변경, 크기 조정, 좌표 이동, 비율 크기 조정, 회전, 기울이기, 대칭 이동, 각 개체의 중심점 변경 등의 작업을 수행하여 벡터 개체와 텍스트 개체를 쉽게 수정할 수 있습니다. 아트보드에서 직접 변경하거나 속성 패널의 레이아웃 및 변형 범주에서 속성을 변경하여 개체를 수정할 수 있습니다. 또한 브러시 변형  도구를 사용하여 텍스트 및 벡터 개체의 브러시 속성만 수정할 수 있습니다.

아트보드에서 자유롭게 개체 수정

도구 패널의 선택 을 사용하여 아트보드의 개체를 선택하면 Expression Blend에서는 개체를 수정하는 데 사용할 수 있는 핸들과 함께 경계 상자를 개체 주위에 표시합니다. Ctrl 키를 누른 상태에서 선택하면 한 번에 둘 이상의 개체를 선택할 수 있으며, 이 경우 선택 영역에 있는 모든 개체 주위에 경계 상자가 표시됩니다. 핸들 사용에 대한 간단한 팁과 함께, 변형을 적용하기 전과 후의 개체를 보여 주는 그림이 나와 있습니다.

수정	전/후
위치 변경 X, Y 또는 Z(3D 개체에만 해당) 축을 따라 개체를 이동합니다. 개체의 위치를 변경하려면 포인터가 더 작은 4방향 화살표가 있는 화살표 로 바뀔 때까지 개체 위로 포인터를 이동한 다음 포인터를 끌어 개체를 이동합니다. 위치를 변경할 때 X 평면 또는 Y 평면으로만 이동을 제한하려면 Shift 키를 누른 상태로 끕니다. 개체의 위치를 변경하면 속성 패널의 레이아웃에서 개체의 속성이 변경됩니다. 위치를 변경하면 개체의 처음 위치만 변경됩니다. 트리거 또는 애니메이션 타임라인에서 개체를 수정하지 않는 한, 위치를 변경해도 개체에 변형이 적용되지 않습니다. 이런 경우 위치를 변경하면 속성 패널의 변형 아래에 있는 좌표 이동 탭 의 속성이 변경됩니다. 자세한 내용은 개체의 위치 변경 또는 좌표 이동을 참조하십시오.	아트보드에서 개체의 위치 변경
크기 조정 개체의 높이, 너비 및 깊이(3D 개체에만 해당)를 변경합니다. 개체의 크기를 조정하려면 포인터가 양방향 화살표(, , 또는 )가 될 때까지 개체의 모퉁이 핸들이나 중간점 핸들 위로 포인터를 이동한 다음 포인터를 끌어 개체의 크기를 변경합니다. 크기를 조정할 때 Shift 키를 누르고 있으면 개체의 크기가 비례적으로(가로 세로 비율 고정) 조정됩니다. Alt 키를 누르고 있으면 중심점이 유지됩니다. 개체의 크기를 변경하면 속성 패널의 레이아웃 아래에 있는 개체의 속성이 변경됩니다. 크기를 조정하면 개체의 처음 크기만 변경됩니다. 트리거 또는 애니메이션 타임라인에서 개체를 수정하지 않는 한, 크기를 조정해도 개체에 변형이 적용되지 않습니다. 이런 경우 위치를 변경하면 속성 패널의 변형 아래에 있는 비율 크기 조정 탭 의 속성이 변경됩니다. 자세한 내용은 개체의 크기 조정 또는 비율 크기 조정을 참조하십시오.	아트보드에서 개체의 크기 조정
회전 중심점을 기준으로 개체를 회전합니다. 개체를 회전하려면 포인터가 회전 핸들 이 될 때까지 개체의 모퉁이 핸들 위로 포인터를 이동한 다음 포인터를 끌어 개체를 회전합니다. 개체를 회전할 때 Shift 키를 누르고 있으면 개체의 회전 각도가 15도씩 증가합니다. 중심점의 위치는 개체가 회전되는 방식에 영향을 줍니다. 포인터가 4방향 화살표 가 될 때까지 개체의 가운데에 있는 핸들 위로 포인터를 이동한 다음 포인터를 끌어 개체의 중심점을 이동할 수 있습니다. 중심점을 이동하면 속성 패널의 변형 아래에 있는 중심점 탭 의 속성이 변경됩니다. 개체를 회전하면 속성 패널의 변형 아래에 있는 회전 탭 의 개체 속성이 변경됩니다. 회전하면 개체에 변형이 적용됩니다. 자세한 내용은 개체 회전 및 개체의 중심점 변경를 참조하십시오.	아트보드에서 개체 회전
기울이기 X, Y 또는 Z(3D 개체에만 해당) 축을 따라 개체를 기울입니다. 개체를 기울이려면 포인터가 구분된 양방향 화살표 가 될 때까지 개체의 중간점 핸들 위로 포인터를 이동한 다음 포인터를 끌어 개체를 기울입니다. 이때 반대쪽 모퉁이 또는 가장자리의 위치를 유지하는 대신 중심점의 위치를 유지하려면 Alt 키를 누른 상태에서 기울입니다. 개체를 기울이면 속성 패널의 변형 아래에 있는 기울이기 탭 의 개체 속성이 변경됩니다. 기울이면 개체에 변형이 적용됩니다. 자세한 내용은 개체 기울이기을 참조하십시오.	아트보드에서 개체 기울이기
대칭 이동 X, Y 또는 Z(3D 개체에만 해당) 축을 따라 개체를 대칭 이동합니다. 개체를 대칭 이동하려면 포인터가 양방향 화살표(, , 또는 )가 될 때까지 개체의 모퉁이 핸들이나 중간점 핸들 위로 포인터를 이동한 다음 반대쪽 면이나 모퉁이를 지나도록 포인터를 끕니다. 크기를 조정할 때 Shift 키를 누르고 있으면 개체의 크기가 비례적으로(가로 세로 비율 고정) 조정됩니다. Alt 키를 누르고 있으면 중심점이 유지됩니다. 개체를 대칭 이동하면 속성 패널의 변형 아래에 있는 대칭 이동 탭 에서 단추를 선택할 때와 같은 결과가 발생합니다. 대칭 이동하면 음의 비율 크기 조정 값을 포함하는 변형이 개체에 적용됩니다. 자세한 내용은 개체 대칭 이동을 참조하십시오.	아트보드에서 개체 대칭 이동

특정 속성을 설정하여 개체 수정

속성 패널의 레이아웃 및 변형에서 속성에 대해 특정 값을 입력하여 개체를 정밀하게 수정할 수 있습니다. 속성 패널을 사용하면 회전, 기울이기 각도, 대칭 이동 각도, 비율 크기 조정 값, 좌표 이동 값 및 중심점과 같은 변형뿐만 아니라 처음 높이, 너비, 맞춤, 여백 등 개체의 세부 사항을 쉽게 제어할 수 있습니다.

[!참고]

속성 패널의 레이아웃 및 변형 아래에 있는 대부분의 속성에서는 Expression Blend 숫자 편집기를 사용합니다. 숫자 편집기는 속성의 텍스트 상자 위로 포인터를 이동한 후 값을 스크롤할 수 있도록 숫자 조정 커서 가 나타나면 끌어서 활성화합니다. 속성의 텍스트 상자를 클릭하고 위쪽 및 아래쪽 화살표 키를 사용하여 값을 조정할 수도 있습니다.

텍스트 개체 수정

벡터 개체에 적용할 수 있는 수정 사항을 텍스트 개체에도 동일하게 적용할 수 있습니다.

텍스트 개체에 적용된 수정 사항

개체 변형

변형은 한 좌표 공간의 점을 다른 좌표 공간으로 매핑하는 방법을 정의합니다. 예를 들어 개체에 좌표 이동을 수행하면 개체에 변형이 적용되어 초기 X, Y 및 Z(3D 개체에만 해당) 좌표에서 대상 좌표로 개체가 이동합니다. 개체에 비율 크기 조정을 수행하면 개체에 변형이 적용되어 초기 X, Y 및 Z(3D 개체에만 해당) 값의 백분율에 따라 개체의 크기가 조정됩니다.

속성 패널의 변형에서 특정 값을 입력하거나 아트보드에서 개체의 중심점, 회전, 기울이기 각도 또는 대칭 이동 각도를 수정하여 개체를 변형할 수 있습니다. 아트보드에서 개체의 위치를 변경하거나 크기를 조정하는 경우에도 애니메이션 타임라인이나 트리거에서 개체를 수정하면 변형이 자동으로 적용됩니다. 이때 개체의 초기 값은 그대로 유지됩니다.

변형 속성에는 다음과 같은 세 가지 범주가 있습니다.

• RenderTransform 레이아웃 처리가 완료된 후에 변형이 적용됩니다. 선택 도구를 사용하여 아트보드에서 개체를 변경하면 RenderTransform 속성이 수정됩니다.

  [!참고]

  응용 프로그램 성능을 향상시키려면 RenderTransform 속성을 사용하여 개체의 변형을 수행하는 것이 가장 좋습니다.

• Projection   레이아웃 처리가 완료된 후에 변형이 적용됩니다. 투영 변형은 3D 공간에서 개체가 회전하는 효과를 만듭니다.

  자세한 내용은 시뮬레이션된 3D 공간에서 개체 변형을 참조하십시오. 투영 변형은 Microsoft Silverlight 프로젝트에서만 사용할 수 있습니다.

• LayoutTransform 응용 프로그램이 화면에서 렌더링되기 전 레이아웃 중에 메모리에서 변형이 적용됩니다. 자식 요소에 적용된 변형에 따라 부모 요소를 조정하려는 경우 LayoutTransform 속성을 사용합니다. 레이아웃 변형은 Windows Presentation Foundation (WPF) 프로젝트에서만 사용할 수 있습니다.

개체에 적용되는 브러시 변형

개체에 적용되는 채우기, 스트로크, 불투명 마스크 또는 기타 브러시를 변형하려면 속성 패널에서 브러시 속성을 선택한 다음 도구 패널에서 브러시 변형 을 선택합니다. 포인터를 사용하여 수정할 수 있는 브러시 변형 화살표가 아트보드에 나타납니다. 그라데이션 브러시를 사용하고 있는 경우 변형 화살표의 끝점은 색 막대의 양쪽 끝에 있는 그라데이션 중지점에 해당합니다. 다음과 같은 방법으로 브러시 변형 도구의 동작을 변경할 수 있습니다.

• 끝점 사이의 직선을 따라서 움직이도록 제한하려면 Shift 키를 누른 상태에서 끝점 중 하나를 끕니다.

• X 평면 또는 Y 평면을 따라서 움직이도록 제한하려면 Shift 키를 누른 상태에서 전체 화살표를 이동합니다.

• 15도 간격으로 회전하려면 Shift 키를 누른 상태에서 끝점을 회전합니다.

• 두 끝점을 동시에 움직여 중심점의 위치를 유지하려면 Alt 키를 누른 상태에서 끝점 중 하나를 끕니다.

다음 그림에서는 Fill 속성의 그라데이션 브러시에 다양한 변형을 적용한 후의 사각형(Rectangle) 개체 모양을 보여 줍니다.

사각형(Rectangle)의 채우기에 적용된 변형: 선형 그라데이션 브러시

사각형(Rectangle)의 채우기에 적용된 변형: 방사형 그라데이션 브러시

필요한 경우 속성 패널의 브러시에서 고급 속성 옵션 을 클릭한 다음 SpreadMethod 속성을 설정하여 그라데이션 브러시의 칠하는 방법을 설정할 수 있습니다. 위 그림에서는 Pad 옵션이 선택되어 있습니다. Reflect 또는 Repeat 옵션을 선택한 다음 변형 화살표를 개체보다 짧게 만들면 주름 효과가 나타납니다.

그라데이션 브러시가 아닌 다른 브러시로 브러시 형식을 변형할 수 있습니다.

브러시 변형에 대한 자세한 내용은 색, 브러시 및 마스크 설정 및 그라데이션 또는 타일 브러시 변형을 참조하십시오.

클리핑

개체를 변형하면 개체의 일부가 클리핑되는 경우가 있습니다. 즉, 경계 상자의 바깥쪽에 있는 부분이 잘립니다. 다음과 같은 방법으로 이러한 클리핑 문제를 해결할 수 있습니다.

• 속성 패널의 모양에서 ClipToBounds 속성에 대한 확인란의 선택을 취소합니다.

• 속성 패널의 변형에서 RenderTransform이 아닌 LayoutTransform 범주의 속성을 사용합니다. 이 방법은 비주얼 브러시를 변형하는 경우에 특히 유용합니다.

• 변형을 적용하거나 애니메이션 타임라인 또는 트리거에서 개체를 수정하기 전에 속성 패널의 레이아웃 아래에 있는 속성을 사용하여 기본 타임라인의 개체를 수정합니다. 이렇게 하면 변형이 적용되기 전에 경계 상자의 크기 및 위치가 조정됩니다.