Study & Commuinty2011/07/04 23:26
안녕하세요? 짱묜입니다. :) 지난주에 3회 스터디가 진행되었는데 이제서야 후기를 쓰네요.

이번 스터디에서는 컨트롤의 스타일에 대해서 알아보았습니다. 스타일을 배우기 전에 리소스를 선언하는 범위에 대해서 학습하였습니다. 리소스를 선언하는 범위는

1.애플리케이션 전체에 선언
2.해당 도큐먼트에 선언
3.도큐먼트 안 컨트롤에 선언

하는 방법들이 있었습니다. 어느 곳에 선언하느냐에 따라서 스타일을 적용할 수 있는 범위가 달라졌던것 다 기억하시죠?
그리고 이 외에 리소스 딕셔너리로 선언하여 다른 테마로 분리하는 방법도 알아보았습니다.

각자 준비해 온 버튼 디자인을 가지고 스타일 작업을 해 보았습니다. 이미지 타입의 경우에는 버튼의 기본 템플릿을 만든 다음 작업을 하였고 벡터 타입의 경우에는 기본적으로 제공되는 버튼 컨트롤의 템플릿 안의 요소를 바꾸어 작업했습니다.
Visual State Manager(VSM)을 이용하여 버튼의 상태값(Normal,Over,Pressed 등)에 따라 다른 애니메이션을 적용해 보았습니다.

다음 시간에는 트리거와 비헤이비어, 퍼스펙티브3D 등에 대해서 배우도록 할 것입니다. 내일이네요 -_-;;
그럼 오늘도 우리 스터디 멤버들의 열심히 하는 모습을 올려볼께요!



다음 후기때 뵈요! 뿅!!

Posted by 짱묜
Study & Commuinty2011/06/16 14:57
안녕하세요? 짱묜입니다! 지난 화요일에는 2회 스터디가 진행되었습니다.

이번 스터디에서는 스토리보드를 이용하여 애니메이션을 만드는 방법에 대해서 알아보았습니다. 스토리보드를 생성한 후에 타임라인에 개체의 상태가 변화하는 시점이 될 키프레임을 생성하고, 키프레임 부분에서 개체의 크기변환, 색상변환, 각도변환,위치변환 등 다양한 속성 변경을 해 보았습니다.

기초적인 내용은 빨리 진행을 하고 예제를 따라해 보았습니다.

1.공 튕기기
공이 아래로 낙하할때 가속도가 증가하고, 위로 튀겨질때 감속하는 애니메이션을 만들어 보았습니다.
2.텍스트 애니메이션
플래시에서 많이 사용되는 텍스트 애니메이션! 글자가 순차적으로 날아오는 애니메이션을 만들어 보았습니다. 텍스트 레이어를 동시에 선택해서 효과를 적용한 후에 프레임을 이동하여 시간차를 주었던 것 기억하시죠?
3.현재값을 상속받는 애니메이션
이것은 하얀코코님이 자주 사용하셨던 예제로 야구의 1루,2루,3루를 그려서 해보았습니다. 스토리보드의 초기값을 설정하지 않으면 현재의 값을 상속받게 되어서 그 값에서 이어져 스토리보드가 실행이 되었습니다.
4.클리핑을 이용한 애니메이션
클리핑을 이용하여 텍스트에 그라데이션을 이동하는 애니메이션과 파워포인트의 블라인드 효과 애니메이션을 만들어보았습니다. 화면에 보여줄 개체와 패스를 클리핑하여 클리핑 패스의 노드를 이동하여 효과를 냈습니다.

처음이라 쉽지 않았겠지만 그래도 모두 열심히 잘 따라오셨어요!! 다음시간에는 컨트롤의 스타일에 대해서 스터디를 진행하도록 하겠습니다. 다음 시간까지 스타일에 들어갈 버튼의 디자인을 해오라고 말씀드렸어요. 블렌드에 넣기 좋은 벡터타입으로 디자인을 해 오시고, 꼭 포토샵으로 작업한 디자인이 필요하신 분들은 이미지 타입으로 해오셔도 됩니다.

자~ 오늘도 열심히 하시는 모습 투척!! 보정..같은건 없습니다 ㅠㅠ)


다음주까지 즐거운 한주 되세요!!
Posted by 짱묜
Study & Commuinty2011/06/09 13:08
안녕하세요~ 짱묜입니다. :)
그저께 블렌드스터디 1회가 진행되었는데요. 지난주 OT보다 많은 분들이 오셨어요.ㅎㅎ

이번주에 진행된 내용은 블렌드의 화면 구성이 어떻게 이루어졌는가 살펴보았습니다. 상단에는 메뉴가 있고 블렌드의 환경을 제어하는 다양한 옵션들이 들어있습니다. 프로젝트 패널과 프로퍼티 패널은 어떤 역할을 하고 어떻게 사용하는지 알아보았고
우리가 제일 자주 쓰게 되는 툴박스는 하나씩 직접 해보면서 사용방법을 알게 되었습니다.

원래 레이아웃은 다음주에 진행하려고 했는데 시간이 조금 남아서 이번주에 진행을 하게 되었어요. 레이아웃에는 캔버스,그리드,스택패널 등과 같은 레이아웃 패널이 있고 이러한 레이아웃들은 각각 가지고 있는 속성이 다르기 때문에 어떤 경우에 어떤 레이아웃을 써야 하는지 알아보았습니다.

그리고 패스 타입 개체를 블렌드보다 조금 더 그리기 수월한 익스프레션 디자인 툴도 간단하게 살펴보고 비스타 버튼과 아쿠아 버튼을 그려보았어요.

이번주에 배워본 내용을 간단히 정리해보면 아래와 같습니다.
1.블렌드의 화면구성

2.툴박스의 사용법
3.레이아웃
4.익스프레션 디자인 살펴보기


제가 스터디 중간에도 누누히 말씀 드렸지만 자주 사용하지 않으면 금방 잊게 됩니다. 다음 스터디까지 지난주에 배웠던 내용을 꾸준히 사용해 보는 것이 중요합니다. 특히 툴 박스 사용하기와 레이아웃 패널 사용하기에 대한 연습을 꼭 해오세요! 


다음 시간에는 스토리보드 애니메이션을 어떻게 생성하고 어떻게 사용하는지에 대하여 진행하도록 하겠습니다. 모두 화이팅입니다!! 
Posted by 짱묜
Study & Commuinty2011/06/01 13:23
안녕하세요~ 짱묜입니다.
어제 포스코센터에서 블렌드스터디 OT를 가졌는데요. 못오신다는 분들이 좀 계셔서 소박하게 진행했습니다!
다음 스터디부터는 빠지시면 안되니 꼭 참석해주세요! 스터디 멤버분들의 개발자 비율이 생각보다 높아서 어떻게 진행을 해야될 지 고민이 좀 되어서 오신 분들과 함께 이야기하는 시간을 가졌습니다.

처음에는 무엇을 하고 싶어서 블렌드 스터디에 참여하게 되었는지 들어보았어요. 게임 저작도구의 UI를 만들어보기 위해, 전반적인 기능을 알고 싶어서, 혼자서 하기는 힘들어서 체계적으로 배우고 싶다 등이 있었습니다. 그래서 우리가 스터디 진행을 할 때에 어떤 과정들이 포함 되어야 할까 쭉 써보았습니다.




자유롭게 쓰다보니 중간중간 막 떠오르는 것들도 있어서 끼워넣기도 하고 쓰다보니 엄청 많아졌어요 ㅎ.ㅎ 글씨도 엉망진창이네요. 이렇게 다루어야 될 부분들을 같이 이야기 해보고 제가 위의 내용을 가지고 정리해서 아젠다를 짜기로 했습니다. 아마도 7~8주의 과정이 될 듯 합니다. 중간에 참고하시라고 쓴 제 블로그 주소도 보이네요.


그리고 우리가 무엇을 만들어 볼지에 대해서 이야기를 해 보았어요. 제가 전에 미리 만들어 둔 룰렛 게임 만들어보기, 퍼스펙티브 3D와 이미지를 이용하여 바인딩하기, 동화 속 한 페이지 애니메이션으로 만들기 등이 있었는데 이것은 아직 확정된 사항이 아니기 때문에 나중에 결정하여 공지하도록 하겠습니다.

마지막으로 우리가 다음시간까지 무엇을 해와야 할지 숙제(?)를 내드렸어요. OT때 보드에 쓴 내용보다 더 많네요! 순서대로 설치하면 됩니다. 다음시간까지 꼭 설치해 오셔야 바로 스터디를 진행할 수 있습니다!

Expression Blend4 와 Expression Design4 설치 (스튜디오에서 두가지 항목만 설치하세요)
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=04438f30-cc6d-4e10-80a3-3b3dce129e88

Expression Blend4 SP1
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=17872a3a-4620-4b87-9d62-f29173d12625

Expression Blend SDK for Silverlight4
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=d197f51a-de07-4edf-9cba-1f1b4a22110d

Expression Blend SDK for .NET4
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=75e13d71-7c53-4382-9592-6c07c6a00207

OT 후에 간단히 맥주 한잔 하러 가서 도란도란 얘기 좀 하다가 집에 갔네요. ^_^ 즐거운 시간이었습니다! 사진이 있지만..초상권을 보호하도록 하겠습니다! 그럼 다음주부터 본격적으로 시작할테니 열심히 따라오시기 바랍니다. 화이팅!!

ps.제 메일로 메신저 아이디좀 보내주세요. 멤버끼리 공유하도록 하겠습니다.

Posted by 짱묜