CGBoxの一部の記事にはアフィリエイト広告が含まれております。
【Blender3.4】夜を彩るネオン看板の作り方:点滅のやり方も解説!
![](https://cgbox.jp/wp-content/uploads/2023/03/Blender-2-1-2.jpg)
今回はネオン看板の作り方を解説していきます。この記事では以下のようなネオンを実際に作っていきます。
- 文字ネオン
- ロゴネオン
- 点滅アニメーション
Blenderでネオン看板(文字)を作成する方法
今回はこの2つのネオン看板を作る方法をまとめていきます。
- 文字ネオン
- ロゴネオン
まずは文字のネオン看板を作る方法を解説していきます。
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-165413.png)
フォントを探してダウンロードしよう
Blender内にフォントはいくつかありますが、デザインは限られています。ですので、ネット上でまずはフォントを探してみましょう。
「ネオン フォント」などで調べると、無料でダウンロードできるフォントがたくさんあります。
今回制作したネオンのフォントは以下のサイトでダウンロードしました。
他にも色んなサイトがあるので、探してみましょう。ダウンロードしたフォントはPCに入れれば、Blenderでも使用することが可能です。
PCにインポートする方法は以下の記事にまとめてあるので参考にしてみてください。
文字を追加する
まずはテキストをBlender上で作ります。手順は以下の通りです。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge248w-hrwe-1024x632.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge249w-hrwe-1024x782.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge250w-hrwe-1-1024x782.gif)
これで文字が追加できました。
このままでもマテリアルは作れますが、もしカーブやメッシュに変換したい場合はオブジェクト→メッシュ変換から変更しましょう。
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-154139.jpg)
次はマテリアル設定に移りますが、いくつか補足があるので説明していきます。
この手順のままでいい場合は読み飛ばしてください。
空洞を埋めたい人はフィルモードを両方に
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-151614-2-1024x374.jpg)
今回はフィルモードを「なし」にしましたが、空洞なしで作りたい場合はフィルモードを「両方」にしましょう。
メッシュ変換する場合は解像度を調整
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-154451.png)
文字をメッシュに変換すると、デフォルト設定の場合頂点数が多いです。
ですので、メッシュ変換する前にテキストの項目で解像度を調整しましょう。解像度は以下の2つがあります。
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-154622.png)
- プレビュー解像度U:横線の解像度
- ベベルの解像度:縦線の解像度
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-154959.png)
こちらはフォントによって最適な数値が変わるので、適宜調整してください。
文字の解像度やその他の設定方法を知りたい人は以下の記事を参考にしてみましょう。
![](https://cgbox.jp/wp-content/uploads/2023/08/8-3-1-300x169.jpg)
マテリアルを調整する
次にマテリアルを調整してきます。手順は以下の通りです。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge251w-hrwe-1024x722.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge252w-hrwe-1024x722.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge253w-hrwe-1-1024x724.gif)
これで文字のネオン看板が完成です。
放射やブルームの設定を変えるとぼやけ方や光の強さの調整が可能です。これらの設定に関しては以下の記事にまとめているので、参考にしてみてください。
![](https://cgbox.jp/wp-content/uploads/2023/08/6-2-3-300x169.jpg)
Blenderでネオン看板(ロゴ)を作成する方法
続いて、文字ではなくネオン看板(ロゴ)の作り方を解説していきます。
一部、文字のネオンと作り方が重複するので省力して説明しております。
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-165606.png)
ロゴを用意する
まずはロゴデータを用意しましょう。
ネオン看板としてBlenderにインポートする場合「SVG」という拡張子のデータが必要になります。
![](https://cgbox.jp/wp-content/uploads/2022/10/Blender-2のコピー-1-2-300x169.jpg)
PNGなどのデータしか持っていない場合は、以下のようなサービスでSVGへデータ変更を行いましょう。
今回は以下のサイトからSVGデータでダウンロードできるロゴを使いました。こちらのサイトは簡易的なロゴをSVGでダウンロードできるので、ロゴ看板を作るときにおすすめです。
![](https://icooon-mono.com/img/webpage.jpg)
ロゴデータをblenderにインポート
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-162933.png)
ロゴデータを用意したら、ファイル→インポート→SVGを選択してロゴデータをインポートしましょう。
![](https://cgbox.jp/wp-content/uploads/2023/03/スクリーンショット-2023-03-23-163225-1-1024x513.png)
インポートすると、ロゴデータが3Dオブジェクトとしてインポートされます。SVGはカーブとしてインポートされるので、このカーブの設定を調整してきます。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge255w-hrwe-1024x724.gif)
ここの調整はフォントの調整と同じで、フィルモード・ベベル・解像度などを調整して作っていきます。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge256w-hrwe-1024x525.gif)
マテリアルも文字ネオンと同じ工程で、放射を追加してブルームにチェックをいれて完成です。
こちらで大体の制作手順の説明は終わりですが、ロゴネオンの作成もいくつか補足があるので、以下で説明していきます。
カーブで形状を調整しよう
持ってきたデータの形状を後から変更したい場合はカーブの編集をしましょう。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge257w-hrwe-1-1024x774.gif)
ロゴオブジェクトを選択して編集モードに変更すると、ハンドルが表示されて形状の変更ができます。
カーブの編集は通常の頂点編集とやり方が若干異なりますので、詳しい操作に関しては以下の記事を参考にして編集してみてください。
![](https://cgbox.jp/wp-content/uploads/2023/08/17-1-1-300x169.jpg)
点滅アニメーションの作り方
最後に点滅アニメーションの作り方を解説していきます。今回は以下の2つの点滅アニメーションを作っていきながら解説します。
- チカチカ光る点滅アニメーション
- 一定の間隔でONOFFする点滅アニメーション
チカチカ光る点滅アニメーション
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge258w-hrwe-1024x711.gif)
チカチカ光る点滅アニメーションは以下の手順で制作可能です。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge259w-hrwe-1024x711.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge260w-hrwe-1-1024x727.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge261w-hrwe-1024x727.gif)
これでチカチカ光る点滅アニメーションが完成です。このグラフエディターのノイズの値を調整すると点滅の速さや振れ幅などを調整可能です。
モディファイアの調整方法は以下の記事にまとめているので、参考にしてみてください。
![](https://cgbox.jp/wp-content/uploads/2021/04/Blender-2-2-300x169.png)
一定の間隔でONOFFする点滅アニメーション
一定の間隔でONOFFする点滅アニメーションは以下の手順で制作可能です。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge262w-hrwe-1024x727.gif)
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge263w-hrwe-1024x727.gif)
これで一定間隔の点滅アニメーションの完成です。
ループのモディファイアはキーフレームを打ったところまでをループしてくれるので、このように0のキーを追加で打てばOFFの状態を長くしたりも可能です。
![](https://cgbox.jp/wp-content/uploads/2023/03/fgfge264w-hrwe-1024x727.gif)
ループのモディファイアの調整方法も以下の記事にまとめているので、参考にしてみてください。
![](https://cgbox.jp/wp-content/uploads/2021/04/Blender-2-2-300x169.png)
また、グラフエディターやキーフレームについて、わからない部分があった人は以下の記事にまとめているので、参考にしながら作ってみてください。
![](https://cgbox.jp/wp-content/uploads/2023/08/10-2-300x169.png)
![](https://cgbox.jp/wp-content/uploads/2023/08/13-3-1-300x169.jpg)
その他のネオン看板の作り方
今回は個人的にベーシックだと思うネオン看板の解説をしました。ネオン看板について解説しているサイト・youtubeなどもご紹介していきますね。
リアルなネオンの作り方
この動画ではリアルなネオン管の作り方を解説しております。
この記事で作成したネオンは簡易的な作り方で、より現実に近いネオンの作り方をこの動画で解説しています。
Geometry Nodeを使ったネオンの作り方
この動画ではGeometry Nodeを使ってネオン看板を制作しています。
まとめ
この記事ではネオン看板の作り方を解説しました。こちらの看板は無料のロゴと無料のフォントだけで制作しました。
![](https://cgbox.jp/wp-content/uploads/2023/03/fda5e98e-d26a-4320-90b3-79b14091ee19_base_resized-1024x1024.jpg)
こちらのロゴ看板集はBOOTHで販売しているので、気になる人はぜひチェックしてみてください。
![](https://booth.pximg.net/c/620x620/c4e46378-f717-47b5-904e-6c5afdc5d533/i/4938974/55b6b5d2-520d-4adf-ada5-2d5ecabb4c04_base_resized.jpg)
文字とロゴの組み合わせは無限なので、自分なりのネオン看板を作ってみましょう。