캔바 60분 입문 가이드와 웹사이트 제작 방법

올인원 디자인 툴 캔바 소개

캔바는 호주에서 만들어진 디자인 편집 플랫폼입니다. 우리나라에서도, 특히 교육/공공기관 임직원의 70% 이사잉 사용할 만큼 인기가 대단한 프로그램인데요!

포토샵이나 일러스트레이터처럼 전문 디자이너를 위해 설계된 도구가 아니라, 디자인을 잘 못해도 결과물을 만들 수 있도록 돕기 위해 태어난 편집 프로그램이라는 점이 가장 큰 차이입니다.

최근에는 AI 기반 기능과 다양한 편집 기능이 추가되었지만, 캔바의 코어는 여전히 템플릿입니다. 검색창에 원하는 키워드를 입력하면 매직 디자인이 캔바 내부 템플릿을 활용해 키워드에 맞는 디자인을 자동으로 만들어 주기도 합니다.

캔바 템플릿 메인 페이지 살펴보기

캔바로 만들 수 있는 결과물은 매우 다양해 크게 여섯 가지 카테고리로 묶을 수 있습니다. 다만 실제로는 '템플릿'이라는 단어를 붙일 수 있는 거의 모든 형태가 캔바 안에 존재한다고 보아도 무방합니다.

• 가계부가 필요하면 캔바 검색창에 가계부 템플릿 또는 영문으로 Budget Planner 를 입력하면 종이 형태의 템플릿이 검색됩니다.
  
• 영상 기획용 스토리보드, 인스타그램 피드, 화이트보드, 문서 작업용 템플릿까지 키워드 검색만으로 바로 사용 가능합니다.
  
• 템플릿 썸네일 오른쪽 아래의 노란색 왕관 아이콘은 Pro 사용자 전용이라는 표시이며, 왕관이 없는 템플릿은 누구나 무료로 사용할 수 있습니다.

특히 한국 크리에이터가 만든 무료 템플릿 중 퀄리티가 높은 항목이 많아 초보자도 별도 비용 없이 디자인 작업을 시작할 수 있습니다.

매직 익스팬드로 사진 영역 확장하기

매직 익스팬드는 캔바 Pro 사용자에게 제공되는 AI 편집 기능 중 하나로, 사진을 원하는 크기로 자연스럽게 확장해 주는 기능입니다.

1. 편집 화면에서 확장할 사진을 선택한 뒤 왼쪽 위의 사진 편집 메뉴를 클릭합니다.
   
2. 가장 위에 표시되는 매직 스튜디오 영역에서 매직 익스팬드 항목을 선택합니다.
   
3. 확장 범위를 전체 페이지로 지정한 뒤 아래 버튼을 누르면 AI 가 자동으로 비어 있는 영역을 채워 줍니다. 완성된 결과는 네 가지 변형으로 제시되므로 원하는 결과물을 선택해 적용할 수 있습니다.
   

매직 그랩으로 오브젝트만 분리하기

매직 그랩은 매직 익스팬드 옆에 위치한 AI 편집 기능으로, 사진 속 오브젝트만 따로 떼어낼 수 있도록 도와줍니다.

누끼 따기가 단순히 배경을 투명하게 만드는 작업이라면, 매직 그랩은 오브젝트를 분리한 뒤 비워진 자리를 AI 가 자연스럽게 다시 채워 줍니다.

스마트 목업 플러그인으로 제품 모형 만들기

캔바는 자체 기능 외에도 외부 앱을 연동해 활용할 수 있는데, 그중 첫 번째로 추천할 만한 앱은 스마트 목업(SmartMockup)입니다. 제품 모형 이미지를 만들 때 유용한 앱으로 모든 기능을 무료로 사용할 수 있습니다.

1. 편집 화면 좌측의 앱 메뉴에서 Mockups 를 검색해 추가합니다.
   
2. 편집기 안에 있는 Mockups 외에 캔바 홈 화면 왼쪽의 앱 메뉴에서도 Mockups 에 접근할 수 있으며, 이쪽 경로가 훨씬 더 많은 목업 소스를 제공합니다.
   
3. 원하는 목업 소스를 선택한 뒤 디자인을 끌어 넣으면 제품 모형이 완성됩니다.
   

로티 파일 플러그인으로 모션 그래픽 추가하기

두 번째로 추천하는 외부 앱은 로티 파일(Lottie Files)입니다. 모션 그래픽·애니메이션 파일을 다루는 핫한 서비스로, GIF 대비 화질은 좋고 용량은 작은 것이 특징입니다.

• 캔바 앱 메뉴에서 로티 파일을 검색해 추가하면 다양한 모션 요소를 본문에 바로 삽입할 수 있습니다.
• 로티 파일에는 화살표·이모티콘·아이콘 등 단조로운 슬라이드에 포인트를 주는 요소가 풍부하게 제공됩니다.
  
• 로티 파일의 가장 큰 장점은 색상을 자유롭게 변경할 수 있다는 점이며, 파랑·노랑·분홍 등 디자인 컨셉에 맞춰 손쉽게 톤을 맞출 수 있습니다.
  

디자인 초보를 위한 5단계 작업 시퀀스

처음 캔바로 결과물을 만들 때 어디서부터 손대야 할지 막막하다면 다음 5단계 순서를 따라가면 됩니다. 로고·명함·썸네일 등 만드는 대상이 달라도 동일한 흐름을 적용할 수 있습니다.

1단계 텍스트 수정 시에는 원본 템플릿을 그대로 두고 Ctrl + D 로 복제한 사본에서 작업하면 원본과 비교하며 레이아웃 균형을 잡을 수 있습니다.

2단계 색상 팔레트는 디자인 탭의 스타일 메뉴에서 캔바가 엄선한 조합을 그대로 적용하거나, 브랜드 키트에 회사 컬러를 등록해 일괄 적용할 수 있습니다.

3단계 요소 교체에서는 기존 요소를 선택한 뒤 상단의 정보 아이콘을 눌러 지금과 비슷한 이미지 더보기를 실행하면 원본 컨셉을 유지한 채 요소만 바꿀 수 있습니다.

4단계 폰트는 캔바에서 제공하는 한글 폰트가 ABC 순서로 정렬되어 있어 스타일별 정리 문서를 참고하면 빠르게 찾을 수 있습니다.

캔바에 등록된 폰트는 모두 상업적 이용이 가능하도록 라이선스 계약이 되어 있습니다.

프레임 기능으로 사진과 영상 자연스럽게 담기

사진이나 영상을 단순히 사각형으로 잘라 넣는 대신 프레임 기능을 활용하면 둥근 모서리, 곡선, 다양한 모양에 맞춰 자동으로 맞춰 담을 수 있습니다.

1. 요소 탭에서 아래로 내려가 프레임 메뉴를 열고 원하는 모양을 선택합니다.
   
2. 프레임 위에 사진 또는 영상을 끌어다 놓으면 자동으로 비율에 맞춰 삽입됩니다.
   
3. 맞춤 위치가 마음에 들지 않으면 프레임을 더블 클릭해 내부 사진의 위치와 확대 비율을 직접 조정할 수 있으며, 필요에 따라 프레임 크기 자체를 키우거나 줄여 레이아웃에 맞출 수 있습니다.
   

기본 프레임 외에도 캔바는 다양한 모양의 프레임을 제공해 단순한 사각형 이미지보다 훨씬 크리에이티브한 결과물을 만들 수 있습니다.

나머지 실습은 영상에서 이어집니다

이번 게시글에서는 캔바를 처음 시작하는 단계에서 꼭 익혀 두면 좋은 핵심 기능과 작업 시퀀스를 정리했습니다. 영상에서는 이어서 10분 안에 완성하는 캔바 웹페이지 제작 과정, 스타일 일괄 적용, ChatGPT 로 콘텐츠 구성하기, 구글 설문지·지도·통화 연결 추가, 네비게이션 메뉴와 애니메이션 적용, 그리고 완성된 웹사이트 게시까지 단계별로 다룹니다.

분량이 많아 게시글 한 편에 모두 담기 어려운 실습 위주의 내용이므로, 캔바 웹사이트 제작에 관심이 있다면 영상의 23분 31초 이후 구간을 함께 참고하세요!