20th Anniversary

Web制作・ホームページ作成なら、東京・新宿のビットビーンズ

BLOG

Beans ブログ

Bit Beansのデザイナーやエンジニアを中心としたスタッフによる情報発信ブログです。
Web制作、デザインや技術、ワークスタイルに関する情報を日々お届けします。

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみた

こんにちは。福原です。
飴ちゃん制度でLEGOをもらいまして子どもと楽しくLEGOタイムをしております。ありがとうございます。

早速ですが、今回はPinterestなどでよく見る
3D風チューブ文字をつくってみたいと思います。
ブレンドツールを使って簡単に豪華な文字ができるのでみなさまやってみましょ!

今回のお品書きです。

  • つくりたい文字をラインで書く
  • グラデーションの丸をつくる
  • ブレンドする
  • ブレンドの置き換えをする
  • おまけ

以上!簡単!さて、画像見ながらレッツトライ!

1.文字をラインで用意

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

BitBeansと筆記体風に書いてみました。
(iの上の丸はグラデーションの丸で表現しますので完成の時に…)

2.グラデーションの丸をふたつ用意

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

正円のグラデーションの丸を二つ用意。同じ色のグラデーションにしています。
お好みなのですが、右の丸は左の丸と比べて角度をつけてみました。
丸の大きさ=線の太さになるので、
完成はこのくらいの線の太さにしたいなーという丸の大きさにしましょう。

3.正円をブレンドする

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

「オブジェクト」→「ブレンド」→「ブレンドオプション」を開いて
間隔:ステップ数300にします。
そして、先ほど用意した二つのグラデーション正円を選択して、
オブジェクト」→「ブレンド」→「作成」をクリック。
グラデーションがビヨーンとのびたラインが出来上がります。

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

5.ブレンド軸を置き換える

さあ、下地づくりは完了なので魔法をかけます✨
グラデーションがビヨーンとのびたラインを複製して、
複製したグラデーションラインと文字のラインのひとつを選択。

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

「オブジェクト」→「ブレンドツール」→「ブレンド軸の置き換え」を選択。すると…

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字制作途中

普通のラインがグラデーションのかかったラインに変身!
いい感じにムニューンとしたラインになりました。
同じ動作を各文字のラインに反映していきます。
(グラデーションのつくったラインを複製、反映したい線を選択。
そしてブレンド軸の置き換えをクリックという感じです)

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのチューブ文字完成版

同じ動作を何回かやって完成!!可愛いです!!むにゅーんとなりました。
同期にBの文字がでかいとツッコミをいただきましたが
今回はひとまずこんな感じに。

おまけ

さらにこの文字に一味効果を足してモコモコにしちゃいます。
出来上がった文字を選択して、
「効果」→「パスの変形」→「ラフ」を選択。

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのもこもこ文字制作画面

上記のパネルが出てくるので数値を動かして
好きなボリュームでOKを押してください。
モコモコのモールみたいな文字に変わりました。こっちもKawaii!!

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのもこもこ文字

さらにおまけ、モコモコのMonsterくん。

【Illustrator】3D風チューブ文字をブレンドツールで簡単につくってみたのモンスターイラスト

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

3D風チューブ文字とモール文字、
応用してイラストで表現してみるのも面白いかもしれませんね。
みなさまの引き出しのひとつになれたら嬉しいです。

それでは、また!福原でした。

御社の魅力発信、お手伝いします。

まずはお気軽にご相談ください。

この記事を書いた人

姉貴(デザイナー)

Sawako Fukuhara

頼り甲斐のあるパワフルオカン。スタイリッシュなデザインが得意。

頼り甲斐のあるパワフルオカン。スタイリッシュなデザインが得意。

CATEGORY

記事カテゴリー

RECOMMEND

おすすめ記事

TAGS

タグ

  • SHARE