アイキャッチ添削企画の17人目は
「ロミジュリさん」です。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
迷走中なので、お願いします!
ロミジュリさんが運営するブログ「部屋time」では、ロミジュリさんが使用している家電や、動画配信サービスなどの紹介をわかりやすく解説してくれています。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
実際の使用感がわかると安心して購入できますよね!
アイキャッチの作り方については、こちらの記事に詳しくまとめています。
![](https://bbd-hack.com/wp-content/uploads/2022/12/B.B-Design-Hack-アイキャッチ-47-300x158.jpg)
ロミジュリさんのアイキャッチお悩みカウンセリング
今回は画像作成そのものより、アイキャッチ作成についてのお悩み相談がメインとなります。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
今回添削していくお悩みのアイキャッチはどの画像ですか?
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
これを見て欲しいといった相談ではないですけど良いですか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
もちろん大丈夫ですよ。
では、質問をしていきますね。
アイキャッチ作成で、どんなところで悩みますか?
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
イラストを使うか 写真を使うかで迷います。フリー素材を選んでますが商用、クレジット、加工どれもOKかなと悩みながら使ってます。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
なるほど。写真主体で作成するのか、イラスト主体で作成していくのかといった点ですね。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
そうなんです。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
どちらが正解といったことではないので、もう少しお話し聞かせていただきますね。
テンプレートを使用したアイキャッチが作成したい
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
どんなイメージのアイキャッチにしたいとかはありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
カテゴリーによって違いは欲しいですが、うたまるさんが作ったカエルさん、ぽてちゃさんのアイキャッチのようにテンプレートを使ったアイキャッチが好きです。
![カエルさんアイキャッチ作成案](https://bbd-hack.com/wp-content/uploads/2022/09/B.B-Design-hack-アイキャッチ-3-1024x538.png)
![ぽてちゃさんのアイキャッチ添削画像](https://bbd-hack.com/wp-content/uploads/2022/11/B.B-Design-hack-アイキャッチ-34-1024x538.png)
カエルさん・ぽてちゃさんのアイキャッチについては、こちらの記事をお読みください。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
テンプレートを作るなら、カテゴリー別に色分けをして変化を持たせると、わかりやすいし楽ですよね。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
そうなんですよ。型があれば楽だろうという気持ちと、統一感が出るからですね。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
テンプレートを作るなら6:4で左右に割るか、センターに画像の1番見せたいところを配置して周りに文字を入れるか。または上下で割るのもありです。
テンプレートを使用した、その他のアイキャッチ添削記事はこちら。
素材選びの悩み|テキストの入れやすい余白が大切
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
他になにか悩んでいることはありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
現在Canva無料のため、フリー素材からアップロードしています。すでに人物の後ろに背景があるので、ベタ貼りになることが悩みです。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
Canvaの無料版だと切り抜きができないですもんね。その場合は、できるだけ余白のある画像を探さないと使いにくいですよ。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
フリー素材については、ブログに書かれてることも多いですが 私は、欲しい部分だけ切取るなど技術的なことがサッパリです。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
画像の加工が必要なものは扱いが難しいので、僕も基本的には使ってませんよ。楽に使用できるように、余白のある素材を探して使っています。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
余白作りたいのに、 アイキャッチ用のピクセルにあわせて画像引っ張ると、どんどん画像でかくなって余白なくなっちゃったりします…
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
それありますよね。写真の場合どこで切れるかに左右されるので、僕も写真選びには結構時間かかってます。
アイキャッチに使用する画像の選び方
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
写真の選び方ってコツとかありますか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
写真の選び方は、文字入れがしやすいか、記事内容のイメージが湧く画像なのかが重要なポイントです。
写真主体のアイキャッチの場合、文字入れが難しい場合が多く、文字の入れ方に工夫が必要です。
- 文字と文字の間が狭くないか
- 文字と文字の間が空きすぎていないか
- 文章と文章の幅が詰まっていないか
- 文字のサイズに強弱はあるか
- 数字は大きめがおすすめ
- 数字のみ色を変えるのもおすすめ
上記の内容を意識して、バランスよく文字が入れられる画像を選んでいきましょう。
アイキャッチの方向性が定まらない|ブログ全体の雰囲気に合わせる
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
テンプレートで作りたいと言いつつも、ブログも迷走してるし難しいです…
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
テンプレート化したときのメリットって、画像作成が格段に楽なんですよ。その反面、同じような画像が量産されるので、ある程度サイト全体のイメージとかコンセプトがないと難しいんです。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
そうですよね。 サイトイメージがあるからこそ、同じ画像量産しても違和感ないんですね。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
テンプレートに文字だけでもおしゃれな感じにできると思いますよ!ただシンプルになればなるほど難易度が上がるので難しいですけどね。
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
方向性が定まるまではテンプレートにこだわらず、文字を入れるスペースを考えた画像選びや、文字の使い方を意識してやってみます!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
今からトップページの雰囲気に合いそうな画像作るので、少しお待ちください!
アイキャッチの作成案|モノトーンな雰囲気に合うフラットデザイン
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
元々のアイキャッチも遊び心があって好きですが、せっかくなので作成してみました。
アイキャッチの作成案
\クリックで切り替えられます/
![ロミジュリさんのアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/11/IMG_D739B4263E53-1.jpeg)
トップページのブログタイトルのように、モノトーンに合いそうな雰囲気のアイキャッチを提案してみました。(※現在はトップページのデザインが変更されています。)
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
ブログタイトルのところがモノトーン系でしたので、シルエット系の画像や、くすみ系カラーのベタ塗り、線画系のイラストが雰囲気に合うと思いました。テンプレートではないですが、こんなイメージなら合うかと!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
すごい! カッコイイー!これ、動画サービスのテンプレでもよくないですか?
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
確かに!動画系なら全部使えますね!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
違う記事にも使いたいのですが、文字とか変えれますか?もうこれしか選択肢ない!笑
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
編集は多分できないから似たようなテンプレ送りますね。
![ロミジュリさんアイキャッチのテンプレート](https://bbd-hack.com/wp-content/uploads/2022/11/image-13.png)
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
うわー、ありがとうございます。 空白だから、何でも入れれるー!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
喜んでもらえてよかったです!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
うたまるさん、こんなに綺麗になにで作ってるんですか?うたまるさんぐらいになると、Canva無料とかじゃなくてお高いやつですか? 凄いなめらか!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
無料ではないですけど僕もcanvaですよ!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
使う人しだいだった……笑
アイキャッチ添削後のロミジュリさんのアイキャッチ
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
添削後に嬉しい報告をいただきました!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
うたさん、ちょっと作って見た。
![ロミジュリさんのアイキャッチ](https://bbd-hack.com/wp-content/uploads/2022/11/image-14.png)
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
背景は、まだ決めてないんだけどね。
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
フィルムで枠付けるなんて思いつかなかった!すごいですね!
![](https://bbd-hack.com/wp-content/uploads/2022/10/IMG_857058D72274-1.jpeg)
やったー!うた師匠に褒められた!よし、やる気MAXだしもうちょっと試行錯誤してみます!
![](https://bbd-hack.com/wp-content/uploads/2022/08/4-1-150x150.png)
こうやってデザインを考えられるきっかけになれて本当に嬉しいです!
ブログに関する悩みは、ブログ仲間と一緒に解決するのが最適です。
みんなでレベルアップできるコミュニティ「BLOCO -ブロコ-」を運営しています。
気になる方はBLOCOについてのページを読んでみてくださいね!
![](https://bbd-hack.com/wp-content/uploads/2022/09/B.B-Design-hack-アイキャッチ-7-300x158.png)
コメント