Download pptx - Blend 의 그래픽

Transcript
Page 1: Blend 의 그래픽
Page 2: Blend 의 그래픽

Blend 의 그래픽- Image

- Stretch- 도형- 칠

- Gradient Tool- Opacity Mask

- 변형- X,Y,Z- Make Image 3D (WPF)

- Path- Clipping Path- Motion Path (WPF)

- Effect- Media

Page 3: Blend 의 그래픽

실습 2Blend 의 Graphic 들과 친해지기 위한 : 버튼 디자인 하기

Page 4: Blend 의 그래픽

실습 3둘째 낳을까 ?

- 동영상- Transform

- OpacityMask

Page 5: Blend 의 그래픽

Blend 의 Storyboard- Storyboard 작성- Storyboard 컨트롤- Easing

Page 6: Blend 의 그래픽

실습 4눈물의 에드워드와 벨라

- Effect- Transform- Storyboard- Behavior

Page 7: Blend 의 그래픽

Behavior

Page 8: Blend 의 그래픽

실습 5태희카드

- Transform- Storyboard- Behavior

Page 9: Blend 의 그래픽

Design Resource 1- Resource Dictionary- Resource Panel- Design 리소스화 : Color brush, Thickness, Effect,

Font …

Page 10: Blend 의 그래픽

실습 6실습 1 에 WPF 테마 적용하기

Page 11: Blend 의 그래픽

Design Resource 2- Style- Control Template- Visual State- Trigger

Page 12: Blend 의 그래픽

실습 71. 버튼만들기 A – Edit a copy

2. 버튼만들기 B – Create Empty ( 이미지 )3. 버튼만들기 C – Make Control ( 실습 2)

Page 13: Blend 의 그래픽

E- 카드 만들기

Page 14: Blend 의 그래픽

실습 8-11. 그래픽을 이용하여 신년카드를 만든다 .

2. 레이아웃패널과 컨트롤을 사용하여 레이아웃을 잡는다 .3. 애니메이션과 인터렉션을 구현한다 .

Page 15: Blend 의 그래픽

실습 7-21. 카드를 웹 서비스 버젼으로 업그레이드 ! (7-1)

2. 디자인리소스와 컨트롤 템플릿을 사용하여 디자인 적용 .3. Behavior 등으로 프로토타이핑

Page 16: Blend 의 그래픽

Xap 웹 게시하기<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width=" 너비 " height=" 높이 "><param name="allowScriptAccess" value="never" /><param name="allowNetworking" value="internal" /><param name="source" value="xap 파일의경로 "/><param name="minRuntimeVersion" value="2.0.30923.0" /><param name="autoUpgrade" value="true" /></object>

Page 17: Blend 의 그래픽

Thanks!

Blog : http://romaingz.tistory.comE-mail : [email protected] : /geas/twitter : @roamingz