본문 바로가기

진희

[Expression Design 3] Expression Design툴에 대한 기초적인 질문에 대한 팁 안녕하세요. 정진희입니다. 오늘은 익스프레션 블랜드가 아닌 디자인에 대해서 잠깐 알아보도록 하겠습니다. Expression Design이라는 프로그램은 블랜드와 함께 Expression Studio라는 패키지 안의 프로그램 중 하나입니다. 이 디자인 툴이라는 역할은 Adobe사의 Illustration과 같이 벡터형태로 그림을 그리는 역할을 합니다. 툴이 거의 비슷해서 일러스트를 잘 썼던 디자이너라면 이 프로그램에 금방 적응하실 것입니다. 오늘은 익스프레션 디자인툴에서 기본적인 팁을 몇가지 알려드리도록 하겠습니다. 1) 시중에는 어도비 일러스트 Ai 파일이 많은데 이 파일을 불러들일 수는 없는지요? Expression Design은 Ai파일을 그냥 불러들일 수 있습니다. 다만 가끔씩 Ai파일이 제대로 들.. 더보기
[Silverlight 3] Projection 값을 이용하여 원근감있는 메뉴를 만들어보자 - 2 이어서 진행하도록 하겠습니다. 저번 강좌까지 했던 작업은 메뉴버튼 클릭 시 접혀있던 서브메뉴가 나오도록 하기 위한 형태를 만들었고요. 이번시간에는 State 설정에 Projection 애니메이션을 추가하여 메뉴가 움직이도록 진행해 보겠습니다. 1) 저번시간까지 준비한 작업을 가지고 옵니다. ① 상태에서 그룹 State를 클릭하여 그룹을 만들고 ② 다시 폴더 모양을 클릭하여 그룹안에 State를 두개를 추가합니다 ③ 두가지의 상태를 만들어줍니다. 하나는 Menu로 돌아오기 위한 애니메이션과 SubMenu로 가기 위한 애니메이션입니다. 그룹이름은 자신이 임의로 지정해주어도 됩니다. 저는 MenuGroup으로 했습니다. 2) ① SubMenu State을 클릭하고 ② 움직일 대상 Stack Panel을 선택한.. 더보기
[Silverlight 3] Projection 값을 이용하여 원근감있는 메뉴를 만들어보자 - 1 안녕하세요, 정진희입니다. 요새는 계속 실버라이트에 대한 강좌를 쓰고있는데요. 같은 익스프레션 블랜드로 작성하지만 WPF랑 실버라이트가 보이는 메뉴얼이 좀 다르다보니 왔다갔다 하니 헷갈리기도 하네요, ㅎㅎ 오늘은 실버라이트에서만 작업할 수 있는 3D 원근감처럼 보이기 위한 속성, Projection 속성을 가지고 원근감 있는 실버라이트 메뉴를 만들어보도록 하겠습니다. at First, What's mean perspective 3D? 중학교 시절 미술시간에 이런 것 많이 그려봤을 텐데요. 원근감 있는 사각형, 혹은 물체를 그리기 위해 1점 투시, 2점투시, 3점 투시로 하여 밑의 그림처럼 그립니다. 전 이런 거 디자인 제도 할 때 했었는데요, 제품을 입체적으로 보이기 위해서 이렇게 그리곤 했었습니다. (.. 더보기
[Silverlight 3] 음악 플레이어를 만들어보자 ! 안녕하세요? 정진희 입니다. 홈페이지를 만들다보면 배경음악 깔고 싶을때가 있는데요. html에서는 embed를 이용해서 간단하게 했었는데, 실버라이트에서는 어떻게 해야할까요? 디자이너분들은 많이 궁금해 하실 것 같은데요. (저만그런가요?-_-a) 이번시간에는 버튼 on/off를 이용하여 on버튼이 클릭이 되었을 때 실행되고 off를 클릭했을 때 실행이 멈추도록 만들어보겠습니다. 1) 익스프레션 블랜드에서 실버라이트 프로젝트로 파일을 하나 만듭니다. 이름은 임의로 정해줍니다. 2. 프로젝트가 생성이 되었습니다. Usercontrol의 사이즈를 좀 작게 줄여보도록 하겠습니다. 저는 300x200으로 하겠습니다. 3. 그리드 레이아웃의 백그라운드를 조금 다르게 바꿔보겠습니다. 그라데이션 브러쉬를 선택하시고 그.. 더보기
7월28일 5주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 안녕하세요, 벌써 5주차가 끝나고 마지막 주를 남겨두고 있습니다. 이번주는 애니메이션에 대해서 진행하였는데요, 이번주는 블랜드 애니메이션에 대한 특성을 살펴보았습니다. 언제부터인가 디자이너를 위한 스터디에 디자이너는 없어지고 개발자분들께서 더 흥미 있어 하시는 것 같았습니다.ㅎㅎ 앗, 그리고 또 프로그램 영상 캡쳐 실패 OTL (캠코더로는 얼굴만 찍고 화면 캡쳐프로그램으로 하려다가 애니메이션이 버벅거려서 제가 모르고 확 꺼버린) 뭐 매번 촬영하는데 잘 나오는 경우가 없습니다. . 쩝, , , 블랜드에서는 첫째로 스토리보드를 한 파일에 여러개를 만들 수 있고 동시에 실행시킬 수도 있습니다. 그리고 여러가지 특성에 대해서 말씀을 드렸습니다. 이번 시간에 한 것은 파일을 첨부하도록 하겠습니다. 첨부, 이번에는.. 더보기
[Expression Blend 강좌] GridSplitter Customize - 1 안녕하세요, 이번시간에는 컨트롤 중에 GridSplitter에 대해 Customize를 해보도록 하겠습니다. GridSplitter의 역할은 Grid의 행 사이와 열 사이를 임의대로 사이즈를 줄이고 늘일 수 있도록 하는 컨트롤을 나타냅니다. 예를 들면 드림위버에서 프레임과 프레임의 사이즈를 줄이는 것 처럼 하는 역할입니다. 빨간색의 Splitter를 이용하여 왼쪽으로 옮겼을 때 빨간색의 Splitter를 이용하여 오른쪽으로 옮겼을 때 다음과 같은 모습입니다. 지금 보시는 것과 같이 빨간색 모양의 Splitter는 그냥 사각형 모양처럼 보이기 때문에 이것을 Editing하려 합니다. 1) 먼저 새 파일을 엽니다. 막 바로 연 Window1의 아트보드에서 기본적으로 Grid로 되어있는 LayoutRoot에 .. 더보기
[Expression Blend 강좌] ComboBox Customize -2 이어서 강좌하겠습니다. 콤보박스를 클릭하고 롤오버 할때 반응을 보여주어야 내가 이 콤보박스를 클릭했는지 안했는지 눈으로 구분할 수 있겠지요? 속성 트리거로 녹화를 하여 바꾸어보도록 하겠습니다. 1) 위에 그림을 보시면 템플릿 복사하면서 시스템에서 남겨놓은 속성 트리거들이 보이실 겁니다. 아까 수정하기 전에는 번개 모양 즉, 녹화된 속성이 있었는데, 지금은 다 지워져서 번개모양도 지워졌습니다. 여기서 IsChecked를 선택하여 녹화버튼으로 만듭니다. 말 그래도 체크가 True되었을 때 바꾸겠다는 의미입니다. 저는 색상만 조금 바꾸어보도록 하겠습니다. 색상을 설정해 주었는데 색상이 안바뀌는 경우가 간혹 있습니다. 그래서 녹화가 안된건가 하고 생각하실 수 있는데, 빌드 (F5)를 누르셔서 실행해 보시면 녹화.. 더보기