메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

cwp00.gif

쉬운강좌이지만, Path를 잘 안쓰시는 분들에게는 좀 어색한.. 그런강좌가 될것 같습니다. ^^;

아참.... Type, 즉 글씨에만 이용이 가능한 기능이랍니다~! ^^

그래도 이 기능은 잘만 생각하시면 응용분야가 꽤 많을듯 하니 잘 익혀두세요~~ '-'a




①창을열고 글을 써줍니다. 글씨의 색상은 중요하지 않습니다.
(쓸만한 글이 없어 스마일루라고..-_-; 엔지오분들의 이해 부탁드립니다;;)
아참! 글씨체는 '윤고딕140'이랍니다.

cwp01.gif



②그리고 해당 텍스트 레이어를 클릭한 상태에서 'Layer > Type > Created Work Path'를 클릭해줍니다.

※글씨에 Bold(진하게,굵게)옵션이 적용된상태라면 Created Work Path가 적용되지 않습니다.

cwp02.gif



③이번것은 진행 단계는 아니고, Create Work Path(이하 CWP^^;)를 클릭하고 나서 생기는 일에대해 설명해드리겠습니다.

이 CWP기능은 글씨의 외곽을 따라 자동으로 Path를 만들어 주는 기능입니다. CWP클릭후 Paths 팔레트(윈도우)로 가시면 Path가 만들어 진걸 아실수 있습니다.
'Path Selection Tool'(단축키 'A',검은색마우스포인터)로 Path를 선택해보시면 만들어진 앵커포인트들도 보실수 있습니다.

cwp03.gif



④CWP기능을 쓰는 이유는 Path를 만들어 텍스트를 원하는 모양으로 변형하기 위해서입니다. 간단한 변형을 해봅시다~ 잠깐! 그 전에...

1.단축키 'A'를 누르면 Path Selection Tool이 선택되고, 'Shift+A'를 누르면 같은곳에 있는 다른 툴인 'Direct Selection Tool'+ '이 선택됩니다. 이 툴은 Path의 앵커포인터를 한개단위로 선택할수 있어 변형을 하는데 유용합니다. 유일하죠.-_-;

cwp04_1.gif

2.예제이니 간단한 변형을 해보도록 하겠습니다.
여러가지 변형방법이 있을수 있으니 마구마구 해보세요~~ ^^
아, 변형 방법은 Direct Selection Tool로 몇개의 앵커포인트를 선택한뒤 드래그 해서 옮겨주면됩니다.

※Shift를 누르고 이동하면 직선,45도로 이동할수 있는거 아시죠? ^^
역시 Shift를 누르고 앵커포인트를 선택하면 떨어져 있는것도 할수 있답니다. ^^ 역시 아시죠? ^^;;;

cwp04_2.gif




⑤앗! 그런데 이상하죠. 흰색이군요. ^^ 색상을 채워줘야 한답니다. 레이어팔레트로 돌아오셔서 새 레이어를 만드시고 다시 Path팔레트로 가셔서 'Fill Path with foreground color'를 클릭합니다. 물론 원하는 색을 미리 정해주시구요~ (이번강좌 영어 많이나오네요..ㅠㅠ)

※선택된 Path에 색이 칠해지기때문에 Direct/Path Selection Tool로 전체패스를 미리 선택해주세요.

cwp05_1.gif

cwp05_2.gif



⑥응용작과 홈페이지용 완성작입니다.

cwp06_1.gif
'뷁'이라 죄송합니다. 딱히 쓸말이 없더군요.^^; 원본과 변형본, 그리고 변형된 Path의 모습입니다.
멋지게 보이라고 만든건 아니구요. 이렇게도 할수있다는걸 알려드리기 위해서....^^;;;

이걸 만든 방법은 글씨 끝의 앵커포인트를 예제처럼 늘린것이 아니라, 글씨 중간중간의 앵커포인트를 변형한것 입니다. 그리고 앵커포인트가 없는 부분에는 앵커포인트를 직접 추가해서 변형시켜주었습니다.


이건 제 홈페이지용 작품입니다. 예제와 같은 간단한 변형만 하였습니다.
그리고 패쓰로 채운 레이어에 Blending Option을 적용하여 그레디언트도 살짝주고, 복사하여 블러(blur)도 이용하였습니다.
(이미지 박스 용량이 모자라 이 그림은 태그로 하였습니다. 올려주세요~~! ^^)




음.. Path팔레트(윈도우)는 보통 잘 쓰지 않죠. 뭐 많이 쓰는 분도 계시겠지만...
위에서는 Fill path with foreground color를 이용하였지만, 바로 옆에 있는 버튼인 Stroke path with brush를 이용하면 좀더 색다른 연출이 가능합니다.

뭐 이것저것 많이 해보시는것이... 최고라고 말씀드릴수 있겠네요~~! ^^

텍스트가 많았던 강좌였습니다. 잘 이해되지 않으시면 천천히 다시한번 읽어보세요~ 봐주셔서 감사합니다~ ^___^;
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48028
1248 미니 버튼 만들기 [16] file 아적색 2002.12.14 18763
1247 아쿠아(하이라이트)버튼만들기 [22] 송승호 2002.07.22 18731
1246 광택나는 이미지 만들기 [7] file 이선미 2004.06.26 18671
1245 [로고강좌]웹사이트편..오랜만이네욤^^~ [20] file 미스디쟌 2003.06.27 18557
1244 사진의 윤곽만 사용하기 [6] file 여어자 2003.10.06 18555
1243 유리 느낌의 텍스트 만들기 [23] file 삼돌이 2003.07.21 18475
1242 호수의 문자디자인 - 워터칼라 [20] file Lake 2003.07.04 18429
1241 엠보스 텍스트 만들기 [20] file 오아요군 2004.05.15 18304
1240 심플하고 반짝이는 테두리 만들기 [11] 히로유키 2004.02.13 18302
1239 [만화 관련] 포토샵으로 스크린 톤을 붙여 봅시다^-^ [17] file kissy 2003.06.29 18273
1238 네비게이션버튼. [2] file DesignByXery 2004.03.27 18203
1237 하늘 그리기 ... [20] file 검천 2003.09.20 18164
1236 제목없음 -_-.. [73] file (-_ㅡ*) 2004.07.09 18109
1235 [키르강좌] 성형수술 시키기 -일본모델편- [3] 키르(SP) 2002.03.31 18036
1234 포토샵으로 칼라렌즈 끼우기 (일부 성형^^*) [7] file 쉼터-태호 2003.03.27 18035
» [문자디자인③]Created Work Path를 이용한 문자디자인 [15] file Smileru 2004.06.08 18032
1232 한지(수묵화) 느낌이 나는 방법 // 2개강좌(브러쉬만 다름) [9] 2omi 2004.10.08 17986
1231 13. 심플하게 사진틀을 만들어보자 [9] file 박진 2004.07.21 17961
1230 도장 만들기. [2] file 강승진 2002.09.24 17911
1229 파워풀한 로고만들기 [5] file LitQoo 2004.02.24 17881