- WEBデザイン&WEBプログラミング -sei2の日記- - http://blog1.dd-company.com -

基金訓練に行ってきました。(63日目)


基金訓練(Webデザイン・プログラミング科)の63日目に行ってまいりました。
63日目は、Adobe Photoshop CS4の実習です。

63日目の内容は下記のとおりです。

フォトショップを使ってWebデザイン(その2)

57日目に引き続き、フォトショップを使ってのWebデザインです。
今回は、フッター部と、ページの右上によくある、お問い合わせの部分のデザインでした。

フッターは、全幅の四角形を描いて、そこに、コピーライト、テキストナビ、ロゴを入れました。

お問い合わせの部分は、下のような手順で作りました。

お問い合わせボタン

  1. 長方形角丸ツールで四角形を描きます。この時、右側は後でスパッと落とすので、大きめに描いておきます。
  2. バウンディングボックスを表示して、Ctrlキーを押しながら、ボックスの左下角をドラッグしつつ、さらにShiftキーを押しながら右にドラッグして離します。
  3. 長方形ツールで、一部型抜き(-)にして、右側のいらないところを囲んで消します。




実習で使用している教本