다음 중 하나를 선택합니다.
- Adobe Animate 사용 안내서
- Animate 소개
- 애니메이션
- Animate의 애니메이션 기본 사항
- Animate에서 프레임 및 키프레임을 사용하는 방법
- Animate의 프레임별 애니메이션
- Animate에서 클래식 트윈 애니메이션을 사용하여 작업하는 방법
- 브러시 도구
- 모션 안내선
- 모션 트윈 및 ActionScript 3.0
- 모션 트윈 애니메이션 정보
- 모션 트윈 애니메이션
- 모션 트윈 애니메이션 만들기
- 속성 키프레임 사용
- 트윈으로 위치에 애니메이션 적용
- 모션 편집기를 사용하여 모션 트윈을 편집하는 방법
- 트윈 애니메이션의 모션 경로 편집
- 모션 트윈 조작
- 사용자 정의 속도 추가
- 모션 사전 설정 만들기 및 적용
- 애니메이션 트윈 범위 설정
- XML 파일로 저장한 모션 트윈을 사용한 작업
- 모션 트윈과 클래식 트윈의 비교
- 모양 트위닝
- Animate에서 뼈 도구 애니메이션 사용하기
- Animate에서 캐릭터 리깅으로 작업하기
- Adobe Animate에서 마스크 레이어를 사용하는 방법
- Animate에서 장면으로 작업하는 방법
- 대화형 기능
- 작업 영역 및 작업 과정
- 칠 브러시 만들기 및 관리
- HTML5 Canvas 문서에서 Google Fonts 사용
- Creative Cloud 라이브러리와 Adobe Animate 사용
- Animate의 스테이지 및 도구 패널 사용
- Animate 작업 과정 및 작업 영역
- HTML5 Canvas 문서에서 웹 글꼴 사용
- 타임라인과 ActionScript
- 여러 타임라인을 사용한 작업
- 환경 설정
- Animate 제작 패널 사용
- Animate로 타임라인 레이어 만들기
- 모바일 앱 및 게임 엔진용으로 애니메이션 내보내기
- 객체 이동 및 복사
- 템플릿
- Animate의 찾기 및 바꾸기
- 실행 취소, 다시 실행 및 작업 내역 패널
- 키보드 단축키
- Animate에서 타임라인을 사용하는 방법
- HTML 확장 만들기
- 이미지 및 애니메이션 GIF에 대한 최적화 옵션
- 이미지 및 GIF에 대한 내보내기 설정
- Animate의 에셋 패널
- 멀티미디어 및 비디오
- Animate의 그래픽 객체 변형 및 결합
- Animate에서 심볼 인스턴스를 만들고 작업하기
- 이미지 추적
- Adobe Animate에서 사운드를 사용하는 방법
- SVG 파일 내보내기
- Animate에서 사용할 비디오 파일 만들기
- Animate에서 비디오를 추가하는 방법
- Animate로 객체 그리고 만들기
- 선 및 모양 변형
- Animate CC의 획, 채우기 및 그래디언트
- Adobe Premiere Pro 및 After Effects 작업
- Animate CC의 색상 패널
- Animate에서 Flash CS6 파일 열기
- Animate의 클래식 텍스트 작업
- Animate에 아트워크 가져오기
- Animate의 가져온 비트맵
- 3D 그래픽
- Animate의 심볼 작업
- Adobe Animate로 선 및 모양 그리기
- Animate의 라이브러리 작업
- 사운드 내보내기
- Animate CC의 객체 선택
- Animate의 Illustrator AI 파일 작업
- 블렌드 모드 적용
- 객체 배열
- 명령 메뉴를 사용한 작업 자동화
- 다국어 텍스트
- Animate에서 카메라 사용하기
- 그래픽 필터
- 사운드 및 ActionScript
- 드로잉 환경 설정
- 펜 도구로 그리기
- 플랫폼
- Animate 프로젝트를 다른 문서 유형 포맷으로 변환
- 사용자 정의 플랫폼 지원
- Animate에서 HTML5 Canvas 문서 만들고 게시하기
- WebGL 문서 만들고 게시하기
- iOS용 AIR에 맞추어 애플리케이션을 패키징하는 방법
- Android용 AIR 애플리케이션 게시
- 데스크톱용 Adobe AIR에 맞춘 게시
- ActionScript 게시 설정
- 모범 사례 - 애플리케이션에서 ActionScript 구성
- Animate에서 ActionScript를 사용하는 방법
- Animate 작업 영역의 액세스 가능성
- 스크립트 작성 및 관리
- 사용자 정의 플랫폼에 대한 지원 활성화
- 사용자 정의 플랫폼 지원 개요
- 사용자 정의 플랫폼 지원 플러그인 작업
- ActionScript 3.0 디버깅
- 사용자 정의 플랫폼에 대한 지원 활성화
- 내보내기 및 게시
- Animate CC에서 파일을 내보내는 방법
- OAM 게시
- SVG 파일 내보내기
- Animate를 사용하여 그래픽 및 비디오 내보내기
- AS3 문서 게시
- 모바일 앱 및 게임 엔진용으로 애니메이션 내보내기
- 사운드 내보내기
- 모범 사례 - 모바일 장치 콘텐츠 만들기 팁
- 모범 사례 - 비디오 규칙
- 모범 사례 - SWF 애플리케이션 제작 지침
- 모범 사례 - FLA 파일 구조화
- Animate용 FLA 파일을 최적화하는 모범 사례
- ActionScript 게시 설정
- Animate용 게시 설정 지정
- 프로젝터 파일 내보내기
- 이미지 및 애니메이션 GIF 내보내기
- HTML 게시 템플릿
- Adobe Premiere Pro 및 After Effects 작업
- 애니메이션의 빠른 공유 및 게시
- 문제 해결
모션 프리셋은 스테이지의 객체에 적용할 수 있는 미리 구성된 모션 트윈입니다. 사용자 정의 프리셋을 만들어 저장할 수 있습니다. 수정한 기존 모션 프리셋 또는 직접 만든 사용자 정의 트윈을 사용할 수 있습니다.
프리셋을 사용하면 프로젝트 제작 및 개발 과정에서 상당한 시간을 절약할 수 있습니다. 특히 비슷한 종류의 트윈을 자주 사용하는 경우 더욱 그렇습니다.
[모션 프리셋] 패널에서는 프리셋을 가져오거나 내보낼 수도 있습니다. 공동 작업하는 사람들과 프리셋을 공유하거나 Animate 디자인 커뮤니티 멤버들이 공유하는 프리셋을 활용할 수 있습니다.
모션 프리셋에는 모션 트윈만 포함될 수 있습니다. 클래식 트윈은 모션 프리셋으로 저장할 수 없습니다.
참고 사항
모션 프리셋 적용
모션 프리셋을 적용하려면 다음과 같이 하십시오.
- 스테이지에서 트위닝 가능 객체를 선택합니다. 모션 프리셋을 트위닝 불가능 객체에 적용하려고 할 경우 Animate는 객체를 심볼로 변환할 수 있는 옵션을 제공합니다.
- [모션 프리셋] 패널에서 프리셋을 선택합니다.
- 패널의 [적용] 버튼을 클릭하거나 패널 메뉴에서 현재 위치에 [적용]을 선택합니다.
스테이지에 있는 동영상 클립의 현재 위치에서 모션이 시작되도록 모션이 적용됩니다. 프리셋에 연관된 모션 경로가 있는 경우 해당 모션 경로가 스테이지에 표시됩니다.
프리셋을 적용하려면 [적용] 버튼을 Shift-클릭하거나 패널 메뉴에서 [현재 위치에서 종료]를 선택합니다.
선택된 각 프레임에 트위닝 가능 객체가 하나씩만 포함되어 있을 경우 별도 레이어에 있는 선택된 프레임 여러 개에 모션 프리셋을 적용할 수도 있습니다.
모션 프리셋 미리 보기
Animate에 포함된 각 모션 프리셋에는 모션 프리셋 패널에서 확인할 수 있는 미리 보기가 있습니다. 미리 보기를 통해 애니메이션이 해당 문서의 객체에 적용되면 어떻게 나타날지 파악할 수 있습니다. 만들었거나 가져온 사용자 정의 프리셋의 미리 보기를 추가합니다.
- [모션 프리셋] 패널을 엽니다.
- 목록에서 모션 프리셋을 선택합니다.
패널 위쪽의 미리 보기 창에서 미리 보기가 재생됩니다.
- 미리 보기의 재생을 멈추려면 [모션 프리셋] 패널의 바깥쪽을 클릭합니다.
스테이지에서 트위닝 가능 객체(심볼 인스턴스 또는 텍스트 필드)를 선택한 상태로 [적용] 버튼을 클릭하면 프리셋이 적용됩니다. 객체당 하나의 프리셋만 적용할 수 있습니다. 하나의 객체에 두 번째 프리셋을 적용할 경우 첫 번째 프리셋이 두 번째 프리셋으로 바뀝니다.
스테이지에 있는 객체에 프리셋을 적용하면 타임라인에서 만들어진 트윈이 [모션 프리셋] 패널과 아무 관계 없어집니다. [모션 프리셋] 패널에 있는 프리셋을 삭제하거나 이름을 변경해도 이전에 해당 프리셋으로 만든 트윈에는 영향을 주지 않습니다. 기존 프리셋 위에 새 프리셋을 덮어 저장하는 경우 원래 프리셋으로 만들어 놓은 트윈에는 영향을 주지 않습니다.
각 모션 프리셋에는 특정 개수의 프레임이 포함되어 있습니다. 프리셋을 적용하면 타임라인에서 만들어진 트윈 범위에 이 개수의 프레임이 포함됩니다. 대상 객체에 다른 길이의 트윈이 이미 적용된 경우 해당 모션 프리셋 길이에 맞게 트윈 범위가 조정됩니다. 프리셋이 적용된 후에 타임라인에서 트윈 범위의 길이를 조정할 수 있습니다.
3D 모션을 포함하는 모션 프리셋은 동영상 클립 인스턴스에만 적용할 수 있습니다. 그래픽 또는 버튼 심볼이나 클래식 텍스트 필드에는 트위닝된 3D 속성이 적용되지 않습니다. 2D 또는 3D 모션 프리셋은 2D 또는 3D 동영상 클립에 적용할 수 있습니다.
트윈을 사용자 정의 모션 프리셋으로 저장
트위닝된 프리셋을 만들거나 수정하면 새 모션 프리셋으로 저장할 수 있습니다. 모션 프리셋 패널의 사용자 정의 프리셋 폴더에 새로운 프리셋이 나타납니다.
사용자 정의 트윈을 프리셋으로 저장하려면
-
- 타임라인에서의 트윈 범위
- 사용자 정의 트윈이 적용된 스테이지의 객체
- 스테이지에 있는 모션 경로
-
[모션 프리셋] 패널의 [선택 항목을 프리셋으로 저장] 버튼을 클릭하거나 선택 항목의 컨텍스트 메뉴에서 [모션 프리셋으로 저장]을 선택합니다.
[모션 프리셋] 패널에 새로운 프리셋이 나타납니다. Animate가 프리셋을 XML 파일로 저장합니다. 이러한 파일은 다음 디렉토리에 저장됩니다.
Windows: <하드 디스크>\Documents and Settings\<사용자>\Local Settings\Application Data\Adobe\Animate \<언어>\Configuration\Motion Presets\
Macintosh: <하드 디스크>/Users/<사용자>/Library/Application Support/Adobe/Animate CC/<언어>/Configuration/Motion Presets/
사용자 정의 프리셋을 저장, 삭제 또는 이름 변경한 경우 실행 취소할 수 없습니다.
모션 프리셋 가져오기
모션 프리셋은 XML 파일로 저장됩니다. XML 트윈 파일을 가져와서 [모션 프리셋] 패널에 추가합니다.
참고: XML 파일로 가져온 모션 프리셋은 모션 트윈에만 추가할 수 있습니다.
-
[모션 프리셋] 패널 메뉴에서 [가져오기]를 선택합니다.
-
[열기] 대화 상자에서 가져올 XML 파일을 찾아 [열기]를 클릭합니다.
모션 프리셋 내보내기
모션 프리셋을 XML 파일로 내보내 다른 Animate 사용자와 공유할 수 있습니다.
- [모션 프리셋] 패널에서 프리셋을 선택합니다.
- 패널 메뉴에서 [내보내기]를 선택합니다.
- [다른 이름으로 저장] 대화 상자에서 XML의 이름 및 저장 위치를 선택하고 [저장]을 클릭합니다.
모션 프리셋 삭제
[모션 프리셋] 패널에서 프리셋을 제거할 수 있습니다. 프리셋을 제거하면 Animate가 해당 XML 파일을 디스크에서 삭제합니다. 사본을 내보내 나중에 다시 사용하려는 프리셋을 백업합니다.
-
[모션 프리셋] 패널에서 삭제할 프리셋을 선택합니다.
-
다음 중 하나를 수행합니다.
- 패널 메뉴에서 [제거]를 선택합니다.
- 패널에서 항목의 [제거] 버튼을 클릭합니다.
사용자 정의 프리셋 미리 보기 만들기
사용자 정의 모션 프리셋을 미리 보려면 같은 디렉터리에서 트위닝된 애니메이션을 시연하는 SWF 파일을 모션 프리셋 XML 파일로 저장합니다.
-
트위닝된 애니메이션을 만들어 사용자 정의 프리셋으로 저장합니다.
-
트윈의 데모만 포함한 FLA 파일을 만듭니다. 사용자 정의 프리셋과 같은 이름으로 FLA를 저장합니다.
-
제작 명령을 사용하여 FLA 파일에서 SWF 파일을 만듭니다.
-
SWF 파일을 저장된 사용자 정의 모션 프리셋 XML 파일과 같은 디렉토리에 넣습니다. 이러한 파일은 다음 디렉토리에 저장됩니다.
- Windows: <하드 디스크>\<사용자>\Application Data\Local\Adobe\Animate CC\<언어>\Configuration\Motion Presets\
- Macintosh: <하드 디스크>/Users/<사용자>/Library/Application Support/Adobe/Animate CC/<언어>/Configuration/Motion Presets/
이제 모션 프리셋 패널에서 사용자 정의 트윈이 선택되면 미리 보기가 표시됩니다.