Wordpress

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

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

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

ロゴの手書き

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

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

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

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

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

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

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

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

WordPressへアップロード

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

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

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

さいごに

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

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

-Wordpress

© 2020 mthl Powered by AFFINGER5