[Photoshop] WEBデザインの作業効率が最も上がるレイヤースタイルのコピペ方法は?

2016年11月10日
follow us in feedly

ドロップシャドウベベルとエンボスなどの視覚効果をレイヤーに適用することで、テキストに立体感を持たせたり、様々なデザインを作り出すことができます。

img11

そして、あれこれ操作して作り出したレイヤースタイルは他のレイヤーに再利用することが可能。

layerstyle2_1

レイヤースタイルを他のレイヤーに反映させるのは簡単です。コピペすればOK!

最もオーソドックスなやり方はこれ

レイヤースタイルが適用されているレイヤーを選択して右クリック。表示されるメニューから「レイヤースタイルをコピー

layerstyle3

続いてレイヤースタイルを適用したいレイヤーを選択して同じく右クリック。表示されるメニューから「レイヤースタイルをペースト」で完了です。

layerstyle5-1

それよりももっと便利なのが次の方法!

「FX」の文字部分を押しながら対象のレイヤーにドラッグする

これは簡単です。「FX」の文字部分を押しながら、レイヤースタイルを適用したいレイヤーにドラッグするだけなんで、知っているだけでスピードアップ間違いなし。

layerstyle4_1

ただ、この方法は複数のレイヤーに対して同時にスタイルを適用することができません。

複数のレイヤーに対して同じレイヤースタイルを適用するならショートカットキーが便利です。

ショートカットキーを利用する

利用するといっても、レイヤースタイルのコピー&ペーストはPhotoshopの初期設定でショートカットキーが割り当てられていませんので、先ずその設定から。

編集メニューの「キーボードショートカットとメニュー」からダイアログボックスを開きます。

エリアをアプリケーションメニューにしてコマンドからレイヤー/レイヤースタイルをコピーを選択します。

layerstyle6_1_1

この状態で設定したいショートカットキーを実際に操作すると設定されます。

私は optioncommandC にしたので、「既に使用されてますよ」と警告が出てますね。

警告を無視してOKをクリックすれば、新しい設定に上書きされます。ダイアログボックスにある「ショートカット一覧」からダウンロードできる設定ファイルから確認できるし、バッティングしたショートカットキーを使用していないなら、気軽に上書きしても大丈夫です。

layerstyle6_2_1

そして、レイヤースタイルをペーストoptioncommandV

こちらも警告出てますが、Vanishing Pointフィルターなんて頻繁に使わないので気にせずに上書きです。

やっぱりコピーは C ペーストは V じゃないと覚えにくいですからね。

layerstyle6_3_1

ショートカットキーが設定できたら、optioncommandCレイヤースタイルをコピー

それを適用したい複数レイヤーを選択したら

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-22-47-12

optioncommandV !!

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-22-47-33

楽すぎ。

作業効率が最も上がるレイヤースタイルのコピペ方法は、ショットカットキーを使ったやり方ですね。

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ