Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
【Photoshop】レイヤーマスクを複製する方法 | ぶちろぐ

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

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

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

投稿日:

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

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

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

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

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

 

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

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

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

 

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

 

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

 

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

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

 

方法は以上になります!

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

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

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

執筆者:


comment

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

関連記事

【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法

文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。 通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。 ↓こんな感じ…。 &nbs …

Macでバラバラに表示されているアイコンをきちっと整列させる方法

フォルダ内のアイコンがぐちゃぐちゃに散らばってしまうことは、Macユーザーなら良くあるのではないでしょうか。 バラバラに表示されたままでは作業もしずらく、ストレスですよね…。 そこで今回は、アイコンを …

グラデーションを作る時に役立つサイト5選

ギャラリーサイトを見ていると、グラデーションを使ったデザインをよく見かけますよね。 中でも、色の変化の仕方が綺麗なサイトだとつい見とれてしまいます。 私も綺麗なグラデーションを取り入れたデザインを作り …

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …

デザイナー必見!使える写真素材サイト

前回に引き続き、素材サイトをご紹介したいと思います。今回は写真編です! いつも素材探しに苦労している私が見つけた、オススメのフリー素材サイトをいくつかピックアップしていきますね〜!   写真 …