斜めだけじゃない!文字に動き加える7つのデザインテクニックを紹介!

斜めにした文字で動きを加えてみる

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

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

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

 

今日のテーマ:文字に動きを加えてみる

2つのデザインサンプルを使って文字に動きを加えるデザインについて解説しています。文字に動きを加える方法は斜めにするだけじゃありません!

文字に動きを加える7つの要素として紹介しているので最後までご覧ください。

斜体文字を中心に文字に動きを加えるデザインサンプル

斜体文字を中心に文字に動きを加えるデザインサンプル

文字を斜めにすることで目立たせることができます。

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

タイトルの文字を斜体にして斜めにしてみました。

斜体文字を中心に文字に動きを加えるデザイン解説

斜めにするだけでなく、細い線を加えることで動きをさらに加えています。

また影を加えることで流れを表現しています。

 

横文字、縦文字の基本形の他に今回のような斜めにする文字の選択肢があるとデザインの幅は広がります!

こちらの記事では縦横MIXの文字について解説しています。

関連記事

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

 

 

フォトショップ、イラストレーターで文字を斜めにする方法

フォントによって斜体がある場合もありますが、それがない場合のフォトショ、イラレそれぞれで文字を斜めにする方法を解説します。

フォトショップ(Photoshop)の場合

フォトショの場合は、文字パネルの中のTが斜めになっている部分をクリックすることで斜体になります。

もしフォントに斜体が入っている場合はボールドとなっている部分に斜体があります!

イラストレーター(Illustrator)の場合

イラレの場合は変形パネルの中に角度を調節するボタンがあります。

また自然な斜体は10がおすすめです!

 

斜体というのは基本的な文字加工。

動きを加えたい時、メリハリを付けたい時など斜体にしてみましょう。

斜体にすることでデザインの印象も変わるはずです!

 

デザケン
素材は無料でダウンロードできる素晴らしき時代!!

 

文字に動きを加える7つの要素を紹介!

斜体+斜め配置でデザインに動きをだそうか

上のデザインサンプルも斜体+斜め配置で動きを出してみました。

今回はそれだけでなく写真の動きを活用する、動きあるモノを貼り付ける(今回の場合は飛行機雲)、ブレさせるを加えています。

飛行機の写真の動きを活用する↓↓

動きあるモノを貼り付ける↓↓

ブレさせる↓↓

 

先ほどのデザインサンプルと合わせて、文字に動きをだすポイントは

  • 斜体にする
  • 斜めの配置にする
  • 線を加える
  • 影を加える
  • 写真の動きを活用する
  • 動きあるモノを貼り付ける
  • ブレさせる

 

デザ研
このように動きを加えるノウハウはたくさんあります!

 

こちらの記事では線を追加して動きを出すことに特化し解説しています。

関連記事

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

 

このような動きを加える7つの要素を使えば

平面デザインでも動きを加えることができます!

平面デザインでも動きは加えられる

WEBデザインや動画と違ってグラフィックデザインはそのものは動きませんが、今回のように動きをだすことはできます!

角度を固定にするには?▼
イラレではshiftを押しながら傾けると45度ずつ傾きます。フォトショではshiftを押しながら傾けると15度ずつ傾きます。

 

斜体文字を中心に文字に動きを加えるデザインまとめ

いかがでしたでしょうか?

2つのデザインサンプルを使って文字に動きを加えるデザインについて解説しました。

  • 斜体にする
  • 斜めの配置にする
  • 線を加える
  • 影を加える
  • 写真の動きを活用する
  • 動きあるモノを貼り付ける
  • ブレさせる

こちらの7つの要素をぜひ覚えて自分のデザインに使ってみてください!

文字のデザインについてはこちらの記事がとても大事なことを書いているので合わせてご覧ください。

関連記事

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

・斜め配置&斜体で文字に動きを
・7つのポイントを使ってデザインに動きを加えてみよう!

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)(@designkenkyujo)がシェアした投稿

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

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

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

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

CTR IMG