본문 바로가기

채우기는 네 가지로 칠합니다.

오브젝트의 안쪽은 채우기가 칠합니다. 색 하나로 칠하는 단색, 여러 색이 이어지는 그라디언트, 사진으로 칠하는 이미지, 계속 움직이는 무늬인 다이내믹이 있고, 여러 겹을 쌓을 수 있습니다.

도구중급약 5분디자인 모드

오른쪽 패널의 채우기

채우기 줄

오브젝트를 선택하면 오른쪽 패널 아래쪽, 사각형 스타일처럼 종류 이름이 붙은 묶음에 채우기가 있습니다. 칠 하나가 한 줄이고, 새 사각형과 타원은 회색 칠 한 줄로 시작합니다. 줄 왼쪽의 색 네모를 누르면 그 칠을 고치는 창이 열립니다. 단색이면 옆 칸에 FF6A00처럼 색 값을 입력해도 됩니다.

  • 색 네모 누르기고치는 창 열기
  • 색 값 입력+↩그 색으로 칠하기
채우기 줄원을 선택하고 채우기의 색 네모를 눌러, 열린 창에서 분홍을 고릅니다. 영상: 오브젝트를 선택하고 오른쪽 패널의 채우기 색을 눌러, 색상 막대와 색 영역에서 선명한 분홍을 고릅니다.

칠 더하기

채우기 오른쪽의 + 버튼을 누르면 색상 · 이미지 · 다이내믹 메뉴가 열립니다. 고른 칠이 목록 맨 아래 줄에 더해지고, 그 칠을 고치는 창이 바로 열립니다. 색상은 흰색으로 시작합니다. 아무것도 선택하지 않은 채 단축키를 누르면 씬의 채우기에 더해집니다.

  • ⌘⇧C흰 단색 더하기
  • ⌘⇧I이미지 더하기
  • ⌘⇧D다이내믹 더하기

겹치는 순서

칠은 여러 겹 쌓을 수 있고, 목록의 아래 줄일수록 위에 칠해집니다. 그래서 새로 더한 칠이 원래 색을 덮습니다. 위 칠의 불투명도를 낮추면 아래 칠이 비쳐 보입니다. 줄 맨 왼쪽의 가로줄 두 개 모양 손잡이를 끌면 순서가 바뀝니다.

  • 손잡이 끌기순서 바꾸기
  • 눈 모양 버튼숨기기 · 다시 보이기
  • − 버튼지우기

채우기가 있는 곳

사각형 · 타원 · 패스 · 텍스트 · 프레임 · 표, 그리고 씬에 있습니다. 이미지 · 영상 · 그룹에는 없습니다. 텍스트에는 단색과 그라디언트만 쓸 수 있습니다. 씬의 배경은 맨 위 씬 패널의 스타일 › 채우기에서 칠합니다.

색상 창

단색

한 가지 색으로 칠합니다. 세로 무지개 막대에서 색을, 큰 네모에서 밝기와 진하기를, 맨 오른쪽 막대에서 불투명도를 고릅니다. 끄는 동안 오브젝트가 바로 바뀌고, 손을 떼면 실행 취소 한 단계로 남습니다. 아래 두 칸은 색 값과 불투명도(0–100)입니다. 처음 칠하는 순서는 채우기와 선, 그림자에 있습니다.

스포이트

색 값 칸 왼쪽의 스포이트 모양 버튼을 누르면, 포인터를 따라 확대경과 색 값이 나타납니다. 캔버스에서 가져올 곳을 클릭하면 그 색이 지금 고치는 칠에 들어갑니다. 그라디언트라면 고른 정지점에 들어갑니다. 에디터 캔버스 안의 색만 가져올 수 있습니다.

  • 클릭그 색 가져오기
  • esc취소
스포이트스포이트를 누르고 사진의 하늘색 위를 클릭하자, 사각형이 그 색이 됩니다. 영상: 색상 창의 스포이트 버튼을 누르자 포인터를 따라 확대경이 나타나고, 사진의 하늘색 위를 클릭하자 사각형이 그 색으로 칠해집니다.

최근

한 번 칠한 단색이 최근에 작은 색 네모로 모입니다. 네모를 누르면 그 색으로 칠해집니다. 네모를 우클릭하면 'Add to Favorites'로 앞쪽에 고정하거나 'Remove from Recent'로 지울 수 있습니다. 한국어 화면에서도 이 메뉴는 영어로 보입니다. 목록은 프로젝트가 아니라 지금 쓰는 브라우저나 앱에 남습니다.

  • 누르기그 색으로 칠하기
  • 우클릭고정하기 · 지우기

변수

프로젝트에 색 변수가 있으면 변수 아래에 나열됩니다. 하나를 누르면 칠이 그 변수에 연결되어, 변수의 값을 바꿀 때 함께 바뀝니다. 연결된 줄에는 색 값 대신 변수 이름이 보입니다. 큰 네모나 색 값 칸으로 색을 바꾸면 연결은 알림 없이 풀립니다. 변수는 변수에서 만듭니다.

복사와 붙여넣기

색상 창 제목 줄의 복사 버튼은 지금 칠을 기억합니다. 단색이면 색과 불투명도를, 그라디언트면 정지점과 방향을 모두 기억합니다. 다른 채우기나 선의 색상 창에서 붙여넣기를 누르면 같은 칠이 됩니다. 단색만 받는 곳에는 그라디언트의 첫 색이 들어갑니다.

그라디언트

그라디언트 탭

색상 창 위쪽의 그라디언트 탭을 누르면, 칠이 왼쪽 위의 흰색에서 오른쪽 아래의 검정으로 이어지는 그라디언트가 됩니다. 채우기 줄에는 'linearGradient'처럼 영어 이름이 보입니다. 단색 탭을 누르면 고른 정지점의 색 하나로 돌아갑니다.

그라디언트 탭그라디언트 탭을 누르자 사각형이 흰색에서 검정으로 이어지고, 첫 정지점을 골라 분홍으로 바꿉니다. 영상: 색상 창의 그라디언트 탭을 누르자 회색 사각형이 흰색에서 검정으로 이어지는 그라디언트가 됩니다. 정지점 목록의 첫 줄을 누르고 분홍을 고르자 분홍에서 검정으로 바뀝니다.

유형

유형 목록에서 퍼지는 모양을 고릅니다. 선형은 한 방향으로, 원형은 가운데에서 바깥으로 퍼집니다. 각도는 가운데를 중심으로 한 바퀴 돌고, 다이아몬드는 마름모꼴로 퍼집니다. 유형을 바꿔도 정지점의 색은 그대로입니다.

유형유형을 원형 · 각도 · 다이아몬드로 차례로 바꾸자, 같은 두 색이 다른 모양으로 퍼집니다. 영상: 그라디언트의 유형을 원형, 각도, 다이아몬드로 차례로 바꾸자 같은 두 색이 가운데에서 퍼지고, 한 바퀴 돌고, 마름모꼴로 퍼집니다.

정지점

그라디언트에서 색이 정해지는 자리입니다. 처음에는 색 막대의 양 끝에 하나씩 있습니다. 막대를 클릭하면 그 자리에 하나가 생기고, 정지점 옆의 + 버튼은 가운데에 하나를 더합니다. 아래 목록의 줄을 누르면 그 정지점이 골라지고, 색 고르기가 그 정지점의 색을 바꿉니다. 줄의 세 칸은 자리(%) · 색 값 · 불투명도(0–100)입니다. 정지점은 두 개보다 적어지지 않습니다.

  • 막대 클릭정지점 더하기
  • 손잡이 끌기자리 옮기기
  • 손잡이 더블클릭지우기
  • 목록의 줄 누르기그 정지점 고르기
정지점막대 가운데를 클릭해 정지점을 더하고, 오른쪽으로 끌었다가, 더블클릭해 지웁니다. 영상: 색 막대 가운데를 클릭하자 회색 정지점이 생기고 목록에 한 줄이 늘어납니다. 그 손잡이를 오른쪽으로 끌었다가 더블클릭하자 다시 두 정지점이 됩니다.

캔버스의 손잡이

그라디언트를 고치는 동안 오브젝트 위에 손잡이가 나타납니다. 선형은 시작과 끝의 두 점을 끌어 방향과 길이를 정합니다. 원형과 다이아몬드는 가운데 점과 테두리의 점으로 자리와 크기를, 각도와 다이아몬드는 회전 손잡이로 방향을 정합니다. 손잡이는 오브젝트의 모서리 · 변의 가운데 · 한가운데에 달라붙고, ⇧ 키를 누른 채 끌면 각도가 45° 단위로 맞춰집니다. 창을 닫은 뒤 크기 핸들이 보이지 않으면 오브젝트를 한 번 클릭하세요.

  • 끌기옮기기
  • ⇧+끌기각도를 45° 단위로
  • ⌥+끌기천천히 옮기기
  • ⌘+끌기달라붙지 않게
캔버스의 손잡이끝점을 ⇧ 키를 누른 채 오른쪽 위로 끌자, 그라디언트가 가로 방향으로 맞춰집니다. 영상: 사각형 위의 그라디언트 끝점을 Shift 키를 누른 채 오른쪽 위로 끌자, 대각선이던 그라디언트가 가로 방향으로 맞춰집니다.

숫자로 정하기

손잡이 대신 칸에 숫자를 입력할 수도 있습니다. 선형은 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일에 고침 · 이 페이지의 영상은 현재 에디터로 녹화했습니다.

많이 찾는 것