junsobi

Menu

Close

Logo of Aitoon
Aitoon
웹툰 생성 과정을 혁신적으로 지원하는 AI 기반 플랫폼

Fri Jan 31 2025

그래픽 카드 대여 이슈
Vite
JavaScript
React
Recoil
Tailwind CSS
WebSockets
Zod
React Hook Form
Vercel Deployment
Canvas Integration
Stable Diffusion API
Carousel Image 1
Carousel Image 2
Carousel Image 3
Carousel Image 4
Carousel Image 5
Carousel Image 6
Carousel Image 7
Carousel Image 8
Carousel Image 9

Aitoon은 웹툰 생성 과정을 혁신적으로 지원하는 AI 기반 플랫폼입니다.
사용자는 캐릭터, 의상, 배경 제작부터 스토리 생성, 이미지 배치까지 모든 과정을 손쉽게 관리할 수 있습니다.
또한 전문가와의 협업을 통해 AI가 처리하기 어려운 세부 작업까지 완성도 높은 결과물을 제공합니다.

Features

  • 스토리 생성

    • GPT API를 활용하여 웹툰의 스토리 흐름과 에피소드 간 정리를 지원.
    • 에피소드별 스토리 구분 및 컷별 각색 기능 제공.
  • 이미지 생성

    • 리즈널 프롬프터를 활용한 캐릭터 배치 툴 제공.
    • Inpaint 기능으로 생성된 컷을 빠르게 수정 가능.
  • 이미지 배치 및 편집

    • 캐릭터, 배경, 말풍선 등의 이미지를 드래그 앤 드롭으로 배치.
    • 이미지 편집 기능을 통해 색상, 크기, 투명도 등을 조정.
  • 전문가 협업 플랫폼

    • 전문가와의 협업을 통해 AI가 처리하기 어려운 세부 작업을 완성.
    • 전문가 평가 시스템을 통해 피드백을 받고 플랫폼의 품질을 높임.
    • 전문가와의 실시간 채팅 기능을 통해 의견을 주고받음.

Tech Stack

  • Frontend: React, Vite, Zod, React Hook Form, React Table, Fabric Cavas, Quill
  • AI 생성: Stable Diffusion API, GPT API
  • 통신: WebSocket, Axios
  • 상태관리: Recoil
  • 배포: Vercel Deployment

구현 세부 사항

이미지 생성

  • 캐릭터, 의상, 배경을 생성하는 기능 제공.
  • 리즈널 프롬프터를 활용하여 컷 내 캐릭터 배치를 직관적으로 조정.
  • Inpaint 기능을 통해 생성된 이미지를 빠르게 수정 가능.

스토리 생성

  • GPT API를 활용하여 에피소드 간 스토리를 연결하고 컷별 각색을 지원.
  • 전체 웹툰의 흐름을 정리하고 각 에피소드에 맞는 스토리 분배.

이미지 배치 및 편집

  • Fabric Canvas 활용하여 컷별로 말풍선, 텍스트, 기타 요소를 레이어로 배치.
  • 직관적인 UI로 빠르고 효율적인 수정 가능.

전문가 협업

  • AI가 어려운 세부 작업을 전문가에게 요청할 수 있는 기능 제공.
  • 플랫폼을 통해 사용자와 전문가를 연결하여 고품질 작업 보장.

작동 방식

  1. 사용자 온보딩: 사용자가 가입하고 플랫폼을 탐색.
  2. 이미지 생성: 캐릭터, 의상, 배경을 생성하고 Inpaint를 통해 수정.
  3. 스토리 작성: GPT API를 활용하여 스토리 흐름 및 각색 진행.
  4. 이미지 배치: 캔버스를 사용하여 말풍선과 기타 요소 배치.
  5. 전문가 요청: 필요한 경우 전문가에게 작업을 요청.

해결한 과제

  • AI와 사용자의 협업 환경 구축.
  • 자연스러운 스토리 생성과 이미지 편집 간의 통합성 유지.
  • 플랫폼 내 전문가 협업을 통해 고품질 결과물 제공.

향후 개선 사항

  • 캐릭터 및 배경 생성의 다양성을 높이기 위한 AI 모델 개선.
  • 커뮤니티 기반 템플릿 공유 및 확장 기능 제공.
  • 다국어 지원을 통한 글로벌 사용자 확보.

Video Recording 🎬