본문 바로가기

블랜드 애니메이션

7월28일 5주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 안녕하세요, 벌써 5주차가 끝나고 마지막 주를 남겨두고 있습니다. 이번주는 애니메이션에 대해서 진행하였는데요, 이번주는 블랜드 애니메이션에 대한 특성을 살펴보았습니다. 언제부터인가 디자이너를 위한 스터디에 디자이너는 없어지고 개발자분들께서 더 흥미 있어 하시는 것 같았습니다.ㅎㅎ 앗, 그리고 또 프로그램 영상 캡쳐 실패 OTL (캠코더로는 얼굴만 찍고 화면 캡쳐프로그램으로 하려다가 애니메이션이 버벅거려서 제가 모르고 확 꺼버린) 뭐 매번 촬영하는데 잘 나오는 경우가 없습니다. . 쩝, , , 블랜드에서는 첫째로 스토리보드를 한 파일에 여러개를 만들 수 있고 동시에 실행시킬 수도 있습니다. 그리고 여러가지 특성에 대해서 말씀을 드렸습니다. 이번 시간에 한 것은 파일을 첨부하도록 하겠습니다. 첨부, 이번에는.. 더보기
[Expression Blend WPF강좌] 간단한 애니메이션 만들기- (2 스마일 공 튀기기) 이어서 애니메이션 진행하겠습니다. 저번 강좌에서 공이 어떻게 움직이는 지에 대한 애니메이션 강좌를 했는데요. 그것을 참고로 하여 공을 좀 더 수정해보겠습니다. 1) 애니메이션이 녹화되어 있는 상태에서 반드시 시작한다는 것을 잊지 마세요 :) 타임라인에 찍혀 있는 하얀 키를 클릭하면 옆의 속성 창이 바뀌는 것을 보실 수 있습니다. 옆의 창은 속성 및 가속/감속 같은 그래프가 있는데요. 바로 이 그래프를 이용해서 가/감속을 하게 됩니다. 공이 튀겨서 올라가는 1초/3초/5초의 키를 수정하게 될 건데요. 먼저 1초 키를 누른 상태에서, 그래프 오른쪽 맨 위에 있는 포인트를 다음그림과 같이 휘어줍니다. 공이 처음에 튀겨 올라갈 때는 속도가 빠르다가, 점점 올라가면서 속도가 느려지기 때문에 이런 그래프가 나오게 .. 더보기
[Expression Blend WPF강좌] 간단한 애니메이션 만들기- (1 스마일 공 튀기기) 전 강좌에서는 무비클립과 비슷한 역할을 하는 UserControl을 해보았고, 편리한 바인딩 기능이 있는 버튼까지 만들어 보았습니다 :-0 이번 강좌에서는 애니메이션에 대해서 다루어봅니다. 일단 전 강좌에서 유저컨트롤로 만들었던 스마일을 가져와서 스마일에 애니메이션을 넣어보겠습니다. (유저컨트롤로 만드는 방법은 이미 강좌로 올라와 있으니 확인하세요) 1) 자산라이브러리 > 사용자 지정 컨트롤 에서 자신이 만든 유저컨트롤을 화면으로 가져 옵니다. 그리고 사각형으로 바닥을 하나 그려서 레이어를 맨 위로 올려줍니다. (배경을 그리기 위한 작업) 그리고 스마일을 바닥위에 얹어줍니다. 2) 인터렉션 창에서 + 버튼을 클릭하면 [스토리보드 만들기] 라는 창이 뜹니다. 자신이 원하는 애니메이션의 이름을 쓰고 확인 버.. 더보기