テキストボックスを使った綺麗な文字列デザイン。作り方と注意点を解説します

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

毎日デザインのポイントを解説するインスタアカウントを運営しております。

こちらのブログはインスタ投稿をより深く解説した記事になります!

 

今日のテーマ:整った文字列で作るテキストデザイン

テキストボックス使っていますか?今回の記事ではテキストボックスを使った整った文字列で作る背景デザインと雑誌風デザインを解説しています。

これを使うことで綺麗に整列した文章を作ることができます!テキストボックスの作り方と合わせて注意点まで解説しているのでぜひ最後まで記事をご覧ください!

内容量を感じる背景のデザインサンプル

こちらが今回のデザインサンプルです。

たくさんの単語を並べてうっすらと背景として使ってみました。

このデザインは内容量が多いことやボリューム感を感じてもらうために使えるかと思います!

このように白文字で不透明度を下げているため前面の文字は読みやすくなってます。

またさらに強調したい文字に境界線をつけているので前面の文字の可読性には問題なし。

背景の文字は例えばバナーであればリンク先の文言や、印刷物であればページ内容など。

この背景の文字は全部読んでもらうつもりはなく、キーワードで見た人の興味に引っかけるくらいの役割ですね!

 

電球を持った手の部分と文字のデザインは「超一部の切り抜きで奥行きを生む」テクニックを使っています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

ちなみになんで電球なのかは、集客のアイデアというところから起因しています。

これは過去投稿005の「意味のある背景でデザインに説得力」のテクニックです!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

デザケン
ここからは背景全面に文字を配置する操作方法について解説します!

 

背景全面に文字を配置するテキストボックスの作り方

今回のデザインサンプルのような背景全面に文字を配置するやり方はテキストボックスを使うとかなり楽です。

テキストボックスを使えば改行をせずに指定するエリアに文字を配置することが可能!

  1. テキストツール(T)を選択
  2. 長方形を作るようにクリックしながらドラッグ
  3. 文字を入力して完成

これだけです!

このようにテキストボックスを作って、文字を流し込んでいます。

こちらはイラレですが、フォトショも全く同じ方法です!

このようにテキストボックスの形を変更すると、文字も形に合わせて改行してくれます!

テキストボックスを使って簡単に整った文字列を作ろう!

この整った文字列はチラシなどの印刷物でも使えますのでぜひ試してみてください。

雑誌でよく見る整った文字列のデザインを作ってみる

このデザインサンプルでも前章で解説したテキストボックスを使った整った文字列を作っています。

作り方は前章の解説と全く同じです。

ただ前章では背景全面に文字列を使ったデザインでしたが、、。

テキストボックスを使って雑誌でよくみる整った文字列を作ることも可能です!

 

デザ研
このような整った文字列をかなり見ますよね!

 

整った文字列は雑誌のデザインだけでなく、チラシやパンフレット、カタログや冊子など様々なデザインに見受けられます。

こちらのデザインサンプルもテキストボックスを使っています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

フォトショップでのテキストボックスを使う際の注意点

イラストレーターではすんなりテキストボックスの形を変更できるのですが、フォトショップでは注意点があります。

それがテキストボックスを変更する際に文字の縦横比を変えないことですね!

これがダメな例です。文字の縦横比が変わってしまっています。(イラレはこの方法でいけちゃうんです。)

このようにテキストツールで文字の中に入った状態でテキストボックスを変えれば文字の縦横比が変わらずに変更することができます!

 

雑誌のような整った文字列もテキストボックスを使えば作れる!

冊子系のデザインをイラレで作る時はぜひ参考にしてみてください。

同じ形の文字列を作りたい時は、新しく作るのではなく、作ったものをコピーして文字を変えましょう!

テキストボックスを使って整った文字列を作るデザインまとめ

いかがでしたでしょうか?このテキストボックスを使うとで綺麗に整列した文章を配置することができます。

内容量を感じる背景デザインとして使ってもいいし、雑誌のような文字列で作っても良し。

簡単に作ることができるのでぜひ試してみてください!

こちらの記事では雑誌風のデザインについて解説しているので合わせてご覧ください!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

・文章の1文字目を大きくしてみる
・1つのデザインの中に小さなこだわりを多数作る

 

全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。

>フォローしてデザインを学ぶ

フォローしてデザインを学ぶ

デザインの見る目を養うインスタアカウントを作りました!初心者から脱するデザインのポイントを解説しています。毎日更新です!

CTR IMG