[Concept Proposal] 카운터사이드 캐릭터 배너 컨셉 제안 - '풀스윙 요정 린'

01. Project Overview (프로젝트 개요)

본 프로젝트는 기존 게임 IP인 '카운터사이드(CounterSide)'의 캐릭터 소스를 활용하여, 시즌 이슈인 '가을 야구' 테마에 맞춘 신규 캐릭터 출시 배너 콘셉트를 제안하는 사례입니다. AI 기술과 그래픽 디자인 툴을 복합적으로 활용하여, 기존 캐릭터의 콘셉트를 창의적으로 재구성하는 워크플로우를 실증했습니다.

• Design Title: [Concept Proposal] 'Lyn, the Full-Swing Fairy' Character Banner
• Design Tools: Photoshop, Generative AI (Post-processing)
• Core Task: AI 기반 캐릭터 컨셉 재구성, 야구 테마 디자인 소스 생성(배경 패턴), 타이포그래피 디자인, 레이아웃 및 이펙트 합성

 

02. Concept & Planning (기획 의도)

• 시즌 이슈 결합: 프로야구 포스트시즌(가을 야구) 시즌에 맞춰, 유저들에게 친숙하고 역동적인 '야구' 테마를 선정했습니다.
• 캐릭터 재해석: 기존의 발랄한 치어리더 캐릭터 이미지를 유지하면서도, 방망이를 휘두르는 '최강 타자'라는 새로운 페르소나를 부여하여 '풀스윙 요정 린'이라는 고유한 콘셉트를 도출했습니다.

💡기획전략 포인트

# 💡 Concept Selection Prompt: Option 1 (Seasonal Impact)

/define concept: counterSide 'lyn' full-swing fairy update banner
/strategy: maximize seasonal impact
/event: korean baseball post-season (autumn ball)
/target: current & returning players, new users
/concept logic: "use the excitement of autumn baseball to introduce a new, dynamic aspect of a popular character. 'full-swing fairy lyn' symbolizes the thrill of a home run, creating immediate buzz and high CTR."

> **기획 전략 포인트:** "가을 야구 시즌의 열기를 활용해 인기 캐릭터의 역동적인 새로운 모습을 선보여, 유저 유입과 참여를 극대화하고자 함."

 

03. Source Analysis & AI Workflow (제작 과정)

기존 캐릭터 소스의 특징을 분석하고, AI 기술을 활용해 이를 창의적으로 변환하는 스마트한 워크플로우를 구축했습니다.

Step 1. 기본 베이스 소스 분석 (Base Source)

• 원본 소스: '카운터사이드'의 치어리더 컨셉 캐릭터 이미지. 발랄한 미소와 치어리딩 포즈가 특징입니다.

 

Step 2. AI 기반 컨셉 재구성 & 소스 추출

• AI 제어(Control): 원본 캐릭터의 화풍과 얼굴 특징을 유지하면서, 야구 방망이를 든 역동적인 타격 포즈로 재구성하기 위해 프롬프트 엔지니어링을 활용했습니다.
• 리소스 최적화: AI를 통해 투명 배경(PNG) 소스를 추출하여, 이후 포토샵 레이아웃 작업의 효율성을 높였습니다.

with. Chat GPT

# 💡 [Prompt] variation based on image_5.png, korean anime game art style character. 
winking smile face with heterochromia (blue and brown eye), brown hair with curls from image_5.png. she is now in a dynamic baseball swing stance, leaning forward. she holds a stylized wooden baseball bat over her right shoulder with both hands, hands grip the bat. she wears the same red and white sleeveless crop top and red pleated kilt skirt with star charms belt from image_5.png. her right hand is on her hip while her left hand is holding the bat. the lighting is soft and diffused. add a tiny winking pixel art bunny on the knob of the bat. background is clean white, show off crisp linework and vibrant colors, no halftone dots. 16:9 aspect ratio.

with. Chat GPT

# 💡 [Mascot Variation Prompt] variation based on the bunny mascot in image_6.png
/original: tiny winking pixel bunny, red headband, red scarf from image_6.png.
/new: tiny winking pixel bunny, playing with a realistic baseball, dynamic running pose. the bunny has the same red headband and scarf from image_6.png. vibrant colors, clean pixel-art style, transparent background. --ar 1:1

 

 

04. Design Details (디자인 가공)

AI로 생성된 캐릭터 소스를 기반으로 상용 수준의 그래픽 퀄리티로 가공했습니다.

1. 타이포그래피 및 그래픽 디자인:  메인 타이틀인 '린' 텍스트 내부에 체크 패턴과 별 장식을 삽입하여 시각적 포인트(Point of Interest)를 형성했습니다.
   • '최강 타자', '풀스윙 요정' 등 강력하면서도 귀여운 수식어를 조합하여 캐릭터의 성능을 암시하는 카피를 배치했습니다.
2. 배경 패턴 및 이펙트 합성: AI 기반 소스 생성: 테마의 밀도를 높이기 위해, AI를 활용해 깔끔한 화이트 베이스에 야구 다이아몬드 라인 패턴 디자인 소스를 생성했습니다.

• 디자인 적용: 생성된 패턴을 배경에 은은하게 배치하여 '야구 테마'임을 명확히 하고, 캐릭터 발치의 불꽃 이펙트와 배경의 스피드 라인으로 역동성을 부여했습니다.

with. Gemini

# 💡 [Background Pattern Source Prompt] requested to AI
/concept: a background pattern design on a clean, light cream-white paper texture, specifically created for use behind a baseball game character banner.
/pattern: a stylized, repeating design of interconnected baseball diamond playing fields. the lines are thin, elegant, and in a mix of soft muted charcoal-grey and accent red.
/details: small, repeating stylized base motifs and tiny star icons are integrated as connecting nodes. flat and geometric perspective, structured field sense, clean, cheerful, and baseball-themed. --ar 16:9

 

 

Design System: 시각적 일관성과 임팩트 설계

• Typography: 메인 타이틀에 어그로체B [SBAggroB] 폰트를 채택했습니다. 폰트 특유의 두껍고 날카로운 실루엣을 활용해 신규 캐릭터 출시의 임팩트와 야구의 역동적인 타격감을 시각화했습니다.
• Color Palette: 메인 컬러로 딥 레드(#7B0000)를 사용하여 가을 야구의 계절감과 캐릭터의 강력한 성능을 표현했으며, 화이트(#FFFFFF)와의 높은 명도 대비를 통해 모바일 환경에서의 가독성을 확보했습니다.
• Visual Hierarchy: 캐릭터 이름 '린'에는 별도의 텍스처와 장식을 더해 시각적 위계(Visual Hierarchy)를 높임으로써 유저가 가장 먼저 핵심 정보를 인지하도록 설계했습니다.

 

 

05. Final Result (최종 결과물)

• 효과 의도: 레드와 화이트의 강한 대비를 통해 시선을 사로잡고, 대각선 구도를 활용해 유저의 시선이 자연스럽게 하단의 [지금 만나러 GO] 버튼으로 향하도록 설계했습니다.

 

06. Conclusion & Review

이번 프로젝트를 통해 AI 기술을 디자인 실무 프로세스에 결합하여, 기획한 콘셉트를 빠르고 높은 퀄리티로 시각화하는 워크플로우를 경험했습니다. 원본 소스의 매력을 살리면서도 새로운 콘셉트를 제안하는 '콘셉트 확장 역량'과 '최신 기술 활용 능력'을 동시에 보여주기 위해 노력했습니다.