어도비 크리에이티브 앱 기초(1) 벡터와 비트맵 방식의 특징과 파일 형식

디지털 콘텐츠 창작을 시작하면서 어도비사의 크리에이티브 앱들을 두루 사용하고 있는데요, 주로 사용하는 앱으로는 포토샵, 일러스트레이터, 프리미어 프로, 애프터 이펙트, 애니메이트, XD 등이 있습니다. 이러한 앱들은 기초적인 사용 방법을 익히고 나면 그다음부터는 창작자의 응용 능력에 따라 다양하게 앱 활용이 가능해집니다. 그리고 작업하다 우연히 좋은 방법을 찾아 멋진 작업물을 만들었을 때 기록으로 남겨 두지 않으면 다음에 다시 활용해보려고 해도 작업 방법이 생각나지 않을 때가 있어요. 그래서 이제부터 기초적인 앱 사용 방법부터 실제 작업의 응용 방법까지 블로그에 기록해 보려고 합니다. 첫 번째로 그래픽에서 이미지를 표현하는 두 가지 주요 방식인 벡터와 비트맵 방식의 개념과 특징을 알아보고 어도비 크리에이티브 대표적인 앱들의 그래픽 표현 방식과 이미지 저장 파일 형식에 대해 알아보겠습니다.

 

[목차]

1. 벡터 방식과 비트맵 방식의 개념과 특징

2.  어도비 크리에이트 앱 별 그래픽 표현 방식

3. 이미지 저장 파일 형식과 특징

---

1. 벡터 방식과 비트맵 방식의 개념과 특징

어도비 일러스트레이터는 대표적인 벡터 방식이고 포토샵은 대표적인 비트맵 방식이라는 것은 대부분 알고 있을 것입니다. 간단히 설명해서 벡터 방식은 확대해도 이미지가 깨지지 않고 비트맵 방식은 확대하면 이미지가 깨지기 때문에 포토샵 작업을 처음 할 때는 큰 이미지 사이즈로 작업하고 나중에 필요한 사이즈로 축소해서 사용하라고들 합니다. 이러한 벡터 방식과 비트맵 방식은 컴퓨터 그래픽 작업에서 이미지를 표현하는 두 가지 주요 방식입니다. 모든 그래픽 이미지는 이 두가지 방식 중 하나로 저장이 되고, 그래픽 소프트웨어 앱도 어떤 방식 기반으로 작업되는 지 알아야 이미지 저장 및 처리 방법에서 효과적인 작업이 가능하기 때문에 벡터와 비트맵의 개념과 특징을 아는 것은 중요합니다.

 

벡터 방식

벡터 그래픽(Vector Graphics)은 수학적 수식과 기하학적 도형을 사용하여 이미지를 표현하는데 이미지가 점, 선, 곡선 등의 기본적인 도형들로 구성되며, 각 도형은 수학적 계산으로 정의됩니다. 두 개 이상의 점과 그 점 사이를 수학적으로 연결하는 곡선을 베지어 곡선이라고 하며 이러한 곡선으로 형태가 이루어집니다. 벡터 방식으로 만들어진 이미지의 가장 큰 특징은 해상도와 무관하게 크기를 변경해도 품질이 유지됩니다. 확대하거나 축소해도 픽셀화되지 않아 일반적으로 파일 크기가 작고, 복잡한 이미지일지라도 저장 공간은 많이 차지하지 않습니다. 각 도형이나 경로도 독립적으로 수정할 수 있어 편집이 쉽고 깔끔한 이미지로 작업이 되어서 로고 디자인이나, 아이콘 제작, 인포그래픽, 일러스트레이션, 텍스트 기반 그래픽 작업 등 독립적인 그래픽에 많이 사용됩니다.

벡터 이미지 예시

 

비트맵 방식

비트맵 그래픽(Raster Graphics)은 픽셀로 이미지를 표현합니다. 각 픽셀은 특정한 색상 값을 가지며, 이 픽셀들이 모여 전체 이미지를 구성합니다. 비트맵 이미지는 처음 정한 해상도로 고정되어서 크기를 변경하면 픽셀화되어 품질이 저하됩니다. 특히 확대할 때 더 두드러집니다. 이미지의 해상도와 색상 정보에 따라 파일 크기가 크게 달라지고 고해상도 이미지일수록 파일 크기가 큽니다. 개별 픽셀을 수정할 수는 있지만 수많은 픽셀들로 이루어져있어 전체적인 이미지를 변경할 때는 제한적이고 색상 보정이나 필터 적용 등의 작업은 용이하지만 이미지 자체를 변경하기는 어렵습니다. 사진이 대표적인 비트맵 이미지이고 디지털 페인팅 작업에서 주로 사용됩니다. 벡터 방식보다는 색상을 다양하게 사용할 수 있고 섬세한 표현이 가능한 특징이 있습니다.

비트맵 이미지 예시

 

2. 어도비 크리에이트 앱 별 그래픽 표현 방식

어도비 크리에이티브 소프트웨어 앱들은 대부분 연동이 되어 부족한 부분을 서로 보충하는 것이 가능한데요, 그래픽 이미지를 표현하는데서 차이가 있기 때문에 그 특성을 잘 알고 활용해야 효과를 얻을 수 있습니다. 어도비 크리에이티브 클라우드 앱의 대표적 벡터 기반의 앱은 어도비 일러스트레이터(Adobe Illustrator)와 Adobe XD입니다. 일러스트레이터는 다양한 벡터 툴과 브러시를 이용해서 일러스트레이션, 로고, 아이콘 제작 등을 하는 그래픽 작업 툴이고 AI, EPS, SVG 등 다양한 파일 형식으로 작업물을 내보낼 수 있습니다. XD는 UI/UX 티자인과 프로토타이핑 작업에 주로 사용됩니다. 인터랙티브 콘텐츠 제작 및 애니메이션을 만들 수 있는 어도비 애니메이트도 비트맵 이미지를 혼합해서 작업할 수 있지만 기본적으로 벡터 기반에서 그림을 그려 애니메이션을 만들게 됩니다. 벡터 방식은 크기를 조정해도 품질 손실이 없는 것이 가장 큰 장점입니다. 비트맵 방식을 기반으로한 앱으로는 어도비 포토샵(Adobe Photoshop), 어도비 라이트룸(Adobe Lightroom)이 있습니다. 포토샵은 가장 어도비의 가장 대중적인 앱으로 사진 편집, 디지털 페인팅, 그래픽 디자인에 유용하게 사용되고 있습니다. 픽셀 기반 이미지 편집을 위한 최적의 도구입니다. 다양한 필터와 효과를 지원하고 다양한 브러시와 툴을 사용할 수 있습니다. 3D 디자인 및 비디오 편집 기능도 포함되어 있고 타임라인을 지원하여 간단한 애니메이션 작업도 가능합니다. 또한 PSD, JEPG, PNG 등 다양한 파일 형식으로 내보내기 할 수 있습니다. 라이트룸은 고해상도 사진 편집과 보정에 특화된 앱입니다.

 

 

3. 이미지 저장 파일 형식과 특징

벡터와 비트맵으로 표현된 그래픽 이미지는 이후 필요에 따라 적절한 확장자를 선택해서 저장해 주어야 합니다. 이미지를 저장하는 파일 형식도 크게 벡터 방식과 비트맵 방식으로 나눌 수 있고 확장자에 따라 각기 다른 용도와 특징을 가지고 있으므로 그 특징을 파악해 두는 것이 필요합니다.

 

비트맵 방식(Raster Graphics)의 파일 형식

1. JPEG (Joint Photographic Experts Group) / 확장자-.jpg, .jpeg

이미지를 저장할 때 일반적으로 사용하는 대표적인 비트맵 방식의 파일 형식입니다. 손실 압축 방식을 사용하여 파일 크기를 줄이는 방법으로 고해상도 사진 및 웹 이미지를 저장하는 데 적합합니다. 압축률을 조절하여 화질과 파일 크기 간의 균형을 맞출 수 있는데 여러 번 저장하면 화질이 점점 저하되는 단점이 있습니다.

 

2. PNG (Portable Network Graphics) / 확장자-.png

JPEG 다음으로 많이 사용하는 확장자입니다. 비손실 압축 방식을 사용하여 고화질을 유지하는 비트맵 방식의 파일 형식으로 알파값이라고도 하는 투명도를 지원하므로 로고나 아이콘 작업물 저장에 주로 쓰입니다. 웹 그래픽, 스크린샷, 일러스트레이션 작업에도 자주 사용하고 JPEG보다는 고해상도를 지원해서 파일 크기가 상대적으로 큰 편입니다.

 

3. GIF (Graphics Interchange Format) / 확장자-.gif

256색 제한을 가진 팔레트 기반 이미지 형식으로 애니메이션 기능을 지원하는 것이 가장 큰 특징입니다. 비손실 압축을 사용하지만 색상이 제한되어 단순한 그래픽이나 짧은 애니메이션에 적합합니다.

 

4. BMP (Bitmap) / 확장자-.bmp

무압축 또는 비손실 압축을 사용하여 원본 화질을 유지합니다. 대신 파일 크기가 매우 큽니다. 다양한 플랫폼에서 호환이 가능하지만 저장 효율이 낮아 잘 사용되지 않고 있습니다.

 

5. TIFF (Tagged Image File Format) / 확장자-.tiff, .tif

비손실 압축을 사용하여 고화질 이미지로 저장할 수 있지만 대신 파일 크기가 큽니다. 다층 이미지와 메타데이터 지원 출판 및 인쇄 업계에서 자주 사용하고 있습니다.

 

6. PSD (Photoshop Document) / 확장자-.psd

어도비 포토샵에서 사용하는 기본 파일 형식으로 비트맵 기반이지만 레이어, 마스크, 필터 등을 포함할 수 있습니다. 프로미어 프로, 애프터 이펙트 등 다른 어도비 앱으로 연동하여 작업할 수 있는 등 다른 어도비 제품과의 호환성이 높습니다.

 

벡터 방식(Vector Graphics)의 파일 형식

1. SVG (Scalable Vector Graphics) / 확장자-.svg

XML 기반의 벡터 이미지 형식으로 어도비 XD 작업에서 이미지 공유할 때 많이 사용합니다. 무한히 확대해도 품질 손실이 없는 것이 장점으로 웹과 모바일에서 사용하기 적합한 형식입니다. 인터랙티브 기능과 애니메이션을 지원합니다.

 

2. AI (Adobe Illustrator Artwork) / 확장자-.ai

어도비 일러스트레이터에서 사용되는 기본 벡터 저장 형식으로 복잡한 벡터 그래픽과 일러스트레이션에 적합합니다. 레이어와 다양한 편집 기능을 지원하며 포토샵처럼 다른 어도비 제품과 호환성이 높습니다.

 

3. EPS (Encapsulated PostScript) / 확장자-.eps

벡터와 비트맵 데이터를 모두 포함할 수 있는 파일 형식으로 인쇄 및 편집 회사, 출판 업계에서 자주 사용하던 파일 형식입니다. 다양한 그래픽 소프트웨어에서 호환도 가능한 장점이 있습니다.

 

이 외에도 벡터와 비트맵 이미지를 모두 포함하며 문서와 그래픽 저장에도 적합한 저장 형식인 PDF, 애니메이트 기본 확장자인 .fla, 애프터 이펙트 기본 확장자인 .aep 등이 있습니다. 이러한 파일 형식들은 각각의 특성과 용도에 따라 적절히 선택하여 사용하면 됩니다. 그러므로 그래픽 디자인, 웹 디자인, 인쇄 등 다양한 분야에서 필요한 형식을 미리 잘 파악하여 적절히 활용하는 것이 중요합니다.