간단한 애니메이션 만들기
Microsoft Expression Blend의 모든 시각적 요소에는 다음과 같이 애니메이션 효과를 적용할 수 있습니다.
간단한 애니메이션 만들기
Expression Blend에서 새 프로젝트를 열거나 만듭니다. 자세한 내용은 새 문서 또는 프로젝트 만들기를 참조하십시오.
F6 키를 눌러 애니메이션 작업 영역으로 전환합니다. F6 키를 누르면 디자인 작업 영역과 애니메이션 작업 영역 간을 전환합니다. 애니메이션 작업 영역에서는 인터랙션 패널이 아트보드 아래에 있습니다. 애니메이션 효과를 적용할 개체를 만듭니다.
.gif "팁")
팁:Expression Blend에서 개체는 아트보드에 있는 항목을 나타냅니다. 예를 들어 도구 상자에서 사각형 도구
.png "Cc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(ko-kr,Expression.10).png")
를 선택하고 아트보드에 사각형을 그리면 사각형 개체가 만들어집니다. 개체와 컨트롤에 대한 자세한 내용은 개체 및 속성 사용 및 컨트롤을 참조하십시오.개체 및 타임라인에서 새로 만들기
.png "Cc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(ko-kr,Expression.10).png")
단추를 클릭합니다.Storyboard 리소스 만들기 대화 상자가 나타납니다.
리소스 이름(키) 필드에 타임라인의 이름을 입력한 다음 확인을 클릭합니다. 플레이헤드
.png "Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(ko-kr,Expression.10).png")
가 0초 표시에 설정된 타임라인 기록 모드가 시작됩니다. 기록 모드에 있는 동안 속성을 설정하면 타임라인에 키 프레임이 자동으로 기록됩니다.팁:기본적으로 문서의 루트에 새 스토리보드를 만들면 Window.Loaded 이벤트에 대한 이벤트 트리거가 트리거 아래에 추가됩니다. 이 트리거를 통해 응용 프로그램이 시작되는 즉시 스토리보드가 시작됩니다. 몇 가지 간단한 대화형 작업을 만들려면 이벤트 트리거를 선택한 다음 트리거 창의 아래쪽에서 수정하여 다음과 같이 지정할 수 있습니다.
When object .PreviewMouseDown is raised
이 경우 object는 응용 프로그램에 있는 개체의 이름입니다. 개체를 선택해야만 트리거를 수정할 때 트리거 창의 아래쪽에 해당 개체가 나타납니다. 이제 개체를 클릭하면 애니메이션 타임라인이 시작됩니다.
개체및 타임라인에서 애니메이션 효과를 적용할 개체를 선택합니다.
선택한 개체가 현재 위치에서 현재 모양으로 시작되도록 하려면 키 프레임 기록 단추
.png "Cc294948.de094a9c-58f2-4466-912a-9bdc18362548(ko-kr,Expression.10).png")
를 클릭하여 0초 표시에서 개체를 기록합니다. 선택한 개체에 해당되는 타임라인의 행에 키 프레임 .png "Cc294948.80da70bb-e635-42e8-b26d-f90453096e21(ko-kr,Expression.10).png")
이 나타납니다.개체 및 타임라인에서 애니메이션을 완료할 시점으로 플레이헤드를 끕니다.
애니메이션이 끝날 때 애니메이션을 시작할 때와 같은 모양으로 개체가 표시되도록 하려면 키 프레임 기록 단추를 클릭합니다.
타임라인에서 속성을 변경할 위치로 플레이헤드를 이동합니다.
개체의 위치, 색, 크기 등 선택한 개체의 속성을 변경합니다. 키 프레임이 타임라인에 자동으로 나타나 속성 변경을 기록합니다.
팁:개체에 대한 노드를 확장하여 개별 속성 키 프레임을 볼 수 있습니다. 이 방법은 전체 개체가 아닌 개별 속성에 대한 키 프레임을 이동하려는 경우에 유용합니다.
방금 만든 애니메이션을 보려면 개체 및 타임라인의 맨 위에 있는 재생 단추를 클릭합니다.
팁:타임라인 기록 모드를 끝내려면 스토리보드 닫기 단추
.png "Cc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(ko-kr,Expression.10).png")
를 클릭하여 현재 범위의 모든 개체를 초기 상태로 되돌립니다.