その他

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

投稿日:

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

久々にWordPressネタから離れます。

今回は、ブログに欠かせないアイキャッチをオンラインで使える画像編集ツール・Canva2.0でで作る方法です。

Photoshopやその他画像編集ソフトがなくても、綺麗なアイキャッチが作れます。

他にもFacebookのカバーやTwitterのヘッダー画像も作れる便利サイトです。

スポンサードリンク




Canva2.0ってなに?

まず最初に、「Canva2.0ってなに?」という説明から。

Canva2.0(以下、Canva)はブラウザ上で様々な画像編集をできるサイトです。

有料素材も中にはありますが、無料から使えるとってもありがたいサイトです。

画像編集と言うと、PhotoshopやAffinity Photo、MacだとPixelmatorあたりが有名ですね。ですが、全て有料です。しかもPhotoshopは高いし…。

無料の画像編集ソフトと言うとGIMPが高機能で有名ですが、重いことでも有名です(爆

また、初めてだと、ちょっと難しく感じることもあります。

そして、どれもソフトを立ち上げる必要がありますよね。ですが、このCanvaはブラウザ上でできるので別にソフトを立ち上げる必要もないので、気軽に画像編集することができます。

しかも、すごく直感的に使えるんです。

画像編集ソフトっていうと、なんか難しそうじゃないですか。

でも、このCanvaはドラッグ&ドロップでできちゃうので、「画像編集ソフトなんて使ったことない」という人でも簡単です。

ちなみにプランは3つありますが、個人で使うには無料のCanvaと有料のCanva for Workがあります。

Canva for Workは$12.95/月でチームで作成することもでき、また40万ある写真やイラストなど全て無料で使うことができ、無料ではできない機能がたくさんあります。

無料のCanvaでは、写真やイラストなど一部有料もあり、機能も制限されますがアイキャッチなどSNSでの画像を作る程度なら問題なく使えます。

もし、有料素材で使いたいのがある場合は、個別に$1.00の素材を使用することができます。

Canvaでブログアイキャッチを作る方法

Canvaの説明をしたところで、Canvaでブログアイキャッチを作る方法を説明したいと思います。

今回は、この記事のアイキャッチを作ってみたいと思います。

ちなみに、今回説明するのは最新のCanva2.0になります。

少し前にCanva1.0からCanva2.0へアップグレードされました。

 

まず、Canvaのサイトへ行きましょう。

→ Canva

Canvaを使うには、登録が必要になります。

一般にブログなどで使用する場合は、「小規模ビジネス(スタートアップ、ブログ)」でいいですね。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

登録方法は2つあり、Googleアカウントを使う方法とメールアドレスで登録する方法があります。

簡単なのはGoogleでの登録ですが、好きな方を選びましょう。

メールアドレスだと色々入力が必要ですが、Googleで登録だとサクッと登録完了します。

ここでは、Googleで登録を選びました。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

Googleで登録を選ぶとこのように、すぐにCanvaの画面になります。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

「おすすめ」にあるようにFacebook、InstagramといったSNSの他、プレゼンの画像やポスターやフライヤーまで作れます。

「何をデザインしますか」の検索欄を見てみると...

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

色々出てくるのですが、ブログアイキャッチという項目はありません。

他のSNSなどのを流用することもできますが、サイズを指定して作成することもできます。

ここでは、画像サイズを指定して作成してみたいと思います。

まず、右上にある「カスタムサイズ」をクリックします。

すると、サイズを指定できるので作成したいサイズを入力します。

ここでは、画像作成でポピュラーなピクセルを選択していますが、他に "インチ"、"mm"、"cm" といった単位があります。

画像サイズを入力したら、「新しいデザインを作成」をクリックします。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

すると、テンプレート一覧が表示されます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

数が多いので、一つのテーマで絞りたい場合は、単語を入れて検索することも可能です。

例えば、"クリスマス" と入力して検索すると、クリスマスがテーマのテンプレートが表示されます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

テンプレートを元に作成することもできますが、自分の画像を元に作成することもできます。

その場合は、左側メニューの "アップロード" をクリックしてから、上部の"画像をアップロード" をクリックすれば手持ちの画像をアップロードできます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

画像がアップロードされると、左側に画像が表示されるので使用したい画像をクリックします。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

すると、右側の作業領域内に選択した画像が表示されます。ここでは、冒頭のパソコン画像を選びました。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

上部は画像の編集メニューとなり、画像は四隅のポインタで拡大・縮小ができます。

画像にフィルターをかけることもできるし

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

画像の明るさなどを調整することもできます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

必要に応じて画像にフィルターをかけたり、明るさ調整などをしたら、文字を乗せたいので、左側メニューの "テキスト" をクリックします。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

日本語のテキストはないですが、好きなレイアウトのテキストを選びます。もし、ない場合は適当にクリックすればOKです。

するとテキストエリアが画像上に表示されるので、「アイキャッチ画像の作り方」と入力します。

そして、フォントやフォントサイズ、色などを指定します。

フォントの種類は、"Roboto" をいうのをクリックすると一覧が表示されるので、好きなフォントを選びます。

そして、フォントサイズを調整します。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

文字が2行以上になった場合は、通常左揃えになりますが、中央揃えに変更したいので "aA" の左にある "位置揃え" をクリックして、中央揃えにします。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

次に、フォントカラーを白に変更したいので、レインボーグラデーションのついた "A" をクリックして白を選択します。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

文字色は、無料プランの場合、ここのパレットに表示されている色のみとなります。

ここに表示されている以外の色は有料会員になると使用することができます。

文字入れが終わりましたが、文字が目立たないですね。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

なので、文字を目立たせるために文字の後ろに四角いボックスを挿入したいと思います。

左側メニューの "素材" をクリックすると様々な素材が表示されます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

写真素材やグリッド線、図形など様々な素材がありますが、ここでは図形を挿入したいので、 "図形" の "すべて" をクリックして図形画像素材を表示させます。

すると、図形が全て表示されるので、好きな図形を選びます。ここでは角丸の四角を選びました。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

まずは図形のサイズを調整し、色を白に変更します。

しかし、これではせっかくの文字が見えないので、"配置" をクリックし、"背面へ" を選んで文字の背面に画像が行くようにします。

でも、白い四角の上に白文字は見づらいので、図形の透明度を変更します。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

四角の図形の大きさや透明度などを変更し、図形を文字の背面に来るように配置したのが、下記の画像です。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

これでも、いいと言えばいいのですが、ちょっとぼんやりしてますよね。なので、ワンポイントを加えたいと思います。

そこで、カメラのイラストを追加してみたいと思います。メニューの "素材" をクリックし、「カメラ」で検索します。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

そして好きなイラストを選びます。今回は一番上の左側のイラストを選びました。

ここで、目を引くために色はピンクを選び、イラストのサイズと傾きを調整します。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

そして出来上がったのが、今回のアイキャッチで使用したこちらの画像です。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

画像が完成したら、ダウンロードします。上部メニューの下向きの矢印をクリックするとファイルの種類を選ぶことができます。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

画像だとPNGとJPGが選べます。今回は写真なので私はJPGを選びました。

画像編集ツール・Canva2.0でブログアイキャッチを作る方法

そして、次の画面で「ダウンロード」をクリックします。これで画像のダウンロードが出来ます。

Canva2.0の良い点

有料素材が一点から購入できるようになったことですね。

私の記憶では以前は無料プランではできなかったと思うのですが...。

素材を探していて、「あ、これいいな」と思った時に有料素材で使えない...って悲しいじゃないですか。

でも、有料プランに移るほどでもないし...という時にこれはとてもありがたいです。

後、CanvaはiPhone・iPad・Android版もあるので、アカウントを作っておけば、どのデバイスで作成しても作ったものは同期されるのも便利です。

「作りたい!」と思った時に手軽に作れるというのはいいですね。

さいごに

画像編集ソフトは使い方に慣れるのに時間がかかりますが、Canvaは簡単にできるようになっているので、画像編集ソフトを使ったことのない人にもおすすめです。

また、私のように普段はPhotoshopなどを使っているけれど、「ササッとアイキャッチを作りたい」という時にはCanvaは便利だと思います。

私も込み入ったことをしたい時はPhotoshopを使用しますが、サブのMacBook Proを使う時などは画像編集ソフトが重いのでCanvaがとても役立っています。

 

 

 









-その他

Copyright© Synkers.net , 2018 All Rights Reserved.