🎬 AI 기반 PPT 제작 워크플로우를 공유합니다 비디오 스크립트부터 NanoBanana 이미지, 고품질 Slidev 프레젠테이션까지, 모든 것이 단 4단계로 완성됩니다! 이는 제가 BibiGPT AI 강좌를 만들면서 정리한 방법으로, 효율성을 10배 향상시켜 줍니다 👇
📋 핵심 프로세스 개요: 1️⃣ 스크립트 작성 - 빌리빌리 스타일의 정확한 녹취록 작성 2️⃣ 시각적 개요 - AI가 각 PPT 슬라이드에 대한 설명을 생성합니다. 3️⃣ 이미지 생성 - 나노 바나나를 이용한 일괄 이미지 생성 4️⃣ Slidev 조립 - 템플릿 + 구성 요소, 원클릭 설정
✏️ 1단계: 시각적 개요 생성 프롬프트 템플릿을 사용하여 비디오 스크립트를 PPT 슬라이드 각각에 대한 시각적 설명으로 변환하세요. 스타일 키워드: • 장난기 넘치는 손으로 그린 일러스트 • 따뜻한 베이지 • 낙서 (그래피티 스타일) 이 세 단어 덕분에 AI가 생성한 이미지는 스타일 면에서 일관성을 유지하면서도 흥미로워집니다 🎨
🖼️ 2단계: 이미지 일괄 생성 개요의 시각적 설명에 따라 16:9 비율의 일러스트를 일괄적으로 생성합니다. 명명 규칙은 중요합니다. • 모든 파일은 slides/zh/ 디렉토리에 넣어주세요. • 형식: 0.x-01-cover.png • 혼동을 방지하기 위해 섹션 번호 접두사를 추가하세요. 한 번에 수십 장의 이미지를 생성하여 시간과 노력을 절약하세요 ⚡
📄 3단계: httpsslides.md Slidev의 Frontmatter 구성: • 테마: 세리프 • 전환: 왼쪽으로 슬라이드 • 전체 화면 배경 이미지 + 투명 레이아웃 핵심 요점: 스타일 수정은 마지막에 추가하세요 .slidev-layout { background: transparent !important } 이렇게 하면 배경 이미지가 전체 화면으로 완벽하게 표시됩니다. ✨
🚀 4단계: 원클릭 미리보기 CD 슬라이드/zh && 슬라이드v https://slides.md 열자마자 핫 업데이트 효과를 확인할 수 있으며, 변경 작업을 하는 동안에도 실시간으로 업데이트되는 것을 볼 수 있습니다. 전체 과정은 다음과 같습니다. • 작성 시간 30분 • AI 생성 이미지 (10분) • 조립 시간: 10분 단 한 시간 만에 전문가 수준의 강의용 PPT를 제작하세요 🎯
💡 추가 팁: `` 컴포넌트를 사용하세요. `mode="cover"`는 첫 페이지에 어두운 분위기를, `mode="normal"`은 콘텐츠 페이지 모서리에 진행률 표시줄을 나타냅니다. 또는 콘텐츠 페이지에 구성 요소를 표시하지 않고 전체 화면 이미지만으로 더욱 몰입감 있는 경험을 제공할 수도 있습니다. 이 워크플로우 덕분에 "PPT 제작은 고통스러운 일"이었던 제 경험이 "창작 과정을 즐기는 것"으로 완전히 바뀌었습니다 🙌
📂 디렉토리 구조 가이드라인: 모듈-x/ ├── videos/zh/xx-topic.md (대본) └── 슬라이드/zh/ ├──slides.mdC (진입점) ├── 구성 요소/ └── *.png (AI 생성 이미지) 구조가 명확하고 팀 협업이 용이합니다.
이 AI PPT 워크플로의 핵심을 요약하면 다음과 같습니다. ✅ 스크립트 기반, 콘텐츠 중심 ✅ AI 생성 이미지, 일관된 스타일 ✅ Slidev 조립 방식, 코드가 문서화됨 ✅ 실시간 업데이트 미리보기, 빠른 반복 작업 강의나 프레젠테이션을 제작 중이라면 이 방법을 한번 시도해 보세요! 궁금한 점이 있으면 댓글로 남겨주세요 👋
보정하지 않은 사진을 제공해주신 @dotey 님께 특별히 감사드립니다!