【永久保存版】iMessageステッカー自作手順を解説

今回は、iPhoneやiPadのimessage(メッセージ)アプリで使える、iOS対応ステッカー(スタンプ)の自作方法の手順を画像を使って解説します。

無料で公開することもできますし、有料にして収益を得ることも可能です。

初めから終わりまで、１記事にまとめた完全版になります。

今回作成したステッカーがこちら。ぜひ参考にしてみてください。▼

‎パーカーくまさん

‎新シリーズ「パーカーくまさん」 普段のコミュニケーションで使えそうな文字と、可愛いパーカーを着たくまさんのイラスト。

apps.apple.com

当ブログで紹介するのは、あくまで一つの例なので「絶対にこうしてください」という内容ではないことを予めご了承ください。

iphoneのメッセージアプリ用ステッカーの自作方法

自作したステッカーはiPhoneやiPadのiMessageで使えます。

以前、当ブログではステッカーの記事を、いくつか紹介してきました。

ただ、全体を網羅してなかったので、本記事ではまとめてお伝えできればと思っています。

順番に作業していけば、必ずオリジナルのステッカーを公開できるので、あきらめずに根気よくがんばりましょう。

事前準備

Apple純正のiOSメッセージアプリで使用するスタンプを「ステッカー」と呼びます。

ステッカー作成をする前に、事前に準備することは次の３つ。

Apple Developer Programに登録(年1回)

AppleのiOSステッカー作成には必須、費用は年間¥12,980(税込)。

Apple Developerの開発者専用ページで登録。

詳しい方法はこちら→Apple Developer Programの登録方法

開発証明書を発行する(年1回)

作業するMacとApple Developerの紐付けに必要な開発証明書。

アプリケーション＞ユーティリティ＞キーチェーンアクセスで管理しますが、期限が１年間なので毎年更新が必要。

公開済みのステッカーに関しては、開発証明書の期限が切れても影響はありません。

ステッカーの内容を更新したり、新規でステッカーを作成する時に開発証明書が必要になります。

詳しい方法はこちら→【apple Developer】開発証明書を発行してキーチェーンに登録

XcodeをMacにインストールする(1度だけ)

Xcodeは、iOSステッカーを動作させるシステムを組むためのアプリケーションです。

Macでのみ使えるアプリケーションで、残念ながらWindowsでは使えません。

App StoreからダウンロードしてMacにインストールします。

詳しい方法はこちら→Xcodeのインストール方法【古いバージョンの調べ方も紹介】

ステッカー用のイラストを描く

準備ができたらいよいよステッカー用のイラストを描きます。▲

ステッカーの数にルールはありませんが、４０個ぐらいが使いやすいと思います。

画像のサイズは３種類でステッカー１つの画像容量が、500KBを超えないように作りましょう。

おすすめはMedium：408×408pxです。

背景透過のPNG形式で拡張子は「〜.png(小文字)」

詳しい方法はこちら→【iPhone】iMessage(メッセージ)のステッカーサイズと作り方

イラストを作成する手段はたくさんありますが、iPadを持っていれば描画アプリ「Procreate」がおすすめです。

Procreateを使った作成方法→Procreate(プロクリエイト)でLineスタンプやiOSステッカーを作る

４０個画像が出来上がったら一つのフォルダにまとめておきます。ファイル名の数字が実際の表示される順番です。▼

あとはアイコン用の画像(１パターン)を１２サイズ作っておきます。▼

プロファイルを作成する

ステッカーをアップロードするために必要な「プロファイル」をApple Developer上で作成します。

プロファイルは「〇〇(組織名)の▲▲(プロダクト名)というステッカー」のような文字列で構成されます。

赤文字は自身で考えます。▼

この２つ文字を使って、アドレスを逆さまにしたような構成のDescription(説明)とBundle ID(バンドルID)を、それぞれ本体用とステッカーパック用の２種類考えます。

文字列を考えたらApple Developerで登録して、Macにダウンロードします。

詳しい方法はこちら→【Apple Developer】Identifiers登録してプロファイルを作成

上記の文字列は、この先のXcodeやApp Store Connectでも使います。

XcodeとApp Store Connectで作成〜審査提出へ

４つの工程でXcodeとApp Store Connectを行ったり来たりしながら仕上げます。▲

XcodeはMacで動作するアプリケーション。

そして、App Store ConnectはWeb上のアプリ管理サイトです。

Xcodeはすべて英語のなので苦戦すると思いますが、英語がわからない部分はgoogle翻訳アプリを使えばなんとかなります。▼

[カメラ入力]をタップしてカメラをむけるだけで、文字を翻訳してくれます。(超便利！)

【Xcode】ステッカーAppの作成

Xcodeを起動。

[File]>[New]>[Project…]をクリック。▼

[iOS]タブ＞[Sticker Pack App]を選択して[Next]▼

[Next]をクリック。▼

保存場所を指定します。

[Create]をクリック。プロダクト名のフォルダが作成され

その中に新規Xcodeファイルが格納されます。▼

プロジェクトが開く

TARGETSすぐ下のプロダクト名[hoodiekuma]を選択

[General] タブをクリック▼

続いて、ステッカーパック用。

TARGETS下の[hoodiekuma StickerPackExtension]をクリック。▼

アイコンの登録

[Stickers.xcstickers]>[iMessage App Icon]クリック。

枠の中にそれぞれアイコン画像をドラッグ。

「1024px × 1024px」はApp Store内(iOS)の表示アイコンになります。▼

ドラッグして、すべての枠に登録できました。▼

ステッカー素材の登録

[Sticker Pack]をクリック、表示されたスペースにファイルをまとめてドラッグ。▼

ファイル名の数値の順序どおり登録できました。▼

スクリーンショットの作成

ステッカー公開用に３種類のスクリーンショットが必要です。

今回は２〜３枚程度作成しますが、それぞれ１０枚まで登録できます。

Xcodeの画面、上のあたりにカーソルをあわせて「Set The Active Scheme」をクリック。

各サイズごとそれぞれ選択して、[Product]>[Run]またはショートカット「Command+R」。 

するとシミュレーターが起動するので、スクリーンショットを撮影。▼

カメラボタンを押すとスクリーンショットが撮れます。▼

撮影したスクリーンショットは、サイズごとにファルダーに分けておくと便利です。▼

Xcodeファイルを保存しておきます。(忘れずに)

【App Store Connect】App情報登録

WebサイトのApp Store Connectにログイン

App Store Connectログインページ

[マイApp]をクリック。▼

新規App作成

左上の「+」ボタンをクリック>[新規App]をクリック。▼

登録画面が表示されます。

[作成]をクリック。▼

登録画面が開きます。

スクリーンショットの登録

左側メニュー[1.0提出準備中]を選択。

画面右上「ローカライズ済みの言語」は[日本語]で選択。

スクリーンショットは各サイズごとにドラッグしていきます。▼

6.5インチ用。▼

5.5インチ用。▼

12.9インチ(第３世代)(第２世代用)それぞれ同様にドラッグ。▼

下の欄に移動して

App一般情報

年齢制限指定について

設定できたら[終了]をクリック。▼

App Reviewに関する情報

バージョンのリリース・iOS評価概要のリセット

一番上に戻って[保存]をクリック。

App情報

次にApp情報や、カテゴリーなどの設定をします。

左側メニュー[App情報]をクリック。▼

該当すると思われるステッカーのカテゴリーを設定します。

[コンテンツの配信権に関する情報を設定]をクリック。▼

コンテンツ配信権：ステッカーには外部広告をつけることがないのでいいえをチェック。

(このAppはサードパーティ製のコンテンツを含む、表示する、またはそれにアクセスしません。)

[完了]をクリック

一番上に戻って[保存]をクリック。

価格及び販売状況

次に、価格の設定をします。

左側メニュー[価格及び販売状況]をクリック。

一番上に戻って[保存]をクリック。

Appのプライバシー

次にプライバシーポリシーの設定。

左側メニュー[Appのプライバシー]＞プライバシーポリシー[編集]をクリック。

プライバシーポリシー設定後、[はじめに]をクリック

いいえにチェック

[保存]

プライバシーポリシーの設定について

[保存]をクリック。

Appの情報収集の設定が完了できたら、忘れずに一番上の[公開]をクリック。

「データの収集なし」の文字が表示されれば完了。▼

【Xcode】Appをアップロード

Xcodeのアーカイブデータを、先ほど情報登録したApp Store Connectにアップロードして合体させます。

ファイルをダブルクリックして、Xcodeファイルを起動。(ファイルを閉じてなければ不要)▼

[Product] > [Archive] をクリック。▼

[Distribute App]をクリック。▼

アーカイブのアップロード先を[App Store Connect]に選択

[Next]をクリック。▼

“プロファイル、アプリID、証明書を自動で作成・更新する設定します”

[Automatically manage sighing]にチェックを入れて[Next]をクリック。▼

確認画面が表示されたら[Upload]をクリック。▼

「Upload Succesful」の表示されたらアップロード成功です。

Xcodeの作業はこれで終了です。App Store Connectへ

【App Store Connect】審査へ提出

App Store Connectにログイン▼

https://appstoreconnect.apple.com/login/

appstoreconnect.apple.com

[提出準備中]>ビルドのところに、[Appを提出する前にビルドを選択してください。]をクリック。

ビルドを選択します。

ビルド選択の画面の次に、輸出コンプライアンス情報について回答を求められます。

[完了]をクリック。▲

画面をとじると先ほどまで無かったApp Store用のアイコンが生成されました。

全体を確認して間違いがなければ、一番上の[保存]をクリック。▼

一番上の[審査へ提出]をクリック。▼

「このバージョンは審査へ送信されました」というメッセージが表示されたら完了です。▼

審査を通過すると、１～２日で報告メールが届いて「配信準備完了」に切り替わります。

これでステッカーが配信されました。

おめでとうございます。▼

Appleの審査はユーザーを守るために、ルールが増えたり厳しくなっている印象です。

しかしこの壁を乗り越えれば、愛情をもって作成したステッカーは作者を離れて、人と人のあいだを繋いでくれるツールとして役立ってくれます。

今回紹介した内容は、あくまで一つの例なのでご自身でカスタマイズしてより良い作品をどんどん作っていってください。

‎パーカーくまさん

‎新シリーズ「パーカーくまさん」 普段のコミュニケーションで使えそうな文字と、可愛いパーカーを着たくまさんのイラスト。

apps.apple.com

‎くまさんのステッカー kumasan sticker

‎笑ったり喜んだり泣いたり怒ったり…。 かわいいくまさんが気持ちを伝えてくれます。 日常のコミュニケーションで使いやすいiMessage ステッカーです。

apps.apple.com

‎アマビエちゃん

‎可愛らしいアマビエのステッカーです。 疫病退散にご利益があるアマビエ。 「流行(はや)り病がでたら私の姿を絵に描いて人々に見せるように」と言ったそうです。 It is a cute Amabie sticker. Amabie which...

apps.apple.com

以上、iPhoneやiPadのimessage(メッセージ)アプリで使える、iOS対応ステッカー(スタンプ)の自作方法の紹介でした。

最後まで読んでいただき、ありがとうございます。