AFFINGER5ロゴ(サイトタイトル)の作り方

サイトタイトルにお洒落なロゴを!ということで、初心者でも簡単に出来るロゴの作り方を紹介したいと思います。

ちなみに、こんなデザインのロゴが作れます↓↓

サイズ:240×40px

このロゴは「Canva」で作りました。

大きさも自由に設定できるので、サイトのイメージに合わせて好みのサイズに調整できます。

簡単にロゴが作れるツール「Canva」

Canva

Canvaは無料で使える画像加工サイト。

ロゴ以外でも、ヘッダー画像やYouTubeサムネイルも簡単に作れます。

 

 

下の画像は、YouTubeサムネイル、ツイッターヘッダー画像、Facebookカバーのテンプレートです。

他にも色んなテンプレートが用意されているので、好みのタイプを選んで使ってみてください。

 

ロゴ(サイトタイトル)の作り方

まずは「Canva」にログインします。

デザインを作成ボタンをクリックし、カスタムサイズを選んでください。

 

カスタムサイズを選択すると、「幅」と「高さ」が選べます。

ここでロゴサイズを決めましょう。

 

ロゴ(サイトタイトル)の作成画面

デフォルトだと真っ白な状態です。

画像の左側に見えるのが「テンプレート」になります。好みのテンプレートが見つかれば、そのまま使っても問題ありません。

 

ロゴを自作する場合は、画面左にあるアイコンをクリックすると素材や背景などが選べます。

※撮影した写真もアップロード可

 

フォントの種類、背景、素材もけっこう豊富です。

有料画像もありますが、こだわりがなければ無料素材で十分です。

完成したロゴは、「PNG」か「JPG」でダウンロード出来ます。

 

ロゴをサイトに設定する

アフィンガーにロゴタイトルを使いたい場合は、「カスタマイズ>ロゴ画像」から設定できます。

  • ヘッダー
  • フッダー
  • モバイル用

ロゴを表示させたい場所にチェックを入れ、保存すれば設定完了です。

サイトタイトルの前にアイコンロゴを設置する

アフィンガーでは、サイトタイトルの前にアイコンロゴを設置することも出来ます。

カスタマイズ>ロゴ画像

設定画面でロゴに使いたい画像を選び、アップロードすれば完了です。

※ロゴサイズの調整も可能

 

ロゴサイズ:200px

 

ロゴサイズ:50px

 

画像のロゴは「FLATICON」からダウンロードしたものを使用しています。

ページ最下部に無料で使えるロゴ画像サイトも紹介しているので、よければ参考にしてください。

 

ロゴメーカー(商用利用可)

ロゴメーカー

初心でも簡単にロゴが作れるツール「ロゴメーカー」を紹介します。

ロゴメーカーは先ほど紹介した「canva」より使い方もシンプルです。

 

上の画像がロゴメーカーのログイン画面です。

画面左上の「テキスト」を入力し、「アイコン」を選ぶだけで簡単にロゴが作れます。

 

フォント、アイコンの種類はそれほど多くはないですが、十分使えるツールです。

 

完成したロゴは「保存形式」と「サイズ」を選んでダウンロード可能です。

 

ロゴに最適!無料で使える画像サイト

紹介した3つのサイトは、僕がいつも使わせてもらっている画像サイトです。

無料で使えて使えてクオリティも高いので、重宝してます。

-AFFINGER5, カスタマイズ

Copyright© アフィ基地 , 2020 All Rights Reserved.