デザインをしていく上で難しいのが文字のレイアウトです。
フォントをそのままレイアウトするだけでもいいですが、お洒落さをプラスするのであれば文字のあしらいを知っておくとデザインに幅が生まれます。
今回は、文字にどんなあしらいがあるかをCanvaを使ってご紹介していきます。
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
デザインを学びたい方に向けて、
・イラストレーターの基本操作、デザインの基礎知識、ロゴデザイン、ショップカード、名刺、YouTubeサムネイルの作成⽅法、印刷会社への⼊稿⽅法まで教えるAdobe Illustrator(イラストレーター)講座
・世界で26番目、日本初のオンラインデザインツールCanva公認のアンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座
などのさまざまな講座をご用意しております。
今後デザインやマーケティングの知識を身につけてお仕事にしていきたい方はオンラインクリエイティブスクールRirian School.をチェックしてみてください
\ Canva Global公認日本初Canva Expertが教える/
7種類の文字あしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/246660B0-7B36-47B9-8ED0-BB165E8548CC.jpeg)
今回は、上のデザインを使って7種類のあしらいをご紹介していきます。
これだけでもシンプルでいい感じのデザインに仕上がっているように見えますが、ここから文字あしらいを施していきたいと思います。
同じテンプレートを使いたい方はこちら→テンプレートをダウンロード!
それではご紹介していきます。
- 中抜き文字
- 塗りと線をずらす
- 四角に文字を入れる
- 文字の大きさを変える
- 文字の色を変える
- 文字を丸に入れる
- マーカーをプラスする
中抜き文字
![](https://mikimiki1021.com/wp-content/uploads/2022/08/2-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/3287A823-9506-47DA-BD1C-4D21795BC6AC-1024x486.jpeg)
文字を中抜きするだけで、お洒落な印象に仕上げることができます。
やり方は簡単です。
![](https://mikimiki1021.com/wp-content/uploads/2022/08/46B0794D-340D-44ED-B0D5-D46700132D38-1024x537.jpeg)
文字を選択
↓
「エフェクト」
↓
「中抜き」を選択
太さの変更もできますが、あまり太くしすぎてしまうと、中抜き文字の良さがなくなってしまうので、細めの線にしましょう!
中抜き文字にすると軽さが出てきます。
モダンでちょっとお洒落なデザインに仕上げたいときは使ってみてください。
![](https://mikimiki1021.com/wp-content/uploads/2021/11/mikimikiさん_お祝い.png)
Canvaで使える素材は商用利用できるか気になりませんか?
以下の記事で解説しています!
>>>【最新機能紹介】Canva 商用利用や著作権ってどうしたらいいの?
塗りと線をずらすあしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/3-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/09C40E86-26DA-449B-A7B6-A087E60923F2.jpeg)
塗りと線をずらすと、文字に立体感が生まれて文字を強調することができます。
![](https://mikimiki1021.com/wp-content/uploads/2022/08/FE8EE5F3-E1AE-4861-93C0-3B007A576622-1024x493.jpeg)
まず、先ほどと同じように中抜き文字を作ります。
文字を選択
↓
「エフェクト」
↓
「中抜き」を選択
中抜きした文字を複製して右下に配置します。
複製→MacはOption、Winはaltを押しながら移動させてみてね!
![](https://mikimiki1021.com/wp-content/uploads/2022/08/056D065E-C897-439D-9767-E53F7E74568E-1024x468.jpeg)
複製した文字のエフェクトをなしにして、中抜き文字が影になるように微調整します。
Canva Proは、通常30日間無料でトライアルすることが出来ますがこちらのリンクから登録すると45日間無料でお試しが可能です。
(Canvaに登録済みでもOK)
▶Canva Pro 登録クーポンコード 45日間無料トライアル
四角に文字を入れるあしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/4-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/500EA420-A99C-4926-9FA0-09121095869D.jpeg)
文字を四角に入れるだけでポップなお洒落な印象に仕上げることができます。
![](https://mikimiki1021.com/wp-content/uploads/2022/08/60AC2E1F-C8A6-46A1-B48F-099C8E848DA4-1024x490.jpeg)
1文字ずつボックスを作ります。
ボックスは、大きいとやりづらいことがあるので縮めておきましょう。
![](https://mikimiki1021.com/wp-content/uploads/2022/08/8D907A4A-5DCD-4CFC-86BA-FE08B0D091BB-1024x585.jpeg)
左側メニュー「素材」
↓
「正方形」を選択
![](https://mikimiki1021.com/wp-content/uploads/2022/08/ED2BBFF8-9D66-44D7-A666-4DC9344A3360-1024x478.jpeg)
小さくしてカラーを変更。
正方形を複製して間隔を合わせながら配置
↓
右クリック「最背面に移動」
↓
カラーを交互に変更
正方形の上に文字を乗せて微調整。
合わせるときはピンクのサジェストを参考に合わせましょう!
![](https://mikimiki1021.com/wp-content/uploads/2022/08/A05CFABC-77A9-431A-8A9E-D793B6283DD6.jpeg)
文字をずらしても可愛いく配置ができます。
文字の大きさを変えるあしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/5-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/662933C0-1178-4B0F-9F5F-A3A0DE7F255A.jpeg)
文字の大きさに強弱をつけて、波打つようにレイアウトしていくだけでデザイン全体に動きがつきます。
まず、文字一つひとつにボックスを作っていきます。
文字の大きさを変えて踊っているようなイメージにしましょう。
配置が調整できたら、文字を1段ずつグループ化して真ん中に合わせます。
文字をグループ化する方法は?
Macはcommand+G、WinはCtrl+Gでグループ化することができます。
文字の色を変えるあしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/6-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/4472FD03-D53E-49B9-85EB-EDEC890A898D.jpeg)
「カラー」から文字を一つずつ変えていきましょう。
このように文字の色を変えるだけでも印象がだいぶ変わります。
![](https://mikimiki1021.com/wp-content/uploads/2021/11/mikimikiさん_お祝い.png)
文字のレイアウトやデザインは、覚えておくといろいろな場面で使えます!
HP作成でも活かせるようにしてみましょう♪
>>>【初心者向け】Canvaを使ったホームページの作り方を簡単解説!
文字を丸に入れる
![](https://mikimiki1021.com/wp-content/uploads/2022/08/7-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/61092D52-0254-4E1A-B3FC-D3B607D9FA83.jpeg)
1文字だけを丸に入れることでデザインにインパクトを持たせることができます。
![](https://mikimiki1021.com/wp-content/uploads/2022/08/2552C4FC-E296-410A-834B-CF95A18241E4-1024x500.jpeg)
文字の頭文字「S」だけをcommand+Xで切り取り
↓
切り取った頭文字「S」をcommand+Vでペーストして大きく
↓
左側「素材」
↓
「円」を選択
カラー・サイズを合わせて文字を乗せる
文字の色は白に変更
素材をたくさん使いたいときは、CanvaProがおすすめです。
CanvaProに登録をすると、使えるテンプレートやフォントが増えるだけでなく、背景透過などの機能も使えるようになりデザインの幅が大きく広がります。
お試し期間をもっと長く使いたい方は+15日間延長して使えるCanva45日間無料お試しクーポンを発行しているので、気になる方はこちらからアクセス!
\ 通常30→45日間無料に!/
マーカーをプラスするあしらい
![](https://mikimiki1021.com/wp-content/uploads/2022/08/8-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/08/425EE90D-AAE8-48FB-B915-5F536EAC983C.jpeg)
シンプルなデザインで文字の後ろにマーカーを置いてあげると文字を強調できるので見出しのデザインでも良い感じのデザインになります。
左側「素材」
↓
検索窓から「マーカー」で検索
↓
素材を選んで文字の後ろに配置
マーカーは斜めにして動きをつけてもOK!
![](https://mikimiki1021.com/wp-content/uploads/2022/03/mikimikiさん_ひらめき.png)
動画編集も学んでみませんか?
簡単な動画ならCanvaで作成できちゃいます♪
まとめ
今回は文字のあしらいアイディアを7つご紹介しました。
文字のレイアウトのパターンを知ることでデザインの幅が広がります。
ぜひ、皆さんやってみてください!
同じテンプレートを使いたい方はこちら→テンプレートをダウンロード!
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
デザインを学びたい方に向けて、
・イラストレーターの基本操作、デザインの基礎知識、ロゴデザイン、ショップカード、名刺、YouTubeサムネイルの作成⽅法、印刷会社への⼊稿⽅法まで教えるAdobe Illustrator(イラストレーター)講座
・世界で26番目、日本初のオンラインデザインツールCanva公認のアンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座
などのさまざまな講座があります。
今後デザインやマーケティングの知識を身につけてお仕事にしていきたい方はオンラインクリエイティブスクールRirian School.をチェックしてみてくださいね♪
\ Canva Global公認日本初Canva Expertが教える/
![](https://mikimiki1021.com/wp-content/uploads/2022/03/mikimikiさん_先生風_上半身.png)
解説動画:【デザイン力アップ!】Canvaで作るお洒落な文字あしらいアイディア7選