![見出し画像](https://assets.st-note.com/production/uploads/images/144351750/rectangle_large_type_2_17db005e18c82de2aa731f579502a8b6.png?width=1200)
たった5分で完成!無料版Canvaで作るグラデーション文字(アルファベット編)
文字をカッコよく見せたい
プロっぽく文字にグラデーションをかけたい
高級感がある金色文字が作りたい
そう思ったことはないですか?
安心してください!
それ、無料版Canvaで できちゃいます!
✅ 基本の手順
- 文字フレームの設定
※PC版での解説です
![](https://assets.st-note.com/img/1718591117912-WcKmeuuLfJ.png?width=1200)
背景画像を設定後、左の[素材]からフレーム、
[すべてを表示]をクリック
- 文字フレームの表示
![](https://assets.st-note.com/img/1718591764052-54tpSFECrl.png?width=1200)
文字 から すべてを表示 を選択
- 文字フレーム枠の選択
![](https://assets.st-note.com/img/1718591809144-Hlt3lK4CD4.png?width=1200)
作成したい文字を選択
- グラデーション効果の設定
![](https://assets.st-note.com/img/1718592396828-EaTdEXiRch.png?width=1200)
上の文字色を選ぶマークをクリック
左カラムの下にある「グラデーション」の中から好きなものを選択
➡色味はあとで変えられるので どれを選んでもOKです
この時点で
もうすでにグラデーション文字は完成です
✅ 微調整のしかた
- グラデーションのかかり具合を変更
さきほどの画像では
左から右にかけてグラデーションがかかっていますが、
このかかり具合を変えることができます
![](https://assets.st-note.com/img/1718610445518-9UlPKcT9Rs.png?width=1200)
画面上部の文字色を選ぶマークを選択
文書で使用中のカラーの中から今使われている色をクリック
➡紫色の丸い輪がついている色です
- グラデーションのスタイル変更
![](https://assets.st-note.com/img/1718595444532-wqzMHXjj9d.png?width=1200)
[グラデーション]タブの「スタイル」から
好みのものを選択
➡ここでは上下にグラデーションをかけてみましょう
ここまでの手順を動画にしました!
あわせてこちらでもご確認くださいね★
- グラデーションに使用する色を変える
![](https://assets.st-note.com/img/1718595754881-ZApp9vpHIR.png?width=1200)
[グラデーションカラー]の色を直接クリックすると
色味を変更できます
➡ここでは濃いグレーだった部分を緑に置き換えてみました
- 色数を増やす
![](https://assets.st-note.com/img/1718595916547-2h1GC1jsKz.png?width=1200)
同じ場所にある「+」マークを押すことで
グラデーションに使う色の数を増やすことができます
赤を加えるとこんな感じに
![](https://assets.st-note.com/img/1718596113174-C6kJgESXyQ.png?width=1200)
きれいなトリコロールカラーができました!
ここまでを動画にしたのでコチラでもご確認くださいね!
※おまけ 金文字のつくり方
高級感を出すときに使われる金文字を作るには
三色グラデーションを応用するとできます
![](https://assets.st-note.com/img/1718596868462-8135BXgjsM.png?width=1200)
使っている色コードは 左から
#D0A900
#FFF9E6
#C39000 です
✅ さいごに
同じ要領で文字を作成し
並べると このような感じにできます!
![](https://assets.st-note.com/img/1718601760902-H3SxVe1wjW.png?width=1200)
好みで縁取りを入れてみるといいでしょう
毎回一文字ずつ色コードを指定するのは
けっこう大変なので、要領よくやるには
先に文字を全部キャンバスに置く
置いた文字オブジェクトを複数選択で全指定
一気にグラデーションと文字色を変える
こちらのやり方が手っ取り早いです!
![](https://assets.st-note.com/img/1718602069087-kRUTawlJth.png?width=1200)
いかがでしたでしょうか?
細かく手順を説明しているので複雑そうに見えますが、
一度覚えてしまえば
5分かからずに制作できるようになりますよ!
これでちょっと差がつく文字を
作っちゃってくださいね★
この記事が気に入ったらサポートをしてみませんか?