Skip to content

About

🎨 Visual Grid Prompt Studio (Web & Mobile Pro) - Midjourney, Flux, Krea 2, ComfyUI, SDXL

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

Β 

History

22 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 Visual Grid Regional Prompt Studio (Web Pro)

πŸ“ AI λΉ„μ£Όμ–Ό 곡간 λΆ„ν•  & 캐릭터 μ„€μ •ν™” μΈν„°λž™ν‹°λΈŒ ν”„λ‘¬ν”„νŠΈ 생성기

Platform Live Demo Download ComfyUI Node License

μ„€μΉ˜ 0개, λ‹€μš΄λ‘œλ“œ 없이 μ›Ή λΈŒλΌμš°μ €μ—μ„œ 마우슀 λ“œλž˜κ·Έλ‘œ μ›ν•˜λŠ” 곡간 ꡬ도λ₯Ό 자유둭게 λΆ„ν• ν•˜κ³ , μ΅œμ‹  AI(Midjourney, Flux, Krea 2, ComfyUI, ChatGPT, Gemini, SDXL λ“±)에 μ΅œμ ν™”λœ ν”„λ‘¬ν”„νŠΈλ₯Ό μžλ™ μƒμ„±ν•˜λŠ” μ°¨μ„ΈλŒ€ μΈν„°λž™ν‹°λΈŒ μ›Ή λ„κ΅¬μž…λ‹ˆλ‹€.

πŸ‡°πŸ‡· ν•œκ΅­μ–΄ μ„€λͺ… | πŸ“Έ ν™”λ©΄ 가러리 | 🌐 Global Multi-Language | English Overview


πŸ“Έ μ‹€μ œ μž‘μ—… ν™”λ©΄ 가러리 (Visual Showcase)

πŸ“ 7λΆ„ν•  캐릭터 μ„€μ •ν™” μΊ”λ²„μŠ€ (16:9)

7-Panel Character Sheet Canvas
βš™οΈ μ‹€μ‹œκ°„ ν”„λ‘¬ν”„νŠΈ & 탐색기 에디터

Interactive Prompt Editor Panel

🌟 핡심 κΈ°λŠ₯ 상세 (Key Features)

1. πŸ–±οΈ 마우슀 λ“œλž˜κ·Έ μ•€ λ“œλ‘­ μ˜μ—­ λΆ„ν•  (Visual Grid Partitioning)

  • λ°”λ‘‘νŒ 격자 μœ„μ—μ„œ 마우슀둜 μ›ν•˜λŠ” μ‹œμž‘μ μ—μ„œ λμ κΉŒμ§€ λŒ€κ°μ„ μœΌλ‘œ λ“œλž˜κ·Έν•˜λ©΄ μ§μ‚¬κ°ν˜• ꡬ역이 1초 λ§Œμ— μƒμ„±λ©λ‹ˆλ‹€.
  • 각 μ˜μ—­λ§ˆλ‹€ λ²ˆν˜Έμ™€ 고유 λ„€μ˜¨ μ»¬λŸ¬κ°€ λΆ€μ—¬λ˜μ–΄ λ³΅μž‘ν•œ λ‹€λΆ„ν•  ꡬ도도 ν•œλˆˆμ— μ§κ΄€μ μœΌλ‘œ νŒŒμ•…ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
Mouse Drag and Drop Partitioning Guide

β–² 마우슀 λ“œλž˜κ·Έλ‘œ μ›ν•˜λŠ” 크기와 μœ„μΉ˜μ˜ νŒ¨λ„μ„ μ¦‰μ‹œ 생성


2. πŸ“‚ μœˆλ„μš° νƒμƒ‰κΈ°ν˜• μƒ·/ꡬ도 트리 μ…€λ ‰ν„° (10λŒ€ 캐릭터 μ‹œνŠΈ λΆ„λ₯˜)

  • ν‰μ†Œμ—λŠ” λŒ€λΆ„λ₯˜ ν΄λ”λ§Œ κΉ”λ”ν•˜κ²Œ 보이닀가 클릭 μ‹œ μœˆλ„μš° νƒμƒ‰κΈ°μ²˜λŸΌ ν•˜μœ„ μ†ŒλΆ„λ₯˜κ°€ λΆ€λ“œλŸ½κ²Œ νŽΌμ³μ§‘λ‹ˆλ‹€.
  • 캐릭터 μ‹œνŠΈ(μ„€μ •ν™”) νŠΉν™” 10λŒ€ 핡심 λΆ„λ₯˜:
    1. πŸ‘€ μ–Όκ΅΄ (ν—€μ–΄λΆ€ν„° μ‡„κ³¨κΉŒμ§€): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, μœ„μ—μ„œ λ³Έ(ν•˜μ΄μ•΅κΈ€), μ•„λž˜μ—μ„œ λ³Έ(λ‘œμš°μ•΅κΈ€), ν›„λ©΄(뒷머리)
    2. πŸ‘οΈ μ–Όκ΅΄ μ΄ˆκ·Όμ ‘ (Extreme Macro Close-up): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄
    3. πŸ‘š μƒλ°˜μ‹  κ°€μŠ΄κΉŒμ§€ (Bust Shot): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, μœ„μ—μ„œ λ³Έ, μ•„λž˜μ—μ„œ λ³Έ
    4. πŸ‘— μƒλ°˜μ‹  ν—ˆλ¦¬κΉŒμ§€ (Waist Shot): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, μœ„μ—μ„œ λ³Έ, μ•„λž˜μ—μ„œ λ³Έ
    5. ✨ κ°€μŠ΄ ν΄λ‘œμ¦ˆμ—… (Chest & Neckline): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, μœ„μ—μ„œ λ³Έ, μ•„λž˜μ—μ„œ λ³Έ
    6. 🧍 μ „μ‹  (Full Body Turnaround): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, ν›„λ©΄(λ’·λͺ¨μŠ΅ μ „μ‹ ), μžμ—°μŠ€λŸ¬μš΄ μ›Œν‚Ή 포즈
    7. 🦡 ν•˜λ°˜μ‹  (엉덩이뢀터 닀리/각선미): μ •λ©΄, μΈ‘λ©΄, 45도 μΈ‘λ©΄, ν›„λ©΄, 맀혹적인 포즈
    8. πŸ‘ 엉덩이뢀 (Hips & Buttocks): 골반 μ •λ©΄, 엉덩이 μΈ‘λ©΄, 엉덩이 ν›„λ©΄(λ’·νƒœ), μ•„λž˜μ—μ„œ λ³Έ
    9. πŸ–οΈ 손 ν΄λ‘œμ¦ˆμ—… (Hands & Fingers): 손등, 손바λ‹₯
    10. 🦢 발 ν΄λ‘œμ¦ˆμ—… (Feet & Toes): λ°œλ“±(맨발), λ°œλ°”λ‹₯, 발 μ •λ©΄, 발 45도 μΈ‘λ©΄, 발 μΈ‘λ©΄
  • μ‹€μ‹œκ°„ 검색 지원: 상단 검색창에 쇄골, λ°œλ“±, μ›Œν‚Ή, λˆ„μš΄ 등을 μž…λ ₯ν•˜λ©΄ μ¦‰μ‹œ ν•„ν„°λ§λ©λ‹ˆλ‹€.

3. 🧍 μ •λ°€ 벑터 SVG 싀루엣 λ·°μ–΄ & λ‹€μ–‘ν•œ λ ˆμ΄μ•„μ›ƒ 지원 (16:9 / 9:16 / 1:1)

  • μ „μ‹ , μ–Όκ΅΄ μ΄ˆκ·Όμ ‘, μƒλ°˜μ‹ , 손, 발, 엉덩이, 무릎 μ•ˆκ³  앉은 μžμ„Έ, νƒœμ•„μžμ„Έ λˆ„μš΄ μ „μ‹  등에 맞좰 μΊ”λ²„μŠ€ 내뢀에 μ •λ°€ 벑터 SVG 싀루엣이 100% 동적 λ Œλ”λ§λ©λ‹ˆλ‹€.
  • κ°€λ‘œν˜•(16:9), μ„Έλ‘œν˜•(9:16), μ •λ°©ν˜•(1:1) λ“± μ–΄λ–€ μ’…νš‘λΉ„μ—μ„œλ„ μ™„λ²½ν•˜κ²Œ μžλ™ μŠ€μΌ€μΌλ§λ©λ‹ˆλ‹€.
πŸ“ 4λΆ„ν•  μ‹œνŠΈ (μ–Όκ΅΄ / μ „μ‹  / 착석 / λˆ„μš΄ μžμ„Έ)

4-Panel Layout Canvas
πŸ“± 9:16 μ„Έλ‘œν˜• μ‹œνŠΈ (μ „μ‹  + 3단 μ–Όκ΅΄ μ•΅κΈ€)

9:16 Vertical Sheet Canvas

4. ⚑ 1:1 ꡬ도 ꡐ체 (Replace) μ‹œμŠ€ν…œ

  • ν”„λ¦¬μ…‹μ΄λ‚˜ ꡬ도λ₯Ό λ³€κ²½ν•  λ•Œ 이전 ν”„λ‘¬ν”„νŠΈ 뒀에 μ‰Όν‘œλ‘œ 계속 λˆ„μ λ˜μ§€ μ•Šκ³ , μ„ νƒν•œ μƒˆ κ΅¬λ„λ‘œ μΊ”λ²„μŠ€ 싀루엣과 ν…μŠ€νŠΈκ°€ κΉ¨λ—ν•˜κ²Œ 1:1 μ¦‰μ‹œ κ΅μ²΄λ©λ‹ˆλ‹€.

5. ⭐ λ‚˜λ§Œμ˜ 프리셋 (μ»€μŠ€ν…€) μ „μš© λ“œλ‘­λ‹€μš΄ & 관리 μ„œλž

  • 독립 2단 μ…€λ ‰νŠΈ: κΈ°λ³Έ 프리셋과 μ„žμ΄μ§€ μ•Šλ„λ‘ λ°”λ‘œ μ•„λž˜μ— λ‚˜λ§Œμ˜ μ»€μŠ€ν…€ 프리셋 μ „μš© μ…€λ ‰νŠΈλ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.
  • [βš™οΈ μ»€μŠ€ν…€ 프리셋 관리] μ„œλž:
    • 클릭 μ‹œ μ•„λž˜λ‘œ λΆ€λ“œλŸ½κ²Œ μ—΄λ¦¬λŠ” μ•„μ½”λ””μ–Έ λ“œλ‘œμ–΄.
    • **마우슀 λ“œλž˜κ·Έ μ•€ λ“œλ‘­(Drag & Drop)**으둜 프리셋 μˆœμ„œ 자유 λ³€κ²½.
    • [πŸ’Ύ ν˜„μž¬ μž…λ ₯ 등둝], [βž• μƒˆ 프리셋 생성], ✏️ μˆ˜μ •, Γ— μ‚­μ œ μ™„λ²½ 지원.

6. β˜€οΈ 라이트 λͺ¨λ“œ / πŸŒ™ 닀크 λͺ¨λ“œ (κ³ μ‹œμΈμ„± μŠ€μœ„μ²˜)

  • ν™”μ΄νŠΈ μŠ€νŠœλ””μ˜€ 라이트 ν…Œλ§ˆ: 눈이 νŽΈμ•ˆν•œ μŠ€νŠœλ””μ˜€ ν™”μ΄νŠΈ 배경에 깊이 μžˆλŠ” λ”₯ 차콜(#0f172a) 폰트λ₯Ό μ μš©ν•˜μ—¬ ν…μŠ€νŠΈμ™€ μ‹€λ£¨μ—£μ˜ μ‹œμΈμ„±μ„ κ·ΉλŒ€ν™”.
  • ν…Œλ§ˆ μ„€μ • 영ꡬ κΈ°μ–΅: λΈŒλΌμš°μ €λ₯Ό 껐닀 μΌœλ„ μ‚¬μš©μžκ°€ μ„ νƒν•œ ν…Œλ§ˆλ₯Ό localStorage에 μ•ˆμ „ν•˜κ²Œ κΈ°μ–΅ν•©λ‹ˆλ‹€.

7. βšͺ 화풍 μ „ν™˜ μ‹œ μ‚¬μš©μž μ„€μ • (백색 λ°°κ²½ λ“±) 영ꡬ μœ μ§€

  • 극싀사, λ°˜μ‹€μ‚¬, 2D μ• λ‹ˆ, 3D CG λ“± 화풍 λ²„νŠΌμ„ 자유둭게 바꿔도, μ‚¬μš©μžκ°€ μ„€μ •ν•΄ λ‘” 백색 λ°°κ²½ (White Backdrop) ν† κΈ€ μƒνƒœκ°€ 풀리지 μ•Šκ³  μ™„λ²½ν•˜κ²Œ κ³ μ •λ©λ‹ˆλ‹€.

8. 🌐 κΈ€λ‘œλ²Œ λ‹€κ΅­μ–΄ 지원 (Global Browser Translate)

  • 크둬 / μ—£μ§€ / μ‚¬νŒŒλ¦¬ λ“±μ˜ λΈŒλΌμš°μ € μžλ™ λ²ˆμ—­ κΈ°λŠ₯을 톡해 μ „ 세계 100개ꡭ μ΄μƒμ˜ μ–Έμ–΄(μ˜μ–΄, 일본어, 쀑ꡭ어, μŠ€νŽ˜μΈμ–΄ λ“±)둜 λͺ¨λ“  메뉴와 λ²„νŠΌμ΄ 1초 λ§Œμ— μžλ™ λ²ˆμ—­λ©λ‹ˆλ‹€.
  • μ΅œμ’… 생성 ν”„λ‘¬ν”„νŠΈλŠ” μ „ 세계 AI ν‘œμ€€μΈ 'μ˜μ–΄(English)'둜 μƒμ„±λ˜λ―€λ‘œ κΈ€λ‘œλ²Œ μ‚¬μš©μž λͺ¨λ‘μ—κ²Œ μ™„λ²½ν•˜κ²Œ ν˜Έν™˜λ©λ‹ˆλ‹€.

πŸš€ μ‹œμž‘ν•˜κΈ° (Getting Started)

1) 온라인 μ›Ή μ‚¬μ΄νŠΈμ—μ„œ μ‹€ν–‰ (κ°€μž₯ μΆ”μ²œ ⭐)

λ³„λ„μ˜ μ„€μΉ˜λ‚˜ 파일 λ‹€μš΄λ‘œλ“œ 없이 즐겨찾기 등둝 ν›„ μ¦‰μ‹œ μ‚¬μš©ν•˜μ„Έμš”:
πŸ‘‰ https://bada-ya.github.io/Visual-Grid-Prompt-Web/

2) μ˜€ν”„λΌμΈ 단일 HTML 파일 λ‹€μš΄λ‘œλ“œ

인터넷이 μ—†λŠ” ν™˜κ²½μ—μ„œλ„ μ‚¬μš©ν•  수 μžˆλŠ” 100% λ¬΄μ„€μΉ˜ 단일 νŒŒμΌμž…λ‹ˆλ‹€:
πŸ‘‰ Visual_Grid_Prompt.html λ‹€μš΄λ‘œλ“œ


🧩 ComfyUI μ»€μŠ€ν…€ λ…Έλ“œ 버전

ComfyUI μ›Œν¬ν”Œλ‘œμš° λ‚΄λΆ€μ—μ„œ μ»€μŠ€ν…€ λ…Έλ“œλ‘œ 직접 μ—°λ™ν•˜μ—¬ μ‚¬μš©ν•˜κ³  μ‹ΆμœΌμ‹œλ‹€λ©΄ ComfyUI-Visual-Regional-Prompt μ €μž₯μ†Œλ₯Ό μ΄μš©ν•΄ μ£Όμ„Έμš”.


πŸ“„ λΌμ΄μ„ μŠ€ (License)

This project is open-sourced under the MIT License.

About

🎨 Visual Grid Prompt Studio (Web & Mobile Pro) - Midjourney, Flux, Krea 2, ComfyUI, SDXL

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages