ただいまの人気記事はこれ!おすすめ記事いろいろ

【Affinity Photo】フォントサイズが異なるテキストの横幅を同じにする方法

Affinity Photo
当サイトでは記事内に広告を掲載しています。

今回はAffinity Photoでフォントサイズが異なるテキストの横幅を同じにする方法をお届けします。

今回の記事でできることは、たとえばこんな感じ。

【Affinity Photo】フォントサイズが異なるテキストの横幅を同じにする

1行目と2行目のテキストをみてみましょう。フォントサイズにはずいぶんと違いがありますが、テキストの横幅(両端の位置)は同じになっています。

ロゴをつくるときなどに、ちょっぴり便利な方法です。

というわけでさっそくやり方をみていきましょう。

Affinity Photoの記事一覧

フォントサイズが異なるテキストの横幅を同じにする

今回は例として、上に大きいフォントのテキストを配置し、下には上よりも小さいフォントのテキストを配置して、横幅をそろえていきます。

フォントサイズが異なるテキストの横幅を同じにするとてもかんたんにできますので、応用もしやすいですよ。

今回の記事では、単語や文章のことをまとめて「テキスト」と表現していきます。

手順

1.Affinity Photoで任意のサイズのキャンバスを作成します。そして、画面左のツールバーから「アーティスティックテキストツール」を選択します。

「アーティスティックテキストツール」

 

2.まずはキャンバスに大きいフォントで任意のテキストを書いてみましょう。

大きいフォントで任意のテキスト

 

3.次にその下に小さいテキストを書きます。

その下に小さいテキスト

フォントのサイズや位置はあとから調整しますので、この段階ではどちらもアバウトでOKです。

この段階でのレイヤー構成は次の通りです。

レイヤー構成

レイヤーの順番はどちらが上でもOKです。1行目と2行目が別のレイヤーになっていればOKです。

 

4.レイヤーパネルで、大きいフォントでテキストを書いたレイヤーを選択します。

レイヤーを選択

 

その状態で、画面の右下部にある「変形」パネルをみてみましょう。

「変形」パネル

「W」の横にある数値が、大きいフォントで書いたテキスト全体の横幅です。今回の例では453pxになっています。

この数値を覚えておきましょう。

「変形」パネルが表示されていない場合は、画面上部のメニューの「表示」→「スタジオ」→「変形」で表示することができます。

 

5.つづいて、レイヤーパネルで、小さいフォントでテキストを書いたレイヤーを選択します。

小さいフォントでテキストを書いたレイヤーを選択

 

その状態で、画面の右下部にある「変形」パネルをみてみましょう。

「変形」パネル

「W」の数値をみてみると、498.5pxになっています。

大きいフォントのレイヤーのほうは「453px」でしたから、こちらのほうはずいぶんと大きいですね。というわけで調整してみましょう。

 

6.「W」と「H」の数値の右にあるマークをみてみましょう。数値の枠がチェーンのようなマークでつながっていることを確認します。

チェーンのようなマーク

チェーンマークがつながっていない場合は、マークをクリックするとつながります。

 

7.「W」の数値を、大きいフォントで書いたレイヤーの「W」と同じものにします。

「W」の数値

すると、「H」の数値も「W」を変えたのと同じ比率で変わります。

つまり、「横幅」を変えると、それに連動して「高さ」が自動調整してされるわけですね。これがチェーンマークの効果です。

チェーンマークを有効にしていない場合は、横幅のみ変わります。

 

8.キャンバスをみてみましょう。

横幅が同じになりました

上のテキストと下のテキストの横幅が同じになっています。

が、この段階では上下のテキストの横幅をそろえただけなので、上下の位置がそれぞれ右あるいは左にズレている場合があります。

というわけで、位置を調整していきます。

 

9.レイヤーパネルで2つのレイヤーを選択状態にします。

2つのレイヤーを選択状態に

 

その状態で画面上部の「整列」アイコンをクリックします。

整列

すると整列方法が選択できるようになりますので「水平方向に整列」の「左揃え」「中央ぞろえ」「右揃え」の中から任意のものを選択します。

2つのレイヤーは横幅が同じなので、左端・中央・右端のどれで位置合わせをしても、キレイにそろいます。自分のデザインに合わせて、お好みの方法で位置合わせをしてみましょう。

10.上下のレイヤーの位置がそろったら完成です。

レイヤーの位置がそろったら完成

記事で使用したツール

記事で使用したツールは次の通りです。

【Affinity Photo】

Affinity Photo - 受賞歴のある写真編集ソフトウェア
macOS、Windows、iPadのすべてで使える唯一のフル機能写真エディタであるAffinity Photoは、世界中の何百万人というプロフェッショナルが真っ先に選ぶソフトウェアとなっています。

今回はAffinity Photoでフォントサイズが異なるテキストの横幅を同じにする方法をお届けしました。よかったら参考にしてみてください。

スポンサーリンク
Affinity Photo
ゆずゆろぐ。の本が出ました!
ゆずゆろぐ。の本が出ました! 完全書きおろし、Amazonで販売中です。興味のある方はぜひどうぞ!
ゆずゆをフォローする
この記事を書いた人
ゆずゆ

読むと、ちょっぴり役に立つ&たのしくなるコンテンツを発信しています。クッピーラムネとAmazonのFire HD8がお気に入り。雑貨マニア。

ゆずゆをフォローする
ゆずゆろぐ。
タイトルとURLをコピーしました