새로워진 XELF Editor 미리보기 – [벡터이미지편]

저번 도형 기능 소개에 이어 XELF Editor 업데이트 기능에 대해서 살펴보는 두번째 시간입니다. 프리젠테이션이나 인포그래픽 등 콘텐츠를 만드실 때 유용하게 사용하실 수 있도록 벡터 이미지 라이브러리를 제공할 예정입니다.

벡터 이미지(Vector Image)란?

기존의 픽셀의 정보로 이루어진 비트맵(bitmap) 이미지와는 달리 이미지에 대한 정보가 모양과 선에 대한 형태로 저장되어 있는 이미지를 의미합니다. 이에 이미지를 확대하거나 축소시에도 그림의 손상없이 선명하고 깨끗하게 표현되며 저작도구 내에서는 각 면의 색을 변경할 수도 있는 장점을 가지고 있습니다. 다만 복잡한 이미지 표현에는 적합하지 않은 방식이므로 사진보다는 일러스트, 아이콘에서 더 효율적이라고 할 수 있겠습니다.

저작도구에서는 이러한 기능 구현을 위해 벡터이미지 표현 방식의 하나인 SVG (Scalable Vector Graphics) 파일 형식을 사용하고 있습니다.
이번 업데이트를 통해 벡터이미지 라이브러리가 저작도구에 포함되며 저장된 SV파일을 선택하여 자유롭게 캔버스에 배치하여 사용하실 수 있습니다.

확대 / 축소에도 벡터이미지는 선명도가 유지되어 편리합니다.

또, 라이브러리에서 선택된 벡터이미지를 캔버스에 배치하면 부분적으로 색을 변경할 수 있습니다. 따라서 만들고자 하는 콘텐츠의 배경이나 분위기에 따라서 편리하게 색을 선택할 수 있습니다.

머리색과 옷색깔, 피부색, 배경색을 자유롭게 변경할 수 있습니다.

위의 인물 아이콘의 경우 각 파트별로 색을 지정하여 각 각 다른 느낌을 내고 있습니다. 우측의 속성 패널에서 각 부위별로 색은 물론 투명도까지 세밀한 조정이 가능합니다.

아쉬운 점은 벡터이미지를 사용자가 직접 올려서 사용하는 것은 지원하지 않습니다. 저작도구에서 통용되는 규칙대로 일반 사용자가 직접 벡터이미지를 만들기는 쉽지 않을 것이기 때문입니다.
현재 벡터이미지는 구글에서 제공하는 매터리얼 디자인 아이콘 1000여종과 XELF에서 자체 제작한 200여종의 아이콘이 탑재되어 공개될 예정입니다. 향후 추가적으로 향후 운영팀과 XELF 디자이너들이 제작한 SVG를 추가하여 XELF플랫폼에서 지속적으로 업데이트하고자 합니다.

벡터이미지를 통해 구성한 프리젠테이션 슬라이드 예시입니다.

라이브러리 포함되는 아이콘과 일러스트는 일관성 있는 스타일을 유지함으로서 함께 배치하여 사용하기에 용이하고 다양한 분야에서 활용이 가능하도록 구성하였습니다.

발표를 위한 프레젠테이션이나 인포그래픽 등에서 높은 품질의 아이콘과 일러스트는 정보 전달에도 효율적일 뿐만 아니라 콘텐츠의 내용에 신뢰성을 더해주게 됩니다. XELF의 벡터이미지를 활용하여 깔끔하고 명확한 디자인의 콘텐츠를 만들어 보세요.