이미지 광고 또는 AMP HTML 광고에서는 텍스트 효과가 지원되지 않습니다.
Google Web Designer의 텍스트 요소에는 한 번에 한 글자씩 표시하는 타자기 효과와 같은 애니메이션 효과를 추가할 수 있습니다. 텍스트 효과는 텍스트 효과 패널에서 설정합니다. (이 패널이 표시되지 않으면 창 메뉴에서 엽니다.)
텍스트 효과 추가
다음 단계에 따라 텍스트 요소에 텍스트 효과를 추가할 수 있습니다.
- 타임라인에서 텍스트 효과 애니메이션을 시작할 지점을 선택합니다.
- 효과를 적용할 텍스트 요소를 선택합니다. (한 번에 하나의 요소에만 텍스트 효과를 적용할 수 있습니다.)
- 텍스트 효과 패널의 효과 드롭다운에서 원하는 효과를 선택합니다.
- 추가
버튼을 클릭합니다.
- 패널에서 텍스트 효과 속성을 조정합니다. (각 효과의 속성에 대한 설명은 아래를 참고하세요.)
버튼을 클릭합니다.각 텍스트 효과의 레이어가 텍스트 요소 레이어 아래의 고급 모드 타임라인에 추가됩니다.
요소 레이어와 달리, 텍스트 효과 레이어는 연속 재생 또는 공개 상태 핸들을 지원하지 않습니다. 이러한 항목은 항상 연관된 텍스트 요소 레이어에 연결되어 있으므로 개별적으로 재정렬하거나, 잠그거나, 숨길 수 없으며, 텍스트 레이어의 공개 범위가 공유됩니다.
동일한 텍스트 요소에 여러 텍스트 효과를 연속으로 추가할 수 있지만 동시에 적용할 수는 없습니다. 즉, 타임라인에서 효과가 중복될 수 없습니다.
텍스트 효과 미리보기
텍스트 효과 패널
텍스트 효과 패널 상단의 미리보기 창에서 텍스트 효과가 어떻게 표시되는지 확인할 수 있습니다. 현재 텍스트 효과 속성 집합을 사용하여 'TEXT EFFECTS'라는 단어에 애니메이션이 적용됩니다. (텍스트 효과가 아직 추가되지 않은 경우 선택한 효과의 기본 속성이 사용됩니다.) 다음과 같은 미리보기 컨트롤을 사용합니다.
-
재생
- 텍스트 효과 미리보기를 재생합니다.
-
연속 재생
- 미리보기가 재생되는 동안 연속 재생합니다.
-
일시중지
- 미리보기가 재생되는 동안 일시중지합니다.
스테이지
스테이지에 텍스트 효과가 표시되며 애니메이션 타임라인의 현재 시간이 나타납니다. 타임라인에서 재생 버튼을 눌러 텍스트 효과 애니메이션과 함께 스테이지의 다른 요소를 미리 봅니다.
텍스트 도구를 사용하여 텍스트 효과가 적용된 텍스트 요소의 콘텐츠를 수정하면 전체 텍스트를 볼 수 있도록 효과가 일시적으로 중지됩니다.
텍스트 효과 관리
빠른 모드 타임라인을 사용하는 동안 텍스트 효과를 추가할 수 있지만 기존 효과를 관리하려면 고급 모드 타임라인으로 전환해야 합니다.
텍스트 효과의 타이밍 조정
기본적으로 텍스트 효과는 타임라인의 현재 플레이헤드 위치에 추가되며 길이는 2초입니다. 텍스트 효과의 시작 시간 또는 길이를 변경할 수 있습니다.
-
텍스트 효과 패널에서 길이 변경: 시간 필드에 새 값을 초 단위로 입력하거나 슬라이더를 드래그합니다.
-
타임라인에서 길이 변경: 막대가 표시될 때까지 텍스트 효과 범위의 왼쪽 또는 오른쪽 가장자리 위로 마우스를 가져간 다음 타임라인을 따라 가장자리를 드래그합니다. 왼쪽 가장자리를 드래그하면 효과의 시작 시간도 변경됩니다.
-
길이를 변경하지 않고 시작 시간을 변경: 타임라인의 전체 텍스트 효과 범위를 원하는 지점으로 드래그합니다.
텍스트 효과의 속성 수정
각 효과는 다음과 같이 맞춤설정할 수 있습니다.
- 타임라인에서 텍스트 효과를 선택합니다.
- 텍스트 효과 패널에서 속성을 조정합니다.
텍스트 효과 애니메이션의 길이와 이징을 수정할 수 있습니다. 대부분의 효과는 글자, 단어, 줄당 또는 글자, 단어, 줄의 클러스터에 애니메이션을 적용하도록 구성할 수도 있습니다.
효과 목록에서 각 효과에 사용할 수 있는 속성을 확인하세요.
다른 텍스트 효과로 전환
텍스트에 적용할 효과의 유형을 변경할 수 있습니다.
- 타임라인에서 텍스트 효과를 선택합니다.
- 텍스트 효과 패널의 효과 드롭다운에서 다른 효과를 선택합니다.
텍스트 효과 삭제
다음 방법 중 하나를 사용하여 텍스트 효과를 삭제할 수 있습니다.
- 타임라인에서 텍스트 효과를 마우스 오른쪽 버튼으로 클릭한 다음 팝업 메뉴에서 삭제를 선택합니다.
- 타임라인에서 텍스트 효과를 선택한 다음 Delete 키를 누릅니다.
효과
각 효과는 그 속성을 조정하여 맞춤설정할 수 있습니다.
텍스트가 블러 처리된 후 포커스가 맞춰집니다.
블러 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 블러 | 최대 블러 반경(픽셀)입니다. |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 블러 처리된 텍스트로 종료합니다. |
텍스트가 위에서(z축을 따라) 떨어집니다.
드롭인 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 오프셋 | 텍스트가 Z축을 따라 이동하는 거리(픽셀)입니다. |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 텍스트가 바닥에서 올라옵니다. |
텍스트는 선형 그래디언트 마스크를 통해 나타납니다.
그래디언트 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 각도 | 그래디언트의 각도(도)입니다. |
| 불투명도 | 그래디언트 마스크의 불투명도입니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 그래디언트 마스크로 텍스트를 숨깁니다. |
텍스트가 평평하게 놓일 때까지 세로로(x축을 따라) 뒤집힙니다.
뒤집기 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
회전 축을 배치할 위치를 선택합니다.
|
| 회전 | 텍스트를 얼마나 회전할지입니다(각도). |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 회전된 텍스트로 종료합니다. |
텍스트가 세로로 이동하여 위치를 잡습니다.
라인업 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
텍스트 이동의 원점을 선택합니다.
|
| 오프셋 | 텍스트가 y축을 따라 이동하는 거리(픽셀)입니다. |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하며 텍스트가 위치 바깥으로 움직입니다. |
텍스트는 직선으로 표시될 때까지 z축을 따라 회전합니다.
롤 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
회전 축을 배치할 위치를 선택합니다.
|
| 회전 | 텍스트를 얼마나 회전할지입니다(각도). |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 회전된 텍스트로 종료합니다. |
텍스트가 세로로 스크롤되어 표시된 후 사라집니다.
스크롤 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 유형 |
선택:
|
텍스트 컨테이너 외부에서 오는 것처럼 텍스트가 슬라이드됩니다.
슬라이드 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
텍스트 이동의 원점을 선택합니다.
|
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하며 텍스트가 컨테이너 밖으로 슬라이딩합니다. |
텍스트가 평평하게 놓일 때까지 y축을 따라 회전합니다.
회전 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
회전 축을 배치할 위치를 선택합니다.
|
| 회전 | 텍스트를 얼마나 회전할지입니다(각도). |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 회전된 텍스트로 종료합니다. |
텍스트가 가로로 이동하여 위치를 잡습니다.
펼치기 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 방향 |
텍스트 이동의 원점을 선택합니다.
|
| 오프셋 | 텍스트가 X축을 따라 이동하는 거리(픽셀)입니다. |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하며 텍스트는 움직이지 않습니다. |
텍스트가 한 번에 하나씩 표시됩니다.
블러 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 페이드인 | 텍스트가 나타날 때 페이드인 효과를 넣으려면 이 체크박스를 선택합니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
글자, 단어 또는 줄의 그룹에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하며 텍스트가 사라집니다. |
텍스트 크기가 커집니다.
확대/축소 속성
| 시간 | 전체 애니메이션 효과가 완료되는 데 걸리는 시간(초)입니다. |
|---|---|
| 이징 | 애니메이션 속도가 빨라지고 느려지는 방법입니다. 이징에 대해 자세히 알아보기 |
| 크기 조절 | 텍스트를 확장할 수 있는 최대 수치입니다(백분율). 100%를 초과하는 값의 경우 이후에 텍스트 크기가 일반적인 크기로 다시 조정됩니다. |
| 불투명도 | 텍스트의 시작 불투명도(백분율)입니다. 역방향 체크박스가 선택되어 있으면 이 필드가 종료 불투명도를 대신 설정합니다. |
| 속도 | 이전 항목 후에 각 글자, 단어 또는 줄의 애니메이션이 시작되는 속도입니다. 예를 들어 글자별 효과 값이 0.25인 경우, 글자가 애니메이션의 1⁄4을 완료하면 다음 글자의 애니메이션이 시작됩니다. |
| 순서 |
텍스트에서 효과가 진행되는 방식을 선택하세요.
'모두 한 번에' 이외의 항목을 선택하면 글자, 단어, 줄의 집합에 함께 애니메이션을 적용할 수도 있습니다. 그룹화 크기 또는 총 그룹 수를 지정합니다.
|
| 무작위 순서 지정 | 기본적으로 각 글자, 단어 또는 줄 그룹은 왼쪽에서 오른쪽으로, 그리고 위에서 아래로 애니메이션이 적용됩니다. 애니메이션 순서를 셔플하려면 이 옵션을 선택합니다. 무작위 순서가 지정되면, 텍스트 또는 텍스트 효과 속성이 시퀀스에 영향을 미치는 방식으로 수정될 때까지는 순서가 변경되지 않은 채로 유지됩니다. 이 옵션을 선택 해제하고 다시 선택하면 순서가 다시 셔플됩니다. |
| 역방향 | 애니메이션 효과를 거꾸로 재생하여 텍스트가 사라질 때까지 축소하며 종료합니다. |
텍스트 효과 이징
이징은 텍스트 효과 애니메이션이 진행되는 동안 속도를 높이거나 낮추는 방식에 영향을 줍니다. 기본적으로 이징은 선형이며 전체 텍스트 효과에서 일정한 속도를 설정합니다. 텍스트 효과 패널의 이징 드롭다운에서 이징을 다음과 같은 사전 설정 중 하나로 변경할 수 있습니다.
선형 |
애니메이션이 일정한 속도로 실행됩니다. |
이즈 인 |
애니메이션이 느리게 시작된 다음 빠르게 종료됩니다. |
빠르게 이즈 인 |
애니메이션이 느리게 시작된 다음 중간 속도로 끝납니다. |
느리게 이즈 인 |
애니메이션이 매우 느리게 시작된 다음 빠르게 끝납니다. |
이즈 인 아웃 |
애니메이션이 느리게 시작되고 종료되지만, 중간에 빠르게 진행됩니다. |
이즈 아웃 |
애니메이션이 빠르게 시작된 다음 끝으로 갈수록 느려집니다. |
빠르게 이즈 아웃 |
애니메이션이 매우 빠르게 시작된 다음 끝으로 갈수록 느려집니다. |
느리게 이즈 아웃 |
애니메이션이 중간 속도로 시작된 다음 끝으로 갈수록 느려집니다. |
Google Web Designer에서 이징 옵션을 시각화하려면 이징 옵션...을 선택하여 이징 대화상자를 엽니다.
맞춤 이징
사전 설정 옵션 중 하나를 사용하는 대신 텍스트 효과의 이징을 맞춤설정할 수 있습니다.
- 타임라인에서 텍스트 효과를 선택합니다.
- 텍스트 효과 패널의 이징 드롭다운에서 이징 옵션...을 선택합니다.
- 이징 대화상자에서 맞춤을 선택합니다.
- 다음 방법 중 하나를 사용하여 이징을 변경합니다.
- 제어 핸들을 드래그하여 이징 곡선의 모양을 조정합니다. 제어 핸들의 각도가 곡선의 정도를, 핸들의 길이가 가속 또는 감속의 강도를 결정합니다.
- 큐빅 베지어 입력란에 원하는 베지어 곡선의
cubic-bezier()함수 표기법을 입력합니다. 잘못된 값을 입력하면 입력란에 빨간 밑줄이 표시됩니다.
- 적용을 클릭합니다.