디저애니메이터

움직이는 애니메이션을 누구나 쉽게 만들수 있는 애니메이션 제작 툴

이전 다음

매뉴얼

디저애니메이터매뉴얼
게시글 검색
[디저애니메이터] 애니메이션 만들기 : 2) 애니메이션 마법사 - ④ 블록별 좌표/크기조정, 타임라인
데브디저트 조회수:3253
2017-02-16 17:22:01

컨텐츠가 제자리에 있다면 애니메이션이 아니겠죠?^^

이번 게시글에서는 블록 이동관련과 크기조정에 대해 안내해 드릴려고 합니다.

그리고 타임라인의 편의기능에 대해 안내해 드릴거에요~

만약 블록 생성/수정/삭제, 블록 액션/효과 설정을 잘모르시겠다면 이 게시글을 참고해 블록을 추가해 주세요.   ☞ 블록 추가/수정 하기

 


 

<애니메이션 마법사 상단툴 명칭>


 

참고) 블록을 절반을 나눠서 좌측을 클릭하면 시작지점, 우측을 클릭하면 종료지점으로 타임라인이 이동합니다.


1. 블록별 좌표 설정

그럼 이제 같이 좌표설정을 해볼까요?

블록을 클릭하면 타임라인이 움직이고 해당 시간의 장면이 장면편집창에 출력됩니다.

필자는 따봉컨텐츠의 첫번째 블록을 클릭하고 장면편집창에서 컨텐츠를 클릭하였습니다. 

 

<블록 클릭 후 장면편집창에서 컨텐츠 클릭>

 

 

장면편집창에서 컨텐츠를 클릭하면 시작지점과 종료지점 좌표설정이 가능하게되고 위의 이미지처럼 버튼 4개가 활성화가 됩니다.

 - 시작지점 선택버튼

 - 종료지점 선택버튼

 - 종료지점을 시작지점의 좌표, 크기 동일하게 리셋버튼

 - 블록 옵션 팝업 버튼 (현재 선택된 블록의 옵션을 변경 하실 수 있습니다.)

 

여기서 잠깐!

시작 지점과 종료지점의 선택방법을 안내해 드릴게요~

좌표설정을 시작하면 시작이미지와 종료이미지로 2개로 나뉘어 지는데 시작좌표, 종료좌표가 같을 경우 컨텐츠를 드래그 하시면 같이 이동됩니다.

컨텐츠에서 시작 버튼(  )을 클릭한 상태로 드래그 하시면 시작지점만 따로 이동이 가능하며 시작지점의 좌표가 변경됩니다. (종료 버튼(  )을 클릭한 상태로 드래그 하시면 종료지점만 따로 이동이 가능합니다.)

배경을 드래그하여 두개 같이 선택할 수 있습니다.

 

참고) 컨텐츠가 추가되면 시작지점과 종료지점이 같은 좌표를 가지고 있습니다.

 

다시 돌아와서 이동을 해볼게요~

필자는 시작 버튼(  )을 드래그하여 시작지점를 이동시켜 보겠습니다.

이동이 완료되면 아래의 이미지와 같이 시작지점과 종료지점 사이에 해당블록의 진행방향이 표시됩니다.

그리고 시작지점과 종료지점의 좌표가 다를 경우 블록에   와 같이 화살표 표시가 생깁니다.

 

저장을 하고 미리보기 화면을 보시면 우측에서 좌측으로 이동되는 따봉 이미지를 확인할 수 있습니다.

 

[shift] 키를 누르고 드래그를 하면 기존의 자리가 기준이 되어 상하좌우 직선으로 이동합니다.

또는 컨텐츠를 선택하고 방향키를 이용해 1px씩 이동 할 수 있어요.

이때 키보드 [Shift] 키를 누르고 방향키를 사용하면 10px씩 이동합니다^^

만약 종료지점을 시작지점과 다시 동일하게 설정하시고 싶으시다면 드래그로 이동할 필요 없이  버튼을 클릭하여 리셋시키시면 됩니다.

 

2. 블록별 크기 설정

블록 좌표설정과 마찬가지로 블록 시작지점과 종료지점의 크기를 각각 조정할 수 있습니다.

컨텐츠를 클릭하면 우측 하단에 흰색 네모가 있습니다. 흰색 네모를 클릭하여 드래그하면 사이즈를 조정할 수 있습니다. 

  

필자는 시작지점의 사이즈를 조정하였습니다.

저장하고 미리보기를 하시면 따봉이미지는 좌측으로 이동하면서 사이즈가 점점 늘어나는 것을 확인할 수 있습니다.

배경을 드래그로 같이 선택한 다음 사이즈 조정을 하시면 같이 조정됩니다.

 

3. 타임라인기능

타임라인이 있는 위치에 따라 해당시간의 장면을 장면편집창의 출력이 변동이 됩니다.

(장면편집창에서는 가속도, 블록액션은 출력되지 않습니다.)

좌표설정은 타임라인에 시작지점과 종료지점이 포함되어 있는 블록만 가능합니다.

 

타임라인이 5에 있다면 애니메이션이 시작된 0.5초 후의 동작화면을 나타냅니다.

아래의 이미지를 보시면 시작지점이 포함된 블록이 1개(텍스트 이미지), 종료지점이 포함된 블록이 1개(따봉 이미지), 시작과 종료지점이 포함되지 않는 블록 1개(연필이미지) 총 3개의 블록이 타임라인에 있습니다.

즉, 따봉컨텐츠와 텍스트 컨텐츠는 블록 좌표설정이 가능한 상태이고 나머지 연필컨텐츠와 선물상자 컨텐츠는 블록 좌표설정이 불가능한 상태입니다.

좌표설정이 불가능한 컨텐츠(연필)는 장면 편집창에서 반투명으로 출력되고 타임라인에 블록이 포함되지 않은 컨텐츠(선물상자)의 경우 출력되지 않습니다.

 

 

타임라인의 빨간네모부분을 드래그를 하면 이동할 수 있습니다.

타임라인을 빨간네모부분을 클릭하면 빨간네모부분이 녹색네모로 변경됩니다. 이때 좌우방향키를 이용해 1칸씩(0.1초씩) 이동이 가능합니다.

 

타임라인을 5로 이동시켜 화면을 확인해보겠습니다.

따봉의 첫번째 블록이 타임라인에 포함되어있고 시작지점과 종료지점의 좌표가 다른 블록입니다.

아래의 이미지를 보시면 따봉블록이 우측으로 조금 이동되고 비활성화 되어 있습니다.

그리고 시작지점이 포함된 연필컨텐츠가 활성화 되었습니다.

 

 

미리보기를 계속 확인할 필요없이 편집툴에서 바로 확인이 되는 디저애니메이터!

다음 게시물에서는 편집툴의 편의기능에 대해 안내해 드릴게요~

 

☞ 편의기능 알아보기

댓글[0]

열기 닫기