ホームページ制作に関するソフトの使用例について

質問

ホームページ制作に関する以下のソフトの使用例について

※フォトショップ
※イラストレーター

以上、2つのソフトがあります。ドリームウィーバーは、確実に必要ですが、 ※フォトショップ ※イラストレーター をつかってホームページ素材などを作っていらっしゃる方はいますでしょうか？

自分はフォトショップをつかい、ボタンやバナーなどを作っているのですが、イラストレーターをつかってホームページ素材を作っているひとにお会いしたことがありません。

イラストレーター（またはフォトショップ）をホームページ制作の必須ソフトとして利用している方はいらっしゃいますでしょうか？

いらっしゃったら、どのような用途で利用しているか詳しく教えて下さい。

イラストレーターは、図案などを作成したりするのは理解できるのですが、素材作りには向いていないような気がして。

回答No.2

ORUKA1951 · ベストアンサー

※フォトショップ
は、写真などの画像ソフトを扱うことに向いています。
※イラストレーター
は、イラストなど写真以外の画像を扱うのに向いています。

　単純にそれだけです。Web開発に必要なソフトではありません。Webで使用する画像は、解像度はせいぜい千ピクセル程度までのレイヤのないものか、単純なビットマップ/ラスター画像です。フォーマットで言うと、jpeg,gif,pingでしょう。
　詳しくは→2次元コンピュータグラフィックス - Wikipedia ( http://ja.wikipedia.org/wiki/2%E6%AC%A1%E5%85%83%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9 )および関連項目

　私は、写真に関しては、Optpixが以前販売していた製品を処理に使っています。この会社の画像圧縮技術には定評があって・・。ためしにillastlatorで作成した写真をillastratorとOPTPiX WebFree( http://www.webtech.co.jp/webfree/ )で256色に減色してみると良いでしょう。
　一般的な画像については、目的に合わせてDraw(ベクター画像)やShade(3Dグラフィク)などを使いますし、SVG( http://ja.wikipedia.org/wiki/Scalable_Vector_Graphics )は、Inkscapeを使います。(Ilastratorでも扱える)

　IlastratorもphotshopもWeb用のソフトではないので、Web開発の場面で、使うことはほとんどありません。専用ソフトのほうが、はるかに使いやすいです。
　たまたまadbeの製品をセットで購入したとかの理由と、Ilastratorでプレゼンテーション用の資料提出を求められたりするので使っているだけかと思います。

　ボタンやロゴはphotoshopじゃ難しいでしょう。ベクター画像で作成して、ラスターに変換してそれを専用ソフトでGIFに減色するほうがきれいで簡単です。

お礼

回答有難うございます。

自分の仕事はプログラムでして、実際にホームページ素材をつくりこむ作業を　あまりやらなかったため、このような質問をしました。　いろいろなやり方があるのですね。
イラストレーターでパスをひいて、フォトショップに持っていくことは　たまにやったりするのですが。

ソフト等、非常に参考になりました、ありがとうございました。

回答No.3

DrFell

＞イラストレーターをつかってホームページ素材を作っているひとにお会いしたことがありません。
それは、nakisan2011_12さんがアマチュアの方しか知らないからですよ。

むしろ、dreamweaverは必要ではありませんが、イラストレーター＆フォトショップの組み合わせで素材を作ることが多いです。人や会社によっては、それらは込み入った場合で、メインはそれらのメイン機能を足したような、そしてメーカーもWebデザイン用ツールとしているFireworksを使います。

ベクトルもラスターも必要なので、片方ずつで組み合わせるか、両方を扱えるものを使います。

＞イラストレーターは、図案などを作成したりするのは理解できるのですが、素材作りには向いていないような気がして。
素材にも図案は必要です。アイコンやアイキャッチなどは図案のことも多いですが、フォトショップで作れないこともないですが、イラストレーターの方が楽です。

お礼

回答有難うございます。

様々な会社で　様々なやり方があるのだな、と勉強になりました。

また、何かありましたら　よろしくお願いいたします。

回答No.1

神崎 渉瑠（@taloo）

ベクターデータはFireworksかIllustrator、ビットマップデータはPhotoshopというのは、よく言われていると思います。

IllustratorはもともとDTP用のソフトです。
Webではピクセル単位、DTPではミリメートルやインチ単位ですから、厳密な互換性がなく、
水平線や垂直線を引いた場合、イラストレーターでは"にじみ"が出てしまいます。

最新版ではピクセル単位で線を引くことが出来るようになりましたが、
もともとウェブ業界で使われるものではなかったため、DTP業界からウェブ業界へ転職してくる人以外ではあまり使われてはいないと思います。
それでも、広告イラストのような"にじみ"を気にしない素材であれば、Illustartorで作られることも多いと思います。
（というかDTPデザイナーがイラストを作っていると思います。）

使いやすい方、使い方を覚えている方を使えばいいと思います。

お礼

ありがとうございます。

僕はイラストレーターでWEB素材を作るのには抵抗があり、他の方の意見が欲しかったので助かりました。