グラデーションを使った文字ロゴのテンプレートを19種類つくりました。文字そのもの、フチ、背景と、色をかける場所ごとに分けています。ブラウザで文字を差し替えるだけで使えます。
グラデーションの文字ロゴ一覧から開けます。同じ2色でも、どこにかけるかで見た目がかなり変わるので、その違いが分かる並びにしました。
文字そのものにかける
いちばん分かりやすい使い方です。文字が主役になるので、短い言葉ほど映えます。
ふち付き
まず試すならこれです。
オレンジ一色
暖色でまとめたいときなどに使えます。
紫に影をつける
影が入るぶん、文字が背景から浮きます。
丸文字
やわらかい印象にしたいときなどに最適！
文字ごとにオレンジ
1文字ずつ色が変わるので、全体にかけるより動きが出ます。
ロングシャドウ
奥行きを出したいときなどに使用します。
ストライプ風
斜めに色が切り替わるので、ポップな見出しに向いています。
縦書き
和風の見出しや、縦長の画像に置きたいときなどに使えます。
背面に英字を重ねる
うっすら効かせたいときなどに最適！
フチや線にかける
文字は単色のまま、まわりだけ色を変えるやり方です。文字の読みやすさを保ったまま情報量を足せます。
斜め文字のフチ
勢いを出したいときなどに使えます。
ラノベ風タイトル
長めのタイトルを置くときなどに使用します。
下線だけ色をつける
文字を邪魔せず彩りを足したいときなどに最適！
上下を線で挟む
見出しらしく締めたいときなどに使えます。
線で囲んで白背景
白い場所に置いても輪郭が残ります。
背景や枠にかける
文字を白抜きにして、背景側に色を持たせるやり方です。バナーやサムネイルのように、遠目で見るものに向いています。
文字の背景に敷く
文字が短いときほどまとまります。
文字ごとの角丸背景
タイル状に並ぶので、文字数が多くても散らかりません。
角丸枠で囲む
ボタンのように見せたいときなどに使えます。
スタンプ風の枠線
押印のような見せ方をしたいときなどに使用します。
丸枠の中に入れる
アイコンとして使うときなどに最適！
色を変えて使う
グラデーションの色は、テンプレートを開いたあとで差し替えられます。載せている色のまま使う必要はありません。
配色に迷ったら、同系色で明るさだけ変えるところから試すと失敗しにくいです。青から水色、紫から桃色のように、色相を大きく動かさないほうが文字が読みやすくなります。逆に、目立たせたい見出しでは補色に近い2色を当てると強く出ます。
書き出しはPNGとJPEGを選べます。背景を透明にしたい場合は、編集画面の「背景を透過」をONにしてPNGで保存してください。JPEGを選ぶと白い背景になります。
別の分類も用意しています
文字ロゴは装飾ごとに分けて紹介していきます。文字ロゴの一覧には、グラデーション以外の作りのものも入っているので、好みのものを探してみてください。
