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