iPadで描いた絵をiOS 10のメッセージステッカーパックに変える方法

アーティストにiOS 10のメッセージアプリ用のステッカーパックを簡単に作れると伝えるとどうなるでしょうか？彼らは実際に作ります。私もそれを誘いと受け止め、実際に2つのステッカーパックを作成し、その仕組みを学んでみました。開発者の経験を深く理解でき、アーティストにも2つのステッカーパックが手に入るので、まさにwin-winのシナリオです。

ステッカーパックは、iOS 10のメッセージアプリのチャットに追加できるグラフィックのコレクションです。インラインで単独で表示することも、チャットの吹き出しに貼り付けることもできます。とても楽しい機能で、一部の人からは批判の声も上がっていますが、ステッカーパックはiOS 10で待ち望まれていた機能の一つです。

ステッカーパックの作成は難しくありませんが、ある程度の手間がかかります。最初に時間をかけて全てをきちんと準備すれば、その手間をかける価値は十分にあります。私はArmada FactionのMichael Dusing氏と協力し、これらのパック（Space is the Place）をiOSのリリース日に間に合うようにリリースしました。おかげで、途中で致命的なミスを犯さずに済みました。このプロセスを自分で行う方法については、後ほど詳しくお話しします。

アートを作ろう

ステッカーのアートは自分で描いたので、頭の中にある作品をMacに取り込む必要がありました。紙に描いてスキャンすることもできましたが、iPadで作業することにしました。

私が選んだツールは、12.9インチiPad Pro、FiftyThreeのPaper、そしてApple Pencilです。満足のいく絵が完成したら、Paperから写真アプリにエクスポートし、Macと自動的に同期させました。

ヒント: Paper のアプリ内設定に移動して、「背景色を付けてエクスポート」をオフにすると、アプリの微妙な粒状パターンが誤ってアートに含まれてしまうリスクがなくなります。

描画からベクターへ

Macの写真アプリでアートをアップロードしたら、ファイルを選択してデスクトップのフォルダにドラッグしました。ベクターアートに変換する必要があったので、Adobe Illustratorを使ってかなりの時間を費やしました。

ベクターアートアプリはお好きなものをお使いください。私の場合は、Macに既にインストールされているIllustratorを選びました。手描きの線をベクターに変換するには、Illustratorのイメージトレース機能を使用しました。トレース機能は、「オブジェクト」メニュー > 「イメージトレース」 > 「作成と拡張」から使用できます。

各イラストをベクターアートに変換した後、Illustratorで色を塗りました。キャンバスを2000 x 2000ピクセルにすることで、すべての画像が同じサイズになりました。これにより、ステッカーパックをApp Storeに提出する前の最終調整に大幅な時間節約ができました。

報酬

事前に細部にまで気を配ったことは大きな成果でした。最終的に、パックに収録しなかったイラストを除いて、66枚のグラフィックが完成しました。各パックには33枚のステッカーが入っていますので、ご自宅で数えている方はぜひご覧ください。

私のステッカーパックのカラーバージョンと白黒バージョンは、Appleの承認プロセスを問題なく通過しました。Xcodeでグラフィックの端が切れてしまうといった小さな問題が起きないよう、Michaelが気を配ってくれたので、その功績はマイケルに分け与えられます。もし私が初めて自分でこのプロセスを経験していたら、簡単に見落としていたでしょう。

最終的に「Space is the Place – Color」と「Space is the Place – BW」が完成し、どちらのステッカーパックもとても満足しています。これらのパックが完成してApp Storeに公開されたので、次は皆さんの手間を省くために、このプロセスを完全に自分で進めていく予定です。その手順をステップバイステップで解説した動画を近日中に公開します。