ゼロから始めるPhotoshop講座Vol.20 パスとジェイプ②


ゼロから始めるPhotoshop講座Vol.20 パスとジェイプ②
目次
  1. ゼロから始めるPhotoshop講座Vol.20 パスとジェイプ②
  2. パターンの定義
  3. パスを選択範囲にする

ゼロから始めるPhotoshop講座Vol.20 パスとジェイプ②

パターンの定義

シェイプを使って、パターン(模様)をつくることができます。作成したパターンは、画像の背景で使用したり、デザインに活用することができます。

パターンの作成

[ファイル]メニュー[新規]を選択し、[新規]ダイアログを表示します。以下の設定で、新規ファイルをつくります。

9070030_010

②任意の[シェイプ]ツール(シェイプを描画するツールの総称)を使って、シェイプを描画します。[レイヤー]パネルに[シェイプ]レイヤーができます。

[レイヤー]パネル[シェイプ]レイヤーが選択された状態で、[選択範囲]メニュー[すべてを選択]を選択します。

9070030_020 [移動]ツールを選択します。オプションバーの[整列][垂直方向中央揃え][水平方向中央揃え]をクリックして、カンバスに対してシェイプを整列し、中央に配置します。

9070030_030

Point  カンバスを基準とした整列[選択範囲]メニュー[すべてを選択]を選択すると、カンバスすべてが選択され、[レイヤー]パネルで選択中のレイヤーとの整列の基準となります。

[選択範囲]メニューから[選択を解除]を選択し、選択を解除します。

[シェイプ]レイヤーを、[レイヤー]パネル下部の[新規レイヤーを作成]にドラッグ&ドロップし、コピーレイヤーをつくります。

⑦コピーレイヤーを選択し、[フィルター]メニュー[その他][スクロール]を選択します。表示されるダイアログでは、[スマートオブジェクト変換]を選択し、進めます。

9070030_050

[シェイプ]レイヤーには、フィルターを適用できないため、ラスタライズするかスマートオブジェクトのいずれかに変換する旨のダイアログが表示されます。

Check  ラスタライズとは?

ベクトル画像をビットマップ画像(ラスター画像)に変換することです。

Check  スマートオブジェクトとは?

元情報を保持した特殊なレイヤーです。スマートオブジェクトに変換することで、今回は、シェイプの元情報を保持できます。スマートオブジェクトは、元情報を保持できる点では便利ですが、フィルターを適用できない、ペイント系ツールで編集できないといった特徴もあります。必要に応じて、ラスタライズします。

[スクロール]ダイアログで以下のように設定し、コピーしたシェイプを四隅にふります。これで、パターンの元ができました。

9070030_060

9070030_070

Point  パターンの作り方

[スクロール]ダイアログの水平方向・垂直方向に、新規作成したファイルのカンバスサイズの半分の値(今回は100pxの半分の50px)を指定し、[未定義領域]で[ラップアラウンド(巻き戻す)]を選択すると、四隅にふることができます。

9070030_080

9070030_090

パターンの活用

定義したパターンは、[パターンスタンプ]ツール[塗りつぶし]ダイアログなど、パターンを使う箇所で選択し、活用することができます。 (例:[塗りつぶし]ダイアログ)

9070030_100

Try ゼロから始めるPhotoshop講座Vol.8 グラデーションとパターン では、パターンでペイントする方法について確認しました。振り返りとして、ここで作成したオリジナルパターンを使って、ペイントしてみましょう。

パスを選択範囲にする

輪郭のはっきりした対象物を選択範囲にしたい場合、9070040_010 [ペン]ツールで輪郭をトレースしてパスをつくり、それを選択範囲に変換することができます。

①ツールパネルから[ペン]ツールを選択し、オプションバーの[ツールモード][パス]を選択します。

②画像の輪郭をトレースして、パスをつくります。

9070040_020

③一周して始点まで戻り、クローズパスをつくると、[パス]パネル[作業用パス]ができます。[作業用パス]は一時的なものなので、ダブルクリックしてパスとして保存しておきます。

9070040_030 9070040_040

[パス]パネルに保存したパスを選択します。パネル下部の[パスを選択範囲として読み込む]を選択して、パスを選択範囲に変換します。

9070040_050

9070040_060

Try  パスで選択範囲をつくってみよう

パスを作成し、選択範囲に変換して、その中を[塗りつぶし]ダイアログを使って塗りつぶしてみましょう。

download_blue

NEXT LESSON ☛ テキストの入力・編集

PREV LESSON ☛ パスとシェイプ①

目次 - ゼロから始めるPhotoshop講座 -


関連記事

CodeCampus編集部
この記事を書いた人
CodeCampus編集部
まずは7日間お試し!人気プログラミング講座を無料公開中
オンライン・プログラミングレッスンNo.1のCodeCamp