[프로젝트 타입 : Silverlight 4]
안녕하세요. 짱묜입니다. 오늘은 텍스트에 이미지 배경을 넣어보도록 하겠습니다.
텍스트에 이미지 배경을 넣는 방법은 2가지가 있어요. 첫번째는 텍스트의 배경색을 이미지로 채워주는 방법이고, 두번째는 이미지를 텍스트의 Path로 Clipping 하는 방법입니다. 두번째 방법은 텍스트 내용을 고치기가 번거로우므로 첫번째 방법을 알려드리도록 할께요.
1. 프로젝트를 생성합니다.
2. 프로젝트가 생성되었다면 텍스트블럭을 하나 넣도록 합니다. 폰트의 사이즈 및 타입은 마음대로 하셔도 됩니다. 저는 "Arial Black" "40pt" 로 지정하였습니다.
3. 이미지를 준비합니다. 저는 여름이니 시원한 바닷물로..ㅎㅎ 다음과 같은 이미지를 준비하였습니다.
4. 텍스트블럭을 선택하고 Properties 패널 중 Brushes 패널이 있는데 4번째 "Tile Brush" 탭을 선택합니다.
5. 그리고 아래에 ImagesSource 부분의 버튼을 눌러 검색창에서 이미지를 선택합니다.
6. 이미지를 선택하고 OK 버튼을 눌러주세요.
다음과 같이 텍스트블럭의 Foreground에 바다 이미지의 타일 브러시가 채워졌나요?
7. 텍스트블럭을 보면 이렇게 글자에 이미지가 들어가게 됩니다.
8. 텍스트를 변경하여도 잘 적용이 됩니다.
간단하죠? ^^ 파일 첨부합니다. 모두 좋은하루 되세요!!
안녕하세요. 짱묜입니다. 오늘은 텍스트에 이미지 배경을 넣어보도록 하겠습니다.
텍스트에 이미지 배경을 넣는 방법은 2가지가 있어요. 첫번째는 텍스트의 배경색을 이미지로 채워주는 방법이고, 두번째는 이미지를 텍스트의 Path로 Clipping 하는 방법입니다. 두번째 방법은 텍스트 내용을 고치기가 번거로우므로 첫번째 방법을 알려드리도록 할께요.
1. 프로젝트를 생성합니다.
2. 프로젝트가 생성되었다면 텍스트블럭을 하나 넣도록 합니다. 폰트의 사이즈 및 타입은 마음대로 하셔도 됩니다. 저는 "Arial Black" "40pt" 로 지정하였습니다.
3. 이미지를 준비합니다. 저는 여름이니 시원한 바닷물로..ㅎㅎ 다음과 같은 이미지를 준비하였습니다.
4. 텍스트블럭을 선택하고 Properties 패널 중 Brushes 패널이 있는데 4번째 "Tile Brush" 탭을 선택합니다.
5. 그리고 아래에 ImagesSource 부분의 버튼을 눌러 검색창에서 이미지를 선택합니다.
6. 이미지를 선택하고 OK 버튼을 눌러주세요.
다음과 같이 텍스트블럭의 Foreground에 바다 이미지의 타일 브러시가 채워졌나요?
7. 텍스트블럭을 보면 이렇게 글자에 이미지가 들어가게 됩니다.
8. 텍스트를 변경하여도 잘 적용이 됩니다.
간단하죠? ^^ 파일 첨부합니다. 모두 좋은하루 되세요!!
TextImageBackground.zip
