텍스트 레이어 만들기 및 편집

텍스트 레이어를 사용하여 텍스트를 컴포지션에 추가할 수 있습니다. 텍스트 레이어는 애니메이션이 적용된 제목, 하단 1/3, 크레딧 롤 및 동적 타이포그라피 등 다양한 용도에 유용합니다.

전체 텍스트 레이어 속성이나 색상, 크기 및 위치와 같은 개별 문자 속성에 애니메이션을 적용할 수 있습니다. 텍스트 애니메이터 속성과 선택기를 사용하여 텍스트에 애니메이션을 적용할 수 있습니다. 3D 텍스트 레이어에는 3D 하위 레이어가 문자당 하나씩 선택적으로 포함될 수 있습니다. 텍스트 애니메이터를 사용하여 텍스트에 애니메이션 적용 및 문자별 3D 텍스트 속성을 참조하세요.

텍스트 레이어는 합성 레이어입니다. 즉, 일부 푸티지 항목에 있는 텍스트 정보를 텍스트 레이어로 변환할 수 있지만 텍스트 레이어는 푸티지 항목을 해당 소스로 사용하지 않습니다. 텍스트 레이어는 벡터 레이어이기도 합니다. 모양 레이어 및 기타 벡터 레이어와 마찬가지로 텍스트 레이어도 항상 연속 래스터화되므로 레이어 비율을 조정하거나 텍스트 크기를 조정할 때 가장자리가 해상도에 관계없이 뚜렷하게 유지됩니다. 텍스트 레이어를 자체 [레이어] 패널에서 열 수는 없지만 [컴포지션] 패널에서 텍스트 레이어를 사용한 작업을 수행할 수 있습니다.

After Effects에서는 점 텍스트와 단락 텍스트 등 두 가지 텍스트를 사용합니다. 점 텍스트는 한 단어나 한 줄의 문자를 입력할 때 유용하고, 단락 텍스트는 하나 이상의 단락으로 텍스트를 입력하거나 서식을 지정할 때 유용합니다.

Adobe Photoshop, Adobe Illustrator, Adobe InDesign 또는 텍스트 편집기와 같은 다른 애플리케이션에서 텍스트를 복사하여 After Effects에서 텍스트 레이어에 붙여넣을 수 있습니다. After Effects에서는 유니코드 문자도 지원하므로 After Effects와 유니코드도 지원하는 다른 응용 프로그램(모든 Adobe 응용 프로그램 포함) 간에 이러한 문자를 복사하여 붙여넣을 수 있습니다.

텍스트 서식은 [소스 텍스트] 속성에 포함됩니다. [소스 텍스트] 속성을 사용하여 서식에 애니메이션을 지정하고 문자 자체를 변경할 수 있습니다. 예를 들어 b 문자를 c 문자로 변경할 수 있습니다.

After Effects에서는 적용 가능한 글꼴을 사용하여 누락된 글꼴을 자동으로 동기화합니다. 설치되어 있지 않은 글꼴을 사용하는 프로젝트를 열면 [글꼴 확인] 대화 상자가 표시됩니다. 해당 글꼴이 Adobe에 있는 경우 글꼴이 Creative Cloud 계정과 자동으로 동기화되고 설치되도록 할 수 있습니다. 온라인에 없는 글꼴은 기본 글꼴로 대체됩니다.

비디오에 사용할 텍스트 및 벡터 그래픽 만들기 모범 사례

만들 때는 컴퓨터 화면에서 괜찮아 보였던 텍스트가 최종 출력 동영상으로 볼 때는 품질이 나빠지는 경우가 있습니다. 이러한 차이는 동영상을 보는 데 사용하는 디바이스나 동영상을 인코딩하는 데 사용하는 압축 스키마에서 비롯될 수 있습니다. 모양 레이어의 모양 등 다른 벡터 그래픽의 경우에도 마찬가지입니다. 실제로 래스터 이미지에서도 같은 문제가 발생하지만 벡터 그래픽은 작고 선명한 세부 정보로 인해 문제가 가장 자주 발생합니다.

비디오에 사용할 텍스트와 벡터 그래픽을 만들어 애니메이션을 적용하는 경우 다음 사항에 유의하세요.

• 항상 대상이 동영상을 보는 데 사용할 것과 같은 종류의 디바이스(예: NTSC 비디오 모니터)에서 동영상을 미리 봐야 합니다. 자세한 내용은 외부 비디오 모니터에서 미리 보기를 참조하십시오.

• 급격한 색상 전환, 특히 고채도 색상에서 보완 색상으로 급격히 전환하지 마십시오. MPEG 및 JPEG 표준에서 사용되는 것과 같은 많은 압축 스키마의 경우 급격한 색상 전환을 인코딩하기가 어렵습니다. 이러한 압축 스키마를 사용하면 급격한 전환 근처에 시각적인 노이즈가 발생할 수 있습니다. 아날로그 텔레비전의 경우, 이와 동일한 급격한 전환으로 인해 신호의 허용된 범위 외부에 스파이크가 발생할 수 있고 노이즈가 발생할 수도 있습니다.

• 텍스트가 이동하는 이미지 위에 있게 될 때는 칠 색상과 같은 색상의 무언가가 텍스트 뒤로 지나갈 때도 계속 텍스트를 읽을 수 있도록 텍스트에 대비되는 테두리(예: 광선 또는 선)가 있는지 확인하십시오.

• 홀수 필드 중에 짝수 주사선이 발생하거나 짝수 필드 중에 홀수 검색 줄이 발생할 경우 프레임에서 사라질 수 있는 얇은 가로 요소를 피하십시오. 예를 들어 대문자 H에 있는 가로 막대의 높이는 3픽셀 이상이어야 합니다. 글꼴 크기를 늘리거나 볼드체(또는 포 볼드체) 스타일을 사용하거나 선을 적용하여 가로 요소를 두껍게 할 수 있습니다. 자세한 내용은 문자 패널을 사용하여 문자 서식 지정하기를 참조하세요.

• 스크롤 자막과 같이 세로로 이동할 텍스트에 애니메이션을 적용할 때는 초당 픽셀 수의 속도(인터레이스 비디오 포맷에 대한 짝수배의 필드 속도)로 텍스트를 세로로 이동하십시오. 그와 같은 속도로 이동하면 주사선이 있는 위상을 벗어나는 텍스트 이동으로 인해 발생할 수 있는 떨림이 방지됩니다. NTSC에 적합한 초당 픽셀 수 값으로는 0, 119.88, 239.76 등이 있고, PAL에 적합한 초당 픽셀 수 값으로는 0, 100, 200 등이 있습니다.

• 세로 동작, 얇은 그래픽 요소, 필드로 인해 떨림이 발생하는 것을 방지하려면, 자막을 불투명도 페이드 등 전환으로 구분되는 텍스트 블록 시퀀스로 제공하는 것도 고려해 볼 수 있습니다.
  

다행히도 비디오에 있는 텍스트와 압축 동영상 포맷의 여러 가지 문제는 흐림 효과를 텍스트 레이어에 적용하는 간단한 방법으로 해결할 수 있습니다. 약간의 흐림 효과는 색상 전환을 부드럽게 하고 얇은 가로 요소를 확장시킬 수 있습니다. 떨림 문제를 줄이려면 [화면 떨림 감소] 효과를 사용하는 것이 좋습니다. 이 경우 세로 방향 흐림 효과가 적용되지만 가로 방향으로는 흐려지지 않으므로 다른 흐림 효과만큼 이미지의 품질을 떨어뜨리지 않습니다.

텍스트 작업을 위한 스크립트 및 표현식

이 섹션에는 텍스트 작업에 대한 스크립팅 메서드 및 많이 사용되는 스크립트 및 튜토리얼에 대한 링크가 포함되어 있습니다.

텍스트 파일의 내용에 따라 하나 또는 여러 개의 텍스트 레이어 만들기

Christopher Green은 자신의 웹 사이트에서 모든 텍스트로 하나의 텍스트 레이어를 만들거나 텍스트 파일의 각 줄마다 하나의 레이어를 만들 수 있게 하는 스크립트(crg_Text_from_File.jsx)를 제공합니다. 이 스크립트에서는 행간 및 기타 간격 조정 옵션도 제공합니다.

스크립팅으로 텍스트 기준선에 액세스하기

After Effects CC 2015(13.6) 업데이트에서는 스크립팅을 사용하여 텍스트 레이어의 기준선(x,y) 위치를 읽을 수 있습니다. TextDocument 개체용으로 새로 추가된 sourceText.value.baselineLocs 속성은 텍스트의 기준선 x 및 y 값의 각 줄에 대한 시작 위치를 나타내는 부동 소수점 배열을 반환합니다.

단락 텍스트 상자를 둘러싸는 선은 여러 줄로 처리됩니다.

배열은 다음과 같은 형식으로 부동 소수점 값을 반환합니다. 

line0.start_x, line0.start_y, line0.end_x, line0.end_y, line1.start_x, line1.start_y, line1.end_x, line1.end_y … lineN-1.start_x, lineN-1.start_y, lineN-1.end_x, lineN-1.end_y

텍스트 레이어에 대한 스크립팅 개선 사항

스크립팅을 통해 텍스트 레이어에 사용된 글꼴 및 스타일에 대한 추가 정보(디스크의 글꼴 파일 위치 정보 포함)를 확인할 수 있습니다.

textDocument 개체에 대한 읽기 전용 속성은 다음과 같습니다.

• fontLocation: 디스크의 해당 위치를 제공하는 글꼴 파일 경로를 포함하는 문자열을 반환합니다(모든 글꼴 유형을 반환하지는 않을 수 있으며 일부 글꼴의 경우 빈 문자열을 반환할 수 있음).
• fontStyle: 볼드체나 이탤릭체 등 스타일 정보를 포함한 문자열을 반환합니다.
  
• fontFamily: 글꼴 모음의 이름을 포함한 문자열을 반환합니다.

반환 값은 현재 시간의 텍스트 레이어에서 첫 번째 문자를 기준으로 합니다.

점 텍스트 입력

점 텍스트를 입력할 때 각 텍스트 줄은 독립적으로 작동합니다. 즉, 텍스트를 편집할 때 해당 줄의 길이가 늘어나거나 줄어들지만 다음 줄로 줄바꿈되지 않습니다.

문자 도구 포인터를 지나는 작은 선은 텍스트 기준선의 위치를 나타냅니다. 가로 텍스트에서 기준선은 텍스트가 있는 줄을 표시하고, 세로 텍스트에서 기준선은 문자의 가운데 축을 표시합니다.

점 텍스트를 입력하면 현재 [문자] 패널에 설정되어 있는 속성을 사용하여 해당 텍스트를 만듭니다. 텍스트를 선택하고 [문자] 패널에서 설정을 수정하여 이 속성 레이어를 변경할 수 있습니다.

단락 텍스트 입력

단락 텍스트를 입력할 때 텍스트는 테두리 상자 크기에 맞게 줄바꿈됩니다. 여러 단락을 입력하거나 단락 서식을 적용할 수 있습니다.

언제든지 테두리 상자의 크기를 조정할 수 있는데, 이 경우 조정한 사각형 안쪽으로 텍스트가 다시 배열됩니다.

단락 텍스트를 입력하면 [문자] 및 [단락] 패널에서 설정한 속성이 부여됩니다. 이 속성 레이어는 나중에 해당 텍스트를 선택한 다음 [문자] 및 [단락] 패널의 설정을 수정하여 변경할 수 있습니다.

텍스트 레이어의 텍스트 선택 및 편집

언제든지 텍스트 레이어에서 텍스트를 편집할 수 있습니다. 텍스트가 패스를 따르도록 설정하거나 3D 레이어로 지정하거나 변형하거나 애니메이션을 적용하는 경우에도 계속해서 텍스트를 편집할 수 있습니다. 텍스트를 편집하려면 먼저 선택해야 합니다.

문자 도구의 포인터는 [컴포지션] 패널의 텍스트 레이어 위에 있는지 여부에 따라 바뀝니다. 문자 도구의 포인터가 텍스트 레이어 바로 위에 있으면 텍스트 편집 포인터 로 표시되고, 이것을 클릭하면 삽입점이 기존 텍스트에 배치됩니다.

텍스트 테두리 상자 크기 조정

텍스트 레이어 이동

[컴포지션] 패널에서 이동 포인터로 드래그하여 텍스트 레이어를 이동할 수 있습니다. 텍스트 편집 모드를 종료하지 않은 채 이동 포인터를 활성화하려면 문자 도구를 [컴포지션] 패널의 텍스트 외부로 이동합니다. 이동 포인터가 표시되면 텍스트를 드래그하여 이동합니다. Ctrl 키(Windows) 또는 Command 키(Mac OS)를 길게 눌러 이동 포인터를 일시적으로 활성화할 수도 있습니다.

점 또는 단락 텍스트 변환

텍스트 지원 확장 - 통합 텍스트 엔진

[통합 텍스트 엔진]으로 여러 언어를 사용하는 작업이 간편해집니다. 히브리어, 아랍어 등 오른쪽에서 왼쪽으로 쓰는 언어와 힌디어 등 인도식 글쓰기 스타일로 텍스트를 입력하고 편집하고 애니메이션을 적용할 수 있습니다. 중동 및 남아시아 언어를 포함하는 그래픽의 경우 [기본 그래픽] 패널에서 바로 왼쪽에서 오른쪽 또는 오른쪽에서 왼쪽 설정을 적용할 수 있습니다.

언어를 변경하기 위해 [환경 설정]을 열 필요 없이 바로 새 언어로 입력을 시작할 수 있습니다. 또한 동일한 그래픽 요소 내에 다양한 스크립트를 조합할 수 있습니다.

통합 텍스트 엔진은 다음과 같은 이점을 제공합니다.

• 텍스트 레이어 간 상호 호환이 가능하므로 텍스트 레이어 및 그래픽의 다국어 편집이 더욱 쉽고 빨라집니다.
• 따로 대책을 세울 필요 없이 오른쪽에서 왼쪽으로 쓰는 텍스트에 정확하게 애니메이션을 적용할 수 있습니다. After Effects가 문자를 식별하여 해당 문자의 방향에 따라 애니메이션을 적용합니다. 이를 통해 시간을 절약할 수 있으며 빠르고 간단합니다.
• 숫자 또는 영어 문자와 오른쪽에서 왼쪽으로 쓰는 언어를 함께 사용해도 원활하게 작업할 수 있습니다. After Effects가 각 문자를 식별하여 자동으로 올바른 문자 순서에 따라 애니메이션을 적용합니다.문자에 각각 애니메이션을 적용할 필요가 없습니다.
  
• 문자 오프셋 효과가 이제 한국어 및 히브리어 언어에 대해 올바른 유니코드 범위를 식별합니다. 이렇게 식별함으로써 이 언어에 해당하는 문자만 표시합니다.
  

텍스트 방향 변경

가로 텍스트는 왼쪽에서 오른쪽으로 흐르고, 가로 텍스트가 여러 줄 있다면 위에서 아래로 배치됩니다. 세로 텍스트는 위에서 아래로 흐르고, 여러 텍스트 줄은 오른쪽에서 왼쪽으로 배치됩니다.

텍스트 방향을 왼쪽에서 오른쪽과 오른쪽에서 왼쪽 간에 전환할 수 있습니다. 방향을 변경하려면 단락 패널의 텍스트 방향 버튼을 클릭합니다.

글꼴 합자

합자는 특정 문자 쌍(지정된 Open Type 글꼴에서 제공되는 경우)의 인쇄용 대체 문자입니다. 문자 패널에서 합자 옵션을 사용하도록 설정하면 글꼴 합자를 사용할 수 있습니다. After Effects에는 여러 언어의 문자 조합용으로 다양한 글꼴의 합자가 포함되어 있습니다. 문자 패널 아래쪽에 있는 글꼴 합자 확인란을 사용하여 해당 옵션을 사용하도록 설정할 수도 있습니다.

힌디어 숫자

문자 패널에서 힌디어 숫자 옵션을 사용하도록 설정하면 힌디어 숫자를 사용할 수 있습니다. 문자 패널 아래쪽에 있는 힌디어 숫자 확인란을 사용하여 해당 옵션을 사용하도록 설정할 수도 있습니다.

Photoshop의 텍스트를 편집 가능한 텍스트로 변환

Photoshop의 텍스트 레이어를 After Effects에 가져와도 스타일이 그대로 있으며 편집할 수 있습니다.

Photoshop 문서를 병합된 레이어로 가져온 경우에는 먼저 레이어를 선택하고 [레이어] > [레이어 컴포지션으로 변환]을 선택하여 가져온 Photoshop 문서를 레이어 단위로 분할해야 합니다.

레이어는 After Effects 텍스트 레이어가 되고 더 이상 Photoshop 텍스트 레이어를 소스 푸티지 항목으로 사용하지 않습니다.

레이어에 레이어 스타일이 포함되어 있으면 텍스트를 편집 가능한 텍스트로 변환하기 전에 [레이어] > [레이어 스타일] > [편집 가능한 스타일로 변환] 명령을 레이어에 사용한 것처럼 레이어 스타일이 편집 가능한 레이어 스타일로 변환됩니다.

After Effects를 사용하여 더 많은 작업 수행

Adobe After Effects를 사용하여 놀라운 모션 그래픽, 텍스트 애니메이션, 시각 효과를 만드십시오. 영화, TV, 비디오, 웹용 디자인 모두 가능합니다.