Seesaaブログのカスタマイズ用素材を作ってみる

2013年04月09日
このブログをどんなかんじでカスタマイズしたのかを、ゆるゆる紹介してみます!

まずはデザインについて。

いつもWebサイトを作る際は、トップページのデザインをがっちり細かいところまで作りこみ、その後で全部ローカルでコーディングをします。
でも、Seesaaみたいなブログサービス内で自分の思うようにデザインをカスタマイズしようとなると、どんなSeesaaの恐ろしい仕様が待っているかわからないので、臨機応変にできるようデザインもざーーっくり作ります。

ピクチャ 1.pngまずはポイントのイメージをIllustratorで作りました。

ブログ名は、ずっとどこかで使ってやろうと思っていて決まっていたので、さっそくロゴから。
ぐりぐりクマーをかき、ロゴを作ります。
作ったロゴに合わせてその他部品もぐりぐり作ります。

ピクチャ 3.pngその後はPhotoshopに移って、だいたいどんな雰囲気にしようかなーとサイズ感や背景なんかを組み合わせて考えます。

この時Illustratorで作ったベクターデータをスマートオブジェクトにしてPhotoshopに配置すると、解像度の影響を受けないでサイズ変更できるので便利です!
▼スマートオブジェクトについての記事はこちら
Photoshopのスマートオブジェクトがとっても便利【ベクトル編】

そしてWeb用に書き出せば素材の準備は完了です!

posted by シュガリー at 22:55 | Comment(0) | TrackBack(0) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
Name *
Mail
Website

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/354689374
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。