일러스트레이터로 방송 에셋 만들기 - 벡터 그래픽 활용법

벡터 그래픽이란 무엇인가

디지털 이미지는 크게 비트맵(래스터)과 벡터 두 가지 방식으로 존재합니다. 비트맵은 픽셀의 집합으로 이미지를 구성하며, 확대하면 픽셀이 깨져 보입니다. 포토샵에서 다루는 대부분의 이미지가 비트맵입니다. 반면 벡터 그래픽은 수학적 수식(점, 선, 곡선)으로 이미지를 정의하므로, 아무리 확대하거나 축소해도 화질이 전혀 변하지 않습니다.

방송에서 벡터 그래픽이 중요한 이유는 하나의 에셋이 다양한 크기로 사용되기 때문입니다. 로고 하나만 해도 프로필 아이콘(28px), 채널 패널(320px), 배너(2560px), 팬 굿즈(인쇄물)까지 극단적으로 다른 크기로 활용됩니다. 비트맵으로 만든 로고는 크기를 키울 때마다 화질이 떨어지지만, 벡터 로고는 어떤 크기에서도 완벽한 선명도를 유지합니다.

어도비 일러스트레이터(Adobe Illustrator)는 벡터 그래픽 편집의 업계 표준 소프트웨어입니다. 로고, 아이콘, 일러스트레이션, 타이포그래피 등 선명한 선과 도형이 필요한 모든 작업에 최적화되어 있습니다. 무료 대안으로는 Inkscape가 있으며, 웹 기반 도구로는 Vectr와 Figma(일부 벡터 기능)가 있습니다.

스트리머가 일러스트레이터로 만들 수 있는 에셋의 범위는 매우 넓습니다. 채널 로고, 이모티콘, 구독자 뱃지, 패널 그래픽, 스팅어 트랜지션의 그래픽 요소, 오버레이 프레임, 마스코트 캐릭터 등을 모두 벡터로 제작하면 어떤 용도에서든 유연하게 활용할 수 있습니다.

일러스트레이터 기본 인터페이스

일러스트레이터를 처음 실행하면 포토샵과 유사하지만 다른 인터페이스를 만납니다. 좌측에 도구 패널이 있으며, 선택 도구(V), 직접 선택 도구(A), 펜 도구(P), 도형 도구(M/L), 텍스트 도구(T) 등이 나열됩니다. 중앙이 아트보드(작업 영역)이며, 우측에 속성, 레이어, 색상 등의 패널이 위치합니다.

포토샵과 가장 큰 차이점은 작업 방식입니다. 포토샵은 픽셀을 직접 수정하는 반면, 일러스트레이터는 오브젝트(객체)를 만들고 조작합니다. 사각형, 원, 선, 텍스트 등 각각의 요소가 독립적인 오브젝트로 존재하며, 언제든 크기, 색상, 위치, 형태를 수정할 수 있습니다.

아트보드는 일러스트레이터의 작업 캔버스입니다. 하나의 문서에 여러 개의 아트보드를 만들 수 있어, 같은 프로젝트의 다양한 에셋(로고, 아이콘, 패널 등)을 하나의 파일에서 관리할 수 있습니다. 아트보드 도구(Shift+O)로 아트보드를 추가, 삭제, 크기 조절할 수 있습니다.

색상 관리에서 주의할 점은 문서 색상 모드입니다. 화면(방송, 웹)용 에셋은 RGB 모드로, 인쇄(굿즈)용은 CMYK 모드로 작업해야 합니다. 새 문서 생성 시 프로필을 웹으로 선택하면 자동으로 RGB, 72dpi로 설정됩니다. 나중에 인쇄가 필요해지면 파일 → 문서 색상 모드에서 전환할 수 있습니다.

레이어 패널은 포토샵과 유사하게 작동하지만, 일러스트레이터에서는 하나의 레이어 안에 여러 오브젝트가 포함되는 구조입니다. 레이어 이름 앞의 삼각형을 클릭하면 하위 오브젝트들을 확인할 수 있습니다. 복잡한 디자인에서는 그래픽 요소, 텍스트, 배경 등을 별도 레이어로 분리하면 관리가 수월합니다.

방송 에셋 제작 핵심 도구

도형 도구는 가장 기본적이면서 강력한 도구입니다. 사각형 도구(M), 원형 도구(L), 다각형 도구, 별 도구 등으로 기본 도형을 생성합니다. Shift를 누른 채 그리면 정비례 도형이 만들어집니다. 속성 패널에서 모서리 반경을 조절하여 둥근 사각형을 만들 수 있으며, 이는 패널 디자인이나 프레임 제작에 자주 사용됩니다.

펜 도구(P)는 일러스트레이터의 핵심이자 학습 난이도가 가장 높은 도구입니다. 클릭으로 직선의 꼭짓점을, 클릭+드래그로 곡선의 앵커 포인트를 만듭니다. 처음에는 어렵지만 익숙해지면 어떤 형태든 자유롭게 그릴 수 있습니다. 유튜브에서 pen tool practice 같은 연습 튜토리얼을 따라하면 빠르게 감을 잡을 수 있습니다.

패스파인더(Pathfinder)는 여러 도형을 합치거나, 빼거나, 교차시켜 새로운 형태를 만드는 도구입니다. 두 개의 원을 겹친 후 합치기(Unite)로 하나로 합치거나, 빼기(Minus Front)로 겹친 부분을 잘라내는 등의 작업이 가능합니다. 복잡한 로고도 기본 도형의 조합으로 만들 수 있어, 패스파인더를 잘 활용하면 펜 도구 없이도 다양한 형태를 만들 수 있습니다.

정렬(Align) 패널은 여러 오브젝트의 위치를 정확하게 맞추는 도구입니다. 수평 중앙 정렬, 수직 중앙 정렬, 균등 배분 등을 사용하여 요소들을 깔끔하게 배치합니다. 패널 세트나 이모티콘 세트처럼 여러 에셋을 일관된 간격으로 배치할 때 필수적입니다.

문자 도구(T)와 문자 패널로 텍스트를 정밀하게 제어합니다. 자간(Tracking), 행간(Leading), 장평(Horizontal Scale) 등을 세밀하게 조절하여 완성도 높은 타이포그래피를 구현합니다. 텍스트를 윤곽선으로 변환(Type → Create Outlines)하면 텍스트가 벡터 도형으로 변환되어 형태를 자유롭게 변형할 수 있습니다.

실전 로고와 아이콘 만들기

간단한 채널 로고를 만들어 보겠습니다. 새 문서를 500x500px, RGB, 72dpi로 생성합니다. 먼저 채널명의 이니셜을 활용한 로고를 디자인합니다. 텍스트 도구로 이니셜을 크게 입력하고, 개성 있는 폰트를 선택합니다. 텍스트를 윤곽선으로 변환한 후, 직접 선택 도구(A)로 앵커 포인트를 조절하여 고유한 형태로 변형합니다.

배경 도형을 추가합니다. 원형이나 육각형 등의 도형을 로고 뒤에 배치하고 브랜드 컬러를 적용합니다. 레이어 순서를 조정하여 배경 도형이 뒤에, 이니셜이 앞에 오도록 합니다. 그라데이션을 적용하면 입체감이 생기며, 그림자 효과(효과 → 스타일화 → 드롭 섀도)를 추가하면 더욱 돋보입니다.

이모티콘 제작도 일러스트레이터에서 효율적으로 할 수 있습니다. 트위치 이모티콘은 28x28, 56x56, 112x112px 세 가지 크기가 필요합니다. 벡터로 만들면 하나의 원본에서 세 가지 크기를 완벽하게 내보낼 수 있습니다. 112x112px 아트보드에서 이모티콘을 디자인하고, 28px까지 축소했을 때 인식 가능한지 수시로 확인합니다.

패널 아이콘 세트도 벡터로 만들면 일관성과 확장성이 보장됩니다. 320x100px 아트보드를 여러 개 만들어 각 패널을 디자인합니다. 하나의 파일에서 모든 패널을 관리하면 스타일 통일이 쉽고, 수정 시에도 일괄 변경이 가능합니다. 심볼(Symbols) 기능으로 반복 사용되는 요소(로고, 아이콘 등)를 등록해두면, 하나를 수정하면 모든 인스턴스가 함께 업데이트됩니다.

에셋 내보내기와 활용

완성된 에셋을 다양한 형식으로 내보내는 방법을 알아봅시다. 가장 많이 사용하는 내보내기 방법은 파일 → 내보내기 → 화면용으로 내보내기입니다. 이 기능에서 아트보드별로 PNG, JPG, SVG 등 다양한 형식과 크기로 일괄 내보낼 수 있습니다. 1x, 2x, 3x 등 배수를 설정하면 다양한 해상도의 에셋을 한 번에 생성합니다.

PNG 형식은 투명 배경을 지원하므로 방송 오버레이, 이모티콘, 패널 등에 적합합니다. SVG(Scalable Vector Graphics)는 웹에서 벡터 그래픽을 그대로 사용할 수 있는 형식으로, 웹사이트나 스트림 위젯에 활용됩니다. AI 파일은 일러스트레이터 원본 형식으로, 반드시 보관하여 향후 수정에 대비합니다.

이모티콘 내보내기 시에는 정확한 크기가 중요합니다. 트위치 이모티콘은 28x28, 56x56, 112x112px 세 가지 크기를 각각 투명 배경 PNG로 내보내야 합니다. 파일 크기는 각각 25KB 이하를 권장합니다. 화면용으로 내보내기에서 해당 크기를 설정하면 정확하게 내보낼 수 있습니다.

굿즈 제작을 위해서는 고해상도 인쇄용 파일이 필요합니다. 파일 → 내보내기 → 다른 형식으로 내보내기에서 TIFF(300dpi, CMYK)로 저장하면 인쇄소에 바로 전달할 수 있습니다. 또는 PDF로 내보내면 벡터 정보가 그대로 유지되어 어떤 인쇄 크기에서도 완벽한 품질을 보장합니다.

에셋 관리를 위해 체계적인 파일 구조를 만들어두면 좋습니다. 채널명 폴더 아래 로고, 이모티콘, 패널, 오버레이 등 카테고리별 하위 폴더를 만들고, 각 폴더에 AI 원본과 내보낸 파일을 함께 보관합니다. 버전 관리도 중요한데, 큰 수정이 있을 때마다 파일명에 버전 번호(v1, v2)를 붙여 이전 버전을 보존하세요. 이렇게 체계적으로 에셋을 관리하면 채널 성장에 따른 디자인 업데이트가 훨씬 수월해집니다.