• ベストアンサー

ホームページ ボタン 初心者

イラストレーター、フォトショップを使ってホームページのトップのホーム、商品案内などのボタンを作っているのですが、ホームページに反映した時に余白がでて横に並べても形がおかしくなります。 【ホーム】【商品案内】【質問】  上の【】が四角で囲っているところです。横に連ねたいのですが。 この場合、やはり、イラストレーター、フォトショップで余幅を無しにするように、ぎりぎりのサイズで作らないといけないのでしょうか? よろしくお願いします。

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

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

下記サイトなどは、画像でボタンを作る際の参考になるのではないかと思います。 http://www.tagindex.com/template/menu/index.html 小さな画像を折り返し表示して、区切りだけ別の画像を当てていますね。 私は、面倒なんで画像を使わずにCSS3で作っちゃいますが(^_^;)

huwayuu
質問者

お礼

えっ?? そんな手段があるんですか?? ちょっとみてみます。ありがとうございます。

その他の回答 (1)

  • jsktok
  • ベストアンサー率68% (44/64)
回答No.1

画像自体を修正するか、cssで調整するといいと思います。 cssに関しては、参考URLにかかれていますのでご参照ください。 他にも「css 画像位置」などのキーワードで検索すると色々なサイトが表示されますので見てみるのもいいかと思いますよ!

参考URL:
http://www.stylish-style.com/csstec/base/position.html
huwayuu
質問者

お礼

ありがとうございます。参考にさせていただきます。 本当にたすかります。

関連するQ&A

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

    ホームページ制作に関する以下のソフトの使用例について ※フォトショップ ※イラストレーター 以上、2つのソフトがあります。ドリームウィーバーは、確実に必要ですが、 ※フォトショップ ※イラストレーター をつかってホームページ素材などを作っていらっしゃる方はいますでしょうか? 自分はフォトショップをつかい、ボタンやバナーなどを作っているのですが、イラストレーターをつかってホームページ素材を作っているひとにお会いしたことがありません。 イラストレーター(またはフォトショップ)をホームページ制作の必須ソフトとして利用している方はいらっしゃいますでしょうか? いらっしゃったら、どのような用途で利用しているか詳しく教えて下さい。 イラストレーターは、図案などを作成したりするのは理解できるのですが、素材作りには向いていないような気がして。

  • ホームページ制作

    ホームページを作る際にまず イラストレーター、フォトショップを使って、 際とデザインをしてから、サイトを作ったほうがいいと 言われたのですが、 具体的にどのようなメリットがあるのでしょうか? 普通にラフに紙にデザインを描くのではダメなのでしょうか? またイラストレーターフォトショップを使って創った画像を 切り取ってサイトを作るというのですが どうやって画像を切り取ったらいいのでしょうか?

  • イラレ・フォトショップの超初心者です

    イラレ・フォトショップの超初心者です 初めまして、人物が写っている写真の部分のみ切り抜いて、イラストレータでカードを作りたいのですが、フォトショップの抽出で人物のみ切り抜き(簡単そうだったので)、それをイラストレータに移動させると人物の背景部分が白くなっているので、うまく合成できません。。 この白い部分を取りたいのですが方法はあるのでしょうか? また人物の写真を切り取るのに適してる簡単な方法が他にあれば教えて下さい。 フォトショップでの切り抜きでもイラストレータでの切り抜きでもあれば、また今回フォトショップで抽出したときは背景部分は透明だったのに、何故イラストレータに移動させると、背景が白くなったのでしょうか? ※写真はイラストレータに移動させたものです。 分かりやすいように薄いピンクの四角の上に写真を載せてます。人物の顔は伏せさせてもらってます。 この白い部分を排除したいです。

  • ホームページを作る際に

    ホームページを作ろうと思っている初心者です。イラストレーター10.00とフォトショップ8.00を使い、イラストレーターで作った絵をフォトショップでWEB用に保存して変換、GIFやJPEGにしてホームページの壁紙やロゴを作るという作業をしていました。 が、イラレやフォトショでの画面では綺麗だった画像がホームページのディレクタに送ると画像が微妙に粗くなってしまいます。イラレで透明処理をした画像を 貼ると透明が白っぽくなってすこぶる汚くなってしまいます。試しに解像度を上げて見ましたが、どれだけ上げてもあまり変わりません 普段見る良く出来たホームページの画像のように粗さの無いクリアな画像を貼りたいのですが、やはり何らかのソフトを使う必要があるのでしょうか。教えてください。

  • ホームページテンプレートへのアイコン追加方法

    ホームページテンプレートを利用してホームぺージを作ろうとしています。 そのテンプレートをフォトショップを使ってレイアウトや文章を加工しています。 テンプレートはすでに形が出来上がっているのですが、多少変更を加えたいと思い、例えば「次へ」などのボタンアイコンを入れ替えたいと思っています。  今あるのはGIFファイルのアイコンを入れ込みたいと思っていますが、単なる画像ファイルはレイヤーで入れ替えはできたのですが、GIFファイルになるとどうしていいやら解りません。 また、これはJPGファイルですが、一般的なHPの上部に会社案内や問い合わせなどの横にいくつか並んだアイコンがあると思うのですが、この数も増やしたいのですが同じものをコピーしたはいいものの並べることができません。 最終的には、フォトショップで加工したものをホームページビルダーで作り込んでいくつもりです。 詳しい方のアドバイスをお願いします。

  • おすすめのホームページ作成ソフト

    かっこいいいホームページを作りたいと思っています。イラストレーターとフォトショップは使えるのですがHTMLなどのことはあまり詳しくありません。お勧めのホームページ作成ソフトを教えてください。

    • ベストアンサー
    • Mac
  • 楽天にホームページ

    楽天にホームページを開設していますが、 「トップ自由欄編集」を利用して、トップページにも 商品を並べたりしているのですが、途中までしか表示されずに、後はかなり下の部分に表示されてしまいます。 白い余白がトップにかなりあまってるし、そこをうめたいと思ったのですが・・。 どなたか教えてください。

  • 丸だけを抜き取る

    フォトショップ4とイラストレーター7があります。黄色い四角があるとします。その中に青井丸があります。青い丸だけを抜き取って保存する方法を教えて下さい。フォトショップで作って、イラストレーターで使います。初歩的な質問ですいません。よろしくお願いします。

  • 会社のホームページを作りたいです。

    会社のホームページを作りたいと思っています。 そんなに急がないので、イラストレーターや フォトショップを覚えながら作ろうかと思っています。 フラッシュ等は難しそうなのでやめておくつもりですが、 会社のため素人っぽくないものを作りたいと思っています。 友人に聞いたところ、ソフトはCS3がいいと言われた のですが、実際のところどうなんでしょうか? おすすめがあれば教えて下さい。

  • イラストレーターで写真を貼り付けたいのですが

    デジカメでとった人物の写真をイラストレーターで作成した地図の上に張りたいのですが、写真の中の人物外側の余白部分がそのままペーストされます。人物だけの輪郭で貼り付けたいのですが、フォトショップで人物だけ切り取って貼り付けても四角に周囲が白くなります。 良い方法を教えてください。

専門家に質問してみよう