ロゴ画像の完成

投稿日:2018年2月27日

前回のヘッダー画像制作に続き、今回はロゴ画像を作っていきます。
サイト名が書かれたアイコン画像ですね。
 

ここは特に手を加えずとも、WordPressデフォルトのフォントで書かれたテキストでも別にいいっちゃいいんですが、こういうちょっとしたトコでオリジナリティとか出していこうかなーなんて。
ガンプラをテーマとしたブログなんて山ほどあるでしょうしね。

 

ほんでなんやかんやあって完成したロゴ画像がコチラ!

ロゴ画像

 
…なんか、小学生がはじめてのパソコンの授業で書いたネームプレートみたいな出来ですね(;^ω^)

まぁ実際そんな感じなんですけどね。
こういうデザインとかやったことなかったし。

い、いーんだよ! 「おりじなりてぃ」が出したかっただけだし?
 

とりあえず目指していたのは、
「読みやすい」
「プラモブログっぽい」
だったんで、こんぐらいシンプルでもいっかなーと。

文字の周りを囲っているのはプラモのランナー(のつもり)。
この手のプラモを扱ったところでは非常ーによく見かけるデザインですね。
いろんなトコから似たようなデザインのロゴを集めてきて参考にしましたが、私が作ったのが一番下手くそですね(笑)

ちなみに下書きはアナログ(シャーペン)、色塗りはデジタルマウスで頑張りました。
いやー「ぱそこん」って難しいネ! このブログ作り始めてから毎日のように思ってるわ。

 

さて、今回はホントにこれだけの話なんでもう書くこと無いですね…

ここまでで約600字。
1記事には最低1000字は書けってネット上ではどこ見ても言っているので、もうちょいなんか書かんとですね。
 

それではこのしょっぺぇロゴ画像ができあがるまでの過程を大公開!!

私の苦労話、兼 尺稼ぎだ!!

時間を無駄にしたくない人は今すぐ帰ることをオススメするよ!!

 

『ガンプラ気分』のロゴ画像ができるまで

さて、読者もいなくなったところで好き勝手書かせてもらいましょうかね。
 

最初の作業はロゴのデザイン。
デジタルツールなぞまるっと使えないアナログおっさんは手書きで頑張ります。

ロゴ画像 下書き

いやー定規とか使ったの久しぶりだわ。

一応デザイン案は他にも2つほどあったんだけど、一番無難なヤツにした。
あんまり文字を崩しすぎて読みにくくなってしまってはオリジナリティ以前の問題だしね。
 

真面目な話、これからプラモのブログをやる上で一番重要なのは「サイト名」を覚えてもらうことだと思っているんですね、私は。

理想としては自分の書いた記事(レビュー)を気に入ってもらえて、定期的に読みに来てもらえる、「ファン」と言い切ってしまっていいのかな?、そういう層が得られればブロガーとしてやっていけるのでしょうが、私にはきっとそういうのは無理…

文才も無い、カメラの技術も無い、プラモの改造どころか塗装すらできない…
そんなレベルの模型ブログだと、多分検索流入から目的の1ページだけを見て帰っていく人がアクセスの大半を占めることになると思うんですよ。

模型ブログに限った話じゃないと思うんですが、明確な知りたい情報を追ってサイトに訪れた人ってのは目的の情報を得られたら(あるいは得られなくとも)、他のコンテンツには目もくれずに帰っていくのではないかと。 私がそうですし。

そこで何かしら、ホントに何でもいいから何か1つ記憶に残るような物を残していきたいわけですよ。

よく見かけるのが「管理人(執筆者)名」を前面に押し出したブログですね。 サイト名に含ませている所も少なくないですよね。
気持ちは分かりますけどね。 覚えてもらえたら一番嬉しい部分でもありますし。

でもそれが果たして記憶に残るか、というとかなり厳しいんじゃないかと私は思います。
いざそのサイトを検索しようとした時、名前がまっったく出てこないんですよね。
過去に一度見かけただけのブログをまた見たいと思った時、探す切り口が何もないわけですよ。
特にネット上で使ってる名前なんてハッキリ言って似たりよったりですから。 私が使ってる「crim(クリム)」も含めて。

なので私はなるべく短く覚えやすいサイト名にしよう、と『ガンプラ気分』にしたのです。 7文字ですよ、7文字!
…今だから言えますが、ほんとは「ガンプラ日和」が良かったんですけどね。 既に使われていましたので(^^;

覚えやすいサイト名なら、ファン(定期的な読者)でない人が、「あのブログまた見てみよっかなー」とかふと思った時にまた辿り着けるのではないかな、と。 というかそうありたい。

このガンプラブログは最新キットレビューはせず、古めのキットを私が作りたいときに作るってだけのブログになる予定なので、古いキットを検索した人が『ガンプラ気分』の名前を見て、「あ、このサイト前に見たことあったなー」ぐらいにでも記憶に残ってりゃーありがたいですかね。

 

おっと、話が脱線した(;´д`)
人気無いブロガーのブログ論とか痛すぎますよね。
またやります。

 
(よし、2000字いった。)
んじゃロゴ作成の続きね。

手書きの下書きをもとに色をつけてー、の前に、これは紙に描いた物なのでPCに取り込まねばなりません。 スキャナーが必要ですね。
 

スキャナーはねぇ…、一応持ってるんですが、かなりの年代物なんですよね…。 10数年前のヤツだったかな?

しかも地震で落っこちて1回バラバラになったんですよね…(その際 MG Zガンダムが下敷きとなった)

あの頃からPCが変わっていたのでドライバのインストールから。
そして試しに「プレビュー」スキャンをしてみるも、表示結果はまっしろ…(ll゚д゚)
でも1回本スキャンを試みたところ、その後は問題なく表示されるようになりました。
セーフ(;-ω-)=3
 

あとは色塗りなんですが、こっからがまー長かったですね。 フォトショップとの格闘の日々よ。
フォトショとかブログに載せるための画像の切り抜き(トリミング)・リサイズ・圧縮ぐらいしか今まで使ってきませんでしたから。

まずは簡単なバケツツールでの塗りつぶしから。

ロゴ画像 着色

手書きのスキャンなんて線ブレッブレなんで上手くバケツ流れてかないかと思いましたが、けっこう何とかなるもんだ。
1箇所だけちゃんと繋がってなくて真っ赤っかになりましたが、マウスで線を書き足してどうにかこうにか。
 

このままではシャーペンで引いた線が残っていたので、[レイヤー]なる機能を使って背景に色をつけずに線だけに色をつけるのに挑戦。

レイヤーの使い方自体まるで分からん、というかレイヤーってそもそも何に使うの? って感じで手さぐりでいろいろいじっていったところ、「オーバーレイ」なるものを使うことで上手くいった。 エクシーズ召喚でもするのかよ

ロゴ画像 オーバーレイ(?)

…画像見て気付きましたかね? 致命的なミスをしていることに。

そう、多色成型ミスりました(笑)
いやーさすがバ○ダイの技術力、私のような凡骨には模倣することすら敵わないということか…!
 

ま、やっちまったもんは仕方ない。
デジタルの良いところは後からの修正が容易なところよね。

あ、私はパソコンとかサッパリなアナログ人間ですが、別にデジタルを非難する気はないのよ。 ただ自分が使いこなせてないってだけなんで。

さて、上記の状態ではランナー(周りの枠線)と文字の境がなくなってしまい、肝心のサイト名が読みづらくなってしまいました。

なので文字の縁取りを黒く塗ってみる。

ロゴ画像 縁取り

地味ーな作業でしたが、これが辛かった…
この黒い縁取り、全部マウスで描き込んだんですよ…

これはさっきの多色成型ミスなんかとは比べ物にならないほどのミスでしたわ。
下書きの時点で縁を書いておくべきだった。
今回作ったロゴ画像もずっと使うわけではなく飽きてきたら変えようと思っているので、次作る時の課題点とします。
 

次は消しゴムかけ。 消しゴムっつってもフォトショ上のね。

これでさっきの多色成型ミス他、ちょっとくどいかなぁと思ってたゲート(文字と繋がってる線)を消していく。

ロゴ画像 消しゴム

うん、だいぶスッキリしましたね(^^)
 

よく見るとまだ文字の中にシャーペンの跡が残っていたので、エアブラシツールで上から塗りつぶしていく。

ロゴ画像 エアブラシ

私はパチ組みモデラーなのでエアブラシとか無縁の物なんですが、実物のエアブラシもこんな感じなんかなーとか考えながら作業してました。 やっぱちょっとは憧れあるんすよ。 グラデーション塗装とかやってみたいやん?

このロゴ画像はこれでほぼ完成なんですが、文字に立体感出したくて光の反射とかグラデーションとか入れようと思ったんですが、まるで上手くいきませんでした(>_<)

なんかやればやるほど「手描き感」が増していって安っぽい出来に…
あ、グラデはやり方すら分かりませんでした。
まー絵心が無ければ例えツールを使いこなせてもろくなモンはできんでしょう。 諦めました。
 

で、色を少し調整。 ランナーと文字の色を変えてより読みやすく。

ロゴ画像 調色

[色調補正]の機能でレイヤー全体の色を調色。
てきとうにバーをがっちょがっちょいじってできたようなものですが、デジタルってスゴイなぁ。

完成品のロゴ画像はここからさらにもう少し手を入れてるんですが、まぁ些細なものなんで割愛。 …文字数も充分だしね

 
こっからはちょっとしたおまけ。

完成品のプランB。

ロゴ画像 プランB

ゲートを消しすぎて若干すっきりしすぎてしまったかなー?、と感じたので、マウスでテキトーに線を足したもの。

これはやりすぎですねw
いやなんか迷路を描いてるみたいで楽しくなっちゃって(;´ェ`)
 

こっちはプランC。

ロゴ画像 プランC

なんかふと「メカ感がほしい」と思い立ちまして、なんていうの? リベット? なんかネジ穴みたいなやつ。
あんな感じのをつければそれっぽくなるんじゃなかろうか、とか思ったんですが…

うーん… なんかホクロみたい。
気色悪いですね( ゚艸゚;)
描き方のせいもあるんでしょうが。

 

はーーい、これで「ロゴ画像完成秘話」(だっけ?) はおしまい。

…実はこの程度作るのに5日かかってるんだぜ…

まー私はHGパチ組みするのに1週間とかかかる人ですからね。
巷じゃ「何やらせてもトロい奴」として評判ですからね! 私は!!
 

…さーて、そんじゃ次回の予告でもしときましょかね、目標立てておいた方がサボリにくくなりますし。

次回はこれまたずーーっと後回しにしていたモバイル版の表示をカスタマイズしていこうと思います。

前回の記事の最後の方で言っていたモバイル版表示時の無駄なスペースを省略することが目的となりますね。

他にもスマホからの操作性(っていうのかな?)を高めるために、ただPC版のを小ウィンドウ化したレスポンシブ化ではなく、モバイル用のメニュー等の設定もできたらいいなと計画していますが、このへんはまだ未定。
 

そいじゃ、無事4000字も超えましたし、今回はここまで。ノシ

-ウェブサイト作成

Copyright© ガンプラ気分 , 2019 All Rights Reserved.