카톡테마 메이커

늘어나는 곳과 글자 자리의 원리

만든 말풍선은 글자가 한 글자일 때의 모습이에요. 글자가 길어지면 어디가 늘어나고 글자가 어디에 들어갈지 정하는 것이 늘어나는 곳과 글자 자리예요.

왜 정해야 하나

말풍선 이미지를 다 만들면 2단계에서 늘어나는 곳과 글자 자리를 정하라고 나와요. 우리가 만든 말풍선은 채팅이 한 글자일 때의 모습이에요. 채팅이 길어지면 말풍선도 커져야 하는데, 이미지 한 장으로는 어떻게 커질지 알 수 없어요. 그걸 알려주는 값이 이 두 가지예요.

말풍선 만들기 2단계. 늘어나는 곳 탭에서 세로선과 가로선이 말풍선 위에 놓인 화면

늘어나는 곳: 나인패치

늘어나는 곳을 정하면 말풍선 위에 세로선 하나와 가로선 하나가 생겨요. 이 두 선이 이미지를 아홉 조각으로 나눠요. 그래서 이 방식을 나인패치라고 불러요.

채팅이 길어져도 네 모서리 조각(1, 3, 7, 9)은 그대로 있어요. 선이 지나는 줄(2, 4, 5, 6, 8)만 늘어나요. 세로선은 채팅이 길어져 말풍선이 옆으로 커질 때, 가로선은 줄이 늘어 위아래로 커질 때 늘어나요.

위는 세로선과 가로선이 말풍선을 1부터 9까지 아홉 조각으로 나눈 모습, 아래는 옆으로 늘어나며 2, 5, 8 줄만 넓어진 모습

선이 지나는 줄이 그대로 길게 늘어나니, 선은 평평하고 장식이 없는 곳에 두어야 의도대로 늘어나요.

늘어나는 곳 선을 평평한 곳에 둔 말풍선과 평평하지 않은 곳에 둔 말풍선의 미리보기 비교

말풍선은 처음 만든 크기보다 작아지지 않아요. 채팅이 짧으면 만든 모습 그대로 보여요.

글자 자리: 인셋

글자 자리는 채팅 글자가 들어가는 공간이에요. 글자 자리 탭에서 네 변 손잡이를 끌어 파란 상자를 잡으면, 그 상자 안에만 글자가 들어가요. 말풍선 가장자리에서 안쪽으로 들인 공간이라 인셋이라고 불러요.

글자 자리 탭에서 네 변 손잡이로 파란 상자를 잡은 화면. 파란 상자 안에만 글자가 들어간다

둘이 맞물려야 하는 이유

채팅이 길어지면 늘어나는 곳을 기준으로 글자 자리가 넓어져요. 글자 자리는 글자가 놓일 몸통을 가리키고, 늘어나는 곳은 그 몸통이 늘어날 줄을 가리켜요.

채팅방에서 한 글자일 때와 여러 글자일 때 같은 말풍선이 옆으로 늘어난 모습

사용 가이드로 돌아가기