15種類の影付き文字ロゴが作れるジェネレーター

@ハクト 2026-08-18 11:43:20に投稿

入れたい言葉を打ち込むと、影の付いた文字ロゴの候補が並ぶジェネレーターを作りました

影文字メーカー

文字を入れてデザインを選ぶだけで影付きの文字ロゴを作れるページです。ぼかした影・くっきりした影・斜めに伸びるロングシャドウまで、影の付け方で15種類から選べます。

影をぼかしてやわらかくする

影のふちをぼかした4つです。強く主張しないので、淡い色の文字とも合います。

黒い文字の影をぼかす

黒い文字の影をぼかす

うっすら浮かせたいときなどに使えます。

内容の編集はコチラ

淡い青にやわらかい影をつける

淡い青にやわらかい影をつける

やわらかい印象にしたいときに使います。

内容の編集はコチラ

若草色の影をふんわりつける

若草色の影をふんわりつける

軽く浮かせたいときなどに最適!

内容の編集はコチラ

白い文字にパステル色の影をつける

白い文字にパステル色の影をつける

白い文字を背景から分けたいときなどに使えます。

内容の編集はコチラ

影をくっきりつけて立体にする

影を輪郭のままつけた4つです。文字が板のように厚く見えます。

空色に黒い影をくっきりつける

空色に黒い影をくっきりつける

はっきり浮かせたいときに使います。

内容の編集はコチラ

黄緑の文字に厚い影をつける

黄緑の文字に厚い影をつける

厚みを出したいときなどに最適!

内容の編集はコチラ

ピンクに濃紺の影をつける

ピンクに濃紺の影をつける

濃い影でしっかり締めたいときなどに使えます。

内容の編集はコチラ

オレンジに影をつけて立体にする

オレンジに影をつけて立体にする

厚く見せたいときに使います。

内容の編集はコチラ

影を斜めに長く伸ばす

いわゆるロングシャドウの3つです。斜めに伸びる分、横幅に余裕がある言葉と合います。

藤色の影を斜めに伸ばす

藤色の影を斜めに伸ばす

斜めに影を入れたいときなどに最適!

内容の編集はコチラ

淡い色の影を長く伸ばす

淡い色の影を長く伸ばす

奥行きを出したいときなどに使えます。

内容の編集はコチラ

金色の文字に長い影をつける

金色の文字に長い影をつける

落ち着いた色で伸ばすときに使います。

内容の編集はコチラ

フチと影を両方つける

フチを足してから影をつけた4つです。輪郭がはっきりするので、細い字でも読めます。

ハチミツ色に二重のフチをつける

ハチミツ色に二重のフチをつける

フチと影を両方つけたいときなどに最適!

内容の編集はコチラ

黒い文字に白いフチと影をつける

黒い文字に白いフチと影をつける

白いフチで囲んでから影をつけたいときなどに使えます。

内容の編集はコチラ

ピンクと黄色を半分ずつにする

ピンクと黄色を半分ずつにする

二色で切り替えたいときに使います。

内容の編集はコチラ

一文字ずつ色を切り替える

一文字ずつ色を切り替える

文字ごとに色を変えたいときなどに最適!

内容の編集はコチラ

使い方

影文字メーカーを開いて、入れたい文字を打ち込みます。候補が並ぶので、気に入ったものを選ぶと編集画面に進みます。

書き出しはPNGとJPEGから選べます。PNGなら背景を透過したまま保存でき、JPEGは白い背景になります。書き出すサイズも選べます。

自分の言葉でつくる

見本の「文字を装飾」を自分の言いたい言葉に置き換えれば、そのまま使えます。まずは「影文字メーカー」に一言だけ入れて、15種類の並びを眺めてみてください。

影以外の装飾も見たい場合は、20種類の文字ロゴが作れるジェネレーターのほうにまとめてあります。

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter