이 용어집을 통해 애니메이션 제작에 사용되는 다양한 요소에 대해 알아보십시오.

심볼

심볼은 Animate CC 제작 환경에서 만들거나, SimpleButton(AS 3.0) 및 MovieClip 클래스를 사용하여 만든 그래픽, 버튼 또는 동영상 클립입니다. 이렇게 만든 심볼은 해당 문서나 다른 문서에서 다시 사용할 수 있습니다.

심볼에는 다른 응용 프로그램에서 가져온 아트워크가 포함될 수 있습니다. 심볼을 만들면 이 심볼은 자동으로 현재 문서에 대한 라이브러리의 일부가 됩니다.

인스턴스는 스테이지에 있거나 다른 심볼에 중첩된 심볼의 사본입니다. 인스턴스의 색상, 크기 및 기능은 부모 심볼과 다를 수 있습니다. 심볼을 편집하면 모든 인스턴스가 업데이트되지만 심볼의 인스턴스에 효과를 적용하면 해당 인스턴스만 업데이트됩니다.

동영상 클립

동영상 클립 심볼을 사용하여 Adobe Animate CC에서 재사용 가능한 애니메이션 조각을 만듭니다. 동영상 클립에는 기본 동영상의 타임라인과는 별개인 자체 다중 프레임 타임라인이 있습니다. 동영상 클립 및 미니 타임라인은 기본 타임라인 내에 중첩되어 대화형 컨트롤, 사운드 및 다른 동영상 클립 인스턴스까지 포함할 수 있습니다.

버튼 심볼의 타임라인 안에 동영상 클립 인스턴스를 배치하여 애니메이션 버튼을 만들 수도 있습니다. 또한 동영상 클립은 ActionScript를 사용하여 스크립팅 가능합니다.

동영상 클립에 대한 자세한 내용은 Animate CC의 장면을 사용한 작업 문서를 읽고 2D 애니메이션 만들기 비디오 튜토리얼을 보십시오.

그래픽

그래픽 심볼은 애니메이션 또는 단일 프레임 모드에서 사용되는 프레임 모음입니다. 애니메이션 그래픽 심볼은 그 심볼이 배치되어 있는 문서의 타임라인에 결합됩니다.

반면 동영상 클립 심볼에는 자체의 독립적인 타임라인이 있습니다. 기본 문서와 동일한 타임라인을 사용하기 때문에 애니메이션 그래픽 심볼의 애니메이션은 문서 편집 모드에서 표시됩니다. 

정적 이미지일 경우 또는 기본 타임라인에 결합된 애니메이션을 다시 사용할 수 있는 버전으로 만들 경우 그래픽 심볼을 사용합니다. 대화형 컨트롤과 사운드는 그래픽 심볼의 애니메이션 시퀀스에서는 작동되지 않습니다. 그래픽 심볼은 타임라인을 포함하지 않으므로 버튼이나 동영상 클립만큼 FLA 파일을 크게 만들지 않습니다.

Animate CC의 3D 그래픽에 대해 자세히 알아보려면 링크를 클릭하십시오.

Button

버튼 심볼은 Adobe Animate CC에서 4프레임 인터랙티브 동영상 클립의 특수한 유형입니다. 심볼을 만들 때 버튼 유형을 선택하면 Animate는 프레임이 4개인 타임라인을 만듭니다. 처음 3개의 프레임은 3가지의 버튼 상태인 업, 오버 및 다운을 표시하며 4번째 프레임은 버튼의 활성 영역을 정의합니다.

실제로, 버튼 심볼 타임라인은 일반 타임라인과 같이 선형적으로 재생되는 것이 아니라, 마우스 포인터 이동 및 작동에 반응하며 해당 프레임으로 바로 넘어갑니다. 버튼을 인터랙티브하게 만들려면 스테이지 위에 버튼 심볼의 인스턴스를 배치하고 인스턴스에 동작을 할당하십시오.

Animate 파일의 루트 타임라인에 액션을 지정합니다. 버튼이 동영상 클립 내에 있으면 동영상 클립의 타임라인에 액션을 추가할 수 있습니다. 버튼 심볼의 타임라인에는 액션을 추가하지 않아야 합니다.

버튼에 대한 자세한 내용은 Animate CC를 사용하여 버튼 만들기를 참조하십시오.

기본 모양

[타원형 도구]와 [사각형 도구]를 사용하여 이러한 기본적인 기하학적 모양을 그리고 획 및 채우기를 적용하며 둥근 모서리를 지정할 수 있습니다. [타원형 도구] 및 [사각형 도구]는 병합 드로잉 모드 및 객체 드로잉 모드 외에 프리미티브 객체 드로잉 모드도 제공합니다.

[프리미티브 사각형] 또는 [프리미티브 타원형] 도구를 사용하여 사각형이나 타원형을 만들면 해당 모양이 별도의 객체로 그려집니다. 이러한 모양은 [객체 드로잉] 모드에서 만드는 모양과 다릅니다. 프리미티브 모양 도구를 사용하면 속성 관리자에서 컨트롤을 통해 사각형의 모서리 반경을 지정할 수 있습니다.

기본 선 및 모양을 만드는 방법에 대해서는 Animate CC를 사용하여 선 및 모양 그리기Animate CC에서 객체 그리기 및 만들기를 참조하십시오.

드로잉 객체

[툴] 패널의 아래쪽에서 [객체 드로잉] 모드가 활성화되어 있을 때 Adobe Animate CC에서 벡터 그래픽을 그리면 드로잉 객체라고 하는 모양이 만들어집니다. 이것은 다른 객체 위에 겹칠 때 자동으로 병합되지 않는 별개의 그래픽 객체입니다.

[객체 드로잉] 모드를 선택하면 같은 레이어에 있는 모양을 떼어놓거나, 재배치하거나, 재정렬할 때 모양이 바뀌는 일 없이 겹치도록 할 수 있습니다.

[객체 드로잉] 모드에서 Animate는 객체를 그룹화할 때와 마찬가지로 각 모양을 개별적으로 조작할 수 있는 별개의 객체로 만듭니다. 드로잉 툴이 [객체 드로잉] 모드에서 있을 때는 생성되는 모양이 자립적이게 됩니다. 이때 모양의 획 및 채우기는 별도의 요소로 간주되지 않으며 겹치는 모양으로 인해 다른 모양이 변경되지 않습니다. [객체 드로잉] 모드를 사용하여 만든 모양을 선택하면 식별을 위한 사각형 경계 상자가 모양을 둘러쌉니다.

객체 그리기에 대한 자세한 내용은 Animate CC에서 객체 그리기 및 만들기Animate CC를 사용하여 선 및 모양 그리기를 참조하십시오.

비트맵

비트맵 그래픽은 디지털 카메라로 촬영한 이미지 등 사진 컨텐츠를 표시하는 데 일반적으로 사용됩니다. 이 파일은 고유의 색상 값을 포함하고 있는 개별 픽셀을 표시합니다. 전체 픽셀을 함께 보면 사진 또는 이미지가 형성됩니다.

비트맵 그래픽은 크기를 조절해서는 안 됩니다. 비트맵 그래픽을 Animate CC로 가져오려면 가져오기 전에 이미지 편집 프로그램을 사용하여 크기를 조정하고 최적화하십시오. 비트맵 그래픽의 크기를 조정하면 픽셀 데이터를 잃게 되어 이미지 품질이 손상될 수 있습니다. 가져온 비트맵 그래픽을 심볼로 변환하여 Animate에서 성능을 향상시키십시오.

페인트 통 툴을 사용하여 가져온 비트맵의 픽셀로 벡터 객체를 칠할 수 있습니다. 비트맵 그래픽과 가장 흔히 연관된 파일 포맷은 JPEG입니다.

Animate CC에서 비트맵을 가져오고 사용하는 방법에 대해서는 Animate CC에서 비트맵 가져오기를 참조하십시오.

비디오

Adobe Animate CC에서 비디오를 포함하면 모든 비디오 파일 데이터가 Animate 파일에 추가됩니다. 따라서 Animate 파일 및 후속 SWF 파일의 크기가 더 커집니다. 비디오는 개별 비디오 프레임이 타임라인 프레임으로 표시되어 타임라인에 배치됩니다. 각 비디오 프레임이 타임라인에 프레임으로 표시되므로 비디오 클립과 SWF 파일의 프레임 속도가 같도록 설정해야 합니다.

SWF 파일 및 포함된 비디오 클립에 다른 프레임 속도를 사용하면 비디오가 일관되게 재생되지 않습니다. 포함된 비디오는 재생 시간이 10초 미만인 작은 비디오 클립에 가장 효과적으로 사용할 수 있습니다. 재생 시간이 긴 비디오 클립을 사용하는 경우 점진적으로 비디오를 다운로드하거나 Flash Media Server를 사용하여 비디오를 스트리밍하는 것이 좋습니다.

추가 정보

오디오

Adobe Animate에서는 사운드를 사용하는 여러 방법을 제공합니다. 타임라인에 관계없이 연속적으로 재생되는 사운드를 만들거나 타임라인을 사용하여 애니메이션을 사운드 트랙과 동기화할 수 있습니다. 버튼에 사운드를 추가하여 상호 작용 기능을 강화하고 사운드에 페이드 인/아웃 효과를 적용하여 좀더 세련된 사운드 트랙을 만듭니다.

Animate에는 이벤트 사운드와 스트림 사운드라는 두 가지 유형의 사운드가 있습니다.

  • 이벤트 사운드는 완전히 다운로드된 후에 재생되기 시작해서 명시적으로 중단될 때까지 계속 재생됩니다.
  • 스트림 사운드는 처음 몇 개의 프레임에 대한 데이터가 일정 부분 다운로드되기만 하면 재생되며, 웹 사이트에서 재생될 수 있도록 타임라인과 동기화됩니다.

추가 정보

그룹

손쉬운 조작을 위해 그룹을 사용하여 객체를 논리적으로 정리합니다. 예를 들어, 드로잉을 만든 다음 드로잉 전체를 한꺼번에 쉽게 선택하고 이동할 수 있도록 드로잉 요소를 하나로 그룹화할 수 있습니다. 그룹을 선택할 때 속성 관리자는 그룹의 x 및 y 좌표와 픽셀 크기를 표시합니다. 그룹 해제하지 않고도 그룹을 편집할 수 있습니다. 또한 객체의 그룹을 해제하지 않은 상태에서 그룹의 각 객체를 선택하여 편집할 수 있습니다.

Animate CC에서 객체 스택 및 정리 방법을 알아보려면 링크를 클릭하십시오.

텍스트

텍스트 툴을 사용하여 Adobe Animate CC에서 정적, 동적, 입력의 세 가지 텍스트 필드 유형을 만들 수 있습니다. 모든 텍스트 필드는 유니코드를 지원합니다.

  • 정적 텍스트 필드는 동적으로 변경되지 않는 텍스트 문자를 표시합니다.
  • 동적 텍스트 필드는 게임 점수, 사용자 이름 등 동적으로 업데이트되는 텍스트를 표시합니다.
  • 입력 텍스트 필드는 양식이나 설문지에서 사용자가 텍스트를 입력하는 데 사용할 수 있습니다.

왼쪽에서 오른쪽 방향의 수평 텍스트 또는 오른쪽에서 왼쪽 방향이나 왼쪽에서 오른쪽 방향의 정적 수직 텍스트를 만들 수 있습니다.

추가 정보

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

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