개체 효과를 사용하면 슬라이드에서 중요한 개체가 사용자의 눈에 쉽게 띄게 할 수 있습니다. 개체에 적용할 수 있는 효과를 보려면 개체를 마우스 오른쪽 단추로 클릭하고 효과 적용을 선택합니다.

아니면 개체를 선택하고 속성 관리자 탭 가까이에 있는 시간 배치 탭을 클릭하여 효과 패널을 실행합니다.

Adobe Animate CC에서 효과를 만들고 Adobe Captivate에서 사용할 수도 있습니다. 자세한 내용은 Adobe Animate CC에서 사용자 지정 효과 만들기를 참조하십시오.

효과 패널에 액세스

시간 배치 관리자의 효과 패널
시간 배치 관리자의 효과 패널

비디오 - 개체 효과


효과 패널의 옵션

애니메이션 트리거

특정 개체 효과에 대한 트리거입니다. 트리거는 시간 또는 이벤트를 기반으로 할 수 있습니다. 시간 기반 트리거를 사용하는 개체 효과는 이전 개체가 재생된 이후에 적용됩니다. 이벤트 기반 트리거를 사용하는 개체 효과는 단추 클릭, 특정 슬라이드 시작 등과 같은 특정 이벤트가 발생하면 적용됩니다.

이벤트 기반 효과 적용

효과를 확인하려면 단추를 클릭합니다.
 

이벤트 기반 효과

이벤트 기반 효과란 예를 들어 단추를 클릭하면 개체 또는 슬라이드에 대해 이벤트가 트리거되는 것을 말합니다. 이러한 효과를 만들려면 아래 단계에 따릅니다.

  1. 프로젝트를 만들고 효과를 트리거하는 개체를 추가합니다. 예를 들어, 단추를 삽입합니다.

  2. 효과를 적용할 개체를 추가합니다. 예를 들어, 모양을 삽입합니다.

  3. 단추를 선택하고 동작 탭 아래의 속성 관리자에서 성공한 경우 동작을 아래와 같이 효과 적용으로 선택합니다.

    단추 클릭에 대한 효과 적용
    단추 클릭에 대한 효과 적용

  4. 개체 모양 레이블을 개체 이름으로 선택하고 아래와 같이 애니메이션 팔레트 단추를 클릭합니다.

    애니메이션 팔레트 단추
    애니메이션 팔레트 단추

    효과 목록에서 애니메이션을 선택합니다.

  5. 효과 패널에서 선택한 개체에 대한 새 이벤트 기반 애니메이션 트리거를 볼 수 있습니다. 이벤트 기반 트리거를 선택하고 이 개체에 해당 효과를 적용합니다.

    이벤트 기반 트리거
    이벤트 기반 트리거

적용된 효과 목록

사용 가능한 효과를 다양한 카테고리로 분류한 목록입니다.

  • 기본
  • 강조
  • 들어가기
  • 나가기
  • 모션 경로
모든 효과에는 미리 보기가 제공됩니다. 마우스를 효과 위로 가져가면 개체의 동작을 미리 볼 수 있습니다.

효과 목록
효과 목록

모션 경로 표시/숨기기

모션 경로를 표시하거나 숨기고 싶은 경우 이 확인란을 선택합니다.

효과 시작

효과 재생이 시작되도록 계획된 시간(초)입니다.

효과 지속 기간

효과의 지속 기간(초)

전환

특정 효과에 사용할 수 있는 다양한 들어가기/나가기 전환 옵션입니다.

특정 개체의 경우 시간 기반 트리거와 이벤트 기반 트리거를 모두 사용하여 효과를 적용할 수 있습니다. 이벤트 기반 트리거를 사용하는 개체 효과가 시간 기반 트리거를 사용하는 효과보다 우선합니다.

선택한 개체에 대한 이벤트 기반 애니메이션 트리거가 만들어진 후 [효과] 패널에 나열됩니다. 이 개체에 효과를 적용하는 동안 이벤트 기반 트리거를 선택할 수 있습니다.

개별 개체에 효과 적용

  1. 개체를 마우스 오른쪽 단추로 클릭하거나(Windows) Ctrl 키를 누른 채 클릭하고(Mac OS) [효과]를 선택합니다.

  2. [애니메이션 트리거] 드롭다운 목록에서 효과에 대한 트리거를 선택합니다. 기본적으로 시간 기반 트리거가 선택되어 있습니다. 특정 이벤트가 발생할 때 개체 효과를 적용하려면 이벤트 기반 트리거를 만든 다음 [효과] 패널에서 해당 트리거를 선택합니다.

  3. 아이콘을클릭하고(적용된 효과 목록 가까이에 있음) 개체에 적용할 효과를 선택합니다. 이미 저장된 효과를 사용하려면아이콘을 클릭하고효과에해당하는 XML 파일을 찾습니다. 가져온 효과는 이제 [사용자 정의 효과] 아래에 표시됩니다.

    참고:

    단일 개체에 여러 효과를 적용하여 효과 시퀀스를 만들 수 있습니다.

    또한 개체 그룹에 효과를 추가할 수도 있습니다. 개체 집합을 그룹화하고 효과를 적용하기만 하면 됩니다. 효과가 개체의 그룹에 적용될 때 전체 그룹은 하나의 개체처럼 작동하며 효과는 그룹의 중심에서부터 적용됩니다.

    참고: 전체 개체 그룹에 효과가 적용된 경우 개별 개체에 적용된 효과는 유지되지 않습니다.

  4. 효과 미리 보기에서 설명된 미리 보기 방법 중 하나를 사용하여 효과를 미리 봅니다.

  5. 여러 개체에 효과를 적용하려면 을 클릭하고 다음 중 하나를 선택합니다.

    • 모든 항목에 적용 개체 유형에 속하는 모든 개체에 효과를 적용합니다.

    • 같은 스타일의 모든 항목에 적용 동일한 개체 스타일을 사용하는 모든 개체에 적용합니다.

  6. 개체 그룹에 효과를 적용하려면 개체 집합을 그룹화하고 효과를 적용하기만 하면 됩니다.

    효과가 개체의 그룹에 적용될 때 전체 그룹은 하나의 개체처럼 작동하며 효과는 그룹의 중심에서부터 적용됩니다.

    참고:

    개체 그룹에 효과를 적용하는 동안 개별 개체에 적용된 효과는 유지되지 않는다는 점을 기억하십시오.

개체 그룹에 효과 적용

개체 그룹 및 그룹의 개체 개체에 효과를 적용할 수 있습니다. 

그룹에 효과를 적용하려면 슬라이드의 개체를 그룹으로 지정한 다음 개별 개체에 효과를 적용하는 방법대로 그룹에 효과를 적용하면 됩니다(개별 개체에 효과 적용 참조).

타임라인에서 그룹에 적용된 효과를 볼 수 있습니다. 여기에 표시된 개체를 확장하면 다른 그룹의 구성 개체에 적용된 개별 효과도 볼 수 있습니다.

타임라인에 표시되는 개체 효과
타임라인에 표시되는 개체 효과

참고:

그룹 및 개별 구성 개체에 적용된 효과는 누적되어 적용됩니다. 예를 들어, 그룹 개체에 오른쪽 회전이 지정되면 개별 개체에도 오른쪽 회전이 지정됩니다. 개체는 해당 개체에 적용된 회전 각도와 그룹에 적용된 회전 각도를 각각 합한 각도로 회전합니다.

그룹 및 개별 그룹 구성 개체에 효과를 적용할 시 고려 사항

그룹 개체 및 개별 그룹 구성 개체에 효과를 적용하는 기능은 매우 강력해서 다양한 개념을 설명하는 데 사용할 수 있습니다. 예를 들어, 각 행성이 개별 축을 중심으로 자전하는 동시에 태양을 중심으로 움직이는 행성의 이동을 설명할 때 유용합니다.

이 기능을 사용하여 최상의 효과를 적용하려면 다음 아래에 설명된 유용한 정보를 유의하십시오.

  • 다음의 경우 프로젝트의 나머지 부분에서 재생되도록 설정된 그룹에 적용된 효과는 런타임에 표시되지 않습니다.
    • 개체 중 하나라도 대화형 개체이고 활성화된 피드백 모양이 있는 경우
    • 일부 개체에 위쪽에 개체 배치가 선택되고 다른 개체는 선택되지 않은 경우
  • 그룹에 효과를 지원하지 않는 개체(예: 확대/축소 영역)가 있으면 해당 그룹은 효과를 지원하지 않습니다. 확대/축소 영역에 대한 자세한 내용은 확대/축소 영역 만들기를 참조하십시오.
  • 그룹의 개체가 드래그 앤 드롭 상호 작용에도 사용되는 경우 그룹 효과는 재생되지 않습니다.
  • 그룹이 비디오 개체를 포함하는 경우

효과 미리 보기

미리 보기 기능을 사용하여 효과를 적용하기 전과 후의 개체 상태를 확인할 수 있습니다.

다음 방법 중 하나를 사용하여 개체와 연관된 효과를 미리 볼 수 있습니다.

  • [속성 관리자]에서 재생 아이콘을 클릭합니다. 또는
  • [효과] 패널에서 효과 위로 마우스를 이동(호버)합니다.

타임라인에서 재생헤드를 끌어 두 효과의 위치를 비교합니다. 어느 시점에서든지 모션 개체가 특정 효과 위를 이동할 때 각 프레임에서 개체가 움직이는 방식을 확인할 수 있습니다.

스테이지의 모든 개체에 적용된 효과를 미리 보려면 미리 보기 > 슬라이드 재생을 클릭하거나 타임라인에서 재생 아이콘을 클릭합니다.

효과 참조

범주 이름 설명
기본 알파 개체에 투명도 효과를 설정합니다. 범위는 0 ~ 100%입니다. 0%는 투명하게, 100%는 불투명하게 설정됩니다.
  알파 범위 초기 투명도 상태에서 최종 투명도 상태까지의 투명도 효과를 설정합니다. 초기 알파를 20%로, 최종 알파를 80%로 설정하면 20% ~ 80%의 알파 상태 사이에서 개체에 애니메이션 효과가 적용됩니다. 
  회전 방향각 지정된 각도로 축을 따라 개체를 회전합니다. 회전 방향각을 적용하면 지정된 회전 각도에 맞게 애니메이션 효과가 적용됩니다.
  회전 지정된 각도로 축을 따라 개체를 회전합니다. 회전을 적용하면 지정된 각도에 따라 즉시 회전됩니다.
  크기 조정 X 및 Y 방향으로 지정된 비율로 개체의 크기를 변경합니다. 크기 조정을 적용하면 비율에 맞게 즉시 크기가 변경됩니다.
  크기 조정 수준 X 및 Y 방향으로 지정된 비율로 개체의 크기를 변경합니다. 크기 조정 수준을 적용하면 비율에 맞게 애니메이션 효과가 적용됩니다.
  기울이기 기울이기는 이미지의 모서리를 구성하는 선 사이에서 개체의 방향과 각도를 변경합니다. X 및 Y 방향으로 개체의 기울이기 값을 지정하면 개체에 기울이기 정도가 적용됩니다.
  기울이기 수준 기울이기 수준을 적용하면 기울이기 정도에 맞게 개체에 애니메이션 효과가 적용됩니다.
강조 시계 반대 방향 개체가 시계 반대 방향으로 회전됩니다.
  시계 방향 회전 개체가 시계 방향으로 회전됩니다.
  드롭인 및 바운스 개체가 떨어졌다 원래 위치로 다시 튀어 오릅니다.
  깜박이기 개체에 깜박임 효과가 적용됩니다.
  자유 낙하 개체가 아래로 낙하했다가 원래 위치에서 정지합니다.
  커지며 돌기 개체가 먼저 돌아간 다음 원래 상태로 돌아오기 전까지 커집니다.
  하트 비트 개체가 심장이 박동하는 것처럼 움직입니다.
  회전 횟수 개체가 지정된 횟수만큼 시계 방향 또는 시계 반대 방향으로 회전됩니다.
  스핀

해당 축을 따라 개체가 돌아갑니다. 스핀 효과는 다음 매개 변수에 따라 달라집니다.

  • 이즈 인: 스핀 효과가 느리게 시작하여 빠르게 종료되는 백분율을 지정합니다.  
  • 이즈 아웃: 스핀 효과가 빠르게 시작하여 느리게 종료되는 백분율을 지정합니다.
  • 스핀 이즈: 느리게 시작한 다음 가속되었다가 느리게 종료되도록 변환 효과를 지정합니다. 이즈 속성은 백분율 값으로, 범위는 -1(100% 이즈 인 또는 가속)에서 1(100% 이즈 아웃 또는 감속) 사이입니다. 기본값은 0이며, 이 경우 가속 또는 감속 없이 일정한 속도로 애니메이션 효과가 적용됩니다.
들어가기 비대칭 확대

개체가 확대됩니다. 확대/축소는 다음 속성에 따라 정의됩니다.

  • 초기 X축 및 Y축 확대/축소: X 및 Y 방향으로 확대 시작 값
  • 최종 X축 및 Y축 확대/축소: X 및 Y 방향으로 확대 종료 값
  하단 이즈 인

개체에 하단 이즈 인 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 초기 알파: 전환 시작 시 개체의 투명도
  좌측 이즈 인

개체에 좌측 이즈 인 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 초기 알파: 전환 시작 시 개체의 투명도
  우측 이즈 인

개체에 우측 이즈 인 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 초기 알파: 전환 시작 시 개체의 투명도
  상단 이즈 인

개체에 상단 이즈 인 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 초기 알파: 전환 시작 시 개체의 투명도
  페이드 확대

개체 확대 시 페이드 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 초기 알파: 전환 시작 시 개체의 투명도
  • 초기 X축 비율 및 Y축 비율: X 및 Y 양방향으로 개체 변경에 대해 사용할 비율
  • 최종 알파: 전환 종료 시 개체의 투명도
  아래에서 날아오기 개체가 슬라이드의 아래쪽에서 위쪽으로 이동한 다음 원래 위치에서 정지합니다.
  왼쪽 아래에서 날아오기 개체가 슬라이드의 아래 왼쪽 모서리에서 대각선 위쪽으로 이동한 다음 위치에서 정지합니다.
  오른쪽 아래에서 날아오기 개체가 슬라이드의 아래 오른쪽 모서리에서 대각선 위쪽으로 이동한 다음 원래 위치에서 정지합니다.
  왼쪽에서 날아오기 개체가 슬라이드의 오른쪽을 향해 직선으로 이동한 다음 원래 위치에서 정지합니다.
  오른쪽에서 날아오기 개체가 슬라이드의 왼쪽을 향해 직선으로 이동한 다음 원래 위치에서 정지합니다.
  위에서 날아오기 개체가 슬라이드의 위쪽에서 아래쪽으로 이동한 다음 원래 위치에서 정지합니다.
  왼쪽 위에서 날아오기 개체가 슬라이드의 위 왼쪽 모서리에서 대각선 아래쪽으로 이동한 다음 원래 위치에서 정지합니다.
  오른쪽 위에서 날아오기 개체가 슬라이드의 위 오른쪽 모서리에서 대각선 아래쪽으로 이동한 다음 원래 위치에서 정지합니다.
  글라이드 개체가 부드럽고 연속적으로 이동합니다.
  나선형 들어가기 개체가 나선형 곡선으로 이동합니다.
  가로질러 늘이기 개체가 축을 따라 늘어납니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  아래에서 늘이기 개체가 아래쪽에서 원래 위치로 늘어납니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  왼쪽에서 늘이기 개체가 왼쪽에서 오른쪽으로 늘어난 다음 원래 위치에서 정지합니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  오른쪽에서 늘이기 개체가 오른쪽에서 왼쪽으로 늘어난 다음 원래 위치에서 정지합니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  위에서 늘이기 개체가 위쪽에서 원래 위치로 늘어납니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  확대 초기 및 최종 확대/축소 백분율에 따라 개체가 확대됩니다.
나가기 비대칭 축소 초기 및 최종 X, Y 확대/축소 백분율에 따라 개체가 축소됩니다.
  가로질러 축소 개체가 왼쪽 및 오른쪽에서 축소됩니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  아래로 축소 개체가 위쪽에서 아래쪽으로 축소됩니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  왼쪽으로 축소 개체가 오른쪽에서 왼쪽으로 축소됩니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  오른쪽으로 축소 개체가 왼쪽에서 오른쪽으로 축소됩니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  위로 축소 개체가 아래쪽에서 위쪽으로 축소됩니다. 개체에 이즈 속성을 설정하면 이즈 전환 효과가 적용됩니다.
  하단 이즈 아웃

개체에 하단 이즈 아웃 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 최종 알파: 전환 종료 시 개체의 투명도
  좌측 이즈 아웃

개체에 좌측 이즈 아웃 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 최종 알파: 전환 종료 시 개체의 투명도
  우측 이즈 아웃

개체에 우측 이즈 아웃 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 최종 알파: 전환 종료 시 개체의 투명도
  상단 이즈 아웃

개체에 상단 이즈 아웃 전환 효과가 추가됩니다. 이 효과에 대한 속성:

  • 이즈: 개체의 가속 또는 감속을 정의하는 백분율 값
  • 최종 알파: 전환 종료 시 개체의 투명도
  페이드 축소 개체가 축소됩니다. 초기 및 최종 투명도 백분율 및 X 및 Y 방향으로 초기 및 최종 크기 조정 효과를 개체에 추가할 수 있습니다.
  아래로 날아가기 개체가 아래로 이동하여 슬라이드 아래에 배치됩니다.
  왼쪽 아래로 날아가기 개체가 대각선으로 슬라이드 아래의 왼쪽 아래 모서리로 이동합니다.
  오른쪽 아래로 날아가기 개체가 대각선으로 슬라이드 아래의 오른쪽 아래 모서리로 이동합니다.
  왼쪽으로 날아가기 개체가 슬라이드의 왼쪽을 향해 직선으로 이동합니다.
  오른쪽으로 날아가기 개체가 슬라이드의 오른쪽을 향해 직선으로 이동합니다.
  위로 날아가기 개체가 위쪽을 향해 직선으로 이동합니다.
  왼쪽 위로 날아가기 개체가 대각선으로 슬라이드의 왼쪽 위 모서리로 이동합니다.
  오른쪽 위로 날아가기 개체가 대각선으로 슬라이드의 오른쪽 위 모서리로 이동합니다.
  글라이드 아웃 개체가 부드럽게 계속 이동합니다.
  축소 초기 및 최종 확대/축소 백분율에 따라 개체가 축소됩니다.
모션 경로 개체에 원형 모션 경로를 적용합니다.
  사용자 정의 곡선 사용자 정의 곡선 모션 경로를 그립니다.
  사용자 정의 라인 직선으로 구성된 모션 경로를 그립니다.
  사용자 정의 스크리블 스테이지에서 사용자의 손동작을 따라 모션 경로를 그립니다.
  반복 구부러지며 자신을 가로지르는 곡선 형태의 모션 경로를 그립니다.
  왼쪽에서 오른쪽 왼쪽에서 오른쪽으로 직선 모션 경로를 그립니다.
  오각형 오각형 모션 경로를 그립니다.
  사각형 사각형 모션 경로 그립니다.
  오른쪽에서 왼쪽 오른쪽에서 왼쪽으로 직선 모션 경로를 그립니다.
  삼각형 삼각형 모션 경로를 그립니다.

개체에 대한 모션 경로 정의

  1. 개체를 마우스 오른쪽 단추로 클릭하거나(Windows) Ctrl 키를 누른 채 클릭하고(Mac OS) 효과 적용을 선택하여 속성 관리자효과 패널을 표시합니다.

  2. [애니메이션 트리거] 드롭다운 목록에서 효과에 대한 트리거를 선택합니다. 기본적으로 시간 기반 트리거가 선택되어 있습니다. 특정 이벤트가 발생할 때 개체 효과를 적용하려면 이벤트 기반 트리거를 만든 다음 [효과] 패널에서 해당 트리거를 선택합니다.

  3. 더하기 아이콘을 클릭하고 드롭다운 메뉴에서 모션 경로를 선택한 다음 적용할 모션 경로의 유형을 선택합니다.

  4. 개체 오른쪽 모서리에 표시되는 기호를 클릭합니다. 모션 경로의 방향은 화살표로 표시됩니다.

  5. 모션 방향을 변경하려면 화살표를 클릭하여 새 방향으로 끕니다.

추가된 새 효과

[효과] 패널의 [모션 경로] 드롭다운에서 다음과 같은 사용자 정의 모션 경로를 사용할 수 있습니다.

  • 사용자 정의 곡선 사용자 정의 곡선 모션 경로를 그립니다. 모션 경로를 만들려면 개체가 이동할 경로를 따라 클릭합니다. 경로를 따라 생성된 고정점을 이동하여 개체의 움직임을 세밀하게 조정합니다.
  • 사용자 정의 직선 직선으로 구성된 모션 경로를 그립니다.
  • 사용자 정의 스크리블 스테이지에서 사용자 손의 동작을 따라 모션 경로를 그립니다. 마우스를 클릭한 채 개체가 이동할 경로를 따라 스테이지 위를 이동합니다. 경로를 따라 생성된 고정점을 이동하여 개체의 움직임을 세밀하게 조정합니다.
Adobe Captivate의 새 사용자 정의 모션 경로 효과
새 사용자 정의 모션 경로 효과

사용자 정의 효과 사용

  1. 슬라이드에 개체를 추가합니다. 개체를 선택하고 시간 배치 관리자 탭을 클릭하여 효과 패널을 확인합니다.

  2. 드롭다운 목록에서 모션 경로를 선택한 다음 적용하려는 모션 경로의 유형을 선택합니다.

  3. 예를 들어, 사용자 정의 라인 도구를 선택하려면 효과 목록에서 사용자 정의 라인을 클릭합니다.

    사용자 정의 라인 도구
    사용자 정의 라인 도구

  4. 개체의 아무 곳에나 + 마커를 배치하고슬라이드의원하는 위치로 끌어온 다음 마우스 단추를 놓습니다. 개체 내에서 시작하여 사용자가 모션 경로를 끝낸 위치에서 종료되는 경로를 확인할 수 있습니다.

    사용자 정의 라인 모션 경로
    사용자 정의 라인 모션 경로

    이는 개체가 출발 지점에서 도착 지점까지 가로지르게 될 경로입니다.

개체 효과 수정

[효과] 패널의 [효과 속성] 패널을 사용하여 개체 효과의 속성을 수정합니다. 속성을 표시하거나 숨기려면 기본값이나 값 범위를 변경하고 개체 효과의 XML 파일에서 <effect_config> 섹션을 편집합니다. 기본 개체에 효과에 대한 XML 파일의 위치는 다음과 같습니다.

  • <Installation folder>/Gallery/Effects(Windows)
  • \Applications\ Adobe Captivate\Gallery\Effects(Mac OS)

다중 상태 개체의 효과 동작

여러 상태가 있는 개체에 효과를 적용하면 해당 효과는 개체의 모든 상태에 표시됩니다.

해당 개체의 모든 상태에 영향을 주지 않고 특정 상태의 효과만 편집할 수 없습니다.

타임라인 효과

기본 타임라인에서 적용된 모든 효과를 볼 수 있습니다.

타임라인에 표시되는 이벤트
타임라인에 표시되는 이벤트

타임라인을 간소화하고 싶은 경우 창 > 효과 > 타임라인에 효과 사용/사용 안 함으로 이동하여 타임라인에서 효과를 제거할 수 있습니다.

 

Adobe Animate CC에서 사용자 정의 효과 만들기

Animate CC에서 클래식 트윈을 XML 파일로 저장한 다음 Adobe Captivate에서 효과를 사용할 수 있습니다. Animate CC에서 생성한 효과를 선택하고 적용하려면 개체를 마우스 오른쪽 단추로 클릭하고 효과 적용을 선택합니다.

속성 관리자에서 효과 패널이 열립니다.

[적용된 효과] 옆의 찾아보기 아이콘을 클릭하고 효과 파일을 저장한 폴더로 이동합니다.

원하는 기본 지속 기간을 임의로 설정하여 효과를 만들 수 있습니다. 30fps 프로젝트의 경우 60프레임으로 이루어진 효과의 기본 지속 기간이 2초입니다.

편집용 사용자 인터페이스에서 사용 가능한 효과의 매개 변수를 만들려면 XML 파일을 편집하여 필요한 매개 변수를 지정합니다. 이러한 매개 변수는 효과 패널 왼쪽에 표시됩니다.

매개 변수를 편집할 수 있도록 하려면:

  1. 먼저 XML 파일을 열고 사용자 인터페이스에서 편집하려는 속성을 Keyframes 요소에서 찾습니다.

    일반적으로 이 속성에는 숫자 값이 할당되어 있습니다.

  2. Keyframes 요소에서 속성의 숫자 값을 문자열로 변경합니다.

  3. 새 요소 effect_config를 XML 파일에 추가합니다. 이 요소에서, 사용자 인터페이스에서 편집하려는 모든 요소에 config_item 요소를 추가합니다. 이 요소에 추가 가능한 요소와 특성에 대한 자세한 내용은 효과 구성 매개 변수의 XML 요소를 참조하십시오.

  4. config_item 요소(effect_config의 자식)에서 property_value 특성을 추가합니다.

  5. 2단계에서 속성에 할당한 문자열을 이 특성의 값으로 지정합니다.

  6. typedefault_value와 같은 기타 특성을 추가합니다. 자세한 내용은 효과 구성 매개 변수의 XML 요소를 참조하십시오.

  7. 4, 5, 6단계를 반복하여 원하는 수의 속성을 편집할 수 있도록 합니다.

효과 구성 매개 변수의 XML 요소

effect_config 요소의 계층 구조는 다음과 같습니다.

<effect_config> 
    <config_item> 
        <effect_property type="number" property_value="BLUR_X" default_value="50"/> 
    </config_item> 
    <config_item> 
        <effect_property type="list" property_value="QUALITY" default_value="1"> 
            <list_items> 
                <list_item> 
                </list_item> 
            </list_items> 
        </effect_property> 
    </config_item> 
    <config_item> 
        <effect_property type="color" > 
            <effect_sub_property> 
            </effect_sub_property> 
        </effect_property> 
    </config_item> 
</effect_config>

 

표 1.

요소

특성

설명

effect_config

effect_type

motion_path

문자열 유형입니다. 이 특성을 사용하여 모션 경로의 x 좌표와 y 좌표 편집을 위한 핸들을 표시합니다.

config_item

display_name

 

문자열 유형입니다. [효과] 패널에서 사용자에게 표시되는 구성 항목(속성) 이름을 지정합니다.

effect_property

property_value

이 특성은 필수 항목입니다.

 

문자열 유형입니다. 구성 항목의 값을 지정합니다. 이 값은 'Keyframes' 요소에서 적절한 속성에 해당하는 값과 동일해야 합니다.

예를 들어 Glow.XML 파일에서는([갤러리] > [효과] > [필터]) 키프레임 요소에 BLUR_X가 blurX의 값으로 포함됩니다. 사용자 인터페이스에서 ‘blur’의 값을 편집할 수 있게 하려면 effect_config 요소에서 BLUR_X를 property_value로 추가합니다.

 

default_value

 

숫자 유형입니다. 사용자 인터페이스에 표시되는 기본값을 지정합니다.

 

valid_range

구문: valid_range="{{0,255}}"

 

숫자 유형입니다. 구성 항목에 적용할 수 있는 값 범위를 지정합니다. 예를 들어 valid_range="{{0,255}}"는 최소값이 0이고 최고값이 255임을 나타냅니다.

특성 ‘modifiers’를 지정하여 사용자 인터페이스에 지정된 값을 수정할 수 있습니다.

 

type

이 특성은 필수 항목입니다.

number

이 유형을 사용하여 구성 항목이 숫자임을 나타냅니다. 이 유형으로 다음 특성을 지정할 수 있습니다.

  • valid_range
  • increment
  • modifiers
  • decimal_places

 

 

list

이 유형을 사용하여 구성 항목이 드롭다운 목록임을 나타냅니다. 이 유형으로 다음 특성을 지정할 수 있습니다.

  • name
  • value

 

 

color

이 유형을 사용하여 구성 항목이 색상 팔레트와 연결됨을 나타냅니다. 이 유형으로 다음 특성을 지정할 수 있습니다.

  • rgb
  • alpha

 

 

bool

이 유형을 사용하여 구성 항목이 부울임을 나타냅니다. 이 구성 항목은 체크 상자와 연결됩니다. 기본값은 true 또는 false입니다.

 

 

seperator

이 유형을 사용하여 사용자 인터페이스에서 구성 항목을 수평 공간으로 분리합니다. 이 유형은 config_ item 요소 전용입니다.

 

increment

 

숫자 유형입니다. 매개 변수 값을 클릭하고, 마우스 단추를 누른 채 마우스를 이동할 때 매개 변수가 증가할 간격을 나타내는 값을 지정합니다.

 

modifiers

구문: modifiers= "{offset:0,multiplier:0.01}"

  • offset

  • multiplier

숫자 유형입니다. 이 특성을 사용하여 사용자 인터페이스에 지정한 값을 수정합니다. Offset을 사용하여 사용자 인터페이스에 지정한 값을 늘리거나 줄입니다. 사용자 지정 값을 줄이려면 음수를 Offset으로 사용합니다.

multiplier를 사용하여 사용자 인터페이스에 지정한 값을 특정 숫자와 곱합니다.

이 특성은 ‘number’ 유형 전용입니다.

 

decimal_places

 

숫자 유형입니다. 구성 항목에 허용할 소수 자릿수를 지정합니다. 예를 들어 값이 3이면 0.00001이 아니라 0.001을 지정할 수 있습니다.

list_item

(effect_propertylist_items의 자식)

name

 

문자열 유형입니다. 목록 항목의 이름을 지정합니다.

 

value

 

숫자 유형입니다. 사용자가 목록 항목을 선택하면 Keyframes 섹션에 다시 게시될 값을 지정합니다.

effect_sub_property

(effect_property의 자식)

rgb

 

이 특성을 사용하여 기본 16진수 RGB 번호를 지정합니다. 예를 들어 빨간색일 경우 rgb ="ff0000"을 지정합니다. 이 속성은 'color' 유형에만 유효합니다.

 

alpha

 

숫자 유형입니다. 이 특성을 사용하여 색상의 기본 투명도를 지정합니다.

이 특성은 'color' 유형에만 유효합니다.

 

Animate CC에서 효과를 만드는 모범 사례

  • 효과를 위해 만들려는 Animate 응용 프로그램의 FPS가 30이어야 합니다.

  • 효과 파일(XML 파일)의 effect_config 섹션에 있는 ‘property_value’의 값이 Keyframe 섹션에 있는 해당 값과 같아야 합니다.

  • 매개 변수 수가 6개 이상이면 효과 한 개를 여러 개의 효과로 분리합니다. 그러면 이 효과의 시퀀스를 만들어 원하는 결과를 얻을 수 있습니다.

  • Animate에서 프레임별 애니메이션을 사용하여 만든 효과를 내보내지 마십시오. Adobe Captivate에서는 그러한 효과를 사용하더라도 원하는 결과를 얻을 수 없습니다.

    대신 클래식 트윈을 사용하여 효과를 만들고 이 트윈을 Adobe Captivate로 가져옵니다.

  • 효과 매개 변수를 키프레임으로 그룹화합니다. '구분 기호' 유형을 사용하여 관련 속성을그룹화할 수 있습니다.

  • Adobe Captivate에서 사용하기 전에 Animate에서 내보낸 효과의 XML 파일이 유효한지 확인합니다. 그러려면 브라우저나 XML 편집기에서 XML 파일을 엽니다.

효과 저장 및 삭제

  1. [효과] 패널에서 을 클릭합니다.

  2. 효과 또는 효과 시퀀스를 저장할 위치를 찾은 다음 [저장]을 클릭합니다. 효과 시퀀스가 XML 파일로 저장됩니다.

  3. 효과를 삭제하려면 효과를 선택한 다음 을 클릭합니다.

효과 시퀀스를 저장한 후 프로젝트의 다른 개체에 적용할 수 있습니다.

프로젝트에서 효과 시퀀스를 다시 사용하면(적어도 한 번) [고급 동작] 대화 상자에서 이 효과 시퀀스를 사용할 수 있습니다.

참고:

그러나 이 대화 상자를 사용하여 효과 시퀀스를 적용하면 효과의 결과가 달라질 수 있습니다. 예를 들어 효과 지속 시간이 개체의 타임라인에 비례하여 조절되지 않습니다. 자세한 내용은 Introducing effects in Captivate를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책