Tag Archive for レイヤースタイル

Photoshop CS5のレイヤースタイル・境界線機能

Photoshop CS5のレイヤースタイル・境界線機能。
レイヤースタイルの境界線を使えば、オブジェクトに縁取りを付ける事ができます。

 

pslayerstylesatin01

フォトショを立ち上げ、新規ファイルに適当に文字を入力します。ここでは、「レイヤースタイル」と入力しました。これに、レイヤースタイルの境界線を適用させていきたいと思います。

 

pslayerstylesboundary01

【レイヤー】パネルから「レイヤースタイル」の文字レイヤーを選択します。
パネル下部にある【レイヤースタイルを追加】ボタンをクリックし、【境界線】を選択します。(【レイヤー】パネルが表示されていない場合は、【ウィンドウ】の【レイヤー】を選択します)

 

pslayerstylesboundary02

【レイヤースタイル】の画面が表示されるので、【スタイル】から【境界線】がチェックされているのを確認します。

 

pslayerstylesboundary03

次に【境界線】から、ここでは【サイズ:5px】、【位置:外側】、【描画モード:通常】、【不透明度:100%】、【塗りつぶしのタイプ:カラー】、【カラー:C100%/M100%】を選択します。
また、境界線の適用量を確認しながら作業したい場合は、【プレビュー】をチェックしておけば確認しながら作業できます。

 

pslayerstylesboundary04

pslayerstylesboundary05

レイヤースタイルの境界線が適用され、【レイヤー】パネルに境界線の効果が追加されました。

 

pslayerstylesboundary06

【境界線】を編集したい場合は、【レイヤースタイルのマーク】をダブルクリックするか、【境界線】の文字をダブルクリックします。【レイヤースタイル】の画面が再度表示されます。

 

pslayerstylesboundary07

また、【境界線】の横にある【目】のアイコンをクリックすれば、境界線が非表示になります。

 

pslayerstyledropshadow08

【レイヤースタイル】の右横の▲をクリックすれば効果の内容が非表示になり、▼をクリックすれば表示されます。

 

pslayerstylesboundary08

【境界線】を削除したい場合は、それをドラッグしてゴミ箱に捨てればOKです。


Photoshop CS5のレイヤースタイル・パターンオーバーレイ機能

Photoshop CS5のレイヤースタイル・パターンオーバーレイ機能。
レイヤースタイルのパターンオーバーレイを使えば、オブジェクトにパターンを適用させる事ができます。

 

pslayerstylesatin01

フォトショを立ち上げ、新規ファイルに適当に文字を入力します。ここでは、「レイヤースタイル」と入力しました。これに、レイヤースタイルのパターンオーバーレイを適用させていきたいと思います。

 

pslayerstylepatternoverlay01

【レイヤー】パネルから「レイヤースタイル」の文字レイヤーを選択します。
パネル下部にある【レイヤースタイルを追加】ボタンをクリックし、【パターンオーバーレイ】を選択します。(【レイヤー】パネルが表示されていない場合は、【ウィンドウ】の【レイヤー】を選択します)

 

pslayerstylepatternoverlay02

【レイヤースタイル】の画面が表示されるので、【スタイル】から【パターンオーバーレイ】がチェックされているのを確認します。

 

pslayerstylepatternoverlay03

pslayerstylepatternoverlay04

次に【パターンオーバーレイ】から、ここでは【描画モード:オーバーレイ】、【不透明度:100%】、【比率:100%】、【レイヤーにリンクをチェック】に設定し、【パターン】の【パターンピッカー】をクリックし、任意のパターンを選択します。
また、パターンオーバーレイの適用量を確認しながら作業したい場合は、【プレビュー】をチェックしておけば確認しながら作業できます。

 

pslayerstylepatternoverlay05

pslayerstylepatternoverlay06

レイヤースタイルのパターンオーバーレイが適用され、【レイヤー】パネルにパターンオーバーレイの効果が追加されました。

 

pslayerstylepatternoverlay07

【パターンオーバーレイ】を編集したい場合は、【レイヤースタイルのマーク】をダブルクリックするか、【パターンオーバーレイ】の文字をダブルクリックします。【レイヤースタイル】の画面が再度表示されます。

 

pslayerstylepatternoverlay08

また、【パターンオーバーレイ】の横にある【目】のアイコンをクリックすれば、パターンオーバーレイが非表示になります。

 

pslayerstyledropshadow08

【レイヤースタイル】の右横の▲をクリックすれば効果の内容が非表示になり、▼をクリックすれば表示されます。

 

pslayerstylepatternoverlay09

【パターンオーバーレイ】を削除したい場合は、それをドラッグしてゴミ箱に捨てればOKです。


Photoshop CS5のレイヤースタイル・グラデーションオーバーレイ機能

Photoshop CS5のレイヤースタイル・グラデーションオーバーレイ機能。
レイヤースタイルのグラデーションオーバーレイを使えば、簡単にオブジェクトにグラデーションを適用させる事ができます。

 

pslayerstylesatin01

フォトショを立ち上げ、新規ファイルに適当に文字を入力します。ここでは、「レイヤースタイル」と入力しました。これに、レイヤースタイルのグラデーションオーバーレイを適用させていきたいと思います。

 

layerstylegradientoverlay01

【レイヤー】パネルから「レイヤースタイル」の文字レイヤーを選択します。
パネル下部にある【レイヤースタイルを追加】ボタンをクリックし、【グラデーションオーバーレイ】を選択します。(【レイヤー】パネルが表示されていない場合は、【ウィンドウ】の【レイヤー】を選択します)

 

layerstylegradientoverlay02

【レイヤースタイル】の画面が表示されるので、【スタイル】から【グラデーションオーバーレイ】がチェックされているのを確認します。

 

layerstylegradientoverlay03

次に【グラデーションオーバーレイ】から、ここでは【描画モード:乗算】、【不透明度:100%】、【グラデーション:黒、白】【スタイル:線形】、【シェイプ内で作成:チェック】、【角度:90°】、【比率:81%】に設定してOKします。
また、グラデーションオーバーレイの適用量を確認しながら作業したい場合は、【プレビュー】をチェックしておけば確認しながら作業できます。

 

layerstylegradientoverlay08

また、グラデーションをカスタムしたい場合は、【グラデーション】をクリックします。

 

layerstylegradientoverlay09

【グラデーションエディター】画面が出るので、現在選択しているグラデーション(黒、白)を編集するか、【プリセット】で他のグラデーションを選択するか、【新規グラデーション】を作成するかしてカスタムします。
ここでは、現在選択しているグラデーション(黒、白)をカスタムしていきます。
【グラデーションタイプ】から、変更したい場所の【カラーの分岐点】をダブルクリックするか、【カラーの分岐点】を選択し、【終了点】の【カラー】をクリックします。

 

layerstylegradientoverlay10

【カラーピッカー】の画面が出るので、任意のカラーを設定しOKします。

 

layerstylegradientoverlay11

複雑なグラデーションを作りたい場合は、分岐点を作成したい場所をクリックして、【カラーの分岐点】を追加していきます。(分岐点はいくらでも追加できます)
分岐点の位置を正確な数値で設定したい場合は、【終了点】の【位置】に数値を入力します。

 

layerstylegradientoverlay05

layerstylegradientoverlay04

レイヤースタイルのグラデーションオーバーレイが適用され、【レイヤー】パネルにグラデーションオーバーレイの効果が追加されました。

 

layerstylegradientoverlay06

【グラデーションオーバーレイ】を編集したい場合は、【レイヤースタイルのマーク】をダブルクリックするか、【グラデーションオーバーレイ】の文字をダブルクリックします。【レイヤースタイル】の画面が再度表示されます。

 

layerstylegradientoverlay07

また、【グラデーションオーバーレイ】の横にある【目】のアイコンをクリックすれば、グラデーションオーバーレイが非表示になります。

 

pslayerstyledropshadow08

【レイヤースタイル】の右横の▲をクリックすれば効果の内容が非表示になり、▼をクリックすれば表示されます。

 

layerstylegradientoverlay12

【グラデーションオーバーレイ】を削除したい場合は、それをドラッグしてゴミ箱に捨てればOKです。


Photoshop CS5のレイヤースタイル・カラーオーバーレイ機能

Photoshop CS5のレイヤースタイル・カラーオーバーレイ機能。
レイヤースタイルのカラーオーバーレイを使えば、簡単にオブジェクトをカラーで塗りつぶすことが出来ます。

 

pslayerstylesatin01

フォトショを立ち上げ、新規ファイルに適当に文字を入力します。ここでは、「レイヤースタイル」と入力しました。これに、レイヤースタイルのカラーオーバーレイを適用させていきたいと思います。

 

layerstyleoverlay01

【レイヤー】パネルから「レイヤースタイル」の文字レイヤーを選択します。
パネル下部にある【レイヤースタイルを追加】ボタンをクリックし、【カラーオーバーレイ】を選択します。(【レイヤー】パネルが表示されていない場合は、【ウィンドウ】の【レイヤー】を選択します)

 

layerstyleoverlay02

【レイヤースタイル】の画面が表示されるので、【スタイル】から【カラーオーバーレイ】がチェックされているのを確認します。

 

layerstyleoverlay03

次に【カラーオーバーレイ】から、ここでは【描画モード:通常/M100%、Y100%】、【不透明度:100%】に設定してOKします。
また、カラーオーバーレイの適用量を確認しながら作業したい場合は、【プレビュー】をチェックしておけば確認しながら作業できます。

 

layerstyleoverlay04

layerstyleoverlay07

レイヤースタイルのカラーオーバーレイが適用され、【レイヤー】パネルにカラーオーバーレイの効果が追加されました。

 

layerstyleoverlay05

layerstyleoverlay06

因に、【描画モード:ピンライト/M100%、Y100%】に変えてみました。色が変わりました。

 

layerstyleoverlay08

【カラーオーバーレイ】を編集したい場合は、【レイヤースタイルのマーク】をダブルクリックするか、【カラーオーバーレイ】の文字をダブルクリックします。【レイヤースタイル】の画面が再度表示されます。

 

layerstyleoverlay09

また、【カラーオーバーレイ】の横にある【目】のアイコンをクリックすれば、カラーオーバーレイが非表示になります。

 

pslayerstyledropshadow08

【レイヤースタイル】の右横の▲をクリックすれば効果の内容が非表示になり、▼をクリックすれば表示されます。

 

layerstyleoverlay10

【カラーオーバーレイ】を削除したい場合は、それをドラッグしてゴミ箱に捨てればOKです。


Photoshop CS5のレイヤースタイル・サテン機能

Photoshop CS5のレイヤースタイル・サテン機能。
レイヤースタイルのサテンを使えば、簡単にオブジェクトの内側にサテンような光沢を表現することが出来ます。

 

pslayerstylesatin01

フォトショを立ち上げ、新規ファイルに適当に文字を入力します。ここでは、「レイヤースタイル」と入力しました。これに、レイヤースタイルのサテンを適用させていきたいと思います。

 

pslayerstylesatin02

【レイヤー】パネルから「レイヤースタイル」の文字レイヤーを選択します。
パネル下部にある【レイヤースタイルを追加】ボタンをクリックし、【サテン】を選択します。(【レイヤー】パネルが表示されていない場合は、【ウィンドウ】の【レイヤー】を選択します)

 

pslayerstylesatin03

【レイヤースタイル】の画面が表示されるので、【スタイル】から【サテン】がチェックされているのを確認します。

 

pslayerstylesatin04

次に【サテン】から、ここでは【描画モード:焼き込みカラー/黒100%】、【不透明度:55%】、【角度:19°】、【距離:12px】、【サイズ:9px】、【輪郭:リング-二重】、【階調の反転】のチェックを外しOKします。
また、サテンの適用量を確認しながら作業したい場合は、【プレビュー】をチェックしておけば確認しながら作業できます。

 

pslayerstylesatin05

pslayerstylesatin06

レイヤースタイルのサテンが適用され、【レイヤー】パネルにサテンの効果が追加されました。

 

pslayerstylesatin07

【サテン】を編集したい場合は、【レイヤースタイルのマーク】をダブルクリックするか、【サテン】の文字をダブルクリックします。【レイヤースタイル】の画面が再度表示されます。

 

pslayerstylesatin08

また、【サテン】の横にある【目】のアイコンをクリックすれば、サテンが非表示になります。

 

pslayerstyledropshadow08

【レイヤースタイル】の右横の▲をクリックすれば効果の内容が非表示になり、▼をクリックすれば表示されます。

 

pslayerstylesatin09

【サテン】を削除したい場合は、それをドラッグしてゴミ箱に捨てればOKです。


%d人のブロガーが「いいね」をつけました。