실버라이트 팁

STEP03. 익스프레션 블렌드의 툴 박스 I 짱묜 평점: 없음 조회: 3848

블렌드의 툴 박스는 블렌드를 다루면서 제일 자주 사용되는 부분입니다. 툴을 하나씩 다루어 보면서 기능을 자세히 알아보도록 하겠습니다.

 

Selection 툴
개체를 개별로 선택하거나 모두 선택할 수 있습니다.[Selection] 툴을 선택한 상태에서 하나의 개체를 클릭 하면 하나의 개체가 선택되고, 드래그하면 드래그 한 범위 안의 개체가 모두 선택됩니다.

 

 

 


Direct Selection 툴
개체의 앵커 포인트를 직접 선택하거나 변형을 할 경우에 사용합니다. [Direct Selection] 툴을 선택한 상태에서 개체를 클릭하여 앵커 포인트를 활성화 하고 앵커 포인트의 한 지점을 클릭한 후 드래그하여 개체를 변형합니다.

 

Pan 툴
아트보드를 조절하여 보기 위한 툴입니다. [Pan] 툴을 선택한 상태에서 아트보드를 드래그하여 화면을 이동할 수 있습니다.

 

 

< TIP>다른 작업 중일 경우에는 [Space]키를 눌러 화면을 이동할 수 있고, [Space]키를 놓는 순간 이전의 작업 상태로 돌아갈 수 있기 때문에 편리합니다.

 


Zoom 툴

아트보드를 확대/축소하여 볼 수 있습니다. [Zoom] 툴을 선택한 상태에서 아트보드를 클릭하면 확대 비율이 증가하고, [Alt]키를 누른 채 클릭 하면 확대 비율이 점점 줄어듭니다. [Zoom] 툴을 더블 클릭하면 화면 비율이 100%로 조절됩니다.


< TIP>아트보드 아래의 [Zoom] 목록 버튼을 클릭하여 비율을 조절할 수도 있습니다. 또한 [Ctrl]+[+] 키를 누르면 화면 비율이 확대되고 [Ctrl]+[-] 키를 누르면 화면 비율이 축소되며 이전의 작업 상태로 돌아갈 수 있습니다.


Eyedropper 툴
선택한 개체에 다른 개체의 색이나 패턴을 채울 수 있습니다. 변경할 개체를 선택한 후 [Eyedropper] 툴을 클릭하고 복사할 개체를 클릭하여 색이나 패턴을 복사합니다.

 

Paint Bucket 툴
[Eyedropper] 툴과는 반대로 선택한 개체의 색이나 패턴을 다른 개체에 채울 수 있습니다. 복사할 개체를 선택한 후 [Paint Bucket] 툴을 클릭하고 변경할 개체를 클릭하여 색이나 패턴을 복사합니다.

 


Gradient Tool 툴
개체에 그러데이션을 적용하거나 적용된 그러데이션을 변형합니다. [Gradient] 툴을 선택한 상태에서 그러데이션을 적용할 개체에 드래그하면 드래그 한 방향대로 그러데이션이 적용됩니다. 그러데이션이 생성 되지 않은 상태에서는 [Properties]-[Brushes]패널에서 [Gradient Brush]를 적용하면 기본 그러데이션이 생성됩니다.
 

그러데이션 막대에서 한 포인트를 더블 클릭 하면 색상 패널이 나타나 다양한 그러데이션을 생성할 수 있습니다.

또한 그러데이션 막대를 조절하여 완만한 정도 및 방향을 설정할 수 있습니다.


Brush Transform 툴
그러데이션의 위치를 이동하거나 회전할 수 있습니다. [Brush Transform] 툴을 선택하고 그러데이션이 적용되어 있는 개체를 클릭하면 그러데이션 영역이 나타납니다. 이것을 드래그하여 그러데이션의 위치를 이동하거나 회전합니다.

< TIP>[Gradiend Tool] 툴과 [Brush Transform] 툴은 그룹화 되어있습니다. 그룹화 되어있는 툴은 툴 아이콘 옆에 작은 삼각형이 표시되어 있습니다. 툴 아이콘을 길게 누르거나 마우스 오른쪽 버튼을 눌러 툴을 변경할 수 있습니다.

 

Pen 툴
[Pen] 툴을 이용하여 다양한 모양의 패스 타입 개체를 그릴 수 있습니다. 패스의 각 세그먼트는 두 개의 앵커 지점과 두 개의 핸들로 이루어집니다.

[Pen] 툴을 선택한 상태에서 아트보드에서 시작 지점을 클릭한 후 적당한 간격을 두고 두 번째 지점을 클릭합니다. 원하는 모양의 개체를 그리기 위해서는 앵커 포인트의 간격을 적당히 조절하는 것이 중요합니다. 앵커 포인트를 클릭한 채로 원하는 방향으로 드래그 하여 핸들러를 조절합니다. 핸들러의 길이나 방항을 조절하여 원하는 곡선의 세그먼트를 만듭니다.

 

Pencil 툴
[Pen] 툴로 앵커 포인트를 하나씩 추가하여 패스를 그렸다면 [Pencil] 툴로는 곡선을 자유롭게 드로잉하여 앵커 포인트를 자동으로 생성할 수 있습니다. 그렇지만 태블릿을 사용하지 않으면 손 떨림 현상 때문에 원하는 개체를 그리기가 쉽지 않아 자주 사용하지는 않습니다. 다음 예제는 나비를 그려본 것인데 쉽지 않네요.

 

Rectangle 컨트롤
[Rectangle] 컨트롤을 선택한 상태에서 드래그하여 사각형 컨트롤을 그립니다. [Shift] 키를 누른 채 드래그하면 정사각형을 그릴 수 있습니다.

또한 [Properties]-[Appearance] 패널의 [RadiusX]와 [RadiusY] 값을 입력하여 모서리의 둥글기를 조절할 수 있습니다.

 

Ellipse 컨트롤
[Ellipse] 컨트롤을 선택한 상태에서 드래그하여 원형 컨트롤을 그립니다. [Shift] 키를 누른 채 드래그하면 정원을 그릴 수 있습니다.


Line 컨트롤

[Line] 컨트롤을 선택한 상태에서 드래그하여 선 컨트롤을 그립니다. [Shift] 키를 누른 채 드래그하면 45도를 유지한 선을 그릴 수 있습니다.

태그 : 강좌, 블렌드 블렌드, 익스프레션 짱묜 Blend, Blend4, Expression toolbox,
작성자 정보
짱묜
Level 82
 [EXP.36/250]

메일:  비공개

글등록 +12 2618 덧글등록 +3 1639
자기소개
(。◕‿◕。)ZzangMyon♡ 랑이엄마 Jang Mi Yeon
2008~2012 Microsoft Expression Blend MVP
HOONS닷넷(http://www.hoons.kr) Expression 시삽
글 공유하기 |
  tweet facebook
2011-06-07 오전 4:42:54
나도한마디
사용자
몽천            [2011-06-07]
Level 26
 [EXP.21/50]
강좌가 아주 찰지구나
사용자
맨날맑음            [2011-06-07]
Level 74
 [EXP.192/250]
상세한 강좌!!!! 멋지세요
태그로 엮인글
[WPF Q&A] Blend 관련 질문입니다.[1]+1  Robs
[구인&교육정보] WPF, 실버라이트, Expression Blend 디자이너 찾습니다.  슬로우소프트
[구인&교육정보] [구인-프리랜서] 블렌드(Experssion Blend) 디자이너를 찾습니다.  파가츠
[구인&교육정보] 블랜드 디자이너 찿고 있습니다.[1]  kimtoa
[실버라이트 Q&A] 블렌드 이런 효과 주려면요??ㅠ[1]+1 파일첨부 달형
[구인&교육정보] <재택근무 환영> Blend 프리랜서 디자이너를 구인합니다  바보쿠우
[실버라이트 팁] blend 단축키[1]  sa2랑
[실버라이트 팁] vs2010에서 silverlight5프로젝트를 할때 open in expression blend 수정  시선
[실버라이트 Q&A] Visual Studio 2010에 비해서 Expression Blend의 장점은?[1]  심플리즘
[구인&교육정보] Blend 사용없이 Xaml Layout 구현 가능자 구인[1]+3  좋은친구들
글리스트
Behavior 로 구현한 Silverlight TextBox Watermark[1]+1  joseph
DrawingVisual 객체를 이용해서 컨트롤 그리기  Linus
[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #2 파일첨부 시선
[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #1 파일첨부 시선
[실버라이트 스터디 2주차] 데이터그리드에서 이미지 추가/수정/삭제[1]  시선
SECTION02. 익스프레션 블렌드의 레이아웃  짱묜
[실버라이트 스터디] 6월 25일 더디어 실버라이트 스터디를 시작했습니다[5]  시선
실버라이트4에서 XAML 디버깅하기[4]+1  Linus
STEP03. 익스프레션 블렌드의 툴 박스 III  짱묜
STEP03. 익스프레션 블렌드의 툴 박스 II[1]  짱묜
 ★현재글->   STEP03. 익스프레션 블렌드의 툴 박스 I[2]  짱묜
Silverlight의 Navigation Framework 사용하기 - (1)[1]  Linus
STEP02. 익스프레션 블렌드의 인터페이스 - Results 패널, 그 외  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Objects and Timeline 패널  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Properties 패널  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Projects 패널[1]  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Help 메뉴  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Window 메뉴  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Tools 메뉴  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Project 메뉴  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Object 메뉴  짱묜