만드는과정 !! ^^ ---------------------------------------------------------------------------------

일단 여기에 쓰이는 이미지는 총 bg까지 5장!
1 밖에서 날라올때의 이미지 입니다.
2 처음으로 뒤집어지는 이미지
3 뒤집어지는 이미지입니다.(모두 Blur 처리가 되어 있습니다.)
4 그림자입니다.
한가지, 3번의 오른쪽 가생이의 색상은 조금 다릅니다. 왜냐면, 넘기는 효과를 더 잘 보여 주기 위해서죠.


이미지말고 기본적으로 버튼과 ListBox가 들어갈 영역은 Border로 만들었습니다. 

종이가 열리는 과정은 아래와 같습니다.
밖에서 이미지가 날아오고, 사라집니다. 사라진 이미지 아래에는 Opacity를 이용한 Border가 같은 색상으로 생겨났지요. 그담에 첫번째로 뒤집어지는 이미지를 불러옵니다.동시에 Border 안쪽의 색상을 밝게 조절하지요.(흰색이 아닙니다. ^^) 글고 종이가 뒤집어지면 안쪽에 밝은 부분이 보여져야하므로 밝은 이미지를 불러오지요. Scale을 이용하여 움직이고 그것을 반복반복

이렇게 하면 됩니다. 글고 마지막엔 오른쪽 보더가 없으므로 꼼수로 Rectangle로 가짜 보더를 만듭니다.

종이가 열리면서 동시에 리스트 박스가 보여야 하기 때문에 위와같이 Clipping Path를 해줍니다.

그렇게 만들어진 스토리 보드입니다.

참, 주의 할것이 Resolution = 20 (Speed Up!!) Like this. fps in Flash. and Timeline을 400%로 확대해서 보세요. 그래야 편집이 용이합니다.

자, 그래서 이렇게 다 만들고 구현을 하려면 코드를 짜야하는데...............난,
한 시간째 모니터만 보고있고! 까만건 글씨일 뿐이고! ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

공도님이 도와 주셨어요 ^^
Posted by 피터씨

트랙백 주소 : http://peterc.tistory.com/trackback/32 관련글 쓰기

  1. Subject : 스토리보드 거꾸로 재생하기

    Tracked from 유령회사 공도소프트 2008/11/21 11:14  삭제

    실버라이트 애니메이션 모델에서 가장 아쉬운 점 세 가지를 들어보자면, 1. Path를 따라가는 애니메이션 작성 불가. 2. 임의의 스토리보드를 거꾸로 재생 불가. 3. 스토리보드의 특정 키프레임 혹은 특정 시점에서 발생되는 이벤트 부재. 정도에요. 이 중에서 스토리보드를 거꾸로 재생하는 것은 어느 정도 제한이 있긴 하지만 상당히 간단한 코드로 가능해요. 피터씨가 포스팅한 10. Expression Blend_ListBox 간지나게 보이기와 11. E..

댓글을 달아 주세요