사용 안내서 취소

Adobe Captivate 애니메이션

  1. Captivate 사용자 가이드
  2. Captivate 소개
    1. Adobe Captivate의 새로운 기능
    2. Adobe Captivate 시스템 요구 사항
    3. Adobe Captivate 업데이트
      1. Adobe Captivate(12.4 업데이트) 릴리스 노트
      2. Adobe Captivate(12.3 업데이트) 릴리스 노트
      3. Adobe Captivate(12.2 업데이트) 릴리스 노트
      4. Adobe Captivate(12.1 업데이트) 릴리스 노트
    4. Adobe Captivate 다운로드
    5. 자주 묻는 질문
  3. 슬라이드 추가
    1. Adobe Captivate의 슬라이드 탐색기
    2. 대화 슬라이드 추가
    3. Adobe Captivate 프로젝트에 캐릭터 추가
    4. 슬라이드에서 배경 이미지 편집
    5. 콘텐츠 블록 및 구성 요소에 안쪽 여백 추가
    6. 긴 스크롤 프로젝트 만들기
  4. 텍스트 블록 추가
    1. 프로젝트에 텍스트 추가
  5. 미디어 블록 추가
    1. 프로젝트에 이미지 추가
    2. 프로젝트에 비디오 추가
    3. 인용문 추가
    4. 프로젝트에 SVG 추가
  6. 대화형 구성 요소
    1. 버튼 추가
    2. 입력 필드 추가
    3. 라디오 버튼 그룹 추가
    4. 드롭다운 추가
    5. 확인란 추가
  7. 위젯
    1. 카드 추가
    2. 탭 추가
    3. 인증서 추가
    4. 캐러셀 추가
    5. 핫스팟 추가
    6. 드래그 앤 드롭 추가
    7. 타임라인 추가
    8. 클릭하여 표시하기 추가
  8. 퀴즈 만들기
    1. 객관식 질문 추가
    2. 참 또는 거짓 질문 추가
    3. 열 연결 질문 추가
    4. 단답형 질문 추가
    5. 순서 질문 추가
    6. 문제 은행 및 무작위 질문 슬라이드 추가
    7. 질문을 CSV로 가져오기
  9. 프로젝트에 오디오 추가
    1. 오디오 추가
  10. 상호 작용
    1. 프로젝트에 상호 작용 추가
    2. 오버레이를 사용하여 대화형 비디오 만들기
    3. 슬라이드 수준 상호 작용 만들기
    4. 개체 수준 상호 작용 만들기
  11. 애니메이션
    1. 프로젝트에 애니메이션 추가
  12. 접근성
    1. 프로젝트를 액세스 가능하도록 설정
  13. 타임라인 사용자 정의
    1. Adobe Captivate의 타임라인 패널
  14. TOC 및 재생 막대 사용자 정의
    1. Adobe Captivate 목차
  15. 프로젝트 속성 편집
    1. Adobe Captivate의 변수
    2. 환경 설정
    3. 프로젝트 치수
    4. 테마
  16. 시뮬레이션 프로젝트 만들기
    1. 시뮬레이션
  17. 프로젝트 미리 보기
    1. 미리 보기
  18. 검토용으로 프로젝트 공유
    1. 검토용으로 공유   
  19. 프로젝트 게시
    1. 프로젝트 게시
  20. Adobe Captivate에서 프로젝트 업그레이드
    1. 프로젝트를 최신 버전으로 업그레이드 

프로젝트에 애니메이션을 추가하여 생동감 있게 표현하십시오. 학습자의 참여를 유도하고 생산성을 극대화하십시오.

개요

완전히 새로워진 Adobe Captivate의 애니메이션은 상호 작용 및 참여를 개선 하기 위해 elearning 프로젝트에 추가할 수 있는 시각 효과 및 움직임을 나타냅니다. Adobe Captivate의 애니메이션을 사용하면 역동적이고 매력적인 콘텐츠를 만들 수 있습니다.

애니메이션 유형

Adobe Captivate의 애니메이션은 타이밍 기반 및 트리거 기반 애니메이션으로 분류됩니다. 타이밍 기반 애니메이션에서는 특정 타임라인 또는 지속 기간과 동기화된 개체에 애니메이션을 적용할 수 있습니다.

트리거 기반 애니메이션에서는 임의의 트리거를 기반으로 하는 개체에 애니메이션을 추가할 수 있습니다(예: 버튼 클릭, 표시 또는 숨기기, 개체 상태에 애니메이션 적용).

이 문서에서 

타이밍 기반 애니메이션

트리거 기반 애니메이션

Adobe Captivate는 모든 타이밍 및 트리거 기반 애니메이션에 대해 다음을 지원합니다.

  • 들어가기: 들어가기 애니메이션을 사용하면 슬라이드에서 개체의 들어가기 애니메이션을 적용할 수 있습니다. 이러한 유형의 애니메이션을 사용하는 한 가지 방법은 슬라이드의 시작 부분에서 작은 개체를 표시하고 크기를 점진적으로 키우는 것입니다. 
  • 강조: 강조하기 애니메이션을 사용하면 개체에 학습자의 관심을 끌 수 있습니다. 애니메이션을 만들어 콘텐츠를 강조할 수 있습니다.
  • 나가기: 애니메이션 나가기를 하면 개체가 사라지는 동안 해당 개체에 애니메이션을 적용할 수 있습니다.

애니메이션 목록

  • 페이드 인
  • 스케일 효과
  • 늘이기 효과
  • 소용돌이 효과
  • 힌지 효과
  • 슬릿 확대
  • 슬라이드 확대
  • 롤 효과

 

 

 

  • 바운스 효과
  • 플리커 효과
  • 회전 효과
  • 슬라이드 확대 타원
  • 퍼프 확대
  • 기울기 효과
  • 스윙 확대
  • 깜박임
  • 젤로
  • 흔들기
  • 바운스
  • 흔들기
  • 명멸
  • 파동
  • 진동
  • 회전
  • 뒤집기
  • 페이드 아웃
  • 배율 축소
  • 늘이기 축소
  • 소용돌이 축소
  • 힌지 축소
  • 슬릿 축소
  • 슬라이드 축소
  • 롤 축소
  • 플리커 축소
  • 바운스 축소
  • 회전 축소
  • 슬라이드 축소 타원
  • 스윙 축소
  • 퍼프 축소

첫 번째 애니메이션 추가 

이 예제에서는 소용돌이 효과를 사용하여 들어가기 애니메이션을 적용합니다. 
  1. 왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.

  2.  시각적 속성 패널의 구성 요소 섹션에서 캡션과 부제를 제거합니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오.

  3. 자산 또는 컴퓨터의 위치에서 이미지를 바꿉니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오. 이미지를 바꾼 후 슬라이드는 다음과 같이 표시됩니다.

    애니메이션 생성
    이미지 바꾸기

  4. 이미지를 선택합니다. 오른쪽 도구 모음에서 애니메이션을 선택합니다.

    애니메이션 패널
    들어가기 애니메이션 목록

    애니메이션 패널의 항목을 분석해보겠습니다.

    • 패널의 첫 번째 섹션은 들어가기, 강조나가기의 세가지 탭으로 구성됩니다. 이러한 탭에는 개체에 적용할 수 있는 다양한 애니메이션이 포함되어 있습니다. 애니메이션 목록 섹션을 참조하여 적용할 수 있는 애니메이션을 확인합니다.
    • 패널의 두 번째 섹션은 선택한 애니메이션에 대한 설정입니다. 설정 섹션에서 다음을 선택할 수 있습니다.
      • 지속 기간: 애니메이션의 지속 기간(초)을 설정합니다.
      • 지연: 애니메이션이 시작되기 전에 대기할 시간을 설정합니다.
      • 가속: 가속하는 동안 속도를 변경하려면 개체에 전환 애니메이션을 설정합니다.
      • 반복: 개체 애니메이션이 반복될 횟수를 설정합니다. 이 옵션은 강조 애니메이션에만 적용됩니다.
  5. 들어가기 탭의 애니메이션에 마우스 커서를 올려둡니다. 예를 들어 소용돌이 효과를 선택합니다. 그러면 이미지에 비틀기 또는 나선형 애니메이션이 추가됩니다. 애니메이션을 선택한 후에는 슬라이드에서 해당 애니메이션을 볼 수 있습니다.

  6. 애니메이션을 선택한 후 옵션 섹션에서 방향을 선택합니다. 각 애니메이션의 방향은 다릅니다. 흐림 효과 확인란을 선택하여 이미지에 흐림 효과를 적용합니다.

    옵션 섹션
    애니메이션 방향을 설정합니다.

  7. 설정 섹션에서 애니메이션의 지속 기간, 지연가속을 지정합니다. 애니메이션 이후 흐리게 확인란을 선택하여 애니메이션이 끝난 후 이미지를 흐리게 합니다.

  8. 테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.

개체에 강조 애니메이션 적용 

이 예제에서는 이미지에 강조 애니메이션을 적용한 다음 바운스 애니메이션을 적용합니다.

  1. 이미지를 선택합니다. 

  2. 오른쪽 도구 모음에서 애니메이션을 선택합니다.

  3. 강조 탭을 선택합니다. 이 탭에는 이미지에 적용할 수 있는 애니메이션이 포함되어 있습니다. 애니메이션 목록 섹션을 참조하여 적용하고자 하는 애니메이션을 확인합니다.

  4. 바운스를 선택합니다.

  5. 옵션 섹션에서 애니메이션에 적용할 방향(위쪽, 아래쪽, 왼쪽 또는 오른쪽)을 선택합니다.

  6. 설정 섹션에서 애니메이션의 지속 기간 지연 을 지정합니다.

  7. 반복 드롭다운에서 이미지에 애니메이션 효과를 적용할 횟수를 선택합니다. 상태가 존재할 때까지 옵션을 선택하면 이미지의 애니메이션 효과가 무한히 지속됩니다.

  8. 이미지에 다른 애니메이션을 추가하려면 새 애니메이션 추가를 선택합니다. 단계를 반복합니다. 애니메이션은 이미지에 애니메이션을 적용한 순서대로 실행됩니다.

  9. 테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.

텍스트에 애니메이션 적용

텍스트 구성 요소에 애니메이션을 적용하는 방법은 이미지에 적용하는 방법과 동일합니다.

  1. 왼쪽 도구 모음에서 미디어 블록 추가 > 이미지 를 선택합니다.

  2. 이미지 및 텍스트 블록을 추가합니다. 

    자세한 내용은

    효과 적용
    슬라이드에 텍스트 및 이미지를 추가합니다.

  3. 텍스트를 선택하고 오른쪽 도구 모음에서 애니메이션을 선택합니다.

    애니메이션 오른쪽 도구 모음
    오른쪽 도구 모음의 애니메이션 패널입니다.

    참고:

    텍스트 애니메이션은 이미지 애니메이션과 동일하지 않습니다. 예를 들어, 들어가기 애니메이션의 타자기 애니메이션은 텍스트에만 사용할 수 있습니다.

  4. 타자기 애니메이션을 선택합니다.

    타자기 효과
    타자기 애니메이션을 선택합니다.

    옵션 섹션에서 텍스트 방향에 대해 다음 옵션을 사용할 수 있습니다.

    1. 앞으로: 텍스트에 왼쪽에서 오른쪽으로 애니메이션 효과가 적용됩니다.
    2. 가운데: 텍스트가 가운데에서 애니메이션 효과가 적용됩니다.
    3. 가장자리: 텍스트 가장자리에서 애니메이션 효과가 적용됩니다.
    4. 무작위: 텍스트에 무작위 애니메이션 효과가 적용됩니다.
  5. 텍스트 전송 드롭다운에서 다음 옵션 중 하나를 선택합니다.

    1. 모두 함께: 모든 텍스트에 선택한 방향으로 애니메이션 효과가 적용됩니다.
    2. 단어별: 애니메이션이 선택한 방향으로 단어별로 발생합니다.
    3. 선별: 애니메이션이 선택한 방향으로 한 줄씩 발생합니다.
    텍스트 전송 드롭다운
    텍스트 전송 옵션을 선택합니다.

  6. 설정 섹션에서, 값을 지정합니다. 자세한 내용은 애니메이션 설정을 참조하십시오.

  7. 테스트 버튼을 클릭하여 애니메이션을 미리 봅니다.

상태에 애니메이션 적용

Adobe Captivate에서는 개체의 여러 상태에 애니메이션을 적용할 수 있습니다. 이 예제에서는 이미지의 다양한 상태를 설정하고 애니메이션을 모든 상태에 설정합니다.

  1. 왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.

  2. 이미지를 바꿉니다. 자세한 내용은 Adobe Captivate의 이미지를 참조하십시오.

    이미지 바꾸기
    슬라이드에서 이미지를 바꿉니다.

  3. 이미지를 선택합니다. 시각적 속성 패널에서 표시를 클릭하여 상태 플라이아웃을 실행합니다.

  4. 상태 섹션에서 추가를 선택합니다. 이미지에 다른 상태를 추가합니다. 자세한 내용은 Adobe Captivate의 상태를 참조하십시오.

    상태 섹션
    상태 플라이아웃을 실행합니다.

  5. 상태 플라이아웃에서 첫 번째 상태를 선택합니다. 

    상태 플라이아웃
    이미지 상태를 선택합니다.

  6. 오른쪽 도구 모음에서 애니메이션을 선택합니다. 

  7. 상태에 들어가기 애니메이션을 적용합니다.

  8. 이미지의 나머지 상태에 대해 단계를 반복합니다.

트리거된 애니메이션 적용

Adobe Captivate에서는 버튼을 클릭할 때와 같이 애니메이션을 트리거할 수 있습니다.

  1. 왼쪽 도구 모음에서 미디어 블록 추가 > 이미지를 선택합니다.

  2. 시각적 속성 패널의 구성 요소 섹션에서 버튼 확인란을 선택하여 콘텐츠 블록에 버튼을 추가합니다. 자세한 내용은 Adobe Captivate에서 버튼 추가를 참조하십시오.

  3. 이미지를 바꾸고 텍스트를 추가합니다. 

    자세한 내용은

    이미지 바꾸기 및 텍스트 추가
    텍스트를 바꿉니다.

  4. 버튼을 선택합니다.

    버튼 선택
    버튼을 선택합니다.

  5. 오른쪽 도구 모음에서 상호 작용 을 선택합니다.

  6. 동작 패널에서 애니메이션 적용을 선택합니다.

    애니메이션 적용
    버튼에 애니메이션 적용

    상호 작용 만들기에 대한 자세한 내용은 Adobe Captivate의 상호 작용을 참조하십시오.

  7. 애니메이션을 적용할 개체를 선택합니다. 이 경우 이미지를 선택합니다.

    이미지 선택
    버튼 개체를 선택합니다.

  8. 다음을 클릭합니다.

  9. 애니메이션 및 애니메이션 방향을 선택합니다.

    효과 및 방향
    애니메이션 및 애니메이션 방향을 선택합니다.

  10. 설정 섹션에서 필요에 따라 값을 지정합니다.

  11. 완료를 클릭합니다.

프로젝트가 준비되었습니다. 런타임에 버튼을 클릭하면 그에 따라 이미지에 애니메이션이 적용됩니다.

상태 애니메이션 패널

개체의 다양한 상태에 애니메이션을 적용한 후 모든 상태의 애니메이션을 타임라인의 단일 위치에서 사용할 수 있습니다.

  1. 슬라이드를 삽입합니다. 슬라이드에서 텍스트 블록과 같은 몇 가지 개체를 추가합니다.

  2. 텍스트 개체에 상태를 추가합니다.

    상태 선택
    상태 선택

  3. 상태를 선택합니다. 오른쪽 도구 모음에서 애니메이션을 선택합니다. 텍스트 블록에 들어가기, 강조 또는 나가기 애니메이션을 적용합니다. 여러 상태에 애니메이션을 추가할 수도 있습니다.

    상태에 맞는 효과 선택
    상태 애니메이션을 선택합니다.

  4. 타임라인을 실행합니다.

  5. 타임라인의 개체 막대를 두 번 클릭합니다. 

    개체 막대 두 번 클릭
    개체 막대 두 번 클릭

    그러면 상태 애니메이션 패널이 열립니다.

    상태 애니메이션 패널
    상태 애니메이션 패널

  6. 상태 애니메이션 패널에서 왼쪽 부분에는 선택한 개체의 상태가 표시됩니다.

    적용된 애니메이션을 보려는 상태를 선택합니다. 상태에서 하나 또는 모든 애니메이션을 미리 봅니다. 애니메이션 미리 보기 또는 모든 애니메이션 미리 보기 버튼을 클릭합니다. 

    단일 애니메이션 미리 보기

    단일 애니메이션 미리 보기
    단일 애니메이션 미리 보기

    모든 애니메이션 미리 보기

    모든 애니메이션 미리 보기
    모든 애니메이션 미리 보기

애니메이션 복사 및 붙여넣기

개체에 애니메이션을 적용한 후 다른 개체에 동일한 애니메이션을 적용할 수 있습니다.

  1. 애니메이션 패널에서 생략 부호 아이콘을 선택하고 애니메이션 복사를 선택합니다.

    애니메이션 복사
    애니메이션 복사

  2. 애니메이션을 적용하려는 개체를 마우스 오른쪽 버튼으로 클릭합니다. 애니메이션 붙여넣기를 선택합니다.

    애니메이션 붙여넣기
    애니메이션을 개체에 붙여넣습니다.

애니메이션 삭제

  1. 애니메이션 패널에서 생략 부호 아이콘을 선택합니다.

  2. Delete를 선택합니다.

    애니메이션 삭제
    애니메이션 삭제

비디오 시청

쉽고 빠르게 지원 받기

신규 사용자이신가요?