【Canva】テキストを浮かび上がらせながら立体的に見せる方法

いつもベタ塗りのフォントばかりじゃ飽きてくるなぁ…とお悩みのあなた。確かにCanvaはテキスト周りの機能が少なくてバリエーションが少ないのが現状です。

しかし、そういう逆境を乗り越えていくのがCanvanist。今回はテキストをちょっとだけ立体的にできる裏技を解説していきます。

この記事を書いた人

どんぐり所長

• アイキャッチデザイナー
• ブログ用のアイキャッチ、ヘッダーなどの制作が得意
• CanvaPRO使用
• ブログサイトを４サイト運営
• twitterフォロワー 8,000人以上
• 140名以上在籍のブログデザインコミュニティ運営者
• Nobilista公式アンバサダー

この記事を書いた人

どんぐり所長

• アイキャッチデザイナー
• ブログ用のアイキャッチ、ヘッダーなどの制作が得意
• CanvaPRO使用
• ブログサイトを４サイト運営
• twitterフォロワー 6,900人以上
• 140名以上在籍のブログデザインコミュニティ運営者
• Nobilista公式アンバサダー

今大人気のCanvaとは

Canvaは、グラフィックデザインツールです。インターネットブラウザ上で使用することができ、プロフェッショナルなデザインを作成するためのテンプレートや素材を提供しています。ビジネスや個人のユーザー向けに、プレゼンテーション、ソーシャルメディアポスター、ロゴなどの資料を作成するために利用することができます。

どんぐり所長

ブログ作業にとても活躍します。

まずは参考を見てみよう

どんぐり所長

文字が立体的に光ってるのが分かりますか？

今回はこのテキストの文字の作り方を解説していきます。

エフェクトの影をつける機能でも同じようにできるのですが、少し安っぽい仕上がりになるのでこちらを使っています。

また、月以外の素材（女性、かぼちゃ、コウモリ、洋館、赤い怪人)は全てCanvaPROの機能である「背景リムーバ」を使って抜き出したオリジナル素材になります。Canvaの素材を探しても同じものはありませんのでご注意ください。

背景リムーバの使い方については、こちらの記事をご参照ください。

Canvaで立体的な文字を作っていこう

前述した通り、Canvaの弱点はフォントまわりの機能です。縁取りにしたり、文字をグラデーションのさせたり、立体にする機能は標準ではありません。

しかし、ちょっとした工夫で表現することが可能ですので解説していきます。

用意するもの

まず、全く同内容・同サイズ・同フォントのテキストを２つ用意します。コピーするだけなので簡単ですね。

このサイズが仕上がりサイズになりますので、サイズは初めにしっかり決めておきましょう。

１つ目のテキストを配置する

今回は暗がりに光る文字という事で背景を黒にして解説していきます。

文字の配置を決めてください。一つ目のテキストを配置します。この画像では中央にセンタリングして進めていきます。

先に配置したこのテキストが配置的に下側になりますのでご注意ください。

配置したテキストにネオンエフェクトをかける

配置したテキストにネオンエフェクトをかけます。ネオンエフェクトとは、文字の周りが光っているようにぼやっと光るエフェクトです。

文字色を変更することで、「ぼやっと」の部分の色を変更できますので変更します。今回はオレンジ色を選定しました。

輝度を調整する

輝度を調整することで、テキスト自体の輝きの量を調整できます。暗い文字にしたり、眩しいほど明るいテキストにすることもできます。

今回の裏技では、文字の立体的な部分（参考画像なら光が当たる部分）を現すことになりますので、輝度を最大にしていきます。

逆に影にしたい場合は輝度を下げる方向に調整すれば、影のような表現ができます。

二つ目の文字を重ねる

一つ目の画像に二つ目の画像を重ねていきます。この際、Canvaの自動センタリングなどを利用すると簡単に真上に乗せることができます。

※分かりやすいように縁取りを入れていましたが、外してノーマルの真っ黒文字を重ねています。

どんぐり所長

これでも十分格好良いですね。

この方法については、下記のアイキャッチ添削でも活用していますのでご参照ください。

立体的な部分を見せるには

立体的に見せるために、はじめのテキストを「チラ見せ」します。

コツは、どちらに「光源」があるか考えることです。使用する写真などの光源がバラバラだと違和感に繋がりますので注意してください。

今回は上部、奥側から光が当たっている状態になります。ですので、重ねたテキストを少し下に動かして上部に光が見えるようにします。

立体的なテキストに関するQ&A

立体的な浮き出しテキストが完成

できましたか？やり方がわかると、非常に簡単で写真にも載せやすい方法になりますので覚えていて損はないです。

ここでコツをまとめておきます。

この辺りに気をつけて、ぜひあなたのデザインに活用してくださいね。

どんぐり所長

楽しいブログライフを！

 どんぐり所長のおすすめツール 

どこでも、どんなデバイスでも順位チェック

ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。

ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。

クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。

Nobilistaの詳しい記事はこちら ＞

実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。

＼場所を選ばない快適さを体験して／

7日間無料トライアル ＞

Nobilista公式サイト

当サイト推奨 デザインツール

当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！

Canvaを無料で使ってみる 

当サイトのデザインは、SWELLで再現可能

私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。

• 完全ブロックエディタ対応
• 直感で使える操作性
• 便利な専用ブロックを多数用意
• お洒落なトップページが簡単に作れる
• 最速レベルのページスピード
• 一度購入すれば複数サイトに何度でも使用可能
• ユーザーの利便性を考える熱意の運営者
• SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）

• 販売価格 ￥17,600（税込）

唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。

私が実際にSWELLを使用して感じた、本音レビューはこちら

SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。

＼圧倒的な操作性を体験せよ／

SWELL購入は公式から ＞

あなたも今日からSWELLER！