안녕하세요. ^_^ 블렌드 포스팅은 정말 오랜만이네요..흐흐.. 오늘은 가속도를 이용하여 통통 튕기는 공을 만들어 보겠습니다.
1. 먼저 도형툴을 이용하여 공을 그려주세요.
 |
2. 그리고 그림자가 될 부분도 그려줍니다.
 |
3. 공과 그림자를 다 만들었다면 스토리보드를 하나 생성합니다.
 |
4. 0초, 1초, 2초, 3초, 4초가 되는 시점에 키프레임을 각각 생성합니다.
 |
5. 1초 지점에 플레이헤드를 놓고 공을 아래로 이동시킵니다.
 |
6. 공의 바닥에 닿으면서 살짝 찌그러지는 효과를 주기 위해서 Y스케일을 0.9로 해줍니다.
 |
7. 떨어지면서 공의 가속도가 붙도록 해야겠죠? 키프레임을 선택하고 KeySpline 곡선을 이용하여 가속도를 줍니다.
 |
8. 2초가 되는 시점에 플레이헤드를 놓고 공의 위치를 원래의 위치로 이동시킵니다.
 |
9. 이번에는 공이 위로 튀어오르면서 가속도가 떨어지게 됩니다. 키프레임을 선택한 후 KeySpline 곡선을 다음과 같이 조절합니다.
 |
10. 역시 찌그러졌던 공의 모양도 원래대로 돌아와야 하니 Y스케일을 다시 1로 만들어줍니다.
11. 3초, 4초, 5초가 되는 시점에 위와 같은 작업을 반복합니다.
12. 공에 대한 애니메이션을 다 만들었다면, 이번에는 그림자에 대한 애니메이션을 만들어야합니다. 공이 내려왔다가 튕겨 올라갈때의 느낌을 살리기 위해서요 ^_^ 0초에 플레이헤드를 놓고 X, Y의 스케일을 0.5, 0.5로 만들어줍니다. 공이 공중에 있을때는 그림자가 작게 나타나고 공이 지표면에 가까워질수록 그림자는 크게 나타나겠죠?
 |
13. 1초가 되는 시점에 그림자의 X, Y 스케일을 다시 1,1로 해줍니다. 2초, 3초, 4초에도 마찬가지로 스케일 변경을 해 주고, 가속도효과는 공과 같이 해줍니다.
 |
14. 스토리보드 작업을 완료하고 스토리보드를 실행하는 코드를 추가하도록 합니다.
|
namespace Ball { public partial class Page : UserControl { public Page() { // Required to initialize variables InitializeComponent(); sb_Animation.Begin(); } } } |
15. 저의 예제처럼 끊임없는 애니메이션을 넣고 싶다면 스토리보드를 선택 후 반복 횟수를 Forever로 해주세요 :)
 |
자~ 이렇게 공이 통통 튕겨집니다. ^_^
