메뉴 건너뛰기

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 48031
1715 초간편 사진틀 만들기 file 캘리 2006.06.27 12348
1714 [플래시 MX 동영상 강좌] 2. 태극기 그리기 [18] 서기 2005.05.22 12345
1713 현란하고 복잡하고 알록달록한 타이포그래피 만들기. [13] file mtalk 2004.01.20 12341
1712 [킹이랑]눈 위에 쓴 글씨... [1] file 장미현 2003.08.10 12335
1711 건축구조물 제작하기 < 2강 - 간단한 건물 제작 (설계) > [5] file º Es』 2004.03.01 12326
1710 초보분들을 위한 사진 단순화시키기. [10] file hozz호찌 2003.04.17 12321
1709 [동영상]펄펄~ 눈이옵니다. [3] 이희덕 2002.09.24 12289
1708 모자이크 타일 효과 내기 [19] Headvoy 2002.03.11 12281
1707 [E.Design]사진 이미지에 그림자 넣기(다른방법입니다;;) [11] file sexyboom 2004.01.21 12261
1706 레고 피겨 찍기 [33] file 권영록 2003.08.05 12257
1705 이상한.... 그림만들어 보기...-_-;;; [11] file Win'X' 2004.02.25 12237
1704 로고(?) 같은것에 쓰이는 원 만들기 [11] file 전치원 2003.08.19 12234
1703 간단한 브러쉬 툴을 이용한 버튼 효과 [14] file 새드카페 2003.09.06 12209
1702 네온싸인 만들기 [1] file 여어자 2003.05.06 12207
1701 뭔가 더욱 귀찮아진 뽀샤시 방법 -0-;;; [10] file LILIS 2003.04.20 12193
1700 ⓒe~☆'s first Dot Art - PS2 [24] file ⓒe~☆ 2003.08.12 12187
1699 [SWISH]간단한 플래쉬 서브메뉴 만들기   ▨ 동영상 ▨ [6] file 서기 2003.09.19 12182
1698 한복 여인 [19] file 허접이프로그래머 2004.08.11 12171
1697 글자속에서 움직이는 이미지 [11] file 어지니 2005.04.01 12138
1696 허졉한 눈강의 [ 날카로운눈] [18] file ps그림판 2004.08.13 12125