オタクマン

田舎暮らし崖っぷちニートの雑記ブログ

【Canva】で背景を暗くするシンプルでオシャレなアイキャッチ画像の作り方

 

「背景を暗くして文字を目立たせるオシャレなアイキャッチ画像を作りたい…」

 

そんな疑問に答えます!

 

ブログを書く際にけっこう重要なのが「アイキャッチ画像」ですよね!

 

アイキャッチ画像はその名の通り「目を引く」ような画像のことです!

 

SNSなどに記事を拡散させる際に目立つアイキャッチ画像があるのとないのではクリック率に大きな違いがあります!

 

そこで今回は最近、流行っている「背景を暗くして文字を目立たせる」アイキャッチ画像の作り方を紹介します!

 

 

背景を暗くするオシャレなアイキャッチ画像を作るなら「Canva」がおすすめ!

 

今回、作るのはこの記事のアイキャッチ画像になっているコレです!

 

f:id:AKR0753:20191004150555j:plain

 

背景を暗くして文字目立たせるやつですね。そしてこの画像を加工するのに「canva」という画像加工ツールを使います。

 

「canva」とは?!

 

canva(キャンバ)は無料で画像加工ができるグラフィックデザインツールのことです。操作も簡単なので初心者にはかなり使いやすいです!

 

有料版もあるようですが、無料版だけでも十分な機能です。 

 

登録は必要ですが、簡単に済ませることが可能なのでブロガーなら必ず導入しておきたいツールです。

 

「canva」の登録手順

 

一応登録の仕方を紹介します。と言ってもアドレスやパスワードを入力するだけの簡単な作業です。笑

 

手順①

 

こちらにアクセスすると下のような登録画面になるので登録を行います。登録方法は「フェイスブック」「Google」「メールアドレス」の3つから選べます。フェイスブックとGoogleの場合はパスワードを入力して認証を行えば登録できます。メールアドレスの場合は「名前(何でもOK)」「アドレス」を入力すれば登録できます。

f:id:AKR0753:20191004111333j:image

 

 

登録完了

 

・するとこんな感じの画面になると登録完了です。簡単すぎますね!笑 この画面は何回も使うのでブックマークしておくと便利です!

f:id:AKR0753:20191004112432j:image

 

 

背景を暗くする画像の作り方の手順

 

手順①:画像のサイズを決める

 

・まずはダッシュボード画面から赤枠の「デザインを作成」をクリック

f:id:AKR0753:20191004145343j:plain

 

 

・すると「カスタムサイズ」という欄があるのでそれをクリック

f:id:AKR0753:20191004135527j:plain

 

 

・画像のサイズを入力。「1920×1080」が綺麗に見えるサイズらしいのでその数字を入力

f:id:AKR0753:20191004135613j:plain

 

 

手順②:背景にしたい画像をアップロード

 

・するとデザインできる画面に変わるので「アップロード」をクリックしてから「画像をアップロード」をクリック!ファイルに保存されているお好きな画像をお選びください。

f:id:AKR0753:20191004141627p:plain

 

 

・すると赤枠に画像がアップロードされるのでクリックすると挿入されます。

f:id:AKR0753:20191004141716p:plain

 

 

・マウスを使って画像を広げ白い部分を見えなくなるまで広げます。

f:id:AKR0753:20191004135804j:plain

 

手順③:素材を挿入する

 

・次に素材を挿入していきます。赤枠の「素材」をクリックして図形の四角形を挿入します。

f:id:AKR0753:20191004140017p:plain

 

 

・四角形をクリックして挿入するとこのような状態になります。

f:id:AKR0753:20191004140044j:plain

 

 

・さっきと同様にマウスを使って背景の画像が見えなくなるまで四角形を拡大していきます。

f:id:AKR0753:20191004140124p:plain

 

手順④:カラー、透明度の調節

 

・拡大が完了したら左上の赤枠をタップしてカラーを選択することができます。色が少し変わったのが分かると思います。

f:id:AKR0753:20191004140202j:plain

 

 

・次に赤枠をクリックして透明度を調節します。お好みの暗さに調節してください。

f:id:AKR0753:20191004140230p:plain 

 

手順⑤:お好きなテキストを追加

 

 ・次にテキストを入力します。赤枠の「テキスト」を選択して「見出しを追加」をクリックします。

f:id:AKR0753:20191004140310p:plain

 

 

・画像に見出しが挿入されるのでお好きな文字を入力しましょう!今回はこの記事のタイトルを入力してみました。

f:id:AKR0753:20191004140351j:plain

 

 

・テキストをクリックすると赤枠の部分が出現して、ここでテキストのサイズや色などを変更する事で可能です!

f:id:AKR0753:20191004142604p:plain

 

手順⑥:完成した画像をダウンロード

 

・最後に完成したアイキャッチ画像をダウンロードします。「パブリッシュ」をクリックすると「ダウンロード」という欄があるのでクリック!

f:id:AKR0753:20191004142519j:plain

 

 

・jpgに変更して「ダウンロード」で保存が完了します!因みにpngだと容量が大きくなってしまうみたいなのでjpgの方がおすすめです!

f:id:AKR0753:20191004140457p:plain

 

今回、参考にしたのはこちらの記事です!より詳しく知りたい方はご覧ください。

 

まとめ

 

以上が背景を暗くして文字を目立たせるようなオシャレアイキャッチ画像の作り方です!

 

シンプルでオシャレなアイキャッチを作りたかったという方は是非ご参考ください!

 

今回はこれで以上になります!