AdobePhotoshopでテキストにテクスチャを追加する方法

AdobePhotoshopでテキストにテクスチャを追加する方法

ロゴ、ページヘッダー、およびブランディングの他の部分でテキストを生き生きとさせる1つの非常に簡単な方法は、それにテクスチャを追加することです。





水彩画、金属、炎など、テクスチャーはフラットタイプに興味を引くことができます。





AdobePhotoshopでテキストにテクスチャを追加するために必要な手順は次のとおりです...





ステップ1:テキストを追加する

を使用して 文章 ツールを使用して、Photoshopでテキストを入力します。テクスチャの効果を完全に表示するには、太いフォントを使用する必要があります---少なくとも、選択した書体の太字のバリエーションを選択してください。

また、使用するテクスチャの種類にフォントを一致させてみてください。手書きフォントは水彩画のテクスチャでうまく機能します。スラブフォントはメタリック効果などによく合います。ガイドの詳細をご覧ください フリーフォントをダウンロードする場所 あなたのオプションを増やすために。



テキストはすぐにテクスチャで覆われるため、テキストの色は関係ありません。

ステップ2:テクスチャを見つける

あなたのテクスチャは2つの場所から来ることができます。 Photoshopファイルの別のレイヤーに手動で作成することも、外部画像ファイルからインポートすることもできます。





それは十分に簡単です Photoshopで独自のテクスチャを作成する テキストに色のグラデーションを追加するなど、単純な場合。ただし、多くの場合、別のファイルの既存のテクスチャを使用する方がよいでしょう。あなたは最高の無料のストック画像サイトのいくつかで多くの既製のものを見つけることができます。

ステップ3:テクスチャを配置する

次のステップは、テクスチャを配置することです。自分で作成した場合は、テキストレイヤーの真上にあるレイヤー上にあることを確認してください。





別のファイルからテクスチャをインポートする場合は、に移動します。 ファイル >> 埋め込みを配置 。次に、使用しているテクスチャに移動して、 場所 ボタン。

画像がテキストを完全に覆っている場合は、 入力 。そうでない場合は、画像の隅にあるハンドルを使用してテクスチャを拡大し、サイズを変更できます。 (必ず長押ししてください シフト 画像の比率を維持したい場合はキーを押します。)次に、 入力 先に進みます。

WindowsXPからWindows7への無料アップグレード

ステップ4:クリッピングマスクを作成する

あなたのに行く レイヤー パネル。 (表示されない場合は、 ウィンドウズ >> レイヤー 。)ファイルには、背景、テキスト、テクスチャの3つのレイヤーが表示されます。

テクスチャを含むレイヤーがテキストの真上に配置されていることを確認してください。次に、そのレイヤーを右クリックして、 クリッピングマスクを作成する

テクスチャレイヤー全体が消え、その下にテキストがある場合にのみ表示されます。

ステップ5:位置を調整する

通常のレイヤーと同様に、テキストレイヤーとテクスチャレイヤーの両方が完全に編集可能のままです。つまり、テクスチャを削除したり再適用したりしなくても、テキストに戻って編集することができます。テキストを追加すると、テクスチャが自動的に配置されます。

テクスチャが希望の場所に正確に配置されていない場合は、レイヤーを選択して開きます マーキーツール 、またはキーボードのMを押します。を押し続けると、テクスチャを移動できます。 NS Windowsのキーまたは Cmd Macの場合は、マウスで画像をドラッグします。

サイズを変更する場合は、テキストの任意の場所を右クリックして、 フリートランスフォーム 。これにより、テクスチャの周囲のバウンディングボックスが再びアクティブになり、画像を配置するときに上記の手順3で説明したのと同じ方法でサイズを変更できます。

ステップ6:テキストの端を拡張または柔らかくする

これで、画像はかなり見栄えが良くなるはずです。満足している場合は、そのままにしておくことができます。しかし、試すことができる最後のオプションのステップが1つあります。

目的の効果の種類によっては、テキストにハードエッジが必要な場合があります。たとえば、炎のテクスチャがキャラクターのエッジを超えて広がったり、腐食効果がキャラクターに食い込んだりする可能性があります。幸い、これは簡単に実現できます。

テキストからエッジを切り取るには、 文章 レイヤーしてクリック ベクターマスクを追加 。今選択します みがきます ツール(B)を押して、希望のスタイルに合うブラシを選択します。

次に、 黒にするには、ベクターマスクを選択していることを確認し、テキストの端をペイントします。誤って取り外した部品を復元するには、白く塗ってください。次のようになります。

Windows7はシステムイメージを作成します

テキストの端を超えてテクスチャを追加するには、 文章 レイヤー、次につかむ みがきます 道具。キャンバスをダブルクリックします。テキストをラスターレイヤーに変換するように求められます。つまり、テキストを編集できなくなるため、最初にテキストレイヤーを複製して、バックアップを作成することをお勧めします。クリック わかった 続ける。

適切なブラシを選択し、ペイントの色を白に設定します。次に、テキストの端の周りにペイントを開始すると、テクスチャがより多く表示されます。ここではマスクを使用していないため、マスクを使用する必要があります 元に戻す 間違いを取り除くためのツール。

結果は次のようになります。

ステップ7:画像を保存する

最後のステップは、画像を保存またはエクスポートすることです。それをPSDファイルとして保存して、編集可能なすべてのレイヤーをそのままにしてマスターコピーを保存します。または、JPEGとして保存して、画像の平坦化されたコピーを白い背景で保存します。

透明な背景でテキストを保存するには、おそらくWebや別のグラフィックデザインドキュメントで使用するために、白い背景レイヤーを削除または非表示にしてから、画像をPNGファイル(またはGIF)として保存します。

Photoshopの秘訣をもっと発見する

ご覧のとおり、Photoshopで入力するテクスチャを追加するのは非常に簡単です。最も重要なことは、適切なテクスチャと適切なフォントを取得することです。プロジェクトのフォントの選択についてサポートが必要な場合は、 フォントペアリングのヒント 役立ちます。

このチュートリアルで使用したクリッピングマスクは、非常に用途の広いツールであり、多くのクールな用途に役立ちます。完全に編集可能であることを確認しながら、独自の方法で画像を切り抜くことができます。あなたは私たちのガイドの詳細で最高の使用法の1つを学ぶことができます Photoshopで図形を使用して画像を切り抜く方法

共有 共有 つぶやき Eメール YouTubeよりも優れている12のビデオサイト

こちらがYouTubeの代替ビデオサイトです。それらはそれぞれ異なるニッチを占めますが、ブックマークに追加する価値があります。

次を読む
関連トピック
  • クリエイティブ
  • アドビフォトショップ
  • 画像編集のヒント
  • Photoshopチュートリアル
著者について アンディベッツ(221件の記事が公開されました)

Andyは、テクノロジーについて15年間執筆している、元印刷ジャーナリスト兼雑誌編集者です。その間、彼は数え切れないほどの出版物に貢献し、大規模なテクノロジー企業のためにコピーライティングの仕事を生み出してきました。彼はまた、メディアに専門家のコメントを提供し、業界のイベントでパネルを主催しました。

AndyBettsのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください