- 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 작업
- 애니메이션의 빠른 공유 및 게시
- 문제 해결
타임라인 및 라이브러리 구성
타임라인의 프레임과 레이어에서 에셋의 위치를 볼 수 있으며 문서 작동 방식을 결정할 수 있습니다. 타임라인과 라이브러리의 설정 및 사용 방법은 전체 FLA 파일과 그 사용성에 전반적인 영향을 미칩니다. 다음 지침을 따르면 FLA 문서 내용을 효율적으로 제작할 수 있으며 FLA 문서를 사용하는 다른 제작자도 문서 구조를 쉽게 이해할 수 있습니다.
각 레이어에 알아보기 쉬운 직관적인 레이어 이름을 지정하고 관련 에셋은 한 위치에 저장합니다. 기본 레이어 이름(예: 레이어 1, 레이어 2)을 사용하지 마십시오.
각 레이어나 폴더의 이름을 지정할 때 그 내용이나 목적을 명확하게 나타내는 이름을 지정합니다.
해당되는 경우, 타임라인에서 ActionScript가 포함된 레이어 또는 프레임 레이블의 레이어는 레이어 스택의 맨 위에 배치합니다. 예를 들어, ActionScript 액션이 포함된 레이어에 이름을 지정합니다.
코드와 레이블이 포함된 레이어를 쉽게 찾을 수 있도록 레이어 폴더를 사용하여 비슷한 레이어를 그룹화 및 구성합니다.
사용하지 않거나 수정하지 않을 레이어는 잠급니다. 심볼 인스턴스 또는 미디어 에셋이 ActionScript 레이어에 배치되지 않도록 ActionScript 레이어는 바로 잠급니다.
ActionScript를 포함하는 레이어에 인스턴스나 에셋을 배치하지 마십시오. 인스턴스나 에셋을 배치하면 스테이지의 에셋과 이를 참조하는 ActionScript 간에 충돌이 발생할 수 있습니다. 따라서 모든 코드를 고유한 액션 레이어 위에 유지하고 만든 후에는 잠급니다.
코드에서 프레임을 참조하는 경우 ActionScript 코드에서 프레임 번호를 사용하는 대신에 FLA 파일에서 프레임 레이블을 사용합니다. 나중에 타임라인을 편집할 때 이러한 프레임이 변경될 경우 프레임 레이블을 사용하면 타임라인에서 이동해도 코드 내의 참조를 변경할 필요가 없습니다.
라이브러리 폴더를 사용합니다.
라이브러리에서 폴더를 사용하여 한 FLA 파일 내의 심볼이나 미디어 에셋과 같이 비슷한 요소는 서로 분류하여 구성합니다. 파일을 만들 때마다 라이브러리 폴더의 이름을 일관성 있게 지정하면 에셋을 저장한 위치를 훨씬 쉽게 기억할 수 있습니다. 일반적으로 사용되는 폴더 이름에는 Buttons, MovieClips, Graphics, Assets, Components 등이 있으며 Classes도 가끔 사용됩니다.
장면 사용
장면을 사용하는 것은 더 큰 프레젠테이션을 만들기 위해 여러 SWF 파일을 사용하는 것과 비슷합니다. 각 장면마다 타임라인이 있어 재생 헤드가 장면의 마지막 프레임에 도달하면 다음 장면으로 넘어 갑니다. SWF 파일을 제작할 때 각 장면의 타임라인은 하나의 타임라인으로 결합됩니다. SWF 파일이 컴파일된 후에는 마치 장면 하나를 사용하여 FLA 파일을 만든 것처럼 작동합니다. 이러한 동작 때문에 장면을 사용하는 것은 다음과 같은 이유로 좋지 않습니다.
장면을 사용하면 문서를 편집할 때 혼란스러울 수 있습니다. 특히 제작자가 여러 명인 경우 더욱 그렇습니다. FLA 문서를 사용하는 작업자는 누구든지 코드와 에셋을 찾기 위해 FLA 파일 내에서 여러 장면을 검색해야 합니다. 장면을 사용하는 대신 내용을 로드하거나 동영상 클립을 사용하십시오.
장면을 사용하면 종종 SWF 파일이 커집니다.
장면을 사용할 경우 사용자는 실제로 보거나 사용할 에셋만 로드하는 것이 아니라 전체 SWF 파일을 점진적으로 다운로드해야 합니다. 장면을 사용하지 않는다면 SWF 파일이 진행되는 동안 다운로드할 내용을 조정할 수 있습니다. 또한 다운로드할 내용의 양을 조정할 수 있으므로 대역폭 관리에 도움이 됩니다. 그러나 이 경우 더 많은 수의 FLA 문서를 관리해야 한다는 단점이 있습니다.
ActionScript와 장면을 결합하면 예기치 않은 결과가 나타날 수 있습니다. 각 장면 타임라인이 하나의 타임라인으로 압축되므로 ActionScript 및 장면과 관련된 오류가 발생할 수 있습니다. 이러한 오류를 해결하려면 일반적으로 복잡한 추가 디버깅 작업이 필요합니다.
긴 애니메이션을 만드는 경우 장면을 사용하는 것이 유리할 수 있습니다. 그러나 이러한 단점이 적용되는 경우에는 문서에 장면을 사용하는 대신 여러 FLA 파일 또는 동영상 클립을 사용하여 애니메이션을 만드는 것이 좋습니다.
파일 저장 및 버전 관리
FLA 파일을 저장할 때는 일관된 이름 지정 체계를 문서에 사용합니다. 특히 한 프로젝트를 여러 버전으로 저장하는 경우 더욱 중요합니다.
프로젝트 패널은 Animate에서 더 이상 사용되지 않습니다.
FLA 파일을 만드는 동안 하나의 FLA 파일만 사용하고 다른 버전을 저장하지 않을 경우 문제가 발생할 수 있습니다. FLA 파일에 저장된 작업 내역으로 인해 파일 크기가 커질 수도 있고, 다른 소프트웨어와 마찬가지로 작업하는 동안 파일이 손상될 수도 있습니다.
개발하면서 여러 버전을 저장한다면 이전 버전을 사용하여 원하는 내용으로 되돌아갈 수 있습니다.
자신만 알 수 있는 이름이 아니라 읽기 쉽고 직관적이며 온라인에 적합한 이름을 지정합니다.
공백이나 특수 문자가 포함된 이름이나 대문자로만 된 이름은 사용하지 마십시오.
이름에는 문자, 숫자, 대시 및 밑줄만 사용합니다.
한 파일의 여러 버전을 저장하는 경우 menu01.swf, menu02.swf 등의 일관된 번호 체계를 사용합니다.
일부 서버 소프트웨어에서는 대/소문자를 구분하므로 이름 지정 체계에서 모두 소문자를 사용하는 것이 좋습니다.
파일 이름을 지정할 때 명사-동사 또는 형용사-명사 조합을 사용하는 이름 지정 체계를 쓰는 것이 좋습니다(예: classplanning.swf 및 myproject.swf).
광범위한 프로젝트를 만드는 경우 다음 방법을 사용하여 FLA 파일의 새 버전을 저장합니다.
[파일] > [다른 이름으로 저장]을 선택하고 문서의 새 버전을 저장합니다.
버전 관리 소프트웨어 또는 [프로젝트] 패널을 사용하여 Animate 문서를 제어합니다.
프로젝트 패널은 Animate에서 더 이상 사용되지 않습니다.
버전 관리 소프트웨어를 사용하여 FLA 파일을 백업하지 않는 경우 프로젝트에 중요한 변경 사항이 있을 때마다 [다른 이름으로 저장]을 사용하여 새 이름으로 파일을 저장해야 합니다.
대다수 소프트웨어 패키지에서 파일 버전을 관리할 수 있습니다. 버전 관리를 통해 팀에서 더욱 효율적으로 작업할 수 있으며 파일을 덮어쓰거나 이전 버전의 문서로 작업하는 등의 오류를 줄일 수 있습니다. 다른 문서와 마찬가지로, 이러한 프로그램을 사용하여 Animate 외부에서 Animate 문서를 구성할 수 있습니다.