Premiere Pro 튜토리얼

Premiere Pro에서 아이폰 채팅 말풍선 만드는 방법

Rectangle 및 Pen 도구, Horizontal Flip, Tint, 부드러운 Scale 애니메이션으로 Premiere Pro에서 아이폰 스타일의 움직이는 채팅 말풍선을 만들어 보세요.

Motion GraphicsPremiere Pro
Man relaxing on a bean bag with three iPhone style chat bubbles in blue and green over the video

튜토리얼 보기

단계 1: 사각형 그리기

영상을 타임라인에 올립니다. 도구 모음에서 Rectangle Tool을 클릭한 다음, Program 모니터에서 말풍선을 두고 싶은 위치에 간단한 사각형을 드래그해 그립니다. 클립 위 트랙에 그래픽 레이어로 나타납니다.

단계 2: 모서리를 둥글게 하고 색 고르기

도형을 선택한 상태에서 Essential Graphics 패널(Window > Essential Graphics)을 열고 Edit 탭으로 전환합니다. Align and Transform 섹션에서 사각형이 부드러운 알약 모양이 될 때까지 Roundness 값을 올립니다. 영상에서는 150 정도입니다. 그다음 Appearance까지 스크롤하고 회색 Fill 색상 상자를 클릭해 마음에 드는 색을 고릅니다. 클래식한 연한 파란색 같은 색이 좋습니다.

Premiere Pro Essential Graphics 패널의 Align and Transform 섹션에 있는 Roundness 값

단계 3: Pen 도구로 꼬리 추가하기

타임라인의 회색 빈 공간을 클릭해 모든 선택을 해제합니다. 그런 다음 도구 모음에서 Pen 도구를 선택하고 Program 모니터를 클릭해 사각형의 아래쪽 모서리에 작은 삼각형을 그립니다. 첫 번째 점을 클릭해 도형을 닫습니다. 삼각형이 말풍선에 자연스럽게 섞여 꼬리가 되도록 같은 채우기 색을 지정합니다.

Premiere Pro Program 모니터에서 파란 둥근 사각형의 모서리에 삼각형 꼬리를 그리는 Pen 도구의 앵커 포인트

단계 4: 도형을 하나의 말풍선으로 합치기

사각형과 삼각형은 아직 두 개의 별도 레이어입니다. 타임라인에서 하나를 클릭하고 Shift를 누른 채 다른 하나를 클릭한 다음, 마우스 오른쪽 버튼으로 클릭하고 Nest를 선택합니다. 이름을 입력하고 OK를 클릭하세요. 이제 채팅 말풍선이 하나의 클립이 되어 하나의 오브젝트처럼 이동, 크기 조절, 애니메이션을 적용할 수 있습니다.

Premiere Pro 타임라인에서 선택한 두 그래픽 레이어에 Nest 옵션이 표시된 오른쪽 클릭 메뉴

단계 5: 답장용으로 말풍선 복제하기

Alt(Mac에서는 Option)를 누른 채 중첩한 말풍선을 한 트랙 위로 드래그해 복제합니다. Program 모니터에서 위쪽 말풍선을 더블 클릭해 조금 아래로 옮깁니다. 이어서 Effects 패널에서 Horizontal Flip을 검색해 위쪽 말풍선에 적용하고 위치를 조정하여, 꼬리가 반대 방향을 가리키게 하면 다른 사람의 답장처럼 보입니다.

BetterFX로 더 빠르게: Effects 패널은 건너뛰세요. BetterFX 단축키를 누르고 Horizontal Flip의 앞글자를 입력한 뒤 Enter를 누르면 선택한 클립에 바로 적용됩니다. BetterFX 받기

답장에 별도의 색을 주려면 위쪽 레이어에 Tint 효과를 적용합니다. Effect Controls에서 Map Black To와 Map White To 옆의 색상 견본을 클릭해 원하는 색을 고르세요. 영상에서는 두 번째 말풍선에 초록색을 사용합니다.

Premiere Pro에서 Map Black To와 Map White To가 설정된 Tint 효과와 열려 있는 초록색 Color Picker

단계 6: 메시지 추가하기

Type 도구로 첫 번째 말풍선의 메시지를 쓰고, 타임라인의 회색 공간을 다시 클릭한 뒤 두 번째 메시지를 씁니다. 각 텍스트가 말풍선 안에 보기 좋게 들어가도록 맞춥니다. 각 메시지를 말풍선과 함께 묶으려면 말풍선과 텍스트를 선택하고(Shift를 눌러 둘 다 선택), 마우스 오른쪽 버튼으로 클릭해 Nest를 선택한 다음 OK를 클릭합니다. 두 번째 말풍선과 텍스트도 똑같이 반복합니다.

단계 7: 팝업 애니메이션 만들기

아래쪽 말풍선에 Transform 효과를 적용합니다. Effect Controls에서 Transform을 열고 Scale 옆의 스톱워치를 클릭해 키프레임을 만든 다음, 두 번째 값을 지정해 말풍선이 몇 프레임 안에 0(보이지 않음)에서 원래 크기로 커지게 합니다. 두 키프레임을 모두 선택하고 하나를 마우스 오른쪽 버튼으로 클릭해 Ease In을 선택한 뒤, 다시 오른쪽 클릭해 Ease Out을 선택합니다. 이렇게 하면 팝업이 기계적이지 않고 부드러워집니다.

Premiere Pro Effect Controls 패널에서 Scale 키프레임에 Ease In과 Ease Out 옵션이 표시된 오른쪽 클릭 메뉴

EaseFlow로 더 부드럽게: 키프레임을 선택하고 베지어 핸들을 끌지 않고도 클릭 한 번으로 진짜 이징 커브를 적용하세요. EaseFlow 보기

마지막으로 Effect Controls에서 Transform 글자를 클릭하고 Ctrl + C(Mac에서는 Cmd + C)로 복사한 다음, 두 번째 말풍선을 선택하고 Ctrl + V를 누릅니다. 이제 두 말풍선 모두에 애니메이션이 적용됩니다. 동시에 팝업되는 것이 싫다면 두 번째 말풍선을 타임라인에서 조금 뒤로 드래그하세요.

팁

  • 메시지 타이밍을 엇갈리게 하세요. 두 번째 말풍선을 0.5초 늦추면 실제 대화처럼 느껴집니다.
  • 텍스트는 짧게 하세요. 짧은 메시지는 더 빨리 읽히고 말풍선 안에도 더 잘 들어갑니다.
  • 사운드를 추가하세요. 각 말풍선에 메시지 알림음이나 휙 하는 효과음을 넣으면 애니메이션이 훨씬 사실적으로 느껴집니다.

FAQ

Premiere Pro에서 채팅 말풍선은 어떻게 만드나요?

Rectangle Tool로 사각형을 그리고, Essential Graphics에서 모서리를 둥글게 하고, Pen 도구로 삼각형 꼬리를 추가한 다음, 두 도형을 Nest로 묶으세요.

채팅 말풍선을 반대 방향으로 뒤집으려면 어떻게 하나요?

복제한 말풍선에 Horizontal Flip 효과를 적용하고 위치를 조정하면 꼬리가 반대쪽을 가리킵니다.

말풍선이 부드럽게 팝업되게 하려면 어떻게 하나요?

Scale을 0에서 원래 크기까지 키프레임으로 만든 뒤, 키프레임에 Ease In과 Ease Out을 추가하세요. 더 자세한 내용은 Premiere Pro에서 키프레임 이징하기 가이드를 참고하세요.

완성된 버전이 필요하신가요? 알림 애니메이션 템플릿을 프로젝트에 바로 끌어다 놓아 보세요.