모션 및 애니메이션

모션이란

모션·애니메이션은 슬라이드에서 시간에 따라 변하는 시각 표현이에요 — 배경 그라데이션 전환, 도트 필드 펄스, 입장 효과, Canvas 그리기 애니메이션 등. Agent가 슬라이드와 함께 생성하고, 브라우저 캔버스 미리보기에서 실시간 재생되어 발표 리듬과 시각적 흥미를 더해요.

흔한 모션 유형

• CSS 모션: 그라데이션 전환, 페이드, 이동, 확대·축소 등 스타일 애니메이션.
• 입장 효과: 해당 슬라이드로 넘어올 때 제목, bullet, 시각 블록이 순차 등장.
• 프로그래밍 배경: 도트 필드, 파티클, 그리드 등 스크립트로 그리는 루프·반루프 효과.
• Canvas 애니메이션: 경로, 도형, 데이터 기반 동적 그리기.

Agent는 페이지 서사와 전체 디자인에 맞춰 모션 강도를 맞춰요 — 모든 슬라이드에 애니메이션을 억지로 넣지는 않아요. 정적 아이콘·다이어그램은 시각 요소 문서를 참고하세요.

생성 방법

• 채팅에서 모션 의도를 설명하세요 — 「커버에 천천히 흐르는 그라데이션 배경」「3번 슬라이드 bullet 순차 페이드인」.
• 리듬 선호를 말하세요: 절제된 비즈니스, 테크 느낌, 강한 임팩트 등.
• Agent는 렌더링 시 레이아웃·색과 함께 모션을 구현해요.
• 맞지 않으면 「모션을 더 느리게」「루프는 빼고 입장만」처럼 방향을 조정하세요.

대화 예시

조정 방법

일부 모션 시각 블록은 슬라이드 전체를 다시 생성하지 않고 캔버스에서 정밀 조정할 수 있어요.

• 편집 모드를 켜고 모션이 있는 시각 블록을 선택한 뒤 「정밀 조정 속성」을 여세요.
• 파라미터가 노출되면 패널에 컨트롤이 보여요 — 입장 사용 여부, 길이, 밀도, 속도, 색 등(블록마다 다름).
• 실시간 미리보기 후 「적용」으로 저장하세요.
• 애니메이션 유형 교체, 슬라이드 전체 모션 재구성 같은 구조 변경은 Agent와 대화로 처리하는 편이 좋아요.

미리보기 vs 내보내기

• 캔버스 미리보기·공유 링크: 브라우저에서 모션이 재생돼요. 슬라이드를 넘기면 페이지별로 활성·정지.
• PDF / PPTX / 이미지 ZIP: 내보내기는 한 프레임 정적 이미지 — 미리보기의 「움직임」 전체가 담기지는 않아요.
• 루프 애니메이션: 내보낸 파일은 보통 한 프레임만 — 여러 변화를 보여 주려면 슬라이드를 나누세요.
• 발표 모드: 브라우저 안에서 캔버스 미리보기와 같은 모션이 보여요.

언제 쓸지

• 커버, 섹션 전환, 마무리: 가벼운 모션으로 분위기 — 과하지 않게.
• 제품 발표, 브랜드 deck: 적당한 모션이 기억에 도움이 될 수 있어요.
• 데이터·텍스트가 많은 슬라이드: 보통 정적으로 두어 주의가 내용에 가도록.
• 온라인 발표(공유 링크 + 브라우저): 모션 가치가 더 큼; PDF만 돌리면 정적 레이아웃 우선.

적용 범위 및 제한

• 코드 모드 전용: 이미지 모드는 별도 모션 레이어 없음; 수정은 주로 대화로 전체 페이지 재생성.
• PowerPoint 네이티브 애니메이션 아님: 내보낸 PPTX의 모션은 픽셀 레이어 — PowerPoint에서 타임라인 편집 불가.
• 정밀 조정 파라미터는 블록마다 다름 — 모든 효과에 조절 UI가 있는 것은 아님.
• 성능·가독성: Agent는 미리보기가 버벅이지 않도록 과도한 루프는 피해요.

관련 문서