AI 실습: 이미지 세그멘테이션 서비스 프로젝트
오늘부터 2번째 프로젝트가 시작됐다. 이번 주제는 AI 이미지 세그멘테이션이다.
오늘은 첫날이므로 이미지 세그멘테이션 기술을 이용해 어떤 서비스를 만들고, 화면 레이아웃은 어떻게 만들지 기획했다.
AI 이미지 세그멘테이션(Image Segmentation) 이란?
이미지 안의 각 픽셀이 어떤 객체(또는 영역)에 속하는지를 구분해주는 기술로, 이미지 분할이라 생각하면 쉽다.
주제: 사진 배경 제거 AI 서비스
1. 개요
웹 브라우저에 영상을 업로드하면 특정 구간의 배경을 제거해주는 Image Segmentation 서비스
1. 사용자가 이미지나 영상을 브라우저에 업로드
2. 업로드된 이미지나 영상의 배경을 제거
1) 이미지 업로드의 경우
- 선택한 이미지의 배경을 제거
2) 영상 업로드의 경우
- 업로드된 영상을 이미지 프레임 시퀀스화한 후, 선택한 프레임 구간의 배경을 제거
3. 배경을 제거한 이미지와 영상을 출력(export)
- 영상의 경우, 배경을 제거한 이미지 프레임들을 합쳐서 다시 영상으로 복구하는 기능
전제조건 :
- 게임엔진은 Unreal Engin (5.+) 사용을 전제로 함
- 게임엔진 상에서 애니메이션이 포함된 3D 캐릭터 렌더링 후 영상 추출
- AI 인식 정확도를 높이기 위해 배경은 크로마키를 배치해야 함
- 게임엔진을 이용하여 배경이 포함된 영상추출이 필요함
2. 서비스 타겟 페르소나
게임 개발자
- 게임엔진 내부에서 기존 작업과 동떨어진 배경제거 및 디자인 관련 기능을 사용할 필요가 없음
- 어느정도 기존 개발영역 (에셋 배치, 애니메이션 연동) 에 포함된 간단한 작업이고, 구간 영상을 추출해서 전달만 하면 되므로 업무부담을 완화할 수 있음
디자이너, 썸네일 제작자
- 3D 캐릭터나 애니메이션 파일(.fbx) 자체에는 배경이라는 개념이 존재하지 않음
- 해당 기능을 가진 게임엔진이 존재함. 그러나 일반 디자이너는 게임 엔진을 그만큼 다룰 수 없음
- Photoshop을 이용한 배경제거도 가능하지만, 결과는 완벽하지 않기 때문에 어차피 검수가 필요함. 본 서비스를 이용해 배경제거가 잘 되지 않더라도, 보조도구로 이용 가능
- 이미지 시퀀스를 웹 브라우저에서 보여줌으로써 특정 하이라이트 구간을 지정 가능
- 썸네일 or 로고 제작을 위해서는 특정 하이라이트 부분만 있으면 됨
마케터
- 대략적인 배경제거로, 시안을 빠르게 확인하고 마케팅 전략을 수립할 수 있음
화면 레이아웃
1. 홈화면
'배경 제거 시작하기' 버튼을 통해 '영상 업로드' 화면(본문 2)으로 이동

2. 영상 업로드 화면
사진(.jpg, .png etc)이나 영상(.mp4)을 업로드하는 화면이다.

3. 이미지 프레임 선택 화면
이미지 프레임 중에서 배경을 제거할 이미지를 선택하는 화면이다.
- 이미지를 업로드했다면, 해당 이미지를 표시한다.
- 영상을 업로드했다면, 해당 영상의 이미지 프레임을 표시한다.
또한 이미지 프레임을 선택시, 해당 이미지의 미리보기가 표시되고 '배경 제거' 버튼이 활성화된다.
'배경 제거' 버튼을 클릭하면 캡쳐 선택 화면 (본문 4)으로 이동한다.

4. 캡쳐 선택 화면
배경이 제거된 이미지들을 표시하고, 사용자가 원하는 구간을 선택하여 영상화 하거나 이미지를 내보내기 할 수 있는 화면
- '영상 및 이미지 다시 등록하기' 버튼을 클릭할 경우, '홈' 화면(본문 1)으로 이동하여 처음부터 다시 시작한다.
- '배경제거할 프레임 다시 선택하기' 버튼을 클릭할 경우, '이미지 프레임 선택' 화면 (본문 3)으로 돌아가서 이미지를 다시 선택한다.
이미지를 1장 이상 선택하면 '내보내기' 버튼이 활성화된다.

이미지프레임 구간을 선택할 경우 '영상화' 버튼이 활성화된다.
- '내보내기' 버튼을 클릭할 경우, 선택된 이미지들을 이미지파일(.png)로 내보낸다.
- '영상화' 버튼을 클릭할 경우, 선택된 이미지들을 다시 합쳐서 영상파일(.mp4)로 내보낸다.

이렇게 이미지 세그멘테이션 프로젝트의 기획이 끝났다.
기획 및 화면 레이아웃은 어디까지나 초안이고 시작 단계의 가이드라인이므로 작업을 진행하면서 변경될 수 있다.
아직 OCR 프로젝트를 마무리하지는 못했지만 OCR의 텍스트 인식률을 개선해야 하는게 생각보다 시간이 오래걸려서, 이미지 세그멘테이션 프로젝트와 함께 병행하면서 진행할 예정이다.
본 후기는 [카카오엔터프라이즈x스나이퍼팩토리] 카카오클라우드로 배우는 AIaaS 마스터 클래스 (B-log) 리뷰로 작성 되었습니다.
'학습일지 > K-Digital Traing' 카테고리의 다른 글
| [KDT] AIaaS 마스터클래스 16주차 - 최종프로젝트 기획단계 (0) | 2025.07.12 |
|---|---|
| [KDT] AIaaS 마스터클래스 15주차 - AI 실습 (챗봇 기반 자연어 처리) (0) | 2025.07.02 |
| [KDT] AIaaS 마스터클래스 13주차 - AI 실습 (OCR) (0) | 2025.06.20 |
| [KDT] AIaaS 마스터클래스 12주차 - RAG 개념 (1) | 2025.06.15 |
| [KDT] AIaaS 마스터클래스 11주차 - 머신러닝 입문 (0) | 2025.06.04 |