検索順位チェックならNobilista詳しくはこちらの記事へ

【アイキャッチ講座 #20】テキストが入れにくいと困ったとき|切り抜き・背景色で解決

当ページのリンクには広告が含まれています。
ちゃちゃさんアイキャッチ添削記事

アイキャッチ添削企画20人目は
ちゃちゃさん」です。

ちゃちゃ

よろしくお願いします。

ちゃちゃさんが運営するブログ
ちゃちゃあんさー」では、一人暮らしに役立つ情報を発信されています。

うたまる

「一人暮らしの困った」を解決したい人は必見です。

【この記事の著者】 うたまる
  • フリーランスブロガー
  • ブログとHP制作で収益6桁達成
  • 色彩に15年以上関わってます
  • アイキャッチの作成が好き
  •  Twitterはこちら
うたまるです

当ブログではCanvaで画像を作成しています。

Canva(キャンバ)は無料で利用できる優秀な画像編集ツールです。

有料版にアップデートすると、豊富な素材や画像サイズの変更、背景の透過など、編集の効率が格段に上がります。

\30日間無料でお試し/

30日以内に解約すれば追加課金なし

アイキャッチの作り方については、こちらの記事に詳しくまとめています。

目次

ちゃちゃさんのアイキャッチのお悩みを確認

今回見させていただいたアイキャッチはこちらです。

うたまる

文字が入れやすい画像を選ばれているのがさすがですね!

ちゃちゃ

ありがとうございます!

うたまる

はじめにいくつか質問をしていきますね。
アイキャッチを作る時にどんなところで悩みますか?

ちゃちゃ

画像を探すことに時間がかかってしまうことです。画像に字を入れた時に読みにくかったり、なかなか良い画像が見つからなくて…

うたまる

画像選びって意外と時間がかかるんですよね。いつもどこで画像を探しているんですか?

ちゃちゃ

今までO-DANとかCanvaで記事の内容に合った画像を探して背景にしてました。

引用元 : O-DAN
うたまる

Canva Proにすると素材探しが楽になったので、僕はCanvaが多いですが、
O-DANも無料できれいな画像が見つかるから良いサイトですよね。

ちゃちゃ

ただ、なかなか自分の記事に使えそうな写真が見つからないのもあって、今の感じになってます。

うたまる

なるほど。画像の使用が難しい場合は切り抜いて使うと扱いやすくなりますよ。

素材写真を切り抜いて使用する

うたまる

商品レビューの場合は、自分で構図を考えて撮影できるので使いやすくできますが、素材を拾う場合は切り抜いて使うことが多いですね。

ちゃちゃ

画像を切り抜くのは、トモエさんのドラムの記事のアイキャッチのような感じでしょうか?

トモエさんのドラムの記事

うたまる

そうですね!トモエさんのように切り取ってもいいし、Canva Proのワンクリックで背景を消してくれる機能のように縁取りして切り抜いても良いですよ。

Canvaの背景リムーバー機能

STEP
切り抜きたい画像を選ぶ
茶トラのねこ
切り抜きたい画像
STEP
左上の画像編集をクリック
Canvaの画像編集
STEP
背景リムーバーをクリック
Canvaの画像編集
STEP
切り抜いた画像の完成
切り抜いた画像
ちゃちゃ

あ、切り抜きの意味をやっと理解しました!Canva Proで使える機能なんですね! 試してみようかな…

うたまる

僕のアイキャッチは切り抜いて使ってるものも多いので、参考までに見てみてください。あと、テキストに白い背景を使うことも多いですね。

テキストに白背景を使う

うたまる

どうしても文字を入れるのが難しい場合には、白背景を使ってテキストをかぶせることも多々あります。

ちゃちゃ

白背景?使ったことあります…!うまく使いこなせませんでしたが…

うたまる

画像メインで見せたい場合は難しいですが、白背景はテキストを目立たせるときには便利ですよ。

ここでは背景色を白として話していますが、白でなくても構いません。

画像やテキストの色に合わせた読みやすい色味、サイトのイメージに合わせた色味から選んで使用しましょう。

ちゃちゃ

背景色挑戦してみます!

テキストに背景色を使用したアイキャッチの作成については、こちらの記事も参考にしてください。

うたまる

もう1つ質問なんですが、どんなイメージのアイキャッチにしたいとかはありますか?

ちゃちゃ

ゆるめの色合いでおしゃれにしたいです!

うたまる

かしこまりました。ちょっとイメージして画像を作成してみますね。

アイキャッチ作成案

画像選びに迷うとのお悩みでした。テキストの背景に色のある素材を入れて、どんな画像にでも文字が入れられるようなアイキャッチを作成してみました。

アイキャッチの作成案

\クリックで切り替えられます/

ちゃちゃさんのアイキャッチ
ちゃちゃさんのアイキャッチ
うたまる

こんな感じはいかがでしょうか?

ちゃちゃ

すごい素敵です!しかも、どこかで見たことのある画像がこんなにいい感じになるとは…。

うたまる

ありがとうございます。
記事の見出し下にあった画像と同じもので作成してみました。元々の画像は少し暗かったので、明るさも調整しています。

明るさ調整前
アイキャッチ作成案
明るさ調整後
ちゃちゃ

結構変わりますね!! 勉強になります!

うたまる

明るさの調整だけでもイメージ変わりますよね。

ちゃちゃ

調整も少しずつ試してみます!
最後に質問なんですが、商品紹介ではなく、サービス(格安SIMとかWifiなど )の記事を書くときなど、自分で写真を撮れない場合があるんですけど、公式の画像とかは使わない方がいいですよね?

うたまる

公式の画像は著作権があるので、使用許可のあるサイト以外の写真は使用できないですね。

ちゃちゃ

著作権ですね!法に触れないように注意します!

うたまる

そうですね!できるだけトラブルにならないよう、自作画像を使うように意識しましょう。

ちゃちゃ

ありがとうございました!

ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。

みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。

気になる方はBLOCOについてのページを読んでみてくださいね!

ちゃちゃさんアイキャッチ添削記事

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次