今回は「クリッピングマスク」を使って、円の中に写真を入れる方法をお伝えしていきます。
「クリッピングマスク」とは、直下のレイヤーの透明の部分をマスクとして使う方法です。
名前だけ聞くと難しそうですが、上下のレイヤーをクリップでとめて一体化する、という感覚を持つとイメージしやすいです。
さっそくやっていきましょう。
クリッピングマスク
写真をPhotoshopに入れる
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/x1-2.webp.pagespeed.ic.KVUw279ykx.webp)
まずはPhotoshopに写真を入れます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/2-2.webp)
右下の をクリックし、レイヤーを追加します。
円を描く
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/3-2.webp)
左側のツールバーから、「 楕円形ツール 」を選択します。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/4-2.webp)
マウスで円を描きます。
(正円にしたい場合は、 shift を押しながら)
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/6-2.webp)
レイヤーとレイヤーの境目にマウスを持っていき
macの場合 → option
windowsの場合 → alt を押しながら
のマークが出ていることを確認し、クリックします。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/7-2.webp)
円の中に写真が入りました。
円だけでなく四角や三角、多角形はもちろん、シェイプ、文字などにも使えます。
円の中に写真が入りました。
円だけでなく四角や三角、多角形はもちろん、シェイプ、文字などにも使えます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/07/9636244d172b65f024715d9445543fa6.png)
クリッピングマスクは、今回ご紹介した内容以外にも、直下の写真にだけトーンやコントラストを反映させたい場合にも使えます。
クリッピングマスクについては、改めて詳しく記事でご紹介したいと思います。
投稿者プロフィール
![志水泉](https://www.webroad.co.jp/wp/wp-content/uploads/2023/04/IMG_0882.png.pagespeed.ce.Vnnk0a-Q-n.png)
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
お問合せフォームはこちら
(※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。)
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。 2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。