光っているような効果の付け方

このQ&Aのポイント
  • ナビゲーションの光っているような効果を作りたいですが、どのように作ればいいでしょうか。
  • Flashやビットマップ系ソフトを使用してボケを作成し、透明背景の形式で書き出す方法などを考えています。
  • 他の方はどのような方法でこのようなエフェクトを制作しているのでしょうか。
回答を見る
  • ベストアンサー

光っているような効果の付け方

こんばんわ。下のサイトのナビゲーションの様に、ロールオーバー時に、光っているような効果を付けたいと思っています。この光っている様に見える、ボタンの周りのボケはFlashで作っているのでしょうか。それともPhotoshopの様なビットマップ系ソフトで作っているのでしょうか。一応Flashで、 [修正→シェイプ→ソフトエッジ]+レイヤーやアルファ設定などで挑戦してみましたが、下記サイトの様にきれいにボケませんでした(特に四隅が)。 他にはビットマップ系ソフトで(これはまだ試してません)、 きれいなボケを作ってgifやpngなどの透明背景の使える形式で書出して、Flashに持ってくるとかでしょうか。でもこれではかなり手間がかかりますよね。 みなさんはこの様なエフェクトを、どのような方法で制作されてますでしょうか。よろしくお願い致します。 PS. 「グラフィックソフト」というカテゴリに投稿しようか迷いましたがこちらにしました。 http://www.game-domain.net/

  • Flash
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#35109
noname#35109
回答No.1

そのページに限っては,ビット系のソフトで光を作っています。 http://www.game-domain.net/nexus.swf からアクセスして,右クリックで拡大したり,手のひらカーソルで場所移動したりして, メニューのあたりを超拡大すると,ビット系の□(四角いドット)の集まりが見えます。 でも,その程度のことならFlashで十分出来ますよ。 傾向は違いますが,この↓ページで  http://www.ibarakankou.jp/quiz/index.html New とかその他光っている部分は全てFlashで作ってあります。 Flashで同心円上のグラデーションが作れるでしょう。 中心部分付近を,アルファ50くらいの色にして,周辺をアルファ0の色にして,円を書き, その円を矢印ツールで変形させれば楕円の光ができます。 これをさらに変形させたり,複数重ねると,色々な光ができます。 ビット系の光より,きれいでサイズもずっと軽くできます。

undefined
質問者

お礼

素早いご解答有り難うございます。なるほどグラデーションでも確かに出来ました。丸や四角などシンプルな形状の時はこの方がgoodですね。Scaleを変えてもOKですし。ロゴや文字など複雑なものはやはりBitmapという選択でしょうか。使い分けの参考になりました。sassakunさん、快刀乱麻のアドバイス有り難うございました。では失礼します。

関連するQ&A

  • アフターエフェクトからフラッシュバナー

    アフターエフェクトでフラッシュバナーを作成しています。swfへの書き出しは出来たのですが、サイトへリンクさせるのはどうしたらいいのでしょうか?

  • photohop レイヤー編集について

    photoshopについて初歩的な質問をさせて下さい。 参考書を見ながら、photoshopで制作したwebサイトのデザインカンプからスライスツールを使って画像の書き出しをしていた時に疑問に思ったことがあります。 ある2つのレイヤーをスライスする前に、(2つのレイヤーは両方ともシェイプツールで描いた図形があります。)参考書では2つのレイヤーをまとめるために(?)その2つのレイヤーを「スマートオブジェクトに変換」を使って1つのレイヤーにまとめていました。 しかし、「スマートオブジェクトに変換」を選択するプルダウンメニューに「レイヤーを統合」というのがあり、試したところこれでもレイヤーをまとめることが出来ました。 この2つの機能のそれぞれの目的、使い分け方を教えていただけないでしょうか? 初歩的な質問で申し訳ないです。よろしくお願い致します。

  • Flashでのマスクぼかし

    Mac版のFlashMXを使用しています。使い初めで書籍を見ながら色々と試しておりますが、レイヤーマスクについての質問です。 レイヤーに黒の四角を書き、修正メニュー→シェイプ→ソフトエッジで回りをぼかし、黒四角の回りをぼかしています。一つ下のレイヤーに緑をベタ塗りにしています。上のレイヤーの黒四角を選んでマスクするのですが、回りがぼけてくれません。角丸の緑の四角ができてしまいます。私のイメージでは緑四角で回りがぼけるはずなんですが。 何か他に方法があるのでしょうか。 宜しくお願い致します。

    • ベストアンサー
    • Flash
  • ぼわーんと光る文字をつくりたい

    flashMXを使っています。 文字に、photoshopでいうところの『光彩(外側)』の効果をつけたいのですが、どうすればよいのでしょうか?しかも徐々に光らせてゆきたいのですが。。 修正→シェイプ→ソフトエッジというのがありますが、塗りのオブジェクトに使えても、文字にはその効果が使えないようです(選択できません)。 あと、ぼわーんと光る線とかってのも同じ要領でできるのでしょうか?? flashは初心者みたいなものなので、わからないことだらけです。 インターネットであちこち調べ回ったのですがどこにも無くて分からずじまいでした。どなたか教えて下さい!おねがいします。

    • ベストアンサー
    • Flash
  • オンマウスの効果

    flashを勉強しはじめて約2ヶ月のものです。 使用ソフトはflashMX2004です。 メニュー部分のオンマウスの効果についてご相談です。 シンボルボタン内のオーバー部分にアニメーションを付けてナビゲーションを創ったのですが、 http://www.templatemonster.jp/show.php?templ=5344 ↑こちらの参考のように、パキパキとマウスが離れると元に戻る普通の状態です。 今回悩んでいるのは、以下の参考サイト内の左上のナビゲーションのように上から下、下から上にマウスをなぞると、パラパララーと滑らかな動きをプラスさせたいのです。 http://www.templatemonster.jp/show.php?templ=6388 シンボルボタンとアニメーションだけでは創れないのでしょうか・・・? アニメーションの長さを長くしたりしてみたのですが、やはりマウスが離れると欲しい効果にはならないのです。 壁に当たり困ってしまいました・・・。 どなたか、作成方法を教えて頂けますと幸いです。 どうぞよろしくお願い致します。

    • ベストアンサー
    • Flash
  • Gcrew で作成したファイルを・・・。

     Gcrew というソフトで作成した(らしい)ファイルを編集したいのですが、Gcrewというソフト自体を持っていません。 (ので編集できる形式にしてもらおうかなと思っています) ・書き出し可能なファイル形式 md2、wmf、jpg、png、fpx、bmp、gif、cal、img、pct、msp、pcx、tga、tif、wpg、psd (中略) ※レイヤ情報を持つpct以外のファイル形式(psdなど)は1レイヤに統合されます。 とメーカーのHPには書いてあります。 つまり、他のソフト(例えばインデザイン)とは互換性がないということなのでしょうか?

  • HTML ドロップダウンメニュー 教えてください!

    ナビゲーションのドロップダウンメニューを作りたく、 ↓↓このサイトを流用し、こんな感じで、↓↓ http://ezorisu-web.com/web-design/archives/356 試行錯誤しています。 現在作っているサイトが、flashに重なって半透明の透過PNGのナビゲーションがあり、IE6でも半透明に見えるよう、ジャバスクリプトを使用しています。 ここで、ジャバスクリプトを使用しているのが原因かわかりませんが、ジャバスクリプトを使用したドロップダウンメニューをつくろうとするとPNGが半透明じゃなくなってしまいます。 そのため、現在、上のサイトを参考にCSSだけでのドロップダウンメニューを作っているのですが、上のサイトどおり作ると、IE6が、ドロップだうんしません。 何かいい方法はないでしょうか?? ※↓ジャバスクリプトは↓ここからダウンロードしました。 http://monodez.com/create/pngfix.html

  • 文字(テキスト)の潰れ・にじみ・ブレ

    Flashで表示しているテキスト(文字)が潰れたり、にじんだようにブレたりすることがたまにあります。特徴としては以下のような感じです。 ・トゥイーンを使ったり、グラフィックインスタンスのアルファを変えたりなど、画像に何らかの動的な編集をすると起こる。 (従って静止画として表示するだけの状態ならそのような現象は起こらない。) ・パブリッシュしないとその現象はおきないので、編集画面では確認できない。 ・イラレからのアウトラインデータ(swfで書き出し)だけでなく、GIF・JPEG・PNGといったビットマップデータでも起こる。 ・フォントを変えると問題が起こらなくなることがある。 <次の事は試してみましたがダメでした。> ・ライブラリの中の該当のビットマップ画像からプロパティを開いて、スムージングのチェックを外したり、圧縮を変えたりする。 ・画像の分解 ・文字の大きさを変える。 ・http://www.adobe.com/jp/support/flash/ts/documents/fl0254.htmlこのページに書いてあること。 など、色々調べて試してみたのですが、わかりませんでした。 また、毎回じゃないので、どういう時にこの現象が起こるのかも、あまりわかりません。 もし同じことで悩み解決された方がいらっしゃいましたら、解決方法を教えていただけたら助かります。 環境: Flash MX OS:2000

  • 透過pngを表示するスクリプトとロールオーバー

    トップページのタイトル画像を透過させてロールオーバーさせたいです。 --- 透過pngを使いたかったのですが、使用しているブラウザに対応していなかったので、どうにか表示させる方法を探していました。 そしてたどり着いたのは(http://www.designwalker.com/2006/12/transparent-png.html)のサイトのスクリプトなのですが、画像をロールオーバーさせるJavaScriptには対応していないのでしょうか。 <A href="t_off.png"><img src="t_off.png" onMouseOver="this .src='t_on.png'"onMouseOut="this .src='t_off.png'"></A> ↑これです/ロールオーバーに使用しているタグ CSSでのロールオーバーも考えた(挑戦した)のですが、タイトル画像で大きさを掴みにくく、中々上手く指定が出来ません。 CSSではリンクに触れた際に背景の画像をずらすことになると思うのですが、同じサイトの透過pngを背景画像で使うスクリプトでは、大きさを指定しなくてはならず、上手に出来ませんでした。 (そのスクリプトなしでは成功しました) --- 一つのサイトのプログラムのことなので、ここで質問すべきではないのかも知れませんが、あちらでは場違いになりそうなので、ここに書かせて頂きました。 カテゴリもまたがっているので、もしも問題がありましたら、ごめんなさい。 よろしければ、ご回答お願いします。 --- 使用ブラウザ:Sleipnir 1.66 画像編集ソフト:Adobe Photoshop Elements 5.0

  • GoLiveのアニメーションにサウンド効果

    はじめまして、アドビから出ているGoLiveCS2という web関係のソフトについて質問させていただきます。 動きのあるアニメーションをレイヤーごとにタイムラインエディタで 制作しているのですが、動きをするごとにタイムラインエディタ上などで 音をつけることはできないのでしょうか? いろいろ調べましたが、クリックして音を出す等の方法はできるのですが あくまでアニメの動きにあわせて音を出したいなと思っています。 経験者様いらっしゃいましたらどうか指摘をお願いします。 (本来アニメーション等はフラッシュを使うべきでしょうが ソフトをもっていない+作っているアニメはWEBサイトの TOPページに使用しているので、アニメが終わったらそのまま クリックしてWEBに繋げたいなと思いGoLiveCS2で制作しています。)

    • 締切済み
    • CSS