iMessage 용 스티커팩 만들기 가이드

이 문서는 iMessege 용 스티커팩을 준비하는 디자이너를 위해 작성되었습니다.

스티커팩 준비하기

크게 3가지 종류가 있습니다.
[table id=1 /]
준비해야 하는 이미지 사이즈는, 실제 보이는 이미지의 3배 크기의 이미지를 준비합니다. 레티나 디스플레이 아이폰에서 좀 더 선명하게 보이기 위해서 입니다.
파일포맷은 배경이 투명한 png 파일 포맷으로 합니다. 하나의 파일이 500kb 를 넘으면 안됩니다.
준비해야 하는 스티커의 최소 갯수는 없습니다.

애니메이션 준비하기

애니메이션은 위 사이즈와 동일한 gif 파일을 만들어도 됩니다. 좀 더 잘 하려면, Xcode 에서 APNG파일을 만들 수 있습니다. 이 때에는 PNG 파일로 이미지 낱장을 준비한 다음 Xcode 를 사용하는 개발자에게 의뢰하도록 합니다.
gif 애니메이션과 APNG 파일의 차이는 APNG 파일이 좀 더 메시지나 이미지 위에서 지저분하지 않게 잘 보이게 된다고 합니다. 하지만, 그런 디테일이 필요 없다면, gif 로 해도 무방합니다.

아이콘 준비하기

아이콘이 의외로 좀 많이 필요 합니다.
[table id=2 /]
모두가 다 필요하냐구요? 네 모두 필요 합니다. 모두 다를 필요 없고 모두 같은 모양이지만, 사이즈만 다르면 됩니다.
주의할 사항은 파일 타입은 png 로 하되, 배경이 투명이면 안됩니다. 보통은 흰색 아니면 원하는 색을 넣어 줍니다. 그리고, 필요한 경우 아이콘은 자동으로 라운드 처리가 됩니다. 그래서 귀퉁이 부분은 라운드 될 수 있다는 점에 주의합니다. (미리 라운드 처리 하면 안됩니다.)

유료, 무료, 인앱 구매

앱스토어 올릴 때, 유료로 할 지 무료로 할 지 선택할 수 있습니다. 원한다면 부분적으로 인앱 구매로 처리할 수 있습니다. 이 부분은 앱스토어 올리기 전 결정하면 됩니다.

좀 더 고민하기

Sticker 는 기존 메시지버블에 떼어 붙이거나, 아니면 다른 스티커 위에 붙일 수 있는 개념입니다. 그래서, 메시지버블에 붙였을 때 잘 어울리거나, 아니면, 여러개의 스티커를 붙여서 하나의 스티커가 되는 조각단위로 디자인 하면 좋습니다.

메시지 버블에 조금 어울리는 스타일?

조각 단위 스티커 사용 예. 얼굴과 눈모양을 별도의 스티커로 만들면, 얼굴을 사용자가 원하는 대로 만들어 낼 수 있다.

이미지 외곽에는 흰색 아웃라인을 그려주면 좋습니다. 대부분은 흰색 배경의 채팅창을 쓰지만 모두가 그런 것은 아닙니다. 어두운 배경의 채팅창을 쓰는 경우도 있습니다. iOS의 메시지앱에서 스티커를 터치하면 흰색배경에 스티커를 볼 수 있고, 여기서 한번 더 터치하면, 검은 배경에 전체 화면으로 스티커를 보여줍니다. 이 때, 흰색 배경만 고려했다면, 애매한 부분이 더 확연히 들어날 보입니다.
자세히 보면 외곽에 흰색 테두리가 보인다.

흰색 배경에서는 문제 없이 잘 보인다.

검은색 배경이 되면 상황은 달라진다. 보기가 많이 어렵다.

참고 페이지

덤으로 Telegram 용 스티커팩 만들기

  • 사이즈 : 512×512
  • 파일포맷 : 투명 png

위 사이즈로 이미지를 준비하면 됩니다. 문제는 Telegram 에서는 무료 스티커팩 만 만들 수 있습니다. 아직 유료는 지원하지 않습니다.

민트샵을 시작하며…

사실 훨씬 전부터 정리가 되어야 했던 글인데, 이제서야 정리를 해 봅니다.
민트기술에서는 두어달 전부터 쇼핑몰 프로젝트를 시작했습니다. 사실 많이 공유하지는 못했지만, 민트샵을 시작하기까지도 많은 우여곡절이 있었습니다. 올 초부터 자체 프로젝트를 다각도로 시도하였고, 가시적인 성공은 거두지 못했지만, 나름 여러 시행 착오를 거치는 중이었습니다. 그에 반해 좋은 조건도 갖추어 졌습니다. 외부 웹개발자를 영입하여, 웹 서버쪽 개발 능력이 갖추어졌습니다. 그래서, 유틸리티성 앱개발만 가능했던 것에서, 서비스 개발도 가능해 졌습니다.
그래서, 제가 개인적으로 오래동안 숙원해 오던 쇼핑몰 프로젝트를 시작하게 되었습니다. 이 과정에서 다같이 공감하게 되는 과정이 없었던 점이 많이 아쉬운 점으로 남아 있습니다. 그래서, 이참에 공감이 될지는 모르겠지만, 쇼핑몰 프로젝트를 시작하는 생각을 공유하려고 합니다.
일단 온라인 쇼핑몰이 오랫동안 개인적으로 의미한 것은, 내가 나름 꽤 많이 사용하는 서비스, 하지만 사용성이 너무 많이 떨어지는 서비스, 나 개인적으로 꽤 많이 만들어 온 서비스, 하지만 만들기만 했을 뿐 그 어떠한 의견도 받아들여지지 않았기 때문에, 나또한 내가 엉터리라고 생각한대로 만들수 밖에 없었던 서비스 였습니다. 내가 많이 사용하지만, 그리고 서비스의 사용성은 형편없이 떨어지지만, 다른 대안이 없기 때문에 (시장지배력, 혹은 법적인 조치) 벗어날 수 없는 또 다른 예로 대표적인 것인 인터넷 뱅킹이 있었고, 아이폰이 나오기 전까진 모바일 디바이스도 그랬었습니다. 둘은 내가 해결할 방법이 없지만, 그나마 쇼핑몰은 내가 할 수 있지 않을까 하는 생각을 가져 볼 수 있는 부분이기도 합니다. 해외의 우수한 온라인 쇼핑 서비스를 이용하며 그 편리함과 우수함에 부러움을 감출 수 없었습니다. 나도 이런 것을 만들고 싶다. 물론 국내에도 이런 서비스의 시도가 없었던 것은 아니지만, 여러가지 이유로 나의 이러한 소망을 접기엔 아직 부족한 것이 많았습니다.
그리고, 또 한가지. 인터넷 세상이 많이 바뀌고 있다는 점입니다. 대략 2000년을 기점으로 본격적인 온라인의 시대로 이동하였다면, 2010년을 기점으로 본격적인 모바일의 시대로 이동하고 있다는 점입니다. 즉 온라인 시대로 넘어오면서 없던 온라인 쇼핑의 카테고리를 새롭게 만들면서 그 기틀을 잡았다면, 이제는 모바일 쇼핑의 기틀을 잡을 시점이라는 점입니다. 온라인 쇼핑은 개인적으로는 만족스러울 수 없지만, 어느정도 새로운 틀이 들어갈 수 없는 견고한 상태입니다. 그에 반해 모바일 쇼핑은 아직 틀이 마련되지 못했습니다. 그래서 바로 이 시점이 모바일 쇼핑을 중심으로 새로운 틀을 짤 수 있는 기회라는 생각을 했습니다.
모바일이라는 것은 단지 핸드폰 단말기를 말하는 것은 아닌 것 같습니다. 제가 이해하는 것은 오히려 멀티디바이스에 더 가깝습니다. 일찍이 Tim O’Reilly 는 주변에 있는 얼리어댑터, 해커와 같은 집단을 Alpha Geek 이라 부르고 그들이 하는 행동 패턴이 곧 다가올 미래에 일반인들이 사용할 것이라고 했습니다. 마찬가지로 내 주변의 매우 편향되어 보이는 집단이지만, 이들이 편리하다고 생각하는 것이 머지않은 미래에 곧 모두가 편리하다고 생각할 것이라 생각합니다. 이들의 행동 패턴은, 자하철에 서 있을 때에는 핸드폰 단말기를 들여다 보고, 쇼파에 앉아서는 태블릿을 사용하고, 까페에 앉을 때에는 노트북을 열고, 책상 앞에 앉아서는 데스크탑을 사용 합니다. 이것이 모바일 세상이고 이런 멀티 디바이스 사이를 자연스럽게 연결해 주는 것이 바로 모바일 세상이 가져다 준 축복이라 생각합니다.
이러한 생각을 담은 쇼핑 서비스는 국내에 아직 없는 것 같습니다. 해외도 아직 없는 것 같습니다. 하지만 앞으로도 계속 없을 것 같지는 않습니다. 매일 매일 관련하여 쇼핑과 관련한 좋은 시도를 발견하고 있고, 아직 내 눈에는 보이지 않았지만, 기막힌 서비스들이 많이 준비되어 있다는 생각이 듭니다.
우리도 여기에 참여하고 싶습니다. 우리가 새롭게 올 모바일 쇼핑의 세상에서 주역이 되면 너무 좋겠지만, 그렇지 않아도 좋습니다. 새롭게 그려질 그림의 한 획이라도 그려넣었으면 좋겠다는 생각이 먼저입니다. 좋지 않은 사용성을 가진 방식이 시장지배력을 바탕으로 굳히기에 들어가기 전에, 많은 사람에게 좋은 모바일 쇼핑 서비스를 경험하게 하고 싶은 마음입니다.
예전 90년대, 내가 원하는 물건을 찾아 온 시장을 발품팔며 돌아다니던 시절의 기억이 있습니다. 소비자에게 정보가 거의 없는 제품일수록 온갖 사기꾼들이 기생하며 살던 적이 있었습니다. 인터넷 쇼핑은 이러한 상거래의 모습을 완전히 뒤집어 놓았습니다. 저는 아직은 모르지만, 모바일 상거래가 이만큼, 혹은 이보다 더 큰 변화를 가져다 줄 거라는 생각을 가지고 있습니다. 아직 답을 찾지 못했을 뿐이죠. 그 답을 찾아 나가는 과정을 해 보고 싶습니다.
기회가 허락한다면 말이죠.
http://mintshop.com

80맞고 v2.0

드디어 두번째 버젼을 발매하였습니다.
첫번째 버젼이 작년 11월 이니, 대략 8개월 만입니다. 사실은 대부분 작업은 작년에 다 이루어 졌으나, 여러가지 법적 문제 때문에 많은 고민이 있었습니다.
현재, 고스톱의 경우 사행성 게임으로 청소년 이용불가 등급입니다. 하지만, 대표적인 모바일 앱스토어인 애플 앱스토어와 구글의 플레이 마켓은 우리가 파악하고 있기엔, 한국 스토어에는 청소년 이용불가 등급을 올릴 수 없는 것으로 알고 있습니다. 그래서, v1.0 의 경우, 올려두었지만, 사실상 대부분 국내에서는 받을 수 없는 처지였습니다. 그래서 애써 준비된 v2.0 의 경우도 마무리를 해서 올리는 것이 쉽지 않게 되었습니다.
하지만, 오랜 시간이 지난 뒤에야, 다시 본래의 뜻으로 돌아가서, 진행을 마무리 해야 겠다고 생각이 들었습니다. 그래서, Android, iOS 버젼을 업데이트 진행을 마무리 하고 공개하기로 하였습니다.
v2.0 의 가장 큰 특징은 “세로보기” 입니다. 80맞고의 최초의 기획은 iPad 를 고려하여 만들었습니다. 모든 디자인이 iPad 크기에 최적화하여 작업하였습니다. 그러다 보니, iPhone 이나, 7인치 이하의 Android 폰에서 게임을 하기에는 편하지 않은 문제점이 있었습니다. 그래서 폰전용 사이즈인 “세로보기”를 만들었습니다. Android 의 경우 화면 크기를 알기 어려운 점이 있어서, 가로보기, 세로보기 모두 지원하며, 서로 전환할 수 있도록 하였습니다. iOS 의 경우에는 폰의 경우 세로보기로, iPad의 경우 가로보기로 동작하도록 만들었습니다. 또한 한손으로 게임을 하기 편하게, 패를 하단에 배치하는 등, 편의성도 고려하였습니다.

iOS 의 경우 아직, 등록전입니다. Android 의 경우, Google Play 에는 현재 내린 상태이며, Tstore에 등록한 상태입니다. 청소년 이용불가이기 때문에, 로그인을 해야만, 게임을 볼 수 있습니다.

현재 v3.0 버젼을 준비중에 있습니다. v3.0 버젼의 경우 Mac OS X 버젼을 준비하고 있습니다. iPad 버젼을 포팅하여, Mac AppStore 에서 게임을 받을 수 있도록 할 예정입니다.

v4.0 이후에는 iCloud 지원, 그리고 대망의 네트워크를 통한 대전을 지원할 예정에 있습니다. 이후에도 계속 80맞고를 발전시켜나갈 생각입니다.

키즈파파

키즈파파 안드로이드 앱 다운로드 받기 | 키즈파파 iOS 앱 다운로드 받기 (iPhone/iPad)

우리는 Aladdin and Magic Lamp 를 통해서, 스마트 디바이스가 아이들에게 줄 수 있는 그 무언가를 만들기 시작했습니다. 대중적으로 큰 성공을 거둔 것은 아니지만, 우리가 만들어 낸 것이 우리 아이들이 좋아하는 것이기에 가치가 있다고 생각했습니다. 그러나 거기에 그치지 않고, 우리는 우리의 앱이 아이들과 함께 행동하고 아이들의 행동에 더 좋은 영향을 끼칠 수 있는 방법은 없을까 고민했습니다.
그러던 중, 키즈파파 어린이 치과병원에서 아이들이 스마트 디바이스를 통해서 교육할 수 있는 방법이 없을까 문의를 해 왔습니다. 옳바른 치솔 사용법을 가르쳐 주고, 충치에 대해서도 알려주고, 그리고, 함께 같이 따라하다보면, 좋은 치아관리 습관이 들게 되는 그런 것 말이죠.
그래서, StoryStorm 과 함께 기획에 들어갔습니다. 이른바 “키파치의 모험”이란 주제로 사용자가 주인공이 되어서, 미개인 마을의 주민들에게 치아 상식을 가르쳐 준다는 방식으로 기획하였습니다.

크게 3가지로 구성되어 있습니다.
첫번째는 옳바른 치솔질 연습하기. 얼룩말에게 올바른 치솔질을 알려주는 게임. 각 부위별 치아에 따라서 어떻게 치솔질을 해야 하는지 아이들이 얼룩말에게 알려주는 게임입니다. 올바른 치솔질을 하게 되면, 치아가 점점 깨끗해 지고, 다 닦고 나면, 다음 화면으로 넘어갑니다.

두번째는 하마의 나쁜 충치균 잡기. 치아사이로 도망다니는 충치를 손가락으로 눌러서 잡아주는 게임입니다. 충치를 잡지 못하면, 충치가 치아를 점점 썩게 만들어, 빨리 충치를 잡도록 유도합니다.

세번째는 호랑이와 함께 치카치카 하기.  3분동안 치솔질을 하는 버릇을 들이게 하기 위해서, 한쪽에는 카메라를 통해서 자신의 모습을 보이게 하고, 다른 한쪽에는 치솔질 하는 호랑이가 보입니다. 호랑이가 윗니 아랫니를 번갈아 가면서 치솔질을 하면, 내가 따라하는 것입니다.
네번째는 원숭이와 함께 치아에 좋은 음식 알아보기 게임. 하늘에서는 온갖 음식이 떨어지고, 원숭이를 움직여서, 치아에 나쁜 음식은 피하고, 치아에 좋은 음식만 먹도록 하는 게임입니다. 이를 통해서 아이들이 스스로 치아에 나쁜 음식은 피해야 한다는 생각이 들게 하였습니다.
이렇게 4가지 게임을 통해서 자연스럽게 아이들이 치아 건강에 대해서 관심을 가지도록 합니다. 놀이를 통해서 자연스럽게 익히게 되지 않을까 기대를 해 봅니다.
우리는 이런 게임과 같은 교육 프로그램이 스마트 디바이스에 아주 잘 어울린다고 생각합니다. 그리고 이러한 것이 우리가 해야 할 것이 아닌가 생각합니다. 앞으로도 기회가 되면 더 많은 놀이성 애플리케이션을 만들어 나갈 계획입니다.