- 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 작업
- 애니메이션의 빠른 공유 및 게시
- 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 작업
- 애니메이션의 빠른 공유 및 게시
- 문제 해결
애니메이션의 프레임을 선택하고 타임라인에서 이 프레임을 이동할 수 있는 방법은 많습니다. 또한 파일을 제작할 때 애니메이션이 원하는 대로 정확히 재생되도록 다양한 방법으로 애니메이션을 수정할 수 있습니다.
트윈 레이어에는 트윈 범위, 정적 프레임 및 빈 키프레임이 포함될 수 있습니다. 정적 프레임 및 빈 프레임을 사용하여 프레임에서 드로잉하고, 그래픽을 붙여 넣고, 선택한 프레임으로 비트맵을 가져올 수 있습니다. 이러한 범위 및 프레임은 같은 레이어 내부 또는 대부분의 다른 레이어로 이동할 수 있습니다. 트윈 레이어는 IK 범위 또는 클래식 트윈을 포함할 수 없습니다.
트윈 범위는 프레임에 있거나 트위닝된 객체에 첨부된 ActionScript를 포함할 수 없습니다. 그러나 트윈 레이어에서 트윈 범위 외부의 프레임은 ActionScript를 포함할 수 있습니다. 레이어 호출 액션(일반적으로 주 타임라인의 최상단 레이어)에 모든 코드를 배치했는지 확인합니다.
트윈을 조정하려면 트윈 레이어에서 다음과 같은 컨텍스트 메뉴 옵션을 사용합니다.
- 트윈 미세 조정: 선택한 트윈 범위에서 모션 트윈을 미세 조정합니다.
- 트윈 제거: 선택한 트윈 범위에서 모션 트윈을 제거합니다.
- 3D 트윈: 트윈의 3D 속성을 추가하거나 제거합니다(모션 편집기에서 볼 수 있음). 모션 트윈을 추가하기 전 또는 추가하고 난 후 인스턴스에서 3D 툴을 사용하면 3D가 자동으로 활성화됩니다.
- 프레임별 애니메이션으로 변환: 현재 선택된 범위를 프레임별 애니메이션으로 변환합니다.
- 모션 프리셋으로 저장: 현재 선택된 범위를 모션 프리셋으로 저장합니다.
- 프레임 삽입: 트윈 범위에 선택한 프레임 수를 삽입합니다.
- 프레임 제거: 트윈 범위 또는 정적 프레임에서 선택된 프레임을 제거합니다. 전체 범위가 선택된 경우 전체 범위가 제거됩니다.
- 키프레임 삽입: 하위 메뉴에서 삽입할 속성 키프레임 유형을 선택할 수 있습니다. 예를 들어 이 메뉴를 사용하여 회전 속성 키프레임을 삽입할 수 있습니다.
- 빈 키프레임 삽입: 이 옵션을 사용하여 빈 프레임에 빈 키프레임을 삽입할 수 있습니다. 선택 항목이 트윈 범위 내에 있는 경우 이 옵션은 비활성화됩니다.
- 키프레임 지우기: 트윈 범위 내에서 사용할 경우 하위 메뉴에서 선택하여 현재 선택된 프레임에서 속성 키프레임 유형을 제거할 수 있습니다. 옵션은 프레임 1에서 키프레임을 제거하지 않습니다. 트윈 범위 외부에서 이 옵션을 사용하여 선택한 키프레임을 제거합니다.
- 키프레임 보기: 이 옵션을 사용하여 선택된 트윈 범위에서 볼 속성 키프레임의 종류를 선택할 수 있습니다. 기본 설정은 모두지만 하나 이상의 속성 키프레임 유형을 선택할 수 있습니다.
- 프레임 잘라내기/복사/붙여넣기: 이 옵션을 사용하여 트윈 범위의 일부 또는 모든 프레임을 잘라내거나 복사하고 새 위치에 붙여 넣을 수 있습니다.
- 프레임 지우기: 프레임 지우기를 사용하여 선택된 프레임을 빈 프레임으로 전환할 수 있습니다. 선택 항목이 트윈 범위의 중앙에 위치하는 경우 빈 프레임을 중심으로 두 개의 개별 트윈 범위가 만들어집니다.
- 모든 프레임 선택: 이 옵션을 사용하여 타임라인의 모든 프레임을 선택할 수 있습니다.
- 모션 복사/붙여넣기: 이 옵션을 사용하여 선택된 모션의 모든 속성을 복사하여 다른 인스턴스에 붙여 넣을 수 있습니다.
- 속성 복사/붙여넣기: 이 옵션을 사용하여 개별 프레임에서 속성 키프레임을 복사하여 다른 프레임에 속성 키프레임을 붙여 넣을 수 있습니다. 이 옵션을 사용할 프레임 하나를 선택했는지 확인합니다.
- 속성 선택하여 붙여넣기: 선택한 프레임의 속성을 복사한 후 이 옵션을 사용합니다.
- 모션 분할: 모션 분할을 사용하여 단일 트윈을 두 개의 트윈 범위로 분할할 수 있습니다. 이 옵션은 하나의 프레임을 선택한 경우 사용할 수 있습니다.
- 모션 연결: 모션 연결을 사용하여 연속된 여러 트윈 범위를 하나의 트윈 범위로 만들 수 있습니다. 이 옵션은 두 개 이상의 연속된 트윈 범위를 선택한 경우 사용할 수 있습니다.
- 키프레임 반전: 이 옵션을 사용하여 선택된 트윈 범위의 모든 속성에 대한 키프레임을 반전시킬 수 있습니다.
- 모션 경로 > 키프레임을 로빙/비로빙으로 전환: 이 옵션을 사용하여 선택된 범위의 키프레임을 로빙과 비로빙 사이에서 전환할 수 있습니다.
참고 사항
모션 트윈 복사하여 붙여넣기
한 트윈 범위에서 다른 트윈 범위로 트위닝된 속성을 복사할 수 있습니다. 트위닝된 속성은 새 대상 객체에 적용되지만 대상 객체의 위치는 변경되지 않습니다. 이 기능을 통해 새 대상 객체의 위치를 변경하지 않고 스테이지의 한 영역에 있는 트윈을 다른 영역의 객체에 적용할 수 있습니다.
- 복사할 트위닝된 속성이 포함된 트윈 범위를 선택합니다.
- 편집 > 타임라인 > 모션 복사를 선택합니다.
- 복사한 트윈을 받을 트윈 범위를 선택합니다.
- 편집 > 타임라인 > 모션 붙여넣기를 선택합니다.
- Animate에서 트위닝된 속성을 대상 트윈 범위에 적용하고 복사한 트윈 범위에 맞게 트윈 범위의 길이를 조정합니다.
모션 트윈을 액션 패널에 복사하거나 다른 프로젝트에서 ActionScript®로 사용하려면 ActionScript 3.0으로 모션 복사 명령을 사용하십시오.
모션 트윈 속성 복사하여 붙여넣기
선택한 프레임의 속성을 동일한 트윈 범위 또는 다른 트윈 범위의 다른 프레임에 복사할 수 있습니다. 이때 속성 값은 속성을 붙여넣을 당시 선택된 프레임에만 추가됩니다. 2D 위치 속성은 3D 트윈에 붙여넣을 수 없습니다.
이러한 지침에서는 환경 설정(편집 > 환경 설정)에서 범위에 따라 선택이 설정되어 있다고 가정합니다.
- 트윈 범위에서 단일 프레임을 선택하려면 Ctrl+Alt(Windows) 또는 Command+Option(Macintosh)을 누른 채로 프레임을 클릭합니다.
- 선택한 프레임을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)하고 컨텍스트 메뉴에서 속성 복사를 선택합니다.
- Ctrl+Alt(Windows) 또는 Command+Option(Macintosh)을 누른 상태에서 프레임을 클릭하여 복사한 속성을 받을 단일 프레임을 선택합니다. 대상 프레임은 트윈 범위에 있어야 합니다.
- 복사한 속성을 선택한 프레임에 붙여넣으려면 다음 중 하나를 수행합니다.
- 복사한 속성을 모두 붙여 넣으려면 선택한 대상 트윈 범위의 프레임을 마우스 오른쪽 버튼으로 클릭(Windows) 또는 Command-클릭(Macintosh)합니다. 컨텍스트 메뉴에서 [속성 붙여넣기]를 선택합니다.
- 복사한 속성을 일부만 붙여 넣으려면 선택한 대상 트윈 범위의 프레임을 마우스 오른쪽 버튼으로 클릭(Windows) 또는 Command-클릭(Macintosh)합니다. 컨텍스트 메뉴에서 [속성 선택하여 붙여넣기]를 선택합니다.
- 대화 상자가 나타나면 붙여 넣을 속성을 선택하고 확인을 클릭합니다.