메뉴 건너뛰기

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
255 SWISH (스위시) 메인화면 설명 [2] file 아메 2003.02.13 4213
254 [포토샵 7.0 동영상강좌] 7. 레이어 이팩트 사용방법 [2] 서기 2005.10.24 4204
253 뱅글 뱅글 돌아가는 동글뱅이 만들기 [5] file 낭낭앤 2003.01.09 4204
252 스위시맥스4강[기본액션 활용] [2] 에듀멘 2006.02.28 4185
251 [jin]5번째. 꽃그리기. [11] file jin 2003.02.24 4176
250 - 색채우기 팁! [12] file 푸리 2003.02.10 4161
249 [포토샵 7.0 동영상강좌] 5. Pen Tool(선택툴) [2] 서기 2005.09.21 4130
248 포토샵 초기화하기 [3] 햐얀그림자 2003.01.21 4129
247 [초급]포토샵레이어의개념 [3] file rombardi 2003.04.26 4125
246 [동영상강좌] 제6회차 - 테두리 흐릿한 이미지 만들기 아이티스터디 2006.02.02 4094
245 SWISH 버튼만들기 3)image button [2] file 아메 2003.03.18 4092
244 [퍼니페인트]오랜만에 강좌 요상한 액자 만들기. [7] 대현 2002.11.05 4074
243 [퍼니페인트]효과를 쉽게 주자~ "효과 브라우져" [1] funnyPSP 2002.02.23 4069
242 [플래시 MX 동영상 강좌] 10. Shape Hint [6] 서기 2005.05.29 4060
241 [페인터] 미로만들기=_=~ 길도 찾아준답니다;; (*_*페인터 첫강좌!!) [5] file 야로-_-v 2003.01.22 4042
240 [세녹스디자인] 무슨효과인지 모름..(올록볼록 효과인가!) ^..^ [2] file 김재동 2002.08.10 4038
239 에어브러시 툴로 원 그리기 [6] file duwhill2 2002.08.21 4033
238 [포토샵 7.0 동영상강좌] 4. Type Tool(텍스트 도구 ) [2] 서기 2005.09.21 4020
237 [퍼니페인트]입체적인 봉 만들기 [5] funnyPSP 2002.03.10 4002
236 [동영상] 제2강 motion 명령과 심볼 [98] 인테리어뱅크 2006.04.11 4000