간단한 애니메이션 만들기

Microsoft Expression Blend의 모든 시각적 요소에 애니메이션 효과를 적용할 수 있습니다.

간단한 애니메이션 만들기

1. Expression Blend에서 새 프로젝트를 열거나 만듭니다.

   자세한 내용은 새 프로젝트 만들기를 참조하십시오.

2. F6 키를 눌러 애니메이션 작업 영역으로 전환합니다. (F6 키는 사용 가능한 작업 공간 사이를 전환하는 데 사용합니다. 애니메이션 작업 영역에서는 개체 및 타임라인 패널이 아트보드 아래에 있습니다.) 애니메이션 효과를 적용할 개체를 만듭니다.

   팁:
   개체는 Expression Blend에서 아트보드에 있는 항목을 나타냅니다. 예를 들어 도구 패널에서 사각형을 선택하고 아트보드에 사각형을 그리면 사각형 개체가 만들어집니다. 개체와 컨트롤에 대한 자세한 내용은 개체 및 속성 사용 및 대화형 컨트롤 선택 및 사용을 참조하십시오.

3. 개체 및 타임라인 패널에서 새로 만들기를 클릭합니다.

   Storyboard 리소스 만들기 대화 상자가 나타납니다.

4. 리소스 이름(키) 필드에 타임라인의 이름을 입력한 다음 확인을 클릭합니다. Expression Blend는 플레이헤드 가 0초 표시에 설정된 타임라인 기록 모드에서 시작되도록 합니다. 기록 모드에 있는 동안 속성을 설정하면 타임라인에 키 프레임이 자동으로 기록됩니다.

   팁:
   기본적으로 문서의 루트에 새 스토리보드를 만들면 Window.Loaded 이벤트에 대한 이벤트 트리거가 트리거 패널에 추가됩니다. 이 트리거를 통해 응용 프로그램이 시작되는 즉시 스토리보드가 시작됩니다. 몇 가지 간단한 대화형 작업을 만들려면 이벤트 트리거를 선택한 다음 트리거 패널의 아래쪽에서 수정하여 다음과 같이 지정할 수 있습니다. When object.PreviewMouseDown is raised 이 경우 object는 응용 프로그램에 있는 개체의 이름입니다. 개체를 선택해야만 트리거를 수정할 때 트리거 패널의 아래쪽에 해당 개체가 나타납니다. 이제 개체를 클릭하면 애니메이션 타임라인이 시작됩니다.

5. 개체 및 타임라인 패널에서 애니메이션 효과를 적용할 개체를 선택합니다.

6. 선택한 개체가 현재 위치에서 현재 모양으로 시작되도록 하려면 키 프레임 기록을 클릭하여 0초 표시에서 개체를 기록합니다. 선택한 개체에 해당되는 타임라인의 행에 키 프레임 이 나타납니다.

7. 개체 및 타임라인에서 애니메이션을 완료할 시점으로 플레이헤드를 끌어 놓습니다.

8. 애니메이션이 끝날 때 애니메이션을 시작할 때와 같은 모양으로 개체가 표시되도록 하려면 키 프레임 기록 단추를 클릭합니다.

9. 타임라인에서 속성을 변경할 위치로 플레이헤드를 이동합니다.

10. 개체의 위치, 색, 크기 등 선택한 개체의 속성을 변경합니다. 키 프레임이 타임라인에 자동으로 나타나 속성 변경을 기록합니다.

    팁:
    개체에 대한 노드를 확장하여 개별 속성 키 프레임을 볼 수 있습니다. 이 방법은 전체 개체가 아닌 개별 속성에 대한 키 프레임을 이동하려는 경우에 유용합니다.

11. 방금 만든 애니메이션을 보려면 개체 및 타임라인의 맨 위에 있는 재생 단추를 클릭합니다.

    팁:
    타임라인 기록 모드를 끝내려면 스토리보드 닫기를 클릭하여 현재 범위의 모든 개체를 초기 상태로 되돌립니다.

참조

작업

스토리보드 테스트

스토리보드의 실행 시점 제어

실습 정보: 핸드오프 및 비핸드오프 애니메이션 재생