photoshopでのwebデザインを制作する手順(?)がわかりやすい本やwebサイトなどありましたら教えてください。

webデザイナーですが、デザインはFireworksで作っています。昔DTPをやっていたのでphotoshopは初心者ではありませんし、現在も写真の加工等に使用したりパーツを作ったりで使用しますが、全体のwebデザインを1から作るとなるとどのような手順でやればいいのかわかりません。
photoshopのほうがデザインの幅が広がるのでなんとか使えるようになりたいです。
実際にphotoshopを使用してwebデザイナーをしていたことのある方からのご回答お願いします。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2010/11/12 11:27:45
  • 終了:2010/11/18 07:13:21

回答(3件)

id:asuka645 No.1

あすか回答回数856ベストアンサー獲得回数972010/11/12 11:51:05

ポイント40pt

下記の参考書がオススメです。


Webデザイン Illustrator&Photoshop <CS4対応> (「デジハリ」デザインスクール) (デジハリデザインスクール)

Webデザイン Illustrator&Photoshop <CS4対応> (「デジハリ」デザインスクール) (デジハリデザインスクール)

  • 作者: デジタルハリウッド
  • 出版社/メーカー: 技術評論社
  • メディア: 大型本

クリエイター育成スクールデジタルハリウッドのノウハウがぎっしりつまった解説書。基礎からしっかり学べる信頼の一冊。


【主な内容】

  1. Webサイトのワイヤーフレームを作成しよう(ワイヤーフレーム作成の準備をする/レイアウトボックスを作成する ほか)
  2. Webサイトのインターフェースデザインをしよう(Webサイトのインターフェースデザインの準備をする/背景画像を作成する ほか)
  3. テーブルコーディング用のWebサイト画像を書き出そう(テーブルコーディング用の画像にスライスする/画像を最適化して書き出す)
  4. CSS(スタイルシート)用のWebサイト画像を書き出そう(CSS(スタイルシート)用の画像にスライスする/画像を最適化して書き出す ほか)
  5. 付録(Illustrator編/Photoshop編 ほか
id:pika777

ありがとうございます。

2010/11/12 13:47:33
id:mkonomi No.2

mkonomi回答回数651ベストアンサー獲得回数452010/11/12 12:43:53

ポイント1pt

 

フォトショップwebデザインマニュアル

 

引用:

多くのフォトショップ関連書籍がありますが、WEBデザインを行うためにフォトショップを使う。この目的についての内容が少ないように感じていました。そこで自分で書いてみようと思います。なるべく目的の内容にすぐにリンクできるようなサイトにしたいと考えています。右側のメニュー等からみたいページへリンクしてください。

 

※現在制作中のため、未投稿の部分が多数です。あらかじめご了承ください

 

 

id:pika777

ありがとうございます。

こちらのページは見ましたが実際未投稿の部分が多く、肝心な部分(全体のwebデザインを1から作る)がなかったです。

2010/11/12 13:53:00
id:mkonomi No.3

mkonomi回答回数651ベストアンサー獲得回数452010/11/13 00:34:43

ポイント40pt

 

photoshopでゼロから作るウェブデザイン チュートリアル30選

(ロサンゼルスで働くウェブデザイナーの日記)

 

≪引 用≫

かっこいいウェブサイトをデザインしたいけど、そもそもどうやってデザインしているのかわからないという初心者の方々もたくさんいらっしゃるのではないでしょうか?

 

今回はそんな方々にとっても便利なゼロからきれいなウェブサイトを作るPhotoshopのチュートリアルをまとめてみました。

 

中級、上級者の方々でもデザインの幅を広げる意味でもとっても参考になりそうなチュートリアルばかりです。

 

id:pika777

ありがとうございます。

2010/11/13 10:11:11
  • id:mkonomi
     
    「30選」の最初のひとつめの About には以下の様に書かれています。
    「Psdtuts+」という団体はものすごい団体ですね。
    「Tuts+ Network」という上部団体に属している団体だそうです。
     
    Psdtuts+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around. We publish tutorials that not only produce great graphics and effects, but explain the techniques behind them in a friendly, approachable manner.
     
    Adobe Photoshop is a fantastically powerful program and there are a million ways to do anything, we hope that reading Psdtuts+ will help our readers learn a few tricks, techniques and tips that they might not have seen before and help them maximize their creative potential!
     
    Psdtuts+ is part of the Tuts+ Network.
     
    If you’re interested in writing a tutorial for the site, you can learn about the submission process on our Write a Tutorial page.
     

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません