![illustratorでロゴデザイン/スピード感や躍動感のある文字デザイン・フォントの選び方やTシャツのデザインも](https://garrettmotors.tokyo/wp-content/uploads/2021/10/8YkPhcQfvS5MQ871O8z21635595993-1635595994.gif)
ロゴデザインやTシャツデザインにも使いやすくてオススメの躍動感とスピード感を感じる文字デザイン。
イラストレーターを使えば簡単にできます
フォントにパーツを組み合わせて、簡単に作ることができるので、
初心者の方でも簡単に作成することができ、応用もできますので
一度覚えておくと便利な加工方法です!
少し太めのフォントで文字全体の幅が薄い方がスピード感を出しやすい
スピード感のある文字はスポーツや勢いのあるワードに使うとハマります。
使用するフォントはゴシック系で太めのウエイトが加工しやすいのでオススメ
またできるなら字幅は狭い(細い)方が個人的にはハマりやすいと思いますよ!
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/文字の構成.jpg)
まずは文字を打っていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.34.25.jpg)
文字を使う予定の大きさまで拡大
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.34.34.png)
フォントをBebasに
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.34.49.jpg)
文字をアウトライン化
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.34.59.jpg)
アウトラインした文字はグループ化されているのでグループを解除
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.35.10.jpg)
文字を一文字づつ飛ばして選択
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.35.30.jpg)
選択した文字を上にあげる
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.35.37.jpg)
GARRETTTとSPEEDを上下で組み合わせる
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.35.58.jpg)
スピード感のニュアンスを長方形で出していきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.36.27.png)
文字に対して長方形んの大きさはこの位のバランスにしました
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.36.40.jpg)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.37.04.png)
この角Rの長方形を使ってスピード感のニュアンスをだしていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.37.12.jpg)
バランスを見ながら文字に黒色(文字色)で角Rの長方形を置いていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.37.26.jpg)
白い角Rの長方形も置いていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.37.51.png)
このくらいの量とバランスで白と黒の角Rの長方形を置きました。これでベースのデザインは完成
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.05.jpg)
文字に加工していきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.14.jpg)
かかり具合は数値で設定できます。好みの形をプレビューで探します
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.37.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.41.png)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.51.jpg)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.38.59.jpg)
文字のデザインが完成しました!
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.39.08.jpg)
デザインをTシャツのデザインに展開
作ったデザインをTシャツに展開
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.39.23.jpg)
デザインがうまく入りそうなT シャツを着用している写真を探します
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.39.29.jpg)
この写真を使うことにします
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.39.40.jpg)
先程のイラストレータで作った文字デザインをコピーして
写真の上にピクセルとしてペースト
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.39.58.jpg)
白い部分をレイヤーを乗算にしてなくします
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.40.04.jpg)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.40.24.png)
文字デザインの大きさなどを調整
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.40.31.jpg)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.40.41.png)
影の強い部分を黒色のブラシツールで文字のデザインにもつけていきます
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.41.00.jpg)
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-15.41.04.png)
Tシャツデザインの完成
![](https://garrettmotors.tokyo/wp-content/uploads/2021/10/8YkPhcQfvS5MQ871O8z21635595993-1635595994.gif)
まとめ
文字にスピード感や躍動感を出す方法は、初心者の方でもすぐに出来る位に簡単です
ポイントはベースのフォント選びと
スピード感のあしらい(角Rの長方形)の入り具合です
応用もしやすいので
一度マスターしておくと、ちょっとしたあしらいにも使えて便利ですよ!