WordPressデザイン:ブログのタイトルロゴ作成

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

今回サイトのタイトルになるロゴを作成しました。
テキストのタイトルのままとイメージがあまりに簡素でテーマのデフォルト状態と同じなので作成しました。

ブログ全体のデザインも変えていきたいと思いますが、まずはロゴから着手したいと思います。

スポンサードリンク

ロゴの手書き

まずは、手書きでどのようなロゴにするか考えていきます。
特段凝ったものでなくシンプルなもので印象が柔らかいものを作っていこうと色々書いていきます。
たくさん作って雰囲気だけでも掴めればいいのですが、なかなか決まりませんね。。

トレースして起こす方法を考えましたが、
良いイメージが浮かばないため直接Sketch上でフォントを探していきます。

Sketchでのフォント選定・調整・書き出し

いくつかOSにインストールしているフォントから最適なフォントがあるか探します。
それぞれ候補を並べて、どれが良いか見比べていきます。

フォントの種類を絞っていきましたので、
ロゴの文字間を均等に調整していきます。

フォントはGotham Rounded Bold を選びました。
フォントの持つ柔らかさと楽しさ・ポップなイメージがあるからです。

Sketchから対象のオブジェクトを選択して書き出していきます。
PhotoshopやIllustratorと比べると書き出しが非常に簡単です。
Fireworksの使用感に近いですね。

ちなみにSketchでの書き出し方法は、対象のオブジェクトを選択し、
画面右下の「Export〜」のボタンをクリックすることで保存できます。

WordPressへアップロード

アップロード方法は少々探しましたが、メニューの「初期設定」からアップロードが可能です。
「ロゴタイプの選択」の「画像ロゴ」を選択し、「画像をアップロード」を選択してください。

アップロードが完了したら、実際にアップしているか確認します。

無事アップロードできていることを確認しました。
想定よりも多少小さい気がしますが、取り急ぎは良しとします。
やはりロゴ画像が入るとサイトらしくなりますね。

さいごに

ロゴの作成をすることができました。

まだまだデフォルトに近いテーマのデザインですので、
少しずつですが、ブログデザインのカスタムも施していきたいと思います。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

スポンサードリンク