あのケースを作ってみた。 - わたるん家〜Wataru's HOUSE〜

App Storeの250億番目、ゲットだぜ！（願望）

ブログを書くのが楽しくなって参りました。
どもども、小夏パパ（@wafu_572p）です。

ちょっと前に話題になった「あのケース」

Macintosh 128K風なiPhoneケースのコンセプト | Touch Lab - タッチラボ

何か一周回って、新しさを感じます。

ちょっと違う感じで別の所（もうページ自体が見られなくなってますね）から発売になりましたが、...........。って感じじゃなかったです？

コレ。何か.....ねぇ。

「無いモノは作る！」をモットーの一つに決めている僕は、前回のステッカーを作った勢いそのままにiPhoneケースを作ってみました。今回は、その模様を手順を交えてお送りします。
（※アップス!!!さんのこの記事（http://www.appps.jp/archives/1887525.html）を参考にしています。）

・材料

＜画像＞
　・ベースとなる色（（Macintosh 128K - Wikipedia）より「Pantone 453」である事を確認。Googleの画像検索で拾いました。 )
　・Appleのロゴマーク（レインボーの。高画質であればあるほど良し）
　・iPhone背面用のテンプレート（前出のアップス!!!さんの記事から）
　
＜ブツ＞　
　・無地のiPhone用ケース

（今回はポリカーボネイト製（緑）とTPU製（クリア）を100円ショップにて調達。）
異なる素材のケースを選びましたが、今回はTPU製の方を使用しました。
　
・シール用紙
専用の用紙もありますが、それは後述します。
（今回は試作なので前回ステッカーを作った時の余りを使いました。）

＜アプリ＞

Juxtaposer 2.8.1
分類: 写真／ビデオ,エンターテインメント
価格: \250 (Pocket Pixels Inc.)

Phonto 写真文字入れ 3.7.2
分類: 写真／ビデオ,エンターテインメント
価格: 無料 (youthhr)

ELECOM Smart Print 1.6.3
分類: ユーティリティ,ライフスタイル
価格: 無料 (ELECOM CO.,LTD.)

この辺が揃えば70%は完成です。じゃ、始めましょうか。

・画像を合成する。

Jaxaposerを起動。ベースに色を上にAppleロゴを。消しゴムツールでロゴ以外の部分を消しましょう。
細かい部分は、ズームしてやると簡単にキレイに出来ます。

ここまで拡大する必要はないかも知れませんw

この作業が一番労力を必要とするかも知れませんが、出来上がりを左右するので丁寧に行いましょう。

はい、こんな感じで結構ですね。

・文字を入れましょう。

画像に文字を入れるアプリはたくさんありますが、今回はPhontoを使いました。
フォントは「DevanagariSangamMN-Bold」（一番上）が書体が近い気がしたので選択。
（Helvetica-Bold（2番目）やEuphemiaUCAS-Bold（3番目）もソレっぽいなぁ）
その辺をきちんと調べない所がB型なんだろうなぁw

下の3つは「こんなのもアリだよね」的なフォントを。

「iPhone」の下に小さい文字が入った方が雰囲気出るかな？と思って、適当に入力。

この段階でリンゴマークと文字の間隔をある程度決めてしまいます。
僕はB型なので「何となく」で決めましたw

・大きさの調整＆印刷

画像が出来てしまえば85%は出来た様なモノです。
ところが、前出のアップス!!!さんの記事にあったテンプレート、ソレで作成したら大き過ぎました。
プリント前の微調整を適当にイジってみましたが、ピタッとは来なかったんです。
「どうやったらiPhoneのサイズぴったりに作れるの？」っちゅう話です。

しかし、そんな問題もアプリでサクッと解決だ！と言う事で先ほど紹介した
ELECOM Smart Edit 1.2（無料）の出番です。
エレコムさんの専用用紙用のアプリですが、今回は試作なので専用用紙を使わずに作ってみます。
ちなみに、専用用紙はこちら