인터페이스 완전 파악

🎯 학습 목표

이 강을 마치면 다음을 할 수 있습니다.

• Canva 에디터 화면의 3개 주요 영역(상단 툴바·왼쪽 패널·오른쪽 속성 패널)이 무엇을 하는지 설명할 수 있습니다
• 왼쪽 패널의 5개 탭(요소·텍스트·사진·배경·업로드)을 자유롭게 활용할 수 있습니다
• 레이어 개념을 이해하고 요소 순서를 원하는 대로 조정할 수 있습니다
• 핵심 단축키 10개를 외워 작업 속도를 2배 이상 높일 수 있습니다

1강에서 가입과 홈 화면을 익혔으니, 이번 강부터는 본격적으로 에디터 안으로 들어갑니다. 처음 에디터를 열면 버튼이 많아 막막하게 느껴지지만, 구조를 한 번만 제대로 파악하면 이후 모든 실습이 자연스럽게 흘러갑니다. 이 강에서 에디터의 전체 지도를 머릿속에 그려 두겠습니다.

💡 에디터 화면 전체 구조 — 3개 영역으로 나눠 보기

이 섹션에서는 Canva 에디터를 처음 열었을 때 보이는 화면 전체를 3개 영역으로 나눠 파악하겠습니다.

Canva 에디터는 크게 세 가지 영역으로 구성됩니다. 상단 툴바, 왼쪽 패널, 그리고 중앙의 캔버스와 오른쪽의 속성 패널입니다. 이 구조는 포스터를 만들 때도, 영상을 편집할 때도, 프레젠테이션을 만들 때도 동일합니다. 한 번만 익혀두면 어떤 작업에서도 바로 적용됩니다.

캔버스는 화면 중앙에 있는 흰 직사각형입니다. 실제 디자인이 이루어지는 공간으로, 여기에 텍스트·이미지·도형을 올려서 배치합니다. 캔버스 밖 회색 공간은 작업 영역이지만 최종 결과물에는 포함되지 않습니다. 캔버스 크기는 처음 디자인 유형을 선택할 때 결정되며, 인스타그램 게시물은 1080×1080px, 유튜브 썸네일은 1280×720px처럼 용도에 따라 다릅니다.

캔버스를 확대하거나 축소하려면 하단 우측의 확대/축소 슬라이더를 사용하거나, Ctrl + 마우스 휠로 조절할 수 있습니다. 작업할 때는 100% 보기로 세부를 확인하고, 전체 구성을 볼 때는 50~75%로 줄여 보는 것이 좋습니다. Ctrl+Shift+H를 누르면 화면에 꽉 맞게 자동 조절됩니다.

🔧 상단 툴바 — 파일 관리부터 공유까지

이 섹션에서는 에디터 상단에 위치한 툴바의 각 기능을 살펴보겠습니다.

상단 툴바는 에디터 최상단에 가로로 길게 배치된 영역입니다. 왼쪽부터 오른쪽 순서로 주요 기능을 알아보겠습니다.

왼쪽 영역 — 파일 관리. 맨 왼쪽에는 Canva 로고가 있으며, 클릭하면 홈 화면으로 돌아갑니다. 그 옆에 파일 이름이 표시됩니다. 기본적으로 "제목 없는 디자인"이라고 뜨는데, 클릭해서 원하는 이름으로 바꿀 수 있습니다. 파일 이름을 체계적으로 관리하면 나중에 프로젝트 폴더에서 찾기가 훨씬 쉬워집니다.

중앙 영역 — 실행 취소·재실행. 중앙에는 실행 취소(Ctrl+Z)와 재실행(Ctrl+Y) 버튼이 있습니다. Canva는 작업 히스토리를 수십 단계까지 기억합니다. 실수했을 때 당황하지 말고 Ctrl+Z로 되돌리면 됩니다. 이 점에서 Canva는 일반 문서 편집기보다 훨씬 관대합니다.

오른쪽 영역 — 공유·다운로드. 오른쪽에는 공유 버튼과 다운로드 버튼이 있습니다. 공유 버튼은 링크 공유, 팀원 초대, SNS 직접 발행 등 다양한 배포 방법을 제공합니다. 다운로드 버튼은 PNG, JPG, PDF, MP4 등 여러 형식으로 파일을 내보낼 수 있습니다. 형식 선택은 용도에 따라 달라집니다 — 인쇄물은 PDF, 웹 이미지는 PNG, 영상은 MP4가 기본입니다.

📋 왼쪽 패널 — 5개 탭 완전 정복

이 섹션에서는 디자인 요소를 추가하는 핵심 공간인 왼쪽 패널의 5개 탭을 하나씩 살펴보겠습니다.

왼쪽 패널은 Canva에서 가장 많이 사용하는 영역입니다. 이곳에서 디자인에 넣을 모든 재료를 가져옵니다. 탭은 요소, 텍스트, 사진, 배경, 업로드로 나뉩니다.

요소(Elements) 탭

요소 탭은 도형, 선, 일러스트, 아이콘, 스티커, 프레임, 차트 등 다양한 그래픽 에셋을 검색하고 삽입하는 공간입니다. 검색창에 키워드를 입력하면 관련 요소가 수백 개씩 나타납니다. 예를 들어 "별"을 검색하면 별 모양 도형, 별 아이콘, 별 스티커가 한꺼번에 표시됩니다. 왕관 아이콘이 붙은 요소는 Pro 전용이고, 붙지 않은 것은 무료 플랜에서도 사용 가능합니다.

요소 탭에서 특히 유용한 것은 프레임(Frame)입니다. 프레임은 이미지를 원형, 사각형, 다각형 등 다양한 형태로 잘라 넣을 수 있는 틀입니다. 사진을 원형 프로필 사진처럼 만들거나, 콜라주를 깔끔하게 정리할 때 사용합니다. 프레임 안에 사진을 드래그해서 놓으면 자동으로 잘립니다.

텍스트(Text) 탭

텍스트 탭에서는 제목, 소제목, 본문 텍스트를 추가합니다. 단순히 텍스트 상자를 삽입하는 것뿐 아니라, 이미 폰트·크기·색상·스타일이 조합된 텍스트 콤보도 제공합니다. 초보자라면 이 텍스트 콤보를 활용하면 타이포그래피 감각이 없어도 세련된 텍스트 디자인을 바로 사용할 수 있습니다.

텍스트를 추가한 뒤 더블클릭하면 편집 모드로 들어갑니다. 상단 툴바가 텍스트 전용 옵션으로 바뀌며, 폰트 종류·크기·굵기·색상·줄간격·자간을 조절할 수 있습니다. Canva는 수천 개의 폰트를 제공하며, 한국어 폰트도 다수 포함되어 있습니다. 나눔고딕, 나눔명조, 고딕A1 등 Google Fonts 기반의 한글 폰트를 무료로 사용할 수 있습니다.

사진(Photos) 탭

사진 탭에서는 Canva가 제공하는 스톡 이미지를 검색해 삽입합니다. 무료 플랜은 100만 개 이상, Pro는 1억 개 이상의 이미지를 사용할 수 있습니다. 검색어를 한국어로 입력해도 잘 찾아집니다. 이미지를 캔버스에 드래그하거나 클릭하면 자동으로 삽입됩니다.

사진 탭에서 중요한 기능은 배경 제거(Background Remover)입니다. 사진을 선택한 뒤 상단 툴바에서 이미지 편집 → 배경 제거를 클릭하면 인물·사물의 배경이 자동으로 지워집니다. AI가 처리하므로 복잡한 배경도 몇 초 안에 제거됩니다. 무료 플랜에서는 월 50회, Pro에서는 무제한입니다.

배경(Background) 탭

배경 탭에서는 캔버스 전체의 배경색이나 배경 이미지를 설정합니다. 단색, 그라디언트, 패턴, 배경 전용 사진 중에서 선택할 수 있습니다. 배경을 설정하면 캔버스의 최하단 레이어에 자동 배치됩니다. 나중에 배경을 바꾸고 싶으면 이 탭에서 다른 것을 선택하면 됩니다.

업로드(Uploads) 탭

업로드 탭에서는 내 기기에 있는 이미지, 영상, 로고를 Canva에 올려서 사용합니다. 회사 로고나 개인 사진을 디자인에 넣고 싶을 때 여기서 업로드합니다. 업로드한 파일은 Canva 계정에 저장되므로 다른 디자인에서도 재사용할 수 있습니다. 지원 형식은 PNG, JPG, GIF, MP4, MOV, PDF 등 대부분의 일반 형식을 지원합니다.

🎛️ 오른쪽 속성 패널 — 요소를 정밀하게 조정하기

이 섹션에서는 선택한 요소의 세부 속성을 조정하는 오른쪽 패널을 살펴보겠습니다.

오른쪽 속성 패널은 캔버스에서 요소를 클릭할 때 나타납니다. 아무것도 선택하지 않으면 기본 페이지 설정이 표시됩니다. 요소 종류에 따라 패널 내용이 달라집니다.

이미지를 선택했을 때: 필터(밝기·대비·채도), 자르기, 뒤집기, 투명도 조절 옵션이 나타납니다. 사진의 느낌을 빠르게 바꾸고 싶을 때 필터를 쓰면 됩니다. Canva의 필터는 Instagram 필터처럼 사용하기 쉽게 설계되어 있습니다.

텍스트를 선택했을 때: 폰트, 크기, 굵기, 기울임, 밑줄, 정렬, 색상, 줄간격, 자간 옵션이 표시됩니다. 텍스트 상자의 배경색을 넣거나 테두리를 추가하는 것도 이곳에서 합니다.

도형을 선택했을 때: 채우기 색상, 테두리 색상·두께, 투명도를 조절합니다. 도형의 모서리를 둥글게 처리하는 옵션도 있어 딱딱한 사각형을 부드러운 라운드 버튼 형태로 바꿀 수 있습니다.

어떤 요소를 선택하든 공통으로 나타나는 것이 있습니다. 바로 위치·크기 입력 필드입니다. X·Y 좌표와 W·H(너비·높이) 값을 직접 숫자로 입력할 수 있어 픽셀 단위의 정밀한 배치가 가능합니다. 감으로 드래그하는 것보다 정확한 위치가 필요할 때 유용합니다.

📚 레이어 개념 — 요소의 앞뒤 순서 이해하기

이 섹션에서는 디자인에서 가장 헷갈리는 개념 중 하나인 레이어를 이해하겠습니다.

레이어(Layer)는 디자인 요소들이 쌓이는 순서를 의미합니다. 종이를 여러 장 겹쳐 놓은 것과 같습니다. 맨 위에 올린 종이가 아래 종이를 가리듯, 레이어 순서가 높은 요소는 낮은 요소 위에 표시됩니다. 예를 들어 배경 이미지는 맨 아래에, 텍스트는 맨 위에 있어야 텍스트가 이미지에 가리지 않습니다.

레이어를 직접 확인하려면 왼쪽 패널 하단의 레이어 패널 아이콘을 클릭합니다. 현재 페이지에 있는 모든 요소가 목록으로 표시되며, 각 요소를 드래그해 순서를 바꿀 수 있습니다. 레이어 이름을 더블클릭하면 이름을 바꿀 수도 있어 요소가 많아질수록 이름을 붙여두는 것이 좋습니다.

레이어 순서를 빠르게 바꾸는 방법은 요소를 우클릭하는 것입니다. 우클릭 메뉴에 맨 앞으로, 앞으로, 뒤로, 맨 뒤로 옵션이 있습니다. 텍스트가 이미지 뒤에 숨어 버렸을 때 "맨 앞으로"를 클릭하면 바로 해결됩니다.

레이어와 관련해 꼭 알아야 할 개념이 하나 더 있습니다. 바로 그룹화(Group)입니다. 여러 요소를 함께 선택(Shift+클릭 또는 드래그 선택)한 뒤 Ctrl+G를 누르면 하나의 그룹으로 묶입니다. 그룹으로 묶인 요소들은 한꺼번에 이동·크기 조절·복사·삭제할 수 있습니다. 복잡한 디자인을 만들 때 그룹화를 잘 활용하면 실수로 요소 하나만 이동시키는 사고를 방지할 수 있습니다.

⌨️ 핵심 단축키 10개 — 작업 속도를 2배로 높이는 법

이 섹션에서는 Canva에서 가장 자주 쓰이는 단축키 10개를 익히겠습니다.

단축키는 처음엔 외우기 귀찮지만, 한 번 손에 익히면 작업 속도가 2배 이상 빨라집니다. 마우스로 메뉴를 찾아 클릭하는 대신 키 하나로 즉시 실행되기 때문입니다. 특히 Canva처럼 반복 작업이 많은 툴에서는 단축키 습관이 큰 차이를 만듭니다.

단축키	기능	언제 쓰나
Ctrl+Z	실행 취소	실수했을 때 즉시
Ctrl+C / Ctrl+V	복사·붙여넣기	요소를 복제할 때
Ctrl+D	요소 복제	같은 요소를 여러 개 만들 때 (C+V보다 빠름)
Ctrl+G / Ctrl+Shift+G	그룹화·해제	여러 요소를 묶거나 풀 때
Ctrl+A	전체 선택	페이지 요소를 모두 선택할 때
Delete	선택 요소 삭제	요소를 지울 때
방향키 (←↑↓→)	요소 1px 이동	정밀하게 위치를 잡을 때
Shift+방향키	요소 10px 이동	빠르게 위치를 조정할 때
Ctrl+Shift+H	화면 맞춤	전체 디자인을 한눈에 볼 때
T	텍스트 박스 추가	빠르게 텍스트를 입력할 때

이 중에서 가장 먼저 익혀야 할 것은 Ctrl+D(복제)입니다. 같은 크기의 버튼이나 동일한 스타일의 텍스트 상자를 여러 개 만들 때, 처음 것을 잘 만든 뒤 Ctrl+D로 복제하면 크기와 스타일이 완벽히 동일하게 유지됩니다. 일일이 다시 만드는 것보다 훨씬 빠르고 일관성도 유지됩니다.

방향키는 요소를 마우스로 드래그하다 1~2px 어긋났을 때 정밀하게 맞추는 용도로 씁니다. 마우스를 아무리 조심스럽게 움직여도 픽셀 단위 오차가 생기는데, 방향키로 1px씩 이동하면 깔끔하게 정렬됩니다. 텍스트와 이미지를 정확히 수평으로 맞출 때 특히 유용합니다.

📝 핵심 요약 + 3강 예고

2강에서 배운 핵심 내용을 정리합니다.

• 에디터는 상단 툴바·왼쪽 패널·캔버스·오른쪽 속성 패널 4개 영역으로 구성
• 왼쪽 패널 5개 탭: 요소(도형·아이콘)·텍스트·사진·배경·업로드
• 오른쪽 속성 패널: 선택한 요소에 따라 이미지 필터·폰트 설정·도형 색상 등 세부 조정 가능
• 레이어 순서가 디자인의 앞뒤를 결정 — 우클릭 메뉴로 순서 변경 가능
• 그룹화(Ctrl+G)로 여러 요소를 묶으면 실수 없이 함께 이동·조정 가능
• 핵심 단축키: Ctrl+Z(취소)·Ctrl+D(복제)·방향키(정밀 이동)·T(텍스트 추가)

체크	확인 항목
완료	임의의 템플릿을 열어 에디터 3개 영역 위치 파악
완료	왼쪽 패널 5개 탭을 모두 클릭해 어떤 재료가 있는지 둘러보기
완료	요소 하나를 클릭해 오른쪽 속성 패널이 바뀌는 것 확인
완료	레이어 패널 열고 순서 변경 직접 해보기
완료	Ctrl+D로 요소 복제, 방향키로 1px 이동 연습

다음 3강 디자인 기초 원칙에서는 좋은 디자인을 만드는 4가지 원칙 — 정렬, 근접, 반복, 대비 — 을 배웁니다. 이 원칙들을 알면 왜 어떤 디자인은 세련돼 보이고 어떤 것은 어수선해 보이는지 이해하게 됩니다. 도구를 다루는 것에서 한 단계 올라서는 강입니다.