• 締切済み

Fireworksで作れるのでしょうか？

http://www.vveb.jp/images/common/btn_contact2.gif ↑ ウェブサイトで見かけたこのような画像をFireworksで作りたいのですが、どのように作るのか教えていただけないでしょうか？ とくに、 (1)見出しオレンジ部が上の２画だけ丸くなっている。 (2)「お問合せ」の背景がうすいグレーが２層になっている 部分が解かりません。 どうかよろしくお願いします！

みんなの回答

回答No.1

色々方法がありますので一番簡単と思われる方法のヒントを。 (1)角丸と普通の短形を合体 (2)塗りをグラデーションにしてポイントを増やす 質問の内容から、まだ操作にあまり詳しくない印象を受けました。 web2.0 ボタン fireworks　とかで検索すると色々出ると思います。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • fireworksで2枚の写真の境目をぼかす

    はじめまして。質問させていただきます。 Fireworksで以下のような画像を作成する場合、 どのように作業すればいいのでしょうか？ FireworksのMXを使っています。 http://www.kanseki.co.jp/common_images/top_visual.jpg ※2枚の写真が少しぼかして合成されています。 また、このように、1枚の写真をカラーに溶け込ませる方法も教えてください。 http://www.ddnj.com/product/hp/awbs/awbs_sample/image/AWDL090-002.gif ちなみに、Photoshop・Dreamweaver使用しています。ある程度勉強したのですが、知識が足りない部分がかなりありますので、いろいろとお教えいただけるとうれしいです！

  • cssのbodyの勉強をしているのですが

    http://www.mitsuike.ed.jp このサイト↑を使ってcssを勉強しているのですが、 http://www.mitsuike.ed.jp/common/css/common.css のcssのbodyで body { color: #666666; margin: 0px; padding: 0px; text-align:center; background: #F9F9F9 url(../images/bg.gif) repeat-y top center; } となっているのですが このサイトは color: #666666となっている程暗いグレーではないのでなぜなのか分かりません。 また、画像が置かれているhttp://www.mitsuike.ed.jp/common/images/bg.gif をrepeat-y top center;ということで 下方向に連続しているのでbodyの部分の背景になってるということは分かるのですが、 そこになぜ更に#F9F9F9と背景色を使用しているのかが分かりません。 これからcssを勉強して覚えていきたいと思っているのですが、こんな初歩的な事でつまって質問してしまい申し訳ありません。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • AlphaImageLoaderを使用して文字を透過させたいのですが…

    こんにちわ。 ホームページのボタンで、スクリプト系の細かい文字の背景を透明にしてfireworksで書き出し、backgroundとしてcssでAlphaImageLoaderを指定してアップ。 他の部分の透過に関してはこれでうまくいくのですが、この文字の部分だけがIE6できれいに反映されません。 よくある、透明部分がブルーグレーになると言う状態ではなく、文字背景は透過されて表示はできるのですが、ギザギザで線も細すぎて読み取れない状態です。 （gifよりはまともですが・・・。） 他の画像の透過はきれいに出ているのでcssの指定は正しいと思うのですが、どう調べても分からず、どなたかお知恵をお貸しください！ fireworksでの保存方法ですが、png8,png24,png32と全て試してみましたがだめでした。 文字など細かいものに関しては諦めるしかないと言うことでしょうか？ javascriptを使用できない条件であるためAlphaImageLoaderを使用しているのですが…。 ■css .png-filter{ background:url(images/index/btn_skip.png) no-repeat; width:110px; height:38px; } *html .png-filter { background: none; filter:progid:DXImageTransform.Microsoft. AlphaImageLoader(src='images/index/btn_skip.png', sizingMethod='scale'); width:110px; height:38px; } .png-filter a{ display:block; text-indent:-9999px; overflow:hidden; width:110px; height:38px; }

  • IE6とXHTML+CSS

    外部スタイルシート＋XHTMLでサイトを作成したのですがその際メニュー項目のロールオーバーのオーバー時がIE7だと正常に見えるのですがIE6だとオーバー時の画像が消えてしまいます。その部分の外部スタイルシートとXHTMLをそれぞれ記述するので詳しい方アドバイスお願いします！ちなみにメニューボタンの高さは一緒で幅はそれぞれ違います。 <XHTML> <div id="sabNavi"> <ul> <li class="smenu01"><a href="#">サイトマップ</a></li> <li class="smenu02"><a href="#">プライバシーポリシー</a></li> <li class="smenu03"><a href="#">お問合せ</a></li> </ul> </div> <外部スタイルシート> #sabNavi{ width:300px; } #sabNavi a{ height:20px; display:block; text-indent:-9999px; } #sabNavi a:hover{ background-position:0 -20px; } .smenu01 a{ background:url(images/btn_sitemap.gif) no-repeat 0 0; width:71px; } .smenu02 a{ background:url(images/btn_privacy.gif) no-repeat 0 0; width:108px; } .smenu03 a{ background:url(images/btn_information.gif) no-repeat 0 0; width:55px; } .smenu01:hover{ background:url(images/btn_over_sitemap.gif) no-repeat 0 0; } .smenu02:hover{ background:url(images/btn_over_privacy.gif) no-repeat 0 0; } .smenu03:hover{ background:url(images/btn_over_information.gif) no-repeat 0 0; }

  • ロゴデザイン作ったりしている方、やり方のヒントを下さい！

    http://www.disneychannel.jp/program/dcom/hsm/index.html ↑この「HIGH SCHOOL MUSICAL」の様なロゴを作りたいのです。。。 文字の中央に電球で光ってる様にするには、どういうやり方がありますか？？アニメーションＧＩＦではなく静止画で作りたいです。 複数のやり方でもけっこうです！ fireworks・Illustrator・photoshopのどれかでの作り方をお願いします。（ＣＳ３持ってます）

  • <a>と</a>の間

    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ボタン','','images/header-btn-1b.gif',1)"></a> http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ↑これによると<a>と</a>の間が空らしく 文字もスペースも入れたくないのですが、何か方法がございますか？ ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • spanで指定する方法教えてほしいです。

    <span class="top">Home</span> topで指定したのですが、うまく画像が表示されません。 どうすればうまくbackground-colorのimages/btn046_06.gifが表示されるでしょうか？ よろしくお願いします。 htmlの部分 <div id="left_navi"> <ul> <li><a href="#"><span class="top">Home</span></a></li> <li><a href="#"><span>Categories</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Portfolio</span></a></li> <li><a href="#"><span>Contact</span></a></li> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>Categories</span></a></li> </ul></nav> </div> cssの部分 #left_navi{ width:230px; height:700px; background-color:#e6e6e6; float:left; } #left_navi ul{ list-style-type: none; padding-top: 20px; color:blue; } #left_navi li{ padding-top:20px; } #left_navi a{ text-align: center; display:block; width:100%; height:40px; padding-bottom:9px; padding-top: 11px; padding-left:-50px; padding-right:30px; background-image:url(images/btn046_05.gif); background-repeat:no-repeat; color:gray; } #left_navi a .top{ background-image:url(images/btn046_06.gif); } #left_navi a:hover{ background-image:url(images/btn046_10.gif); color: blue; }

    • ベストアンサー
    • CSS
  • 検索窓、どこまで改造可？

    http://help.yahoo.co.jp/guide/jp/ysearch/searchbox/instructions.html 「３さまざまな検索」の検索ボタンの後にすこーし空白があります。 これ（clear gif）は取り払ってもよろしいのでしょうか？ また、インプットのボタンの配置を変えたり、背景画を省いて透過にしてもいいのでしょうか？ よろしくお願いします。

  • フォトショップ（CS)でプルンとした感じ

    ベベルやエンボス使ってみても、 なかなか思うようなプルンとした感じが出ません・・・ 例えばボタンですと http://lolipop.jp/home/img/btn_home_01_chg.gif こんな感じや テキストですと http://www.7andy.jp/yhs.svl?CID=ESI504&view&image_file=http://img.7andy.jp/bks/images/b8/T0233958.JPG&url_copy_right=&shop_name=e-Shopping!Books この雑誌のロゴみたいな（もっと光が当たってる感じがいいのですが） こんな感じのものを作るコツや tipが載ってるサイトなど、 教えていただけると助かります。 よろしくお願いします・・・☆

  • なぜだめなのか教えてください　ie操作　vba

    ｖｂａでログインする時、ログインボタンの名前がmember_left_btn01なので、 With objIE.document .all("mail_ad").Value = 登録アドレス .all("pass_wd").Value = PW .all("member_left_btn01").Click End With としたら、オブジェクトが必要ですというエラーになりました。 ログインしようとしているサイトは、 https://www2.seibu.jp/usrinfo/clubon/internet/member.htmlのサイトです。 ログインの部分のソースを見ると <input class="member_left_btn01" type="image" src="../images/btn_login.gif" border="0"/> となっておりますが、classはnameではないから、 .all("member_left_btn01").Click だとエラーになるのでしょうか？ .all.submit でも .submit でもログインできません。 ご教授よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する