페인트샵 펜도구 기초 두번째입니다.
이번에는 드로잉과정에서,
사전설정모양이나 글자를 벡터로 쓴 후의, 드로잉 변환과정과 우클릭했을 때의 메뉴를 알아봅니다.
어떤 걸 특별히 만든다기 보다는, 그냥 공허하게(?) 과정만 해봅니다. 그래서, 중간정도 과정까지만 합니다.
|
(*) 모든 펜도구 단축키는 기본 지정된 단축키 외에, 사용자가 단축키를 추가로 지정해서 사용할 수 있습니다. 메뉴바에 우클릭 -> customize -> 단축키 -> 펜도구 단축키 에서 재설정 가능
|
파트 A. 사전설정모양과, 드로잉에서의 노드 추가와 제거
1. 400 X 400 PX 흰색 배경 만들기
2. 전경색/배경색 설정하고, 사전설정모양의 타원도구 선택 후 타원도구설정을 합니다.
3. 벡터모드로 타원을 그립니다.
* 벡터모드에서 해야, 단축키가 됩니다.
4. 펜도구를 누릅니다.
노드가 4개 보이지만, 크기 조정외에는 안됩니다.
드로잉(자유조정)을 위해서는, 우클릭 > 경로로 변환 해줍니다.
경로로 변환 후에는, 콘트롤암(control arm, 조정하는 팔)을 조정해서, 자유롭게 조정이 가능해 집니다.
5. 불필요한 노드를 없애봅니다.
* 노드가 많게 되면, 다양하게 조정이 가능해 지지만,
다양한 조정이 필요한 복잡한 모양이 아니면, 깨끗한 곡면처리를 위해서, 노드수를 적게 가져갈 수 도 있습니다.
여기는 위.아래 노드 2개만 남기고, 왼쪽.오른쪽 노드를 다른 노드에 합쳐봅니다.
왼쪽의 노드 선택후 , Ctrl 버튼 누르면 Merge가 보입니다. 클릭하면, 왼쪽 노드가 사라지게 됩니다.
(단축키는 노드선택 후, Ctrl + M ; Merge의 앞자)
오른쪽도 마찬가지로 다른 노드에 합쳐줍니다. (=없애줍니다)
6. 위쪽 노드 선택하고, 오른쪽 콘트롤암을 작게 해줘봅니다. 작게해주게 되면, 오른쪽의 곡면이 가파르게 됩니다.
양쪽의 콘트롤암을 똑같이 줄이기 위해서는, 위쪽노드에 우클릭 > 노드유형 > 대칭(symmetric) 해줍니다.
(단축키는 노드선택 후, Ctrl + S ; symmetric의 앞자)
이제는 양쪽 콘트롤암 크기가 같은 비율로, 움직이게 됩니다.
7. 이제는 오른쪽 면에 노드를 추가해 봅니다.
Ctrl 누르고, 오른쪽 선에 마우스를 가져가면, ADD라고 나오게 됩니다.
클릭하면, 노드가 추가되어, 더 다양한 모양으로 조정을 할 수 있게 됩니다.
8-1. 노드(등고선) 닫기 (단축키 : Ctrl + Shift + C : Close 의 앞자)
* 열린 노드를 닫습니다.
8-2. 새 노드(등고선) 시작 (단축키 : Ctrl + Shift + A : stArt )
현재 같은 레이어에서, 새로운 시작점으로 다시 만들기
9. 두 노드 연결하기 (단축키 : Ctrl + J : join 의 앞자)
* 위 8-1번의 노드닫기가 더 편리합니다. 그냥 구색으로 씁니다.
* 위 방법외에, 한쪽 노드를 마우스로 찍어서, 이으려는 노드에 가까이 가져가면, join 이란 글자가 나타남. 이어주면 됨
10. 그 외 단축키 :
노드 추가로 선택하기 : Shift 누르고, 노드 선택 -> 빈 노드가 검정색으로 선택됨
노드 전체 선택 = Ctrl + A : all의 앞자
노드 전체 선택 해제 = Ctrl + Shift + A
노드는 선택한 후에, 화살키(1px 이동) / Ctrl + 화살키 (10px 이동) / Shift + 화살키 (50px 이동) 로 이동시킬 수 있습니다.
Alt 키를 누르게 되면, 노드나 레이어경계를 감춰줍니다.
파트 B. 직선을 곡선으로 바꾸기
1. 이번엔 펜도구의 직선도구로, 직사각형을 그려봅니다.
* 그냥 사전설정모양으로 직사각형을 만든 후에, 우클릭 > 경로로 변환해도 같습니다.
** 쉬프트누르고 당기면서 그리면, 똑바르게 그려집니다.
*** 가운데로 정렬은 , 개체 > 정렬 > 가운데정렬 합니다.
참고로, 수평선이나 수직선을 그릴 때는, 직선옵션 선택하고, SHIFT 누르고 시작점 콕~ SHIFT 누른 상태에서 끝점 콕 하면 됩니다. |
2. 노드 찍고, 우클릭> 노드유형 > 뒤에 선(curve after)를 해줍니다.
(단축키는 노드선택 후, Ctrl + 2 ; 앞에 곡선추가는 Ctrl + 1 )
* 더블클릭(단축키는 노드선택후, Ctrl + A)으로 모든 노드를 선택한 다음, (모든 노드 선택해제는, Ctrl + Shift + A)
우클릭 > 노드유형 > 뒤에 선(Ctrl + 2)해주면, 4방향에 곡면을 만들 수 있습니다.
확대해보면, 콘트롤 암이 생겼습니다. (잘 안보입니다.) 잡아 당기면 곡선으로 됩니다.
이런 식으로, 직선을 곡선으로 바꿀 수 있게 됩니다.
** 우클릭 > 노드유형 > 앞(뒤)에 선(단축키는 노드선택후, Ctrl + B; before & Ctrl + F ; after)
: 이 것은 반대로, 곡선을 직선으로 바꿔줍니다.
*** 선택노드 앞.뒤 모두 직선변환은, 우클릭 > 노드유형 > 선으로 변환(단축키는 Ctrl + L ; Line의 앞자)
파트 C. 글자를 바꿔봅니다.
1. 600 X 400 px 흰색 바탕에, 글을 벡터모드로 씁니다.
2. 글자에 우클릭> 곡선으로 변환 > 문자단위로 해줍니다.
* 글자에 우클릭> 경로로 변환이나 우클릭> 곡선으로 변환 > 단일모양으로 해도 됩니다.
이 경우에는, 위의 파트 A,B와 같은 일반처리로 바뀝니다.
3. 펜도구를 누르고, 레이어를 펼쳐봅니다. 각각 글자단위로 모양이 있게 됩니다.
각각 글자에 더블클릭해서, 속성을 바꿔줘봅니다. 여기는 색깔만 바꿉니다.
4. 이 상태에서, 레이어의 각 글자를 선택하고, 수정할 수 있게됩니다.
수정방법은 위 파트 A, B 방식으로 하면 됩니다.
파트 D. 복제해보고, 일정부분을 잘라서, 삭제해봅니다.
1. 파트 A. 의 4번까지 작업을 합니다.
2. 더블클릭으로 모든 노드를 선택한 다음(모든 노드 선택해제는, Ctrl + Shift + A), 우클릭 > 편집 > 복제와 오프셋을 해줍니다. (단축키는 Ctrl + Shift + D ; Duplicate의 앞자)
* 없으면, 그냥 복제하고 이동시키면 됩니다.
3. 각각 노드를 쉬프트 누르고 선택한 다음, 콘트롤암으로 조정해줍니다.
* 노드 모두를 더블클릭으로 선택한 상태에서, 하나의 노드선택은 쉬프트를 누르고, 선택합니다.
4. 나이프모드에서, 칼을 잡고, 곡선의 아래부분을 잘라줍니다.
마우스를 가져가면, START라는 표시가 나타나면 잡고 옮겨 줍니다.
다른쪽 END 부분도 옮겨줍니다.
5. 다른쪽도 나이프로 잘라서, 바로위 4번처럼 해줍니다.
6. 가운데 남은 연결되지않은 곡선을, 노드2개 모두 선택하고(더블클릭) DELETE 버튼으로 삭제해줍니다.
7. 잘렸던 끝부분을 적당히 조정하면 됩니다.
* 비슷한 식으로 우클릭 >편집 >복사(붙여넣기, 잘라내기)기능도 사용하실 수 있습니다. (단축키는 노드선택 후, 복사 Ctrl + C , 붙여넣기 Ctrl + V, 잘라내기 Ctrl + X)
파트 E. 사전설정모양 변환하기
1. 400 x 400px 흰색바탕 만들기
전경색 흰색, 배경색 검정색
2. 사전설정모양중 callout1(말풍선1)으로 벡터로 만든 다음, 개체 > 정렬 > 캔버스 가운데 실행
3. 펜도구 누른 다음, ctrl 버튼 누르고 적당히(?), 노드를 추가해줍니다.
* 여기는 4개 더 추가했습니다. 원래4개까지 8개가 됩니다.
4. 아무 노드나 더블클릭해서, 전체노드 선택 후, 우클릭 > 노드유형(Node type) > 뾰족한끝(Cusp, 단축키 Ctrl + U)선택
* 뽀족한 끝 단축키는 누르기는 좀 불편하지만, 펜도구 중에서 가장 많이 쓰는 단축키 중 하나 입니다.
* 저는 cusp 단축키(Ctrl + U)가 불편해서, Shift + C 를 추가해서 씁니다.
* 뾰족한끝(Cusp)로 하지 않으면, 한쪽 조정할때 다른쪽은 반대쪽으로 (S자처럼) 조정됩니다.
뾰족한끝(Cusp)으로 해야, 식빵(?)모양처럼 조정할 수 있습니다.
5. Ctrl + SHIFT + A(모든 노드 선택해제) 누르시든지, SHIFT 누르고 아무노드나 클릭하고(그 노드 만 해제), 다시 한번 클릭(그 노드만 선택)해 줍니다.
6. 선택된 노드를 안쪽으로 움직인 다음, 양쪽 콘트롤암을 세워줍니다.
7. 다른 노드들도 같은 방식으로, 안쪽으로 이동시켜 준다음, 콘트롤암을 조정해줍니다.
* 아래쪽 말풍선 꼬리도 조정할 수 있습니다.
** 이런 식으로 그냥 타원이나 원, 사각형등을 먼저 만든 후에, 우클릭> 곡선으로 변환해서, 모양을 바꿀 수 있습니다.
8. 다 하고 나서, 사전설정모양으로 저장해 봅니다.
a. 벡터레이어 열고, 안의 모양레이어 이름을 바꿔줍니다. (사전설정모양 목록에 나타나는 이름이 됩니다.)
b. 파일 > 내보내기 > 모양으로 내보냅니다. (저장될 파일이름을 넣습니다.)
저장되면, 이렇게 쓸 수 있게 됩니다.
* 사전설정모양 dingbat 폰트로 만드는게 편하긴 합니다.(http://jjangfree.tistory.com/298)
여기는 Cusp를 알아보려고 했습니다.
|
펜도구 단축키 정리 Ctrl + 1 : 앞에 곡선 Ctrl + L : 선(라인)으로 변환 Ctrl + U : 뾰족한 끝 Ctrl + A : 모든 노드 선택 Ctrl + Shift + C : 노드 닫기 Ctrl + Shift + S : 비대칭 Ctrl + D : 선택해제 // 구버전에서는 Ctrl + D로 펜툴 이용할 때 됐었는데, 신버전플랫폼에서는 Ctrl + D는 선택영역의 선택안함(선택해제)로만 쓰이고, 벡터에는 사용되지 않습니다. 벡터 이용시 선택해제(Apply=적용)은, 적용(Apply)버튼 누르거나, 개체 > 편집 > 선택안함 누르거나, 선택안함을 사용자정의 키보드에서 따로 단축키를 지정해야 합니다. ~ 그러니까, 신버전 플랫폼 이후로는, 선택해제(선택안함 , select none)이 선택영역 > 선택안함에도 있고, 개체 > 편집 > 선택안함으로 분리되어 있습니다. Ctrl + Shift + D: 복제와 오프셋 Ctrl + M 이나 노드 선택한 후 Ctrl + 노드클릭 : 병합(노드 합치기) Ctrl + C : 복사 Ctrl + K : 끊기 Break 의 K Ctrl + I : 선택 반전 Ctrl + Shift + F : 상하뒤집기 flip 의 f |
|
팁!! 펜도구 이용할 때의 우클릭 메뉴도, 단축키를 지정할 수 있습니다. 보기 - 사용자정의 - 키보드 에서 펜도구(pentool context menu) 메뉴나 상단메뉴 우클릭 Customize에서 단축키를 지정할 수 있습니다.
버그가 있어서, 단축키 지정이 풀리는 경우가 있는데, 단축키 메뉴 중에 왼쪽도구 부분의 겹치는 단축키가 해제되어야 겠죠. 간혹 이상한 글자??? 가 써져있는데, 이러면 펜도구 단축키가 풀려버려요. 자주 안쓰는 도구 대신 넣으시면 좋겠습니다. 단축키 지정하신 후엔, 파일 -> 작업영역에서 "내작업영역"이나 아니면 "펜도구전용작업영역" 같은 이름으로 따로 저장해두시구요. Line Before(앞에 선) 정도는, 따로 키 하나로 지정해주시는 게 좋습니다. 포토샵의 alt 눌러서 한쪽 콘트롤암 잘라주는 것처럼, 곡선 그릴 때 부자연스럽게 꺽이는 부분을 잡아줘요.
|
파트 F. 프리핸드 그리기
그냥 자유롭게 마우스나 타블렛으로 그립니다. 옆에 추척(Trace)는 마우스.타블렛의 움직임을, 얼마나 작
은 단위로 잡아내어 노드로 나타내주는가 입니다. 1로 놓으면 세세하게 잡아내지만 약간 지글지글?하게
나옵니다. 100은 노드수는 적어지고, 좀 더 부드럽게 잡아냅니다.
파트 G. 도넛 모양 만들기
펜도구로 그린 후에, 안쪽 패스 부분을 모두선택(노드 중 한개에 더블클릭) 후, 우클릭 > 편집 > 등고선 거꾸로(reverse contour?) 하면 됩니다.
아니면, 바깥부분 경로를 그린 상태에서, 노드를 모두선택 후, 우클릭 >편집 > 경로 거꾸로(reverse path?) 해놓고, 안쪽 경로를 그려주면 자동으로 비워지게 됩니다.
일반적인 벡터모양을 만들고, 우클릭 > 경로로 변환 했을 경우엔,
그냥 안쪽 경로를 그려주면, 됩니다.
여기까지입니다. 저도 초보라서 여기까지 밖에 할 수 없습니다.
어떤 구체적인 걸 연습하시려면, 이쪽 까페의 드로잉.오이깍기 카테고리에서 해보세요.
http://cafe.naver.com/ArticleList.nhn?search.clubid=12559027&search.menuid=59&search.boardtype=L
외국드로잉은
http://graphic-and-arts-by-elle.com/PSPX/Bear/PSPX-Bear-Tutorial.htm
http://www.michelespaintshop.com/paint-shop-pro-doll-tutorial.php