안녕하세요. 짱묜입니다!! 드디어 부활했어요~! ㅎㅎ
오늘은 텍스트에 그라데이션이 흐르도록 해보겠습니다.
1. 먼저 Expression Design 에서 텍스트를 한 줄 써주고 Object 메뉴의 Convert Object to Path 를
사용하여 텍스트를 패스로 변환시킵니다.
2. 그리고, XAML 로 Export 한 후 Blend에서 불러들입니다. (이 부분은 전에도 자주 다루어서 넘어갈께요)
위의 작업까지 마치면 블렌드의 비주얼 트리에 다음과 같이 패스가 나타나게 됩니다.
3. 이 텍스트를 이루는 패스들은 낱개로 쓰일 일이 없기 때문에 패스를 묶어서 하나로 합쳐주도록 하겠습니다.
패스를 모두 선택하여 아래의 그림처럼 합쳐줍니다.
4. 위의 작업을 마치면 다음과 같이 패스가 하나로 합쳐져 있는것을 확인할 수 있습니다.
5. 그리고 텍스트 패스가 들어있는 캔버스 안에 사각형을 하나 그려줍니다.
6. 이 사각형의 Stroke를 없애고 Fill을 그라데이션으로 채워줍니다.
7. Brush Transform 툴을 선택하면 그라데이션의 방향을 조절할 수 있어요.
8. 화살표를 이용하여 그라데이션의 방향을 바꾸고 드래그하여 길이를 늘려줍니다. 그런 다음, 포인트를 생성
하여 여러가지 색을 넣어줍니다.
9. 색을 다 넣었다면, 사각형과 텍스트 패스를 선택하여 Clipping 시켜줍니다.
10. 그러면 다음처럼 텍스트와 그라데이션만 보여지게 됩니다.
자, 여기까지 잘 따라오셨나요? ^^ 다음장으로 이어서 하도록 하겠습니다.
오늘은 텍스트에 그라데이션이 흐르도록 해보겠습니다.
1. 먼저 Expression Design 에서 텍스트를 한 줄 써주고 Object 메뉴의 Convert Object to Path 를
사용하여 텍스트를 패스로 변환시킵니다.
2. 그리고, XAML 로 Export 한 후 Blend에서 불러들입니다. (이 부분은 전에도 자주 다루어서 넘어갈께요)
위의 작업까지 마치면 블렌드의 비주얼 트리에 다음과 같이 패스가 나타나게 됩니다.
3. 이 텍스트를 이루는 패스들은 낱개로 쓰일 일이 없기 때문에 패스를 묶어서 하나로 합쳐주도록 하겠습니다.
패스를 모두 선택하여 아래의 그림처럼 합쳐줍니다.
4. 위의 작업을 마치면 다음과 같이 패스가 하나로 합쳐져 있는것을 확인할 수 있습니다.
5. 그리고 텍스트 패스가 들어있는 캔버스 안에 사각형을 하나 그려줍니다.
6. 이 사각형의 Stroke를 없애고 Fill을 그라데이션으로 채워줍니다.
7. Brush Transform 툴을 선택하면 그라데이션의 방향을 조절할 수 있어요.
8. 화살표를 이용하여 그라데이션의 방향을 바꾸고 드래그하여 길이를 늘려줍니다. 그런 다음, 포인트를 생성
하여 여러가지 색을 넣어줍니다.
9. 색을 다 넣었다면, 사각형과 텍스트 패스를 선택하여 Clipping 시켜줍니다.
10. 그러면 다음처럼 텍스트와 그라데이션만 보여지게 됩니다.
자, 여기까지 잘 따라오셨나요? ^^ 다음장으로 이어서 하도록 하겠습니다.
