무드 보드 제작 도구이란?
Mood Board Creator는 이미지, 컬러 스와치, 텍스트, 도형을 자유롭게 배치해 시각 보드로 완성하는 캔버스입니다. 끌어 이동하고 레이어로 쌓고 회전한 뒤, 선명한 PNG나 용량을 줄인 JPEG로 내보내 클라이언트 이메일이나 Notion 페이지에 바로 붙여 넣을 수 있어요.
캔버스는 1080x1080, 1200x800, 1920x1080, 800x600, 인쇄용 A4 등 다섯 가지 사이즈에서 고르고, 배경은 크림, 세이지, 노을, 진한 검정 등 열 가지 컬러 중에서 선택합니다. 패션, 인테리어, 브랜드 팔레트, 필름 무드 템플릿으로 시작하거나, 기기에 있는 JPEG와 PNG 이미지를 직접 드롭해 처음부터 보드를 구성할 수 있습니다. 원형 컬러 스와치, 자유 텍스트, 사각형·원·삼각형을 추가하고 채우기 색·테두리 색·테두리 두께를 언제든 바꿀 수 있어요. 각 요소는 개별로 회전·크기 조절·앞뒤 정렬이 가능하며, 마지막에는 또렷한 PNG 또는 품질 슬라이더가 달린 JPEG로 내보내 빠르게 공유할 수 있습니다.
사용 방법
- 캔버스 사이즈(SNS는 1080×1080, 인쇄는 A4)와 배경색을 정한 다음, 툴바에서 이미지·컬러 스와치·텍스트·기본 도형을 추가하세요.
- 각 요소를 드래그해 위치를 잡고, 모서리 핸들로 크기를, 회전 핸들로 각도를 맞춥니다. 우측 컨트롤로 레이어를 앞으로 내거나 뒤로 보낼 수 있습니다.
- 보드 제목을 입력하고, 선명도가 중요하면 PNG, 파일을 줄이고 싶다면 품질 슬라이더가 있는 JPEG를 골라 다운로드하세요. 파일명은 제목에서 만들어지므로 여러 버전을 보관할 계획이라면 내보내기 전에 제목을 정해 두세요.
사용 시기
- 브랜드 정체성을 제안할 때 컬러 팔레트, 서체 샘플, 로고 방향을 한 페이지에 정리하기.
- 주문하기 전에 패브릭, 페인트, 가구 레퍼런스를 모아 인테리어 리노베이션 계획 세우기.
- 촬영, 영상 편집, 결혼식 같은 프로젝트에서 팀 전체가 같은 톤을 공유하도록 시각 레퍼런스 만들기.
결과
인테리어 디자이너가 거실 콘셉트를 정리하는 상황. 패브릭 사진 세 장을 올리고, Pantone 카드에서 네 가지 색을 뽑아 스와치로 넣고, 가운데에 Vitra 라운지 의자를 배치한 뒤 「포인트 월 - clay 1825」, 「소파 패브릭 - 리넨 위브」, 「펜던트 - 스모크 글라스」 등 라벨을 답니다. PNG로 내보내 미팅 전에 클라이언트에게 보냅니다.
자주 묻는 질문
- 보드에 드롭할 수 있는 이미지 포맷은?
- JPEG, PNG, GIF, WebP를 모두 바로 사용할 수 있습니다. 약 1200만 화소를 넘는 원본은 캔버스가 무거워지지 않도록 자동으로 축소됩니다. SVG는 PNG 내보내기를 위한 래스터 데이터가 필요해서 본 버전에서는 지원하지 않습니다.
- 다른 도구에서 복사한 HEX 코드를 스와치로 사용할 수 있나요?
- 가능합니다. Add Color 패널의 컬러 피커를 열고 HEX 값(#A3B18A 또는 A3B18A 모두 인식)을 붙여 넣으세요. 원형 스와치가 정확히 그 색으로 생성되고, 다른 요소처럼 크기를 조정할 수 있습니다.
- 방금 올린 사진을 자르려면 어떻게 하나요?
- 캔버스는 사진 하나를 단일 객체로 보기 때문에, 이 도구에서는 「자르기」 대신 배경색 사각형을 덧대 가리는 방식이 됩니다. 실제로 잘라낸 결과가 필요하면 Image Cropper에서 먼저 자른 뒤 다시 업로드하세요.
- A4 인쇄용으로 PNG 화질이 충분한가요?
- A4 프리셋(2480×3508 픽셀, A4 기준 300 DPI)을 쓰면 충분합니다. 다른 프리셋은 화면용이라 1080×1080은 폭 9cm 정도까지만 깔끔합니다. 종이로 출력할 때는 항상 A4 프리셋을 선택하세요.
- 업로드한 이미지가 어딘가로 전송되나요?
- 아닙니다. 이미지는 FileReader API로 페이지에 읽어 들여 Fabric.js 캔버스에서만 쓰이고, 내보내기도 로컬에서 처리됩니다. 보드는 바로 내 기기에 자동 저장되어 다시 열면 그대로 남아 있으며, 어떤 데이터도 기기를 벗어나지 않습니다 — 지우려면 '지우기'를 누르세요.