벡터이미지(Inkscape)

회사로고모음 만들기 잉크스케이프 Inkscape 엠블럼 만들기 따라하기 파랑새 벡터이미지

석스월드 2017. 8. 17. 00:01

잉크스케이프를 이용해 파랑새 엠블럼을 만들어

블로그의 대표사진으로 사용해 보겠습니다.

 

우선 적당한 파랑새 참고 사진을 갖고 옵니다.

 

"파랑새"를 검색해 적당한 이미지를 다운로드 한 것입니다.

 

잉크스케이프에서 "File > Open" 에서 위 그림파일을 불러옵니다.

 

이미지를 선택하고 "Path > Trace Bitmap"을 선택합니다.

 

위와 같이 설정합니다.

("Remove background"를 체크해 배경은 제외하고

전경("파랑새" 부분)만 벡터이미지로 만듭니다.)

 

(참고로 "전경", "배경"은 심리학 용어에서 시작되었는데

"두드러지게 인식되는 것"을 "전경"이라 하고

"전경을 둘러싼 환경"을 "배경"이라 합니다.

그림에서는 중심이 되는 개체를 "전경"

그 외의 부분을 "배경"이라고 한다 정도로 이해...)

 

원본그림 위에 새그림 부분만 벡터이미지가 만들어졌습니다. - 왼쪽 그림

원본 그림(배경)을 선택해 지웁니다.(delete) - 오른쪽 그림

 

오른쪽 그림에 불필요한 부분이 보입니다.

(빨간색으로 표시한 부분)

이것을 지워야 합니다.

 

화면 왼쪽의 "Edit paths by nodes"를 선택합니다.

 

이후 파랑새 그림부분을 클릭하면 그림 테두리에

작은 사각형("노드")이 많이 생깁니다.

불필요한 부분의 "노드"를 드래그 선택해서 지웁니다.

 

 

참고로 꼭 알아야할 벡터이미지 용어를 정리합니다.

벡터이미지 경계의 가상의 선(테두리)을 "패스(path)"라 하고

패스를 딸라 생기 작은 사각형을 "노드(node)"라고 하고

노드를 한번 더 선택하면 노드를 중심으로 양 옆에 생기는 선을

"베지어 핸들(handle)"이라고 하고

"노드"로 나뉘어진 "패스"의 부분은 "세그먼트(segment)"라고 합니다.

 

벡터이미지는 "패스"로 도형의 경계를 구분하고

"노드"와 "핸들"을 조정해 "패스"의 모양을 변경하여

편집을 하는 방식입니다. 이렇게 이해하세요.

 

"패스"가 울퉁불퉁 튀어나온 부분이 있으면

"핸들"을 조정하거나 "패스"를 부드럽게 하는 기능을 적용해줍니다.

(노드 선택 후 화면 상단의 빨간 동그라미 부분 선택)

(이 외에도 여러가지 기능이 있음)

 

수정 전(왼쪽), 수정 후(오른쪽) 입니다.

불필요한 부분들을 제거하였습니다.

 

파랑새의 부리 부분이 마음에 안 드네요.

좀더 길고 뾰족하게 하고 싶습니다.

부리 부분의 "노드"를 선택해서 "베지어 핸들"을 조정하면

아래와 같이 부리를 길고 뽀족하게 만들 수 있습니다.

 

이제 몸통의 색에 변화를 주겠습니다.

 

"Object > Fill & Stroke"를 선택합니다.

화면 오른쪽에 Fill & Stroke 작업창이 나타납니다.

 

파란 선으로 표시한 부분에서

채색 패턴(단색, 그래디언트 등)을 선택할 수 있습니다.

빨간선 표시 부분에서는 색과 투명도를 선택할 수 있습니다.

(파랑새니까 파란색 계통을 칠해줍니다.)

 

(참고로 제일 위의 "Stroke ..." 라고 된 탭은

패스를 따라 경계선을 그리는 것인데

꼭 필요하지 않는한 표시하지 않습니다.)

 

채색의 그래디언트 효과를 주기 위해

화면 왼쪽의 "Create & edit gradients" 를 선택하고

(아래 빨간선 표시 부분)

그림 부분에 더블클릭합니다.

그러면 그림에 그래디언트 효과를

세분화하기 위한 가로선이 나타납니다.

(보라선 표시 부분)

 

가로선의 원하는 부분에 더블클릭을 하면

새로운 점이 하나 생깁니다.

(위 파란선 표시한 부분의 "Edit"를 눌러 "Add stop"를 해도 됩니다.)

 

 

그래디언트 선의 각 점을 더블클릭하여

색과 투명도를 지정하여 그래디언트 효과를 줍니다.

 

가로선의 각도를 아래와 같이 조정하여

그래디언트 방향도 조정할 수 있습니다.

 

저는 이렇게 주기로 했습니다.

 

이제 마무리 단계입니다.

 

"File > Save as"를 눌러 svg 벡터파일로 저장합니다.

 

"File > Export Bitmap" 눌러 바로 사용할 수 있는

비트맵파일(png)을 저장합니다.

 

 

파랑새.svg

 

만들어진 .png 비트맵파일은 배경이 투명한 파일입니다.

"알씨"에서 이 파일을 열어 "다른 이름으로 저장"을 하면

배경이 희색인 비트맵파일(jpg, bmp 등)을 만들 수 있습니다.

 

저는 이 그림을 블로그의 엠블럼/대문 사진으로 사용할 겁니다.

"파랑새 탐험대"니까...

 

 

2017/08/14 - [벡터이미지(Inkscape)] - 웹디자인트렌드 잉크스케이프 _ 벡터이미지 변환(Trace) - ai파일 cdr파일 svg파일

2017/08/12 - [벡터이미지(Inkscape)] - 손가락아이콘 만들기!! 잉크스케이프 소개 벡터이미지 프로그램

 

 

이 글을 공감하는 여러분은 이 시대의

성공하는 리더입니다.

 

공감한다면 공유 댓글 공감!!

 

공유는 새로운 문화를 만듭니다!!