ブログをより魅力的にする「アイキャッチ画像」。
記事のタイトルや本文の内容が一目でわかるアイキャッチ画像があるだけで、より読者の興味を引くことができ、記事も読まれやすくなります。
しかし、ゼロから自分でアイキャッチ画像を作るのは難しいもの。時間と手間がかかる上に、専用ソフトを使いこなせるだけの知識とスキルが必要です。
そんな悩みを解決するのがCanvaです。Canvaを使えば、読者の目を引くアイキャッチ画像を、たったの数ステップで作成できます。
この度、はてなブログの編集画面(PC版)に、その場でCanvaにアクセスできる「アイキャッチ画像を作る」ボタンが導入されました。これを使えば、誰でも簡単にオリジナルのアイキャッチ画像が作成できるようになります。
いつもアイキャッチ画像に困っている方、オリジナルのアイキャッチ画像を作りたい方は、ぜひCanvaを使ってみてください。
Canva(キャンバ)は、テンプレートや画像素材をドラッグ&ドロップで編集できる、無料のグラフィックデザインツールです。
お好みのデザインテンプレートを選んで、テキストや写真素材、イラスト、アイコンなどを編集するだけで、瞬時に自分だけのオリジナルデザインが完成します。
今回、はてなブログとCanvaのコラボレーションにより、はてなブログのアイキャッチ画像に使えるテンプレートを新しくご用意しました。
はてなブログの編集画面からワンクリックでCanvaにアクセスができるようになっています。Canvaのアカウントをお持ちでない方も、すぐに画像を作り始められますのでぜひお試しください!
ここからは、Canvaを使ったアイキャッチ画像の作り方をステップごとに紹介します。
左側のサイドバーから「テンプレート」を選択して、使いたいテンプレートを選んでください。
テキストボックスをクリックすると、テキストを自由に編集できます。
テンプレートの写真を変えたいときは、左側のサイドバーから「写真」を選択して、写真を差し替えてください。Canvaでは、7,500万点を超える写真やイラスト素材を無料で使用できます。
デザインが完成したあとに「完了」ボタンを押すと、自動ではてなブログの編集画面に画像がアップロードされます。
Canvaで作成したアイキャッチ画像は、同一セッション中に再度「アイキャッチ画像を作る」ボタンを押すと、直前に作成した画像を再編集できます。
直前に編集していた画像が保存されています。
編集後に「完了」ボタンを押すと、再編集したアイキャッチ画像に更新されます。
Canvaでは、テンプレートのテキストや写真を編集するだけでなく、様々なアレンジ方法でテンプレートを自由自在に編集できます。ここで紹介するアレンジ方法を使って、素敵なアイキャッチ画像に仕上げてみてください。
先ほど、テンプレートの写真をCanvaの無料写真素材と差し替える方法について紹介しましたが、ここではお持ちの写真をアップロードして使う方法を紹介します。
STEP1 写真をアップロードする:左側のサイドバーから「アップロード」を選択して、使いたい写真をアップロードします。
STEP2 写真を貼り付ける:アップロードした写真をクリックするとテンプレートに貼り付けができます。貼り付けただけでは以下のようになってしまうので調整が必要です。
STEP3 写真の配置を変更する:写真の配置を変えます。写真をクリックすると好きな場所に写真を移動させることができます。写真を背景画像にしたいときには、上部に表示されるツールバーから[配置]を選択して、一覧から[最背面へ]を選択してください。
STEP5 完成です!
テンプレート素材のままだと少し寂しい時は、アイコンやイラスト素材を追加してアレンジしてみましょう。
STEP1 素材を選ぶ:サイドバーから「素材」を選択してお好みの素材を追加します。
STEP2 素材の色を編集する:アイコンやイラスト素材は、追加した後に色を変えることができます。色を変えたい素材を選択すると、左上に「使用中のカラー」が表示されます。表示された色をクリックすると、色の組み合わせを自由に変えることができます。
テキストの文字に影をつけたり、囲み文字やネオン文字にしたりなど、文字をおしゃれに加工することもできます。加工したいテキストを選択して、上部のツールバーから「エフェクト」をクリックします。左側に表示されたエフェクトの中からお好みの加工方法を選択してください。
Canvaを使って何回かアイキャッチ画像を作ってみると、「あの時に使ったアイキャッチ画像を少し変えて作りたい」と思うことがあるかもしれません。
過去に作成したアイキャッチ画像は、すべてCanva上に保存されます。そのため、Canvaの編集画面からすぐに過去のアイキャッチ画像を探せるようになっています。
はてなブログ編集画面から、Canvaの編集画面を開くと、左側のサイドバーにある「全てのデザイン」というアイコンがあります。
このアイコンをクリックすると、過去に作成したアイキャッチ画像が表示されます。あとは、使いたいデザインをクリックして、編集するだけ。ぜひお試しください!
関連記事