フリーのWEBデザイナーについて

このQ&Aのポイント
  • フリーのWEBデザイナーの方々は主にイラストレーターやフォトショップを使用してWEB上のアイコンや背景画像を作成しています。一般的なレベルでは、簡素なもの以外は素材集を購入してそれを加工することが一般的です。
  • フリーのWEBデザイナーが0から自分で作れるようになる必要があるのは、基本的な背景画像や簡単なイラスト程度です。複雑なイラストやCGIが必要な場合は、イラストレーターに外注することが一般的です。
  • 初級レベルのイラストレーター本を終えた後は、実践で作品を作りながらスキルを磨くことが重要です。同様に、フォトショップについても実際の制作に取り組むことで技術を向上させることができます。
回答を見る
  • ベストアンサー

フリーのWEBデザイナーについて

フリーのWEBデザイナーの人達はWEB上のアイコン、背景画像などを基本的にはイラレ、フォトショで作っていると思うのですが、平均的にやりたい位でしたらどれ位の事は自分で出来ないと不十分でしょうか? http://www.kinder.aoyama.ed.jp/ こちらの木の背景位なら出来て当然でしょうか? それとも上記位になれば素材集を元に加工するのでしょうか? これからイラレの勉強をするのですが、一体どこまでフリーのWEBデザイナーが0から自分で作れるようにならないといけないのか一般的なレベルが分かりません。 知恵袋のキャラとかであれば恐らく0から自分で作るのですよね。 そもそも基本は背景画像、動物、人物などはマンガのような非常に簡素なもの以外は素材集をかって、それをイラレで加工するのが一般的なレベルなのでしょうか? 例えばhttp://www.kawahara.ac.jp/aikou/こちらの左上のロゴ位は最低でも必要ですよね。 http://www.minayoshi.co.jp/youchien/minamishirayuri/index.htmlこちらの子供の絵や下のモグラなどになればイラストレータの方に外注するのも一般的なのでしょうか?(これ位外注するといくら位になるのでしょうか?簡単な子供の絵でも5000円位するのでしょうか?) http://ib-ennoshita.jp/ここまで来ると自分では作れませんよね。その間位は0から作ってこちら位だと外注か素材を加工する感じでしょうか? それとも五重の塔の絵などまで行けば確実にイラストレータの方に外注ですが、そのレベルまで行かなければCGIなどとは違って、そもそもイラスト関連は一切外注しないで出来る位(五重の塔や本格的な人の絵など以外は)にならないとだめでしょうか?(フォトショップ関連も) http://item.rakuten.co.jp/asagohanhonpo/n020/位の画像、イラスト関連ならすべて自分で作れる位になった方が良いですよね。人の絵もあれ位ならできるようになった方がいいでしょうね。 今、イラストレータの初級本を終える辺りなので次にどれ位やっていけば良いのか悩んでいます。 下記のような実践に近い本をやって後は実践で作りまくるといったイメージで良いのですかね?フォトショップも同じようなイメージですかね? Illustratorで作る ロゴ・マークデザインブック 【CS6/5/4対応】 [単行本(ソフトカバー)] http://www.amazon.co.jp/Illustrator%E3%81%A7%E4%BD%9C%E3%82%8B-%E3%...

  • CSS
  • 回答数6
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
回答No.6

No.4さんの言っている「情報をまとめる力」や「よいものを見極める能力」、「組み合わせる能力」はデザイナーになる上でとても重要なことです。 これからデザイナーとしてやっていくのであれば、上記の事柄はとても必要な事項なので覚えておいた方がいいです。 しかし、htmlcss123さんの質問はその前の話だと認識しています。 目指されているのはデザイナーですよね? ディレクター等とは違いますよね? それであればイラレ、フォトショ、ドリは最低限できる必要があるかと思います。 したがって、質問にあげられたようなことはデザイナーなら誰でもできるので、やっておいて損はありません。 > クライアントが伝えたい情報や、商品を分かりやすく適切に訪問者に理解してもらう能力のことでしょうか? No.4さんが言っているのはUIだけではありません。 この前添付した画像がぼけてしまってよく見えなかったと思います。 フォトショでのやり方を記載しましたが、やってみましたか? 一度試してみて下さい。 応援しています。

htmlcss123
質問者

お礼

ありがとうございます。 フォトショの勉強はまだの段階なので、出来次第やってみます。

その他の回答 (5)

  • tracer
  • ベストアンサー率41% (255/621)
回答No.5

> イラストはできればよいが、たいして出来なくてもやっていけて、 > それよりHTML、SEO、SEMがしっかりできればフリーで > やっていけるということでしょうか? 違いますよ。 情報デザインとはSEO/SEMのことではありません。 情報デザインとは、一言で言うと、情報をまとめる力です。 説明がとても難しいですが、端的に表現してしまえば、いくらイラストや写真が上手に作れるからといっても、そのWebサイトが持つ目的に貢献できるわけではないということです。イラスト、写真、プログラム、SEO/SEMなどは単なる道具にしか過ぎません。何らかの「よいWebサイト」というものがあるとしたら、それはイラストや写真やプログラムなどではないということです。 フリーのWebデザイナを目指されているんですよね? ところで、フリーのWebデザイナって何をする人ですか? おそらくそれが、htmlcss123さんの持つ疑問の回答になりますよ。 簡単ではないと思いますが、その答えを考えてみてください。

htmlcss123
質問者

お礼

クライアントが伝えたい情報や、商品を分かりやすく適切に訪問者に理解してもらう能力のことでしょうか?

  • tracer
  • ベストアンサー率41% (255/621)
回答No.4

htmlcss123さんにとってのWebデザインとは何でしょうか? 質問文を見るかぎり、「上手なイラストや写真を提供すること」が、htmlcss123さんにとってのWebデザインのように感じます。 でも、実際の仕事となるとそれは違いますよ。デザインをするにあたって、上手に絵を描けるにこしたことはありませんが、あまり重要ではないです。特にWebデザインは、「情報デザイン」の部分が多いです。情報を的確に捉え、それを上手に表現できれば、絵があろうが、なかろうが、あるいは、誰が描こうがあまり関係ありません。 自分で絵を描くことができると有利になる点ももちろんありますが、逆に描けないことによって決定的に不利になることもありません。肝心なのはよいものを見極める能力であり、それを組み合わせる能力だと思いますよ。

htmlcss123
質問者

お礼

有難うございます。 >自分で絵を描くことができると有利になる点ももちろんありますが、逆に描けないことによって決定的に不利になることもありません。肝心なのはよいものを見極める能力であり、それを組み合わせる能力だと思いますよ。 イラストはできればよいが、たいして出来なくてもやっていけて、それよりHTML、SEO、SEMがしっかりできればフリーでやっていけるということでしょうか?

回答No.3

No.2です。 画像が添付されていなかったので再度添付してみます。

htmlcss123
質問者

お礼

ありがとうございます。お忙しい中大変ありがとうございました。

回答No.2

No.1です。 Webデザイナーですよね? コーディングのプログラマーならできなくても大丈夫ですが、デザイナーなのでできなければ厳しいです。 しかし、注意して欲しいことは作れることと作ることは別です。 それを作れる技術は必要ですが、イラスト等にはその人のテイストがあります。 こういったテイストのイラストがいいという場合がきっとあります。 そういった時や、どうしても面倒なとき(量が大量にある、すごい細かい、自分の技術ではできない等)は外注に出してはどうでしょうか。 臨機応変にいきましょう。 木の画像を添付しました。 見れなかったら言って下さい。 作り方としては、photoshopでベタをひいてフィルターでノイズを加え、ダウンロードしてきた木のベクター素材を配置し、ちょっとぼかして、不透明度を少しかけ重ねただけです。 5分かからずできます。 やり方は何通りもあってどれが正解というのはありません。 なので色々試して研究してみてはどうでしょうか。

htmlcss123
質問者

お礼

有難うございます。 フォトショップで作るのですね。 イラレのベジェでつくったのだと思っていました。

回答No.1

はじめまして。 以前、フリーのデザイナーとして活動し、現在はデザイン会社勤務しています。 イラスト、紙媒体、web等なんでもやります。 僕の場合ですが、上記にあげられたイラストは出来て当たり前です。 (理由:「こういうデザインをしたい」「ここにこのイラストが欲しい」等、制作をしている中で、やりたいことが出てきます。その時にそのイラストをかける力がなければいけません) むしろ、慣れなんで回数をこなせば出来るようになるし、どうやって作っているか分かるようになります。 今、始めたばかりと言ってるので心配しなくても大丈夫です。 焦らずゆっくり学んで下さい。 *次にどの本をやればいいか迷っているのであれば、上記に表示されたイラストを作ってみてはどうですか? 全く同じ物を作れなくても自分のテイストで同じ様なイラストを作ってみてはどうでしょうか?

htmlcss123
質問者

お礼

ありがとうございます。お忙しい中大変ありがとうございました。 DTPではなく、WEBデザイナーでも皆で来て当然というお考えということですね。 >http://www.kinder.aoyama.ed.jp/ こちらの木の背景位なら出来て当然でしょうか? このレベルだと木の周りが金色の粉のようになっているように見えるのですがタダのグラテーションの上に白い木を乗っけただけなのでしょうか?

関連するQ&A

  • WEBデザイナーはフォトショイラレをどう使いわける

    WEBデザイナーはフォトショイラレどちらをどう使い分けて中心的に極めるべきか質問した時に下記のような回答をもらったのですが、下記のような疑問が残りました。 また、使い分けはおっしゃっているような形が理想と思いますか? アイコンもバナー以外はPhotoshopで作るほうがよいのは素人の自分でもわかるのですが、アイコンもバナーもPhotoshopで作るほうがよいのでしょうか? また、バナーとは当サイトの楽天などにあるバナー広告のことでしょうか? 下記疑問に思ったところ。 > アイコンもバナーもPhotoshopで作ってください。 そのバナー内に入れるイラストや絵柄などはIllustratorで作ると良いです。 ですので、Illustratorも使えるに越したことはありません。 WEB関係者のフォトショとイラレの使い分けの境界線が難しいのですが、バナーやアイコン、デザインカンプなどフォトショで作れる主な部分は可能な限りフォトショでビットマップデータ作って、どうしても作れない部分だけイラレのベクトルデータでつくりイメージでしょうか? バナーなら枠や背景はフォトショでつくって、その中にいるキャラクターや、花などはイラレで作り、最終的にフォトショにまとめてビットマップデータで保存するということでしょうか? イラレで作らないと拡大縮小が出来ないので、アイコンはイラレで作った方が良いのかと思ったのですが、フォトショでビットマップデータが良いのですか? 当サイトならハートのアイコンや上記のOKWAVEのアイコン、お礼のボタンなどもすべてフォトショが良いのですね。 楽天のバナー広告などなら中の楽天イーグルスのキャラなどだけイラレで作るイメージでしょうか? またイラレはぼけると聞いたのですが、それはWEBページに組み込むとaiをpngにした画像が多少ぼけるということでしょうか? psdをpngでWEB上で表示すれば一切解像度は下がらないということでしょうか? 素人の質問で大変恐縮です。 下記いただいた回答。 で、本題に関して結論を言いますと、Photoshopでデザインする事を覚えてください。 IllustratorでWebデザインを行うのは論外です。 特に、コーディングを外注するならaiファイルは非常に嫌われます。 アイコンもバナーもPhotoshopで作ってください。 そのバナー内に入れるイラストや絵柄などはIllustratorで作ると良いです。 ですので、Illustratorも使えるに越したことはありません。 プロの現場でも、IllustratorでWebデザインを行う方は居ますが、 そういう方は印刷出身で他のツールを使えない方です。 「これからWEB用にどちらを勉強しようかな」という方がIllustratorを選択する理由はありません。 少し前までは「PhotoshopかIllustratorか」ではなく 「PhotoshopかFireworksか」で議論が分かれていました。 Photoshopの方がアナログでやれる事は多く、自由度は高いですが、 Fireworksの方がWEBに特化している分仕事の効率化に向いています。 どちらも一長一短ですが、FireworksはCreative Cloudに含まれず、開発終了のうわさが流れているので、今からだとPhotoshopが良いかと思います。 一応、IllustratorのWebに向かない理由を列挙します。 ・画像のピクセルがぼやける ・書き出しが不便 ・同じサイズで作成した複数のアイコンや画像が同じサイズで書き出せない 他にも色々ありますが、最初の理由ひとつだけで残念なサイトにしかなりません。 以下は印刷出身の方がよく作るイラレデータで、Webとしては話にならないものです。 (しかし、こういうデータが本当に多い) ・CMYK ・サイズが適当 ・文字サイズを変えすぎ ・乗算などの効果を使用している Illustrator使用者は紙出身者が多いので、デザインを1枚のものとして考えるので、 パーツ分けした際にそのまま使えない事が少なくありません。 Webでは「画像、背景、テキスト」で考えますのでそもそも使い方が違うのです。

    • ベストアンサー
    • CSS
  • WEBデザイナーはフォトショイラレどちらを極める?

    WEBデザイナーの仕事を目指していて何時かフリーになりたいと夢見ている者です。 いまフォトショとイラレの初級本が終わった所なのですが、その後WEBデザイナーはどちらを中心にWEB用の中級本を購入して習得していった方が良いか悩んでいます。 DTPなどではなくWEBデザイナーはどちらを中心にレベルを上げていくべきでしょうか? フォトショは写真加工ができればそれで良いのでしょうか? アイコンやバナーなどはイラレで主に作り、悪魔でフォトショはWEBの場合は写真加工ができるレベルで良いのでしょうか? また、WEB用の良い中級本が見つからないのですが、有りましたら教えてください。 よろしくお願いします。 またフリーを考えるならWEBだけでは厳しいでしょうか? もしそうならフラウドソーシングなどのサイトでバナーやPPCの画像作りなどもするのが最低条件でしょうか? そこまで必要なら下記くらいのWEBを超える本をやった方が良いのでしょうか? http://www.amazon.co.jp/FASHION-ILLUSTRATION-WORKS-Photoshop-Illustrator/dp/4798123803/ref=pd_sim_b_4 そこまで要らないなら下記のどちらかしか私には見つけられませんでした。WEB限定で良いのがありません。どちらがマシでしょうか? http://www.amazon.co.jp/Web%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E9%BB%84%E9%87%91%E5%89%87-%E3%80%8C%E6%97%AC%E3%80%8D%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E5%AD%A6%E3%81%B676%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%BB%E3%82%A8%E3%83%83%E3%82%BB%E3%83%B3%E3%82%B9-Web-Designing-Books/dp/4839928614/ref=cm_cmu_up_add_glance http://www.amazon.co.jp/Photoshop-%E3%82%B6-%E8%B3%AA%E6%84%9F-UP-Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E9%80%9F%E5%8A%B9%E6%8A%8060/dp/4844328336/ref=cm_cr_pr_product_top 他にもっといいのがあると良いのですが

    • ベストアンサー
    • CSS
  • 絵が描けなくてもWebデザイナーになれますか?

    デザイナーというからにはイラストぐらいは描けないと成れないイメージがあるのですけど、幼稚園児レベルの絵しか描けない者でもフォトショップ・イラストレーターなどが扱えればWebデザイナーに成ることできるのでしょうか。 ソフトの操作やパソコンの知識などは努力でなんとかなるかもしれませんが、絵を描く能力だけはどうにもならないように思うのです。 仮になれるとしても、やはりイラストが描けるかどうかという点でデザイナーとしての成長に差が出てしまうものでしょうか。 また、プログラマーは年を取れば能力的に厳しくなると言われているようですが、Webデザイナーに関しては中高年になっても続けられる職業なのでしょうか。 どなたかご回答頂けますようお願い申し上げます。

  • WEBデザイナーの方に質問です

    仕事でロゴや壁紙など素材は一から自分で全部作るのですか? それとも本や無料WEB素材を自分で加工して使ったりもするのですか? 参考意見よろしくお願いします

  • WEBデザイナーになるには。。。

    現在、事務系のOLです。 インターネットのHPを見ているうちに、WEBデザイナーと言う仕事があると知りました。 とても興味があり、学校(スクール)等に通って転職したいと思っています。 とは言っても、現在30代前半の年齢でHP作成に必要なソフト(イラストレーター・フォトショップ・フラッシュなど)は、少しいじれる位です。 自分のHPも作成中です。 そこで現在WEBデザイナー等で働いている方に質問です。 ・WEBデザイナーになるには、スクールに通うべきか? ・今から独学orスクールで勉強し転職は可能か? ・また通っていて「良かった・悪かった」スクールは? ・イラスト等は苦手ですが、WEBデザイナーにはなれますか? こんな初歩的な質問ですみませんが、アドバイスをお願いします。

  • Web用に保存すると色が変わるのはなぜ?

    背景画像にするために幅1px×高さ10pxの画像をイラストレーター9.0で作っています。色を#9e9787にしたいのですが「Web用に保存」すると#cfcbc3に勝手に変換されます。他の少し大きめの素材だと、色は変更されません。そのままの色(#9e9787)で保存する様にするためにはどうすればいいのでしょうか。。宜しくお願いします。

  • イラストレーターでWEBデザインする時

    WEBデザイナーをしています。 私はイラストレーターの方が文字の装飾などパーツを作るのに便利なので、 全てのデザインをイラストレーターで行っています。 そこでものすごく木になることがあります。 クライアントから素材として大きな画像をもらうことがあります。 この場合は、フォトショップで使用する大きななどに調整してイラレにもって行きます。 さらにイラレ上でこの画像に文字をのせたり、マスクをかけたりデザインをしてから、 デザインが仕上がった段階でスライスに入ります。 当たり前ですが、一旦フォトショでjpgで書き出して、さらにイラレのスライスでもjpg書き出しをするので、 写真画像があまりきれいではありません。 大きなままイラレに持ってきて、イラレ上で縮小して書き出せば、そこそこキレイなのですが、 イラレを保存する時にかなり重くなってしまいます。 イラストレーターでWEBデザインをされる方は写真画像の書き出しなどはどのようにされているのでしょうか? 良い方法、もしくはやはりイラレでデザインすべきでないなど、教えていただければうれしいです。 よろしくお願いします。

  • web用画像、文字の滲みについて

    イラストレーターを使用し、ウェブ用素材を作っております。 下記サイトの画像にある、グレー文字のようにくっきりさせたいのですが、方法がわかりません。 http://store.shopping.yahoo.co.jp/angers/115267.html 使用OSはmac osx、アプリは、イラストレーターCSです。 通常、イラレで作った素材はweb用に保存(jpg)を実行しております。 お手数ですがイラレCS、フォトショップCSを使用しての方法をご教示頂けると幸いです。 どうぞ宜しくお願い致します。

  • WEBデザイナーの方に質問です。

    自分でHPを作るだけだったら、有料無料問わず素材として使ってOKの写真ってたくさんあると思うんですが WEBデザイナーさん達のように、写真を加工してバナーにしたり、HPに使ったりして それをお客さんに売ったりする場合、どんなところから写真を購入してるんでしょうか?

  • イラストレーター10で作ったWeb用素材

    自分のHPで使う為に イラストレーター10で小さなアイコン程度の べた塗りのイラストを描いたのですが Web上だと端がにじんだようになってしまいます。 素材屋さんで配布されてるぐらいの絵にするには どうすればいいのでしょうか。 「Web用に保存」でアンチエイリアスなしにしてます。 よろしくおねがいします。

専門家に質問してみよう