シェイプツールを使う

Photoshop CCは画像編集アプリですが すばやくベクターシェイプを描画し 編集することもできます ベクターシェイプの作成と編集ツールと言えば Illustrator CCが専門ですが Photoshop CCでも基本的なシェイプを組み合わせて 複雑なシェイプを簡単に作成できます シェイプを使い、この画像から 目を引くバナー広告を作成しましょう 思っている以上に簡単です まずこのテキストを エレガントなベクターシェイプで囲んでみます 長方形ツールを選択します いくつかの基本シェイプを組み合わせるため オプションバーのアイコンをクリックして 「シェイプを結合」を選択します 対角線をドラッグして長方形を作成します スペースバーを押しながら 位置を調整することができます ピンク色のスマートガイドに注目してください 別のオブジェクトと位置が揃ったときに表示されます 2つ目の長方形を作成します 先ほどより少し縦長にして 複雑なベベル模様を表現します 3つ目の長方形はさらに縦長にします このシェイプを選択した状態で、属性パネルの 角丸の半径アイコンいずれかを 完全な楕円になるまで、右にドラッグします 中央のリンクが選択されていることを確認します これで、四隅が連動して すべて同じ値に変更されます 良さそうですね シェイプの位置を変更するには パスコンポーネント選択ツールに切り替えます シェイプをクリックして ドラッグします または、パス選択ツールを使用して シェイプを部分的に変更することもできます Shiftキーを押しながら複数のコーナーポイントを選択すれば 長方形の一部分を矢印キーで すばやく変形できます ピクセル画像と同様に Ctrl（Command）+Tキーで レイヤーでも個別シェイプでも自由に変形できます シェイプの位置が確定したら スタイルを設定します オプションバーで 塗りのカラーを「なし」にします 線のカラーは「べた塗り」を選択して カラーピッカーを開きます カーソルをカンバス上に移動し 緑色の部分をクリックしてサンプリングします カラーピッカーで少し鮮やかにして 背景から浮き出るようにします 線が細すぎますね サイズを上げて線を太くします 背景と調和させるには シェイプの描画モードを「オーバーレイ」に変更します キーボードの8キーを押して 不透明度を80％に下げます 良さそうですね 同じテクニックを使って 内側に細めの枠を作りました これをJPEGで保存しましょう 「ファイル」 「別名で保存」を選択します ファイルの種類を「JPEG」にします 「保存」をクリックします いかがでしょうか 基本的なシェイプと 簡単なテクニックを組み合わせただけです オプションバーの「シェイプの結合」にある 別のテクニックも使ってみてください 前面シェイプを削除したり、シェイプ範囲を交差させたり 別のシェイプを結合することもできます また次回お会いしましょう