- 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에서 펜 도구를 사용하는 방법을 보여 줍니다.
펜 도구 드로잉 상태
[펜 도구]는 다양한 포인터를 표시하여 현재 드로잉 상태에 대한 피드백을 제공합니다. 여러 가지 드로잉 상태는 다음 포인터로 표시됩니다.
초기 앵커 포인트 포인터
[펜 도구]를 선택할 때 처음 표시되는 포인터입니다. 다음에 스테이지를 마우스로 클릭하면 새 패스의 시작 위치인 초기 앵커 포인트가 만들어짐을 나타냅니다. 새 패스는 모두 초기 앵커 포인트로 시작합니다. 기존의 드로잉 패스는 모두 종료됩니다.
연속 앵커 포인트 포인터
다음에 마우스를 클릭하면 이전 앵커 포인트에 연결된 선으로 앵커 포인트가 만들어짐을 나타냅니다. 이 포인터는 패스의 초기 앵커 포인트를 제외한 모든 사용자 정의 앵커 포인트를 만드는 동안 표시됩니다.
앵커 포인트 추가 포인터
다음에 마우스를 클릭하면 앵커 포인트가 기존 패스에 추가됨을 나타냅니다. 앵커 포인트를 추가하려면 패스를 선택해야 하고 [펜 도구]가 기존 앵커 포인트 위에 있지 않아야 합니다. 기존 패스는 추가 앵커 포인트에 따라 다시 그려집니다. 앵커 포인트는 한 번에 하나씩만 추가할 수 있습니다.
앵커 포인트 삭제 포인터
다음에 기존 패스를 마우스로 클릭하면 앵커 포인트가 제거됨을 나타냅니다. 앵커 포인트를 제거하려면 [선택 도구]로 패스를 선택해야 하고 포인터가 기존 앵커 포인트 위에 있어야 합니다. 기존 패스는 앵커 포인트 제거 작업에 따라 다시 그려집니다. 앵커 포인트는 한 번에 하나씩만 제거할 수 있습니다.
패스 계속 포인터
기존 앵커 포인트에서 새 패스를 확장합니다. 이 포인터를 활성화하려면 마우스가 패스의 기존 앵커 포인트 위에 있어야 합니다. 이 포인터는 현재 패스를 그리고 있지 않은 경우에만 사용할 수 있습니다. 앵커 포인트는 패스의 끝 앵커 포인트 중 하나일 필요가 없으며 어느 앵커 포인트나 연속된 패스 위치가 될 수 있습니다.
패스 닫기 포인터
패스의 시작 포인트에 그리고 있는 패스를 닫습니다. 현재 그리고 있는 패스만 닫을 수 있으며 기존 앵커 포인트는 같은 패스의 시작 앵커 포인트여야 합니다. 결과 패스의 막힌 모양에는 특정 채움 색상 설정이 적용되지 않으며 채움 색상을 별도로 적용해야 합니다.
패스 연결 포인터
[패스 닫기 도구]와 비슷하지만 마우스가 같은 패스의 초기 앵커 포인트 위에 있지 않아야 합니다. 이 포인터는 고유한 패스의 끝 포인트 중 하나 위에 있어야 합니다. 선분은 선택하거나 선택하지 않을 수 있습니다.
참고: 경로를 결합하면 닫힌 모양이 생기거나 생기지 않을 수 있습니다.
베지어 핸들 취소 포인터
마우스를 베지어 핸들이 표시된 앵커 포인트 위에 두면 표시됩니다. 마우스를 클릭하면 베지어 핸들이 축소되고 앵커 포인트의 곡선 패스가 직선 선분으로 되돌려집니다.
앵커 포인트 변환 포인터
방향선이 없는 꼭지점을 독립적인 방향선이 있는 꼭지점으로 변환합니다. 앵커 포인트 변환 포인터를 활성화하려면 Shift+C 수정자 키를 사용하여 [펜 도구]로 전환합니다.
[펜] 도구에 대한 비디오 자습서는www.adobe.com/go/vid0120_kr을 참조하십시오.
펜 도구로 직선 그리기
[펜 도구]로 그릴 수 있는 가장 단순한 패스는 직선으로, [펜 도구]를 클릭하면 두 개의 앵커 포인트가 만들어지면서 직선이 그려집니다. [펜 도구]를 계속 클릭하면 직선 선분이 꼭지점으로 연결된 패스를 만들 수 있습니다.
-
[펜 도구] 를 선택합니다.
-
직선 선분을 시작하려는 위치에 [펜 도구]를 놓은 다음 클릭하여 첫 번째 앵커 포인트를 정의합니다. 방향선이 나타나면 [펜 도구]를 실수로 드래그한 것이므로 [편집] > [실행 취소]를 선택하고 다시 클릭합니다.
[환경 설정] 대화 상자의 [드로잉] 범주에서 [펜 미리 보기 표시]를 지정하지 않은 경우, 첫 번째로 그린 선분은 두 번째 고정점을 클릭할 때까지 표시되지 않습니다.
-
선분을 끝낼 위치를 다시 클릭합니다. 선분의 각도를 45°의 배수로 제한하려면 Shift 키를 누른 상태에서 클릭합니다.
-
다른 직선 선분의 앵커 포인트를 설정하려면 계속 클릭합니다.
-
패스를 열린 모양 또는 닫힌 모양으로 완성하려면 다음 중 하나를 수행합니다.
열린 패스를 완성하려면 마지막 점을 두 번 클릭한 다음 [도구] 패널에서 [펜 도구]를 클릭합니다. 또는 패스 이외의 부분을 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 클릭해도 됩니다.
패스를 닫으려면 [펜 도구]를 첫 번째(빈) 앵커 포인트 위로 가져갑니다. 위치가 올바르게 지정되면 [펜 도구] 포인터 옆에 작은 동그라미가 나타납니다. 마우스를 클릭하거나 드래그하여 패스를 닫습니다.
그려진 모양대로 완성하려면 [편집] > [전체 선택 해제]를 선택하거나 [도구] 패널에서 다른 도구를 선택합니다.
펜 도구로 곡선 그리기
곡선을 만들려면 곡선 방향을 바꿀 위치에 앵커 포인트를 추가한 다음 곡선의 모양을 형성할 방향선을 드래그합니다. 방향선의 길이와 경사에 따라 곡선의 모양이 정해집니다.
되도록 적은 수의 앵커 포인트를 사용하여 곡선을 그릴 경우 곡선을 보다 쉽게 편집할 수 있으며 시스템에서 더 빠르게 표시하고 인쇄할 수 있습니다. 너무 많은 포인트를 사용하면 곡선에서 원하지 않게 튀어나오는 부분이 생길 수 있습니다. 따라서 간격을 넓게 하여 앵커 포인트를 그리고 방향선의 길이와 각도를 조정하여 곡선의 모양을 만드는 것이 좋습니다.
-
[펜 도구] 를 선택합니다.
-
곡선을 시작하려는 위치에 [펜 도구]를 놓은 다음 마우스 버튼을 누릅니다.
첫 번째 앵커 포인트가 나타나고 [펜 도구] 포인터가 화살표로 바뀝니다. Photoshop에서 포인터는 드래그를 시작한 후에만 바뀝니다.
-
곡선 선분을 드래그하여 만들고 있는 곡선 선분의 경사를 설정한 다음 마우스 버튼을 놓습니다.
일반적으로 그리려는 다음 앵커 포인트까지의 거리의 1/3 정도 방향선을 늘립니다. 방향선의 한쪽 또는 양쪽 모두를 나중에 조정할 수 있습니다.
도구의 이동을 45°의 배수로 제한하려면 Shift 키를 누른 상태에서 드래그합니다.
A. 펜 도구 위치 지정 B. 마우스 버튼을 누른 상태에서 드래그하기 시작 C. 드래그하여 방향선 늘리기.
-
곡선 선분을 끝내려는 위치에 [펜 도구]를 놓은 후 다음 중 하나를 수행합니다.
C자 모양의 곡선을 만들려면 이전 방향선과 반대 방향으로 드래그한 다음 마우스 버튼을 놓습니다.
S자 모양의 곡선을 만들려면 이전 방향선과 같은 방향으로 드래그한 다음 마우스 버튼을 놓습니다.
-
일련의 매끄러운 곡선을 만들려면 다양한 위치에서 [펜 도구]를 계속 드래그합니다. 곡선의 끝이 아니라 각 곡선의 시작 및 끝에 앵커 포인트를 놓습니다.
기준점의 방향선을 꺾으려면 Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 채 방향선을 드래그합니다.
-
패스를 완성하려면 다음 중 하나를 수행합니다.
패스를 닫으려면 [펜 도구]를 첫 번째(빈) 앵커 포인트 위로 가져갑니다. 위치가 올바르게 지정되면 [펜 도구] 포인터 옆에 작은 동그라미가 나타납니다. 마우스를 클릭하거나 드래그하여 패스를 닫습니다.
패스를 열어 둔 상태로 두려면 모든 객체 이외의 부분을 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 클릭하고 다른 도구를 선택하거나 [편집] > [전체 선택 해제]를 선택합니다.
앵커 포인트 추가 또는 삭제
앵커 포인트를 추가하여 패스를 보다 효과적으로 제어하거나 열린 패스를 연장할 수 있습니다. 그러나 필요 이상으로 많은 포인트를 추가하지 않는 것이 좋습니다. 패스에 포인트가 적을수록 편집, 표시 및 인쇄가 쉬워집니다. 패스를 보다 간단하게 만들려면 불필요한 포인트는 삭제하십시오.
도구 상자에는 포인트를 추가 또는 삭제할 때 사용할 수 있는 [펜 도구] , [앵커 포인트 추가 도구] , [앵커 포인트 삭제 도구] 가 포함되어 있습니다.
기본적으로 [펜 도구]는 선택한 패스 위에 둘 경우 [앵커 포인트 추가 도구]로 바뀌고 앵커 포인트 위에 둘 경우 [앵커 포인트 삭제 도구]로 바뀝니다.
앵커 포인트를 삭제할 때 Delete 키, 백스페이스 키 및 Clear 키를 사용하거나 [편집] > [오리기] 또는 [편집] > [지우기] 명령을 사용하지 마십시오. 이러한 키 또는 명령을 사용하면 해당 점에 연결된 점과 선분이 삭제됩니다.
-
수정할 패스를 선택합니다.
-
[펜 도구] 를 마우스 버튼으로 클릭하여 누른 상태에서 [펜 도구] , [앵커 포인트 추가 도구] 또는 [앵커 포인트 삭제 도구] 를 선택합니다.
-
앵커 포인트를 추가하려면 패스 선분 위에 포인터를 놓고 클릭합니다. 앵커 포인트를 삭제하려면 앵커 포인트 위에 포인터를 놓고 클릭합니다.
패스의 앵커 포인트 조정
[펜 도구]를 사용하여 곡선을 그릴 때는 둥근점, 즉 연속된 곡선 패스에 있는 앵커 포인트를 만듭니다. 곡선 선분에 연결된 직선이나 직선 선분을 그릴 때는 꼭지점, 즉 직선 패스에 있거나 직선 패스와 곡선 패스의 접점에 있는 앵커 포인트를 만듭니다.
기본적으로 선택한 둥근점은 속이 빈 원형으로 나타나고, 선택한 꼭지점은 속이 빈 정사각형으로 나타납니다.
앵커 포인트 이동 또는 추가
앵커 포인트를 이동하려면 [세부 선택 도구] 로 포인트를 드래그합니다.
앵커 포인트를 조금씩 이동하려면 [세부 선택 도구]로 포인트를 선택하고 화살표 키를 사용하여 해당 포인트를 이동합니다. 여러 포인트를 한꺼번에 선택하려면 Shift 키를 누른 상태에서 포인트를 클릭합니다.
앵커 포인트를 추가하려면 [펜 도구]로 선분을 클릭합니다. 더하기(+) 기호가 [펜 도구] 옆에 나타나면 앵커 포인트를 선택한 선분에 추가할 수 있습니다. 선분을 아직 선택하지 않은 경우에는 [펜 도구]로 클릭하여 선택한 다음 앵커 포인트를 추가합니다.
앵커 포인트 삭제
곡선 패스에서 필요하지 않은 앵커 포인트를 삭제하면 곡선이 최적화되어 결과 SWF 파일 크기가 작아집니다.
꼭지점을 삭제하려면 [펜 도구]로 포인트를 한 번 클릭합니다. 빼기(-) 기호가 [펜 도구] 옆에 나타나면 앵커 포인트를 선택한 선분에서 삭제할 수 있습니다. 선분을 아직 선택하지 않은 경우에는 [펜 도구]로 클릭하여 선택한 다음 앵커 포인트를 삭제합니다.
둥근점을 삭제하려면 [펜 도구]로 점을 한 번 클릭합니다. 빼기(-) 기호가 [펜 도구] 옆에 나타나면 앵커 포인트를 선택한 선분에서 삭제할 수 있습니다. 선분을 아직 선택하지 않은 경우에는 [펜 도구]로 클릭하여 선택한 다음 꼭지점을 삭제합니다. 한 번 클릭하면 포인트가 꼭지점으로 변환되고 한 번 더 클릭하면 포인트가 삭제됩니다.
직선과 곡선 간 선분 변환
한 선에 있는 여러 선분을 직선 선분에서 곡선 선분으로 변환하려면 꼭지점을 둥근점으로 변환합니다. 또한 반대로 변환할 수 있습니다.
꼭지점을 둥근점으로 변환하려면 [세부 선택 도구]로 점을 선택한 다음 Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 상태에서 해당 점을 드래그하여 접선 핸들을 배치합니다.
둥근점을 꼭지점으로 변환하려면 [펜 도구]로 점을 클릭합니다. 포인터 옆에 있는 캐럿(^) 표시자는 커서가 둥근점 위에 있음을 나타냅니다.
선분 조정
선분의 각도 또는 길이를 변경하거나 곡선 선분을 조정하여 곡선의 경사 또는 방향을 변경하려면 직선 선분을 조정합니다.
둥근점의 접선 핸들을 이동하면 점 양쪽의 곡선이 조정됩니다. 꼭지점의 접선 핸들을 이동하면 접선 핸들과 같은 쪽에 있는 곡선만 조정됩니다.
직선 선분을 조정하려면 [세부 선택 도구] 를 선택한 다음 직선 선분을 선택합니다. [세부 선택 도구]를 사용하여 선분의 앵커 포인트를 새 위치로 드래그합니다.
곡선 선분을 조정하려면 [세부 선택 도구]를 선택한 다음 해당 선분을 드래그합니다.
참고: 경로를 클릭하면 Animate에 앵커 포인트가 표시됩니다. [세부 선택 도구]로 선분을 조정하면 패스에 포인트가 추가될 수 있습니다.
곡선의 포인트나 접선 핸들을 조정하려면 [세부 선택 도구]를 선택한 다음 곡선 선분의 앵커 포인트를 선택합니다.
앵커 포인트 양쪽의 곡선 모양을 조정하려면 앵커 포인트를 드래그하거나 접선 핸들을 드래그합니다. 곡선을 45º의 배수로 제한하려면 Shift 키를 누른 상태에서 마우스를 드래그합니다. 접선 핸들을 개별적으로 드래그하려면 Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 상태에서 드래그합니다.
펜 도구 환경 설정
[펜 도구] 포인터의 모양, 그릴 때 표시되는 미리 보기 선분 및 선택한 앵커 포인트의 모양에 대한 환경 설정을 지정합니다. 선택한 선분과 앵커 포인트는 해당 선 및 포인트가 표시되는 레이어의 외곽선 색상을 사용합니다.
-
[펜] 도구 를 선택한 다음 [편집] > [환경 설정](Windows) 또는 [Animate] > [환경 설정](Macintosh)을 선택합니다.
-
[범주] 목록에서 [드로잉]을 선택합니다.
-
[펜 도구]에 대한 다음과 같은 옵션을 설정합니다.
펜 미리 보기 표시
그리면서 선분을 미리 볼 수 있습니다. 스테이지에서 포인터를 이동하면서 마우스를 클릭하여 선분의 끝점을 만들기 전까지 미리 보기 선분이 표시됩니다. 이 옵션을 선택하지 않으면 끝점을 만들 때까지 선분이 나타나지 않습니다.
채워진 점으로 표시
선택한 앵커 포인트를 속이 빈 점으로 표시하고 선택하지 않은 앵커 포인트는 채워진 점으로 표시합니다. 이 옵션을 선택하지 않으면 선택한 앵커 포인트는 채워진 점으로 표시되고 선택하지 않은 앵커 포인트는 속이 빈 점으로 표시됩니다.
정밀 커서 표시
선을 보다 정확한 위치에 나타내기 위해 [펜 도구] 포인터를 기본 [펜 도구] 아이콘 대신 십자 모양 포인터로 표시하도록 지정합니다. [펜 도구]를 사용할 때 기본 [펜 도구] 아이콘을 표시하려면 이 옵션을 선택 취소합니다.
참고: 십자 모양 포인터와 기본 [펜 도구] 아이콘 사이를 전환하려면 Caps Lock 키를 누릅니다.
-
[확인]을 클릭합니다.