튜토리얼 목록
게임 · 쉬움

요리 게임 아이템 아이콘 세트와 상점 화면

떡볶이·김밥·호떡… 한 장에 아이콘 20개를 같은 그림체로. 그리고 그걸로 상점 UI 목업까지
🧾 준비물 없음⚡ 약 220크레딧3단계by 모카포트

🎮 게임 만들기 재료 — 게임 하나를 통째로 만들진 못해도, 게임에 들어가는 재료(타이틀 화면·타일셋·아이콘·보스·BGM·박스아트)는 하나씩 만들 수 있어요. 이 기획의 튜토리얼들은 저마다 재료 한 가지씩을 맡아요. 글자는 전부 비워 두고 편집기나 게임 엔진에서 얹는 게 공통 규칙이에요.

요리 게임·수집 게임은 아이콘이 생명이에요. 재료 아이콘, 완성 요리 아이콘, 상점 아이콘… 수십 개가 같은 그림체여야 하죠. AI에게 하나씩 시키면 그림체가 매번 달라져요. 요령은 한 장에 격자로 몰아 그리기 — 한 번에 그리면 저절로 같은 그림체가 돼요.

분식집 게임 『떡볶이 타이쿤』의 아이콘 20개와 상점 화면 목업을 만들어요.

1
아이콘 시트 — 재료 10개 + 요리 10개

화질 high, 비율 1:1로 생성하세요. 아이콘은 작게 쓰이니 또렷해야 해요.

아이콘 시트의 세 가지 규칙

  • "같은 크기, 같은 광원, 같은 외곽선 두께" — 아이콘 세트가 세트로 보이는 조건 세 개예요. 전부 적으세요.
  • 음식은 '형태'로 적기 — "김밥 한 줄(썰어서)", "어묵 꼬치와 국물 컵". 아이콘은 작아서 실루엣이 달라야 구분돼요.
  • 회색 배경 + 타원 그림자 — 투명 배경으로 뺄 때 회색이 깔끔하게 지워지고, 그림자는 UI에 얹었을 때 '떠 있는' 느낌을 줘요.
이 단계 따라 하기 ⚡ 약 110
프롬프트·설정 보기
모델 · GPT Image 2.5 Sunburst
모바일 요리 게임 『떡볶이 타이쿤』의 아이템 아이콘 시트. 모바일 캐주얼 게임의 아이템 아이콘 스타일. 통통하고 둥근 형태, 선명한 채도, 위에서 떨어지는 부드러운 하이라이트, 두꺼운 어두운 외곽선, 살짝 비스듬한 3/4 시점.
연한 회색 단색 배경 위에 4×5 격자로 아이콘 20개를 가지런히 배열한다. 아이콘은 모두 같은 크기, 같은 광원, 같은 외곽선 두께, 격자 간격은 일정하게.
윗 두 줄(재료 10개): 가래떡, 어묵, 고추장 단지, 대파, 삶은 달걀, 김 한 장, 단무지, 라면 사리, 치즈 조각, 양배추.
아랫 두 줄(요리 10개): 떡볶이 한 그릇, 김밥 한 줄(썰어서), 호떡, 튀김 모둠, 순대 접시, 라볶이, 어묵 꼬치와 국물 컵, 치즈 떡볶이, 붕어빵, 컵 떡볶이.
각 아이콘은 배경과 분리되어 보이게 아래에 작은 타원 그림자. 글자·숫자·로고는 그리지 않기(간판·화면·상자에도 읽히는 글자 없이).
품질high
비율1:1
2
상점 화면 목업 — 아이콘을 UI에 얹으면

1단계 시트를 편집할 이미지로 붙이고, 세로 9:16으로 생성하세요.

  • "빈 가격 칸", "글자 없음" — 가격·이름·버튼 글자는 전부 게임 엔진이 넣어요. AI가 쓰면 가짜 숫자가 박혀요.
  • UI 구조를 위→가운데→아래로 — 헤더/카드 격자/탭 바. 모바일 게임 UI의 공식이고, 이렇게 적으면 그 공식대로 나와요.
  • 이 목업은 기획서·스토어 스크린샷 시안·쇼츠 썸네일에 바로 쓸 수 있어요.
이 단계 따라 하기 ⚡ 약 110
프롬프트·설정 보기
모델 · GPT Image 2.5 Sunburst
첨부한 이미지의 캐릭터·그림체·색을 그대로 유지합니다. 첨부한 아이콘 시트의 아이콘들을 그대로 사용한다.

모바일 요리 게임 『떡볶이 타이쿤』의 상점 화면 목업. 세로 스마트폰 화면.
위쪽 1/5: 나무 간판 모양의 헤더(글자 없음), 양옆에 작은 동전 아이콘과 빈 숫자 칸.
가운데: 둥근 모서리의 크림색 카드가 3×3으로 배열되고, 카드마다 시트의 아이콘 하나와 그 아래 작은 빈 가격 칸(동전 아이콘 + 빈 자리).
아래쪽: 둥근 탭 바 4칸(아이콘은 집·냄비·장바구니·별 모양, 글자 없음).
배경은 따뜻한 주황색 체크무늬 식탁보. 전체적으로 귀엽고 통통한 캐주얼 게임 UI. 글자·숫자·로고는 그리지 않기(간판·화면·상자에도 읽히는 글자 없이).
품질medium
비율9:16
3
엔진에 넣기 · 더 만들기
  • 아이콘 잘라 내기 — 시트를 이미지 편집기에서 열어 격자대로 자르고 회색 배경을 지우세요. 20개가 한 번에 나와요.
  • 더 필요하면 시트를 레퍼런스로 — 2차 시트를 만들 때 1차 시트를 레퍼런스로 넣으면 그림체가 이어져요. "같은 시트의 2쪽"이라고 적으세요.
  • 희귀 등급 표현 — 같은 아이콘을 "금색 테두리와 반짝이 효과"로 한 번 더 그리면 레어 버전이 돼요.
댓글
다음에 따라 해볼 튜토리얼
전체 보기 →