채우기는 네 가지로 칠합니다.
오브젝트의 안쪽은 채우기가 칠합니다. 색 하나로 칠하는 단색, 여러 색이 이어지는 그라디언트, 사진으로 칠하는 이미지, 계속 움직이는 무늬인 다이내믹이 있고, 여러 겹을 쌓을 수 있습니다.
오른쪽 패널의 채우기
채우기 줄
오브젝트를 선택하면 오른쪽 패널 아래쪽, 사각형 스타일처럼 종류 이름이 붙은 묶음에 채우기가 있습니다. 칠 하나가 한 줄이고, 새 사각형과 타원은 회색 칠 한 줄로 시작합니다. 줄 왼쪽의 색 네모를 누르면 그 칠을 고치는 창이 열립니다. 단색이면 옆 칸에 FF6A00처럼 색 값을 입력해도 됩니다.
- 색 네모 누르기고치는 창 열기
- 색 값 입력+↩그 색으로 칠하기
칠 더하기
채우기 오른쪽의 + 버튼을 누르면 색상 · 이미지 · 다이내믹 메뉴가 열립니다. 고른 칠이 목록 맨 아래 줄에 더해지고, 그 칠을 고치는 창이 바로 열립니다. 색상은 흰색으로 시작합니다. 아무것도 선택하지 않은 채 단축키를 누르면 씬의 채우기에 더해집니다.
- ⌘⇧C흰 단색 더하기
- ⌘⇧I이미지 더하기
- ⌘⇧D다이내믹 더하기
겹치는 순서
칠은 여러 겹 쌓을 수 있고, 목록의 아래 줄일수록 위에 칠해집니다. 그래서 새로 더한 칠이 원래 색을 덮습니다. 위 칠의 불투명도를 낮추면 아래 칠이 비쳐 보입니다. 줄 맨 왼쪽의 가로줄 두 개 모양 손잡이를 끌면 순서가 바뀝니다.
- 손잡이 끌기순서 바꾸기
- 눈 모양 버튼숨기기 · 다시 보이기
- − 버튼지우기
채우기가 있는 곳
사각형 · 타원 · 패스 · 텍스트 · 프레임 · 표, 그리고 씬에 있습니다. 이미지 · 영상 · 그룹에는 없습니다. 텍스트에는 단색과 그라디언트만 쓸 수 있습니다. 씬의 배경은 맨 위 씬 패널의 스타일 › 채우기에서 칠합니다.
색상 창
단색
한 가지 색으로 칠합니다. 세로 무지개 막대에서 색을, 큰 네모에서 밝기와 진하기를, 맨 오른쪽 막대에서 불투명도를 고릅니다. 끄는 동안 오브젝트가 바로 바뀌고, 손을 떼면 실행 취소 한 단계로 남습니다. 아래 두 칸은 색 값과 불투명도(0–100)입니다. 처음 칠하는 순서는 채우기와 선, 그림자에 있습니다.
스포이트
색 값 칸 왼쪽의 스포이트 모양 버튼을 누르면, 포인터를 따라 확대경과 색 값이 나타납니다. 캔버스에서 가져올 곳을 클릭하면 그 색이 지금 고치는 칠에 들어갑니다. 그라디언트라면 고른 정지점에 들어갑니다. 에디터 캔버스 안의 색만 가져올 수 있습니다.
- 클릭그 색 가져오기
- esc취소
최근
한 번 칠한 단색이 최근에 작은 색 네모로 모입니다. 네모를 누르면 그 색으로 칠해집니다. 네모를 우클릭하면 'Add to Favorites'로 앞쪽에 고정하거나 'Remove from Recent'로 지울 수 있습니다. 한국어 화면에서도 이 메뉴는 영어로 보입니다. 목록은 프로젝트가 아니라 지금 쓰는 브라우저나 앱에 남습니다.
- 누르기그 색으로 칠하기
- 우클릭고정하기 · 지우기
변수
프로젝트에 색 변수가 있으면 변수 아래에 나열됩니다. 하나를 누르면 칠이 그 변수에 연결되어, 변수의 값을 바꿀 때 함께 바뀝니다. 연결된 줄에는 색 값 대신 변수 이름이 보입니다. 큰 네모나 색 값 칸으로 색을 바꾸면 연결은 알림 없이 풀립니다. 변수는 변수에서 만듭니다.
복사와 붙여넣기
색상 창 제목 줄의 복사 버튼은 지금 칠을 기억합니다. 단색이면 색과 불투명도를, 그라디언트면 정지점과 방향을 모두 기억합니다. 다른 채우기나 선의 색상 창에서 붙여넣기를 누르면 같은 칠이 됩니다. 단색만 받는 곳에는 그라디언트의 첫 색이 들어갑니다.
그라디언트
그라디언트 탭
색상 창 위쪽의 그라디언트 탭을 누르면, 칠이 왼쪽 위의 흰색에서 오른쪽 아래의 검정으로 이어지는 그라디언트가 됩니다. 채우기 줄에는 'linearGradient'처럼 영어 이름이 보입니다. 단색 탭을 누르면 고른 정지점의 색 하나로 돌아갑니다.
유형
유형 목록에서 퍼지는 모양을 고릅니다. 선형은 한 방향으로, 원형은 가운데에서 바깥으로 퍼집니다. 각도는 가운데를 중심으로 한 바퀴 돌고, 다이아몬드는 마름모꼴로 퍼집니다. 유형을 바꿔도 정지점의 색은 그대로입니다.
정지점
그라디언트에서 색이 정해지는 자리입니다. 처음에는 색 막대의 양 끝에 하나씩 있습니다. 막대를 클릭하면 그 자리에 하나가 생기고, 정지점 옆의 + 버튼은 가운데에 하나를 더합니다. 아래 목록의 줄을 누르면 그 정지점이 골라지고, 색 고르기가 그 정지점의 색을 바꿉니다. 줄의 세 칸은 자리(%) · 색 값 · 불투명도(0–100)입니다. 정지점은 두 개보다 적어지지 않습니다.
- 막대 클릭정지점 더하기
- 손잡이 끌기자리 옮기기
- 손잡이 더블클릭지우기
- 목록의 줄 누르기그 정지점 고르기
캔버스의 손잡이
그라디언트를 고치는 동안 오브젝트 위에 손잡이가 나타납니다. 선형은 시작과 끝의 두 점을 끌어 방향과 길이를 정합니다. 원형과 다이아몬드는 가운데 점과 테두리의 점으로 자리와 크기를, 각도와 다이아몬드는 회전 손잡이로 방향을 정합니다. 손잡이는 오브젝트의 모서리 · 변의 가운데 · 한가운데에 달라붙고, ⇧ 키를 누른 채 끌면 각도가 45° 단위로 맞춰집니다. 창을 닫은 뒤 크기 핸들이 보이지 않으면 오브젝트를 한 번 클릭하세요.
- 끌기옮기기
- ⇧+끌기각도를 45° 단위로
- ⌥+끌기천천히 옮기기
- ⌘+끌기달라붙지 않게
숫자로 정하기
손잡이 대신 칸에 숫자를 입력할 수도 있습니다. 선형은 x1 · y1(시작)과 x2 · y2(끝)를 씁니다. 나머지 유형은 cX · cY(가운데)를 쓰고, 원형과 다이아몬드에는 iR · oR(안쪽 · 바깥 반지름)이 더 있습니다. 값은 오브젝트 상자에 대한 비율이라서 0은 왼쪽 · 위, 1은 오른쪽 · 아래, 0.5는 가운데입니다. 회전은 도가 아니라 라디안이어서 1이 약 57°입니다. 방향은 캔버스의 손잡이로 정하는 편이 쉽습니다.
그라디언트 탭을 누르면 쓰던 색은 사라집니다
단색을 그라디언트로 바꾸면 쓰던 색이 이어지지 않고, 흰색에서 검정으로 가는 그라디언트로 시작합니다. 이때 아래의 색 고르기는 잠시 예전 색을 보여 줍니다. 정지점 목록의 첫 줄을 누르고 색을 고른 뒤, 둘째 줄도 같은 방법으로 고르세요. 단색으로 되돌리려면 ⌘Z를 누르세요.
이미지와 다이내믹
이미지
+ 버튼에서 이미지를 고르면 빈 이미지 칠이 더해지고 이미지 창이 열립니다. 이미지 업로드를 눌러 사진 파일을 고르세요. 배율 · 회전(도) · X · Y로 사진의 크기와 자리를 바꿉니다. 줄에는 'Image'라고 보입니다. 반복을 끄면 사진 한 장이 비율을 지킨 채 도형을 꽉 덮습니다. 사진의 가운데가 도형의 가운데에 오고, 넘치는 쪽은 잘립니다. 이때 회전으로 사진을 돌리면 빈 곳이 생기지 않도록 사진이 그만큼 커집니다. 반복을 끈 동안 배율은 1 아래로 줄지 않고, X · Y는 사진이 도형을 덮는 만큼만 움직입니다. 사진을 돌리면 덮을 여유가 줄어 X · Y가 멈출 수 있고, 배율을 키우면 다시 움직입니다. 반복을 켜면 사진이 원래 크기로 바둑판처럼 되풀이됩니다.
다이내믹
베타+ 버튼에서 다이내믹을 고르면 계속 움직이는 무늬가 칠해지고 다이내믹 창이 열립니다. 종류에서 오로라 · 잉크 · 불 · 렌즈 플레어를 고르고, 매개변수에서 속도 · 세기 · 색처럼 종류마다 다른 값을 바꿉니다. 렌즈 플레어만 멈춰 있고, 나머지는 편집하는 동안에도 재생할 때도 움직입니다. 한 오브젝트에 하나만 넣을 수 있고, 텍스트에는 넣을 수 없습니다. 다시 고칠 때는 줄의 'Dynamic' 글자가 아니라 왼쪽 아이콘을 누르세요.
배경 그라디언트와 비치는 띠
씬 배경을 그라디언트로 칠하려면. 아무것도 선택하지 않은 채 맨 위 씬 패널의 스타일 › 채우기에서 색 네모를 누르세요. 같은 색상 창이 열리고, 그라디언트 탭으로 배경 전체를 칠합니다.
사진 위에 어두운 띠를 깔려면. 사진 위에 사각형을 놓고 색상 창의 그라디언트 탭을 누른 뒤, x2 칸에 0을 입력해 방향을 위에서 아래로 바꾸세요. 정지점 목록 첫 줄의 색 값을 000000, 불투명도를 0으로 바꾸면 아래로 갈수록 어두워지는 띠가 되어 그 위의 글자가 잘 읽힙니다.
여러 오브젝트를 같은 칠로. 같은 종류의 오브젝트를 함께 선택하고 칠을 바꾸면 모두 같이 바뀝니다. 종류가 다르면 우클릭 메뉴의 스타일 복사와 스타일 붙여넣기를 쓰세요. 스타일 재사용에서 다룹니다.
이 페이지의 단축키
| 흰 단색 채우기 더하기 (선택이 없으면 씬에) | ⌘⇧C |
|---|---|
| 이미지 채우기 더하기 | ⌘⇧I |
| 다이내믹 채우기 더하기 | ⌘⇧D |
| 그라디언트 손잡이를 45° 단위로 | ⇧+끌기 |
| 그라디언트 손잡이를 천천히 | ⌥+끌기 |
| 스포이트 취소 | esc |
2026년 10월 16일에 고침 · 이 페이지의 영상은 현재 에디터로 녹화했습니다.