今回は「クリッピングマスク」を使って、円の中に写真を入れる方法をお伝えしていきます。
「クリッピングマスク」とは、直下のレイヤーの透明の部分をマスクとして使う方法です。
名前だけ聞くと難しそうですが、上下のレイヤーをクリップでとめて一体化する、という感覚を持つとイメージしやすいです。
さっそくやっていきましょう。
クリッピングマスク
写真をPhotoshopに入れる
まずはPhotoshopに写真を入れます。
右下の 
をクリックし、レイヤーを追加します。
円を描く
左側のツールバーから、「 楕円形ツール 」を選択します。
マウスで円を描きます。
（正円にしたい場合は、 shift を押しながら）
レイヤーとレイヤーの境目にマウスを持っていき
macの場合 → option
windowsの場合 → alt を押しながら
のマークが出ていることを確認し、クリックします。
円の中に写真が入りました。
円だけでなく四角や三角、多角形はもちろん、シェイプ、文字などにも使えます。
円の中に写真が入りました。
円だけでなく四角や三角、多角形はもちろん、シェイプ、文字などにも使えます。
クリッピングマスクは、今回ご紹介した内容以外にも、直下の写真にだけトーンやコントラストを反映させたい場合にも使えます。
クリッピングマスクについては、改めて詳しく記事でご紹介したいと思います。
投稿者プロフィール
- 2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作・改善を中心に、Web業界20年の知識と経験を生かして、自治体案件等の大型案件のWebディレクターや中小企業・個人事業主へのWeb全般のアドバイザー、SEO/AIOのコンサルタントとしても活動中。 プロフィールはこちら
最新の投稿
コンテンツ制作2026年2月16日サーバー内に放置されたテスト用WordPressが会社の信頼を壊す理由- コンテンツ制作2026年1月16日異業種の事業者はどんな記事で集客できているのか？
- お知らせ2026年1月6日【2026年最新】Webサイト運営の外注依頼ベストテン
- お知らせ2026年1月4日【2026年版】ChatGPT、GeminiとGoogle検索の使い分け
お問合せフォームはこちら
弊社サービスをご検討いただきありがとうございます。
こちらのカテゴリ内のご質問と回答で解決できない場合は、ぜひ下記フォームよりお問い合わせください。ご相談・お見積りのご依頼は無料です。
お申込前のお打ち合わせはメール/お電話/GoogleMeet等オンラインでもご対応可能です。全国からお問い合わせを受付けています。
翌営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。
