アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

【Photoshop】レイヤーマスクを複製する方法

投稿日:

今回は久しぶりにphotoshopのテクニックについてご紹介したいと思います。

いきなりですが、私の会社では有料サイトの画像を使用する場合はまずカンプ画像を使い、その後クライアントからOKが出たら画像を購入→差し替えという手順を踏んでいます。

この差し替え作業の際に、画像に徐々に透過していくようなふわふわしたレイヤーマスクなどがかかっていたりすると、購入した画像にまた一からマスクをかけ直す…という面倒な作業を何度かやっていました。

でも、photoshopではレイヤーマスクの複製を行えばそんな面倒な作業をせずとも、簡単・正確に新しい画像にマスクをかけることができるんですね。

この方法、簡単なのですが、「どうやったけ…?」とよく忘れてしまうので、手順について簡単にまとめたいと思います。

 

Photoshopでレイヤーマスクを複製する方法

例えば、下のような徐々に透過されていくようなマスクのかかった空の画像を差し替えるとします。

当然ですが、カンプ画像の状態なのでサイト名が記載されていますね。

 

そこに新たに購入した差し替えたい画像を配置します。

 

で、ここからなのですが、まずはレイヤーマスクと画像の間にある、鎖のアイコンをクリックして外してください。

 

できたら、マスクの方を選択して「option」または「alt」キーを押した状態で、複製したいレイヤーの上まで重なるようにドラッグして持っていきます。

カーソルを離すと、レイヤーマスクが複製されて同じ効果をかけることができました!

 

方法は以上になります!

そんなこと知ってたよとう方も多いと思いますが、私はこの方法を知ってからだいぶ無駄な時間を短縮することができました。

ただ、元画像にマスクをかけたときのpsdデータは必須なので、そこだけご注意ください!

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …

適切なシャドウの色が分かる「Material Icon Shadow Color Picker」

オブジェクトを立体的に見せたいときに使うシャドウですが、新米デザイナーさんはつい黒ばかり使っていませんか?(私がまさにそうなんですが…。) シャドウというと黒をイメージしがちですが、実はオブジェクトの …

Mac起動時にアプリケーションを自動的に開くようにする方法

頻繁に開くアプリが決まっている場合、Macの起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …

Pinterestのボードを他の人と共有する方法

たくさんのアイディアの中から、良いと思ったものを作成したボードに保存・管理することができるPinterest。 これだけでも便利すぎて、デザイナーにとってなくてはならないWebサービスですが、更にその …

サイト制作の参考に!Webデザインギャラリーサイト10選

みなさんはWebサイトを制作する時、どのように参考を探していますか? ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。 …