WordPress

初めてのブログ作成_04ワードプレスブログのタイトルロゴ作成編

前回のワードプレス関連記事では、ワードプレスのブログテンプレートまで決定しました。
(関連記事) 初めてのブログ作成_03ワードプレスのブログテーマ設定編

これから、具体的に記事を書いてブログコンテンツを充実させていきたいところですが、その前にブログの看板となるブログタイトルについて紹介したいと思います。

本ブログのタイトル名「Life with Ukulele ~It’s never too late to learn~」は決めていたのですが、シンプルなテキストベースにするか、自分で何かロゴを作って画像を挿入するか色々試してみました。

テキストのみのタイトルもシンプルで良かったのですが、何か一つアクセントを付けたいと思いワンポイントのロゴを入れることとしました。

無料で WEBウェブ上でロゴが作成できるサイトがネットで検索すると色々ありましたが、私は以下のロゴ作成サイトで作りました。

LOGO FACTORY (ロゴファクトリー)

このサイトは英語での表示ですが、直感的・簡単に無料でタイトルロゴが作成できたのでオススメです。

ロゴファクトリーでの当ブログタイトルのロゴ作成過程をご紹介したいと思います。

スポンサーリンク

ブログのオリジナルロゴ・タイトルをロゴファクトリーで作ってみる。

作成過程は以下の流れで、ロゴや文字の調整を迷わなければ作業自体は3分もかかりません。

1.ロゴ画像の選択
2.タイトル文字記入
3.ロゴ・文字の位置調整
4.文字の色・フォント調整
5.決定・ダウンロード

1.ロゴ画像の選択

以下がロゴファクトリーのトップ画面となります。

画面中央にサンプルロゴ・タイトル文字が入っているので、それを自分の好きなロゴ・文字に変更するだけです。

まずは左下の丸部分をクリックして好きな画像を選択します。

ロゴ作成1


私が選んだのはリラックスした感じを出すために湯気の立ち上るコーヒーカップの画像です。

ロゴ作成2

2.タイトル文字記入
3.ロゴ・文字の位置調整

ロゴ画像を選択したら、以下の画面の囲み部分に好きなタイトル・サブタイトル等を打ち込むと、自動的に上のプレビュー画面に反映されます。

画像やテキストをクリックするとプレビュー画面の背景が方眼となるので、画像・文字の位置調整も行えます。

ロゴ作成3

4.文字の色・フォント調整

ロゴ画像と文字の位置関係を調整したら、文字の大きさ・フォント・色をそれぞれ調整します。

全て決まったら右下にある矢印ボタンをクリックしてタイトルロゴを決定させます。

ロゴ作成4


5.オリジナルロゴの決定、ダウンロード

決定すると、以下画面の右下にダウンロードボタンが出ますので、こちらをクリックすれば自分が作成したタイトルロゴがJPGでダウンロードできます。

メール記入欄がありますが、こちらは記入しなくてもダウンロード可能です。

ロゴ作成5


実際にダウンロードしたタイトルロゴが以下となります。

LogoFactory (3)


こちらのロゴを私が現在使っているワードプレスのブログテンプレート「An」の機能を使ってタイトル位置に画像を挿入します。

このAnテンプレートが優れているのは、タイトル画像の挿入の際、JPGの大きさをプレビューしながら自由にサイズ・位置調整が出来る機能が最初から付いているところで、良いサイズ・位置で設置することができました。

グーグル検索で「無料 ロゴ 作成」で色々と無料サイトが出てきますので、色々と試して自分のブログイメージに合うものを探すのも楽しい作業でした。

ここで紹介したロゴファクトリーはその中でも使いやすく、自分のイメージしていたロゴ画像もあったので採用いたしました。

こうしたオリジナルのタイトルロゴの反映も、ワードプレスで自分のオリジナルブログ作っていく楽しさの一つですね。

<2017.1.3追記>
ブログのテンプレート変更に伴い、新しい文字だけのロゴもまた本ツールで作成しました。
ただ、ロゴの背景が白になるため、本ブログテンプレートに挿入すると、テンプレートの背景色が白では無いので、貼り付けた感が出てしまい格好が悪かったです。
ロゴの背景色を消せないかとネットで調べていたら、画像の一部を透明化できる以下サイトがあり、こちらでロゴの背景色を透明にして文字だけのロゴが作れました。

画像背景透過処理

使い方は簡単で、該当のロゴファイルを上記ページにドラッグ&ドロップし、透明化したい場所をクリックすると下段に透明化されたイメージファイルが作成されます。

(作成したロゴ)

サーバーのレンタル、独自ドメインの申請等、初めてのワードプレスによるブログ作成を以下の特集記事にまとめてます!

【CHECK!】特集記事(ワードプレスで初めてのブログ作成)

ピックアップ記事

  1. iPadProとGoodNotesとJorteで手帳・ノートのペーパレス
  2. 2016年の手帳は、ほぼ日手帳avecとこのカバーに決めました!
  3. おすすめ!ノイズキャンセリングヘッドホン(Bose Quiet Comfort …
  4. スマップメンバーのsmap×smapの謝罪生放送を見た雑感
  5. 体臭が気になり出した年頃

関連記事

  1. WordPress

    初めてのブログ作成_01レンタルサーバー・ドメイン取得編

    初めてのレンタルサーバでのブログ作成私がこのブログを作る前は、ライ…

  2. WordPress

    初めてのブログ作成_02ワードプレスのインストール(参考:エックスサーバー編)

    ワードプレスの自動インストール手順(エックスサーバー編)ワードプレ…

  3. WordPress

    ブログを始めて1ヶ月、実感している3つの効果について

    初めてのブログを始めて、1ヶ月を過ぎました。…

  4. WordPress

    初めてのブログ作成_03ワードプレスのブログテーマ設定編

    無料ブログではないワードプレスでの初めてのブログ作成に向け、エックスサ…

  5. WordPress

    初めてのブログ作成_02ワードプレスのインストール

    ワードプレスを自動インストールサーバーのレンタルとドメイン取得が完…

  6. WordPress

    私のEvernote活用。エバーノートでセレンディピティ。コンテキスト機能が便利!〜エバーノート X…

    エバーノートはメモを残したり、書類を写真に撮って保存したり、ネットの気…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

コメントするためには、 ログイン してください。

特集記事

  1. ジブン手帳Bizminiバーチカル

最近の記事

  1. カメラ売却

ピックアップ記事

  1. ブログタイトル・仕事で使える!キャッチコピーの大原則とは?
  2. MacBookProとKindleとEvernoteの組合せ…
  3. iPadProとGoodNotesとJorteで手帳・ノート…
  4. 私のEvernote活用。エバーノートでセレンディピティ。コ…
  5. マイナンバー制度導入で生活がどう変わる?ロードマップでメリッ…
  6. 広告非表示に関するグーグル、アップルの動向とアドセンスの今後…
  7. しっかり!まとまった!文章を書く
  8. 日常から抜け出したい人たちが登場する映画〜バードピープル(B…
  9. マイナンバー通知カードの配達開始!自宅への発送時期を確認する…
  10. マレーシアへ男ひとり旅(クアラルンプール)〜到着編〜
2019年5月
« 9月    
 12345
6789101112
13141516171819
20212223242526
2728293031  
  1. アドブロック広告非表示

    気になるニュース

    広告非表示に関するグーグル、アップルの動向とアドセンスの今後。
  2. travel

    マレーシアへ男ひとり旅(クアラルンプール)〜到着編〜
  3. travel

    アラフォーが香港・マカオへ一人旅!孤独のグルメ編
  4. マイナンバー

    マイナンバー交付通知書がやっと来た。次は個人番号カードの受領!
  5. ガジェット

    スタンディンデスクは省スペースで健康にも効率化にもメリットが。
PAGE TOP