ユーザー登録を済ませCanvaが使えるようになったところで、ブログに使うアイキャッチ画像を作ってみます。

画像加工サービス Canva を使ってみる 〜登録編〜
 ブログをやっているとアイキャッチなどちょっとした画像加工をしたいシーンが多々ありますが、これをカンタンにできるサービスがCanvaです。ウェブサービスなのでインストール不要で登録するだけですぐ使えます。さらに基本的な機能は無料で利用可能！早速登録してみましょう！ Canva とは？Canvaはブラウザで利用できるウェブサービスで豊富なテンプレートや素材をドラッグ＆ドロップで組み合わせて、様々な用途に応じた画像を作成できる機能を持っています。 本格的な利用には有料プランがありますが、基本的な機能...
penchi.jp
 

 

アイキャッチ画像はどうやって作る？

ブログのアイキャッチでよく作るものに、写真の上に半透明の黒帯を置いてテキストを書くというパターンがあります。

よく使うアイキャッチ画像の例

このアイキャッチ画像を作るのは下記のような作業をします。

  1. ベースなる画像を用意する
  2. アイキャッチ画像のサイズを決める
  3. 写真を配置する
  4. 半透明の黒帯をレイアウトする
  5. 白でテキストを書く
  6. できた画像を保存する

今回はこれをCanvaを使ってやってみます。

 

Canvaでアイキャッチ画像を作る

画像はデジカメで撮影したものや、ネットの無料写真素材サイトなどを利用して用意します。
Canvanには素材も用意されているので、それを利用する手もありますが、今回はいつもの作業の流れでやっています。

アイキャッチ画像のサイズを決める

Canvaのホーム画面で [デザインを作成] ボタンをクリックします。

 

画面右にある[カスタムサイズ]ボタンをクリックします。

画像サイスを入力するウインドウが表示されるので作成したいサイズを入力し[新しいデザインを作成]ボタンをクリックします。

 

指定したサイズのキャンバスが作成されました。

 

写真を配置する

作成したキャンバスにアイキャッチのベースとなる写真を配置します。

左側にあるメニューのアップロード をクリックし、用意した写真をCanvaにアップロードします。

 

アップロードされた画像をキャンバスにドラッグします。

 

キャンバスに置かれた写真は画像の周囲のマークを使ってサイズや位置を調整することができるので、自分の好みのレイアウトにします。

 

写真のレイアウトができました。

 

半透明の黒帯をレイアウトする

画像に置く文字を見やすくするための半透明の黒帯をレイアウトします。

Canvaのメニューから素材をクリックし、図形で正方形の素材をクリックします。

 

キャンバスの写真の上に置かれた図形は下記のように調整することができます。

まずはサイズの調整を使って画像の中央部に黒帯をレイアウトします。

 

次に黒帯にするため、カラーで黒を選択します。

 

黒帯を半透明にするために透明度を調整します。
ベースの写真との兼ね合いで透明度のレベルを決めます。

 

白でテキストを書く

レイアウトした黒帯にテキストを入力するため、Canvaのメニューからテキストをクリックし、テキストボックスの追加をクリックします。

 

キャンバスにテキストボックスが置かれるので、テキストを入力し、サイズやカラー、レイアウトを調整します。

 

できた画像を保存する

テキストのレイアウトができたら、画像を保存します。

キャンバスの右上にある [パブリッシュ]ボタンをクリックします。

 

パブリッシュのメニューから、ダウンロード をクリックします。

 

ダウンロードのメニューでは保存する画像の形式を選ぶこともできます。
通常は推奨値のPNGでOK。
[ダウンロード]ボタンをクリックすると、パソコンのダウンロードフォルダに保存されます。

 

まとめ

実際にCanvaでアイキャッチ画像を作ってみましたが、基本的な操作やクセを覚えると、1枚10分もかからず作成できました。
黒帯の半透明化など、一見すると難しそうなテクニックのようですが、Canvaではその作業が簡単にできます。

ウェブブラウザで利用できるので、ソフトの購入やインストールも不要、WindowsやMacといったOSにも関係なく、同じ操作で使えるのはいいですね。

今回はアイキャッチ画像を作ってみましたが、Canvaには様々なテンプレートがあり、FacebookのカバーやTwitterのヘッダー画像も簡単に作ることができるようです。SNSのカバーやヘッダーは最適なサイズがあり、きちんとしたものを作るのは予想以上に面倒なので、このテンプレートはありがたいです。

 

また、Canvaにはバナーを作成するバナーメーカーもあるので、ブログやウェブサイトのバナー作成に重宝しそうです。

バナーのデザイン作成が無料で驚くほど簡単に |​ Canva
Canvaならバナーを簡単に作成できます。画像を編集・加工したり、豊富な素材やテンプレートを使って、オリジナルのデザインができあがります。しかも無料。
Canvaについて
 

 

Canvaは基本的な機能は無料で利用できますが、その機能だけでも十分実用になりそう・・・どうやら今後はCanvaの出番が増えてきそうな気配です。

 

画像加工サービス Canva を使ってみる 〜登録編〜
 ブログをやっているとアイキャッチなどちょっとした画像加工をしたいシーンが多々ありますが、これをカンタンにできるサービスがCanvaです。ウェブサービスなのでインストール不要で登録するだけですぐ使えます。さらに基本的な機能は無料で利用可能！早速登録してみましょう！ Canva とは？Canvaはブラウザで利用できるウェブサービスで豊富なテンプレートや素材をドラッグ＆ドロップで組み合わせて、様々な用途に応じた画像を作成できる機能を持っています。 本格的な利用には有料プランがありますが、基本的な機能...
penchi.jp
 
Amazingly Simple Graphic Design Software – Canva
Create beautiful designs with your team. Use Canva's drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.
www.canva.com
 
バナーのデザイン作成が無料で驚くほど簡単に |​ Canva
Canvaならバナーを簡単に作成できます。画像を編集・加工したり、豊富な素材やテンプレートを使って、オリジナルのデザインができあがります。しかも無料。
Canvaについて
 

 

投稿者プロフィール

@penchi
@penchi
デジタルガジェットとアナログな文具を好むハイブリッドなヤツ。フリーランスのパソコン屋兼ウェブ屋。シンプルでキレイなデザインやプロダクトが好きです。
＞＞＞ プロフィール詳細

Follow me!

カテゴリー
ソフトウェア
タグ

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

前の記事
画像加工サービス Canva を使ってみる 〜登録編〜
2019/04/02
次の記事
Slackを最初から有料プランで なおかつ1年間無料で使う方法
2019/04/06