게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
벡터강좌) 잉크스케이프로 벡터를 그려보자 -1
게시물ID : humorbest_890529짧은주소 복사하기
작성자 : S.Guri
추천 : 17
조회수 : 11543회
댓글수 : 6개
베스트 등록시간 : 2014/05/30 17:11:24
원본글 작성시간 : 2014/05/30 03:28:20
얼마전 부터 잉크스케이프를 이용하여 벡터짤을 뽑아내고 있는 S.Guri 입니다

오늘 이렇게 글을 쓴건..

저도 이거 배울라고하니 엄청 힘들더라고요..

구글에 mlp inkscape 치면  나오는 동영상은 많지만 거의 영어이기도 하고요

그래서 같이 방법 공유좀 할 겸 해서 글을 씁니다


뭐... 이 일이 노가다라서 그렇지 배우는데는 그리 오래 걸리지 않으니

많은분들이 배워 벡터짤 뿜뿜좀 해주셨음 하기도 하고요

1. 다운로드 경로
일단 벡터짤이라 하면

아무리 확대해도 깨지지 않는 그런 꿈만 같은 그림파일을 얘기하죠

보통 포토샵일러스트레이터, 사이툴 등의 프로그램으로 만드는데

비쌉니다......

사이툴은 뭐 6만원 돈이긴 하지만요...

쨌든 그래서 찾은 대체 프로그램이

http://www.inkscape.org/en/

잉크스케이프!

무료 오픈소스 프로그램입니다

무료임에도 상당한 성능을 보여주어 (최소한 제 기준에는...) 아주 만족스럽게 사용하고 있죠

설치과정은 그냥 예 예 누르다보면 설치 되는데요

여기서 중요한 점!!!!!

만약 한글판을 원하시면

사용자 설정할 때
transcrip에서 ko를 선택해 주셔야 됩니다

쨌든 그렇게 설치를 끝내시면 기본 준비는 완료 됩니다

2. 인터페이스
01 인터페이스.png
 자주 사용하는 인터페이스와 단축키 입니다

제 경우 일단 시작하자마자

shift+ctrl+F, L 을 눌러

레이어 창과 윤곽선 창을 띄워두고 시작합니다

그래야 편하거든요

기본적으로 

마우스 휠 드래그로 상/하 이동

shift +휠드래그로 좌/우 이동

ctrl+ 휠 드래그로 확대/축소 입니다

각 아이콘에 대한 자세한 설명은 하나하나 따라가면서 말씀드릴게요

3. 그림 불러오기
03 불러오기.png

ctrl+O 또는 파일-열기로 원하는 사진을 가져옵니다


03 파레트.png

ctrl+ i 또는 파일-불러오기로 파레트를 불러옵니다

불러오기와 열기의 차이점은 새 창이 뜨냐 안뜨냐의 차이고

둘다 내장 혹은 embed를 선택해주시면 됩니다

파레트는 구글에 mlp pallet 이라고 치면 많이 나오고요

제 경우는 이 파레트 들을 쓰고 있습니다
http://kefkafloyd.deviantart.com/art/Applejack-Color-Guide-2-0-UPDATED-199521751

이 파레트의 문제점은.... PDF라 이대로 쓰시면 나중에 대참사가 일어나니 반드시 png파일로 변환해 주신 뒤 써야합니다.

4. 레이어 설정
 
가장 중요한 단계입니다

이거 잘못시작하면 나중에 수습 정말 힘들어 집니다....

제 경우는 최 상위 레이어부터


눈썹
몸라인
꼬리,갈기라인
몸 색최종수정
큐티마크
몸색
갈기색
배경

순으로 정렬해서 사용하며 이 순서는 그때그때 바뀌기도 합니다

우선

우측상단 레이어 창에서 배경레이어를 만든 뒤 배경과 파레트를 옮깁니다
04 BG.png

그리고 빨간색 원처럼 레이어를 잠궈줍니다

이러면 잠금해제를 하기 전까지는 레이어를 더이상 편집 할 수 없어 작업중에 발생 할 수 있는 클릭미스 등의 실수를 막아줍니다

빨간원의 왼쪽에 있는 눈 버튼을 이용해 배경을 끄고 켤 수 있습니다 

이번 그림을 보아하니....

레이어 설정은 

눈썹
갈기선
몸선
몸 색 수정
갈기색
몸색

순서로 레이어를 깔면 될 것 같네요

어느부분이 어디를 가리는지를 잘 생각하시고

항상 "색"은 모든 종류의 "선" 아래에 있는게 나중에 고치기 편합니다

5. 시작하기

제 경우는 

아래레이어 라인-> 위쪽레이어라인 순으로 작업 한 뒤

아래 레이어 색-> 위쪽레이어 색 으로 색칠하고

눈과 큐맠을 붙인 뒤 삐져나온곳을 덧칠하여 마무리 합니다

일단 가장 아래 선인 몸 선에 대한 레이어를 만들어줍니다 
05 몸레이어.png

이 때

자기만의 기준으로 레이어 이름을 정리하는것이 필요한데요

제 경우는 

[이름 부위-종류-색]

순으로 레이어 이름을 붙입니다

즉 

RD B-L 의 경우는 

레인보우대시 Body-Line 이라는 뜻 이고요

TS MT-C-v,p 의 뜻은

트와일라잇스파클 Mane,Tail-Color-violet,pink 라는 뜻 이고요

메인 6의 경우 각각 AJ FS PP RD RT TS

CMC의 경우 ApB StB Sct 로 부르고 있습니다  

이런식으로 레이어이름을 전체 통일해 두어야지 나중에 헷갈리지 않습니다.

특히 다른 그림에서 선을 복붙할때 편하죠

이정도 정리를 했으면 중간저장을 해 줍니다
05 중간저장.png

ctrl+shift+s 나 파일-다른이름으로 저장을 들어가 

반드시 svg파일 형식(inkscape 작업파일)로 저장을 합니다.

안그러면 나중에 레이어랑 작업내역이 죄다 날아간 아름다운 모습을 보실 수 있을겁니다

6. 몸 선 따기


지금부터 아주 재밌고 행복하고 즐거워서 샤이를 울린 디스코드한테 하고 싶은 행동들을 하고 싶게 만드는  선따기 시간이네요 

아까만든 레이어가 선택된 걸 확인 한 뒤

shift+F6 또는 우측의 빨간 아이콘을 눌러 선을 그려줍니다

간단한 귀부터 시작하죠

시작점, 중간꺽임점 끝 점을 클릭한 뒤

엔터를 눌러 선을 그려줍니다
06 선1.png

나중에 고칠 기회는 많으니 저렇게 최대한 대충 그려주세요

혹시 실수로 잘못찍은 경우에는 delete 키를 누르면 마지막 노드가 삭제됩니다


나머지 부분도 비슷하게 그려줍니다

제 경우는 노드가 적으면 적을수록 편하다 생각해서 최대한 적은 노드를 찍어줍니다

나중에 7. 선 정리편에서도 얘기하겠지만

일단 최대한 적은 개수의 노드를 찍어주세요
06 선2.png

사실 제 경우는 눈,코,귀 라인은 안 그려도 되지만(po복붙wer ㅋㅋㅋ) 이해를 돕기위해 일단 그려봤습니다

이렇게 하셨으면 

f2 키를 눌러 노드정리 모드로 들어갑니다

06 선3.png
"노드" 라하면 초록색 원 처럼

선을 그릴때 고정되는 기준 점들을 의미합니다

그리고

약간이라도 뾰족하지 않은 점들을 선택해 선택노드를 부드럽게 버튼을 눌러주거나

ctrl+해당노드 클릭 을 해 줍니다
06 선4.png
그러면 해당 노드가 부드러워지면서 이렇게 개판이 납니다.....

처음에 점 잘못찍으면 이리 고생하는거에요....

사실 별 상관은 없습니다 ㅋ

왜냐고요?

옮기면 되니까죠

해당선을 클릭해서 마음에 드는 위치로 옮겨줍니다

몇번 꼼지락 거리다보면 대충 감을 잡으시겠지만

노드에서 가까운 점을 잡을수록 변화가 급격해 집니다
06 선5.png


06 선6.png
이제 대충 맞긴 했는데 아직도 부족하군요

빨강원 안의 동그라미들을 움직여 미세조정을 해 줍니다

노드와 저 동그라미의 각도가 해당 점에서의 기울기를 의미하고

노드와 동그라이 사이의 거리는 기울기의 영향도(?) 늘 나타냅니다

사실...

이부분은 그냥 해보시면 빨라요
(아니면 아주 공대틱한 설명으로 대신 할 수도 있고요....)

완성!
06 선7.png


이제 윤곽선 라인 박스에서 윤곽선 스타일로 들어가 적당히 선 굵기를 맞춰줍니다 

06 선8.png

다른라인들도 위와 같은방법으로 마무리 해 줍니다


06 선9.png



일단

오늘은 이정도만 할게요....

너무 길어서 쓰다보니 힘드네요 ㅠㅠ

내일은 7. 선 정리 부터 시작해서 끝까지 갈게요




설마.....

이정도로 고생하면서 글 썼는데

지나가다 ㅊㅊ 하나씩은 눌러주시겠지.....

뭐...

반응이 너무 냉담하면 2편은 없는..거..로.... ㅠㅠ

(저번에는 깡 새벽에 올라온 글도 잘만 베오베 보내더만.... 쳇)

아 말 나온 김에

머리 풀리는 속도가 빨라지네요

잘하면 6월중에 핑크염색 할 수도 있겠습니다

후......... 어디보자 고층빌딩이.......)
꼬릿말 보기
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호