LINEスタンプ素材からSticker Packを作った
概要
- LINEスタンプを作ったので、そのイラストを使ってSticker Packをリリースする
リンク
- Sticker Pack (無料)
環境
制作の流れ
- この動画をみるとだいたいの流れがつかめる (4:45)
ステッカー素材の修正
- LINEスタンプを、300 x 300 pxに修正
- 背景は透過のまま
素材の作成
- アイコン作成
- スクリーンショット作成 (実際の時間軸ではアプリが出来てから作成した)
管理画面から登録
- Certificates, Identifiers & Profiles の設定はiOSアプリと同様でOK
- iTunes ConnectのMy Apps登録もiOSアプリと同様でOK
- スクリーンショットはAppと同様のものをiMessage App側にも登録した
- iPad用のスクリーンショットも必要になる
Xcode
File > New > Project...
から、Sticker Pack Application
を選択Stickers.xcstickers
のiMessage App Icon
にアイコンを登録Stickers.xcstickers
のSticker Pack
に- ステッカーを登録
Sticker Size
で一覧表示されるサイズを決めるAccessibility
に代替テキストを設定 ※今回は設定していない
TARGETS
のDisplay Name
にアプリ名をいれるStickerPacEXtension
側が反映される- ビルドしてアップロード
iTunes Connect
- 申請
LINEスタンプをSticker Packにする場合、必要になること
その他
ステッカーについて
アイコンサイズ一覧 (名前は適当、単位: px)
- icon-27@2x.png: 54 × 40
- icon-27@3x.png: 81 × 60
- icon-29@2x.png: 58 × 58
- icon-29@3x.png: 87 × 87
- icon-32@2x.png: 64 × 48
- icon-32@3x.png: 96 × 72
- icon-60@2x.png: 120 × 90
- icon-60@3x.png: 180 × 135 ※必須
- icon-67@2x.png: 134 × 100
- icon-74@2x.png: 148 × 110
- icon-1024@3x.png: 1024 × 768 ※必須
- iTunesArtwork@2x.png: 1024 × 1024 ※iTunes Connectから登録
スクリーンショットサイズ一覧 (単位: px)
Sticker Sizeについて
- ステッカーが一覧表示される時のサイズを決める
Sticker Size
は3種類ある。iPhone7の場合、Small
だと、横に4つ並ぶ (300 x 300 px)Medium
だと、横に3つ並ぶ (408 x 408 px)Large
だと、横に2つ並ぶ (618 x 618 px)
- ここの値を変えてもステッカーのサイズが変わるわけではない
ステッカーの大きさ
- ユーザーは大きさを変えたり、回転させたりできる
- スタンプのように使うのと貼り付けて使うのは基本同サイズ
解決できていないこと/不明点
Simulatorがエラーになる
- SimulatorでiPad RetinaとiPhone5を選んだ場合、以下のエラーが出て確認ができなかった
- iPad Retina:
Could not attach to pid : “10699”
- iPhone5:
Could not attach to pid : “10849”
透過のビット数について
- PNGのSupports transparencyが8-bit transparencyとなっている部分が理解できていない
- PNG-8でもPNG-24でも透過は問題なさそう (書き出しに使ったソフト: Illustrator CC)
- PNG-24がNGってこととは違うのか?
ステッカーの最低数、最高数
- LINEスタンプは40個のみだが、Sticker Packは数の決まりがわからなかった
ローカライズ
- 多言語対応は未調査
参考サイト
雑感
- Xcodeをさわったことがないと少し戸惑うかもしれない
- LINEスタンプの素材があれば比較的かんたんにリリース出来る