star 주요 특징 및 핵심 기능
독립 레이어 시스템
이미지, 텍스트, 도형 요소를 개별 레이어로 분리 관리합니다. 순서 변경, 투명도 조절, 잠금(Lock), 숨기기(Hide) 및 복제/병합이 가능합니다.
클립보드 캡처 직접 붙여넣기
화면 캡처나 클립보드에 복사된 이미지를 편집기에서 바로 Ctrl+V로 붙여넣으면 즉시 새로운 레이어로 생성됩니다.
다양한 벡터 도형 & 텍스트
직선, 직사각형, 타원, 화살표, 말풍선, 별 도형을 자유롭게 배치할 수 있으며, 색상/테두리/폰트 스타일이 적용된 텍스트 작성을 지원합니다.
정밀 이미지 자르기 (Crop)
원하는 이미지 레이어를 선택한 후 드래그하여 필요한 영역만 깔끔하게 잘라낼 수 있는 전용 Crop 도구를 제공합니다.
AI 이미지 배경 제거 (Remove BG)
ONNX Runtime AI 모델(U²-Net)을 활용하여 이미지의 인물/사물 배경을 클릭 한 번으로 투명하게 제거합니다.
블렌딩 모드 & Drop Shadow
Multiply, Screen, Overlay 등 12가지 합성 모드와 그림자 색상, 블러(Blur), X/Y 위치 오프셋 조절로 깊이감 있는 디자인을 연출합니다.
PNG / JPG 고화질 내보내기
투명 배경 유지 PNG 내보내기와 자동 흰색 배경 처리 JPG 내보내기를 지원하여 그래픽 자산 및 문서용 이미지를 간편하게 저장합니다.
rocket_launch 빠른 시작 가이드
이미지 불러오기 (파일 업로드, 드래그앤드롭, Ctrl+V)
상단 툴바의 Add Image 버튼을 누르거나, 윈도우 탐색기에서 이미지 파일들을 편집기 위로 드래그 앤 드롭하세요. 캡처 도구로 복사된 이미지는 키보드 Ctrl+V로 바로 붙여넣을 수 있습니다.
레이어 선택 및 위치/크기 조정
좌측 도구 상자의 선택(V) 또는 이동(M) 도구로 레이어를 클릭하세요. 모서리 핸들을 드래그하거나 우측 변형(Transform) 패널 수치를 입력하여 크기와 회전 각도를 자유롭게 변경할 수 있습니다.
도형, 텍스트 및 그림자 스타일 적용
좌측 도형 버튼(직선, 타원, 화살표, 말풍선, 별)이나 상단 Text 버튼으로 요소를 추가하고, 우측 속성 패널에서 색상, 테두리, Drop Shadow 효과를 설정하세요.
완성본 내보내기 (Export PNG / JPG)
작업이 완료되면 상단 툴바의 Export PNG 또는 Export JPG 버튼을 클릭하여 결과물 이미지를 내 컴퓨터에 저장하세요.
build 상단 툴바 (Top Toolbar)
상단 툴바는 프로젝트 초기화, 외부 자산 가져오기, 실행 취소/다시 실행 및 이미지 내보내기 핵심 명령어를 모아둔 영역입니다.
| 아이콘 / 버튼명 | 기능 설명 | 단축키 / 비고 |
|---|---|---|
| New | 현재 작업을 모두 비우고 새로운 빈 캔버스를 시작합니다. (확인 팝업 노출) | — |
| Add Image | 내 컴퓨터에서 이미지 파일(PNG, JPG, WebP 등)을 다중 선택하여 신규 레이어로 추가합니다. | 파일 선택 창 열림 |
| Text | 텍스트 입력 팝업을 띄우고 신규 텍스트 레이어를 캔버스 중앙에 배치합니다. | — |
| Undo / Redo | 이전 작업 단계로 되돌리거나(Undo), 취소했던 작업을 다시 실행합니다(Redo). | Ctrl+Z / Ctrl+Y (최대 60단계) |
| Canvas Info | 현재 캔버스 해상도(예: 800 × 600)를 실시간으로 표시합니다. | 우측 Canvas 패널에서 변경 가능 |
| Export PNG | 모든 표시된 레이어를 합성하여 투명도가 유지되는 PNG 이미지 파일로 다운로드합니다. | export.png 다운로드 |
| Export JPG | 투명 영역을 깔끔한 흰색 배경으로 채우고 고화질 JPG 이미지로 내보냅니다. | export.jpg 다운로드 |
handyman 좌측 편집 도구함 (Left Toolbar)
편집기 좌측에 위치한 도구함은 마우스 모드 전환 및 그래픽 요소/도형 추가 기능으로 구성되어 있습니다.
near_me Select (V)
기본 객체 선택 도구입니다. 캔버스 상의 레이어를 클릭하여 선택하거나 외각 핸들로 크기를 조절할 수 있습니다.
open_with Move (M)
이동 도구입니다. 마우스 커서가 이동 상태로 변경되어 레이어를 드래그해 자유롭게 위치를 옮길 수 있습니다.
horizontal_rule Line (L)
사선 직선 오브젝트 레이어를 생성합니다. 우측 패널에서 선 두께와 색상을 변경할 수 있습니다.
rectangle Rectangle
직사각형 도형 레이어를 생성합니다. 채우기 색상과 테두리 스타일을 설정할 수 있습니다.
circle Ellipse
타원/원형 도형 레이어를 생성합니다. 인포그래픽 요소나 원형 강조 표시 작성 시 유용합니다.
arrow_forward Arrow (A)
포인팅 화살표 블록 도형 레이어를 생성합니다. 설명 문서 및 튜토리얼 캡처 이미지 작성 시 효과적입니다.
chat_bubble Bubble (B)
말풍선(Speech Bubble) 도형 레이어를 생성합니다. 텍스트 레이어와 결합하여 대화창이나 주석을 제작하세요.
star Star (S)
5각 별 모양 도형 레이어를 생성합니다. 강조 배지 및 별점 아이콘 구성 시 활용할 수 있습니다.
crop Crop (C)
선택된 이미지 레이어의 불필요한 부분을 잘라내는 정밀 크롭 모드로 진입합니다.
zoom_in Zoom (+ / - / Wheel)
캔버스 표시 비율을 확대/축소합니다. 키보드 +, -, 0(원래 크기) 또는 마우스 휠 스크롤로 조절합니다.
layers 레이어 시스템 & 마우스 우클릭 메뉴
우측 하단 Layers 목록에서 현재 작업 중인 전체 레이어를 확인하고 제어할 수 있습니다.
👁️ 눈 아이콘 (Visibility)
레이어의 가시성을 설정합니다. 끄면 캔버스 및 내보내기 시 해당 레이어가 숨겨집니다.
🔒 잠금 아이콘 (Lock)
레이어를 잠급니다. 잠긴 레이어는 마우스 선택, 이동, 변형 및 삭제가 방지됩니다.
🏷️ 더블 클릭 이름 변경
레이어 목록의 레이어 이름을 더블 클릭하면 원하는 텍스트로 레이어 이름을 편집할 수 있습니다.
☰ 드래그 & 드롭 순서 변경
레이어 항목을 위/아래로 마우스 드래그하여 레이어 렌더링 순서(Z-index)를 바꿉니다.
오른쪽 클릭 Context Menu (맥락 메뉴)
캔버스 상의 레이어나 우측 레이어 목록의 레이어 항목에서 마우스 오른쪽 버튼을 클릭하면 고급 제어 메뉴가 표시됩니다:
| 메뉴 항목 | 동작 설명 |
|---|---|
| Duplicate (복제) | 선택한 레이어의 이미지 데이터, 텍스트, 속성, 변형 값을 그대로 본따 새로운 레이어를 만듭니다. (약간 비껴 배치) |
| Merge Down (아래 레이어와 병합) | 현재 선택된 레이어와 바로 아래에 위치한 레이어를 하나로 래스터화하여 픽셀 이미지 레이어로 합성합니다. |
| Flatten All (모든 레이어 병합) | 현재 캔버스에 보이는 전체 레이어를 하나의 단일 픽셀 이미지 레이어로 병합 통합합니다. |
| Remove Background (배경 제거) | ONNX AI 신경망 모델을 실행하여 선택된 이미지 레이어의 배경을 자동 감지하고 투명 처리합니다. |
| Delete Layer (삭제) | 선택된 레이어를 목록과 캔버스에서 즉시 삭제합니다. (Delete / Backspace 단축키 동동) |
transform 변형 (Transform) 및 그림자 (Drop Shadow)
우측 패널에서 레이어의 좌표, 크기, 회전, 반전 및 입체감을 주는 그림자 속성을 정밀하게 제어합니다.
📐 위치 & 크기 (X, Y, W, H)
X, Y 위치 좌표와 가로(W), 세로(H) 피셀 수치를 직접 입력하여 정확한 픽셀 단위 정렬이 가능합니다.
🔄 회전 (Rotate -180° ~ 180°)
회전 슬라이더를 조절하여 레이어를 360도 자유 각도로 회전시킬 수 있습니다.
↔️ 좌우/상하 반전 (Flip H / V)
↔ Flip H 버튼으로 좌우 반전, ↕ Flip V 버튼으로 상하 대칭 반전을 1초만에 적용합니다.
💧 투명도 & Blend Mode
Opacity 슬라이더(0~100%) 및 12가지 Blend Mode(Multiply, Screen, Overlay 등)로 풍부한 특수 효과를 연출합니다.
🌑 Drop Shadow (그림자 효과)
Drop Shadow 체크박스를 켜면 그림자 색상, Blur(흐림 정도), Offset X/Y 오프셋 거리로 레이어에 스리디 입체감을 부여할 수 있습니다.
🎨 도형 / 텍스트 커스텀
텍스트 레이어 선택 시 폰트/크기/색상 제어가 활성화되며, 도형 레이어 선택 시 Fill Color(투명 채우기 지원) 및 Stroke 두께/색상 설정이 열립니다.
crop 이미지 자르기 (Crop Selection) 상세 안내
이미지 레이어에서 불필요한 배경이나 여백을 잘라내고자 할 때 Crop 기능을 활용하는 순서입니다:
자르고자 하는 이미지 레이어 선택
캔버스나 우측 레이어 목록에서 자를 이미지 레이어를 선택합니다. (도형이나 텍스트 레이어는 자르기를 지원하지 않습니다)
Crop 모드 실행 (좌측 툴바 또는 C 단축키)
좌측 툴바의 Crop 아이콘(C)을 누르거나, 우측 Image 패널의 Crop Selection 버튼을 클릭하세요.
마우스 드래그로 자를 영역 지정
이미지 위에서 마우스를 클릭한 채 드래그하여 남아있을 사각형 자르기 영역을 지정합니다. 영역 외부는 어둡게 하이라이트 표시됩니다.
OK 버튼 클릭하여 승인
우측 패널에 새로 표시된 OK 버튼을 클릭하여 자르기를 확정하거나, Cancel을 눌러 취소합니다.
auto_fix_high AI 이미지 배경 제거 (Remove Background)
웹 브라우저 내부에서 고성능 AI 신경망 모델(U²-Net)을 직접 구동하여 서버 전송 없이 안전하고 빠르게 선택한 이미지 레이어의 배경을 투명하게 잘라냅니다.
배경을 제거할 이미지 레이어 선택
캔버스나 우측 레이어 목록에서 배경을 누끼 따고 싶은 이미지 레이어를 클릭하여 선택합니다.
배경 제거 버튼 클릭
우측 Image 속성 패널 하단의 배경 제거 (Remove BG) 버튼을 클릭하거나, 레이어를 마우스 오른쪽 클릭하여 Remove Background 메뉴를 선택합니다.
AI 모델 추론 및 결과 자동 적용
상단 상태 안내 창에 로딩 스피너와 함께 AI 모델 추론이 진행되며, 단 몇 초 만에 피사체만 남고 배경이 투명하게 제거된 결과를 얻을 수 있습니다.
keyboard 단축키 정리표 (Keyboard Shortcuts)
| 단축키 | 기능 / 동작 |
|---|---|
| Ctrl + V | 클립보드에 복사된 캡처/이미지 데이터를 신규 레이어로 즉시 붙여넣기 |
| Ctrl + Z | 이전 작업 단계 실행 취소 (Undo) |
| Ctrl + Y / Ctrl + Shift + Z | 취소했던 작업 다시 실행 (Redo) |
| V | 객체 선택 도구 (Select)로 전환 |
| M | 레이어 이동 도구 (Move)로 전환 |
| C | 이미지 자르기 도구 (Crop)로 전환 |
| L | 직선 도형 레이어 바로 생성 |
| A | 화살표 도형 레이어 바로 생성 |
| B | 말풍선 도형 레이어 바로 생성 |
| S | 별 도형 레이어 바로 생성 |
| Delete / Backspace | 선택된 레이어 삭제 |
| ← → ↑ ↓ (방향키) | 선택된 레이어를 1px 정밀 미세 이동 (Nudge) |
| Shift + 방향키 | 선택된 레이어를 10px 단위로 빠르게 이동 |
| + / - / 0 | 캔버스 확대 / 축소 / 100% 원본 비율 복원 |
| 마우스 휠 스크롤 (Wheel) | 캔버스 줌 인/줌 아웃 확대/축소 |