WEBサイト制作ツール [Photoshop]WEBsite Design Tools

PART05 テキストの操作

【STEP02】シェイプレイヤー

Illustratorのようなベクトルベースの図形をレイヤーとして操作できます。

シェイプレイヤーの作成

  • ツールボックスで矩形ツールかペンツールを選択すると、オプションツールバーには、「シェイプレイヤー」ボタンが表示されるので、クリックします。
  • この形状で矩形、楕円やペンツールを使って描画すると、レイヤーパレットの現在選択されているレイヤーの上に、新たなシェイプレイヤーが作成されます。
    作成されたシェイプには、ツールボックスの描画色が適用されます。

画像ph_cgweb52-1

ページトップへ戻る

レイヤースタイルを適用する

  • 作成されたシェイプレイヤーは、他のレイヤーと同じように、透明度、ブレンドモード、レイヤースタイルなどを適用することができます。
  • 差し換えしたシェイプは、Illustratorのパスのように、パスのコンポーネントの選択でドラッグして移動することができます。
  • 拡大・縮小したり、アンカーポイントを追加・削除して、パスの方向線をドラッグして変形することができます。
  • パス上でアンカーポイントの追加ツールでクリックすると、アンカーポイントが追加され、方向線が表示されます。方向線の先端をドラッグすると、パスを曲線にすることができます。
  • シェイプの描画には、矩形、楕円、多角形、ラインの他に、さまざまなライブラリが用意されています。カスタムシェイプツールを選択すると、ライブラリの図形を選択して描画することができます。
  • Photoshopのあるフォルダ内の「 Presets」フォルダ →「 Custom  Shapes」フォルダには、カスタムシェイプが数多く登録されているライブラリファイルがあります。
  • これを、シェイプポップアップパレットのサブメニューから選択すると、カスタムシェイプファイルが読み込まれ、「適用」ボタンをクリックして確認し「 OK」ボタンをクリックすると読み込まれます。
  • 描画したシェイプや Illustratorなど作成した好みの図形を Photoshopにレイヤーとして作成し、カスタムシェイプに登録することができます。ここでは、Illustratorでコピーした図形を Photoshopにシェイプレイヤーをしてペーストした図形を登録します。
  • 同じシェイプレイヤーに図形を追加して描画する際に、オプションツールバーのパスファインダの4つのボタンを選択して、合体、形抜き、交差、中マドの効果を適用しながら描画することができます。

画像ph_cgweb52-2

ページトップへ戻る

シェイプの移動

画像ph_cgweb52-3

ページトップへ戻る

パス選択ツールで変形

画像ph_cgweb52-4

ページトップへ戻る

アンカーポイントの追加と方向線の編集

画像ph_cgweb52-5

ページトップへ戻る

シェイプライブラリーの利用

画像ph_cgweb52-6

ページトップへ戻る

シェイプオプション

画像ph_cgweb52-7

ページトップへ戻る

カスタムシェイプの読込

画像ph_cgweb52-8

ページトップへ戻る

カスタムシェイプの登録

画像ph_cgweb52-9

ページトップへ戻る

パスファインダボタンの利用

画像ph_cgweb52-10

ページトップへ戻る


Illustratorのようなベクトルベースの図形をレイヤーとして操作できます

シェイプレイヤーは、レイヤーと同じように透明度、ブレンドモード、レイヤースタイルを適用できる

ページトップへ戻る