【チュートリアル】Photoshop/フォトショ 文字を変形させる方法!

【チュートリアル】Photoshop/フォトショ 文字を変形させる方法!

アートコンシェルジュ|最初の一枚から、一生のコレクションまで。無料で相談する

こんにちは、ユアムーン 編集部です。

皆さんはフォトショップでデザインをする際に、文字を円弧型にしたり波型にしたり、図形に沿って配置したいと思ったことはないでしょうか?

文字の変形は、テキストの内容を強調したりデザインの雰囲気を変えることができるので、覚えておいて損はないテクニックです。

今回はこの文字の変形の方法について解説していきます!

最新のチュートリアル記事は[こちら]からも確認できます!

ワープテキスト機能

ベースの画像

使用フォント:Didoni URW D

フォントサイズ:60px

文字の追加は[横書き文字ツール]を使用します。

はじめに[ワープテキスト]という機能で、文字を変形させる方法を紹介します。

まずはテキストツールで文字をクリックした後に、画面右上側のオプションバーに表示される[ワープテキストを作成]ボタンをクリックします。

すると、[ワープテキスト]パネルが表示されるので、変形したい「スタイル(形状)」「方向」「カーブ具合」「歪み具合」を設定することで簡単に文字を変形させることができます。

スタイルは計15種の中から選ぶことができます。

以下は変形の例です。

一度設定したスタイルから変更したい場合はもう一度[ワープテキスト]パネルを開いて、ほかのスタイルに設定しなおすことにより変更できます。

図形に沿って文字を配置する

次に、図形に沿うように文字を配置する方法をご紹介します。

まずは図形ツール(楕円形・長方形・多角形など)で元となる図形を配置します。

その後、配置した図形を選択した状態でテキストツールをクリックし、マウスカーソルを図形の輪郭に移動させます。

そしてマウスカーソルの形状が変わったときにクリックすると、図形の輪郭に沿って文字が入力できるようになります。

その後、最初に配置した図形を非表示にすれば完了です。

位置の調整

先ほどの工程で図形に沿って文字を入力できたとは思いますが、文字の入力位置を変えたいと思った方は多いのではないでしょうか?

その時は、[パスコンポーネント選択ツール]を使用すると、位置の調整を行うことができます。

まずは文字を選択し、[パスコンポーネント選択ツール]をクリックします。

その後、入力したテキストをドラッグすると文字が移動するので、お好みの位置までドラッグすれば調整は完了です。

また、文字を図形の「外側」ではなく、「内側」に沿って配置したいときは、パスコンポーネントツールで文字を図形の内側にドラッグすると内側に沿って配置することが可能になります。

まとめ

いかがでしたか?

今回は、文字を円弧型に変形させたり、図形の輪郭に沿って入力する方法をご紹介させていただきました!

今後もさまざまなクリエイティブ情報を発信していきますので、よろしくお願いします!


NEW POSTS / 新着記事

開催中の展覧会いま行ける展覧会を、終了が近い順に109件 開催中展覧会を探す