ブックワームのひとりごと

読書中心に好きなものの話をするブログです。内容の転載はお断りします。

ブラウザだけでデザインができるツール「Canva」でブログのサムネイルを作ってみた

f:id:kazura24:20170529192913p:plain

www.canva.com

ブラウザだけでサムネイルやバナーがデザインできる「Canva」を触ってみたら面白くていろいろ作ってしまいました。使い方の備忘録ついでにサムネイルの作り方を紹介します。

デザインブログのほうに書いたほうがいいのかもしれないんですけど、あっちは多分それなりに画像加工できる人しか見ないから……。

 

サムネイルの作り方

利用する前に会員登録が必要です。GoogleアカウントやFacebookアカウントでも登録できます。

 

f:id:kazura24:20170529192031p:plain

チュートリアルを終えて、作りたいサイズのキャンバスを選ぶと、こんな感じになります。

赤丸の部分に言葉を入力すると、素材が検索できます。

f:id:kazura24:20170529192218p:plain

「寿司」で検索してみました。左上の無料素材をドラッグ&ドロップします。

(有料素材を選ぶと透かしが入ります。お金を払うと透かしが取れます)

f:id:kazura24:20170529192335p:plain

画像が貼り付けられました。

f:id:kazura24:20170529192406p:plain

画像の四隅をドラッグすると、拡大縮小できます。

縦横の比率は固定のようです。

f:id:kazura24:20170529192454p:plain

「テキスト」のタブをクリックするとテキストが入力できます。左の枠つきのものから選んでみます。

f:id:kazura24:20170529192547p:plain

ぺたっとな。

f:id:kazura24:20170529192613p:plain

文字の部分をクリックするとカーソルが出現して書き換えることができます。

f:id:kazura24:20170529192653p:plain

フォントは赤丸の部分から変えられます。主に商用OKのフリーフォントが入っています。

f:id:kazura24:20170529192754p:plain

完成したら「ダウンロード」からファイルをダウンロードできます。ファイル形式を選びましょう。

 

f:id:kazura24:20170529192913p:plain

完成しました。

 

規約について

Canvaで無料素材を利用する場合の規約がこちら。

support.canva.com

たぶん「たくさん印刷するのでなければ自由に使ってOK」ということらしいですが英語に自信がないのでちょっとあやふやです。

ちゃんと自分で確認してから自己責任で使ってくださいね。

 

まとめ

f:id:kazura24:20170529194022p:plain

ドラック&ドロップで操作できて簡単なので、趣味や仕事を問わずブログを運営している人には便利そうです。

画像編集ソフトに挫折した人はチャレンジしてみてはいかがでしょうか。

 

はてなブログ Perfect GuideBook

はてなブログ Perfect GuideBook

 
はてなブログカスタマイズガイド―HTML & CSSで「はてなブログ」を次のステッ

はてなブログカスタマイズガイド―HTML & CSSで「はてなブログ」を次のステッ