PhotoshopでGoogle Plusアイコンを作成する方法

Photoshopファンの皆さん、こんにちは！ Google Plusについて最近話題になっているすべての話題について、関連するPhotoshopチュートリアルを作成することも避けられませんでした。簡単そうに思えるかもしれませんが、シンプルな外観のg +アイコンは実際には完全に複製するのが少し難しいですが、それでも私たちを止めることはできません。より高度なPhotoshopに飛び込む準備をしてください！

ステップ1 –アイコンサイズ

これには、より大きなアイコンである256 X 256pxを使用します。また、128 x 128pxまたは512 x 512pxのアイコンを作成することもできますが、通常のアイコンで十分です。

ステップ2 –ガイドのセットアップ

このチュートリアルでは、非常に正確である必要があります。そのため、いくつかのガイドを設定していきましょう。新しいガイドを作成するには、にアクセスしてください 表示、新しいガイド.

次のガイドを作成するには、この手順を数回繰り返す必要があります。 （ピクセル単位で作業しているので、忘れずに変更してください CM 位置ボックスに px）：

水平ガイド： 0px、40px、256px

垂直ガイド： 0px、64px、128px、192px、256px

（以下– 2番目の水平ガイドの例）

完了すると、キャンバスは次のようになります。

ステップ3 –キャンバスを拡大する

通常のGoogleスタイルで、滑らかな白から灰色の背景にGoogle Plusロゴを配置します。クリック 画像、キャンバスサイズ キャンバスを壁紙のような解像度に設定します。これには、720p（1280×720）を使用しました。

グラデーションツールを選択して、 ラジアル 勾配 白から薄灰色にフェード。これに似たもの：

ステップ4 –シェイプを作成する

作成する 新しいレイヤー。今に行きます 形状ツール を選択します 角丸長方形ツール。 半径を 20ピクセル そしてその色は濃い灰色になります （343434）。ここで、先ほど作成したガイドを使用して、丸みを帯びた形状をドラッグし、境界にうまく収まることを確認します。

ステップ5 –ロゴの上部

まず、レイヤーをラスタライズします r右クリック、ラスタライズ。さて、 長方形のマーキーツール ロゴの上部を選択します（最初と2番目の水平ガイドの間） その後 右クリック 選ぶ レイヤービアカット。次に、新しいレイヤーを4つの小さなレイヤーに分割します。各レイヤーはそれぞれ最上部にあります。各レイヤーを1つずつ有効にしてから無効にすると、次のようになります。

簡単なヒント–レイヤーの名前を変更して、トップピース1、トップピース2などの名前を付けることができます。これは物事をきれいにするだけでなく、物事を簡単にします。あなたも試してみることができます 最上位のピースを独自のレイヤーグループに入れる.

ステップ5 –下部のビジュアル

画像の下部を含むレイヤーを選択します…（これ）：

…その後 右クリック 選ぶ ブレンドオプション。ここからいくつか追加します ベベルとエンボス…

…そして グラデーションオーバーレイ （1d1d1dから292929までのフェード）.

その後、画像に次のような変更が加えられます。

ステップ6 –トップパーツのビジュアル

まず、左上のアイコンを有効にしてください。さて、再び、そのレイヤーのを開きます ブランディングオプション そしてそれをいくつか与えます インナーシャドウ…

…と同様に カラーオーバーレイ。

変更前と変更後の画像は次のようになります。

新しいレイヤーごとにこの手順を繰り返し、適切なオーバーレイカラーを設定します。

最初の作品： 赤– f23a3f

セカンドピース： ブルー– 5988f5

3番目のピース： 緑– 5fb816

4番目のピース： 黄色– ffc000

ステップ7-わずかな光沢を追加する

作る 新しいレイヤー 他のすべてのレイヤーの上に配置します。今すぐ使用 グラデーションツール 作成する 放射状グラデーション フェージング 白から透明まで アイコンの領域内。次に設定 レイヤーの不透明度 に 30％ そしてその ブレンドモード に オーバーレイ。変更はほとんど目立ちませんが、それでも非常に重要です。簡単な前/後：

ステップ8 –全能のg +

簡単なスクリーンショットを取得する Google.comからのGoogleロゴの。それから ペースト ショットを直接Photoshop（そのレイヤーはオーバーレイグラデーションと画像の残りの部分の間にあります）および 小文字の「g」以外は削除します.

これで、小さな「g」から背景を削除するための任意のツールを使用できます。また、 エッジを絞り込みます 少し滑らかにします。それから Ctrl +クリック レイヤーのサムネイル、そして、 長方形のマーキー 君の手に 右クリック そして選択 塗りつぶす。つかいます 白い で 100％ そして 普通 これに到達する必要があります：

プラスになりました。さて、本当にここで議論することはありません。つかむだけ タイプツール そして 細い「+」のいいフォントを見つける これは 元のロゴに似ている 画像で取得します。完了したら、これが必要です。

ステップ9 –最後にグランド！

もう1つのステップが待っています！に行く 表示>ガイドをクリア ガイドが不要になり、画像が完成するため、ガイドを削除します。 （ああ、そして簡単なCtrl + Shift + Sをタップすることを忘れないでください。そうすれば、あなたはそんなに大変な仕事を失いたくないでしょうか？）

ステップ10 –お楽しみください！

ついにやった！しかし、待って、なぜここで止まるのですか？他のクールなロゴがこのテンプレートから出てくる可能性があることを誰が知っていますか！先に進んで、あなたの創造性を試して、あなたが思いついたものを見てください。