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. アラフォーが香港・マカオへ一人旅!カジノ激闘編
  2. スキマ時間にサッと出来る!瞬間英作文はアプリ版もオススメです
  3. オススメの休日の過ごし方。新鮮野菜もある道の駅へ行ってきました。
  4. ElCapitan(エルキャピタン)にアップグレード!スプリットビューが便利でM…
  5. おすすめ!ノイズキャンセリングヘッドホン(Bose Quiet Comfort …

関連記事

  1. WordPress

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

    私がワードプレスで初めてブログを作成した経験を以下の特集記事でまとめて…

  2. WordPress

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

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

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

  6. WordPress

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

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

コメント

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

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

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

特集記事

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

最近の記事

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

ピックアップ記事

  1. Amazonのプライムミュージックで更にアマゾンに囲い込まれ…
  2. がんによる訃報を受けて。竹田圭吾さん、デビッド・ボウイ。
  3. マイナンバー(通知カード)が届いた後の手続き。会社への提出ま…
  4. マレーシアへ男ひとり旅(クアラルンプール)〜ブルーモスク完結…
  5. My ukulele
  6. アラフォーが香港・マカオへ一人旅!検討編
  7. スマップメンバーのsmap×smapの謝罪生放送を見た雑感
  8. ウクレレの練習。ジェイクの一期一会とドラゴン。
  9. Amazonプライム・ビデオのおすすめ映画(2017年3月鑑…
  10. アラフォーが香港・マカオへ一人旅!カジノ激闘編
2018年7月
« 6月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
  1. Ukulele Diary

    スマップメンバーのsmap×smapの謝罪生放送を見た雑感
  2. イヤな気持ちを消す技術

    本の紹介

    苫米地英人の「イヤな気持ち」を消す技術を読んで考えた。
  3. Ukulele Diary

    30代!サラリーマン大家から金持ち父さんへの道(不動産投資)〜前編〜
  4. 映画・ドラマの紹介

    日常から抜け出したい人たちが登場する映画〜バードピープル(Bird People…
  5. ガジェット

    手書き文字・手彫りの新素材(アグニ)の印鑑セットを購入!
PAGE TOP