고객지원센터

이전

매뉴얼

고객지원센터매뉴얼
게시글 검색
[디저애니메이터] 애니메이션 만들기 : 2) 애니메이션 마법사 - ③ 컨텐츠 블록 추가/수정/삭제/옵션
데브디저트 조회수:789
2017-02-16 11:24:42

컨텐츠 생성이 완료되셨나요?

애니메이션 마법사는 원하는 시간에 컨텐츠들이 나타나 있는 시간, 시작효과, 종료효과, 액션, 가속도를 제어할 수 있습니다.

이번 시간에는 블록설정에 대해 설명해드리겠습니다.

만약 컨텐츠 생성을 하지 않으셨다면 이전 단계의 게시글을 참고해 컨텐츠를 추가해 주세요.^^   ☞ 컨텐츠 추가하기

 


 

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

 

블록의 이동과 사이즈 조정은 1칸(0.1초) 단위로 가능합니다.

블록이 있는 부분이 미리보기, 설치시 해당 컨텐츠가 나타나는 부분입니다.

즉, 5칸(0.5초)~11칸(1.1초)에 블록이 있다면 미리보기 화면에서는 애니메이션이 시작되고 0초~0.4초까지는 해당 컨텐츠가 안나오고 0.5초~1.1초에 컨텐츠가 나타납니다. 1.2초부터 다시 사라집니다.

 

먼저 블록을 간단하게 수정하는 방법을 알려드릴게요~


1. 컨텐츠별 블록추가

한개의 이미지가 여러번 나오거나 움직이는 경우가 있겠죠?

컨텐츠 목록창에 있는 "+" 버튼을 클릭하면 마지막블록 뒤에 추가가 됩니다.

필자는 텍스트 이미지의 "+" 버튼을 눌러 블록을 추가했습니다.

 

(컨텐츠를 추가하면 기본적으로 1개 블록이 추가되어 있습니다. 컨텐츠당 최소 1개의 블록을 소유하고 있어야 합니다.)

 

꼭 뒤에만 블록이 생성되면 불편하겠죠? 애니메이션 마법사는 원하는 위치에도 블록을 생성할 수 있습니다^^

원하는 셀을 클릭하여 "+" 버튼을 클릭하시면 해당 셀의 시간부터 블록이 생성됩니다.

(단, 선택한 셀에서부터 7칸(0.7초)의 여유가 있을 경우에만 생성됩니다.)

"텍스트 컨텐츠" 의 30칸(3.0초)에 블록을 생성해 볼게요~

 

<"텍스트 이미지"의 30칸(3.0초)에 있는 셀을 클릭하여 선택>

 

<셀 선택 후 "+" 클릭>

참고) 블록 추가시 값지정

- 추가된 블록은 앞에 있는 블록의 종료지점값을 복사합니다.

- 추가된 블록 앞에 블록이 없을 경우 기본값이 지정됩니다.

 

 

2. 블록 시작시간, 사이즈 조정

블록의 시간조정(시작시간, 작동시간)은 드래그로 편리하게 수정이 가능합니다.

블록을 잡고 드래그하면 시작시간을 조정할 수 있어요~

"텍스트 컨텐츠" 의 35번째 칸(3.5초)에 있는 블록을 20번째 칸(2.0초)으로 움직여 볼까요?

 

 

이동을 시켰으니 이번엔 블록의 시간을 늘려보겠습니다.

사이즈 조정은 블록별로 좌우측에 화살표시("◀", "▶")가 있습니다. 화살표시를 클릭해서 드래그하면 블록의 시간을 늘리거나 줄일 수 있습니다.

(블록당 최소 시간은 7칸(0.7초)이며 최대시간은 제한이 없습니다.)

2.0초로 이동된 블록을 3.5초 까지 늘려 보도록 하겠습니다.

 

 

 

3. 블록 삭제

블록을 추가하고 수정하다보면 삭제할 일이 생기겠죠?

삭제할 블록을 클릭하고 키보드의 "delete" 키를 눌리면 해당블록은 삭제가 됩니다.

"텍스트 컨텐츠" 의 첫번째 블록을 삭제해 볼게요.

 

 

 

4. 블록 효과적용

나타나고 사라지는 효과만으로는 만족이 안되실거에요~

각 블록별로 액션 적용방법을 안내해 드릴게요^^

블록을 더블클릭하시면 블록 옵션이 나옵니다. 해당 팝업창에서는 시작효과, 종료효과, 액션, 가속도를 설정할 수 있어요~

 

(액션을 클릭하면 하단에 있는 액션 미리보기의 "Animation" 텍스트가 1번 동작합니다.)

 

시작효과와 종료효과는 점점 나타나고, 점점 사라지는 fade 효과가 적용됩니다.

참고) 시작효과, 종료효과의 동작시간 - 짧게 = 0.1초, 길게 = 0.3초

 

필자는 시작효과 = 길게, 종료효과 = 길게, 액션 = 회전, 가속도 = 점점빠르게를 선택하고 "저장" 버튼을 눌리겠습니다.

액션이 적용되면 블록의 색상이 변경됩니다.

 

(가속도는 블록에 표시되지 않습니다.)

※ 블록의 길이가 1.1초 이상이 되어야 액션이 동작을 합니다.

1.1초 ~ 2.0초 = 1회,  2.1초 ~ 3.0초 = 2회, 3.1초 ~ 4.0초 = 3회... 식으로 1초이상부터 1회씩 증가합니다.

(만약 1.8초짜리 블록에 액션을 회전으로 선택하면  1.8초 동안 한바퀴 회전합니다.)

 

저장을 하고 미리보기를 하시면 미리보기창에 "텍스트 컨텐츠"가 회전하는 모습을 확인할 수 있습니다.

그리고 컨텐츠가 처음 나타날때 0.3초동안 서서히 나타나는것과 사라질때 0.3초 동안 서서히 사라지는것을 확인할 수 있습니다. ^^

이번엔 블록 시간을 2.1초 이상 늘려서 미리보기를 해보세요~ 2번 회전하는걸 확인하실 수 있습니다.

클릭만으로 이미지를 회전시키고 나타나는효과, 사라지는효과를 적용해 보았습니다.

 

다음 글에서는 컨텐츠 블록별 좌표설정방법/블록별 크기조정, 타임라인기능에 대해 안내해 드릴게요~

 

☞ 블록별 좌표,크기 조정/타임라인기능 알아보기

댓글[0]

열기 닫기