基本操作

【Photoshop】文字にクリッピングマスクする方法【新人デザイナー向け】

Photoshopで文字にクリッピングマスクするにはどうしたらいいんだろう…?
文字の形にクリッピングマスクする方法が分からない。

こういった疑問に答えるよ!

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

Youtube

パソコンが手元にある方や、より深く理解したい方は、動画でどうぞ。

目次

  • Photoshopで文字にクリッピングマスクする方法
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

Photoshopで文字にクリッピングマスクする方法

今回はこの文字に対してクリッピングマスクをしていくよ、文字は何でもいいので用意しておいてね!

文字の入力方法がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】文字ツールの使い方【新人デザイナー向け】Photoshopの文字ツールってどうやって使うんだろう? そもそも文字ツールって何だろう? こういった疑問に答えるよ! ...
  • クリッピングマスクしたい素材を読み込む
  • 順序を入れ替える
  • クリッピングマスクする

文字にクリッピングマスクする流れはこんな感じ。
順番に見て行こう!

クリッピングマスクしたい素材を読み込む

まずは文字にクリッピングマスクする素材を読み込むよ!

ここでは画像でクリッピングマスクをしていくけど、クリッピングマスクする素材は図形でもなんでもOK!

素材をダウンロードする

フリー写真素材ぱくたそ

今回はこちらのフリー素材を利用していくよ!

リンク先ページの「ラージサイズ」を選択!

メニューバーの「ファイル」から「埋め込みを配置」を選択!

ダウンロードしたファイルを選択して「配置」を選択!

ダウンロードした画像が配置されるので、隅っこの四角を摘まんで外側にドラッグして拡大!

中心を軸に拡大するショートカット

  • Mac=optionを押しながらドラッグ
  • Windows=Altを押しながらドラッグ

中心を軸に拡大するショートカットはこんな感じ。

画像の縦横比が変わってしまう場合はさらにShiftを押しながらドラッグ!

比率を保ちながら中心を軸に拡大するショートカット

  • Mac=Shift+optionを押しながらドラッグ
  • Windows=Shift+Altを押しながらドラッグ

縦横比を保ちながら中心を軸に拡大するショートカットはこんな感じ。

【Photoshop】画像を拡大する方法【新人デザイナー向け】Photoshopで画像を拡大する方法が分からない。 こういった疑問に答えるよ!...

文字を覆い隠す様にして拡大したら、Enterで変更を確定!

こんな感じになったね!

順序を入れ替える

続いてレイヤーの順序を確認するよ!

クリッピングマスクは下のレイヤーの形に切り抜いてくれる機能なので、今回は文字レイヤーの上に画像のレイヤーがある状態にしよう!

こんな感じになっていればOK!

クリッピングマスクする

いよいよクリッピングマスクをするよ!

まずは文字の形に切り抜きたい素材を選択、ここでは先ほどダウンロードした画像を選択!

メニューバーの「レイヤー」から「クリッピングマスクを作成」を選択!

クリッピングマスクのショートカット

  • Mac=Command+Option+G
  • Windows=Ctrl+Alt+G

クリッピングマスクのショートカットはこんな感じ。

【Photoshop】クリッピングマスクの使い方【新人デザイナー向け】Photoshopのクリッピングマスクの使い方が分からない。 クリッピングマスクマスクの解除のやり方が分からない。 クリッピングマスクのショートカットはあるのかな? こういった疑問に答えるよ! ...

これで完成!

NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】Webデザインスクール3社【現役デザイナーがおすすめ】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...