빠른 모드를 사용하면 장면별로 애니메이션을 만들 수 있습니다. 타임라인에는 각 장면마다 하나씩 일련의 썸네일 이미지가 표시됩니다.
각 장면은 애니메이션의 시작 또는 끝에서 표시되는 전체 광고 또는 웹페이지를 나타냅니다. Google Web Designer는 장면 간 전환을 처리해줍니다.
동영상 광고와 이미지 광고에는 빠른 모드를 사용할 수 없습니다.
빠른 모드에서는 각 요소에 대해 개별 애니메이션 시작 및 종료 시간을 지정할 수 없습니다. 좀 더 복잡한 애니메이션의 경우 고급 모드로 전환 버튼을 클릭하여 고급 모드로 전환하세요.
빠른 모드에서 애니메이션 추가
- 스테이지에서 모든 요소를 만들고 애니메이션의 시작 지점에서 원하는 대로 표시되도록 정렬합니다. 타임라인에는 스테이지의 썸네일이 표시됩니다.
- 타임라인에서 썸네일 추가
버튼을 클릭합니다. 그러면 Google Web Designer에서 이전 장면의 사본을 만듭니다.
- 스테이지에서 요소를 수정하여 애니메이션의 종료 지점에서 요소가 원하는 대로 표시되도록 합니다. 변경에는 요소 이동 및 회전, 색상 전환, 크기 조절 또는 기타 속성 조정 등이 해당됩니다. 변경되지 않은 요소는 그대로 유지됩니다.
- 애니메이션을 적용할 요소를 변경할 때마다 2단계 및 3단계를 반복하여 애니메이션에 장면을 원하는 만큼 추가합니다.
버튼을 클릭합니다. 그러면 Google Web Designer에서 이전 장면의 사본을 만듭니다.
Google Web Designer에서 장면 간의 변경사항에 자동으로 애니메이션을 적용합니다.
애니메이션 미리보기
타임라인 상단의 재생 버튼을 클릭하여 스테이지에서 애니메이션이 어떻게 표시되는지 확인할 수 있습니다. 미리보기는 현재 선택한 썸네일부터 재생됩니다.
미리보기 재생을 반복하려면 타임라인의 재생 반복 버튼을 선택한 다음, '재생'을 클릭합니다. 일시중지
버튼을 클릭하거나 Enter 키를 눌러 미리보기를 일시중지할 수 있습니다.
애니메이션이 재생되는 동안에는 애니메이션을 수정할 수 없습니다.
장면 간 전환 변경
- 장면 사이에 있는 전환 아이콘을 클릭합니다.
- 전환 편집기가 열립니다.
- 다음과 같이 전환을 조정합니다.
- 전환 시간(초)을 변경합니다.
- 화살표를 클릭하여 이징 유형을 변경합니다.
고급 모드로 전환
고급 모드로 전환 버튼을 클릭합니다. 각 장면이 애니메이션이 유지되는 키프레임 모음으로 변환됩니다.