PhotoshopでWEBデザインのチュートリアル

どもでしヽ(ﾟ◇ﾟ )ﾉ



いま、PCサイトのデザインを制作中なのですが
こんな
チュートリアルを見つけたので

⇒フォトショップでシンプルでオシャレなウェブレイアウトをデザインする方法


このチュートリアルを参考に
PhotoshopでWEBデザインを作ることにしましたヽ(ﾟ◇ﾟ )ﾉ



いつもは、Fireworksでデザインを作成するのですが
Fireworksで縦長の角丸の四角って、変になりませぬか？！(´Д｀；)
綺麗な角丸になってくれません。。縦に引き伸ばされてしまいます。。

何か方法のあるのでしょうか・・・
わたしはこういう基礎的な部分の知識が抜けていたりします(_ _。)



Photoshopだと、縦長の角丸四角でも
綺麗に角丸になるので
これを機に、Phptoshopの勉強をしようと思います。


上で紹介した記事中でも紹介されているのですが
バランスの良いWEBデザインのポイントとして
グリッドラインデザインとあります。





このグリッドラインのテンプレートは
このサイト⇒ 960.gs

で、ダウンロードすることができますよﾍ(ﾟ∀ﾟ*)ﾉ
（サイトのヘッダー左上に、「Download 」と黄色（オレンジ？）文字で書いてあります）

Photoshop、Fireworks、Illustratorなどなど、
それぞれのグリッドラインが用意されているので、とても便利です(^人^)



あと、
ラインに１ピクセルの#FFFFFFでラインをいれて
立体的にすっきりと見せるデザインというのもわたしは好きです。





↑ペイントツールで作ったので
画像が荒くなっています(｡-人-｡)ｽﾐﾏｾﾝﾃﾞｽ




このあたりのことを、取り入れつつ
今回のWEBデザインを進めていきたいと思いますヽ(ﾟ◇ﾟ )ﾉ





わたしの2010年の目標はこちら

はじめましての方はこちら
テーマ別の目次

最近WEBデザイナーの求人が増えてきましたね
わたしが今の職に就けたのもこのぐらいの時期でした
メガ転職サイト「シゴト.in」

⇒三日坊主ブログ応援お願いします☆
⇒ブログランキング★転職
（おかげさまで転職カテゴリで上位にランクイン中です☆）