- 페이드 인
- 스케일 효과
- 늘이기 효과
- 소용돌이 효과
- 힌지 효과
- 슬릿 확대
- 슬라이드 확대
- 롤 효과
프로젝트에 애니메이션을 추가하여 생동감 있게 표현하십시오. 학습자의 참여를 유도하고 생산성을 극대화하십시오.
완전히 새로워진 Adobe Captivate의 애니메이션은 상호 작용 및 참여를 개선 하기 위해 elearning 프로젝트에 추가할 수 있는 시각 효과 및 움직임을 나타냅니다. Adobe Captivate의 애니메이션을 사용하면 역동적이고 매력적인 콘텐츠를 만들 수 있습니다.
Adobe Captivate의 애니메이션은 타이밍 기반 및 트리거 기반 애니메이션으로 분류됩니다. 타이밍 기반 애니메이션에서는 특정 타임라인 또는 지속 기간과 동기화된 개체에 애니메이션을 적용할 수 있습니다.
트리거 기반 애니메이션에서는 임의의 트리거를 기반으로 하는 개체에 애니메이션을 추가할 수 있습니다(예: 버튼 클릭, 표시 또는 숨기기, 개체 상태에 애니메이션 적용).
이 문서에서
타이밍 기반 애니메이션
트리거 기반 애니메이션
Adobe Captivate는 모든 타이밍 및 트리거 기반 애니메이션에 대해 다음을 지원합니다.
왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.
시각적 속성 패널의 구성 요소 섹션에서 캡션과 부제를 제거합니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오.
자산 또는 컴퓨터의 위치에서 이미지를 바꿉니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오. 이미지를 바꾼 후 슬라이드는 다음과 같이 표시됩니다.
이미지를 선택합니다. 오른쪽 도구 모음에서 애니메이션을 선택합니다.
들어가기 탭의 애니메이션에 마우스 커서를 올려둡니다. 예를 들어 소용돌이 효과를 선택합니다. 그러면 이미지에 비틀기 또는 나선형 애니메이션이 추가됩니다. 애니메이션을 선택한 후에는 슬라이드에서 해당 애니메이션을 볼 수 있습니다.
애니메이션을 선택한 후 옵션 섹션에서 방향을 선택합니다. 각 애니메이션의 방향은 다릅니다. 흐림 효과 확인란을 선택하여 이미지에 흐림 효과를 적용합니다.
설정 섹션에서 애니메이션의 지속 기간, 지연 및 가속을 지정합니다. 애니메이션 이후 흐리게 확인란을 선택하여 애니메이션이 끝난 후 이미지를 흐리게 합니다.
테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.
이 예제에서는 이미지에 강조 애니메이션을 적용한 다음 바운스 애니메이션을 적용합니다.
이미지를 선택합니다.
오른쪽 도구 모음에서 애니메이션을 선택합니다.
강조 탭을 선택합니다. 이 탭에는 이미지에 적용할 수 있는 애니메이션이 포함되어 있습니다. 애니메이션 목록 섹션을 참조하여 적용하고자 하는 애니메이션을 확인합니다.
바운스를 선택합니다.
옵션 섹션에서 애니메이션에 적용할 방향(위쪽, 아래쪽, 왼쪽 또는 오른쪽)을 선택합니다.
설정 섹션에서 애니메이션의 지속 기간 및 지연 을 지정합니다.
반복 드롭다운에서 이미지에 애니메이션 효과를 적용할 횟수를 선택합니다. 상태가 존재할 때까지 옵션을 선택하면 이미지의 애니메이션 효과가 무한히 지속됩니다.
이미지에 다른 애니메이션을 추가하려면 새 애니메이션 추가를 선택합니다. 단계를 반복합니다. 애니메이션은 이미지에 애니메이션을 적용한 순서대로 실행됩니다.
테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.
왼쪽 도구 모음에서 미디어 블록 추가 > 이미지 를 선택합니다.
텍스트를 선택하고 오른쪽 도구 모음에서 애니메이션을 선택합니다.
텍스트 애니메이션은 이미지 애니메이션과 동일하지 않습니다. 예를 들어, 들어가기 애니메이션의 타자기 애니메이션은 텍스트에만 사용할 수 있습니다.
타자기 애니메이션을 선택합니다.
옵션 섹션에서 텍스트 방향에 대해 다음 옵션을 사용할 수 있습니다.
텍스트 전송 드롭다운에서 다음 옵션 중 하나를 선택합니다.
설정 섹션에서, 값을 지정합니다. 자세한 내용은 애니메이션 설정을 참조하십시오.
테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.
왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.
이미지를 바꿉니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오.
이미지를 선택합니다. 시각적 속성 패널에서 표시를 클릭하여 상태 플라이아웃을 실행합니다.
상태 섹션에서 추가를 선택합니다. 이미지에 다른 상태를 추가합니다. 자세한 내용은 Adobe Captivate의 상태를 참조하십시오.
상태 플라이아웃에서 첫 번째 상태를 선택합니다.
오른쪽 도구 모음에서 애니메이션을 선택합니다.
상태에 들어가기 애니메이션을 적용합니다.
이미지의 나머지 상태에 대해 단계를 반복합니다.
왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.
시각적 속성 패널의 구성 요소 섹션에서 버튼 확인란을 선택하여 콘텐츠 블록에 버튼을 추가합니다. 자세한 내용은 Adobe Captivate에서 버튼 추가를 참조하십시오.
버튼을 선택합니다.
오른쪽 도구 모음에서 상호 작용 을 선택합니다.
애니메이션을 적용할 개체를 선택합니다. 이 경우 이미지를 선택합니다.
다음을 클릭합니다.
애니메이션 및 애니메이션 방향을 선택합니다.
설정 섹션에서 필요에 따라 값을 지정합니다.
완료를 클릭합니다.
프로젝트가 준비되었습니다. 런타임에 버튼을 클릭하면 그에 따라 이미지에 애니메이션이 적용됩니다.
슬라이드를 삽입합니다. 슬라이드에서 텍스트 블록과 같은 몇 가지 개체를 추가합니다.
텍스트 개체에 상태를 추가합니다.
상태를 선택합니다. 오른쪽 도구 모음에서 애니메이션을 선택합니다. 텍스트 블록에 들어가기, 강조 또는 나가기 애니메이션을 적용합니다. 여러 상태에 애니메이션을 추가할 수도 있습니다.
타임라인을 실행합니다.
타임라인의 개체 막대를 두 번 클릭합니다.
그러면 상태 애니메이션 패널이 열립니다.
상태 애니메이션 패널에서 왼쪽 부분에는 선택한 개체의 상태가 표시됩니다.
적용된 애니메이션을 보려는 상태를 선택합니다. 상태에서 하나 또는 모든 애니메이션을 미리 봅니다. 애니메이션 미리 보기 또는 모든 애니메이션 미리 보기 버튼을 클릭합니다.
단일 애니메이션 미리 보기
모든 애니메이션 미리 보기
개체에 애니메이션을 적용한 후 다른 개체에 동일한 애니메이션을 적용할 수 있습니다.
애니메이션 패널에서 생략 부호 아이콘을 선택하고 애니메이션 복사를 선택합니다.
애니메이션을 적용하려는 개체를 마우스 오른쪽 버튼으로 클릭합니다. 애니메이션 붙여넣기를 선택합니다.
애니메이션 패널에서 생략 부호 아이콘을 선택합니다.
Delete를 선택합니다.