먼저 판단하기: PNG가 바로 확대되지 않는 이유
PNG와 JPG는 모두 픽셀 이미지로, 화면이 고정된 수의 사각형 픽셀로 구성됩니다. 원본 크기 이상으로 확대하면 소프트웨어가 보간으로 픽셀을 채울 수밖에 없어 가장자리가 흐려지고 계단 현상이 생기며, 색상 경계도 뭉개집니다. 이는 파일에 투명 배경이 있는지와 무관합니다. 투명 채널은 배경 문제를 해결할 뿐 해상도 문제를 해결하지 않습니다.
벡터 파일(일반적인 형식: AI, EPS, SVG, PDF)은 수학적 경로로 모양과 곡선을 설명하므로 어떤 크기로 확대해도 선명하며, 색상, 글꼴, 간격을 수정하기도 편리합니다. 따라서 'PNG만 있을 때 어떻게 벡터로 만드는가'의 본질은 픽셀 정보를 경로 정보로 다시 변환하는 것이지, 형식 변환 버튼 하나로 끝나는 일이 아닙니다.
시작하기 전에 두 가지를 확인하세요
1. 이 로고의 원본 파일이 남아 있는지
먼저 회사 내부를 찾아보세요. 로고를 처음 디자인한 업체, 명함을 인쇄한 인쇄소, 간판이나 전시판을 제작한 업체 등이 원본 파일을 보유하고 있을 수 있습니다. 원본 벡터 파일은 보통 .ai, .eps, .svg, .pdf를 포함하며, 일부 디자이너는 글꼴 파일이나 글꼴 이름 설명을 함께 전달하기도 합니다. 원본 파일을 찾으면 비용과 위험이 다시 그리는 것보다 훨씬 낮습니다.
만약 큰 사이즈의 고해상도 이미지만 찾았다면 그것도 보관하세요. 재드로잉 결과보다 원래 디자인에 더 가까우므로 비교 참조용으로 사용할 수 있습니다.
2. 이번 벡터화의 용도는 무엇인지
용도에 따라 정밀도 요구가 달라집니다:
- 웹, PPT 표시용: 경로 정밀도 요구가 상대적으로 낮고, 가장자리가 깨끗하고 색상이 정확하면 됩니다.
- 인쇄물(명함, 브로슈어, 포장, 배너): 실제 벡터 경로가 필요하며 별색, 재단 여백, 인쇄 색차를 고려해야 하므로 인쇄 업체와 파일 요구사항을 확인해야 합니다.
- 대형 출력(전시판, 간판, 차량 래핑): 노드 매끄러움과 곡선 재현도 요구가 더 높으며, 비트맵 확대는 매우 두드러집니다.
- 추후 글자, 색상 변경, 다국어 버전 제작: 병합된 벡터 이미지가 아니라 편집 가능한 레이어 원본 파일이 필요합니다.
세 가지 실행 가능한 방법
방법 1: 자동 추적
Illustrator의 '이미지 추적', Inkscape의 'Trace Bitmap' 등의 도구는 비트맵 윤곽을 경로로 변환할 수 있습니다. 단순한 도형, 색상이 적고 가장자리가 선명한 로고(예: 단색 기하 도형, 단색 워드마크)에 적합합니다.
한계도 분명합니다. 그라데이션, 그림자, 반투명, 얇은 선, 앤티앨리어싱으로 생긴 잡티 등은 추적 후 작은 노드가 많이 생기고 계단 현상과 불필요한 색상 블록이 나타나 수동으로 하나씩 정리해야 합니다. 추적 결과를 바로 사용할 수 있는지는 원본 품질과 도형 복잡도에 달려 있으며, 모든 로고에 적합한 것은 아닙니다.
방법 2: 수동 재드로잉
PNG를 확대해 밑그림으로 두고 펜 도구로 윤곽을 따라 경로를 다시 그립니다. 도형 부분은 모양대로 다시 그리고, 텍스트 부분은 원래 글꼴을 찾아 다시 입력하며, 원래 글꼴을 찾을 수 없으면 글자 윤곽을 따라 그립니다. 정밀도를 통제할 수 있고 결과가 가장 깨끗한 방식으로, 정식 사용이 필요한 대부분의 상황에서 흔히 쓰이는 방법입니다.
재드로잉 시 주의할 점:
- 먼저 원래 비율과 여백을 확인하고, 스크린샷을 눈대중으로 판단하지 마세요.
- 둥근 모서리, 대칭, 등간격 같은 세부 사항은 정렬과 안내선으로 보정하여 손으로 그린 모양이 좌우 비대칭이 되지 않도록 하세요.
- 색상은 스포이드로 픽셀 하나를 직접 추출하지 마세요. 앤티앨리어싱 가장자리의 픽셀 색상은 배경에 오염되어 있어 색이 치우치기 쉽습니다. 도형 내부의 넓은 영역 색상을 추출하거나 브랜드 색상 값을 참조하세요.
- 텍스트 부분의 원래 글꼴이 상업용 글꼴이라면 재드로잉 후에도 글꼴 라이선스를 확인해야 합니다. 경로로 추적했다고 해서 글꼴 저작권을 피할 수 있는 것은 아닙니다.
방법 3: 브랜드 규정에 따른 재구성
브랜드에 원래 VI 매뉴얼이나 디자인 규정이 있다면 보통 표준 색상 값, 글꼴, 최소 사용 크기, 여백 규칙이 명시되어 있으므로 규정에 따라 재구성하는 것이 가장 안전합니다. 매뉴얼이 없더라도 이번 기회에 색상, 글꼴, 안전 여백을 고정하여 간단한 사용 설명서를 만들면, 앞으로 로고를 사용할 때마다 다른 버전을 만드는 일을 피할 수 있습니다.
준비해야 할 자료
- 현재 보유한 PNG/JPG 파일 중 해상도가 가장 높고 압축이 가장 적은 버전을 제공하세요. 메신저로 전송하며 다시 압축된 이미지는 사용하지 마세요.
- 로고의 전체 버전: 가로형, 세로형, 심볼만, 슬로건 포함 버전을 각각 제공하세요.
- 반전 버전(어두운 배경에 사용하는 흰색 버전)이 있다면 함께 제공하세요.
- 브랜드 색상 값(알고 있다면 HEX, RGB, CMYK 또는 Pantone 번호).
- 글꼴 이름 또는 처음 디자인할 때 사용한 글꼴 파일.
- 사용 시나리오 설명: 주로 인쇄용인지 화면용인지, 최대 어느 정도까지 확대할 것인지.
- VI 매뉴얼, 명함, 브로슈어 등 기존 자료가 있다면 스타일 참조용으로 제공하세요.
비용을 결정하는 요소
로고 벡터화에는 통일된 가격이 없으며, 견적 차이는 주로 다음 항목에서 발생합니다. 견적 요청 시 항목별로 설명하여 해당 견적을 받으세요:
- 도형 복잡도: 단순한 단색 도형과 그라데이션, 그림자, 다색 디테일이 있는 도형은 작업량 차이가 큽니다.
- 글꼴을 다시 찾거나 글자 윤곽을 그려야 하는지: 원래 글꼴을 찾아 다시 입력하는 것이 글자마다 윤곽을 그리는 것보다 수월합니다.
- 납품해야 할 버전 수: 가로형, 세로형, 단색, 반전, 아이콘 버전 등 버전이 하나 늘어날 때마다 작업량이 증가합니다.
- 브랜드 규정도 함께 정리해야 하는지: 벡터화만 하는 것과 색상 값, 글꼴, 여백 규칙 사용 설명서를 함께 출력하는 것은 별개의 일입니다.
- 용도 요구사항: 화면용과 인쇄, 별색, 대형 출력을 충족해야 하는 경우 정밀도 기준이 다릅니다.
- 수정 횟수: 의뢰 전에 포함되는 수정 횟수와 초과 시 비용 청구 방식을 합의하는 것이 좋습니다.
명함, 브로슈어 등 다른 자료도 함께 처리해야 한다면 로고 벡터화를 전체 자료 요구사항에 포함해 함께 논의할 수 있습니다. 저희 사이트의 그래픽 디자인 서비스 페이지에 관련 범위가 나열되어 있지만, 구체적인 견적은 실제 요구사항에 따라 확인해야 합니다.
납품 시 확인할 사항
파일을 받으면 먼저 완성품 파일과 편집 가능한 원본 파일을 구분하세요. 완성품 파일(예: 내보낸 PNG, JPG, PDF)은 보거나 사용만 할 수 있고 수정할 수 없으며, 편집 가능한 원본 파일(예: AI, EPS, SVG)만 경로, 색상, 텍스트를 조정할 수 있습니다. 의뢰 시 어떤 종류가 필요한지 명확히 설명하세요.
다음 순서로 검수하는 것이 좋습니다:
- 벡터 파일을 실제 사용 크기로 확대하여 가장자리가 선명한지, 곡선이 매끄러운지, 불필요한 작은 노드가 없는지 확인하세요.
- 원본 PNG와 나란히 비교하여 도형 비율, 간격, 색상이 변형되지 않았는지 확인하세요.
- 텍스트가 편집 가능한 텍스트인지 아웃라인된 경로인지 확인하고, 글꼴 라이선스 상황을 물어보세요.
- 가로형, 세로형, 단색, 반전 등 필요한 버전이 포함되어 있는지 확인하세요.
- 색상 모드 확인: 화면용은 RGB, 인쇄용은 CMYK, 별색이 관련되면 별도로 설명해야 합니다.
- 인쇄용이라면 인쇄 업체에 파일을 전달하여 형식, 재단 여백, 글꼴, 색상 요구사항을 확인한 후 최종 확정하세요.
몇 가지 당부
벡터화는 기존 로고를 재현하는 것이지 재디자인이 아닙니다. 원본 이미지 자체가 저해상도이고 디테일이 뭉개져 있다면 재드로잉 결과가 원본과 미세한 차이가 있을 수 있습니다. 이는 재현 정밀도 문제이므로 미리 기대치를 공유해야 합니다.
또한 이 로고를 상표 등록에 사용할 계획이라면 도형 디테일 변경이 선행 상표와의 비교에 영향을 미칠 수 있습니다. 이런 문제는 디자인 단계가 아니므로 전문 지식재산권 대리 기관에 문의하는 것이 좋습니다.
마지막으로 벡터 원본 파일을 받으면 잘 보관하고, 회사 내부에 통일된 보관 위치를 지정하세요. 앞으로 새 자료를 만들 때 원본 파일을 바로 사용하면 'PNG 한 장만 있는' 상황을 다시 겪지 않을 것입니다.
