恰好良いiPhoneアプリ紹介用アイキャッチ画像をたった2分で作る方法。アイコン取得から画像合成までの流れ

SPONSORED LINK
3apps for  making iphone app introduction images

iPhoneだけで上のアイキャッチ画像を作ったのですがいかがでしょう?

かかった時間はたったの2分。パソコンで作るよりも速く作れました。

今回は、iPhoneアプリを紹介するの便利な恰好良いアイキャッチ画像の作り方をご紹介します。

 

使うアプリは『ImageKit』『Afterfocus』『PhotoLayers』

アイキャッチ画像を作るには、3つのアプリが必要です。

ImageKit – アプリアイコンダウンロード・一括トリミング・画像合成 1.0
価格: ¥85
カテゴリ: 写真/ビデオ
App Storeで詳細を見る

アプリをダウンロードする


AfterFocus 1.4.0
価格: ¥85
カテゴリ: 写真/ビデオ, エンターテインメント
App Storeで詳細を見る

アプリをダウンロードする


合成写真 PhotoLayers for iPhone 3.1.0
価格: ¥85
カテゴリ: 写真/ビデオ
App Storeで詳細を見る

アプリをダウンロードする


今回は試しに『Quicka』という便利な検索アプリの紹介アイキャッチ画像をつくります。

 

『ImageKit』で背景画像を作り、アイコン画像を取得する

まず背景画像を作るために、紹介したいアプリのスクリーンショットを撮りましょう。今回は縦のスクショを2枚用意します。

3apps for  making images01

▲次に『ImageKit』を立ち上げ、2枚の写真を1つの写真にします。ブログで使う写真の横幅に合わせておきましょう。

3apps for  making images02

▲そのまま『ImageKit』を使って、アイコン写真を取得します。この機能、メチャクチャ便利です。

スクショ2枚を使った背景画像、アイコン画像を取得できたら『ImageKit』の出番は終了です。

[email protected][email protected]り易く説明されています。

[iPhone] ブロガーの画像編集・作成をサポートする ImageKit をリリースしました! | ラクイシロク

 

『AfterFocus』で背景写真をぼかす

『AfterFocus』で立ち上げ、先ほど作った背景画像を読み込みましょう。

3apps for  making images03

▲写真を読みこんだら、何もせずに「ぼかし」をかけます。

3apps for  making images04

▲こんなぼかし写真ができたら完了です。

本来は一眼レフで撮影した写真のような「ぼかし」を入れるためのアプリですが、こんな使い方もあるのです。

 

『PhotoLayers』でアイコンに影をつけ、画像を合成する

あと少しです。画像を合成できる『PhotoLayers』で一気に仕上げましょう!

3apps for  making images06

▲『PhotoLayers』を立ち上げ、「背景」ボタンから背景用画像を取得します。

3apps for  making images07

▲続けて「追加」からアイコン画像を選びます。ここで影をつけましょう。

3apps for  making images08

▲あとは必要に応じて文字を入れることもできます。終わったらカメラロールに保存して完成です!

いかがですか?順番通りにアプリを使えば、きっと以下のような画像になるかと。

3apps for  making iphone app introduction images

以上が、iPhoneアプリ紹介用のアイキャッチ画像を作る流れですが、慣れれば2〜3分程度で画像を作成することができます。

実際の作業を動画にまとめましたので、ご確認ください。スクリーンショットを撮り始めて、アイキャッチを仕上げるまでの時間はたったの2分でした。

 

今回のカギ

今回のカギは

■格好良い画像を作って、もっとiPhoneアプリ紹介記事を書こう!

です。

最後になりますが、このアイキャッチ画像のデザ[email protected]NANOKAMO BLOGでよく使われていた画像を参考にしています。

パソコン(Mac)で画像を作りたいという方は、ぜひNANOKAMO BLOGをご覧ください!

アプリ紹介記事用アイキャッチ画像の作り方 | NANOKAMO BLOG
アプリアイコンを使ったアイキャッチ画像でさらに遠近感を出すコツ | NANOKAMO BLOG
SPONSORED LINK
3apps_for-_making_iphone_app_introduction_images.png