Photoshopを使用して独自のiOS 6スタイルアイコンを作成する方法

独自のiOSスタイルアイコンの作成方法

iOS 7が良くも悪くも、iOS 6またはiOS 7を選ぶしかありません。個人的にはiOS 7のアイコンはWindows Phoneのちょっとした詐欺だと思います。アップルは コピーされた またはAppleやAndroidのその他のMicrosoftの場合、それは本当に完全な円です。したがって、Appleの気分になっている間に、独自のiOS 6アイコンを作成するためのPhotoshopの簡単なチュートリアルを試してみてください。

適切なサンプルアイコンを見つける

最初のステップは、iOSアイコンのサンプルを見つけることです。 「iOSアイコン」のクイックGoogleまたはBing画像検索を実行します。 Googleの[完全一致検索]オプションを使用して、検索対象を絞り込み、より正確な結果を取得します。

優れたPNGアイコンが見つかったら、それをPCに保存して、Photoshopで開くことができるようにします。

画像

また、Bingを使用すると、個人での使用に無料で使用できる画像やアイコンを簡単に検索できるようになります。

Bingライセンス検索

入門

保存した画像をPhotoshopにインポートし、適切なPNGであることを確認します。持っているはずです チェッカーボードグリッド 典型的な白い背景の代わりに丸い角の後。

背景が透明ではない場合、次のようなものを使用できます マジック消しゴムツール 隅の4つの白い点のそれぞれで。

画像

Ctrl +クリック インポートされたアイコンを含むレイヤーのサムネイルを使用して、アイコンの形状を選択します。次に(長方形のマーキーツールを使用して) 右クリック そして 塗りつぶす あなたが望む任意の単色で。まずは黒を試してみます。

画像

特殊効果

次に、アイコンを光沢のあるiOS 6の外観にしましょう(もちろん、iOS 7よりも優れています)。右クリック レイヤーと選択 ブレンドオプション.

SNAGHTMLe01104

ブレンドオプションを使用すると、iOSアイコンの外観を再現できるさまざまなオーバーレイレイヤースタイルを作成できます。で始まる 勾配 そして、いくつか試してください 影を落とす そして インナーグロー。最終結果は次のようになります。

画像

レイヤーは次のようになります。

画像

ヒント:レイヤーの名前を変更(Shift + Ctrl + N)して、整理しやすくすることができます。

輝きのビットを追加

次に、ほとんどすべてのiOS 6アイコンの上部に光沢のある輝きを再現しましょう。まず、新しいレイヤーを作成します。それを「光沢」と呼んで置きます あなたのアイコン層:

画像

今、つかむ 楕円形のマーキーツール (長方形のマーキーツールの後ろに隠れています)。次のように、アイコンの上部に小さな丸い形を作ります。

画像

選択を解除せずに、 グラデーションツール 白から100%の透明度にフェードするグラデーションをすばやく作成します。

画像

グラデーションを作成したら、選択範囲の下部からドラッグして外に出します Shiftキーを押しながら.

画像

次に、アイコンの境界の外側にある光沢を削除します。することにより Ctrl +クリック のサムネイル アイコンレイヤー そして、選択を反転します 右クリック>逆選択 4つの空白のコーナーをカバーできます。ここで、 グロスレイヤー を押す 削除キー 余分な光沢を取り除きます。簡単に終了できます Ctrl + D 選択を解除します。

画像

ヒント: 光沢の効果を高めるために、さまざまなレイヤーオーバーレイモードを試すことができます。 画面、 やわらかい光 そして オーバーレイ.

アイコンを完成させる

これで、使用したいロゴを追加できます。私の新しいアプリ、iSmileをチェックしてください! App Storeでわずか$ 99.99 — もちろん冗談です! このテクニックを使用して、好きなだけ多くのグルーヴィーなアイコンを作成できます…楽しんでください!

画像

0

類似の記事

コメントを残す