こんにちは、読むだけでデザインを学べる！デザイン研究所です！
毎日デザインのポイントを解説するインスタアカウントを運営しております。
こちらのブログはインスタ投稿をより深く解説した記事になります！
2つのデザインサンプルを使って文字に動きを加えるデザインについて解説しています。文字に動きを加える方法は斜めにするだけじゃありません。
文字に動きを加える7つの要素として紹介しているので最後までご覧ください。
斜体文字を中心に文字に動きを加えるデザインサンプル
文字を斜めにすることで目立たせることができます。
こちらが今回のデザインサンプルです。
タイトルの文字を斜体にして斜めにしてみました。
斜めにするだけでなく、細い線を加えることで動きをさらに加えています。
また影を加えることで流れを表現しています。
横文字、縦文字の基本形の他に今回のような斜めにする文字、
過去投稿015の横と縦をMIXした文字、
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
過去投稿033の縁だけの中抜き文字など
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
選択肢があればあるほどデザインの幅は広がります！
フォトショップ、イラストレーターで文字を斜めにする方法
フォントによって斜体がある場合もありますが、それがない場合のフォトショ、イラレそれぞれで文字を斜めにする方法を解説します。
フォトショップ(Photoshop)の場合
フォトショの場合は、文字パネルの中のTが斜めになっている部分をクリックすることで斜体になります。
もしフォントに斜体が入っている場合はボールドとなっている部分に斜体があります！
イラストレーター(Illustrator)の場合
イラレの場合は変形パネルの中に角度を調節するボタンがあります。
また自然な斜体は10がおすすめです！
斜体というのは基本的な文字加工。
動きを加えたい時、メリハリを付けたい時など斜体にしてみましょう。
斜体にすることでデザインの印象も変わるはずです！
文字に動きを加える7つの要素を紹介！
上のデザインサンプルも斜体＋斜め配置で動きを出してみました。
今回はそれだけでなく写真の動きを活用する、動きあるモノを貼り付ける(今回の場合は飛行機雲)、ブレさせるを加えています。
飛行機の写真の動きを活用する↓↓
動きあるモノを貼り付ける↓↓
ブレさせる↓↓
先ほどのデザインサンプルと合わせて、文字に動きをだすポイントは
- 斜体にする
- 斜めの配置にする
- 線を加える
- 影を加える
- 写真の動きを活用する
- 動きあるモノを貼り付ける
- ブレさせる
ちなみに今回のデザインサンプルではこちらの切り抜きテクニックも使っています。
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
このような7つの要素を使って
平面デザインでも動きを加えることができます！
WEBデザインや動画と違ってグラフィックデザインはそのものは動きませんが、今回のように動きをだすことはできます！
よく素材のダウンロードで、jpgかpngかsvgかを選択できますが、jpgは背景ありの画像、pngは背景透明、svgはイラレで編集ができます！イラレを使える人はsvgでDLするのが良いですね！
斜体文字を中心に文字に動きを加えるデザインまとめ
いかがでしたでしょうか？
2つのデザインサンプルを使って文字に動きを加えるデザインについて解説しました。
- 斜体にする
- 斜めの配置にする
- 線を加える
- 影を加える
- 写真の動きを活用する
- 動きあるモノを貼り付ける
- ブレさせる
こちらの7つの要素をぜひ覚えて自分のデザインに使ってみてください！
文字のデザインについてはこちらの記事がとても大事なことを書いているので合わせてご覧ください。
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
・素材を使って素材の中にタイトル文字を配置してみる
この投稿をInstagramで見る
全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。