애니메이션 따라하기-15

Designer

애니메이션 따라하기-15

관리자 0 4977


애니메이션 따라하기

 

            페이지에 이동, 크기 변화, 회전, 면 색상 변화, 선 색상 변화, 면 투명도, 출몰, 점멸에 사용할 객체를 작화한다.   

            버튼으로 사용할 객체를 작화한다.

            Tag Explorer 창에 마우스 우측버튼을 클릭한다.

n Digital tag를 선택하여 digita_1 tag를 생성한다.

            버튼 객체를 더블클릭한다.

n Action: Click – Tag Value로 선택한다.

n Mouse: Button left로 선택한다.

n Tag

Mode: Normal을 선택한다.

Tag: Digital_1을 선택한다.

Value: False를 선택한다.

n Effects를 추가한다.

Visible를 선택한다.

w Tag: Digital_1을 선택한다.

w Condition: 같음(==)을 선택한다.

w Value: True를 선택한다.

            애니메이션을 적용할 각 객체의 속성을 변경한다.

            Animation Editor Conditions에서 ecd4c23525399c76e217b6281f158cc1_1513751924_6841.png 아이콘을 클릭한다.

n Tag: Digital_1 tag를 선택한다.

n Condition: 같음(==)을 선택한다.

n Value: True를 선택한다.

76f3b6d1317af4d40277bd87ed5f9e0f_1515387904_0266.png 

n OK버튼을 클릭한다.

            이동 애니메이션 효과를 적용할 객체를 선택한다.

            Effects에서 ecd4c23525399c76e217b6281f158cc1_1513751924_6841.png 아이콘을 클릭한다.

            ecd4c23525399c76e217b6281f158cc1_1513752004_545.png 이동을 선택한다.

            효과를 설정한다.

n X: 50을 입력한다.

n Y: 50을 입력한다.

            실행 시간을 설정한다.

n Start를 설정한다.

Begin을 선택한다.

n Delay: 지연 시간을 2초로 설정한다.

n Speed: 효과가 동작하는 시간을 1초로 설정한다.

n Repeat: 반복 횟수를 1로 설정한다. “0”이면 무한반복을 한다.

n Auto Reverse Rewind는 체크하지 않는다.

            OK 버튼을 클릭 한다.

            크기, 회전, 면색상 변화, 선색상 변화, 면투명도, 출몰, 점멸 애니메인션 효과를 적용할 객체를 선택한다

              (영상에 포함되어 있지 않은 투명도 및 선 투명도의 설정도 동일

n ~ ⑪ 과 동일한 방식으로 설정을한다.

n 효과에 따라 적용하는 값은 상이하다.

크기: Width Height를 각 50으로 설정한다.

회전: 360도로 설정한다.

면색상: 청색으로 설정한다.

선색상: 흑색으로 설정한다.

면투명도: 불투명도를 -1로 설정한다.

출몰: True로 설정한다.

점멸: 실행시간만 변경한다.

            작화한 프로젝트를 저장 후 실행한다.

n View메뉴의 Tag Status를 선택한다.

            Digital 객체를 클릭한다

n Digital 버튼 객체의 색이 변경된다.

n Tag Value False True로 변경된다.

n 순차적으로 객체에 적용한 애니메이션 효과가 발생한다.

[이 게시물은 관리자님에 의해 2018-03-02 11:02:25 Practice에서 이동 됨]
0 Reply Comment
Title