投稿日：2011年7月5日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルではPhotoshopを使って、リボンに描かれたロゴを簡単に作る方法を紹介します。

• Step1 ： はじめに
• Step2 ： リボンの左側を作る
• Step3 ： 折りたたみ部分を作る
• Step4 ： リボンの正面を作る
• Step5 ： リボンの右側を作る
• Step6 ： 完成

今回のチュートリアルでは、次の画像のような「リボンに描かれたロゴ」を手早く完成する方法をご紹介します。

まずは、800px × 400pxの大きさの新規ドキュメントを作成します。
好みの色や効果をかけ、背景として仕上げます。

長方形ツールを選び、前景色を#656565にしてから、下のように設定します。

キャンバスの左側に長方形を描きます。

次に2つ目の長方形を描きます
この長方形は、1つ目の長方形から型抜をするために使用します。
まず、長方形ツールを選択し、上のオプションパネルにある「シェイプから一部型抜」を選択します。
型抜の前に、レイヤーウィンドウでパスが選択されていることを確認してください。

元の長方形に重なるように長方形を描きます。 書いた図形をドラッグすると、重なった部分が消えることが分かります。

長方形ツールを選び、リボンの端と同じ高さの小さい長方形を描きます。
次に、「編集」−「変形」−「遠近法」を選択します。
そして、左上のアンカーポイントを下へドラッグし、下の画像と同じようにします。

折りたたみ部分ができたら、「リボンの端」レイヤーへ次のように設定したグラデーションオーバーレイを追加します。

「折りたたみ」レイヤーには、次のように設定したグラデーションオーバーレイを追加します。

このようになります。

長方形ツールを選び、折りたたみ部分の小さい側に高さを揃えた長方形を描きます。
長さは好みの長さにしてください。

「リボン」レイヤーへ、次のように設定したグラデーションオーバーレイを追加します。

このようになります。

リボンの右側を作るのは簡単です。
まず、Ctrlキーを押しながら「左リボンの端」レイヤーと「左リボンの折りたたみ」レイヤーを選び、ハイライトします。
次に右クリックをして「レイヤーの複製」を行います。
レイヤーを複製したら、レイヤーを選択したままで、「編集」−「変形」−「垂直方向に変形」を行います。
リボンを反対側まで伸ばします。

もし包括光源の設定ができる場合には、グラデーションの角度を変え、左側とマッチさせることができます。

リボンにロゴを配置するなどカスタマイズをすれば、完成です。

引用:Web Design Library　著者:photoshop.plus　翻訳：なかけん

スポンサードリンク