Canva上級編!透明化×文字エフェクトで魅せるアイキャッチの作り方

tomo

50代主婦のtomoと申します。2025年9月からブログを始めました。
素晴らしいブロガーさんがたくさんいる中で、今の自分にできる精一杯のブログづくりを楽しんでいます。
このブログでは、AIを活用した記事づくりや、ブログの始め方・運営のコツなど、私が学んだことをわかりやすくシェアしていきます!

tomoをフォローする

Canvaに慣れてきて、「そろそろワンランク上のアイキャッチを作りたい!」という方におすすめなのが、透明化×文字エフェクトを組み合わせたデザインです。

この記事では、Canvaを使っておしゃれで統一感のあるアイキャッチ画像を作る手順を、スクショ付きで丁寧に解説します。

Canvaにアクセスし、新しいデザインを作る

Canvaの公式サイトにアクセス

トップページから 「カスタムサイズ」 をクリック

幅:1280 高さ:720 単位:px と入力
※Cocoonブログのアイキャッチ画像の推奨のサイズになります。

「新しいデザインを作成」 をクリック

テキストを追加し、文字エフェクトをかける

左メニューの 「テキスト」 をクリック

「テキストボックスを追加」 をクリック
最初は、テキストボックス2つ追加しました。

文字サイズを調整して好きなタイトル文字を入力

今回は、背景+湾曲 、袋文字を組み合わせて文字をデザインします!

背景をつけて文字を湾曲させる

編集したい文字を選択した状態で、上のメニューバーの 「エフェクト」 をクリック

エフェクト内の 「背景」 をクリック

カラーを選んで、背景の色を調整

「湾曲させる」をクリック

スライダーで湾曲の角度を調整

カーブの大きさで印象が大きく変わるので、いろいろ試してみてください。

「アイキャッチ」の文字に袋文字を設定

下の「アイキャッチ」などの文字を選択

エフェクトをクリック →「袋文字」 をクリック

袋文字の色や太さも調整できます

背景が写真の場合、袋文字があると可読性がグッと上がります。

背景画像を入れる

※テキストボックスをもう1つ追加して、3行構成にしました。

左メニューの 「素材」 をクリック

検索窓に 「パソコン」など表示させたいもののキーワードを入力

「写真」 を選択し、気に入った画像をクリック

その写真の上で右クリック 「画像を背景として設定」をクリック

背景としてフィットした状態になります。

さらに、画像の上で ダブルクリックしドラッグすると、写真の位置や寄りを微調整できます。
写真の位置の調整はここでおこなってください。透明化した後では調整できなくなります。

透明化で雰囲気を整える

左メニューから再度 素材 → 図形 をクリックし、四角形を選択

写真の上に、丸いところをドラッグし被せます

色を「黒・白・グレー」などのモノトーンに変更(おすすめ)
黒だとかっこいい感じに、白だと明るくやわらかい感じになります。

上メニューの 「透明化」 をクリック

スライダーで透明度を調節

背景写真と文字のバランスが良くなり、統一感のあるデザインになります。

最終仕上げ

アイキャッチなどの文字を選択

エフェクトをクリック → 袋文字の色変更

フォント変更

文字サイズ、配置の微調整

見やすく、クリックしたくなるデザインになるように整えます。

最後に、分かりやすい名前に変更して完成です。

アイキャッチ画像をダウンロード

上の 「ファイル」→「ダウンロード」 をクリック

好みの形式(PNGがおすすめ)を選んで 「ダウンロード」

WordPressにアップロードする

WordPressの投稿画面へ戻る

タイトルの最後にカーソルをあわせ、Enter

本文の上部で 「+」をクリック

「画像」をクリック

「アップロード」をクリック

ダウンロードフォルダから画像を選んで 「開く」

画像が投稿画面に追加されます。

アイキャッチ画像を選択した状態で、3つの点をクリックし、「アイキャッチ画像として設定」

これで設定完了です!

まとめ

透明化と文字エフェクトを組み合わせると、簡単なのに一気にプロっぽい仕上がりになります✨
慣れれば簡単に作れるようになりますので、ぜひ自分のブログの世界観に合うデザインを作ってみてくださいね。

テンプレートを使って、もっと簡単にアイキャッチ画像を作りたいという方はこちら

アイキャッチ画像の作成からブログにのせるまでの簡単な手順のみ知りたいという方はこちら

タイトルとURLをコピーしました