投稿日：2009年02月24日　　　レベル：中級者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopできれいな画像をリボンに入れてみたいと思います。

• Step1 ： はじめに
• Step2 ： ワープを使って画像を貼りつける
• Step3 ： マスキングをする
• Step4 ： 影や光の強調や境界線を入れる
• Step5 ： 完成

はじめに、（PhotoshopかIllustratorの）ペンツールでリボンを作ります。
このシェイプに沿ってガイドラインの作業とマスキングを行います。

好みに応じて3つの画像を選んで貼り合わせます。

レイヤーの不透明度を40％か50％に調整するとガイドラインは次のようになります。
「編集」−「パスを変形」−「ワープ」を選択します。
するとグリッド線とそれぞれの端に4個のアンカーポイントが表示されます。
画像を曲げるには、アンカーポイント、ディレクションポイント、グリッドラインをドラッグします。

このステップをリボンのほかの箇所に対して繰り返します。
このステップがシンプルで繰り返し可能なので、ここでは詳細についての作業はしません。
作業ステップのスクリーンショットは次のとおりです。

レイヤーをグループ化します（例：リボン1、2、3、4）。

最初に作ったシェイプから選択範囲を読み込み、それぞれのグループにレイヤーマスクを追加します（カーブがスムーズになります）。

マスクを適用したグループ1に、新規レイヤーを作成してリボンの上に配置します。
グラデーションツールを使って上から下へドラッグして黒いグラデーションを作ります。

このステップを他のリボンにも繰り返します。

リボンに光沢を入れて目立たせるには次のように作業します。
輝く円形のシェイプを作り、上下を短くして、リボンの方向に合わせて回転させます。

境界線を入れるには次のように作業します。
マスクの選択範囲を読み込み、新規レイヤーを作成して黒く塗り、選択範囲を1ピクセルか2ピクセル左に移動させたら、「Delete」キーを押して選択範囲を削除します。

画像をもう少し面白くするには、背後の2つのリボンの彩度を減らします。

おまけ

Photoshopのワープツールはひねりや曲げといったグラフィック効果を入れるのに非常に役立ちます。
次のイラスト例のようにワープツールを使うとこのようなことができます。
ぜひお試しください！

引用:Web Design Library　著者:www.webdesignerwall.com 　翻訳:菊池

スポンサードリンク