본문 바로가기
App 디자인 도전기

[디자인] 일러스트 필수! 이미지 윤곽 자동으로 그리기

by 코딩히어로 2022. 10. 12.
728x90

디자인 작업을 하다 보면 인터넷에서도 이미지를 참고해야 하는 경우가 많은 거 같습니다

아무래도 전문적으로 디자인을 그리는 사람이 아니라 이제 시작하는 단계라서

그런 것도 있는 것 같지만 일러스트에서 윤곽을 그려주는 도구는 정말

디자인을 어렵게 아주 허접하게 하나하나 그려가고 있던 저에게는 유레카 같은 발견이었습니다

 

예를 들어 제 블로그인 코딩 히어로를 캡처해서 원하는 글자만 이미지에서 가져오고 싶습니다

1

제가 원하는 글자는 코딩 히어로입니다

그럼 해당 그림을 그림판을 통해 잘라서 단일 이미지로 만들어줍니다

2

일러스트를 통해 해당 이미지를 불러온 뒤 그림을 눌러 다음과 같이 메뉴에서

Image Trace 옆의 세부항목 버튼을 누른 뒤 High Fidelity Photo를 클릭합니다

3

그런 다음 메뉴가 다음과 같이 바뀌면 Expand버튼을 눌러주기만 하면

일러스트에서 알아서 윤곽들을 그려줍니다 간단하지 않나요?

45

이렇게 만들어진 윤곽을 통해 원하는 글자를 더블클릭하면 단일 선택이 가능합니다

단일 선택을 한 이미지를 끌어와 재배치하면 다음과 같이 원본 이미지에서 아래로 글자가 이동됩니다

6

나머지 필요 없는 이미지 부분은 del키를 통해 지워주고 가져온 이미지의 색상을 변경합니다

7

이렇게 인터넷을 통해 다른 이미지의 한 영역을 가져오고 싶다면

해당 포스팅의 기능을 이용해서 쉽게 구현이 가능합니다

728x90
반응형

'App 디자인 도전기' 카테고리의 다른 글

[디자인] 로고에 맞는 배경 제작  (2) 2022.10.12

댓글