• ベストアンサー

Photoshop感覚でWeb制作出来るソフトありますか?

Nine-nineの回答

  • ベストアンサー
  • Nine-nine
  • ベストアンサー率49% (25/51)
回答No.3

私も画像で出すのが素人にできる簡単な方法だと思います。お勧めしませんが。 作者が簡単を目指せば、見る人に不便に、作者が見る人のことを思って多くの作業をすれば、見る人に便利になることが多いです。例えば、今1枚の絵として発表されますと、GoogleやYahooなど、文字を検索するタイプの検索エンジンにはページの内容が伝わらず、無視されます。 Photoshopは痒いところに手が届くそうですが、そうなるまでは相当の作業を繰り返されたと思います。ホームページも同じです。最低、html+cssの知識と、ブラウザのバグや仕様に関する知識がないと、ブラウザ間の違いは吸収できません。そのあたりがわかれば、結局は自社だけならメモ帳でいいかぁと言うことになってしまうのですが 知識が無くすぐ作らなくてはならないなら、外注をお奨めします。デザインはデザイン事務所。コーディングもその専門家に頼むことをお奨めします。時間があるならこれからのためにも勉強するのも悪くないと思いますがね。 近くなら、代わりにやるから、フォトショやデザイン教えて~っていいたいです。私はそっちが苦手。では、がんばってください。

yuniko2525
質問者

補足

お礼が遅くなって申し訳ありません。 アドバイスいただきありがとうございました。 プロの方が時間と技をかけている分野に軽率な質問で失礼致しました。 反対に「簡単にデザインできるソフト教えてください」なんて質問されたらカチンと来たと思います。 Nine-nineさんから暖かいご返信いただけて大変嬉しく思いました。 9月末に出すDMハガキにHPアドレスを載せたいそうなので、それまでに何とか形だけでもアドバイスいただいたように画像をそのまま使うかテンプレートを使って作りたいと思います。 何せ弱小事務所でお金がないのですxx それから時間をかけて勉強していきたいと思います。 専門家にお願いすることも含め検討して参ります。 どうもありがとうございました。

関連するQ&A

  • Web制作 構成案をPhotoshopに書き写す

    Web制作 構成案をPhotoshopに書き写すということについて 現在Webサイトの制作をしており、下記の記事のアドバイスに従って制作を進めているのですが、 https://koredake-design.com/design-comp-kotsu/#i-3 デザインカンプの制作手順の項目の 構成案の要素を全部置く まずはデザインカンプ制作前に準備した構成案をそのまま書き写しましょう。 構成案をPhotoshopで作っている人は問題ないですが、他のツールや紙ベースで作成している方は、とにかくデザインすることは考えず構成案をそのままPhotoshopに写してください。 この構成案をPhotoshopにそのまま書き写すというのは、 画像の構成案をそのままPhotoshopに書き写す、PhotoshopでHTML、CSSでロゴや文字を配置する時のように、Photoshopで構成案をそのままPhotoshopで画像の状態を実現するということなのでしょうか? また、なぜフォトショップに書き写す必要があるのかよく分かりません。紙に構成案を書き写したのですが、それではダメなのでしょうか? どのように書き写していけばいいのか全くイメージが湧かないのですが、アドバイスを頂けると幸いです。

  • Webサイト制作におけるPhotoshopの使い方

    未経験からwebデザイナーの転職を目指しているものです。 架空のお皿屋ブランドサイトを作成しており、HTML.CSS.JavaScriptで簡単なコーディング、画像配置を終えてあとはデザインを施すだけなのですが、Photoshopでどのような色、デザインをしていけば良いのかわかりません。 これといった正解もなく、画像を少し明るくしたり、画像の中に文字をつけたり、切り取ったりすることくらいしかわからず、どのようにPhotoshopで加工すれば良いできに仕上がるのか全くわからない状態です。 こういった場合どのようにしていけば良いのでしょうか? 他者の作ったブランドサイトを見て、共通しているデザイン部分を取り入れていけば良いのでしょうか?

  • photoshopでのwebパーツ制作がうまくできません。

    現在、webデザインについて勉強中です。 HTML&CSSでのコーディングは独学ですが何とか分かるようになりました。 でも、肝心なデザインの方がイマイチできません。というか、photoshopの使い方が分からず、イメージしたものを形にでないのです。。。 photoshopでwebデザインするときに参考になるようなサイト、又は参考書などを紹介していただけないでしょうか。 photoshopでやりたいことは以下のとおりです。 ・ナビ(ボタン)を作りたい。 ・素材集等を編集してイメージ画像が作りたい。 ・ヘッダ、フッタを作りこみたい。 ・webデザインのレイアウトがやりたい。 不躾な質問で申し訳ありませんが、なにとぞよろしくお願いします。

  • Web制作時に使用するソフトはPhotoshopかFireworksか?

    Webデザイナー及び、Web関連の仕事をしている方に質問です。Wen制作時に使用するソフトは、PhotoshopとFireworksのどちらを主に使用していますか?簡単な理由も聞かせていただけると光栄です。 ちなみに、私はPhotoshop(写真加工や画像制作など)とIllustrator(イラスト制作)でパーツを作り、Fireworksでページ全体を組み立て、スライス→コーディングに入ります。簡単な画像ならFireworksで制作します。 よろしくお願いします。

  • web制作について教えて下さい。

    デザイン事務所を自営しています。 お客様から頼まれて、Webサイトを作りました。Dreamweaverと Fireworksで作成して、必要な部分はcssやソースを書き直して修正しました。 アップしてしばらくして、お客様のところにweb制作専門の業者が訪問 してきて、サイトを見て次のように直した方が良いといわれたそうです。 「画像ばかりでヒットしにくいので、コーディングをして テキスト中心にした方が良い。h1要素を入れないといけない。 我が社ならHTML5とcssでコーディングします。」 自分たちの会社で再制作させろという案内のようですが、いろいろ専門的な 言葉を並べられて、お客様は何のことかわからないのでこのままでは見れなく なるのではと思い、相談してきました。 私はどちらかというとグラフィックデザインが得意なためサイトを作る時も 画像が中心となってしまいますが、それでもcssやソースで見やすくなるように しているつもりです。Dreamweaverで制作したのとコーディングするというのは どういう違いがあるのですか。(そもそもWebデザインとコーディングとはどう 違うのでしょうか。) とりあえずはwebサイトの閲覧と中のページのフォーム送信は正常に動いて いますので問題ないのですが、お客様に不安を感じさせなくしたいと思います。 サイト制作について初歩的なことですが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • Web制作初心者です。

    Web制作初心者です。 今回ある個人飲食店からサイト作りを頼まれて作ってたのですが、ヘッダーのイメージを 変えて欲しいということで変更しようと思うのですが、最初作成した順番的には、 1.イラレで枠組みレイアウト 2.photoshopでその枠組みに沿って、レイヤースタイルとか写真とか加工して当てはめる。 3.それを元にコーディング という形にしたのですが、変更という行為自体初めてでどこから手をつけたらいいのかわかりません。 コーディングの段階でサイトが出来た段階での微調整で幅とか数pxとかいじっているので、 自分的には、Webを画像で落としてそれを元にガイド引いて、変更画像を作って入れ込むという感じなのかな? と勝手に思ってるのですが・・。 普通はどういう順番が正しいのでしょうか?

    • ベストアンサー
    • CSS
  • web制作ソフト(超ビギナーです)

    ホームページ制作王2003(アップグレード版)と ホームページビルダー v6.5 with Hot Media のどちらを購入しようか迷っています。 人気なのはホームページビルダーの方みたいですが…。 お店に行ってパッケージの裏を読んだり、WEBSITEで 色々と調べたのですが、イマイチよくわからないので 質問させていただきます。 この2つは主にどのように違いがあるのでしょうか? 私はPC歴2年ですが、Web制作に関しては全くの素人 です。 値段にも結構違いがありますよね・・・ 将来的にはフラッシュを使った、カッコイイSITEを作りたいな と夢を抱いております。 この2種のソフトの特徴の大きな違いを教えて下さい。 また、こんな初心者な私には、あなたならどちらをおすすめ しますか? 一応、将来的にはフラッシュを使ったSITEを作りたいという 事も考慮してお答え頂けましたら幸いです。 WEBSITE制作の先輩方々、どうぞよろしくお願いいたします。

  • Photoshop 制作画面回転(?)

    現在PhotoshopCS2でイラストを制作したりしているんですが、SAIの様に制作中のキャンパスを任意の角度に回転させるような事はできないのでしょうか(反転も同様)? 背景の上に別レイヤーで線画を描いているときなど、どうしても手の癖できれいな線が引けなかったりします。 またPhotoshopに手ぶれ補正機能はあるのでしょうか? あるのであれば、そちらの変更の方法も教えていただけるとありがたいです。

  • HPデザイン制作は「Photoshop CS3」か「Fireworks CS3」か?

    個人でWEB制作の仕事をしております。 WEB制作は大きく分けると、 「デザイン制作」と「HTMLコーティング」 に分かれる思いますが、 私は、Photoshop CS3、Fireworks CS3も持っておりますが、 「HTMLコーティング」はDreamweaver CS3で制作しますが、 ★「デザイン制作」に関しては、 Photoshop CS3か、Fireworks CS3の、 どちらを勉強した方が宜しいでしょうか? 以前までは、古いIllustratorと古いPhotoshopで作ってましたが、 現代のデザイン制作の主流は、Photoshopか、Fireworksと聞き、 ソフトの買い替えを機会に、 どちらかを本格的に勉強しようと思ってます。 WEB制作のお仕事をされている方、 どうかご教授アドバイスよろしくお願い致します。

  • プロのWeb製作者さんよろしくお願いします。

    現在、個人ホームページをPhotoshopで制作しています。 制作物を作りWeb用に保存の機能を使いHTMLと画像を選ぶと Photoshopで制作したデザインが全てHTMLと画像になってし まいます。テキストはテキストとして保存されません。 これをテキストはテキストとして保存して、HTMLと画像、テ キストを別々に保存する事は出来ないのでしょうか? PSDファイルの保存でテキストをホームページ制作ソフトで 編集が出来るように保存したいと思っています。 よくあるホームページのテンプレート(PSD)を調べてみました が、サンプルとしてHTMLファイルがあり、同様の場所にテキス トとして表示されておりホームページ制作ソフトで編集も可能 なのですが、どうしてもPSDファイルからは、テキストを表示さ せるようにしてWeb用に保存を行う事が出来ません。 そこで、ホームページ制作ソフトで、PSDファイルからHTMLと画 像だけを保存しテキストをCSSで指定してみたのですが、デザイ ンが崩れ台無しでした。あげくに2度手間となります。 検索などで調べて見ましたがどうしても解決策が見つからず 投稿しています。 よろしければPhotoshopでHTMLと画像、テキストをうまく表示 しPSDファイルからのみでWebを制作する事は出来ないでしょ うか。 詳しく参考となる親切な方のみ希望しております。 プロのWeb製作者さんよろしくお願いします。