ブログのコト

【無料版】泣くほど簡単、Canva(キャンバ)で作るサイトロゴ

【無料版】泣くほど簡単、Canva(キャンバ)で作るサイトロゴ

こんにちは、ロゴもアイキャッチも基本手作り
ウルフです。

犬
サイトロゴを自分で作りたい、一体どうやって作ったらいいんだろう

という人のために、Canvaを使ったサイトロゴ作成方法をザックリご紹介します

実は、当サイトの

  • サイトヘッダー
  • ロゴ
  • 文字の入ったアイキャッチ画像

これらは全てCanvaで作ったものです。

Canvaを使えば誰でも簡単に、オリジナルのロゴが作れますので、ぜひ参考にして下さい

Canvaとはなんぞや?

210416-サイトロゴ

https://www.canva.com/ja_jp/

Canvaとは、オーストラリアの企業が提供するデザイン作成ツール。

  • 25万点を超える無料テンプレート
  • 100種類以上のデザインタイプ

無料版ですらこれだけの機能があり、全世界で15,000万人以上も使用しています。

ツール内の素材をドラック&ドロップで入れ込んで作成していくので、illustratorやPhotoshopよりも直観的な操作で可能。

特に知識がなくても簡単に使用できるので、とても便利なツールですね。

私もWeb制作でよく利用しています。

謎の狼
謎の狼
プレゼンテーション、ロゴ、instagramの投稿、名刺、ポスター、、、など、あらゆるものを作成できちゃうんだぜ!

Canvaのプラン

Canvaは基本的に無料で使用できるのですが、プランがあります。

無料
0円/月額
プロ
1,500/月額
  • 25万点を超える無料テンプレート
  • 100種類以上のデザインタイプ(ソーシャルメディアの投稿、プレゼンテーション、手紙など)
  • 数多くの無料の写真とグラフィックス
  • メンバーをチームに招待する
  • リアルタイムでのコラボレーションやコメント
  • 5GBのクラウドストレージ
  • 無料の機能全部
  • 1つのブランドキットを作成し、独自のフォントとロゴをアップロード
  • ワンクリックでデザインのサイズを変更できるマジックリサイズ機能
  • 毎日新しいデザインが追加される42万点を超える無料テンプレート
  • 7,500万を超える有料のストック写真、動画、グラフィックを無料で使用
  • チームが使用するテンプレートとしてデザインを保存
  • 100GBのクラウドストレージ
  • ソーシャルメディアコンテンツを7つのプラットフォームにスケジュール

※企業プランは省いています

ちょっと、わかりにくいので、必要なところだけ要約すると

無料
0円/月額
プロ
1,500/月額
  • 25万点を超えるテンプレート
  • 100種類以上のデザインタイプ
  • 5GBのクラウドストレージ
  • 42万点を超えるテンプレート
  • 7,500万を超える有料のストック写真、グラフィック
  • 100GBのクラウドストレージ
  • 加えて無料版の機能全部

最初のうちはこれだけ理解しておけばOK

謎の狼
謎の狼
とはいえ、無料版でも十分使えるから、よっぽどのことがない限りはCanvaの無料版で十分だぞ!

泣くほど簡単、Canvaで作るサイトロゴ

Canvaでブログのロゴを作成する方法は全部で3ステップ。超絶簡単です。

  1. キャンバスを作成
  2. 文字や図形を挿入してロゴを作成
  3. 終わったら画像を保存

たったこれだけ。正直これ以上説明しようがない、、、

用意するのは基本CanvaだけでOK、もし必要であれば別途お好みの画像も用意しましょう!

STEP①:キャンバスを作成する

最初にキャンバス作成に入りましょう。

キャンバス作成の手順としては以下の通り

  1. デザイン作成
  2. サイズ指定 幅900×高さ 250px
  3. 新しいデザインを作成

サイズは基本的になんでもいいんですが、タイトルが長かったり画面いっぱいに表示する予定なら幅を「900px⇒1,200px」に変更して下さい。

210416-サイトロゴ 210416-サイトロゴ 210416-サイトロゴ

これで、準備は完了です。

STEP②:文字や図形を挿入してロゴを作成

キャンバスが出来上がったら、あとはサイトロゴを作成していくだけです!

犬
操作のしかたわからないよ、、

って人も大丈夫。ロゴの作成くらいなら操作するのはテキスト素材だけです。

簡単に操作方法を説明してきますね。

210416-サイトロゴ

「①⇒②」の順でテキストを挿入。

210416-サイトロゴ

テキストのサイズを調整してきます。
「③」の数字をいじるか、角の「④」を引っ張るかでサイズを調整できます。

謎の狼
謎の狼
「③」の横にあるメニューバーで書体も返ることができるぞ!
210416-サイトロゴ

大きさはこんなもんでいいですかね。

これで完成!…もできなくはないんですけど、さすがにに寂しすぎますよね

素材を加えてちょっとオシャンティーにしていきましょう

210416-サイトロゴ

「⑤⇒⑥」で素材を挿入。黒のままだとアレなんで色も変更していこう

210416-サイトロゴ

おっと、文字が見えなくなってしまった、、、

そんな時は、素材を選択している状態で右上の配置から「背面へ」をクリック

210416-サイトロゴ

これで、文字を全面に表示させることができました。

あとは、なんか適当に素材を挿入していって

210416-サイトロゴ 210416-サイトロゴ

これでロゴは完成です。

謎の狼
謎の狼
いや、ロゴがダサい!

STEP③:終わったら画像を保存

ロゴ完成したら、画像を保存します。

210416-サイトロゴ

右上のダウンロードをクリックし、ファイルの種類はpngになっていることを確認したらダウンロード。

これで、ロゴ完成(2回目)!!!、、、と言いたいところなんですが、このままサイトにロゴを挿入すると

210416-サイトロゴ

背景のキャンバス白になってしまいます。

このままでいい人は放置でOKなんですが、背景透過したい人は以下のサイトより背景透過をして下さい。

https://www.remove.bg/ja/upload

210416-サイトロゴ

よし、これでサイトロゴの完成!!

画像にはjpgとpngがあります。

  • jpg⇒容量が小さい、背景透過できない
  • png⇒容量が大きい、背景透過ができる

基本的にはjpgで保存して、ロゴや吹き出しのキャラクターなどはpngで保存するようにしましょう。

謎の狼
謎の狼
ちなみに、背景透過はCanva Proなら1クリックでOKだ!3

まとめ

Canvaを使えば誰でも簡単にサイトロゴ作成ができます。

私はブログ運営して8ヶ月目にして初めてCanvaを使用したわけですが、「なんで今まで使わなかったんだろう」というくらい便利過ぎて泣きそうです。

謎の狼
謎の狼
しかも、無料でも充分使えるからな!

Canvaを使って、無料で自分だけのオリジナルロゴを作っちゃおう!

CanvaProを無料トライアル

犬
CanvaProが気になるけど、、有料だからなぁ

という人に朗報、CanvaProは30日間無料トライアルを行っています。

30日間無料で

  • 7500万を超える有料ストック写真、動画、グラフィック
  • 42万点を超える無料テンプレート
  • ワンクリックでデザインのサイズを変更できるマジックリサイズ
  • 100GBのクラウドストレージ

など様々な機能が使用できます。

それだけ機能に自信があるんでしょうね

もし、気になる方は試してみて下さい。

謎の狼
謎の狼
いつでもプランは変更できるぞ!

Canva Pro